@redsift/charts 9.0.0-alpha.0 → 9.0.0-alpha.10

package/index.js

@@ -1,7 +1,7 @@
 import { brush, select, scaleOrdinal, zoom, interpolateRound, interpolate, scaleLinear, sum, arc, pie, min, extent, descending, scaleSqrt, max } from 'd3';
-import { RedsiftColorPresentationBlueDefault, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationRedDefault, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreenDark, RedsiftColorPresentationPinkDark, RedsiftColorPresentationAquaDark, RedsiftColorPresentationBrownDark, RedsiftColorPresentationRedDark, RedsiftColorPresentationYellowDark, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationBlueDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationRedDarker, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreenLight, RedsiftColorPresentationPinkLight, RedsiftColorPresentationAquaLight, RedsiftColorPresentationBrownLight, RedsiftColorPresentationRedLight, RedsiftColorPresentationYellowLight, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationBlueLight, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationRedLighter, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowLighterer, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationGreyLighterer, Text, Number as Number$1, baseStyling, focusRing, Flexbox, warnIfNoAccessibleLabelFound, Heading, Button } from '@redsift/design-system';
+import { RedsiftColorPresentationBlueDefault, RedsiftColorPresentationGreyDark, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationRedDefault, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationGreyDefault, RedsiftColorPresentationGreenDark, RedsiftColorPresentationPinkDark, RedsiftColorPresentationAquaDark, RedsiftColorPresentationBrownDark, RedsiftColorPresentationRedDark, RedsiftColorPresentationYellowDark, RedsiftColorPresentationPurpleDark, RedsiftColorPresentationOrangeDark, RedsiftColorPresentationBlueDark, RedsiftColorPresentationGreenDarker, RedsiftColorPresentationPinkDarker, RedsiftColorPresentationAquaDarker, RedsiftColorPresentationBrownDarker, RedsiftColorPresentationRedDarker, RedsiftColorPresentationYellowDarker, RedsiftColorPresentationPurpleDarker, RedsiftColorPresentationOrangeDarker, RedsiftColorPresentationBlueDarker, RedsiftColorPresentationGreyDarker, RedsiftColorPresentationGreenDarkerer, RedsiftColorPresentationPinkDarkerer, RedsiftColorPresentationAquaDarkerer, RedsiftColorPresentationBrownDarkerer, RedsiftColorPresentationRedDarkerer, RedsiftColorPresentationYellowDarkerer, RedsiftColorPresentationPurpleDarkerer, RedsiftColorPresentationOrangeDarkerer, RedsiftColorPresentationBlueDarkerer, RedsiftColorPresentationGreyDarkerer, RedsiftColorPresentationGreenLight, RedsiftColorPresentationPinkLight, RedsiftColorPresentationAquaLight, RedsiftColorPresentationBrownLight, RedsiftColorPresentationRedLight, RedsiftColorPresentationYellowLight, RedsiftColorPresentationPurpleLight, RedsiftColorPresentationOrangeLight, RedsiftColorPresentationBlueLight, RedsiftColorPresentationGreyLight, RedsiftColorPresentationGreenLighter, RedsiftColorPresentationPinkLighter, RedsiftColorPresentationAquaLighter, RedsiftColorPresentationBrownLighter, RedsiftColorPresentationRedLighter, RedsiftColorPresentationYellowLighter, RedsiftColorPresentationPurpleLighter, RedsiftColorPresentationOrangeLighter, RedsiftColorPresentationBlueLighter, RedsiftColorPresentationGreyLighter, RedsiftColorPresentationGreenLighterer, RedsiftColorPresentationPinkLighterer, RedsiftColorPresentationAquaLighterer, RedsiftColorPresentationBrownLighterer, RedsiftColorPresentationRedLighterer, RedsiftColorPresentationYellowLighterer, RedsiftColorPresentationPurpleLighterer, RedsiftColorPresentationOrangeLighterer, RedsiftColorPresentationBlueLighterer, RedsiftColorPresentationGreyLighterer, useId, Text, Number as Number$1, baseStyling, focusRing, Flexbox, warnIfNoAccessibleLabelFound, Heading, Button } from '@redsift/design-system';
 import * as React from 'react';
-import React__default, { useRef, useEffect, useMemo, useState, useLayoutEffect, forwardRef, useCallback, useContext, useId } from 'react';
+import React__default, { useRef, useEffect, useMemo, useState, useLayoutEffect, forwardRef, useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import { unstable_batchedUpdates } from 'react-dom';
 import styled, { css } from 'styled-components';
@@ -330,7 +330,8 @@ const DataPoint = /*#__PURE__*/forwardRef((props, ref) => {
       tooltipVariant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$k);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const text = labelDecorator ? labelDecorator(data) : data.data.key;
   const hasText = text && tooltipVariant !== TooltipVariant.none;
   const tooltipValue = tooltipVariant === TooltipVariant.value ? data.data.value : tooltipVariant === TooltipVariant.percent && data.data.percent ? data.data.percent : undefined;
@@ -518,7 +519,8 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
       tooltipVariant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$i);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
     to: async next => {
       await next({
@@ -1095,7 +1097,8 @@ const ChartContainer = /*#__PURE__*/forwardRef((props, ref) => {
       onReset
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$f);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   warnIfNoAccessibleLabelFound(props, [title]);
   const stringFormatter = useLocalizedStringFormatter(intlMessages);
   const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;
@@ -1390,7 +1393,8 @@ const BarChart = /*#__PURE__*/forwardRef((props, ref) => {
       tooltipVariant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$b);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   if (propsData === undefined || propsData === null) {
     return /*#__PURE__*/React__default.createElement(LoadingBarChart, _extends({
       id: id
@@ -1589,7 +1593,8 @@ const LegendItem = /*#__PURE__*/forwardRef((props, ref) => {
       variant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$9);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   const text = labelDecorator ? labelDecorator(data) : data.data.key;
   const isEmpty = data.data.value === 0;
   const isSelectable = role === 'option';
@@ -2147,7 +2152,8 @@ const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
       variant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$4);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   if (propsData === undefined || propsData === null) {
     return /*#__PURE__*/React__default.createElement(LoadingPieChart, _extends({
       id: id
@@ -2660,7 +2666,8 @@ const ScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
       variant
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded);
-  const id = propsId !== null && propsId !== void 0 ? propsId : useId();
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
   if (propsData === undefined || propsData === null) {
     return /*#__PURE__*/React__default.createElement(LoadingScatterPlot, _extends({
       id: id