@ktnpm_devops/react-component 0.9.0 → 0.10.0

package/dist/index22.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const constants = require("./index56.cjs");
-const CountersAnalysisCard_module = require("./index88.cjs");
+const clsx = require("./index52.cjs");
+const constants = require("./index59.cjs");
+const CountersAnalysisCard_module = require("./index78.cjs");
 const CounterTimeseriesChart = require("./index21.cjs");
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index22.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { clsx } from "./index51.js";
-import { COUNTERS_PAGE_SIZE } from "./index56.js";
-import styles from "./index88.js";
+import { clsx } from "./index52.js";
+import { COUNTERS_PAGE_SIZE } from "./index59.js";
+import styles from "./index78.js";
 import { CounterTimeseriesChart } from "./index21.js";
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index23.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
+const clsx = require("./index52.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
 const format = require("./index7.cjs");
-const CustomRangePicker_module = require("./index75.cjs");
+const CustomRangePicker_module = require("./index84.cjs");
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index23.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index51.js";
+import { clsx } from "./index52.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
 import { formatLocalISOString } from "./index7.js";
-import styles from "./index75.js";
+import styles from "./index84.js";
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index24.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index51.cjs");
-const DashboardLayout_module = require("./index93.cjs");
+const clsx = require("./index52.cjs");
+const DashboardLayout_module = require("./index94.cjs");
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index24.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index51.js";
-import styles from "./index93.js";
+import { clsx } from "./index52.js";
+import styles from "./index94.js";
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index25.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
+const clsx = require("./index52.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const DatePickerDropdown_module = require("./index66.cjs");
+const DatePickerDropdown_module = require("./index73.cjs");
 const MONTHS = [
   "January",
   "February",

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index51.js";
+import { clsx } from "./index52.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index66.js";
+import styles from "./index73.js";
 const MONTHS = [
   "January",
   "February",

package/dist/index26.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
+const clsx = require("./index52.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index56.cjs");
-const FilterDropdown_module = require("./index57.cjs");
+const constants = require("./index59.cjs");
+const FilterDropdown_module = require("./index95.cjs");
 const Chip = require("./index17.cjs");
 const FilterDropdown = ({
   label,

package/dist/index26.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { clsx } from "./index51.js";
+import { clsx } from "./index52.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index56.js";
-import styles from "./index57.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index59.js";
+import styles from "./index95.js";
 import { Chip } from "./index17.js";
 const FilterDropdown = ({
   label,

package/dist/index27.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const HeatmapMatrix_module = require("./index80.cjs");
+const clsx = require("./index52.cjs");
+const HeatmapMatrix_module = require("./index83.cjs");
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index27.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import styles from "./index80.js";
+import { clsx } from "./index52.js";
+import styles from "./index83.js";
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index28.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const Input_module = require("./index64.cjs");
+const clsx = require("./index52.cjs");
+const Input_module = require("./index58.cjs");
 const Input = react.forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
 );

package/dist/index28.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import styles from "./index64.js";
+import { clsx } from "./index52.js";
+import styles from "./index58.js";
 const Input = forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
 );

package/dist/index29.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const constants = require("./index56.cjs");
-const LiveExplorerTable_module = require("./index81.cjs");
+const clsx = require("./index52.cjs");
+const constants = require("./index59.cjs");
+const LiveExplorerTable_module = require("./index89.cjs");
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index29.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index51.js";
-import { MIN_COLUMN_WIDTH } from "./index56.js";
-import styles from "./index81.js";
+import { clsx } from "./index52.js";
+import { MIN_COLUMN_WIDTH } from "./index59.js";
+import styles from "./index89.js";
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index30.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const reactDom = require("react-dom");
-const clsx = require("./index51.cjs");
+const clsx = require("./index52.cjs");
 const useEscapeKey = require("./index5.cjs");
-const Modal_module = require("./index70.cjs");
+const Modal_module = require("./index66.cjs");
 const Modal = ({
   open,
   title,

package/dist/index30.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { clsx } from "./index51.js";
+import { clsx } from "./index52.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index70.js";
+import styles from "./index66.js";
 const Modal = ({
   open,
   title,

package/dist/index31.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
+const clsx = require("./index52.cjs");
 const useClickOutside = require("./index4.cjs");
-const constants = require("./index56.cjs");
-const MultiSelectDropdown_module = require("./index79.cjs");
+const constants = require("./index59.cjs");
+const MultiSelectDropdown_module = require("./index88.cjs");
 const arraysMatch = (a, b) => {
   if (a.length !== b.length) return false;
   const set = new Set(b);

package/dist/index31.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useMemo, useCallback, useEffect } from "react";
-import { clsx } from "./index51.js";
+import { clsx } from "./index52.js";
 import { useClickOutside } from "./index4.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index56.js";
-import styles from "./index79.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index59.js";
+import styles from "./index88.js";
 const arraysMatch = (a, b) => {
   if (a.length !== b.length) return false;
   const set = new Set(b);

package/dist/index32.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const NavItem_module = require("./index78.cjs");
+const clsx = require("./index52.cjs");
+const NavItem_module = require("./index62.cjs");
 const NavItem = react.forwardRef(
   ({ icon, label, active = false, badge, collapsed = false, disabled = false, href, onClick, className }, ref) => {
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/index32.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import styles from "./index78.js";
+import { clsx } from "./index52.js";
+import styles from "./index62.js";
 const NavItem = forwardRef(
   ({ icon, label, active = false, badge, collapsed = false, disabled = false, href, onClick, className }, ref) => {
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/index33.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const constants = require("./index56.cjs");
-const Pagination_module = require("./index77.cjs");
+const clsx = require("./index52.cjs");
+const constants = require("./index59.cjs");
+const Pagination_module = require("./index93.cjs");
 function range(start, end) {
   const out = [];
   for (let page = start; page <= end; page += 1) out.push(page);

package/dist/index33.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import { PAGINATION, SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index56.js";
-import styles from "./index77.js";
+import { clsx } from "./index52.js";
+import { PAGINATION, SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index59.js";
+import styles from "./index93.js";
 function range(start, end) {
   const out = [];
   for (let page = start; page <= end; page += 1) out.push(page);

package/dist/index34.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const constants = require("./index56.cjs");
-const RangeSlider_module = require("./index68.cjs");
+const clsx = require("./index52.cjs");
+const constants = require("./index59.cjs");
+const RangeSlider_module = require("./index60.cjs");
 const buildTicks = (min, max, step) => {
   const count = Math.round((max - min) / step);
   return Array.from({ length: count + 1 }, (_, i) => min + i * step);

package/dist/index34.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import { RANGE_SLIDER } from "./index56.js";
-import styles from "./index68.js";
+import { clsx } from "./index52.js";
+import { RANGE_SLIDER } from "./index59.js";
+import styles from "./index60.js";
 const buildTicks = (min, max, step) => {
   const count = Math.round((max - min) / step);
   return Array.from({ length: count + 1 }, (_, i) => min + i * step);

package/dist/index35.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const constants = require("./index56.cjs");
-const ResizableSplitPanel_module = require("./index76.cjs");
+const constants = require("./index59.cjs");
+const ResizableSplitPanel_module = require("./index87.cjs");
 const FULL_PERCENT = 100;
 const ResizableSplitPanel = ({
   leftPanel,

package/dist/index35.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { KEYBOARD_STEP } from "./index56.js";
-import styles from "./index76.js";
+import { KEYBOARD_STEP } from "./index59.js";
+import styles from "./index87.js";
 const FULL_PERCENT = 100;
 const ResizableSplitPanel = ({
   leftPanel,

package/dist/index36.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const Row_module = require("./index73.cjs");
+const clsx = require("./index52.cjs");
+const Row_module = require("./index65.cjs");
 const gapClass = {
   none: Row_module.default.gapNone,
   "2xs": Row_module.default.gap2xs,

package/dist/index36.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index51.js";
-import styles from "./index73.js";
+import { clsx } from "./index52.js";
+import styles from "./index65.js";
 const gapClass = {
   none: styles.gapNone,
   "2xs": styles.gap2xs,

package/dist/index37.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const ReactECharts = require("echarts-for-react");
-const clsx = require("./index51.cjs");
-const constants = require("./index56.cjs");
-const SankeyChartCard_module = require("./index94.cjs");
+const clsx = require("./index52.cjs");
+const constants = require("./index59.cjs");
+const SankeyChartCard_module = require("./index61.cjs");
 const COLOR_METRIC_OPTIONS = [
   { value: "deviation", label: "Deviation" },
   { value: "severity", label: "Severity" },

package/dist/index37.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import ReactECharts from "echarts-for-react";
-import { clsx } from "./index51.js";
-import { MAX_SANKEY_NODES, CHART_COLORS } from "./index56.js";
-import styles from "./index94.js";
+import { clsx } from "./index52.js";
+import { MAX_SANKEY_NODES, CHART_COLORS } from "./index59.js";
+import styles from "./index61.js";
 const COLOR_METRIC_OPTIONS = [
   { value: "deviation", label: "Deviation" },
   { value: "severity", label: "Severity" },

package/dist/index38.cjs

@@ -2,75 +2,101 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index51.cjs");
-const SegmentedControl_module = require("./index53.cjs");
-function nextEnabledIndex(options, from, step) {
-  const count = options.length;
-  for (let i = 1; i <= count; i += 1) {
-    const idx = (from + step * i + count * i) % count;
-    if (!options[idx].disabled) return idx;
-  }
-  return from;
-}
-function SegmentedControlInner({
-  options,
-  value,
-  onChange,
-  shape = "pill",
-  size = "md",
-  className,
-  ...props
-}, ref) {
-  const buttonsRef = react.useRef([]);
-  const move = (currentIndex, step) => {
-    var _a;
-    const target = nextEnabledIndex(options, currentIndex, step);
-    if (target === currentIndex) return;
-    onChange(options[target].value);
-    (_a = buttonsRef.current[target]) == null ? void 0 : _a.focus();
-  };
-  const handleKeyDown = (event, index) => {
-    if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-      event.preventDefault();
-      move(index, 1);
-    } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
-      event.preventDefault();
-      move(index, -1);
+const ReactECharts = require("echarts-for-react");
+const clsx = require("./index52.cjs");
+const foldPoints = require("./index75.cjs");
+const buildScatterOption = require("./index76.cjs");
+const constants = require("./index59.cjs");
+const ScatterChartCard_module = require("./index77.cjs");
+const SOURCE_INDEX_DIM = 3;
+const buildAriaLabel = (title, xLabel, yLabel) => xLabel && yLabel ? `${title}: scatter plot of ${yLabel} against ${xLabel}` : `${title}: scatter plot`;
+const ScatterChartCard = ({
+  title,
+  data,
+  xLabel,
+  yLabel,
+  categoryLabel,
+  mergeCoincident = true,
+  maxPoints = constants.SCATTER.MAX_POINTS,
+  onRender,
+  onSelectPoint,
+  enableDataZoom = false,
+  hideLegend = false,
+  compact = false,
+  toolbar,
+  isLoading = false,
+  error = null,
+  onRetry,
+  onChartReady,
+  actions,
+  className
+}) => {
+  const { points, info } = react.useMemo(
+    () => foldPoints.foldPoints(data, maxPoints, mergeCoincident),
+    [data, maxPoints, mergeCoincident]
+  );
+  const hasCategories = points.some((p) => p.point.category != null);
+  const showLegend = !hideLegend && !compact && hasCategories;
+  const option = react.useMemo(
+    () => buildScatterOption.buildScatterOption(points, { xLabel, yLabel, categoryLabel, showLegend, enableDataZoom }),
+    [points, xLabel, yLabel, categoryLabel, showLegend, enableDataZoom]
+  );
+  react.useEffect(() => {
+    onRender == null ? void 0 : onRender(info);
+  }, [onRender, info]);
+  const handleChartReady = (instance) => {
+    if (onSelectPoint) {
+      instance.on("click", (params) => {
+        var _a;
+        const index = (_a = params.value) == null ? void 0 : _a[SOURCE_INDEX_DIM];
+        if (index != null && data[index]) onSelectPoint({ point: data[index], index });
+      });
     }
+    onChartReady == null ? void 0 : onChartReady(instance);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      role: "radiogroup",
-      className: clsx.clsx(SegmentedControl_module.default.root, SegmentedControl_module.default[shape], SegmentedControl_module.default[size], className),
-      ...props,
-      children: options.map((option, index) => {
-        const selected = option.value === value;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(ScatterChartCard_module.default.root, compact && ScatterChartCard_module.default.compact, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: ScatterChartCard_module.default.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: ScatterChartCard_module.default.title, children: title }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScatterChartCard_module.default.headerActions, children: actions })
+    ] }),
+    toolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScatterChartCard_module.default.toolbar, children: toolbar }),
+    info.dropped > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ScatterChartCard_module.default.warning, role: "status", children: [
+      "Showing ",
+      info.total - info.dropped,
+      " of ",
+      info.total,
+      " points (",
+      info.dropped,
+      " dropped by the",
+      " ",
+      maxPoints,
+      " mark cap)."
+    ] }),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScatterChartCard_module.default.loading, children: "Loading chart..." }),
+    !isLoading && error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ScatterChartCard_module.default.error, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error }),
+      onRetry && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ScatterChartCard_module.default.retryButton, onClick: onRetry, children: "Retry" })
+    ] }),
+    !isLoading && !error && data.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScatterChartCard_module.default.empty, children: "No point data available." }),
+    !isLoading && !error && data.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: ScatterChartCard_module.default.chartContainer,
+        role: "figure",
+        "aria-label": buildAriaLabel(title, xLabel, yLabel),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ReactECharts,
           {
-            ref: (node) => {
-              buttonsRef.current[index] = node;
-            },
-            type: "button",
-            role: "radio",
-            "aria-checked": selected,
-            tabIndex: selected ? 0 : -1,
-            disabled: option.disabled,
-            className: clsx.clsx(SegmentedControl_module.default.segment, selected && SegmentedControl_module.default.isOn),
-            onClick: () => onChange(option.value),
-            onKeyDown: (event) => handleKeyDown(event, index),
-            children: option.label
-          },
-          option.value
-        );
-      })
-    }
-  );
-}
-const SegmentedControlBase = react.forwardRef(SegmentedControlInner);
-SegmentedControlBase.displayName = "SegmentedControl";
-const SegmentedControl = SegmentedControlBase;
-exports.SegmentedControl = SegmentedControl;
+            option,
+            style: { height: "100%", width: "100%" },
+            onChartReady: handleChartReady,
+            notMerge: true
+          }
+        )
+      }
+    )
+  ] });
+};
+ScatterChartCard.displayName = "ScatterChartCard";
+exports.ScatterChartCard = ScatterChartCard;
 //# sourceMappingURL=index38.cjs.map