feat(scatterplot): add support for custom layer to ScatterPlot prop type

Author: plouc

packages/scatterplot/src/ScatterPlot.tsx

@@ -196,7 +196,7 @@ const InnerScatterPlot = <RawDatum extends ScatterPlotDatum>({
     return (
         <SvgWrapper width={outerWidth} height={outerHeight} margin={margin} role={role}>
             {layers.map((layer, i) => {
-                if (layerById[layer] !== undefined) {
+                if (typeof layer === 'string' && layerById[layer] !== undefined) {
                     return layerById[layer]
                 }
 

packages/scatterplot/src/types.ts

@@ -161,7 +161,7 @@ export type ScatterPlotSvgProps<RawDatum extends ScatterPlotDatum> = Partial<
     Dimensions &
     ModernMotionProps & {
         blendMode?: CssMixBlendMode
-        layers?: ScatterPlotLayerId[]
+        layers?: (ScatterPlotLayerId | ScatterPlotCustomSvgLayer<RawDatum>)[]
         nodeComponent?: ScatterPlotNode<RawDatum>
         markers?: CartesianMarkerProps<RawDatum['x'] | RawDatum['y']>[]
     }

packages/scatterplot/tests/ScatterPlot.test.tsx

@@ -381,3 +381,5 @@ describe('annotations', () => {
 
     it('should support markers', () => {})
 })
+
+describe('accessibility', () => {})