@redsift/charts 12.6.6-alpha.2 → 13.0.0

package/CONTRIBUTING.md

@@ -2,7 +2,15 @@
 
 ## Setup
 
-Make sure you have the following requirements installed: [node](https://nodejs.org/) (v16+) and [yarn](https://yarnpkg.com/en/) (v1.22.0+)
+Make sure you have [node](https://nodejs.org/) (v22) and any [yarn](https://yarnpkg.com/) installed. The repository pins **Yarn 4** in `.yarn/releases/` (`yarnPath` in `.yarnrc.yml`), so a global Yarn 1 hands over to it automatically — `yarn --version` inside the repo prints `4.x`. Corepack users get the same version from the `packageManager` field.
+
+**Registry auth for Yarn 4.** `@redsift/signal-logic` is a private package, and Yarn 4 does **not** read `~/.npmrc`, so `npm login` alone no longer authenticates `yarn install`. Before your first install, and again whenever your token expires, run this from inside the repository:
+
+```bash
+./scripts/registry-auth.sh
+```
+
+It does nothing if Yarn can already read the package. If npm can, it reuses the token from your `~/.npmrc`. Otherwise it asks for a new **read-only granular access token** (npmjs.com → Access Tokens → Generate New Token → Granular, read-only access to the `@redsift` packages), without echoing it, and saves it for npm too. The token goes to your own `~/.yarnrc.yml`, never into the repository, and the script checks that Yarn can read the package before it finishes. An install that fails on `@redsift/signal-logic` (the registry answers `404` without a valid token, not `401`) means your token is missing or expired: run the script again. CI passes the token as `YARN_NPM_AUTH_TOKEN` instead.
 
 Clone the repo (or fork it first if you're not part of Red Sift organization).
 
@@ -12,6 +20,8 @@ cd design-system
 yarn install
 ```
 
+Dependencies' install scripts are off by default under Yarn 4; the few the repository needs are allowed by name in `dependenciesMeta` in the root `package.json`. New packages resolve only once they are a day old (`npmMinimalAgeGate`), except `@redsift/*`.
+
 Set up your environment variable file by copying the template file:
 
 ```bash
@@ -297,15 +307,16 @@ However, before using any ARIA, [read this disclaimer carefully](https://www.w3.
 
 ## Tests
 
-We use [jest](https://jestjs.io/) for unit tests and [react-testing-library](https://testing-library.com/docs/react-testing-library/intro) for rendering and writing assertions. We also use [Storyshots](https://storybook.js.org/addons/@storybook/addon-storyshots) to automatically take a code snapshot of every story.
+We use [Vitest](https://vitest.dev/) for unit tests and [react-testing-library](https://testing-library.com/docs/react-testing-library/intro) for rendering and writing assertions. Snapshot tests render each story through `composeStory`. Every story also runs as a browser test in headless Chromium, through [`@storybook/addon-vitest`](https://storybook.js.org/docs/writing-tests/integrations/vitest-addon), so a story whose `play` function throws fails a test.
 
-Please make sure you include tests with your pull requests. Our CI will run the tests on each PR. A minimum of 90% code coverage is required for statements, branches, functions and lines of every package. However, in practice, we try to reach a 100% code coverage.
+Please make sure you include tests with your pull requests. Our CI will run the tests on each PR. We target 90% code coverage for statements, branches, functions and lines of every package, and in practice try to reach 100%. Note this is a review-time target rather than an automated gate: no `coverageThreshold` is configured, so CI reports coverage but does not fail a build when it drops.
 
 We split the tests into 2 groups.
 
 _Visual tests_
 
 - A Storybook story should be written for each visual state that a component can be in (based on props).
+- Stories run as browser tests with `yarn workspace @redsift/<package> test:stories` (or `yarn test:stories` for all of them). Install the browser once with `yarn playwright install chromium`.
 
 _Unit tests_
 
@@ -321,10 +332,10 @@ yarn test
 Or for a specific package with:
 
 ```bash
-yarn test:charts
-yarn test:design-system
-yarn test:dashboard
-yarn test:table
+yarn test:unit:charts
+yarn test:unit:design-system
+yarn test:unit:dashboard
+yarn test:unit:table
 ```
 
 Do not forget to update the snapshots with the `-u` option when you modify or create stories. However, you should **always** check the generated snapshots to see if they are correct. Do **not** blindly update the snapshots.
@@ -424,7 +435,8 @@ Releases go through the one-command `yarn release` CLI — not a manual `lerna p
 
 1. Login to NPM with an authorized account: `npm login`
 2. Dry-run the readiness gate: `yarn release stable X.Y.Z --dry-run` (validates `release/X.Y.Z` and stops before anything irreversible)
-3. When green, publish: `yarn release stable X.Y.Z` — the CLI preflights, then publishes `X.Y.Z` under `latest`, pausing only for the npm OTP. It then creates the GitHub release notes, opens (never merges) the `release/X.Y.Z` → `main` PR, and cuts the next release branch.
+3. Freeze the branch: `yarn release freeze X.Y.Z` marks its draft release pull request ready for review, which makes the `release-freeze-check` job reject new pull requests into it
+4. When green, publish: `yarn release stable X.Y.Z` — the CLI preflights, then publishes `X.Y.Z` under `latest`, pausing only for the npm OTP. It then creates the GitHub release notes, promotes (never merges) the draft `release/X.Y.Z` → `main` PR (creating it only if none exists), and cuts the next release branch (`--next minor|major` when the next release is not a patch).
 
 ### Alpha release
 

package/_internal/Arc2.js

@@ -1,7 +1,7 @@
 import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { J, i as it } from '../index2.js';
+import { useSpring, animated } from '@react-spring/web';
 import { interpolate } from 'd3';
 import { Theme, useTheme } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
@@ -85,7 +85,7 @@ const Arc = /*#__PURE__*/forwardRef((props, ref) => {
   const interpolator = interpolate(previousData, data);
   const isSelectable = role === 'option';
   const isDeselected = isSelectable && propsIsSelected === false;
-  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+  const animatedProps = useSpring(_objectSpread2(_objectSpread2({}, config), {}, {
     to: async next => {
       await next({
         t: 1
@@ -95,7 +95,7 @@ const Arc = /*#__PURE__*/forwardRef((props, ref) => {
       t: 0
     }
   }));
-  return /*#__PURE__*/React__default.createElement(StyledArc, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledArc, _extends({}, forwardedProps, {
     ref: ref,
     className: classNames(Arc.className, className),
     $clickable: Boolean(onClick),
@@ -105,7 +105,7 @@ const Arc = /*#__PURE__*/forwardRef((props, ref) => {
       placement: 'client-point',
       offset: 12
     }
-  }), /*#__PURE__*/React__default.createElement(it.path, {
+  }), /*#__PURE__*/React.createElement(animated.path, {
     d: config.immediate || disableAnimations ? createArc(data) : animatedProps.t.to(t => createArc(interpolator(t))),
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color
   }));

package/_internal/Arc2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arc2.js","sources":["../../src/components/Arc/styles.ts","../../src/components/Arc/Arc.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledArcProps } from './types';\nimport { DataPoint } from '../DataPoint';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledArc = styled(DataPoint)<StyledArcProps>`\n  ${({ $hasStroke, $theme }) =>\n    $hasStroke\n      ? css`\n          path {\n            stroke-width: 2px;\n            stroke: var(--redsift-color-neutral-${$theme === Theme.light ? 'white' : 'x-dark-grey'});\n          }\n        `\n      : ''}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus,\n          &.focused {\n            opacity: 0.8;\n            outline: none;\n          }\n\n          &:focus-visible,\n          &.focused {\n            path {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp, useTheme } from '@redsift/design-system';\n\nimport { ArcProps } from './types';\nimport { StyledArc } from './styles';\nimport { monochrome } from '../../scheme';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Arc';\nconst CLASSNAME = 'redsift-arc';\n\nexport const Arc: Comp<ArcProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    createArc,\n    disableAnimations,\n    hasStroke,\n    previousData = {\n      data: {\n        key: '',\n        value: 0,\n      },\n      startAngle: 0,\n      endAngle: 0,\n      padAngle: 0,\n      value: 0,\n      index: 0,\n    },\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const interpolator = d3interpolate(previousData, data);\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({ t: 1 });\n    },\n    from: { t: 0 },\n  });\n\n  return (\n    <StyledArc\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Arc.className, className)}\n      $clickable={Boolean(onClick)}\n      $hasStroke={Boolean(hasStroke)}\n      $theme={theme}\n      tooltipProps={{ placement: 'client-point', offset: 12 }}\n    >\n      <animated.path\n        d={\n          config.immediate || disableAnimations\n            ? (createArc(data) as unknown as string)\n            : (animatedProps.t.to((t) => createArc(interpolator(t))) as unknown as string)\n        }\n        fill={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n      />\n    </StyledArc>\n  );\n});\nArc.className = CLASSNAME;\nArc.displayName = COMPONENT_NAME;\n"],"names":["StyledArc","styled","DataPoint","_ref","$hasStroke","$theme","css","Theme","light","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Arc","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","createArc","disableAnimations","hasStroke","previousData","key","value","startAngle","endAngle","padAngle","index","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","interpolator","d3interpolate","isSelectable","isDeselected","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","_extends","classNames","Boolean","tooltipProps","placement","offset","animated","path","d","immediate","fill","displayName"],"mappings":"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"}
+{"version":3,"file":"Arc2.js","sources":["../../src/components/Arc/styles.ts","../../src/components/Arc/Arc.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledArcProps } from './types';\nimport { DataPoint } from '../DataPoint';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledArc = styled(DataPoint)<StyledArcProps>`\n  ${({ $hasStroke, $theme }) =>\n    $hasStroke\n      ? css`\n          path {\n            stroke-width: 2px;\n            stroke: var(--redsift-color-neutral-${$theme === Theme.light ? 'white' : 'x-dark-grey'});\n          }\n        `\n      : ''}\n\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover,\n          &:focus,\n          &.focused {\n            opacity: 0.8;\n            outline: none;\n          }\n\n          &:focus-visible,\n          &.focused {\n            path {\n              stroke: var(--redsift-color-primary-n);\n              stroke-width: 4px;\n              paint-order: stroke;\n            }\n          }\n        `\n      : ''}\n`;\n","import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp, useTheme } from '@redsift/design-system';\n\nimport { ArcProps } from './types';\nimport { StyledArc } from './styles';\nimport { monochrome } from '../../scheme';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Arc';\nconst CLASSNAME = 'redsift-arc';\n\nexport const Arc: Comp<ArcProps, SVGGElement> = forwardRef((props, ref) => {\n  const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n  const {\n    className,\n    createArc,\n    disableAnimations,\n    hasStroke,\n    previousData = {\n      data: {\n        key: '',\n        value: 0,\n      },\n      startAngle: 0,\n      endAngle: 0,\n      padAngle: 0,\n      value: 0,\n      index: 0,\n    },\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme();\n\n  const interpolator = d3interpolate(previousData, data);\n\n  const isSelectable = role === 'option';\n  const isDeselected = isSelectable && propsIsSelected === false;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({ t: 1 });\n    },\n    from: { t: 0 },\n  });\n\n  return (\n    <StyledArc\n      {...forwardedProps}\n      ref={ref}\n      className={classNames(Arc.className, className)}\n      $clickable={Boolean(onClick)}\n      $hasStroke={Boolean(hasStroke)}\n      $theme={theme}\n      tooltipProps={{ placement: 'client-point', offset: 12 }}\n    >\n      <animated.path\n        d={\n          config.immediate || disableAnimations\n            ? (createArc(data) as unknown as string)\n            : (animatedProps.t.to((t) => createArc(interpolator(t))) as unknown as string)\n        }\n        fill={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n      />\n    </StyledArc>\n  );\n});\nArc.className = CLASSNAME;\nArc.displayName = COMPONENT_NAME;\n"],"names":["StyledArc","styled","DataPoint","_ref","$hasStroke","$theme","css","Theme","light","_ref2","$clickable","COMPONENT_NAME","CLASSNAME","Arc","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","createArc","disableAnimations","hasStroke","previousData","key","value","startAngle","endAngle","padAngle","index","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","interpolator","d3interpolate","isSelectable","isDeselected","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","_extends","classNames","Boolean","tooltipProps","placement","offset","animated","path","d","immediate","fill","displayName"],"mappings":"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"}

package/_internal/Arcs2.js

@@ -1,7 +1,7 @@
 import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { J, i as it } from '../index2.js';
+import { useSpring, animated } from '@react-spring/web';
 import { interpolate } from 'd3';
 import { useId } from '@redsift/design-system';
 import styled from 'styled-components';
@@ -34,7 +34,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
     forwardedProps = _objectWithoutProperties(props, _excluded);
   const [_id] = useId();
   const id = propsId !== null && propsId !== void 0 ? propsId : _id;
-  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+  const animatedProps = useSpring(_objectSpread2(_objectSpread2({}, config), {}, {
     to: async next => {
       await next({
         t: 1
@@ -44,16 +44,16 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
       t: 0
     }
   }));
-  return /*#__PURE__*/React__default.createElement(StyledArcs, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledArcs, _extends({}, forwardedProps, {
     className: classNames(Arcs.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("g", {
+  }), /*#__PURE__*/React.createElement("g", {
     className: "arc-group"
   }, arcs.map((arc, index) => {
     var _arc$index, _arc$id;
     const arcIndex = (_arc$index = arc.index) !== null && _arc$index !== void 0 ? _arc$index : index;
     const arcId = (_arc$id = arc.id) !== null && _arc$id !== void 0 ? _arc$id : `id${id}__arc-${arcIndex}`;
-    return /*#__PURE__*/React__default.createElement(Arc, _extends({}, sliceProps, {
+    return /*#__PURE__*/React.createElement(Arc, _extends({}, sliceProps, {
       color: color,
       disableAnimations: disableAnimations,
       hasStroke: hasStroke,
@@ -66,7 +66,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
       id: arcId,
       index: arcIndex
     }));
-  })), hasLabels ? /*#__PURE__*/React__default.createElement("g", {
+  })), hasLabels ? /*#__PURE__*/React.createElement("g", {
     className: "arc-label-group"
   }, arcs.filter(arc => {
     const value = arc.data.data.value;
@@ -78,7 +78,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
     const arcId = (_arc$id2 = arc.id) !== null && _arc$id2 !== void 0 ? _arc$id2 : `id${id}__arc-${arcIndex}`;
     const arcLabelDecorator = (_arc$labelDecorator = arc.labelDecorator) !== null && _arc$labelDecorator !== void 0 ? _arc$labelDecorator : labelDecorator;
     const interpolator = interpolate(arc.from, arc.data);
-    return /*#__PURE__*/React__default.createElement(it.text, {
+    return /*#__PURE__*/React.createElement(animated.text, {
       alignmentBaseline: "middle",
       className: `arc-label _${index}`,
       key: `${arcId}-label`,

package/_internal/Arcs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arcs2.js","sources":["../../src/components/Arcs/styles.ts","../../src/components/Arcs/Arcs.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledArcsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledArcs = styled.g<StyledArcsProps>``;\n","import React, { RefObject, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ArcsProps } from './types';\nimport { StyledArcs } from './styles';\nimport { Arc } from '../Arc';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Arcs';\nconst CLASSNAME = 'redsift-arcs';\n\nexport const Arcs: Comp<ArcsProps, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    arcs,\n    className,\n    color,\n    disableAnimations,\n    hasLabels,\n    hasStroke,\n    id: propsId,\n    labelDecorator,\n    onClick,\n    role,\n    sliceProps,\n    tooltipVariant,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({ t: 1 });\n    },\n    from: { t: 0 },\n  });\n\n  return (\n    <StyledArcs\n      {...forwardedProps}\n      className={classNames(Arcs.className, className)}\n      ref={ref as RefObject<SVGGElement>}\n    >\n      <g className=\"arc-group\">\n        {arcs.map((arc, index) => {\n          const arcIndex = arc.index ?? index;\n          const arcId = arc.id ?? `id${id}__arc-${arcIndex}`;\n\n          return (\n            <Arc\n              {...sliceProps}\n              color={color}\n              disableAnimations={disableAnimations}\n              hasStroke={hasStroke}\n              labelDecorator={labelDecorator}\n              onClick={onClick}\n              role={role}\n              tooltipVariant={tooltipVariant}\n              {...arc}\n              key={arcId}\n              id={arcId}\n              index={arcIndex}\n            />\n          );\n        })}\n      </g>\n      {hasLabels ? (\n        <g className=\"arc-label-group\">\n          {arcs\n            .filter((arc) => {\n              const value = arc.data.data.value;\n              const percent = arc.data.data.percent;\n              return percent ? value > 0 && percent >= 0.1 : value > 0;\n            })\n            .map((arc, index) => {\n              const arcIndex = arc.index ?? index;\n              const arcId = arc.id ?? `id${id}__arc-${arcIndex}`;\n              const arcLabelDecorator = arc.labelDecorator ?? labelDecorator;\n              const interpolator = d3interpolate(arc.from, arc.data);\n\n              return (\n                <animated.text\n                  alignmentBaseline=\"middle\"\n                  className={`arc-label _${index}`}\n                  key={`${arcId}-label`}\n                  textAnchor=\"middle\"\n                  transform={\n                    config.immediate || disableAnimations\n                      ? `translate(${arc.createArc.centroid(arc.data).map((n) => n.toFixed(4))})`\n                      : animatedProps.t.to(\n                          (t) => `translate(${arc.createArc.centroid(interpolator(t)).map((n) => n.toFixed(4))})`\n                        )\n                  }\n                >\n                  {arcLabelDecorator ? arcLabelDecorator(arc.data) : arc.data.data.key}\n                </animated.text>\n              );\n            })}\n        </g>\n      ) : null}\n    </StyledArcs>\n  );\n});\nArcs.className = CLASSNAME;\nArcs.displayName = COMPONENT_NAME;\n"],"names":["StyledArcs","styled","g","COMPONENT_NAME","CLASSNAME","Arcs","forwardRef","props","ref","arcs","className","color","disableAnimations","hasLabels","hasStroke","id","propsId","labelDecorator","onClick","role","sliceProps","tooltipVariant","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","_extends","classNames","map","arc","index","_arc$index","_arc$id","arcIndex","arcId","Arc","key","filter","value","data","percent","_arc$index2","_arc$id2","_arc$labelDecorator","arcLabelDecorator","interpolator","d3interpolate","animated","text","alignmentBaseline","textAnchor","transform","immediate","createArc","centroid","n","toFixed","displayName"],"mappings":"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"}
+{"version":3,"file":"Arcs2.js","sources":["../../src/components/Arcs/styles.ts","../../src/components/Arcs/Arcs.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledArcsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledArcs = styled.g<StyledArcsProps>``;\n","import React, { RefObject, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { animated, useSpring } from '@react-spring/web';\nimport { interpolate as d3interpolate } from 'd3';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ArcsProps } from './types';\nimport { StyledArcs } from './styles';\nimport { Arc } from '../Arc';\nimport { config } from '../../config';\n\nconst COMPONENT_NAME = 'Arcs';\nconst CLASSNAME = 'redsift-arcs';\n\nexport const Arcs: Comp<ArcsProps, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    arcs,\n    className,\n    color,\n    disableAnimations,\n    hasLabels,\n    hasStroke,\n    id: propsId,\n    labelDecorator,\n    onClick,\n    role,\n    sliceProps,\n    tooltipVariant,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({ t: 1 });\n    },\n    from: { t: 0 },\n  });\n\n  return (\n    <StyledArcs\n      {...forwardedProps}\n      className={classNames(Arcs.className, className)}\n      ref={ref as RefObject<SVGGElement>}\n    >\n      <g className=\"arc-group\">\n        {arcs.map((arc, index) => {\n          const arcIndex = arc.index ?? index;\n          const arcId = arc.id ?? `id${id}__arc-${arcIndex}`;\n\n          return (\n            <Arc\n              {...sliceProps}\n              color={color}\n              disableAnimations={disableAnimations}\n              hasStroke={hasStroke}\n              labelDecorator={labelDecorator}\n              onClick={onClick}\n              role={role}\n              tooltipVariant={tooltipVariant}\n              {...arc}\n              key={arcId}\n              id={arcId}\n              index={arcIndex}\n            />\n          );\n        })}\n      </g>\n      {hasLabels ? (\n        <g className=\"arc-label-group\">\n          {arcs\n            .filter((arc) => {\n              const value = arc.data.data.value;\n              const percent = arc.data.data.percent;\n              return percent ? value > 0 && percent >= 0.1 : value > 0;\n            })\n            .map((arc, index) => {\n              const arcIndex = arc.index ?? index;\n              const arcId = arc.id ?? `id${id}__arc-${arcIndex}`;\n              const arcLabelDecorator = arc.labelDecorator ?? labelDecorator;\n              const interpolator = d3interpolate(arc.from, arc.data);\n\n              return (\n                <animated.text\n                  alignmentBaseline=\"middle\"\n                  className={`arc-label _${index}`}\n                  key={`${arcId}-label`}\n                  textAnchor=\"middle\"\n                  transform={\n                    config.immediate || disableAnimations\n                      ? `translate(${arc.createArc.centroid(arc.data).map((n) => n.toFixed(4))})`\n                      : animatedProps.t.to(\n                          (t) => `translate(${arc.createArc.centroid(interpolator(t)).map((n) => n.toFixed(4))})`\n                        )\n                  }\n                >\n                  {arcLabelDecorator ? arcLabelDecorator(arc.data) : arc.data.data.key}\n                </animated.text>\n              );\n            })}\n        </g>\n      ) : null}\n    </StyledArcs>\n  );\n});\nArcs.className = CLASSNAME;\nArcs.displayName = COMPONENT_NAME;\n"],"names":["StyledArcs","styled","g","COMPONENT_NAME","CLASSNAME","Arcs","forwardRef","props","ref","arcs","className","color","disableAnimations","hasLabels","hasStroke","id","propsId","labelDecorator","onClick","role","sliceProps","tooltipVariant","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","animatedProps","useSpring","_objectSpread","config","to","next","t","from","React","createElement","_extends","classNames","map","arc","index","_arc$index","_arc$id","arcIndex","arcId","Arc","key","filter","value","data","percent","_arc$index2","_arc$id2","_arc$labelDecorator","arcLabelDecorator","interpolator","d3interpolate","animated","text","alignmentBaseline","textAnchor","transform","immediate","createArc","centroid","n","toFixed","displayName"],"mappings":"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"}

package/_internal/Axis2.js

@@ -1,9 +1,9 @@
 import { b as _objectSpread2, _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { Theme, useTheme } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
-import { i as it, J, G as Gt } from '../index2.js';
+import { animated, useSpring, useTransition } from '@react-spring/web';
 import { c as config } from './config.js';
 
 /**
@@ -31,7 +31,7 @@ const AxisPosition = {
 /**
  * Component style.
  */
-const StyledAxis = styled(it.g)`
+const StyledAxis = styled(animated.g)`
   .redsift-axis__line,
   .redsift-axis-tick__line {
     fill: none;
@@ -236,8 +236,8 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
       length: gridLength
     } = _ref,
     gridStyle = _objectWithoutProperties(_ref, _excluded2);
-  const axisRef = ref || useRef();
-  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+  const axisRef = ref || useRef(undefined);
+  const animatedProps = useSpring(_objectSpread2(_objectSpread2({}, config), {}, {
     to: async next => {
       await next({
         lineX2: axis === 'x' ? length : 0,
@@ -282,7 +282,7 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
         legendX = propsLegendX !== null && propsLegendX !== void 0 ? propsLegendX : length;
       }
     }
-    legendNode = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("text", {
+    legendNode = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("text", {
       transform: `translate(${legendX}, ${legendY}) rotate(${legendRotation})`,
       textAnchor: textAnchor,
       style: _objectSpread2({
@@ -304,7 +304,7 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
     tickRotation: tickRotation,
     tickRemodelling
   });
-  const transition = Gt(ticks, _objectSpread2(_objectSpread2({}, config), {}, {
+  const transition = useTransition(ticks, _objectSpread2(_objectSpread2({}, config), {}, {
     keys: tick => tick.key,
     initial: tick => ({
       opacity: 1,
@@ -331,7 +331,7 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
     }
   }));
   const tickStyles = tickStyle ? tickStyle(ticks) : [];
-  return /*#__PURE__*/React__default.createElement(StyledAxis, _extends({
+  return /*#__PURE__*/React.createElement(StyledAxis, _extends({
     "aria-hidden": "true",
     className: classNames(Axis.className, className),
     $theme: theme
@@ -343,14 +343,14 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
     var _tickStyles$tickIndex, _tickStyles$tickIndex2, _tickStyles$tickIndex3;
     let formattedTickValues = tickFormat ? tickFormat(tick.value) : tick.value;
     formattedTickValues = Array.isArray(formattedTickValues) ? formattedTickValues : [formattedTickValues];
-    return /*#__PURE__*/React__default.createElement(it.g, {
+    return /*#__PURE__*/React.createElement(animated.g, {
       className: `${Axis.className}__tick`,
       key: tickIndex,
       transform: transitionProps.transform,
       style: {
         opacity: transitionProps.opacity
       }
-    }, gridLength ? /*#__PURE__*/React__default.createElement("line", {
+    }, gridLength ? /*#__PURE__*/React.createElement("line", {
       className: `${Axis.className}-grid__line`,
       x1: axis === 'x' ? tick.lineX : 0,
       x2: axis === 'x' ? tick.lineX : gridLength * (position === 'right' ? -1 : 1),
@@ -363,7 +363,7 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
         strokeWidth: tickStyles && tickStyles.length > 0 ? ((_tickStyles$tickIndex = tickStyles[tickIndex]) === null || _tickStyles$tickIndex === void 0 ? void 0 : _tickStyles$tickIndex.gridStrokeWidth) || 0.5 : gridStyle.strokeWidth || 0.5,
         stroke: tickStyles && tickStyles.length > 0 ? ((_tickStyles$tickIndex2 = tickStyles[tickIndex]) === null || _tickStyles$tickIndex2 === void 0 ? void 0 : _tickStyles$tickIndex2.gridStroke) || 'currentColor' : gridStyle.stroke || 'currentColor'
       })
-    }) : null, /*#__PURE__*/React__default.createElement("line", {
+    }) : null, /*#__PURE__*/React.createElement("line", {
       className: `${Axis.className}-tick__line`,
       x1: 0,
       x2: tick.lineX,
@@ -372,14 +372,14 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
       style: {
         strokeWidth: tickStyles && tickStyles.length > 0 ? (_tickStyles$tickIndex3 = tickStyles[tickIndex]) === null || _tickStyles$tickIndex3 === void 0 ? void 0 : _tickStyles$tickIndex3.strokeWidth : 1
       }
-    }), variant === AxisVariant.default || variant === AxisVariant.tickValue ? formattedTickValues.map((value, index) => /*#__PURE__*/React__default.createElement(it.text, {
+    }), variant === AxisVariant.default || variant === AxisVariant.tickValue ? formattedTickValues.map((value, index) => /*#__PURE__*/React.createElement(animated.text, {
       key: value,
       dominantBaseline: textBaseline,
       textAnchor: textAlign,
       transform: `translate(${tick.textX},${tick.textY + 14 * index}),rotate(${tickRotation})`,
       className: !textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''
     }, value)) : null);
-  }) : null, variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? /*#__PURE__*/React__default.createElement(it.line, {
+  }) : null, variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? /*#__PURE__*/React.createElement(animated.line, {
     className: `${Axis.className}__line`,
     x1: 0,
     x2: config.immediate || disableAnimations ? axis === 'x' ? length : 0 : animatedProps.lineX2,

package/_internal/Axis2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Axis2.js","sources":["../../src/components/Axis/types.ts","../../src/components/Axis/styles.ts","../../src/components/Axis/computeTicks.ts","../../src/components/Axis/Axis.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, Theme } from '@redsift/design-system';\nimport { AnyScale, NumericValue, ScaleValue, StringValue, TicksSpec } from '../../types';\n\n/**\n * Component variant.\n */\nexport const AxisVariant = {\n  none: 'none',\n  line: 'line',\n  lineTick: 'lineTick',\n  tick: 'tick',\n  tickValue: 'tickValue',\n  default: 'default',\n} as const;\nexport type AxisVariant = ValueOf<typeof AxisVariant>;\n\nexport const AxisPosition = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\n  left: 'left',\n};\nexport type AxisPosition = ValueOf<typeof AxisPosition>;\n\n/**\n * Component props.\n */\nexport interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {\n  /** Disable animations. */\n  disableAnimations?: boolean;\n  format?: string;\n  /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */\n  grid?:\n    | boolean\n    | {\n        length?: number;\n        stroke?: string;\n        strokeWidth?: number;\n        strokeDasharray?: string;\n        opacity?: number;\n      };\n  legend?: string;\n  legendOffset?: number;\n  legendPosition?: 'start' | 'middle' | 'end';\n  legendX?: number;\n  legendY?: number;\n  legendRotation?: number;\n  legendStyle?: React.CSSProperties;\n  /** Length of the axis. */\n  length?: number;\n  /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */\n  position?: AxisPosition;\n  /** Scale (d3.js) used to generate the axis. */\n  scale?: AnyScale;\n  tickFormat?:\n    | ((d: NumericValue) => string | string[])\n    | ((d: StringValue) => string | string[])\n    | ((d: Date) => string | string[])\n    | ((d: ScaleValue) => string | string[]);\n  tickPadding?: number;\n  tickRotation?: number;\n  tickSize?: number;\n  tickStyle?: (ticks: any[]) => {\n    strokeWidth?: number;\n    gridStrokeWidth?: number;\n    gridStroke?: string;\n  }[];\n  tickValues?: TicksSpec;\n  tickRemodelling?: (tickValues: any[]) => any[];\n  /** Variant. */\n  variant?: AxisVariant;\n  /** X position. */\n  x?: number;\n  /** Y position. */\n  y?: number;\n  /** Chart width, used for horizontal grid. */\n  chartWidth?: number;\n  /** Chart height, used for horizontal grid. */\n  chartHeight?: number;\n  /** Section height, used for horizontal grid within a section. */\n  sectionHeight?: number;\n  /** Color used for tick values. */\n  textColor?: string;\n  /** Custom method to choose which tick value to color if not all. */\n  tickToColor?: (\n    tick?: {\n      textX: number;\n      textY: number;\n      lineX: number;\n      lineY: number;\n      x: number;\n      y: number;\n      key: string;\n      value: ScaleValue;\n    },\n    index?: number\n  ) => boolean;\n}\n\nexport type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {\n  $theme: Theme;\n  $color?: string;\n};\n","import styled, { css } from 'styled-components';\nimport { StyledAxisProps } from './types';\nimport { animated } from '@react-spring/web';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledAxis = styled(animated.g)<StyledAxisProps>`\n  .redsift-axis__line,\n  .redsift-axis-tick__line {\n    fill: none;\n    ${({ $theme }) => css`\n      stroke: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    shape-rendering: crispEdges;\n  }\n\n  text {\n    font-family: var(--redsift-typography-font-family-poppins);\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    font-size: 10px;\n    user-select: none;\n  }\n\n  text.colored {\n    ${({ $theme, $color }) => css`\n      fill: ${$color === 'green'\n        ? '#029B57'\n        : $color === 'red'\n        ? '#CB0E0E'\n        : `var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};\n    `}\n  }\n`;\n","import { AnyScale, Coordinates, ScaleValue, ScaleWithBandwidth, TicksSpec } from '../../types';\n\nconst getScaleTicks = (scale: AnyScale, spec?: TicksSpec) => {\n  // specific values\n  if (Array.isArray(spec)) {\n    return spec;\n  }\n\n  // continuous scales\n  if ('ticks' in scale) {\n    // default behaviour\n    if (spec === undefined) {\n      return scale.ticks();\n    }\n\n    // specific tick count\n    if (typeof spec === 'number' && isFinite(spec) && Math.floor(spec) === spec) {\n      return scale.ticks(spec);\n    }\n\n    if (typeof spec === 'function') {\n      return scale.ticks();\n    }\n  }\n\n  // non linear scale default\n  return scale.domain();\n};\n\nexport const centerScale = (scale: ScaleWithBandwidth) => {\n  const bandwidth = scale.bandwidth();\n\n  if (bandwidth === 0) return scale;\n\n  let offset = bandwidth / 2;\n  if (scale.round()) {\n    offset = Math.round(offset);\n  }\n\n  return <T extends ScaleValue>(d: T) => (scale(d) ?? 0) + offset;\n};\n\nexport const computeTicks = ({\n  axis,\n  scale,\n  ticksPosition,\n  tickValues,\n  tickSize,\n  tickPadding,\n  tickRotation,\n  tickRemodelling,\n}: {\n  axis: 'x' | 'y';\n  scale: AnyScale;\n  ticksPosition?: 'after' | 'before';\n  tickValues?: TicksSpec;\n  tickSize: number;\n  tickPadding: number;\n  tickRotation: number;\n  tickRemodelling?: (tickValues: any[]) => any[];\n}) => {\n  const values = tickRemodelling ? tickRemodelling(getScaleTicks(scale, tickValues)) : getScaleTicks(scale, tickValues);\n\n  const position = 'bandwidth' in scale ? centerScale(scale) : scale;\n  const line = { lineX: 0, lineY: 0 };\n  const text = { textX: 0, textY: 0 };\n\n  const isRTL = typeof document === 'object' ? document.dir === 'rtl' : false;\n  let translate: (value: ScaleValue) => Coordinates;\n  let textAlign = 'middle';\n  let textBaseline = 'central';\n\n  if (axis === 'x') {\n    translate = (d) => ({ x: position(d) ?? 0, y: 0 });\n\n    line.lineY = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textY = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textBaseline = 'text-before-edge';\n    } else {\n      textBaseline = 'alphabetic';\n    }\n\n    if (tickRotation === 0) {\n      textAlign = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation < 0) || (ticksPosition === 'before' && tickRotation > 0)) {\n      textAlign = isRTL ? 'start' : 'end';\n      textBaseline = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation > 0) || (ticksPosition === 'before' && tickRotation < 0)) {\n      textAlign = isRTL ? 'end' : 'start';\n      textBaseline = 'middle';\n    }\n  } else {\n    translate = (d) => ({ x: 0, y: position(d) ?? 0 });\n\n    line.lineX = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textX = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textAlign = 'start';\n    } else {\n      textAlign = 'end';\n    }\n  }\n\n  const ticks = values.map((value: ScaleValue) => ({\n    key: value instanceof Date ? `${value.valueOf()}` : `${value}`,\n    value,\n    ...translate(value),\n    ...line,\n    ...text,\n  }));\n\n  return {\n    ticks,\n    textAlign,\n    textBaseline,\n  };\n};\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useTheme } from '@redsift/design-system';\n\nimport { AxisProps, AxisPosition, AxisVariant } from './types';\nimport { StyledAxis } from './styles';\nimport { animated, useSpring, useTransition } from '@react-spring/web';\nimport { computeTicks } from './computeTicks';\nimport { config } from '../../config';\nimport { AnyScale } from '../../types';\n\nconst COMPONENT_NAME = 'Axis';\nconst CLASSNAME = 'redsift-axis';\n\nexport const getAxisType = (position: AxisPosition) =>\n  [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';\n\nexport const Axis: Comp<AxisProps, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    className,\n    disableAnimations,\n    grid,\n    length,\n    legend,\n    legendOffset = -32,\n    legendPosition = 'end',\n    legendX: propsLegendX,\n    legendY: propsLegendY,\n    legendRotation: propsLegendRotation,\n    legendStyle,\n    position = AxisPosition.bottom,\n    scale,\n    tickPadding = 5,\n    tickRotation = 0,\n    tickSize = 5,\n    tickValues,\n    tickFormat,\n    tickRemodelling,\n    tickStyle,\n    variant = AxisVariant.default,\n    x = 0,\n    y = 0,\n    chartWidth,\n    chartHeight,\n    sectionHeight,\n    textColor,\n    tickToColor = () => true,\n    ...forwardedProps\n  } = props;\n  const theme = useTheme();\n  const axis = getAxisType(position!);\n  const { length: gridLength, ...gridStyle } =\n    typeof grid === 'object'\n      ? { length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth, ...grid }\n      : grid === true\n      ? {\n          length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth,\n        }\n      : { length: 0 };\n\n  const axisRef = (ref || useRef<SVGGElement>()) as RefObject<SVGGElement>;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({\n        lineX2: axis === 'x' ? length : 0,\n        lineY2: axis === 'x' ? 0 : length,\n      });\n    },\n    from: { lineX2: 0, lineY2: 0 },\n    reset: false,\n  });\n\n  let legendNode = null;\n  if (legend !== undefined) {\n    let legendX = 0;\n    let legendY = 0;\n    let legendRotation = 0;\n    let textAnchor;\n\n    if (axis === 'y') {\n      legendRotation = propsLegendRotation ?? 90;\n      legendX = propsLegendX ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendY = propsLegendY ?? length!;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendY = propsLegendY ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendY = propsLegendY ?? legendY;\n      }\n    } else {\n      legendY = propsLegendY ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendX = propsLegendX ?? legendX;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendX = propsLegendX ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendX = propsLegendX ?? length!;\n      }\n    }\n\n    legendNode = (\n      <>\n        <text\n          transform={`translate(${legendX}, ${legendY}) rotate(${legendRotation})`}\n          textAnchor={textAnchor}\n          style={{\n            dominantBaseline: 'central',\n            ...legendStyle,\n          }}\n        >\n          {legend}\n        </text>\n      </>\n    );\n  }\n\n  const { ticks, textAlign, textBaseline } = computeTicks({\n    axis,\n    scale: scale as AnyScale,\n    ticksPosition: [AxisPosition.top, AxisPosition.left].includes(position!) ? 'before' : 'after',\n    tickValues,\n    tickSize: tickSize!,\n    tickPadding: tickPadding!,\n    tickRotation: tickRotation!,\n    tickRemodelling,\n  });\n\n  const transition = useTransition<(typeof ticks)[0], { opacity: number; transform: string; textTransform: string }>(\n    ticks,\n    {\n      ...config,\n      keys: (tick) => tick.key,\n      initial: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      from: (tick) => ({\n        opacity: 0,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      enter: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      update: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      leave: {\n        opacity: 0,\n      },\n    }\n  );\n\n  const tickStyles = tickStyle ? tickStyle(ticks) : [];\n\n  return (\n    <StyledAxis\n      aria-hidden=\"true\"\n      className={classNames(Axis.className, className)}\n      $theme={theme}\n      {...forwardedProps}\n      transform={`translate(${x},${y})${axis === 'x' ? '' : ',rotate(180)'}`}\n      ref={axisRef}\n      $color={textColor}\n    >\n      {variant === AxisVariant.default ||\n      variant === AxisVariant.tick ||\n      variant === AxisVariant.lineTick ||\n      variant === AxisVariant.tickValue ||\n      grid\n        ? transition((transitionProps, tick, _state, tickIndex) => {\n            let formattedTickValues = tickFormat ? tickFormat(tick.value as any) : tick.value;\n            formattedTickValues = Array.isArray(formattedTickValues) ? formattedTickValues : [formattedTickValues];\n\n            return (\n              <animated.g\n                className={`${Axis.className}__tick`}\n                key={tickIndex}\n                transform={transitionProps.transform}\n                style={{ opacity: transitionProps.opacity }}\n              >\n                {gridLength ? (\n                  <line\n                    className={`${Axis.className}-grid__line`}\n                    x1={axis === 'x' ? tick.lineX : 0}\n                    x2={axis === 'x' ? tick.lineX : gridLength! * (position === 'right' ? -1 : 1)}\n                    y1={axis === 'x' ? 0 : tick.lineY}\n                    y2={axis === 'x' ? gridLength! * (position === 'bottom' ? -1 : 1) : tick.lineY}\n                    style={{\n                      strokeDasharray: '4,4',\n                      opacity: 0.2,\n                      ...gridStyle,\n                      strokeWidth:\n                        tickStyles && tickStyles.length > 0\n                          ? tickStyles[tickIndex]?.gridStrokeWidth || 0.5\n                          : gridStyle.strokeWidth || 0.5,\n                      stroke:\n                        tickStyles && tickStyles.length > 0\n                          ? tickStyles[tickIndex]?.gridStroke || 'currentColor'\n                          : gridStyle.stroke || 'currentColor',\n                    }}\n                  />\n                ) : null}\n                <line\n                  className={`${Axis.className}-tick__line`}\n                  x1={0}\n                  x2={tick.lineX}\n                  y1={0}\n                  y2={tick.lineY}\n                  style={{\n                    strokeWidth: tickStyles && tickStyles.length > 0 ? tickStyles[tickIndex]?.strokeWidth : 1,\n                  }}\n                />\n                {variant === AxisVariant.default || variant === AxisVariant.tickValue\n                  ? (formattedTickValues as string[]).map((value, index) => (\n                      <animated.text\n                        key={value}\n                        dominantBaseline={textBaseline}\n                        textAnchor={textAlign}\n                        transform={`translate(${tick.textX},${tick.textY + 14 * index}),rotate(${tickRotation})`}\n                        className={!textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''}\n                      >\n                        {value}\n                      </animated.text>\n                    ))\n                  : null}\n              </animated.g>\n            );\n          })\n        : null}\n\n      {variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? (\n        <animated.line\n          className={`${Axis.className}__line`}\n          x1={0}\n          x2={config.immediate || disableAnimations ? (axis === 'x' ? length : 0) : animatedProps.lineX2}\n          y1={0}\n          y2={config.immediate || disableAnimations ? (axis === 'x' ? 0 : length) : animatedProps.lineY2}\n        />\n      ) : null}\n      {legendNode}\n    </StyledAxis>\n  );\n});\nAxis.className = CLASSNAME;\nAxis.displayName = COMPONENT_NAME;\n"],"names":["AxisVariant","none","line","lineTick","tick","tickValue","default","AxisPosition","top","right","bottom","left","StyledAxis","styled","animated","g","_ref","$theme","css","Theme","dark","_ref2","_ref3","$color","getScaleTicks","scale","spec","Array","isArray","undefined","ticks","isFinite","Math","floor","domain","centerScale","bandwidth","offset","round","d","_scale","computeTicks","axis","ticksPosition","tickValues","tickSize","tickPadding","tickRotation","tickRemodelling","values","position","lineX","lineY","text","textX","textY","isRTL","document","dir","translate","textAlign","textBaseline","_position","x","y","_position2","map","value","_objectSpread","key","Date","valueOf","COMPONENT_NAME","CLASSNAME","getAxisType","includes","Axis","forwardRef","props","ref","className","disableAnimations","grid","length","legend","legendOffset","legendPosition","legendX","propsLegendX","legendY","propsLegendY","legendRotation","propsLegendRotation","legendStyle","tickFormat","tickStyle","variant","chartWidth","chartHeight","sectionHeight","textColor","tickToColor","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","gridLength","gridStyle","_excluded2","axisRef","useRef","animatedProps","useSpring","config","to","next","lineX2","lineY2","from","reset","legendNode","textAnchor","React","createElement","Fragment","transform","style","dominantBaseline","transition","useTransition","keys","initial","opacity","textTransform","enter","update","leave","tickStyles","_extends","classNames","transitionProps","_state","tickIndex","_tickStyles$tickIndex","_tickStyles$tickIndex2","_tickStyles$tickIndex3","formattedTickValues","x1","x2","y1","y2","strokeDasharray","strokeWidth","gridStrokeWidth","stroke","gridStroke","index","immediate","displayName"],"mappings":"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"}
+{"version":3,"file":"Axis2.js","sources":["../../src/components/Axis/types.ts","../../src/components/Axis/styles.ts","../../src/components/Axis/computeTicks.ts","../../src/components/Axis/Axis.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, Theme } from '@redsift/design-system';\nimport { AnyScale, NumericValue, ScaleValue, StringValue, TicksSpec } from '../../types';\n\n/**\n * Component variant.\n */\nexport const AxisVariant = {\n  none: 'none',\n  line: 'line',\n  lineTick: 'lineTick',\n  tick: 'tick',\n  tickValue: 'tickValue',\n  default: 'default',\n} as const;\nexport type AxisVariant = ValueOf<typeof AxisVariant>;\n\nexport const AxisPosition = {\n  top: 'top',\n  right: 'right',\n  bottom: 'bottom',\n  left: 'left',\n};\nexport type AxisPosition = ValueOf<typeof AxisPosition>;\n\n/**\n * Component props.\n */\nexport interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {\n  /** Disable animations. */\n  disableAnimations?: boolean;\n  format?: string;\n  /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */\n  grid?:\n    | boolean\n    | {\n        length?: number;\n        stroke?: string;\n        strokeWidth?: number;\n        strokeDasharray?: string;\n        opacity?: number;\n      };\n  legend?: string;\n  legendOffset?: number;\n  legendPosition?: 'start' | 'middle' | 'end';\n  legendX?: number;\n  legendY?: number;\n  legendRotation?: number;\n  legendStyle?: React.CSSProperties;\n  /** Length of the axis. */\n  length?: number;\n  /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */\n  position?: AxisPosition;\n  /** Scale (d3.js) used to generate the axis. */\n  scale?: AnyScale;\n  tickFormat?:\n    | ((d: NumericValue) => string | string[])\n    | ((d: StringValue) => string | string[])\n    | ((d: Date) => string | string[])\n    | ((d: ScaleValue) => string | string[]);\n  tickPadding?: number;\n  tickRotation?: number;\n  tickSize?: number;\n  tickStyle?: (ticks: any[]) => {\n    strokeWidth?: number;\n    gridStrokeWidth?: number;\n    gridStroke?: string;\n  }[];\n  tickValues?: TicksSpec;\n  tickRemodelling?: (tickValues: any[]) => any[];\n  /** Variant. */\n  variant?: AxisVariant;\n  /** X position. */\n  x?: number;\n  /** Y position. */\n  y?: number;\n  /** Chart width, used for horizontal grid. */\n  chartWidth?: number;\n  /** Chart height, used for horizontal grid. */\n  chartHeight?: number;\n  /** Section height, used for horizontal grid within a section. */\n  sectionHeight?: number;\n  /** Color used for tick values. */\n  textColor?: string;\n  /** Custom method to choose which tick value to color if not all. */\n  tickToColor?: (\n    tick?: {\n      textX: number;\n      textY: number;\n      lineX: number;\n      lineY: number;\n      x: number;\n      y: number;\n      key: string;\n      value: ScaleValue;\n    },\n    index?: number\n  ) => boolean;\n}\n\nexport type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {\n  $theme: Theme;\n  $color?: string;\n};\n","import styled, { css } from 'styled-components';\nimport { StyledAxisProps } from './types';\nimport { animated } from '@react-spring/web';\nimport { Theme } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledAxis = styled(animated.g)<StyledAxisProps>`\n  .redsift-axis__line,\n  .redsift-axis-tick__line {\n    fill: none;\n    ${({ $theme }) => css`\n      stroke: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    shape-rendering: crispEdges;\n  }\n\n  text {\n    font-family: var(--redsift-typography-font-family-poppins);\n    ${({ $theme }) => css`\n      fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    `}\n    font-size: 10px;\n    user-select: none;\n  }\n\n  text.colored {\n    ${({ $theme, $color }) => css`\n      fill: ${$color === 'green'\n        ? '#029B57'\n        : $color === 'red'\n        ? '#CB0E0E'\n        : `var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'})`};\n    `}\n  }\n`;\n","import type { SVGProps } from 'react';\nimport { AnyScale, Coordinates, ScaleValue, ScaleWithBandwidth, TicksSpec } from '../../types';\n\nconst getScaleTicks = (scale: AnyScale, spec?: TicksSpec) => {\n  // specific values\n  if (Array.isArray(spec)) {\n    return spec;\n  }\n\n  // continuous scales\n  if ('ticks' in scale) {\n    // default behaviour\n    if (spec === undefined) {\n      return scale.ticks();\n    }\n\n    // specific tick count\n    if (typeof spec === 'number' && isFinite(spec) && Math.floor(spec) === spec) {\n      return scale.ticks(spec);\n    }\n\n    if (typeof spec === 'function') {\n      return scale.ticks();\n    }\n  }\n\n  // non linear scale default\n  return scale.domain();\n};\n\nexport const centerScale = (scale: ScaleWithBandwidth) => {\n  const bandwidth = scale.bandwidth();\n\n  if (bandwidth === 0) return scale;\n\n  let offset = bandwidth / 2;\n  if (scale.round()) {\n    offset = Math.round(offset);\n  }\n\n  return <T extends ScaleValue>(d: T) => (scale(d) ?? 0) + offset;\n};\n\nexport const computeTicks = ({\n  axis,\n  scale,\n  ticksPosition,\n  tickValues,\n  tickSize,\n  tickPadding,\n  tickRotation,\n  tickRemodelling,\n}: {\n  axis: 'x' | 'y';\n  scale: AnyScale;\n  ticksPosition?: 'after' | 'before';\n  tickValues?: TicksSpec;\n  tickSize: number;\n  tickPadding: number;\n  tickRotation: number;\n  tickRemodelling?: (tickValues: any[]) => any[];\n}) => {\n  const values = tickRemodelling ? tickRemodelling(getScaleTicks(scale, tickValues)) : getScaleTicks(scale, tickValues);\n\n  const position = 'bandwidth' in scale ? centerScale(scale) : scale;\n  const line = { lineX: 0, lineY: 0 };\n  const text = { textX: 0, textY: 0 };\n\n  const isRTL = typeof document === 'object' ? document.dir === 'rtl' : false;\n  let translate: (value: ScaleValue) => Coordinates;\n  let textAlign: SVGProps<SVGTextElement>['textAnchor'] = 'middle';\n  let textBaseline: SVGProps<SVGTextElement>['dominantBaseline'] = 'central';\n\n  if (axis === 'x') {\n    translate = (d) => ({ x: position(d) ?? 0, y: 0 });\n\n    line.lineY = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textY = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textBaseline = 'text-before-edge';\n    } else {\n      textBaseline = 'alphabetic';\n    }\n\n    if (tickRotation === 0) {\n      textAlign = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation < 0) || (ticksPosition === 'before' && tickRotation > 0)) {\n      textAlign = isRTL ? 'start' : 'end';\n      textBaseline = 'middle';\n    } else if ((ticksPosition === 'after' && tickRotation > 0) || (ticksPosition === 'before' && tickRotation < 0)) {\n      textAlign = isRTL ? 'end' : 'start';\n      textBaseline = 'middle';\n    }\n  } else {\n    translate = (d) => ({ x: 0, y: position(d) ?? 0 });\n\n    line.lineX = tickSize * (ticksPosition === 'after' ? 1 : -1);\n    text.textX = (tickSize + tickPadding) * (ticksPosition === 'after' ? 1 : -1);\n\n    if (ticksPosition === 'after') {\n      textAlign = 'start';\n    } else {\n      textAlign = 'end';\n    }\n  }\n\n  const ticks = values.map((value: ScaleValue) => ({\n    key: value instanceof Date ? `${value.valueOf()}` : `${value}`,\n    value,\n    ...translate(value),\n    ...line,\n    ...text,\n  }));\n\n  return {\n    ticks,\n    textAlign,\n    textBaseline,\n  };\n};\n","import React, { forwardRef, RefObject, useRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useTheme } from '@redsift/design-system';\n\nimport { AxisProps, AxisPosition, AxisVariant } from './types';\nimport { StyledAxis } from './styles';\nimport { animated, useSpring, useTransition } from '@react-spring/web';\nimport { computeTicks } from './computeTicks';\nimport { config } from '../../config';\nimport { AnyScale } from '../../types';\n\nconst COMPONENT_NAME = 'Axis';\nconst CLASSNAME = 'redsift-axis';\n\nexport const getAxisType = (position: AxisPosition) =>\n  [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';\n\nexport const Axis: Comp<AxisProps, SVGGElement> = forwardRef((props, ref) => {\n  const {\n    className,\n    disableAnimations,\n    grid,\n    length,\n    legend,\n    legendOffset = -32,\n    legendPosition = 'end',\n    legendX: propsLegendX,\n    legendY: propsLegendY,\n    legendRotation: propsLegendRotation,\n    legendStyle,\n    position = AxisPosition.bottom,\n    scale,\n    tickPadding = 5,\n    tickRotation = 0,\n    tickSize = 5,\n    tickValues,\n    tickFormat,\n    tickRemodelling,\n    tickStyle,\n    variant = AxisVariant.default,\n    x = 0,\n    y = 0,\n    chartWidth,\n    chartHeight,\n    sectionHeight,\n    textColor,\n    tickToColor = () => true,\n    ...forwardedProps\n  } = props;\n  const theme = useTheme();\n  const axis = getAxisType(position!);\n  const { length: gridLength, ...gridStyle } =\n    typeof grid === 'object'\n      ? { length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth, ...grid }\n      : grid === true\n      ? {\n          length: axis === 'x' ? sectionHeight ?? chartHeight : chartWidth,\n        }\n      : { length: 0 };\n\n  const axisRef = (ref || useRef<SVGGElement>(undefined)) as RefObject<SVGGElement>;\n\n  const animatedProps = useSpring({\n    ...config,\n    to: async (next: (props?: object) => Promise<void>) => {\n      await next({\n        lineX2: axis === 'x' ? length : 0,\n        lineY2: axis === 'x' ? 0 : length,\n      });\n    },\n    from: { lineX2: 0, lineY2: 0 },\n    reset: false,\n  });\n\n  let legendNode = null;\n  if (legend !== undefined) {\n    let legendX = 0;\n    let legendY = 0;\n    let legendRotation = 0;\n    let textAnchor: React.SVGProps<SVGTextElement>['textAnchor'];\n\n    if (axis === 'y') {\n      legendRotation = propsLegendRotation ?? 90;\n      legendX = propsLegendX ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendY = propsLegendY ?? length!;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendY = propsLegendY ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendY = propsLegendY ?? legendY;\n      }\n    } else {\n      legendY = propsLegendY ?? legendOffset!;\n      if (legendPosition === 'start') {\n        textAnchor = 'start';\n        legendX = propsLegendX ?? legendX;\n      } else if (legendPosition === 'middle') {\n        textAnchor = 'middle';\n        legendX = propsLegendX ?? length! / 2;\n      } else if (legendPosition === 'end') {\n        textAnchor = 'end';\n        legendX = propsLegendX ?? length!;\n      }\n    }\n\n    legendNode = (\n      <>\n        <text\n          transform={`translate(${legendX}, ${legendY}) rotate(${legendRotation})`}\n          textAnchor={textAnchor}\n          style={{\n            dominantBaseline: 'central',\n            ...legendStyle,\n          }}\n        >\n          {legend}\n        </text>\n      </>\n    );\n  }\n\n  const { ticks, textAlign, textBaseline } = computeTicks({\n    axis,\n    scale: scale as AnyScale,\n    ticksPosition: [AxisPosition.top, AxisPosition.left].includes(position!) ? 'before' : 'after',\n    tickValues,\n    tickSize: tickSize!,\n    tickPadding: tickPadding!,\n    tickRotation: tickRotation!,\n    tickRemodelling,\n  });\n\n  const transition = useTransition<(typeof ticks)[0], { opacity: number; transform: string; textTransform: string }>(\n    ticks,\n    {\n      ...config,\n      keys: (tick) => tick.key,\n      initial: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      from: (tick) => ({\n        opacity: 0,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      enter: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      update: (tick) => ({\n        opacity: 1,\n        transform: `translate(${tick.x},${axis === 'x' ? tick.y : (y || 0) - tick.y}),rotate(${\n          axis === 'x' ? 0 : 180\n        })`,\n        textTransform: `translate(${tick.textX},${tick.textY}),rotate(${tickRotation})`,\n      }),\n      leave: {\n        opacity: 0,\n      },\n    }\n  );\n\n  const tickStyles = tickStyle ? tickStyle(ticks) : [];\n\n  return (\n    <StyledAxis\n      aria-hidden=\"true\"\n      className={classNames(Axis.className, className)}\n      $theme={theme}\n      {...forwardedProps}\n      transform={`translate(${x},${y})${axis === 'x' ? '' : ',rotate(180)'}`}\n      ref={axisRef}\n      $color={textColor}\n    >\n      {variant === AxisVariant.default ||\n      variant === AxisVariant.tick ||\n      variant === AxisVariant.lineTick ||\n      variant === AxisVariant.tickValue ||\n      grid\n        ? transition((transitionProps, tick, _state, tickIndex) => {\n            let formattedTickValues = tickFormat ? tickFormat(tick.value as any) : tick.value;\n            formattedTickValues = Array.isArray(formattedTickValues) ? formattedTickValues : [formattedTickValues];\n\n            return (\n              <animated.g\n                className={`${Axis.className}__tick`}\n                key={tickIndex}\n                transform={transitionProps.transform}\n                style={{ opacity: transitionProps.opacity }}\n              >\n                {gridLength ? (\n                  <line\n                    className={`${Axis.className}-grid__line`}\n                    x1={axis === 'x' ? tick.lineX : 0}\n                    x2={axis === 'x' ? tick.lineX : gridLength! * (position === 'right' ? -1 : 1)}\n                    y1={axis === 'x' ? 0 : tick.lineY}\n                    y2={axis === 'x' ? gridLength! * (position === 'bottom' ? -1 : 1) : tick.lineY}\n                    style={{\n                      strokeDasharray: '4,4',\n                      opacity: 0.2,\n                      ...gridStyle,\n                      strokeWidth:\n                        tickStyles && tickStyles.length > 0\n                          ? tickStyles[tickIndex]?.gridStrokeWidth || 0.5\n                          : gridStyle.strokeWidth || 0.5,\n                      stroke:\n                        tickStyles && tickStyles.length > 0\n                          ? tickStyles[tickIndex]?.gridStroke || 'currentColor'\n                          : gridStyle.stroke || 'currentColor',\n                    }}\n                  />\n                ) : null}\n                <line\n                  className={`${Axis.className}-tick__line`}\n                  x1={0}\n                  x2={tick.lineX}\n                  y1={0}\n                  y2={tick.lineY}\n                  style={{\n                    strokeWidth: tickStyles && tickStyles.length > 0 ? tickStyles[tickIndex]?.strokeWidth : 1,\n                  }}\n                />\n                {variant === AxisVariant.default || variant === AxisVariant.tickValue\n                  ? (formattedTickValues as string[]).map((value, index) => (\n                      <animated.text\n                        key={value}\n                        dominantBaseline={textBaseline}\n                        textAnchor={textAlign}\n                        transform={`translate(${tick.textX},${tick.textY + 14 * index}),rotate(${tickRotation})`}\n                        className={!textColor ? '' : tickToColor(tick, tickIndex) ? 'colored' : ''}\n                      >\n                        {value}\n                      </animated.text>\n                    ))\n                  : null}\n              </animated.g>\n            );\n          })\n        : null}\n\n      {variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? (\n        <animated.line\n          className={`${Axis.className}__line`}\n          x1={0}\n          x2={config.immediate || disableAnimations ? (axis === 'x' ? length : 0) : animatedProps.lineX2}\n          y1={0}\n          y2={config.immediate || disableAnimations ? (axis === 'x' ? 0 : length) : animatedProps.lineY2}\n        />\n      ) : null}\n      {legendNode}\n    </StyledAxis>\n  );\n});\nAxis.className = CLASSNAME;\nAxis.displayName = COMPONENT_NAME;\n"],"names":["AxisVariant","none","line","lineTick","tick","tickValue","default","AxisPosition","top","right","bottom","left","StyledAxis","styled","animated","g","_ref","$theme","css","Theme","dark","_ref2","_ref3","$color","getScaleTicks","scale","spec","Array","isArray","undefined","ticks","isFinite","Math","floor","domain","centerScale","bandwidth","offset","round","d","_scale","computeTicks","axis","ticksPosition","tickValues","tickSize","tickPadding","tickRotation","tickRemodelling","values","position","lineX","lineY","text","textX","textY","isRTL","document","dir","translate","textAlign","textBaseline","_position","x","y","_position2","map","value","_objectSpread","key","Date","valueOf","COMPONENT_NAME","CLASSNAME","getAxisType","includes","Axis","forwardRef","props","ref","className","disableAnimations","grid","length","legend","legendOffset","legendPosition","legendX","propsLegendX","legendY","propsLegendY","legendRotation","propsLegendRotation","legendStyle","tickFormat","tickStyle","variant","chartWidth","chartHeight","sectionHeight","textColor","tickToColor","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","gridLength","gridStyle","_excluded2","axisRef","useRef","animatedProps","useSpring","config","to","next","lineX2","lineY2","from","reset","legendNode","textAnchor","React","createElement","Fragment","transform","style","dominantBaseline","transition","useTransition","keys","initial","opacity","textTransform","enter","update","leave","tickStyles","_extends","classNames","transitionProps","_state","tickIndex","_tickStyles$tickIndex","_tickStyles$tickIndex2","_tickStyles$tickIndex3","formattedTickValues","x1","x2","y1","y2","strokeDasharray","strokeWidth","gridStrokeWidth","stroke","gridStroke","index","immediate","displayName"],"mappings":"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"}

package/_internal/Bar2.js

@@ -1,7 +1,7 @@
 import { _ as _objectWithoutProperties, b as _objectSpread2, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-import { J, i as it } from '../index2.js';
+import { useSpring, animated } from '@react-spring/web';
 import { interpolate } from 'd3';
 import { Theme, useTheme } from '@redsift/design-system';
 import styled, { css } from 'styled-components';
@@ -131,7 +131,7 @@ const Bar = /*#__PURE__*/forwardRef((props, ref) => {
   const isHorizontal = orientation === BarOrientation.horizontal;
   const goesUp = direction === BarDirection.up;
   const isOrdinal = typeof scalePosition.domain()[0] === 'string';
-  const animatedProps = J(_objectSpread2(_objectSpread2({}, config), {}, {
+  const animatedProps = useSpring(_objectSpread2(_objectSpread2({}, config), {}, {
     to: async next => {
       await next({
         t: 1
@@ -142,21 +142,21 @@ const Bar = /*#__PURE__*/forwardRef((props, ref) => {
     }
   }));
   const computedWidth = minWidth ? Math.max(minWidth, width) : width;
-  return /*#__PURE__*/React__default.createElement(StyledBar, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledBar, _extends({}, forwardedProps, {
     ref: ref,
     className: classNames(Bar.className, className),
     transform: isHorizontal ? `translate(0, ${scalePosition(data.data.key) + gap / 2})` : `translate(${goesUp ? scalePosition(data.data.key) + (isOrdinal ? computedWidth + gap / 2 : computedWidth / 2) : scalePosition(data.data.key) + (isOrdinal ? -computedWidth + gap / 2 : -computedWidth / 2)}, ${maxHeight})${goesUp ? ', rotate(180)' : ''}`,
     $clickable: Boolean(onClick),
     $theme: theme
-  }), isHorizontal ? /*#__PURE__*/React__default.createElement(it.rect, {
+  }), isHorizontal ? /*#__PURE__*/React.createElement(animated.rect, {
     height: height,
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
     width: config.immediate || disableAnimations ? scale(data.data.value) : animatedProps.t.to(t => scale(interpolator(t)))
-  }) : /*#__PURE__*/React__default.createElement(it.rect, {
+  }) : /*#__PURE__*/React.createElement(animated.rect, {
     height: config.immediate || disableAnimations ? goesUp ? maxHeight - scale(getValue(data.data)) : scale(getValue(data.data)) - maxHeight : animatedProps.t.to(t => Math.max(0, goesUp ? maxHeight - scale(interpolator(t)) : scale(interpolator(t)) - maxHeight)),
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
     width: computedWidth
-  }), isHorizontal ? /*#__PURE__*/React__default.createElement("text", {
+  }), isHorizontal ? /*#__PURE__*/React.createElement("text", {
     x: "10",
     y: height / 2,
     dy: "0.35em",