@redsift/charts 11.6.0-muiv5-alpha.10 → 11.6.0-muiv5-alpha.11

package/packages/charts/src/components/ScatterPlot/_internal/RenderedScatterPlot.js

@@ -0,0 +1,354 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef, useEffect, useState } from 'react';
+import { min, extent, scaleLinear, select, descending, scaleSqrt, max } from 'd3';
+import { useTheme, useMessageFormatter, Flexbox, Button, Text } from '@redsift/design-system';
+import intlMessages from '../intl/index.js';
+import { ScatterPlotVariant, ScatterPlotLegendVariant } from './types.js';
+import { StyledScatterPlot } from './styles.js';
+import { sizeToDimension, countBy, group, BASE_NUMBER_OF_TICKS } from './utils.js';
+import { Popover } from '@redsift/popovers';
+import { mergeLegends, getSortingMethod } from '../../../utils/index.js';
+import { useZoom } from '../../../hooks/_internal/useZoom.js';
+import { useBrush } from '../../../hooks/_internal/useBrush.js';
+import { mdiMouse } from '../../../../../icons/src/components/mdi/_internal/mdiMouse.js';
+import { mdiChevronDown } from '../../../../../icons/src/components/mdi/_internal/mdiChevronDown.js';
+import { mdiChevronRight } from '../../../../../icons/src/components/mdi/_internal/mdiChevronRight.js';
+import { AxisVariant } from '../../Axis/_internal/types.js';
+import { useColor } from '../../../hooks/_internal/useColor.js';
+import { Dot } from '../../Dot/_internal/Dot2.js';
+import { Axis } from '../../Axis/_internal/Axis2.js';
+import { Legend } from '../../Legend/_internal/Legend2.js';
+import { LegendVariant } from '../../../types/_internal/legend.js';
+
+const _excluded = ["isBrushable", "className", "data", "dotRole", "disableAnimations", "getDotAnchorProps", "hideControlKeyPanel", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onBrush", "onBrushEnd", "onDotClick", "size", "sortingMethod", "colorTheme", "tooltipDecorator", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "variant"],
+  _excluded2 = ["extraLegendItems"];
+const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      isBrushable,
+      className,
+      data: propsData,
+      dotRole,
+      disableAnimations,
+      getDotAnchorProps,
+      hideControlKeyPanel,
+      id,
+      isDotSelected,
+      labelDecorator,
+      legendDecorator,
+      legendVariant,
+      legendProps,
+      margins: propsMargins,
+      onBrush,
+      onBrushEnd,
+      onDotClick,
+      size,
+      sortingMethod,
+      colorTheme,
+      tooltipDecorator,
+      tooltipVariant,
+      xAxisVariant,
+      xAxisPlacement,
+      xAxisTickFormat,
+      xAxisTickPadding,
+      xAxisTickRotation,
+      xAxisTickSize,
+      xAxisTickValues,
+      yAxisVariant,
+      yAxisPlacement,
+      yAxisTickFormat,
+      yAxisTickPadding,
+      yAxisTickRotation,
+      yAxisTickSize,
+      yAxisTickValues,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const cache = useRef();
+  const theme = useTheme();
+  const format = useMessageFormatter(intlMessages);
+  const data = propsData.filter(datum => datum.value && typeof datum.key[0] === 'number' && !Number.isNaN(datum.key[0]) && typeof datum.key[1] === 'number' && !Number.isNaN(datum.key[1]));
+  useEffect(() => {
+    cache.current = data;
+  });
+  const chartDimensions = sizeToDimension(size);
+  const width = chartDimensions.width;
+  const height = chartDimensions.height;
+  const margins = _objectSpread2({
+    top: xAxisVariant === AxisVariant.default || xAxisVariant === AxisVariant.tickValue ? 24 : 8,
+    left: yAxisVariant === AxisVariant.default || yAxisVariant === AxisVariant.tickValue ? 48 : 8,
+    right: yAxisVariant === AxisVariant.default || yAxisVariant === AxisVariant.tickValue ? 48 : 8,
+    bottom: xAxisVariant === AxisVariant.default || xAxisVariant === AxisVariant.tickValue ? 24 : 8
+  }, propsMargins);
+  const chartHeight = height - margins.top - margins.bottom;
+  const chartWidth = width - margins.left - margins.right;
+  const minSize = min([chartWidth, chartHeight]);
+  const extendedScaleX = (() => {
+    const domain = extent(data, d => d.key[0]);
+    const gap = domain[1] - domain[0];
+    domain[0] -= gap * 0.1;
+    domain[1] += gap * 0.1;
+    return scaleLinear().domain(domain).range([0, chartWidth]).nice();
+  })();
+  const extendedScaleY = (() => {
+    const domain = extent(data, d => d.key[1]);
+    const gap = domain[1] - domain[0];
+    domain[0] -= gap * 0.1;
+    domain[1] += gap * 0.1;
+    return scaleLinear().domain(domain).range([chartHeight, 0]).nice();
+  })();
+  const hasCategory = data[0] && data[0].key.length >= 3 && data[0].key[2] !== null && data[0].key[2] !== undefined;
+  const countsByCategory = hasCategory ? countBy(data, sortingMethod) : undefined;
+  const colorScale = useColor({
+    data: countsByCategory || data,
+    colorTheme: colorTheme,
+    category: 'key',
+    theme
+  });
+  const svgRef = useRef();
+  const brushRef = useRef();
+  const svgBrushRef = useRef();
+  const {
+    scaleX,
+    scaleY,
+    transform
+  } = useZoom({
+    svgRef,
+    scaleX: extendedScaleX,
+    scaleY: extendedScaleY,
+    size,
+    onZoom: () => {
+      if (brushRef.current && svgBrushRef.current) {
+        brushRef.current.clear(select(svgBrushRef.current));
+        onBrushEnd === null || onBrushEnd === void 0 ? void 0 : onBrushEnd(null);
+      }
+    }
+  });
+  useBrush({
+    brushRef,
+    svgRef: svgBrushRef,
+    extent: [[0, 0], [chartWidth, chartHeight]],
+    scaleX,
+    scaleY,
+    isBrushable,
+    isGridded: variant === ScatterPlotVariant.gridded,
+    onBrush,
+    onBrushEnd
+  });
+  const circles = variant === ScatterPlotVariant.gridded ? group(data, scaleX, scaleY).sort((a, b) => {
+    if (a.y !== b.y) {
+      return b.y - a.y;
+    }
+    if (a.x !== b.x) {
+      return a.x - b.x;
+    }
+    return descending(a.points.length, b.points.length);
+  }) : data.map(d => {
+    var _d$key$;
+    return {
+      category: (_d$key$ = d.key[2]) !== null && _d$key$ !== void 0 ? _d$key$ : 'default',
+      x: d.key[0],
+      y: d.key[1],
+      data: {
+        key: d.key,
+        value: 1
+      },
+      points: [d]
+    };
+  });
+  const globalSize = variant === ScatterPlotVariant.gridded ? scaleSqrt().domain([1, Math.max(max(circles, d => d.points.length), 1)]).range([3, minSize / BASE_NUMBER_OF_TICKS / 2]) : undefined;
+  const legendWidth = useRef();
+  if (countsByCategory && !legendWidth.current) {
+    legendWidth.current = `${Math.max(...countsByCategory.map(d => d.key.length + String(d.value).length)) * 8 + 32}px`;
+  }
+  const [isKeyPanelOpen, setIsKeyPanelOpen] = useState(false);
+  const categories = [];
+  // const pivotedTable = circles.reduce((acc, item) => {
+  //   const { x, category, y } = item;
+  //   if (!categories.includes(category)) {
+  //     categories.push(category);
+  //   }
+  //   const formattedKey = xAxisTickFormat ? xAxisTickFormat(x as any) : x.toString();
+
+  //   let entry = acc.find((e) => e.key === formattedKey);
+  //   if (!entry) {
+  //     entry = { key: formattedKey };
+  //     acc.push(entry);
+  //   }
+
+  //   entry[category] = y;
+
+  //   return acc;
+  // }, [] as Array<Record<string, string | number | null | undefined> & { key: string }>);
+
+  const _ref = legendProps || {},
+    {
+      extraLegendItems
+    } = _ref,
+    forwardedLegendProps = _objectWithoutProperties(_ref, _excluded2);
+  return /*#__PURE__*/React__default.createElement(StyledScatterPlot, _extends({
+    mode: typeof onDotClick === 'function' || typeof getDotAnchorProps === 'function' ? 'interactive' : 'static',
+    definition: hasCategory ? format('definition-with-categories', {
+      categoryLength: categories.length,
+      circleLength: circles.length
+    }) : format('definition', {
+      circleLength: circles.length
+    }),
+    xAxisDefinition: format('x-axis-definition', {
+      numAxis: xAxisPlacement === 'both' ? 2 : 1,
+      start: scaleX.domain()[0],
+      end: scaleX.domain()[1]
+    }),
+    yAxisDefinition: format('y-axis-definition', {
+      numAxis: yAxisPlacement === 'both' ? 2 : 1,
+      start: scaleY.domain()[0],
+      end: scaleY.domain()[1]
+    })
+  }, forwardedProps, {
+    id: id,
+    className: className,
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement(Flexbox, {
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "8"
+  }, !hideControlKeyPanel ? /*#__PURE__*/React__default.createElement(Flexbox, {
+    width: width,
+    position: "absolute"
+  }, /*#__PURE__*/React__default.createElement(Flexbox, {
+    flexDirection: "column",
+    alignItems: "flex-end",
+    position: "absolute",
+    top: `${margins.top + 16}px`,
+    right: `${margins.right + 16}px`
+  }, /*#__PURE__*/React__default.createElement(Popover, {
+    placement: "bottom-end",
+    isOpen: isKeyPanelOpen,
+    onOpen: setIsKeyPanelOpen
+  }, /*#__PURE__*/React__default.createElement(Popover.Trigger, null, /*#__PURE__*/React__default.createElement(Button, {
+    variant: "secondary",
+    leftIcon: mdiMouse,
+    rightIcon: isKeyPanelOpen ? mdiChevronDown : mdiChevronRight,
+    color: "grey",
+    style: {
+      border: '1px solid var(--redsift-color-neutral-mid-grey)',
+      gap: '4px'
+    }
+  })), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement(Flexbox, {
+    flexDirection: "column",
+    alignItems: "flex-start"
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    margin: "8px 16px 0",
+    fontSize: "13px"
+  }, "Zoom - Mouse wheel"), /*#__PURE__*/React__default.createElement(Text, {
+    margin: "0 16px",
+    fontSize: "13px"
+  }, "Pan - Left click and drag"), /*#__PURE__*/React__default.createElement(Text, {
+    margin: "0 16px 8px",
+    fontSize: "13px"
+  }, "Select - Hold shift, left click and drag")))))) : null, /*#__PURE__*/React__default.createElement("svg", {
+    ref: svgRef,
+    width: width,
+    height: height
+  }, /*#__PURE__*/React__default.createElement("g", {
+    ref: svgBrushRef,
+    transform: `translate(${margins.left},${margins.top})`
+  }), /*#__PURE__*/React__default.createElement("g", {
+    transform: `translate(${margins.left},${margins.top})`
+  }, /*#__PURE__*/React__default.createElement("g", null, circles.map((circle, index) => {
+    var _countsByCategory$fin;
+    const scaleXDomain = scaleX.domain();
+    const scaleYDomain = scaleY.domain();
+    if (circle.x < scaleXDomain[0] || circle.x > scaleXDomain[1] || circle.y < scaleYDomain[0] || circle.y > scaleYDomain[1]) {
+      return null;
+    }
+    const to = _objectSpread2(_objectSpread2({}, circle), {}, {
+      data: _objectSpread2(_objectSpread2({}, circle.data), {}, {
+        percent: circle.category ? circle.data.value / (countsByCategory === null || countsByCategory === void 0 ? void 0 : (_countsByCategory$fin = countsByCategory.find(_ref2 => {
+          let {
+            key
+          } = _ref2;
+          return key === circle.category;
+        })) === null || _countsByCategory$fin === void 0 ? void 0 : _countsByCategory$fin.value) : undefined
+      }),
+      r: variant === ScatterPlotVariant.gridded ? globalSize(circle.points.length) / (transform.k < 1 ? transform.k : 1) : 4
+    });
+    return /*#__PURE__*/React__default.createElement(Dot, {
+      color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(circle.category),
+      data: to,
+      dataset: circles,
+      isSelected: Boolean(isDotSelected === null || isDotSelected === void 0 ? void 0 : isDotSelected(to)),
+      key: `circle _${index}`,
+      labelDecorator: labelDecorator,
+      onClick: onDotClick,
+      role: dotRole,
+      scaleX: scaleX,
+      scaleY: scaleY,
+      tooltipDecorator: tooltipDecorator,
+      tooltipVariant: tooltipVariant
+    });
+  }))), /*#__PURE__*/React__default.createElement("g", {
+    transform: `translate(${margins.left},${margins.top})`
+  }, ['bottom', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
+    position: "bottom",
+    length: chartWidth,
+    scale: scaleX,
+    x: 0,
+    y: chartHeight,
+    tickValues: xAxisTickValues !== null && xAxisTickValues !== void 0 ? xAxisTickValues : 8,
+    tickPadding: xAxisTickPadding,
+    tickRotation: xAxisTickRotation,
+    tickSize: xAxisTickSize,
+    tickFormat: xAxisTickFormat,
+    variant: xAxisVariant
+  }) : null, ['top', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
+    position: "top",
+    length: chartWidth,
+    scale: scaleX,
+    x: 0,
+    y: 0,
+    tickValues: xAxisTickValues !== null && xAxisTickValues !== void 0 ? xAxisTickValues : 8,
+    tickPadding: xAxisTickPadding,
+    tickRotation: xAxisTickRotation,
+    tickSize: xAxisTickSize,
+    tickFormat: xAxisTickFormat,
+    variant: xAxisVariant
+  }) : null, ['left', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
+    position: "left",
+    length: chartHeight,
+    scale: scaleY,
+    x: 0,
+    y: chartHeight,
+    tickValues: yAxisTickValues !== null && yAxisTickValues !== void 0 ? yAxisTickValues : 8,
+    tickPadding: yAxisTickPadding,
+    tickRotation: yAxisTickRotation,
+    tickSize: yAxisTickSize,
+    tickFormat: yAxisTickFormat,
+    variant: yAxisVariant
+  }) : null, ['right', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
+    position: "right",
+    length: chartHeight,
+    scale: scaleY,
+    x: chartWidth,
+    y: chartHeight,
+    tickValues: yAxisTickValues !== null && yAxisTickValues !== void 0 ? yAxisTickValues : 8,
+    tickPadding: yAxisTickPadding,
+    tickRotation: yAxisTickRotation,
+    tickSize: yAxisTickSize,
+    tickFormat: yAxisTickFormat,
+    variant: yAxisVariant
+  }) : null))), hasCategory && legendVariant !== ScatterPlotLegendVariant.none ? /*#__PURE__*/React__default.createElement(Legend, _extends({
+    data: (extraLegendItems ? mergeLegends(extraLegendItems, countsByCategory).sort(getSortingMethod(sortingMethod)) : countsByCategory).map(d => _objectSpread2(_objectSpread2({}, d), {}, {
+      color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(d.key)
+    })),
+    variant: legendVariant === ScatterPlotLegendVariant.externalLabelValue ? LegendVariant.value : legendVariant === ScatterPlotLegendVariant.externalLabelPercent ? LegendVariant.percent : legendVariant === ScatterPlotLegendVariant.externalLabel ? LegendVariant.label : LegendVariant.custom,
+    width: legendWidth.current,
+    legendDecorator: legendDecorator ? (datum, props) => legendDecorator(datum, props) : undefined
+  }, forwardedLegendProps)) : null);
+});
+
+export { RenderedScatterPlot };
+//# sourceMappingURL=RenderedScatterPlot.js.map

package/packages/charts/src/components/ScatterPlot/_internal/RenderedScatterPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderedScatterPlot.js","sources":["../../../../../../../src/components/ScatterPlot/RenderedScatterPlot.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef, useState } from 'react';\nimport {\n  BrushBehavior as d3BrushBehavior,\n  descending as d3descending,\n  extent as d3extent,\n  max as d3max,\n  min as d3min,\n  scaleLinear as d3scaleLinear,\n  scaleSqrt as d3scaleSqrt,\n  select as d3select,\n} from 'd3';\n\nimport { Button, Flexbox, Text, useTheme, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport { AnyScale, DotDatum, JSONArray, LegendItemDatum, LegendVariant } from '../../types';\nimport { ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant } from './types';\nimport { StyledScatterPlot } from './styles';\nimport { useZoom, useColor, useBrush } from '../../hooks';\nimport { Axis, AxisVariant } from '../Axis';\nimport { Legend } from '../Legend';\nimport { Dot } from '../Dot';\nimport { BASE_NUMBER_OF_TICKS, countBy, group, sizeToDimension } from './utils';\nimport { mdiChevronDown, mdiChevronRight, mdiMouse } from '@redsift/icons';\nimport { Popover } from '@redsift/popovers';\nimport { mergeLegends, getSortingMethod } from '../../utils';\n\ninterface RenderedScatterPlotProps extends Required<Pick<ScatterPlotProps, 'data'>>, Omit<ScatterPlotProps, 'data'> {}\n\nexport const RenderedScatterPlot = forwardRef<HTMLDivElement, RenderedScatterPlotProps>((props, ref) => {\n  const {\n    isBrushable,\n    className,\n    data: propsData,\n    dotRole,\n    disableAnimations,\n    getDotAnchorProps,\n    hideControlKeyPanel,\n    id,\n    isDotSelected,\n    labelDecorator,\n    legendDecorator,\n    legendVariant,\n    legendProps,\n    margins: propsMargins,\n    onBrush,\n    onBrushEnd,\n    onDotClick,\n    size,\n    sortingMethod,\n    colorTheme,\n    tooltipDecorator,\n    tooltipVariant,\n    xAxisVariant,\n    xAxisPlacement,\n    xAxisTickFormat,\n    xAxisTickPadding,\n    xAxisTickRotation,\n    xAxisTickSize,\n    xAxisTickValues,\n    yAxisVariant,\n    yAxisPlacement,\n    yAxisTickFormat,\n    yAxisTickPadding,\n    yAxisTickRotation,\n    yAxisTickSize,\n    yAxisTickValues,\n    variant,\n    ...forwardedProps\n  } = props;\n\n  const cache = useRef<JSONArray>();\n  const theme = useTheme();\n\n  const format = useMessageFormatter(intlMessages);\n\n  const data = propsData.filter(\n    (datum) =>\n      datum.value &&\n      typeof datum.key[0] === 'number' &&\n      !Number.isNaN(datum.key[0]) &&\n      typeof datum.key[1] === 'number' &&\n      !Number.isNaN(datum.key[1])\n  );\n\n  useEffect(() => {\n    cache.current = data;\n  });\n\n  const chartDimensions = sizeToDimension(size!);\n  const width = chartDimensions.width;\n  const height = chartDimensions.height;\n  const margins = {\n    top: xAxisVariant === AxisVariant.default || xAxisVariant === AxisVariant.tickValue ? 24 : 8,\n    left: yAxisVariant === AxisVariant.default || yAxisVariant === AxisVariant.tickValue ? 48 : 8,\n    right: yAxisVariant === AxisVariant.default || yAxisVariant === AxisVariant.tickValue ? 48 : 8,\n    bottom: xAxisVariant === AxisVariant.default || xAxisVariant === AxisVariant.tickValue ? 24 : 8,\n    ...propsMargins,\n  };\n  const chartHeight = height - margins.top - margins.bottom;\n  const chartWidth = width - margins.left - margins.right;\n  const minSize = d3min([chartWidth, chartHeight]) as number;\n\n  const extendedScaleX = (() => {\n    const domain = d3extent(data, (d) => d.key[0]) as [number, number];\n    const gap = domain[1] - domain[0];\n    domain[0] -= gap * 0.1;\n    domain[1] += gap * 0.1;\n    return d3scaleLinear().domain(domain).range([0, chartWidth]).nice();\n  })();\n  const extendedScaleY = (() => {\n    const domain = d3extent(data, (d) => d.key[1]) as [number, number];\n    const gap = domain[1] - domain[0];\n    domain[0] -= gap * 0.1;\n    domain[1] += gap * 0.1;\n    return d3scaleLinear().domain(domain).range([chartHeight, 0]).nice();\n  })();\n\n  const hasCategory = data[0] && data[0].key.length >= 3 && data[0].key[2] !== null && data[0].key[2] !== undefined;\n  const countsByCategory = hasCategory ? countBy(data, sortingMethod!) : undefined;\n  const colorScale = useColor({\n    data: countsByCategory || data,\n    colorTheme: colorTheme!,\n    category: 'key',\n    theme,\n  });\n\n  const svgRef = useRef<SVGSVGElement>();\n  const brushRef = useRef<d3BrushBehavior<unknown>>();\n  const svgBrushRef = useRef<SVGGElement>();\n  const { scaleX, scaleY, transform } = useZoom({\n    svgRef,\n    scaleX: extendedScaleX,\n    scaleY: extendedScaleY,\n    size,\n    onZoom: () => {\n      if (brushRef.current && svgBrushRef.current) {\n        brushRef.current.clear(d3select(svgBrushRef.current));\n\n        onBrushEnd?.(null);\n      }\n    },\n  });\n  useBrush({\n    brushRef,\n    svgRef: svgBrushRef,\n    extent: [\n      [0, 0],\n      [chartWidth, chartHeight],\n    ],\n    scaleX,\n    scaleY,\n    isBrushable,\n    isGridded: variant === ScatterPlotVariant.gridded,\n    onBrush,\n    onBrushEnd,\n  });\n\n  const circles =\n    variant === ScatterPlotVariant.gridded\n      ? group(data, scaleX, scaleY).sort((a, b) => {\n          if (a.y !== b.y) {\n            return b.y - a.y;\n          }\n          if (a.x !== b.x) {\n            return a.x - b.x;\n          }\n          return d3descending(a.points.length, b.points.length);\n        })\n      : data.map((d) => ({\n          category: d.key[2] ?? 'default',\n          x: d.key[0],\n          y: d.key[1],\n          data: {\n            key: d.key,\n            value: 1,\n          },\n          points: [d],\n        }));\n  const globalSize =\n    variant === ScatterPlotVariant.gridded\n      ? d3scaleSqrt()\n          .domain([1, Math.max(d3max(circles, (d) => d.points.length)!, 1)])\n          .range([3, minSize / BASE_NUMBER_OF_TICKS / 2])\n      : undefined;\n  const legendWidth = useRef<string>();\n  if (countsByCategory && !legendWidth.current) {\n    legendWidth.current = `${\n      Math.max(...countsByCategory.map((d) => d.key.length + String(d.value).length)) * 8 + 32\n    }px`;\n  }\n\n  const [isKeyPanelOpen, setIsKeyPanelOpen] = useState(false);\n\n  const categories: string[] = [];\n  // const pivotedTable = circles.reduce((acc, item) => {\n  //   const { x, category, y } = item;\n  //   if (!categories.includes(category)) {\n  //     categories.push(category);\n  //   }\n  //   const formattedKey = xAxisTickFormat ? xAxisTickFormat(x as any) : x.toString();\n\n  //   let entry = acc.find((e) => e.key === formattedKey);\n  //   if (!entry) {\n  //     entry = { key: formattedKey };\n  //     acc.push(entry);\n  //   }\n\n  //   entry[category] = y;\n\n  //   return acc;\n  // }, [] as Array<Record<string, string | number | null | undefined> & { key: string }>);\n\n  const { extraLegendItems, ...forwardedLegendProps } = legendProps || {};\n\n  return (\n    <StyledScatterPlot\n      mode={typeof onDotClick === 'function' || typeof getDotAnchorProps === 'function' ? 'interactive' : 'static'}\n      definition={\n        hasCategory\n          ? format('definition-with-categories', {\n              categoryLength: categories.length,\n              circleLength: circles.length,\n            })\n          : format('definition', { circleLength: circles.length })\n      }\n      xAxisDefinition={format('x-axis-definition', {\n        numAxis: xAxisPlacement === 'both' ? 2 : 1,\n        start: scaleX.domain()[0],\n        end: scaleX.domain()[1],\n      })}\n      yAxisDefinition={format('y-axis-definition', {\n        numAxis: yAxisPlacement === 'both' ? 2 : 1,\n        start: scaleY.domain()[0],\n        end: scaleY.domain()[1],\n      })}\n      {...forwardedProps}\n      id={id}\n      className={className}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      <Flexbox flexDirection=\"column\" alignItems=\"center\" gap=\"8\">\n        {!hideControlKeyPanel ? (\n          <Flexbox width={width} position=\"absolute\">\n            <Flexbox\n              flexDirection=\"column\"\n              alignItems=\"flex-end\"\n              position=\"absolute\"\n              top={`${margins.top + 16}px`}\n              right={`${margins.right + 16}px`}\n            >\n              <Popover placement=\"bottom-end\" isOpen={isKeyPanelOpen} onOpen={setIsKeyPanelOpen}>\n                <Popover.Trigger>\n                  <Button\n                    variant=\"secondary\"\n                    leftIcon={mdiMouse}\n                    rightIcon={isKeyPanelOpen ? mdiChevronDown : mdiChevronRight}\n                    color=\"grey\"\n                    style={{\n                      border: '1px solid var(--redsift-color-neutral-mid-grey)',\n                      gap: '4px',\n                    }}\n                  />\n                </Popover.Trigger>\n                <Popover.Content>\n                  <Flexbox flexDirection=\"column\" alignItems=\"flex-start\">\n                    <Text margin=\"8px 16px 0\" fontSize=\"13px\">\n                      Zoom - Mouse wheel\n                    </Text>\n                    <Text margin=\"0 16px\" fontSize=\"13px\">\n                      Pan - Left click and drag\n                    </Text>\n                    <Text margin=\"0 16px 8px\" fontSize=\"13px\">\n                      Select - Hold shift, left click and drag\n                    </Text>\n                  </Flexbox>\n                </Popover.Content>\n              </Popover>\n            </Flexbox>\n          </Flexbox>\n        ) : null}\n        <svg ref={svgRef as RefObject<SVGSVGElement>} width={width} height={height}>\n          <g ref={svgBrushRef as RefObject<SVGGElement>} transform={`translate(${margins.left},${margins.top})`} />\n          <g transform={`translate(${margins.left},${margins.top})`}>\n            <g>\n              {circles.map((circle, index) => {\n                const scaleXDomain = scaleX.domain();\n                const scaleYDomain = scaleY.domain();\n\n                if (\n                  circle.x! < scaleXDomain[0] ||\n                  circle.x! > scaleXDomain[1] ||\n                  circle.y! < scaleYDomain[0] ||\n                  circle.y! > scaleYDomain[1]\n                ) {\n                  return null;\n                }\n\n                const to = {\n                  ...circle,\n                  data: {\n                    ...circle.data,\n                    percent: circle.category\n                      ? circle.data.value / countsByCategory?.find(({ key }) => key === circle.category)?.value!\n                      : undefined,\n                  },\n                  r:\n                    variant === ScatterPlotVariant.gridded\n                      ? globalSize!(circle.points.length) / (transform.k < 1 ? transform.k : 1)\n                      : 4,\n                };\n\n                return (\n                  <Dot\n                    color={colorScale?.(circle.category!)}\n                    data={to}\n                    dataset={circles}\n                    isSelected={Boolean(isDotSelected?.(to))}\n                    key={`circle _${index}`}\n                    labelDecorator={labelDecorator}\n                    onClick={onDotClick}\n                    role={dotRole}\n                    scaleX={scaleX}\n                    scaleY={scaleY}\n                    tooltipDecorator={tooltipDecorator}\n                    tooltipVariant={tooltipVariant}\n                  />\n                );\n              })}\n            </g>\n          </g>\n          <g transform={`translate(${margins.left},${margins.top})`}>\n            {['bottom', 'both'].includes(xAxisPlacement!) ? (\n              <Axis\n                disableAnimations={disableAnimations}\n                position=\"bottom\"\n                length={chartWidth}\n                scale={scaleX as AnyScale}\n                x={0}\n                y={chartHeight}\n                tickValues={xAxisTickValues ?? 8}\n                tickPadding={xAxisTickPadding}\n                tickRotation={xAxisTickRotation}\n                tickSize={xAxisTickSize}\n                tickFormat={xAxisTickFormat}\n                variant={xAxisVariant}\n              />\n            ) : null}\n            {['top', 'both'].includes(xAxisPlacement!) ? (\n              <Axis\n                disableAnimations={disableAnimations}\n                position=\"top\"\n                length={chartWidth}\n                scale={scaleX as AnyScale}\n                x={0}\n                y={0}\n                tickValues={xAxisTickValues ?? 8}\n                tickPadding={xAxisTickPadding}\n                tickRotation={xAxisTickRotation}\n                tickSize={xAxisTickSize}\n                tickFormat={xAxisTickFormat}\n                variant={xAxisVariant}\n              />\n            ) : null}\n            {['left', 'both'].includes(yAxisPlacement!) ? (\n              <Axis\n                disableAnimations={disableAnimations}\n                position=\"left\"\n                length={chartHeight}\n                scale={scaleY as AnyScale}\n                x={0}\n                y={chartHeight}\n                tickValues={yAxisTickValues ?? 8}\n                tickPadding={yAxisTickPadding}\n                tickRotation={yAxisTickRotation}\n                tickSize={yAxisTickSize}\n                tickFormat={yAxisTickFormat}\n                variant={yAxisVariant}\n              />\n            ) : null}\n            {['right', 'both'].includes(yAxisPlacement!) ? (\n              <Axis\n                disableAnimations={disableAnimations}\n                position=\"right\"\n                length={chartHeight}\n                scale={scaleY as AnyScale}\n                x={chartWidth}\n                y={chartHeight}\n                tickValues={yAxisTickValues ?? 8}\n                tickPadding={yAxisTickPadding}\n                tickRotation={yAxisTickRotation}\n                tickSize={yAxisTickSize}\n                tickFormat={yAxisTickFormat}\n                variant={yAxisVariant}\n              />\n            ) : null}\n          </g>\n        </svg>\n      </Flexbox>\n      {hasCategory && legendVariant !== ScatterPlotLegendVariant.none ? (\n        <Legend\n          data={(extraLegendItems\n            ? mergeLegends(extraLegendItems, countsByCategory!).sort(getSortingMethod(sortingMethod!))\n            : countsByCategory!\n          ).map((d) => ({\n            ...d,\n            color: colorScale?.(d.key)!,\n          }))}\n          variant={\n            legendVariant === ScatterPlotLegendVariant.externalLabelValue\n              ? LegendVariant.value\n              : legendVariant === ScatterPlotLegendVariant.externalLabelPercent\n              ? LegendVariant.percent\n              : legendVariant === ScatterPlotLegendVariant.externalLabel\n              ? LegendVariant.label\n              : LegendVariant.custom\n          }\n          width={legendWidth.current}\n          legendDecorator={\n            legendDecorator\n              ? (datum: LegendItemDatum, props) => legendDecorator(datum as unknown as DotDatum, props)\n              : undefined\n          }\n          {...forwardedLegendProps}\n        />\n      ) : null}\n    </StyledScatterPlot>\n  );\n});\n"],"names":["RenderedScatterPlot","forwardRef","props","ref","isBrushable","className","data","propsData","dotRole","disableAnimations","getDotAnchorProps","hideControlKeyPanel","id","isDotSelected","labelDecorator","legendDecorator","legendVariant","legendProps","margins","propsMargins","onBrush","onBrushEnd","onDotClick","size","sortingMethod","colorTheme","tooltipDecorator","tooltipVariant","xAxisVariant","xAxisPlacement","xAxisTickFormat","xAxisTickPadding","xAxisTickRotation","xAxisTickSize","xAxisTickValues","yAxisVariant","yAxisPlacement","yAxisTickFormat","yAxisTickPadding","yAxisTickRotation","yAxisTickSize","yAxisTickValues","variant","forwardedProps","_objectWithoutProperties","_excluded","cache","useRef","theme","useTheme","format","useMessageFormatter","intlMessages","filter","datum","value","key","Number","isNaN","useEffect","current","chartDimensions","sizeToDimension","width","height","_objectSpread","top","AxisVariant","default","tickValue","left","right","bottom","chartHeight","chartWidth","minSize","d3min","extendedScaleX","domain","d3extent","d","gap","d3scaleLinear","range","nice","extendedScaleY","hasCategory","length","undefined","countsByCategory","countBy","colorScale","useColor","category","svgRef","brushRef","svgBrushRef","scaleX","scaleY","transform","useZoom","onZoom","clear","d3select","useBrush","extent","isGridded","ScatterPlotVariant","gridded","circles","group","sort","a","b","y","x","d3descending","points","map","_d$key$","globalSize","d3scaleSqrt","Math","max","d3max","BASE_NUMBER_OF_TICKS","legendWidth","String","isKeyPanelOpen","setIsKeyPanelOpen","useState","categories","_ref","extraLegendItems","forwardedLegendProps","_excluded2","React","createElement","StyledScatterPlot","_extends","mode","definition","categoryLength","circleLength","xAxisDefinition","numAxis","start","end","yAxisDefinition","Flexbox","flexDirection","alignItems","position","Popover","placement","isOpen","onOpen","Trigger","Button","leftIcon","mdiMouse","rightIcon","mdiChevronDown","mdiChevronRight","color","style","border","Content","Text","margin","fontSize","circle","index","_countsByCategory$fin","scaleXDomain","scaleYDomain","to","percent","find","_ref2","r","k","Dot","dataset","isSelected","Boolean","onClick","role","includes","Axis","scale","tickValues","tickPadding","tickRotation","tickSize","tickFormat","ScatterPlotLegendVariant","none","Legend","mergeLegends","getSortingMethod","externalLabelValue","LegendVariant","externalLabelPercent","externalLabel","label","custom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAMA,mBAAmB,gBAAGC,UAAU,CAA2C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtG,MAAM;MACJC,WAAW;MACXC,SAAS;AACTC,MAAAA,IAAI,EAAEC,SAAS;MACfC,OAAO;MACPC,iBAAiB;MACjBC,iBAAiB;MACjBC,mBAAmB;MACnBC,EAAE;MACFC,aAAa;MACbC,cAAc;MACdC,eAAe;MACfC,aAAa;MACbC,WAAW;AACXC,MAAAA,OAAO,EAAEC,YAAY;MACrBC,OAAO;MACPC,UAAU;MACVC,UAAU;MACVC,IAAI;MACJC,aAAa;MACbC,UAAU;MACVC,gBAAgB;MAChBC,cAAc;MACdC,YAAY;MACZC,cAAc;MACdC,eAAe;MACfC,gBAAgB;MAChBC,iBAAiB;MACjBC,aAAa;MACbC,eAAe;MACfC,YAAY;MACZC,cAAc;MACdC,eAAe;MACfC,gBAAgB;MAChBC,iBAAiB;MACjBC,aAAa;MACbC,eAAe;AACfC,MAAAA,OAAAA;AAEF,KAAC,GAAGxC,KAAK;AADJyC,IAAAA,cAAc,GAAAC,wBAAA,CACf1C,KAAK,EAAA2C,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,MAAM,EAAa,CAAA;AACjC,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,MAAM,GAAGC,mBAAmB,CAACC,YAAY,CAAC,CAAA;EAEhD,MAAM9C,IAAI,GAAGC,SAAS,CAAC8C,MAAM,CAC1BC,KAAK,IACJA,KAAK,CAACC,KAAK,IACX,OAAOD,KAAK,CAACE,GAAG,CAAC,CAAC,CAAC,KAAK,QAAQ,IAChC,CAACC,MAAM,CAACC,KAAK,CAACJ,KAAK,CAACE,GAAG,CAAC,CAAC,CAAC,CAAC,IAC3B,OAAOF,KAAK,CAACE,GAAG,CAAC,CAAC,CAAC,KAAK,QAAQ,IAChC,CAACC,MAAM,CAACC,KAAK,CAACJ,KAAK,CAACE,GAAG,CAAC,CAAC,CAAC,CAC9B,CAAC,CAAA;AAEDG,EAAAA,SAAS,CAAC,MAAM;IACdb,KAAK,CAACc,OAAO,GAAGtD,IAAI,CAAA;AACtB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMuD,eAAe,GAAGC,eAAe,CAACvC,IAAK,CAAC,CAAA;AAC9C,EAAA,MAAMwC,KAAK,GAAGF,eAAe,CAACE,KAAK,CAAA;AACnC,EAAA,MAAMC,MAAM,GAAGH,eAAe,CAACG,MAAM,CAAA;EACrC,MAAM9C,OAAO,GAAA+C,cAAA,CAAA;AACXC,IAAAA,GAAG,EAAEtC,YAAY,KAAKuC,WAAW,CAACC,OAAO,IAAIxC,YAAY,KAAKuC,WAAW,CAACE,SAAS,GAAG,EAAE,GAAG,CAAC;AAC5FC,IAAAA,IAAI,EAAEnC,YAAY,KAAKgC,WAAW,CAACC,OAAO,IAAIjC,YAAY,KAAKgC,WAAW,CAACE,SAAS,GAAG,EAAE,GAAG,CAAC;AAC7FE,IAAAA,KAAK,EAAEpC,YAAY,KAAKgC,WAAW,CAACC,OAAO,IAAIjC,YAAY,KAAKgC,WAAW,CAACE,SAAS,GAAG,EAAE,GAAG,CAAC;AAC9FG,IAAAA,MAAM,EAAE5C,YAAY,KAAKuC,WAAW,CAACC,OAAO,IAAIxC,YAAY,KAAKuC,WAAW,CAACE,SAAS,GAAG,EAAE,GAAG,CAAA;AAAC,GAAA,EAC5FlD,YAAY,CAChB,CAAA;EACD,MAAMsD,WAAW,GAAGT,MAAM,GAAG9C,OAAO,CAACgD,GAAG,GAAGhD,OAAO,CAACsD,MAAM,CAAA;EACzD,MAAME,UAAU,GAAGX,KAAK,GAAG7C,OAAO,CAACoD,IAAI,GAAGpD,OAAO,CAACqD,KAAK,CAAA;EACvD,MAAMI,OAAO,GAAGC,GAAK,CAAC,CAACF,UAAU,EAAED,WAAW,CAAC,CAAW,CAAA;EAE1D,MAAMI,cAAc,GAAG,CAAC,MAAM;AAC5B,IAAA,MAAMC,MAAM,GAAGC,MAAQ,CAACzE,IAAI,EAAG0E,CAAC,IAAKA,CAAC,CAACxB,GAAG,CAAC,CAAC,CAAC,CAAqB,CAAA;IAClE,MAAMyB,GAAG,GAAGH,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,CAAA;AACjCA,IAAAA,MAAM,CAAC,CAAC,CAAC,IAAIG,GAAG,GAAG,GAAG,CAAA;AACtBH,IAAAA,MAAM,CAAC,CAAC,CAAC,IAAIG,GAAG,GAAG,GAAG,CAAA;IACtB,OAAOC,WAAa,EAAE,CAACJ,MAAM,CAACA,MAAM,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC,EAAET,UAAU,CAAC,CAAC,CAACU,IAAI,EAAE,CAAA;AACrE,GAAC,GAAG,CAAA;EACJ,MAAMC,cAAc,GAAG,CAAC,MAAM;AAC5B,IAAA,MAAMP,MAAM,GAAGC,MAAQ,CAACzE,IAAI,EAAG0E,CAAC,IAAKA,CAAC,CAACxB,GAAG,CAAC,CAAC,CAAC,CAAqB,CAAA;IAClE,MAAMyB,GAAG,GAAGH,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,CAAA;AACjCA,IAAAA,MAAM,CAAC,CAAC,CAAC,IAAIG,GAAG,GAAG,GAAG,CAAA;AACtBH,IAAAA,MAAM,CAAC,CAAC,CAAC,IAAIG,GAAG,GAAG,GAAG,CAAA;IACtB,OAAOC,WAAa,EAAE,CAACJ,MAAM,CAACA,MAAM,CAAC,CAACK,KAAK,CAAC,CAACV,WAAW,EAAE,CAAC,CAAC,CAAC,CAACW,IAAI,EAAE,CAAA;AACtE,GAAC,GAAG,CAAA;AAEJ,EAAA,MAAME,WAAW,GAAGhF,IAAI,CAAC,CAAC,CAAC,IAAIA,IAAI,CAAC,CAAC,CAAC,CAACkD,GAAG,CAAC+B,MAAM,IAAI,CAAC,IAAIjF,IAAI,CAAC,CAAC,CAAC,CAACkD,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,IAAIlD,IAAI,CAAC,CAAC,CAAC,CAACkD,GAAG,CAAC,CAAC,CAAC,KAAKgC,SAAS,CAAA;EACjH,MAAMC,gBAAgB,GAAGH,WAAW,GAAGI,OAAO,CAACpF,IAAI,EAAEkB,aAAc,CAAC,GAAGgE,SAAS,CAAA;EAChF,MAAMG,UAAU,GAAGC,QAAQ,CAAC;IAC1BtF,IAAI,EAAEmF,gBAAgB,IAAInF,IAAI;AAC9BmB,IAAAA,UAAU,EAAEA,UAAW;AACvBoE,IAAAA,QAAQ,EAAE,KAAK;AACf7C,IAAAA,KAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAM8C,MAAM,GAAG/C,MAAM,EAAiB,CAAA;AACtC,EAAA,MAAMgD,QAAQ,GAAGhD,MAAM,EAA4B,CAAA;AACnD,EAAA,MAAMiD,WAAW,GAAGjD,MAAM,EAAe,CAAA;EACzC,MAAM;IAAEkD,MAAM;IAAEC,MAAM;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,OAAO,CAAC;IAC5CN,MAAM;AACNG,IAAAA,MAAM,EAAEpB,cAAc;AACtBqB,IAAAA,MAAM,EAAEb,cAAc;IACtB9D,IAAI;IACJ8E,MAAM,EAAEA,MAAM;AACZ,MAAA,IAAIN,QAAQ,CAACnC,OAAO,IAAIoC,WAAW,CAACpC,OAAO,EAAE;QAC3CmC,QAAQ,CAACnC,OAAO,CAAC0C,KAAK,CAACC,MAAQ,CAACP,WAAW,CAACpC,OAAO,CAAC,CAAC,CAAA;AAErDvC,QAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAG,IAAI,CAAC,CAAA;AACpB,OAAA;AACF,KAAA;AACF,GAAC,CAAC,CAAA;AACFmF,EAAAA,QAAQ,CAAC;IACPT,QAAQ;AACRD,IAAAA,MAAM,EAAEE,WAAW;AACnBS,IAAAA,MAAM,EAAE,CACN,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC/B,UAAU,EAAED,WAAW,CAAC,CAC1B;IACDwB,MAAM;IACNC,MAAM;IACN9F,WAAW;AACXsG,IAAAA,SAAS,EAAEhE,OAAO,KAAKiE,kBAAkB,CAACC,OAAO;IACjDxF,OAAO;AACPC,IAAAA,UAAAA;AACF,GAAC,CAAC,CAAA;EAEF,MAAMwF,OAAO,GACXnE,OAAO,KAAKiE,kBAAkB,CAACC,OAAO,GAClCE,KAAK,CAACxG,IAAI,EAAE2F,MAAM,EAAEC,MAAM,CAAC,CAACa,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;AACzC,IAAA,IAAID,CAAC,CAACE,CAAC,KAAKD,CAAC,CAACC,CAAC,EAAE;AACf,MAAA,OAAOD,CAAC,CAACC,CAAC,GAAGF,CAAC,CAACE,CAAC,CAAA;AAClB,KAAA;AACA,IAAA,IAAIF,CAAC,CAACG,CAAC,KAAKF,CAAC,CAACE,CAAC,EAAE;AACf,MAAA,OAAOH,CAAC,CAACG,CAAC,GAAGF,CAAC,CAACE,CAAC,CAAA;AAClB,KAAA;AACA,IAAA,OAAOC,UAAY,CAACJ,CAAC,CAACK,MAAM,CAAC9B,MAAM,EAAE0B,CAAC,CAACI,MAAM,CAAC9B,MAAM,CAAC,CAAA;AACvD,GAAC,CAAC,GACFjF,IAAI,CAACgH,GAAG,CAAEtC,CAAC,IAAA;AAAA,IAAA,IAAAuC,OAAA,CAAA;IAAA,OAAM;AACf1B,MAAAA,QAAQ,EAAA0B,CAAAA,OAAA,GAAEvC,CAAC,CAACxB,GAAG,CAAC,CAAC,CAAC,MAAA+D,IAAAA,IAAAA,OAAA,KAAAA,KAAAA,CAAAA,GAAAA,OAAA,GAAI,SAAS;AAC/BJ,MAAAA,CAAC,EAAEnC,CAAC,CAACxB,GAAG,CAAC,CAAC,CAAC;AACX0D,MAAAA,CAAC,EAAElC,CAAC,CAACxB,GAAG,CAAC,CAAC,CAAC;AACXlD,MAAAA,IAAI,EAAE;QACJkD,GAAG,EAAEwB,CAAC,CAACxB,GAAG;AACVD,QAAAA,KAAK,EAAE,CAAA;OACR;MACD8D,MAAM,EAAE,CAACrC,CAAC,CAAA;KACX,CAAA;AAAA,GAAC,CAAC,CAAA;EACT,MAAMwC,UAAU,GACd9E,OAAO,KAAKiE,kBAAkB,CAACC,OAAO,GAClCa,SAAW,EAAE,CACV3C,MAAM,CAAC,CAAC,CAAC,EAAE4C,IAAI,CAACC,GAAG,CAACC,GAAK,CAACf,OAAO,EAAG7B,CAAC,IAAKA,CAAC,CAACqC,MAAM,CAAC9B,MAAM,CAAC,EAAG,CAAC,CAAC,CAAC,CAAC,CACjEJ,KAAK,CAAC,CAAC,CAAC,EAAER,OAAO,GAAGkD,oBAAoB,GAAG,CAAC,CAAC,CAAC,GACjDrC,SAAS,CAAA;AACf,EAAA,MAAMsC,WAAW,GAAG/E,MAAM,EAAU,CAAA;AACpC,EAAA,IAAI0C,gBAAgB,IAAI,CAACqC,WAAW,CAAClE,OAAO,EAAE;AAC5CkE,IAAAA,WAAW,CAAClE,OAAO,GAAI,CAAA,EACrB8D,IAAI,CAACC,GAAG,CAAC,GAAGlC,gBAAgB,CAAC6B,GAAG,CAAEtC,CAAC,IAAKA,CAAC,CAACxB,GAAG,CAAC+B,MAAM,GAAGwC,MAAM,CAAC/C,CAAC,CAACzB,KAAK,CAAC,CAACgC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EACvF,CAAG,EAAA,CAAA,CAAA;AACN,GAAA;EAEA,MAAM,CAACyC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EAE3D,MAAMC,UAAoB,GAAG,EAAE,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA,EAAA,MAAAC,IAAA,GAAsDnH,WAAW,IAAI,EAAE;AAAjE,IAAA;AAAEoH,MAAAA,gBAAAA;AAA0C,KAAC,GAAAD,IAAA;AAAtBE,IAAAA,oBAAoB,GAAA1F,wBAAA,CAAAwF,IAAA,EAAAG,UAAA,CAAA,CAAA;AAEjD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,CAAA;AAChBC,IAAAA,IAAI,EAAE,OAAOtH,UAAU,KAAK,UAAU,IAAI,OAAOZ,iBAAiB,KAAK,UAAU,GAAG,aAAa,GAAG,QAAS;AAC7GmI,IAAAA,UAAU,EACRvD,WAAW,GACPpC,MAAM,CAAC,4BAA4B,EAAE;MACnC4F,cAAc,EAAEX,UAAU,CAAC5C,MAAM;MACjCwD,YAAY,EAAElC,OAAO,CAACtB,MAAAA;AACxB,KAAC,CAAC,GACFrC,MAAM,CAAC,YAAY,EAAE;MAAE6F,YAAY,EAAElC,OAAO,CAACtB,MAAAA;AAAO,KAAC,CAC1D;AACDyD,IAAAA,eAAe,EAAE9F,MAAM,CAAC,mBAAmB,EAAE;AAC3C+F,MAAAA,OAAO,EAAEpH,cAAc,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;MAC1CqH,KAAK,EAAEjD,MAAM,CAACnB,MAAM,EAAE,CAAC,CAAC,CAAC;AACzBqE,MAAAA,GAAG,EAAElD,MAAM,CAACnB,MAAM,EAAE,CAAC,CAAC,CAAA;AACxB,KAAC,CAAE;AACHsE,IAAAA,eAAe,EAAElG,MAAM,CAAC,mBAAmB,EAAE;AAC3C+F,MAAAA,OAAO,EAAE7G,cAAc,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;MAC1C8G,KAAK,EAAEhD,MAAM,CAACpB,MAAM,EAAE,CAAC,CAAC,CAAC;AACzBqE,MAAAA,GAAG,EAAEjD,MAAM,CAACpB,MAAM,EAAE,CAAC,CAAC,CAAA;KACvB,CAAA;AAAE,GAAA,EACCnC,cAAc,EAAA;AAClB/B,IAAAA,EAAE,EAAEA,EAAG;AACPP,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,eAEtCqI,cAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACtE,IAAAA,GAAG,EAAC,GAAA;AAAG,GAAA,EACxD,CAACtE,mBAAmB,gBACnB6H,cAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;AAACtF,IAAAA,KAAK,EAAEA,KAAM;AAACyF,IAAAA,QAAQ,EAAC,UAAA;AAAU,GAAA,eACxChB,cAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,UAAU,EAAC,UAAU;AACrBC,IAAAA,QAAQ,EAAC,UAAU;AACnBtF,IAAAA,GAAG,EAAG,CAAEhD,EAAAA,OAAO,CAACgD,GAAG,GAAG,EAAG,CAAI,EAAA,CAAA;AAC7BK,IAAAA,KAAK,EAAG,CAAErD,EAAAA,OAAO,CAACqD,KAAK,GAAG,EAAG,CAAA,EAAA,CAAA;AAAI,GAAA,eAEjCiE,cAAA,CAAAC,aAAA,CAACgB,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,YAAY;AAACC,IAAAA,MAAM,EAAE3B,cAAe;AAAC4B,IAAAA,MAAM,EAAE3B,iBAAAA;AAAkB,GAAA,eAChFO,cAAA,CAAAC,aAAA,CAACgB,OAAO,CAACI,OAAO,EAAA,IAAA,eACdrB,cAAA,CAAAC,aAAA,CAACqB,MAAM,EAAA;AACLpH,IAAAA,OAAO,EAAC,WAAW;AACnBqH,IAAAA,QAAQ,EAAEC,QAAS;AACnBC,IAAAA,SAAS,EAAEjC,cAAc,GAAGkC,cAAc,GAAGC,eAAgB;AAC7DC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,KAAK,EAAE;AACLC,MAAAA,MAAM,EAAE,iDAAiD;AACzDrF,MAAAA,GAAG,EAAE,KAAA;AACP,KAAA;AAAE,GACH,CACc,CAAC,eAClBuD,cAAA,CAAAC,aAAA,CAACgB,OAAO,CAACc,OAAO,EACd/B,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACY,OAAO,EAAA;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,YAAA;AAAY,GAAA,eACrDf,cAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAA;AAACC,IAAAA,MAAM,EAAC,YAAY;AAACC,IAAAA,QAAQ,EAAC,MAAA;AAAM,GAAA,EAAC,oBAEpC,CAAC,eACPlC,cAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAA;AAACC,IAAAA,MAAM,EAAC,QAAQ;AAACC,IAAAA,QAAQ,EAAC,MAAA;AAAM,GAAA,EAAC,2BAEhC,CAAC,eACPlC,cAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAA;AAACC,IAAAA,MAAM,EAAC,YAAY;AAACC,IAAAA,QAAQ,EAAC,MAAA;AAAM,GAAA,EAAC,0CAEpC,CACC,CACM,CACV,CACF,CACF,CAAC,GACR,IAAI,eACRlC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKtI,IAAAA,GAAG,EAAE2F,MAAmC;AAAC/B,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,MAAM,EAAEA,MAAAA;GAClEwE,eAAAA,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGtI,IAAAA,GAAG,EAAE6F,WAAsC;IAACG,SAAS,EAAG,aAAYjF,OAAO,CAACoD,IAAK,CAAGpD,CAAAA,EAAAA,OAAO,CAACgD,GAAI,CAAA,CAAA,CAAA;AAAG,GAAE,CAAC,eACzGsE,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;IAAGtC,SAAS,EAAG,aAAYjF,OAAO,CAACoD,IAAK,CAAGpD,CAAAA,EAAAA,OAAO,CAACgD,GAAI,CAAA,CAAA,CAAA;AAAG,GAAA,eACxDsE,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA,IAAA,EACG5B,OAAO,CAACS,GAAG,CAAC,CAACqD,MAAM,EAAEC,KAAK,KAAK;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAC9B,IAAA,MAAMC,YAAY,GAAG7E,MAAM,CAACnB,MAAM,EAAE,CAAA;AACpC,IAAA,MAAMiG,YAAY,GAAG7E,MAAM,CAACpB,MAAM,EAAE,CAAA;AAEpC,IAAA,IACE6F,MAAM,CAACxD,CAAC,GAAI2D,YAAY,CAAC,CAAC,CAAC,IAC3BH,MAAM,CAACxD,CAAC,GAAI2D,YAAY,CAAC,CAAC,CAAC,IAC3BH,MAAM,CAACzD,CAAC,GAAI6D,YAAY,CAAC,CAAC,CAAC,IAC3BJ,MAAM,CAACzD,CAAC,GAAI6D,YAAY,CAAC,CAAC,CAAC,EAC3B;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AAEA,IAAA,MAAMC,EAAE,GAAA/G,cAAA,CAAAA,cAAA,KACH0G,MAAM,CAAA,EAAA,EAAA,EAAA;AACTrK,MAAAA,IAAI,EAAA2D,cAAA,CAAAA,cAAA,CACC0G,EAAAA,EAAAA,MAAM,CAACrK,IAAI,CAAA,EAAA,EAAA,EAAA;QACd2K,OAAO,EAAEN,MAAM,CAAC9E,QAAQ,GACpB8E,MAAM,CAACrK,IAAI,CAACiD,KAAK,IAAGkC,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAAoF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAhBpF,gBAAgB,CAAEyF,IAAI,CAACC,KAAA,IAAA;UAAA,IAAC;AAAE3H,YAAAA,GAAAA;AAAI,WAAC,GAAA2H,KAAA,CAAA;AAAA,UAAA,OAAK3H,GAAG,KAAKmH,MAAM,CAAC9E,QAAQ,CAAA;AAAA,SAAA,CAAC,cAAAgF,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA5DA,qBAAA,CAA8DtH,KAAK,CAAC,GACxFiC,SAAAA;OACL,CAAA;AACD4F,MAAAA,CAAC,EACC1I,OAAO,KAAKiE,kBAAkB,CAACC,OAAO,GAClCY,UAAU,CAAEmD,MAAM,CAACtD,MAAM,CAAC9B,MAAM,CAAC,IAAIY,SAAS,CAACkF,CAAC,GAAG,CAAC,GAAGlF,SAAS,CAACkF,CAAC,GAAG,CAAC,CAAC,GACvE,CAAA;KACP,CAAA,CAAA;AAED,IAAA,oBACE7C,cAAA,CAAAC,aAAA,CAAC6C,GAAG,EAAA;MACFlB,KAAK,EAAEzE,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAGgF,MAAM,CAAC9E,QAAS,CAAE;AACtCvF,MAAAA,IAAI,EAAE0K,EAAG;AACTO,MAAAA,OAAO,EAAE1E,OAAQ;MACjB2E,UAAU,EAAEC,OAAO,CAAC5K,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAGmK,EAAE,CAAC,CAAE;MACzCxH,GAAG,EAAG,CAAUoH,QAAAA,EAAAA,KAAM,CAAE,CAAA;AACxB9J,MAAAA,cAAc,EAAEA,cAAe;AAC/B4K,MAAAA,OAAO,EAAEpK,UAAW;AACpBqK,MAAAA,IAAI,EAAEnL,OAAQ;AACdyF,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,MAAM,EAAEA,MAAO;AACfxE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,cAAc,EAAEA,cAAAA;AAAe,KAChC,CAAC,CAAA;AAEN,GAAC,CACA,CACF,CAAC,eACJ6G,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;IAAGtC,SAAS,EAAG,aAAYjF,OAAO,CAACoD,IAAK,CAAGpD,CAAAA,EAAAA,OAAO,CAACgD,GAAI,CAAA,CAAA,CAAA;AAAG,GAAA,EACvD,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC0H,QAAQ,CAAC/J,cAAe,CAAC,gBAC3C2G,cAAA,CAAAC,aAAA,CAACoD,IAAI,EAAA;AACHpL,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC+I,IAAAA,QAAQ,EAAC,QAAQ;AACjBjE,IAAAA,MAAM,EAAEb,UAAW;AACnBoH,IAAAA,KAAK,EAAE7F,MAAmB;AAC1BkB,IAAAA,CAAC,EAAE,CAAE;AACLD,IAAAA,CAAC,EAAEzC,WAAY;AACfsH,IAAAA,UAAU,EAAE7J,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,CAAE;AACjC8J,IAAAA,WAAW,EAAEjK,gBAAiB;AAC9BkK,IAAAA,YAAY,EAAEjK,iBAAkB;AAChCkK,IAAAA,QAAQ,EAAEjK,aAAc;AACxBkK,IAAAA,UAAU,EAAErK,eAAgB;AAC5BY,IAAAA,OAAO,EAAEd,YAAAA;AAAa,GACvB,CAAC,GACA,IAAI,EACP,CAAC,KAAK,EAAE,MAAM,CAAC,CAACgK,QAAQ,CAAC/J,cAAe,CAAC,gBACxC2G,cAAA,CAAAC,aAAA,CAACoD,IAAI,EAAA;AACHpL,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC+I,IAAAA,QAAQ,EAAC,KAAK;AACdjE,IAAAA,MAAM,EAAEb,UAAW;AACnBoH,IAAAA,KAAK,EAAE7F,MAAmB;AAC1BkB,IAAAA,CAAC,EAAE,CAAE;AACLD,IAAAA,CAAC,EAAE,CAAE;AACL6E,IAAAA,UAAU,EAAE7J,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,CAAE;AACjC8J,IAAAA,WAAW,EAAEjK,gBAAiB;AAC9BkK,IAAAA,YAAY,EAAEjK,iBAAkB;AAChCkK,IAAAA,QAAQ,EAAEjK,aAAc;AACxBkK,IAAAA,UAAU,EAAErK,eAAgB;AAC5BY,IAAAA,OAAO,EAAEd,YAAAA;AAAa,GACvB,CAAC,GACA,IAAI,EACP,CAAC,MAAM,EAAE,MAAM,CAAC,CAACgK,QAAQ,CAACxJ,cAAe,CAAC,gBACzCoG,cAAA,CAAAC,aAAA,CAACoD,IAAI,EAAA;AACHpL,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC+I,IAAAA,QAAQ,EAAC,MAAM;AACfjE,IAAAA,MAAM,EAAEd,WAAY;AACpBqH,IAAAA,KAAK,EAAE5F,MAAmB;AAC1BiB,IAAAA,CAAC,EAAE,CAAE;AACLD,IAAAA,CAAC,EAAEzC,WAAY;AACfsH,IAAAA,UAAU,EAAEtJ,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,CAAE;AACjCuJ,IAAAA,WAAW,EAAE1J,gBAAiB;AAC9B2J,IAAAA,YAAY,EAAE1J,iBAAkB;AAChC2J,IAAAA,QAAQ,EAAE1J,aAAc;AACxB2J,IAAAA,UAAU,EAAE9J,eAAgB;AAC5BK,IAAAA,OAAO,EAAEP,YAAAA;AAAa,GACvB,CAAC,GACA,IAAI,EACP,CAAC,OAAO,EAAE,MAAM,CAAC,CAACyJ,QAAQ,CAACxJ,cAAe,CAAC,gBAC1CoG,cAAA,CAAAC,aAAA,CAACoD,IAAI,EAAA;AACHpL,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrC+I,IAAAA,QAAQ,EAAC,OAAO;AAChBjE,IAAAA,MAAM,EAAEd,WAAY;AACpBqH,IAAAA,KAAK,EAAE5F,MAAmB;AAC1BiB,IAAAA,CAAC,EAAEzC,UAAW;AACdwC,IAAAA,CAAC,EAAEzC,WAAY;AACfsH,IAAAA,UAAU,EAAEtJ,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,eAAe,GAAI,CAAE;AACjCuJ,IAAAA,WAAW,EAAE1J,gBAAiB;AAC9B2J,IAAAA,YAAY,EAAE1J,iBAAkB;AAChC2J,IAAAA,QAAQ,EAAE1J,aAAc;AACxB2J,IAAAA,UAAU,EAAE9J,eAAgB;AAC5BK,IAAAA,OAAO,EAAEP,YAAAA;GACV,CAAC,GACA,IACH,CACA,CACE,CAAC,EACTmD,WAAW,IAAItE,aAAa,KAAKoL,wBAAwB,CAACC,IAAI,gBAC7D7D,cAAA,CAAAC,aAAA,CAAC6D,MAAM,EAAA3D,QAAA,CAAA;AACLrI,IAAAA,IAAI,EAAE,CAAC+H,gBAAgB,GACnBkE,YAAY,CAAClE,gBAAgB,EAAE5C,gBAAiB,CAAC,CAACsB,IAAI,CAACyF,gBAAgB,CAAChL,aAAc,CAAC,CAAC,GACxFiE,gBAAiB,EACnB6B,GAAG,CAAEtC,CAAC,IAAAf,cAAA,CAAAA,cAAA,KACHe,CAAC,CAAA,EAAA,EAAA,EAAA;MACJoF,KAAK,EAAEzE,UAAU,KAAVA,IAAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAGX,CAAC,CAACxB,GAAG,CAAA;AAAE,KAAA,CAC3B,CAAE;AACJd,IAAAA,OAAO,EACL1B,aAAa,KAAKoL,wBAAwB,CAACK,kBAAkB,GACzDC,aAAa,CAACnJ,KAAK,GACnBvC,aAAa,KAAKoL,wBAAwB,CAACO,oBAAoB,GAC/DD,aAAa,CAACzB,OAAO,GACrBjK,aAAa,KAAKoL,wBAAwB,CAACQ,aAAa,GACxDF,aAAa,CAACG,KAAK,GACnBH,aAAa,CAACI,MACnB;IACD/I,KAAK,EAAE+D,WAAW,CAAClE,OAAQ;AAC3B7C,IAAAA,eAAe,EACbA,eAAe,GACX,CAACuC,KAAsB,EAAEpD,KAAK,KAAKa,eAAe,CAACuC,KAAK,EAAyBpD,KAAK,CAAC,GACvFsF,SAAAA;AACL,GAAA,EACG8C,oBAAoB,CACzB,CAAC,GACA,IACa,CAAC,CAAA;AAExB,CAAC;;;;"}

package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot.js

@@ -0,0 +1,4 @@
+export { ScatterPlot } from './ScatterPlot2.js';
+export { ScatterPlotLegendVariant, ScatterPlotVariant } from './types.js';
+export { StyledScatterPlot, StyledScatterPlotEmptyText } from './styles.js';
+//# sourceMappingURL=ScatterPlot.js.map

package/{_internal → packages/charts/src/components/ScatterPlot/_internal}/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScatterPlot.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot2.js

@@ -0,0 +1,105 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useId } from '@redsift/design-system';
+import { ScatterPlotVariant, ScatterPlotLegendVariant } from './types.js';
+import { LoadingScatterPlot } from './LoadingScatterPlot.js';
+import { EmptyScatterPlot } from './EmptyScatterPlot.js';
+import { RenderedScatterPlot } from './RenderedScatterPlot.js';
+import { ColorTheme } from '../../../types/_internal/theme.js';
+import { ChartSize } from '../../../types/_internal/size.js';
+import { TooltipVariant } from '../../../types/_internal/legend.js';
+import { AxisVariant } from '../../Axis/_internal/types.js';
+
+const _excluded = ["className", "colorTheme", "data", "dotRole", "emptyComponent", "hideControlKeyPanel", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "localeText", "onBrush", "onBrushEnd", "onDotClick", "size", "sortingMethod", "tooltipDecorator", "tooltipVariant", "variant", "xAxisPlacement", "xAxisVariant", "yAxisPlacement", "yAxisVariant"];
+const COMPONENT_NAME = 'ScatterPlot';
+const CLASSNAME = 'redsift-scatterplot';
+const ScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      colorTheme = ColorTheme.default,
+      data: propsData,
+      dotRole,
+      emptyComponent,
+      hideControlKeyPanel = false,
+      id: propsId,
+      isDotSelected,
+      labelDecorator,
+      legendDecorator,
+      legendVariant: propsLegendVariant,
+      localeText = {
+        emptyChartText: 'No Data'
+      },
+      onBrush,
+      onBrushEnd,
+      onDotClick,
+      size = ChartSize.medium,
+      sortingMethod = 'desc-value',
+      tooltipDecorator,
+      tooltipVariant = TooltipVariant.none,
+      variant = ScatterPlotVariant.default,
+      xAxisPlacement = 'bottom',
+      xAxisVariant = AxisVariant.default,
+      yAxisPlacement = 'left',
+      yAxisVariant = AxisVariant.default
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const legendVariant = propsLegendVariant !== null && propsLegendVariant !== void 0 ? propsLegendVariant : ScatterPlotLegendVariant.externalLabel;
+  if (propsData === undefined || propsData === null) {
+    return /*#__PURE__*/React__default.createElement(LoadingScatterPlot, _extends({
+      id: id
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  if (propsData.length === 0) {
+    return /*#__PURE__*/React__default.createElement(EmptyScatterPlot, _extends({
+      data: propsData,
+      emptyComponent: emptyComponent,
+      hideControlKeyPanel: hideControlKeyPanel,
+      localeText: localeText,
+      size: size,
+      sortingMethod: sortingMethod,
+      xAxisPlacement: xAxisPlacement,
+      xAxisVariant: xAxisVariant,
+      yAxisPlacement: yAxisPlacement,
+      yAxisVariant: yAxisVariant
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(RenderedScatterPlot, _extends({
+    className: classNames(ScatterPlot.className, className),
+    colorTheme: colorTheme,
+    data: propsData,
+    dotRole: dotRole,
+    hideControlKeyPanel: hideControlKeyPanel,
+    id: id,
+    isDotSelected: isDotSelected,
+    labelDecorator: labelDecorator,
+    legendDecorator: legendDecorator,
+    legendVariant: legendVariant,
+    localeText: localeText,
+    onBrush: onBrush,
+    onBrushEnd: onBrushEnd,
+    onDotClick: onDotClick,
+    size: size,
+    sortingMethod: sortingMethod,
+    tooltipDecorator: tooltipDecorator,
+    tooltipVariant: tooltipVariant,
+    variant: variant,
+    xAxisPlacement: xAxisPlacement,
+    xAxisVariant: xAxisVariant,
+    yAxisPlacement: yAxisPlacement,
+    yAxisVariant: yAxisVariant
+  }, forwardedProps, {
+    ref: ref
+  }));
+});
+ScatterPlot.className = CLASSNAME;
+ScatterPlot.displayName = COMPONENT_NAME;
+
+export { ScatterPlot };
+//# sourceMappingURL=ScatterPlot2.js.map

package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlot2.js","sources":["../../../../../../../src/components/ScatterPlot/ScatterPlot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ChartSize, ColorTheme, TooltipVariant } from '../../types';\nimport { ScatterPlotLegendVariant, ScatterPlotProps, ScatterPlotVariant } from './types';\nimport { LoadingScatterPlot } from './LoadingScatterPlot';\nimport { EmptyScatterPlot } from './EmptyScatterPlot';\nimport { RenderedScatterPlot } from './RenderedScatterPlot';\nimport { AxisVariant } from '../Axis';\n\nconst COMPONENT_NAME = 'ScatterPlot';\nconst CLASSNAME = 'redsift-scatterplot';\n\nexport const ScatterPlot: Comp<ScatterPlotProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    className,\n    colorTheme = ColorTheme.default,\n    data: propsData,\n    dotRole,\n    emptyComponent,\n    hideControlKeyPanel = false,\n    id: propsId,\n    isDotSelected,\n    labelDecorator,\n    legendDecorator,\n    legendVariant: propsLegendVariant,\n    localeText = { emptyChartText: 'No Data' },\n    onBrush,\n    onBrushEnd,\n    onDotClick,\n    size = ChartSize.medium,\n    sortingMethod = 'desc-value',\n    tooltipDecorator,\n    tooltipVariant = TooltipVariant.none,\n    variant = ScatterPlotVariant.default,\n    xAxisPlacement = 'bottom',\n    xAxisVariant = AxisVariant.default,\n    yAxisPlacement = 'left',\n    yAxisVariant = AxisVariant.default,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const legendVariant = propsLegendVariant ?? ScatterPlotLegendVariant.externalLabel;\n\n  if (propsData === undefined || propsData === null) {\n    return <LoadingScatterPlot id={id} {...forwardedProps} ref={ref} />;\n  }\n\n  if (propsData.length === 0) {\n    return (\n      <EmptyScatterPlot\n        data={propsData}\n        emptyComponent={emptyComponent}\n        hideControlKeyPanel={hideControlKeyPanel}\n        localeText={localeText}\n        size={size}\n        sortingMethod={sortingMethod}\n        xAxisPlacement={xAxisPlacement}\n        xAxisVariant={xAxisVariant}\n        yAxisPlacement={yAxisPlacement}\n        yAxisVariant={yAxisVariant}\n        {...forwardedProps}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <RenderedScatterPlot\n      className={classNames(ScatterPlot.className, className)}\n      colorTheme={colorTheme}\n      data={propsData}\n      dotRole={dotRole}\n      hideControlKeyPanel={hideControlKeyPanel}\n      id={id}\n      isDotSelected={isDotSelected}\n      labelDecorator={labelDecorator}\n      legendDecorator={legendDecorator}\n      legendVariant={legendVariant}\n      localeText={localeText}\n      onBrush={onBrush}\n      onBrushEnd={onBrushEnd}\n      onDotClick={onDotClick}\n      size={size}\n      sortingMethod={sortingMethod}\n      tooltipDecorator={tooltipDecorator}\n      tooltipVariant={tooltipVariant}\n      variant={variant}\n      xAxisPlacement={xAxisPlacement}\n      xAxisVariant={xAxisVariant}\n      yAxisPlacement={yAxisPlacement}\n      yAxisVariant={yAxisVariant}\n      {...forwardedProps}\n      ref={ref}\n    />\n  );\n});\nScatterPlot.className = CLASSNAME;\nScatterPlot.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","ScatterPlot","forwardRef","props","ref","className","colorTheme","ColorTheme","default","data","propsData","dotRole","emptyComponent","hideControlKeyPanel","id","propsId","isDotSelected","labelDecorator","legendDecorator","legendVariant","propsLegendVariant","localeText","emptyChartText","onBrush","onBrushEnd","onDotClick","size","ChartSize","medium","sortingMethod","tooltipDecorator","tooltipVariant","TooltipVariant","none","variant","ScatterPlotVariant","xAxisPlacement","xAxisVariant","AxisVariant","yAxisPlacement","yAxisVariant","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","ScatterPlotLegendVariant","externalLabel","undefined","React","createElement","LoadingScatterPlot","_extends","length","EmptyScatterPlot","RenderedScatterPlot","classNames","displayName"],"mappings":"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"}

package/packages/charts/src/components/ScatterPlot/_internal/styles.js

@@ -0,0 +1,53 @@
+import styled from 'styled-components';
+import { ChartContainer } from '../../ChartContainer/_internal/ChartContainer2.js';
+
+/**
+ * Component style.
+ */
+const StyledScatterPlot = styled(ChartContainer)``;
+const StyledScatterPlotEmptyText = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+
+  > * {
+    max-width: ${_ref => {
+  let {
+    $maxWidth
+  } = _ref;
+  return $maxWidth;
+}}px;
+  }
+
+  > span {
+    font-family: var(--redsift-typography-font-family-poppins);
+    color: ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return `var(--redsift-color-${$theme}-components-text-primary)`;
+}};
+    font-size: ${_ref3 => {
+  let {
+    $textSize
+  } = _ref3;
+  return $textSize;
+}}px;
+    line-height: ${_ref4 => {
+  let {
+    $textSize
+  } = _ref4;
+  return $textSize;
+}}px;
+  }
+`;
+
+export { StyledScatterPlot, StyledScatterPlotEmptyText };
+//# sourceMappingURL=styles.js.map

package/packages/charts/src/components/ScatterPlot/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/ScatterPlot/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledScatterPlotProps } from './types';\nimport { ChartContainer } from '../ChartContainer';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledScatterPlot = styled(ChartContainer)<StyledScatterPlotProps>``;\n\nexport const StyledScatterPlotEmptyText = styled.div<{\n  $maxWidth: number;\n  $textSize: number;\n  $theme: Theme;\n}>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n\n  > * {\n    max-width: ${({ $maxWidth }) => $maxWidth}px;\n  }\n\n  > span {\n    font-family: var(--redsift-typography-font-family-poppins);\n    color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary)`};\n    font-size: ${({ $textSize }) => $textSize}px;\n    line-height: ${({ $textSize }) => $textSize}px;\n  }\n`;\n"],"names":["StyledScatterPlot","styled","ChartContainer","StyledScatterPlotEmptyText","div","_ref","$maxWidth","_ref2","$theme","_ref3","$textSize","_ref4"],"mappings":";;;AAKA;AACA;AACA;MACaA,iBAAiB,GAAGC,MAAM,CAACC,cAAc,CAA0B,CAAC,EAAA;AAEpEC,MAAAA,0BAA0B,GAAGF,MAAM,CAACG,GAI9C,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,SAAS,CAAA;AAAA,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBC,MAAO,CAA0B,yBAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACtF,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,SAAS,CAAA;AAAA,CAAC,CAAA;AAC9C,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAED,IAAAA,SAAAA;AAAU,GAAC,GAAAC,KAAA,CAAA;AAAA,EAAA,OAAKD,SAAS,CAAA;AAAA,CAAC,CAAA;AAChD;AACA;;;;"}

package/packages/charts/src/components/ScatterPlot/_internal/types.js

@@ -0,0 +1,24 @@
+/**
+ * Component variant.
+ */
+const ScatterPlotVariant = {
+  default: 'default',
+  gridded: 'gridded'
+};
+/**
+ * Component's labels variant.
+ */
+const ScatterPlotLegendVariant = {
+  none: 'none',
+  externalLabel: 'externalLabel',
+  externalLabelValue: 'externalLabelValue',
+  externalLabelPercent: 'externalLabelPercent',
+  custom: 'custom'
+};
+
+/**
+ * Component props.
+ */
+
+export { ScatterPlotLegendVariant, ScatterPlotVariant };
+//# sourceMappingURL=types.js.map