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

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

@@ -0,0 +1,168 @@
+import styled, { css } from 'styled-components';
+import { Theme } from '@redsift/design-system';
+import { ChartContainer } from '../../ChartContainer/_internal/ChartContainer2.js';
+
+/**
+ * Component style.
+ */
+const StyledPieChart = styled(ChartContainer)`
+  .redsift-piechart__chart-wrapper {
+    position: relative;
+  }
+`;
+const StyledPieChartCenterText = 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;
+  }
+
+  > b {
+    font-family: var(--redsift-typography-font-family-poppins);
+    color: ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return `var(--redsift-color-${$theme}-components-text-primary)`;
+}};
+    font-weight: var(--redsift-typography-font-weight-medium);
+    font-size: ${_ref3 => {
+  let {
+    $textSize
+  } = _ref3;
+  return $textSize;
+}}px;
+    line-height: ${_ref4 => {
+  let {
+    $textSize
+  } = _ref4;
+  return $textSize;
+}}px;
+
+    &:nth-child(2) {
+      font-weight: normal;
+      margin-top: 8px;
+      font-family: var(--redsift-typography-font-family-poppins);
+      font-size: ${_ref5 => {
+  let {
+    $smallTextSize
+  } = _ref5;
+  return $smallTextSize;
+}}px;
+      line-height: ${_ref6 => {
+  let {
+    $smallTextSize
+  } = _ref6;
+  return $smallTextSize;
+}}px;
+    }
+  }
+  > span {
+    color: ${_ref7 => {
+  let {
+    $theme
+  } = _ref7;
+  return `var(--redsift-color-${$theme}-components-text-primary)`;
+}};
+    font-size: ${_ref8 => {
+  let {
+    $textSize
+  } = _ref8;
+  return $textSize;
+}}px;
+    line-height: ${_ref9 => {
+  let {
+    $textSize
+  } = _ref9;
+  return $textSize;
+}}px;
+    &:nth-child(3) {
+      margin-top: 4px;
+      font-size: ${_ref10 => {
+  let {
+    $smallTextSize
+  } = _ref10;
+  return $smallTextSize;
+}}px;
+      line-height: ${_ref11 => {
+  let {
+    $smallTextSize
+  } = _ref11;
+  return $smallTextSize;
+}}px;
+    }
+  }
+  > b + span {
+    font-size: var(--redsift-typography-body-font-size);
+    font-family: var(--redsift-typography-font-family-poppins);
+    line-height: var(--redsift-typography-badge-line-height);
+    color: ${_ref12 => {
+  let {
+    $theme
+  } = _ref12;
+  return $theme === Theme.light ? 'rgba(0, 0, 0, 0.6)' : 'rgba(255, 255, 255, 0.6)';
+}};
+    text-align: center;
+  }
+`;
+const StyledPieChartEmptyText = 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: ${_ref13 => {
+  let {
+    $maxWidth
+  } = _ref13;
+  return $maxWidth;
+}}px;
+  }
+
+  > span {
+    font-family: var(--redsift-typography-font-family-poppins);
+    color: ${_ref14 => {
+  let {
+    $isDonut,
+    $theme
+  } = _ref14;
+  return $isDonut ? css`var(--redsift-color-neutral-mid-grey)` : css`var(--redsift-color-${$theme}-components-text-primary)`;
+}};
+    font-size: ${_ref15 => {
+  let {
+    $textSize
+  } = _ref15;
+  return $textSize;
+}}px;
+    line-height: ${_ref16 => {
+  let {
+    $textSize
+  } = _ref16;
+  return $textSize;
+}}px;
+  }
+`;
+
+export { StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText };
+//# sourceMappingURL=styles.js.map

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

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

@@ -0,0 +1,27 @@
+/**
+ * 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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;;;;"}