@coinbase/cds-mcp-server 8.47.2 → 8.47.3

package/mcp-docs/web/components/Scrubber.txt

@@ -101,7 +101,7 @@ setting `label` on Scrubber displays a label above the scrubber line.
   ]}
   showArea
 >
-  <Scrubber label={(dataIndex: number) => `Day ${dataIndex + 1}`} />
+  <Scrubber label={(dataIndex) => `Day ${dataIndex + 1}`} />
 </LineChart>
 ```
 
@@ -295,11 +295,14 @@ You can use `BeaconLabelComponent` to customize the labels for each scrubber bea
 ```jsx live
 function CustomBeaconLabel() {
   // This custom component label shows the percentage value of the data at the scrubber position.
-  const MyScrubberBeaconLabel = memo(({ seriesId, color, label, ...props}: ScrubberBeaconLabelProps) => {
+  const MyScrubberBeaconLabel = memo(({ seriesId, color, label, ...props }) => {
     const { getSeriesData, dataLength } = useCartesianChartContext();
     const { scrubberPosition } = useScrubberContext();
 
-    const seriesData = useMemo(() => getLineData(getSeriesData(seriesId)), [getSeriesData, seriesId]);
+    const seriesData = useMemo(
+      () => getLineData(getSeriesData(seriesId)),
+      [getSeriesData, seriesId],
+    );
 
     const dataIndex = useMemo(() => {
       return scrubberPosition ?? Math.max(0, dataLength - 1);
@@ -311,7 +314,7 @@ function CustomBeaconLabel() {
         return `${label} · ${dataAtPosition}%`;
       }
       return label;
-    }, [label, seriesData, dataIndex])
+    }, [label, seriesData, dataIndex]);
 
     return (
       <DefaultScrubberBeaconLabel
@@ -391,11 +394,7 @@ You can use `hideBeaconLabels` to hide beacon labels, while still being able to
   showArea
   inset={{ top: 60 }}
 >
-  <Scrubber
-    hideBeaconLabels
-    label={(dataIndex: number) => `Day ${dataIndex + 1}`}
-    labelElevated
-  />
+  <Scrubber hideBeaconLabels label={(dataIndex) => `Day ${dataIndex + 1}`} labelElevated />
 </LineChart>
 ```
 
@@ -414,7 +413,7 @@ Using `labelElevated` will elevate the Scrubber's reference line label with a sh
   showArea
   inset={{ top: 60 }}
 >
-  <Scrubber label={(dataIndex: number) => `Day ${dataIndex + 1}`} labelElevated />
+  <Scrubber label={(dataIndex) => `Day ${dataIndex + 1}`} labelElevated />
 </LineChart>
 ```
 
@@ -422,7 +421,7 @@ You can use `LabelComponent` to customize this label even further.
 
 ```jsx live
 function CustomLabelComponent() {
-  const CustomLabelComponent = memo((props: ScrubberLabelProps) => {
+  const CustomLabelComponent = memo((props) => {
     const { drawingArea } = useCartesianChartContext();
 
     if (!drawingArea) return;
@@ -454,7 +453,7 @@ function CustomLabelComponent() {
     >
       <Scrubber
         LabelComponent={CustomLabelComponent}
-        label={(dataIndex: number) => `Day ${dataIndex + 1}`}
+        label={(dataIndex) => `Day ${dataIndex + 1}`}
       />
     </LineChart>
   );
@@ -490,7 +489,7 @@ You can use `labelFont` to customize the font of the scrubber line label and `be
   }}
 >
   <Scrubber
-    label={(dataIndex: number) => `Day ${dataIndex + 1}`}
+    label={(dataIndex) => `Day ${dataIndex + 1}`}
     labelFont="legal"
     beaconLabelFont="legal"
   />
@@ -569,7 +568,7 @@ You can use `BeaconComponent` and `BeaconLabelComponent` with the `opacity` prop
 ```jsx live
 function HiddenScrubberWhenIdle() {
   const MyScrubberBeacon = memo(
-    forwardRef((props: ScrubberBeaconProps, ref) => {
+    forwardRef((props, ref) => {
       const { scrubberPosition } = useScrubberContext();
       const isScrubbing = scrubberPosition !== undefined;
 
@@ -577,7 +576,7 @@ function HiddenScrubberWhenIdle() {
     }),
   );
 
-  const MyScrubberBeaconLabel = memo((props: ScrubberBeaconLabelProps) => {
+  const MyScrubberBeaconLabel = memo((props) => {
     const { scrubberPosition } = useScrubberContext();
     const isScrubbing = scrubberPosition !== undefined;
 
@@ -631,44 +630,41 @@ You can use `BeaconLabelComponent` to display a label with the percentage value
 
 ```jsx live
 function PercentageBeaconLabels() {
- const PercentageScrubberBeaconLabel = memo(
-    ({ seriesId, color, label, ...props }: ScrubberBeaconLabelProps) => {
-      const { getSeriesData, dataLength } = useCartesianChartContext();
-      const { scrubberPosition } = useScrubberContext();
+  const PercentageScrubberBeaconLabel = memo(({ seriesId, color, label, ...props }) => {
+    const { getSeriesData, dataLength } = useCartesianChartContext();
+    const { scrubberPosition } = useScrubberContext();
 
-      const seriesData = useMemo(
-        () => getLineData(getSeriesData(seriesId)),
-        [getSeriesData, seriesId],
-      );
-
-      const dataIndex = useMemo(() => {
-        return scrubberPosition ?? Math.max(0, dataLength - 1);
-      }, [scrubberPosition, dataLength]);
-
-      const percentageLabel: ChartTextChildren = useMemo(() => {
-        if (seriesData !== undefined) {
-          const dataAtPosition = seriesData[dataIndex];
-          return (
-            <>
-              {dataAtPosition}%
-              <tspan fontWeight="400"> {label}</tspan>
-            </>
-          );
-        }
-        return label;
-      }, [label, seriesData, dataIndex]);
-
-      return (
-        <DefaultScrubberBeaconLabel
-          {...props}
-          background={color}
-          color="rgb(var(--gray0))"
-          label={percentageLabel}
-          seriesId={seriesId}
-        />
-      );
-    },
-  );
+    const seriesData = useMemo(
+      () => getLineData(getSeriesData(seriesId)),
+      [getSeriesData, seriesId],
+    );
+
+    const dataIndex = useMemo(() => {
+      return scrubberPosition ?? Math.max(0, dataLength - 1);
+    }, [scrubberPosition, dataLength]);
+
+    const percentageLabel = useMemo(() => {
+      if (seriesData !== undefined) {
+        const dataAtPosition = seriesData[dataIndex];
+        return (
+          <>
+            {dataAtPosition}%<tspan fontWeight="400"> {label}</tspan>
+          </>
+        );
+      }
+      return label;
+    }, [label, seriesData, dataIndex]);
+
+    return (
+      <DefaultScrubberBeaconLabel
+        {...props}
+        background={color}
+        color="rgb(var(--gray0))"
+        label={percentageLabel}
+        seriesId={seriesId}
+      />
+    );
+  });
 
   const PercentageBeaconLabelChart = ({ background, scrubberLineStroke, ...props }) => {
     return (

package/mcp-docs/web/components/SelectChipAlpha.txt

@@ -189,7 +189,7 @@ function ExampleMultiGroups() {
 
 ```jsx live
 function ExampleMultiAssets() {
-  const assetImageMap: Record<string, string> = {
+  const assetImageMap = {
     btc: assets.btc.imageUrl,
     eth: assets.eth.imageUrl,
     dai: assets.dai.imageUrl,