Fix weird displayName issue

.api-report/mafs.api.md

@@ -459,8 +459,8 @@ export interface VectorProps extends Stroked {
 //
 // src/debug/index.tsx:4:19 - (ae-forgotten-export) The symbol "ViewportInfo" needs to be exported by the entry point index.d.ts
 // src/debug/index.tsx:4:19 - (ae-forgotten-export) The symbol "TransformWidget" needs to be exported by the entry point index.d.ts
-// src/display/Coordinates/index.tsx:9:25 - (ae-forgotten-export) The symbol "Cartesian" needs to be exported by the entry point index.d.ts
-// src/display/Coordinates/index.tsx:9:25 - (ae-forgotten-export) The symbol "PolarCoordinates" needs to be exported by the entry point index.d.ts
+// src/display/Coordinates/index.tsx:4:25 - (ae-forgotten-export) The symbol "Cartesian" needs to be exported by the entry point index.d.ts
+// src/display/Coordinates/index.tsx:4:25 - (ae-forgotten-export) The symbol "PolarCoordinates" needs to be exported by the entry point index.d.ts
 // src/display/Line.tsx:6:18 - (ae-forgotten-export) The symbol "PointAngle" needs to be exported by the entry point index.d.ts
 // src/display/Line.tsx:6:18 - (ae-forgotten-export) The symbol "PointSlope" needs to be exported by the entry point index.d.ts
 // src/display/Line.tsx:6:18 - (ae-forgotten-export) The symbol "ThroughPoints" needs to be exported by the entry point index.d.ts

package.json

@@ -30,7 +30,7 @@
     "prepublishOnly": "pnpm test && pnpm lint && pnpm build"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.36.4",
+    "@microsoft/api-extractor": "7.40.2",
     "@playwright/experimental-ct-react": "^1.37.0",
     "@playwright/test": "^1.37.0",
     "@swc/core": "^1.3.76",

src/debug/TransformWidget.tsx

@@ -58,3 +58,5 @@ export function TransformWidget({ children }: TransformWidgetProps) {
     </>
   )
 }
+
+TransformWidget.displayName = "Debug.TransformWidget"

src/debug/ViewportInfo.tsx

@@ -35,3 +35,5 @@ export function ViewportInfo({ precision = 3 }: PaneVisualizerProps) {
     </g>
   )
 }
+
+ViewportInfo.displayName = "Debug.ViewportInfo"

src/debug/index.tsx

@@ -5,9 +5,3 @@ export const Debug = {
   ViewportInfo,
   TransformWidget,
 }
-
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Debug.ViewportInfo.displayName = "Debug.ViewportInfo"
-
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Debug.TransformWidget.displayName = "Debug.TransformWidget"

src/display/Coordinates/Cartesian.tsx

@@ -110,6 +110,8 @@ export function Cartesian({
   )
 }
 
+Cartesian.displayName = "Coordinates.Cartesian"
+
 export function snappedRange(min: number, max: number, step: number) {
   const roundMin = Math.floor(min / step) * step
   const roundMax = Math.ceil(max / step) * step

src/display/Coordinates/Polar.tsx

@@ -115,3 +115,5 @@ export function PolarCoordinates({
     </g>
   )
 }
+
+PolarCoordinates.displayName = "Coordinates.Polar"

src/display/Coordinates/index.tsx

@@ -1,11 +1,6 @@
 import { Cartesian } from "./Cartesian"
 import { PolarCoordinates as Polar } from "./Polar"
 
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Polar.displayName = "Coordinates.Polar"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Cartesian.displayName = "Coordinates.Cartesian"
-
 export const Coordinates = {
   Cartesian,
   Polar,

src/display/Line.tsx

@@ -15,12 +15,3 @@ import type { PointSlopeProps } from "./Line/PointSlope"
 import type { ThroughPointsProps } from "./Line/ThroughPoints"
 import type { SegmentProps } from "./Line/Segment"
 export type { PointAngleProps, PointSlopeProps, ThroughPointsProps, SegmentProps }
-
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Line.PointAngle.displayName = "Line.PointAngle"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Line.PointSlope.displayName = "Line.PointSlope"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Line.Segment.displayName = "Line.Segment"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Line.ThroughPoints.displayName = "Line.ThroughPoints"

src/display/Line/PointAngle.tsx

@@ -11,3 +11,5 @@ export function PointAngle({ point, angle, ...rest }: PointAngleProps) {
   const point2 = vec.add(point, vec.rotate([1, 0], angle))
   return <ThroughPoints point1={point} point2={point2} {...rest} />
 }
+
+PointAngle.displayName = "Line.PointAngle"

src/display/Line/PointSlope.tsx

@@ -10,3 +10,5 @@ export interface PointSlopeProps extends Stroked {
 export function PointSlope({ point, slope, ...rest }: PointSlopeProps) {
   return <PointAngle point={point} angle={Math.atan(slope)} {...rest} />
 }
+
+PointSlope.displayName = "Line.PointSlope"

src/display/Line/Segment.tsx

@@ -36,4 +36,4 @@ export function Segment({
   )
 }
 
-export default Segment
+Segment.displayName = "Line.Segment"

src/display/Line/ThroughPoints.tsx

@@ -56,3 +56,5 @@ export function ThroughPoints({
     />
   )
 }
+
+ThroughPoints.displayName = "Line.ThroughPoints"

src/display/Plot.tsx

@@ -11,17 +11,6 @@ export const Plot = {
   Inequality,
 }
 
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Plot.OfX.displayName = "Plot.OfX"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Plot.OfY.displayName = "Plot.OfY"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Plot.Parametric.displayName = "Plot.Parametric"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Plot.VectorField.displayName = "Plot.VectorField"
-// @ts-expect-error - setting these here to avoid invalid .d.ts output
-Plot.Inequality.displayName = "Plot.Inequality"
-
 import type { InequalityProps } from "./Plot/Inequality"
 import type { OfXProps, OfYProps } from "./Plot/Simple"
 import type { ParametricProps } from "./Plot/Parametric"

src/display/Plot/Inequality.tsx

@@ -169,3 +169,5 @@ export function Inequality({
     </g>
   )
 }
+
+Inequality.displayName = "Plot.Inequality"

src/display/Plot/Parametric.tsx

@@ -60,3 +60,5 @@ export function Parametric({
     />
   )
 }
+
+Parametric.displayName = "Plot.Parametric"

src/display/Plot/Simple.tsx

@@ -19,6 +19,8 @@ export function OfX({ y, ...props }: OfXProps) {
   return <Parametric xy={xy} t={t} {...props} />
 }
 
+OfX.displayName = "Plot.OfX"
+
 export interface OfYProps extends Omit<ParametricProps, "xy" | "t"> {
   x: (y: number) => number
   svgPathProps?: React.SVGProps<SVGPathElement>
@@ -34,3 +36,5 @@ export function OfY({ x, ...props }: OfYProps) {
 
   return <Parametric xy={xy} t={t} {...props} />
 }
+
+OfY.displayName = "Plot.OfY"

src/display/Plot/VectorField.tsx

@@ -88,6 +88,8 @@ export function VectorField({
   )
 }
 
+VectorField.displayName = "Plot.VectorField"
+
 interface Layer {
   d: string
   opacity: number