@redsift/charts 11.5.0 → 11.6.0-muiv5-alpha.1

package/components/PieChart/RenderedPieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderedPieChart.js","sources":["../../../src/components/PieChart/RenderedPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef } from 'react';\nimport { arc as d3arc, pie as d3pie, sum as d3sum } from 'd3';\n\nimport { useTheme, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport { LegendVariant, ArcDatum, CategoryData, CategoryDatum, LegendItemDatum } from '../../types';\nimport { PieChartLegendVariant, PieChartProps, PieChartVariant } from './types';\nimport { StyledPieChartCenterText, StyledPieChart } from './styles';\nimport { Arcs } from '../Arcs';\nimport { useFormatCategoricalData } from '../../hooks';\nimport { Legend } from '../Legend';\nimport { sizeToDimension } from './utils';\nimport { PieChart } from './PieChart';\nimport { getSortingMethod, mergeLegends } from '../../utils';\n\ninterface RenderedPieChartProps extends Required<Pick<PieChartProps, 'data'>>, Omit<PieChartProps, 'data'> {}\n\nexport const RenderedPieChart = forwardRef<HTMLDivElement, RenderedPieChartProps>((props, ref) => {\n  const {\n    caping,\n    className,\n    data: propsData,\n    disableAnimations,\n    getSliceAnchorProps,\n    id,\n    isHalf,\n    isSliceSelected,\n    labelDecorator,\n    legendDecorator,\n    legendVariant,\n    legendProps,\n    middleText: propsMiddleText,\n    onSliceClick,\n    others,\n    size,\n    sliceProps,\n    sliceRole,\n    sortingMethod,\n    subtext: propsSubtext,\n    text: propsText,\n    colorTheme,\n    tooltipVariant,\n    variant,\n    ...forwardedProps\n  } = props;\n\n  const cache = useRef<CategoryData>();\n  const theme = useTheme();\n\n  const format = useMessageFormatter(intlMessages);\n\n  const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;\n  const isSpaced = variant === PieChartVariant.spaced || variant === PieChartVariant.spacedDonut;\n\n  const { data, colorScale } = useFormatCategoricalData({\n    data: propsData,\n    colorTheme: colorTheme!,\n    sortingMethod: sortingMethod!,\n    caping,\n    others,\n    theme,\n  });\n\n  useEffect(() => {\n    cache.current = data;\n  });\n\n  const { width, height, smallFontSize, fontSize, innerRadius } = sizeToDimension(size!, isHalf);\n  const externalRadiusPadding = 8;\n\n  const createPie = d3pie<CategoryDatum>()\n    .value((d) => d.value)\n    .sort(null)\n    .startAngle(isHalf ? Math.PI * -0.5 : 0)\n    .endAngle(isHalf ? Math.PI * 0.5 : Math.PI * 2);\n  const createArc = d3arc<ArcDatum>()\n    .innerRadius(isDonut ? innerRadius : 0)\n    .outerRadius(width / 2 - externalRadiusPadding);\n  const pieData = createPie(data);\n  const previousPieData = cache.current ? createPie(cache.current) : undefined;\n  const total = d3sum(data, (d) => d.value);\n  const legendWidth = useRef<string>();\n  if (data && !legendWidth.current) {\n    legendWidth.current = `${Math.max(...data.map((d) => d.key.length + String(d.value).length)) * 8 + 32}px`;\n  }\n\n  const text =\n    typeof propsText === 'function'\n      ? propsText(\n          pieData.map((datum) => {\n            const percent = datum.data.value / total;\n            return { ...datum, data: { ...datum.data, percent } };\n          }),\n          total\n        )\n      : propsText;\n  const subtext =\n    typeof propsSubtext === 'function'\n      ? propsSubtext(\n          pieData.map((datum) => {\n            const percent = datum.data.value / total;\n            return { ...datum, data: { ...datum.data, percent } };\n          }),\n          total\n        )\n      : propsSubtext;\n  const middleText =\n    typeof propsMiddleText === 'function'\n      ? propsMiddleText(\n          pieData.map((datum) => {\n            const percent = datum.data.value / total;\n            return { ...datum, data: { ...datum.data, percent } };\n          }),\n          total\n        )\n      : propsMiddleText;\n\n  const filteredPieData = pieData.filter((datum) => datum.data.value);\n\n  const { extraLegendItems, ...forwardedLegendProps } = legendProps || {};\n\n  return (\n    <StyledPieChart\n      mode={typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function' ? 'interactive' : 'static'}\n      definition={format('definition', { sliceLength: filteredPieData.length })}\n      dataTableRepresentation={{\n        header: (\n          <thead>\n            <tr>\n              <th scope=\"col\">Key</th>\n              <th scope=\"col\">Value</th>\n            </tr>\n          </thead>\n        ),\n        body: (\n          <tbody>\n            {filteredPieData.map((datum) => (\n              <tr key={datum.data.key}>\n                <th scope=\"row\">{datum.data.key}</th>\n                <td>{datum.data.value}</td>\n              </tr>\n            ))}\n          </tbody>\n        ),\n      }}\n      {...forwardedProps}\n      className={className}\n      id={id}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      <div className={`${PieChart.className}__chart-wrapper`}>\n        {text ? (\n          <StyledPieChartCenterText\n            $maxWidth={innerRadius * 2}\n            $textSize={fontSize}\n            $smallTextSize={smallFontSize}\n            $theme={theme}\n          >\n            {subtext ? <b>{text}</b> : <span>{text}</span>}\n            {middleText ? <b>{middleText}</b> : null}\n            <span>{subtext}</span>\n          </StyledPieChartCenterText>\n        ) : null}\n        <svg\n          width={width}\n          height={isHalf ? height + externalRadiusPadding : height}\n          aria-label={\n            typeof onSliceClick === 'function' || typeof getSliceAnchorProps === 'function'\n              ? format('interactive-chart')\n              : format('static-chart')\n          }\n          aria-hidden=\"false\"\n        >\n          <Arcs\n            arcs={filteredPieData.map((datum, index) => {\n              const percent = datum.data.value / total;\n              const from = previousPieData\n                ? previousPieData[index]\n                : {\n                    data: {\n                      key: '',\n                      value: 0,\n                    },\n                    startAngle: isHalf ? Math.PI * -0.5 : 0,\n                    endAngle: isHalf ? Math.PI * -0.5 : 0,\n                    padAngle: 0,\n                    value: 0,\n                    index: index,\n                  };\n              const to = { ...datum, data: { ...datum.data, percent } };\n\n              return {\n                color: colorScale?.(to.data.key),\n                createArc,\n                previousData: from,\n                id: `id${id}__arc-${index}`,\n                index,\n                isSelected: isSliceSelected!(to),\n                key: `id${id}__arc-${index}`,\n                data: to,\n                dataset: pieData,\n                anchorProps: getSliceAnchorProps ? getSliceAnchorProps(to) : undefined,\n              };\n            })}\n            disableAnimations={disableAnimations}\n            hasLabels={legendVariant === PieChartLegendVariant.internal}\n            hasStroke={isSpaced}\n            labelDecorator={labelDecorator}\n            onClick={onSliceClick}\n            role={sliceRole}\n            sliceProps={sliceProps}\n            tooltipVariant={tooltipVariant}\n            transform={`translate(${width / 2} ${isHalf ? height : height / 2})`}\n          />\n        </svg>\n      </div>\n      {legendVariant !== PieChartLegendVariant.none && legendVariant !== PieChartLegendVariant.internal ? (\n        <Legend\n          data={(extraLegendItems\n            ? mergeLegends(extraLegendItems, data).sort(getSortingMethod(sortingMethod!))\n            : data\n          ).map((d) => ({\n            ...d,\n            color: colorScale?.(d.key)!,\n          }))}\n          variant={\n            legendVariant === PieChartLegendVariant.externalLabelValue\n              ? LegendVariant.value\n              : legendVariant === PieChartLegendVariant.externalLabelPercent\n              ? LegendVariant.percent\n              : legendVariant === PieChartLegendVariant.externalLabel\n              ? LegendVariant.label\n              : LegendVariant.custom\n          }\n          width={legendWidth.current}\n          labelDecorator={\n            labelDecorator ? (datum: LegendItemDatum, props) => labelDecorator(datum as ArcDatum, props) : undefined\n          }\n          legendDecorator={\n            legendDecorator ? (datum: LegendItemDatum, props) => legendDecorator(datum as ArcDatum, props) : undefined\n          }\n          {...forwardedLegendProps}\n        />\n      ) : null}\n    </StyledPieChart>\n  );\n});\n"],"names":["RenderedPieChart","forwardRef","props","ref","caping","className","data","propsData","disableAnimations","getSliceAnchorProps","id","isHalf","isSliceSelected","labelDecorator","legendDecorator","legendVariant","legendProps","middleText","propsMiddleText","onSliceClick","others","size","sliceProps","sliceRole","sortingMethod","subtext","propsSubtext","text","propsText","colorTheme","tooltipVariant","variant","forwardedProps","_objectWithoutProperties","_excluded","cache","useRef","theme","useTheme","format","useMessageFormatter","intlMessages","isDonut","PieChartVariant","donut","spacedDonut","isSpaced","spaced","colorScale","useFormatCategoricalData","useEffect","current","width","height","smallFontSize","fontSize","innerRadius","sizeToDimension","externalRadiusPadding","createPie","d3pie","value","d","sort","startAngle","Math","PI","endAngle","createArc","d3arc","outerRadius","pieData","previousPieData","undefined","total","d3sum","legendWidth","max","map","key","length","String","datum","percent","_objectSpread","filteredPieData","filter","_ref","extraLegendItems","forwardedLegendProps","_excluded2","React","createElement","StyledPieChart","_extends","mode","definition","sliceLength","dataTableRepresentation","header","scope","body","PieChart","StyledPieChartCenterText","$maxWidth","$textSize","$smallTextSize","$theme","Arcs","arcs","index","from","padAngle","to","color","previousData","isSelected","dataset","anchorProps","hasLabels","PieChartLegendVariant","internal","hasStroke","onClick","role","transform","none","Legend","mergeLegends","getSortingMethod","externalLabelValue","LegendVariant","externalLabelPercent","externalLabel","label","custom"],"mappings":"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"}

package/components/PieChart/intl/en-US.json.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.json.js.map

package/components/PieChart/intl/en-US.json.js.map

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

package/components/PieChart/intl/fr-FR.json.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.json.js.map

package/components/PieChart/intl/fr-FR.json.js.map

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

package/components/PieChart/intl/index.js

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

package/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/components/PieChart/styles.d.ts

@@ -0,0 +1,24 @@
+import * as styled_components from 'styled-components';
+import { PieChartProps } from './types.js';
+import * as _redsift_design_system from '@redsift/design-system';
+import { Theme } from '@redsift/design-system';
+import { ChartContainerProps } from '../ChartContainer/types.js';
+
+/**
+ * Component style.
+ */
+declare const StyledPieChart: styled_components.StyledComponent<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, any, PieChartProps, never>;
+declare const StyledPieChartCenterText: styled_components.StyledComponent<"div", any, {
+    $maxWidth: number;
+    $textSize: number;
+    $smallTextSize: number;
+    $theme: Theme;
+}, never>;
+declare const StyledPieChartEmptyText: styled_components.StyledComponent<"div", any, {
+    $maxWidth: number;
+    $textSize: number;
+    $isDonut: boolean;
+    $theme: Theme;
+}, never>;
+
+export { StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText };

package/components/PieChart/styles.js

@@ -0,0 +1,168 @@
+import styled, { css } from 'styled-components';
+import { Theme } from '@redsift/design-system';
+import { ChartContainer } from '../ChartContainer/ChartContainer.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/components/PieChart/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/components/PieChart/types.d.ts

@@ -0,0 +1,115 @@
+import { ReactNode, ReactElement, ComponentProps } from 'react';
+import { PieArcDatum } from 'd3-shape';
+import { ValueOf, Theme } from '@redsift/design-system';
+import { SortingMethod } from '../../utils/index.js';
+import { ArcProps } from '../Arc/types.js';
+import { ChartDimensions, ChartSize } from '../../types/size.js';
+import { ChartContainerProps } from '../ChartContainer/types.js';
+import { CategoryData, ArcDatum, Statistics, CategoryDatum } from '../../types/data.js';
+import { AnchorProps } from '../DataPoint/types.js';
+import { LegendProps } from '../Legend/types.js';
+import { ChartTheme } from '../../types/theme.js';
+import { TooltipVariant } from '../../types/legend.js';
+
+/**
+ * Component variant.
+ */
+declare const PieChartVariant: {
+    readonly plain: "plain";
+    readonly spaced: "spaced";
+    readonly donut: "donut";
+    readonly spacedDonut: "spacedDonut";
+};
+type PieChartVariant = ValueOf<typeof PieChartVariant>;
+/**
+ * Component's labels variant.
+ */
+declare const PieChartLegendVariant: {
+    readonly none: "none";
+    readonly internal: "internal";
+    readonly externalLabel: "externalLabel";
+    readonly externalLabelValue: "externalLabelValue";
+    readonly externalLabelPercent: "externalLabelPercent";
+    readonly custom: "custom";
+};
+type PieChartLegendVariant = ValueOf<typeof PieChartLegendVariant>;
+interface LocaleText {
+    emptyChartText: string;
+}
+type PieChartDimensions = ChartDimensions & {
+    smallFontSize: number;
+    fontSize: number;
+    innerRadius: number;
+};
+/**
+ * Component props.
+ */
+interface PieChartProps extends ChartContainerProps {
+    /** Number of categories to use, the rest being put into a new category called "Others". */
+    caping?: number;
+    /** Dataset to use to generate the chart, should be a list of objects containing a key and a value. */
+    data?: CategoryData;
+    /** Component to use if the chart is empty (replacing the default one). */
+    emptyComponent?: ReactNode;
+    /** Method used to define the anchor props to use when the slice is a navigation link. */
+    getSliceAnchorProps?: (datum: ArcDatum) => AnchorProps;
+    /** Whether the pie or donut is cut in half or not. */
+    isHalf?: boolean;
+    /** Method to determine whether a slice is selected or not. */
+    isSliceSelected?: (datum: ArcDatum) => boolean | undefined;
+    /** Method to override the data labels. */
+    labelDecorator?: (datum: ArcDatum, props?: {
+        index?: number;
+        isSelected?: boolean;
+        color?: string;
+    }) => string | ReactElement;
+    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
+    legendDecorator?: (datum: ArcDatum, props?: {
+        index?: number;
+        isSelected?: boolean;
+        color?: string;
+    }) => string | ReactElement;
+    /** 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. */
+    legendVariant?: PieChartLegendVariant;
+    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
+    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant'> & {
+        extraLegendItems?: Statistics;
+    };
+    /** Labels and texts. */
+    localeText?: LocaleText;
+    /** Method to be called on a click on a slice. For a navigation link, please use `getSliceAnchorProps` instead. */
+    onSliceClick?: (datum: ArcDatum) => void;
+    /** 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. */
+    others?: boolean | string;
+    /** PieChart size. */
+    size?: ChartSize | PieChartDimensions;
+    /** Native HTML props to forward to each slice. */
+    sliceProps?: Omit<ComponentProps<'g'>, 'onClick' | 'ref' | 'width'>;
+    /** Slice role. If an onClick is provided, the slices will have the role `button`. For a navigation link, please use `getSliceAnchorProps` instead. */
+    sliceRole?: ArcProps['role'];
+    /** Define how to sort categories. */
+    sortingMethod?: SortingMethod;
+    /** 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. */
+    middleText?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
+    /** Secondary text to be displayed in the middle of the chart, above the main text. Recommended to be used with `donut` variants only. */
+    subtext?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
+    /** Main text to be displayed in the middle of the chart. Recommended to be used with `donut` variants only. */
+    text?: string | ReactElement | ((data: PieArcDatum<CategoryDatum>[], total: number) => string | ReactElement);
+    /** 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.  */
+    colorTheme?: ChartTheme;
+    /** PieChart variant. */
+    variant?: PieChartVariant;
+    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
+    tooltipDecorator?: (data: ArcDatum, props?: {
+        index?: number;
+        isSelected?: boolean;
+        color?: string;
+    }) => string | ReactElement;
+    /** Tooltip variant. */
+    tooltipVariant?: TooltipVariant;
+    /** Theme. */
+    theme?: Theme;
+}
+type StyledPieChartProps = PieChartProps & {};
+
+export { PieChartDimensions, PieChartLegendVariant, PieChartProps, PieChartVariant, StyledPieChartProps };

package/components/PieChart/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/components/PieChart/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/components/PieChart/utils.js

@@ -0,0 +1,37 @@
+import { ChartSize } from '../../types/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/components/PieChart/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/components/ScatterPlot/EmptyScatterPlot.js

@@ -0,0 +1,58 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_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/Axis.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/components/ScatterPlot/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/components/ScatterPlot/LoadingScatterPlot.js

@@ -0,0 +1,18 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_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/components/ScatterPlot/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;;;;"}