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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/PieChart/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledPieChartProps } from './types';\nimport { ChartContainer } from '../ChartContainer';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledPieChart = styled(ChartContainer)<StyledPieChartProps>`\n  .redsift-piechart__chart-wrapper {\n    position: relative;\n  }\n`;\n\nexport const StyledPieChartCenterText = styled.div<{\n  $maxWidth: number;\n  $textSize: number;\n  $smallTextSize: 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  > b {\n    font-family: var(--redsift-typography-font-family-poppins);\n    color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary)`};\n    font-weight: var(--redsift-typography-font-weight-medium);\n    font-size: ${({ $textSize }) => $textSize}px;\n    line-height: ${({ $textSize }) => $textSize}px;\n\n    &:nth-child(2) {\n      font-weight: normal;\n      margin-top: 8px;\n      font-family: var(--redsift-typography-font-family-poppins);\n      font-size: ${({ $smallTextSize }) => $smallTextSize}px;\n      line-height: ${({ $smallTextSize }) => $smallTextSize}px;\n    }\n  }\n  > span {\n    color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary)`};\n    font-size: ${({ $textSize }) => $textSize}px;\n    line-height: ${({ $textSize }) => $textSize}px;\n    &:nth-child(3) {\n      margin-top: 4px;\n      font-size: ${({ $smallTextSize }) => $smallTextSize}px;\n      line-height: ${({ $smallTextSize }) => $smallTextSize}px;\n    }\n  }\n  > b + span {\n    font-size: var(--redsift-typography-body-font-size);\n    font-family: var(--redsift-typography-font-family-poppins);\n    line-height: var(--redsift-typography-badge-line-height);\n    color: ${({ $theme }) => ($theme === Theme.light ? 'rgba(0, 0, 0, 0.6)' : 'rgba(255, 255, 255, 0.6)')};\n    text-align: center;\n  }\n`;\n\nexport const StyledPieChartEmptyText = styled.div<{\n  $maxWidth: number;\n  $textSize: number;\n  $isDonut: boolean;\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: ${({ $isDonut, $theme }) =>\n      $isDonut\n        ? css`var(--redsift-color-neutral-mid-grey)`\n        : css`var(--redsift-color-${$theme}-components-text-primary)`};\n    font-size: ${({ $textSize }) => $textSize}px;\n    line-height: ${({ $textSize }) => $textSize}px;\n  }\n`;\n"],"names":["StyledPieChart","styled","ChartContainer","StyledPieChartCenterText","div","_ref","$maxWidth","_ref2","$theme","_ref3","$textSize","_ref4","_ref5","$smallTextSize","_ref6","_ref7","_ref8","_ref9","_ref10","_ref11","_ref12","Theme","light","StyledPieChartEmptyText","_ref13","_ref14","$isDonut","css","_ref15","_ref16"],"mappings":"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"}

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

@@ -1,27 +0,0 @@
-/**
- * Component variant.
- */
-const PieChartVariant = {
-  plain: 'plain',
-  spaced: 'spaced',
-  donut: 'donut',
-  spacedDonut: 'spacedDonut'
-};
-/**
- * Component's labels variant.
- */
-const PieChartLegendVariant = {
-  none: 'none',
-  internal: 'internal',
-  externalLabel: 'externalLabel',
-  externalLabelValue: 'externalLabelValue',
-  externalLabelPercent: 'externalLabelPercent',
-  custom: 'custom'
-};
-
-/**
- * Component props.
- */
-
-export { PieChartLegendVariant, PieChartVariant };
-//# sourceMappingURL=types.js.map

package/packages/charts/src/components/PieChart/_internal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/PieChart/types.ts"],"sourcesContent":["import { ComponentProps, ReactElement, ReactNode } from 'react';\nimport { PieArcDatum as d3PieArcDatum } from 'd3-shape';\nimport {\n  ChartDimensions,\n  ChartSize,\n  ChartTheme,\n  ArcDatum,\n  TooltipVariant,\n  CategoryData,\n  CategoryDatum,\n  Statistics,\n} from '../../types';\nimport { Theme, ValueOf } from '@redsift/design-system';\nimport { ArcProps } from '../Arc';\nimport { ChartContainerProps } from '../ChartContainer';\nimport { LegendProps } from '../Legend';\nimport { SortingMethod } from '../../utils';\nimport { AnchorProps } from '../DataPoint';\n\n/**\n * Component variant.\n */\nexport const PieChartVariant = {\n  plain: 'plain',\n  spaced: 'spaced',\n  donut: 'donut',\n  spacedDonut: 'spacedDonut',\n} as const;\nexport type PieChartVariant = ValueOf<typeof PieChartVariant>;\n\n/**\n * Component's labels variant.\n */\nexport const PieChartLegendVariant = {\n  none: 'none',\n  internal: 'internal',\n  externalLabel: 'externalLabel',\n  externalLabelValue: 'externalLabelValue',\n  externalLabelPercent: 'externalLabelPercent',\n  custom: 'custom',\n} as const;\nexport type PieChartLegendVariant = ValueOf<typeof PieChartLegendVariant>;\n\ninterface LocaleText {\n  emptyChartText: string;\n}\n\nexport type PieChartDimensions = ChartDimensions & {\n  smallFontSize: number;\n  fontSize: number;\n  innerRadius: number;\n};\n\n/**\n * Component props.\n */\nexport interface PieChartProps extends ChartContainerProps {\n  /** Number of categories to use, the rest being put into a new category called \"Others\". */\n  caping?: number;\n  /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */\n  data?: CategoryData;\n  /** Component to use if the chart is empty (replacing the default one). */\n  emptyComponent?: ReactNode;\n  /** Method used to define the anchor props to use when the slice is a navigation link. */\n  getSliceAnchorProps?: (datum: ArcDatum) => AnchorProps;\n  /** Whether the pie or donut is cut in half or not. */\n  isHalf?: boolean;\n  /** Method to determine whether a slice is selected or not. */\n  isSliceSelected?: (datum: ArcDatum) => boolean | undefined;\n  /** Method to override the data labels. */\n  labelDecorator?: (\n    datum: ArcDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string }\n  ) => string | ReactElement;\n  /** Method modifying what's displayed within the legend when the legendVariant is \"custom\". */\n  legendDecorator?: (\n    datum: ArcDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string }\n  ) => string | ReactElement;\n  /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to \"custom\", use `legendDecorator` to customize it. */\n  legendVariant?: PieChartLegendVariant;\n  /** Props to forward to the Legend block. Can be used to make the legend selectable. */\n  legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant'> & { extraLegendItems?: Statistics };\n  /** Labels and texts. */\n  localeText?: LocaleText;\n  /** Method to be called on a click on a slice. For a navigation link, please use `getSliceAnchorProps` instead. */\n  onSliceClick?: (datum: ArcDatum) => void;\n  /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */\n  others?: boolean | string;\n  /** PieChart size. */\n  size?: ChartSize | PieChartDimensions;\n  /** Native HTML props to forward to each slice. */\n  sliceProps?: Omit<ComponentProps<'g'>, 'onClick' | 'ref' | 'width'>;\n  /** Slice role. If an onClick is provided, the slices will have the role `button`. For a navigation link, please use `getSliceAnchorProps` instead. */\n  sliceRole?: ArcProps['role'];\n  /** Define how to sort categories. */\n  sortingMethod?: SortingMethod;\n  /** Secondary text to be displayed in the middle of the chart, between the main text and subtext. Recommended to be used with donut variants only. */\n  middleText?: string | ReactElement | ((data: d3PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);\n  /** Secondary text to be displayed in the middle of the chart, above the main text. Recommended to be used with `donut` variants only. */\n  subtext?: string | ReactElement | ((data: d3PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);\n  /** Main text to be displayed in the middle of the chart. Recommended to be used with `donut` variants only. */\n  text?: string | ReactElement | ((data: d3PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);\n  /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status.  */\n  colorTheme?: ChartTheme;\n  /** PieChart variant. */\n  variant?: PieChartVariant;\n  /** Method modifying what's displayed within the tooltip when the tooltipVariant is \"custom\".  */\n  tooltipDecorator?: (\n    data: ArcDatum,\n    props?: { index?: number; isSelected?: boolean; color?: string }\n  ) => string | ReactElement;\n  /** Tooltip variant. */\n  tooltipVariant?: TooltipVariant;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledPieChartProps = PieChartProps & {};\n"],"names":["PieChartVariant","plain","spaced","donut","spacedDonut","PieChartLegendVariant","none","internal","externalLabel","externalLabelValue","externalLabelPercent","custom"],"mappings":"AAmBA;AACA;AACA;AACO,MAAMA,eAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,WAAW,EAAE,aAAA;AACf,EAAU;AAGV;AACA;AACA;AACO,MAAMC,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,oBAAoB,EAAE,sBAAsB;AAC5CC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAaV;AACA;AACA;;;;"}

package/packages/charts/src/components/PieChart/_internal/utils.js

@@ -1,37 +0,0 @@
-import { ChartSize } from '../../../types/_internal/size.js';
-
-const sizeToDimension = (size, isHalf) => {
-  if (typeof size !== 'string') {
-    return size;
-  }
-  switch (size) {
-    case ChartSize.small:
-      return {
-        width: 200,
-        height: 200 * (isHalf ? 0.5 : 1),
-        smallFontSize: 13,
-        fontSize: 30,
-        innerRadius: 55
-      };
-    case ChartSize.large:
-      return {
-        width: 300,
-        height: 300 * (isHalf ? 0.5 : 1),
-        smallFontSize: 18,
-        fontSize: 38,
-        innerRadius: 80
-      };
-    case ChartSize.medium:
-    default:
-      return {
-        width: 240,
-        height: 240 * (isHalf ? 0.5 : 1),
-        smallFontSize: 14,
-        fontSize: 34,
-        innerRadius: 65
-      };
-  }
-};
-
-export { sizeToDimension };
-//# sourceMappingURL=utils.js.map

package/packages/charts/src/components/PieChart/_internal/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/PieChart/utils.ts"],"sourcesContent":["import { ChartSize } from '../../types';\nimport { PieChartDimensions } from './types';\n\nexport const sizeToDimension = (size: ChartSize | PieChartDimensions, isHalf?: boolean): PieChartDimensions => {\n  if (typeof size !== 'string') {\n    return size;\n  }\n\n  switch (size) {\n    case ChartSize.small:\n      return {\n        width: 200,\n        height: 200 * (isHalf ? 0.5 : 1),\n        smallFontSize: 13,\n        fontSize: 30,\n        innerRadius: 55,\n      };\n    case ChartSize.large:\n      return {\n        width: 300,\n        height: 300 * (isHalf ? 0.5 : 1),\n        smallFontSize: 18,\n        fontSize: 38,\n        innerRadius: 80,\n      };\n    case ChartSize.medium:\n    default:\n      return {\n        width: 240,\n        height: 240 * (isHalf ? 0.5 : 1),\n        smallFontSize: 14,\n        fontSize: 34,\n        innerRadius: 65,\n      };\n  }\n};\n"],"names":["sizeToDimension","size","isHalf","ChartSize","small","width","height","smallFontSize","fontSize","innerRadius","large","medium"],"mappings":";;MAGaA,eAAe,GAAGA,CAACC,IAAoC,EAAEC,MAAgB,KAAyB;AAC7G,EAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,QAAQA,IAAI;IACV,KAAKE,SAAS,CAACC,KAAK;MAClB,OAAO;AACLC,QAAAA,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE,GAAG,IAAIJ,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AAChCK,QAAAA,aAAa,EAAE,EAAE;AACjBC,QAAAA,QAAQ,EAAE,EAAE;AACZC,QAAAA,WAAW,EAAE,EAAA;OACd,CAAA;IACH,KAAKN,SAAS,CAACO,KAAK;MAClB,OAAO;AACLL,QAAAA,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE,GAAG,IAAIJ,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AAChCK,QAAAA,aAAa,EAAE,EAAE;AACjBC,QAAAA,QAAQ,EAAE,EAAE;AACZC,QAAAA,WAAW,EAAE,EAAA;OACd,CAAA;IACH,KAAKN,SAAS,CAACQ,MAAM,CAAA;AACrB,IAAA;MACE,OAAO;AACLN,QAAAA,KAAK,EAAE,GAAG;QACVC,MAAM,EAAE,GAAG,IAAIJ,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;AAChCK,QAAAA,aAAa,EAAE,EAAE;AACjBC,QAAAA,QAAQ,EAAE,EAAE;AACZC,QAAAA,WAAW,EAAE,EAAA;OACd,CAAA;AACL,GAAA;AACF;;;;"}

package/packages/charts/src/components/PieChart/intl/_internal/en-US.js

@@ -1,9 +0,0 @@
-var definition = "Pie Chart with {sliceLength} slices.";
-var enUS = {
-	"interactive-chart": "Interactive Line Chart",
-	"static-chart": "Static Line Chart",
-	definition: definition
-};
-
-export { enUS as default, definition };
-//# sourceMappingURL=en-US.js.map

package/packages/charts/src/components/PieChart/intl/_internal/en-US.js.map

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

package/packages/charts/src/components/PieChart/intl/_internal/fr-FR.js

@@ -1,9 +0,0 @@
-var definition = "Diagramme circulaire contenant {sliceLength} secteurs.";
-var frFR = {
-	"interactive-chart": "Diagramme circulaire interactif",
-	"static-chart": "Diagramme circulaire statique",
-	definition: definition
-};
-
-export { frFR as default, definition };
-//# sourceMappingURL=fr-FR.js.map

package/packages/charts/src/components/PieChart/intl/_internal/fr-FR.js.map

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

package/packages/charts/src/components/PieChart/intl/index.js

@@ -1,10 +0,0 @@
-import enUS from './_internal/en-US.js';
-import frFR from './_internal/fr-FR.js';
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-export { intlMessages as default };
-//# sourceMappingURL=index.js.map

package/packages/charts/src/components/PieChart/intl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/PieChart/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

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

@@ -1,58 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useEffect } from 'react';
-import { scaleLinear } from 'd3';
-import { StyledScatterPlot, StyledScatterPlotEmptyText } from './styles.js';
-import { sizeToDimension } from './utils.js';
-import { useTheme } from '@redsift/design-system';
-import { Axis } from '../../Axis/_internal/Axis2.js';
-
-const _excluded = ["className", "data", "emptyComponent", "localeText", "size"];
-const EmptyScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      className,
-      data: propsData,
-      emptyComponent,
-      localeText,
-      size
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme();
-  const cache = useRef();
-  const data = propsData;
-  useEffect(() => {
-    cache.current = data;
-  });
-  const chartDimensions = sizeToDimension(size);
-  const width = chartDimensions.width;
-  const height = chartDimensions.height;
-  const margins = {
-    top: 16,
-    left: 48,
-    right: 16,
-    bottom: 48
-  };
-  const chartWidth = width - margins.left - margins.right;
-  return /*#__PURE__*/React__default.createElement(StyledScatterPlot, _extends({}, forwardedProps, {
-    className: className,
-    ref: ref
-  }), emptyComponent !== null && emptyComponent !== void 0 ? emptyComponent : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledScatterPlotEmptyText, {
-    $maxWidth: width,
-    $textSize: chartDimensions.fontSize / 2,
-    $theme: theme
-  }, /*#__PURE__*/React__default.createElement("span", null, localeText === null || localeText === void 0 ? void 0 : localeText.emptyChartText)), /*#__PURE__*/React__default.createElement("svg", {
-    width: width,
-    height: height
-  }, /*#__PURE__*/React__default.createElement("g", {
-    transform: `translate(${margins.left},${margins.top})`
-  }, /*#__PURE__*/React__default.createElement(Axis, {
-    position: "bottom",
-    length: width - 32,
-    scale: scaleLinear().domain([]).range([0, chartWidth]),
-    x: 0,
-    y: height,
-    tickValues: 4
-  })))));
-});
-
-export { EmptyScatterPlot };
-//# sourceMappingURL=EmptyScatterPlot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyScatterPlot.js","sources":["../../../../../../../src/components/ScatterPlot/EmptyScatterPlot.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef } from 'react';\nimport { scaleLinear as d3scaleLinear } from 'd3';\n\nimport { AnyScale, JSONArray } from '../../types';\nimport { ScatterPlotProps } from './types';\nimport { StyledScatterPlot, StyledScatterPlotEmptyText } from './styles';\nimport { Axis } from '../Axis';\nimport { sizeToDimension } from './utils';\nimport { useTheme } from '@redsift/design-system';\n\nexport const EmptyScatterPlot = forwardRef<HTMLDivElement, ScatterPlotProps>((props, ref) => {\n  const { className, data: propsData, emptyComponent, localeText, size, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  const cache = useRef<JSONArray>();\n\n  const data = propsData;\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 = { top: 16, left: 48, right: 16, bottom: 48 };\n  const chartWidth = width - margins.left - margins.right;\n\n  return (\n    <StyledScatterPlot {...forwardedProps} className={className} ref={ref as RefObject<HTMLDivElement>}>\n      {emptyComponent ?? (\n        <>\n          <StyledScatterPlotEmptyText $maxWidth={width} $textSize={chartDimensions.fontSize / 2} $theme={theme}>\n            <span>{localeText?.emptyChartText}</span>\n          </StyledScatterPlotEmptyText>\n          <svg width={width} height={height}>\n            <g transform={`translate(${margins.left},${margins.top})`}>\n              <Axis\n                position=\"bottom\"\n                length={width - 32}\n                scale={d3scaleLinear().domain([]).range([0, chartWidth]) as AnyScale}\n                x={0}\n                y={height}\n                tickValues={4}\n              />\n            </g>\n          </svg>\n        </>\n      )}\n    </StyledScatterPlot>\n  );\n});\n"],"names":["EmptyScatterPlot","forwardRef","props","ref","className","data","propsData","emptyComponent","localeText","size","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","cache","useRef","useEffect","current","chartDimensions","sizeToDimension","width","height","margins","top","left","right","bottom","chartWidth","React","createElement","StyledScatterPlot","_extends","Fragment","StyledScatterPlotEmptyText","$maxWidth","$textSize","fontSize","$theme","emptyChartText","transform","Axis","position","length","scale","d3scaleLinear","domain","range","x","y","tickValues"],"mappings":";;;;;;;;;AAUO,MAAMA,gBAAgB,gBAAGC,UAAU,CAAmC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3F,MAAM;MAAEC,SAAS;AAAEC,MAAAA,IAAI,EAAEC,SAAS;MAAEC,cAAc;MAAEC,UAAU;AAAEC,MAAAA,IAAAA;AAAwB,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AACjG,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,KAAK,GAAGC,MAAM,EAAa,CAAA;EAEjC,MAAMX,IAAI,GAAGC,SAAS,CAAA;AAEtBW,EAAAA,SAAS,CAAC,MAAM;IACdF,KAAK,CAACG,OAAO,GAAGb,IAAI,CAAA;AACtB,GAAC,CAAC,CAAA;AAEF,EAAA,MAAMc,eAAe,GAAGC,eAAe,CAACX,IAAK,CAAC,CAAA;AAC9C,EAAA,MAAMY,KAAK,GAAGF,eAAe,CAACE,KAAK,CAAA;AACnC,EAAA,MAAMC,MAAM,GAAGH,eAAe,CAACG,MAAM,CAAA;AACrC,EAAA,MAAMC,OAAO,GAAG;AAAEC,IAAAA,GAAG,EAAE,EAAE;AAAEC,IAAAA,IAAI,EAAE,EAAE;AAAEC,IAAAA,KAAK,EAAE,EAAE;AAAEC,IAAAA,MAAM,EAAE,EAAA;GAAI,CAAA;EAC5D,MAAMC,UAAU,GAAGP,KAAK,GAAGE,OAAO,CAACE,IAAI,GAAGF,OAAO,CAACG,KAAK,CAAA;EAEvD,oBACEG,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,KAAKtB,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAEA,SAAU;AAACD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAChGI,cAAc,KAAdA,IAAAA,IAAAA,cAAc,cAAdA,cAAc,gBACbsB,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAI,QAAA,EAAA,IAAA,eACEJ,cAAA,CAAAC,aAAA,CAACI,0BAA0B,EAAA;AAACC,IAAAA,SAAS,EAAEd,KAAM;AAACe,IAAAA,SAAS,EAAEjB,eAAe,CAACkB,QAAQ,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAEzB,KAAAA;AAAM,GAAA,eACnGgB,cAAA,CAAAC,aAAA,CAAOtB,MAAAA,EAAAA,IAAAA,EAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE+B,cAAqB,CACd,CAAC,eAC7BV,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,MAAM,EAAEA,MAAAA;GACzBO,eAAAA,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;IAAGU,SAAS,EAAG,aAAYjB,OAAO,CAACE,IAAK,CAAGF,CAAAA,EAAAA,OAAO,CAACC,GAAI,CAAA,CAAA,CAAA;AAAG,GAAA,eACxDK,cAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AACHC,IAAAA,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAEtB,KAAK,GAAG,EAAG;AACnBuB,IAAAA,KAAK,EAAEC,WAAa,EAAE,CAACC,MAAM,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,EAAEnB,UAAU,CAAC,CAAc;AACrEoB,IAAAA,CAAC,EAAE,CAAE;AACLC,IAAAA,CAAC,EAAE3B,MAAO;AACV4B,IAAAA,UAAU,EAAE,CAAA;AAAE,GACf,CACA,CACA,CACL,CAEa,CAAC,CAAA;AAExB,CAAC;;;;"}

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

@@ -1,18 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import { StyledScatterPlot } from './styles.js';
-
-const _excluded = ["className"];
-const LoadingScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      className
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(StyledScatterPlot, _extends({}, forwardedProps, {
-    className: className,
-    ref: ref
-  }), "Loading...");
-});
-
-export { LoadingScatterPlot };
-//# sourceMappingURL=LoadingScatterPlot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingScatterPlot.js","sources":["../../../../../../../src/components/ScatterPlot/LoadingScatterPlot.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\n\nimport { ScatterPlotProps } from './types';\nimport { StyledScatterPlot } from './styles';\n\nexport const LoadingScatterPlot = forwardRef<HTMLDivElement, ScatterPlotProps>(\n  (props, ref) => {\n    const { className, ...forwardedProps } = props;\n\n    return (\n      <StyledScatterPlot\n        {...forwardedProps}\n        className={className}\n        ref={ref as RefObject<HTMLDivElement>}\n      >\n        Loading...\n      </StyledScatterPlot>\n    );\n  }\n);\n"],"names":["LoadingScatterPlot","forwardRef","props","ref","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledScatterPlot","_extends"],"mappings":";;;;;AAKO,MAAMA,kBAAkB,gBAAGC,UAAU,CAC1C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGF,KAAK;AAAxBG,IAAAA,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;EAE9C,oBACEC,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,KACZN,cAAc,EAAA;AAClBD,IAAAA,SAAS,EAAEA,SAAU;AACrBD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EACvC,YAEkB,CAAC,CAAA;AAExB,CACF;;;;"}

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

@@ -1,354 +0,0 @@
-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