@redsift/charts 10.7.0 → 10.8.0

package/index.d.ts

@@ -44,6 +44,8 @@ type AxisPosition = ValueOf<typeof AxisPosition>;
  * Component props.
  */
 interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {
+    /** Disable animations. */
+    disableAnimations?: boolean;
     format?: string;
     legend?: string;
     legendOffset?: number;
@@ -399,6 +401,8 @@ interface DataPointProps<T> extends Omit<ComponentProps<'g'>, 'onClick' | 'scale
     color?: string;
     /** Data. Also state to which the component should end the animation, if any. */
     data: T;
+    /** Disable animations. */
+    disableAnimations?: boolean;
     /** Id. Used for accessibility. */
     id?: string;
     /** Position in the list of siblings. Used for placement and selection. */
@@ -470,7 +474,7 @@ declare const StyledArc: styled_components.StyledComponent<_redsift_design_syste
 /**
  * Component props.
  */
-interface ArcsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<ArcProps, 'id' | 'labelDecorator' | 'onClick' | 'role' | 'hasStroke' | 'tooltipDecorator' | 'tooltipVariant'> {
+interface ArcsProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<ArcProps, 'id' | 'disableAnimations' | 'labelDecorator' | 'onClick' | 'role' | 'hasStroke' | 'tooltipDecorator' | 'tooltipVariant'> {
     /** Arc props. */
     arcs: Omit<ArcProps, 'ref'>[];
     /** Whether arcs have internal labels or not. */
@@ -539,6 +543,8 @@ interface ChartContainerProps extends Omit<ComponentProps<'div'>, 'title'>, Cont
     chartRef?: RefObject<HTMLDivElement>;
     /** Description. */
     description?: string;
+    /** Disable animations. */
+    disableAnimations?: boolean;
     /** Id. */
     id?: string;
     /** Method called when the Reset button is displayed (defines whether or not the button should be displayed). */
@@ -785,6 +791,8 @@ interface LineProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<
     createLine: Line$1<LinePointDatum>;
     /** Points used to compute the line path. */
     data: LinePointDatum[];
+    /** Disable animations. */
+    disableAnimations?: boolean;
     /** Previous data used for animation. */
     previousData?: LinePointDatum[];
 }

package/index.js

@@ -507,7 +507,7 @@ const config = (() => ({
   immediate: false
 }))();
 
-const _excluded$p = ["className", "createArc", "hasStroke", "previousData"];
+const _excluded$p = ["className", "createArc", "disableAnimations", "hasStroke", "previousData"];
 const COMPONENT_NAME$c = 'Arc';
 const CLASSNAME$c = 'redsift-arc';
 const Arc = /*#__PURE__*/forwardRef((props, ref) => {
@@ -521,6 +521,7 @@ const Arc = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
       createArc,
+      disableAnimations,
       hasStroke,
       previousData = {
         data: {
@@ -556,7 +557,7 @@ const Arc = /*#__PURE__*/forwardRef((props, ref) => {
     $hasStroke: Boolean(hasStroke),
     $theme: theme
   }), /*#__PURE__*/React__default.createElement(it.path, {
-    d: config.immediate ? createArc(data) : animatedProps.t.to(t => createArc(interpolator(t))),
+    d: config.immediate || disableAnimations ? createArc(data) : animatedProps.t.to(t => createArc(interpolator(t))),
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color
   }));
 });
@@ -568,7 +569,7 @@ Arc.displayName = COMPONENT_NAME$c;
  */
 const StyledArcs = styled.g``;
 
-const _excluded$o = ["arcs", "className", "color", "hasLabels", "hasStroke", "id", "labelDecorator", "onClick", "role", "sliceProps", "tooltipVariant"];
+const _excluded$o = ["arcs", "className", "color", "disableAnimations", "hasLabels", "hasStroke", "id", "labelDecorator", "onClick", "role", "sliceProps", "tooltipVariant"];
 const COMPONENT_NAME$b = 'Arcs';
 const CLASSNAME$b = 'redsift-arcs';
 const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
@@ -576,6 +577,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
       arcs,
       className,
       color,
+      disableAnimations,
       hasLabels,
       hasStroke,
       id: propsId,
@@ -609,6 +611,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
     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, {
       color: color,
+      disableAnimations: disableAnimations,
       hasStroke: hasStroke,
       labelDecorator: labelDecorator,
       onClick: onClick,
@@ -636,7 +639,7 @@ const Arcs = /*#__PURE__*/forwardRef((props, ref) => {
       className: `arc-label _${index}`,
       key: `${arcId}-label`,
       textAnchor: "middle",
-      transform: config.immediate ? `translate(${arc.createArc.centroid(arc.data)})` : animatedProps.t.to(t => `translate(${arc.createArc.centroid(interpolator(t))})`)
+      transform: config.immediate || disableAnimations ? `translate(${arc.createArc.centroid(arc.data)})` : animatedProps.t.to(t => `translate(${arc.createArc.centroid(interpolator(t))})`)
     }, arcLabelDecorator ? arcLabelDecorator(arc.data) : arc.data.data.key);
   })) : null);
 });
@@ -811,13 +814,14 @@ const computeTicks = _ref => {
   };
 };
 
-const _excluded$n = ["className", "length", "legend", "legendOffset", "legendPosition", "position", "scale", "tickPadding", "tickRotation", "tickSize", "tickValues", "tickFormat", "tickRemodelling", "variant", "x", "y"];
+const _excluded$n = ["className", "disableAnimations", "length", "legend", "legendOffset", "legendPosition", "position", "scale", "tickPadding", "tickRotation", "tickSize", "tickValues", "tickFormat", "tickRemodelling", "variant", "x", "y"];
 const COMPONENT_NAME$a = 'Axis';
 const CLASSNAME$a = 'redsift-axis';
 const getAxisType = position => [AxisPosition.top, AxisPosition.bottom].includes(position) ? 'x' : 'y';
 const Axis = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
+      disableAnimations,
       length,
       legend,
       legendOffset = -32,
@@ -958,9 +962,9 @@ const Axis = /*#__PURE__*/forwardRef((props, ref) => {
   }) : null, variant === AxisVariant.default || variant === AxisVariant.line || variant === AxisVariant.lineTick ? /*#__PURE__*/React__default.createElement(it.line, {
     className: `${Axis.className}__line`,
     x1: 0,
-    x2: config.immediate ? axis === 'x' ? length : 0 : animatedProps.lineX2,
+    x2: config.immediate || disableAnimations ? axis === 'x' ? length : 0 : animatedProps.lineX2,
     y1: 0,
-    y2: config.immediate ? axis === 'x' ? 0 : length : animatedProps.lineY2
+    y2: config.immediate || disableAnimations ? axis === 'x' ? 0 : length : animatedProps.lineY2
   }) : null, legendNode);
 });
 Axis.className = CLASSNAME$a;
@@ -1042,7 +1046,7 @@ const StyledBar = styled(DataPoint)`
 }}}
 `;
 
-const _excluded$m = ["className", "gap", "height", "maxHeight", "orientation", "previousData", "scale", "scalePosition", "width"];
+const _excluded$m = ["className", "disableAnimations", "gap", "height", "maxHeight", "orientation", "previousData", "scale", "scalePosition", "width"];
 const COMPONENT_NAME$9 = 'Bar';
 const CLASSNAME$9 = 'redsift-bar';
 const Bar = /*#__PURE__*/forwardRef((props, ref) => {
@@ -1057,6 +1061,7 @@ const Bar = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const {
       className,
+      disableAnimations,
       gap = 5,
       height = 40,
       maxHeight = 100,
@@ -1103,9 +1108,9 @@ const Bar = /*#__PURE__*/forwardRef((props, ref) => {
   }), isHorizontal ? /*#__PURE__*/React__default.createElement(it.rect, {
     height: height,
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
-    width: config.immediate ? scale(data.data.value) : animatedProps.t.to(t => scale(interpolator(t)))
+    width: config.immediate || disableAnimations ? scale(data.data.value) : animatedProps.t.to(t => scale(interpolator(t)))
   }) : /*#__PURE__*/React__default.createElement(it.rect, {
-    height: config.immediate ? maxHeight - scale(getValue(data.data)) : animatedProps.t.to(t => Math.max(0, maxHeight - scale(interpolator(t)))),
+    height: config.immediate || disableAnimations ? maxHeight - scale(getValue(data.data)) : animatedProps.t.to(t => Math.max(0, maxHeight - scale(interpolator(t)))),
     fill: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
     width: width
   }), isHorizontal ? /*#__PURE__*/React__default.createElement("text", {
@@ -1556,7 +1561,7 @@ var intlMessages$3 = {
   'fr-FR': frFR$3
 };
 
-const _excluded$i = ["areXLabelsRotated", "barProps", "caping", "className", "data", "id", "isBarSelected", "getBarAnchorProps", "labelDecorator", "margins", "onBarClick", "orientation", "others", "size", "sortingMethod", "barRole", "colorTheme", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues"];
+const _excluded$i = ["areXLabelsRotated", "barProps", "caping", "className", "data", "disableAnimations", "id", "isBarSelected", "getBarAnchorProps", "labelDecorator", "margins", "onBarClick", "orientation", "others", "size", "sortingMethod", "barRole", "colorTheme", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues"];
 const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       areXLabelsRotated,
@@ -1564,6 +1569,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
       caping,
       className,
       data: propsData,
+      disableAnimations,
       id,
       isBarSelected,
       getBarAnchorProps,
@@ -1680,6 +1686,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
   }, /*#__PURE__*/React__default.createElement("g", {
     transform: `translate(${margins.left},${margins.top})`
   }, ['bottom', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "bottom",
     length: chartWidth,
     scale: isHorizontal ? scale : scaleCategory,
@@ -1692,6 +1699,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: xAxisTickFormat,
     variant: xAxisVariant
   }) : null, ['top', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "top",
     length: chartWidth,
     scale: isHorizontal ? scale : scaleCategory,
@@ -1704,6 +1712,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: xAxisTickFormat,
     variant: xAxisVariant
   }) : null, ['left', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "left",
     length: chartHeight,
     scale: isHorizontal ? scaleCategory : scale,
@@ -1716,6 +1725,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: yAxisTickFormat,
     variant: yAxisVariant
   }) : null, ['right', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "right",
     length: chartHeight,
     scale: isHorizontal ? scaleCategory : scale,
@@ -1742,6 +1752,7 @@ const RenderedOrdinalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     return /*#__PURE__*/React__default.createElement(Bar, _extends({
       color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(to.data.key),
       data: to,
+      disableAnimations: disableAnimations,
       gap: gap,
       id: `id${id}__bar-${index}`,
       index: index,
@@ -1967,7 +1978,7 @@ const Legend = /*#__PURE__*/forwardRef((props, ref) => {
 Legend.className = CLASSNAME$6;
 Legend.displayName = COMPONENT_NAME$6;
 
-const _excluded$f = ["barProps", "className", "data", "id", "getBarAnchorProps", "isBarSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onBarClick", "size", "sortingMethod", "barRole", "colorTheme", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "xAxisMinValue", "xAxisMaxValue", "xAxisTickRemodelling", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "yAxisMinValue", "yAxisMaxValue", "yAxisTickRemodelling", "xScaleType", "dateParser"],
+const _excluded$f = ["barProps", "className", "data", "disableAnimations", "id", "getBarAnchorProps", "isBarSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onBarClick", "size", "sortingMethod", "barRole", "colorTheme", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "xAxisMinValue", "xAxisMaxValue", "xAxisTickRemodelling", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "yAxisMinValue", "yAxisMaxValue", "yAxisTickRemodelling", "xScaleType", "dateParser"],
   _excluded2$3 = ["extraLegendItems"];
 const getKey = datum => Array.isArray(datum.key) ? datum.key[0] : datum.key;
 const filterData = (hasCategory, data, filterFn) => {
@@ -1988,6 +1999,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
       barProps,
       className,
       data: propsData,
+      disableAnimations,
       id,
       getBarAnchorProps,
       isBarSelected,
@@ -2249,6 +2261,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
       return /*#__PURE__*/React__default.createElement(Bar, _extends({
         color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(to.data.category),
         data: to,
+        disableAnimations: disableAnimations,
         gap: gap,
         id: `id${id}__bar-${categoryIndex}.${index}`,
         index: index,
@@ -2273,6 +2286,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     transform: `translate(${margins.left},${margins.top})`,
     "aria-hidden": "true"
   }, ['bottom', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "bottom",
     length: chartWidth,
     scale: scaleX,
@@ -2286,6 +2300,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: xAxisTickRemodelling,
     variant: xAxisVariant
   }) : null, ['top', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "top",
     length: chartWidth,
     scale: scaleX,
@@ -2299,6 +2314,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: xAxisTickRemodelling,
     variant: xAxisVariant
   }) : null, ['left', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "left",
     length: chartHeight,
     scale: scaleY,
@@ -2312,6 +2328,7 @@ const RenderedLinearBarChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: yAxisTickRemodelling,
     variant: yAxisVariant
   }) : null, ['right', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "right",
     length: chartHeight,
     scale: scaleY,
@@ -2546,7 +2563,7 @@ Dot.displayName = COMPONENT_NAME$4;
  */
 const StyledLine = styled('g')``;
 
-const _excluded$c = ["className", "createLine", "previousData"];
+const _excluded$c = ["className", "createLine", "disableAnimations", "previousData"];
 const COMPONENT_NAME$3 = 'Line';
 const CLASSNAME$3 = 'redsift-line';
 const Line = /*#__PURE__*/forwardRef((props, ref) => {
@@ -2559,6 +2576,7 @@ const Line = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
       createLine,
+      disableAnimations,
       previousData = []
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$c);
@@ -2579,7 +2597,7 @@ const Line = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     className: classNames(Line.className, className)
   }), /*#__PURE__*/React__default.createElement(it.path, {
-    d: config.immediate ? createLine(data) : animatedProps.t.to(t => createLine(interpolator(t))),
+    d: config.immediate || disableAnimations ? createLine(data) : animatedProps.t.to(t => createLine(interpolator(t))),
     fill: "none",
     stroke: isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color,
     strokeWidth: 2
@@ -2808,13 +2826,14 @@ var intlMessages$2 = {
   'fr-FR': frFR$2
 };
 
-const _excluded$9 = ["className", "data", "dotRole", "getDotAnchorProps", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onDotClick", "size", "sortingMethod", "colorTheme", "tooltipDecorator", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "xAxisMinValue", "xAxisMaxValue", "xAxisTickRemodelling", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "yAxisMinValue", "yAxisMaxValue", "yAxisTickRemodelling", "dateParser"],
+const _excluded$9 = ["className", "data", "dotRole", "disableAnimations", "getDotAnchorProps", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onDotClick", "size", "sortingMethod", "colorTheme", "tooltipDecorator", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "xAxisMinValue", "xAxisMaxValue", "xAxisTickRemodelling", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "yAxisMinValue", "yAxisMaxValue", "yAxisTickRemodelling", "dateParser"],
   _excluded2$2 = ["extraLegendItems"];
 const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
       data: propsData,
       dotRole,
+      disableAnimations,
       getDotAnchorProps,
       id,
       isDotSelected,
@@ -3052,6 +3071,7 @@ const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
     return /*#__PURE__*/React__default.createElement(Line, {
       color: colorScale === null || colorScale === void 0 ? void 0 : colorScale(line[0].category),
       data: line.filter(point => point.y !== null),
+      disableAnimations: disableAnimations,
       createLine: createLine,
       key: `line _${index}`
     });
@@ -3093,6 +3113,7 @@ const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
   }), /*#__PURE__*/React__default.createElement("g", {
     transform: `translate(${margins.left},${margins.top})`
   }, ['bottom', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "bottom",
     length: chartWidth,
     scale: scaleX,
@@ -3106,6 +3127,7 @@ const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: xAxisTickRemodelling,
     variant: xAxisVariant
   }) : null, ['top', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "top",
     length: chartWidth,
     scale: scaleX,
@@ -3119,6 +3141,7 @@ const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: xAxisTickRemodelling,
     variant: xAxisVariant
   }) : null, ['left', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "left",
     length: chartHeight,
     scale: scaleY,
@@ -3132,6 +3155,7 @@ const RenderedLineChart = /*#__PURE__*/forwardRef((props, ref) => {
     tickRemodelling: yAxisTickRemodelling,
     variant: yAxisVariant
   }) : null, ['right', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "right",
     length: chartHeight,
     scale: scaleY,
@@ -3547,13 +3571,14 @@ var intlMessages$1 = {
   'fr-FR': frFR$1
 };
 
-const _excluded$5 = ["caping", "className", "data", "getSliceAnchorProps", "id", "isHalf", "isSliceSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "middleText", "onSliceClick", "others", "size", "sliceProps", "sliceRole", "sortingMethod", "subtext", "text", "colorTheme", "tooltipVariant", "variant"],
+const _excluded$5 = ["caping", "className", "data", "disableAnimations", "getSliceAnchorProps", "id", "isHalf", "isSliceSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "middleText", "onSliceClick", "others", "size", "sliceProps", "sliceRole", "sortingMethod", "subtext", "text", "colorTheme", "tooltipVariant", "variant"],
   _excluded2$1 = ["extraLegendItems"];
 const RenderedPieChart = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       caping,
       className,
       data: propsData,
+      disableAnimations,
       getSliceAnchorProps,
       id,
       isHalf,
@@ -3706,6 +3731,7 @@ const RenderedPieChart = /*#__PURE__*/forwardRef((props, ref) => {
         anchorProps: getSliceAnchorProps ? getSliceAnchorProps(to) : undefined
       };
     }),
+    disableAnimations: disableAnimations,
     hasLabels: legendVariant === PieChartLegendVariant.internal,
     hasStroke: isSpaced,
     labelDecorator: labelDecorator,
@@ -4039,7 +4065,7 @@ var mdiChevronDown = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z
 var mdiChevronRight = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z";
 var mdiMouse = "M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z";
 
-const _excluded$1 = ["isBrushable", "className", "data", "dotRole", "getDotAnchorProps", "hideControlKeyPanel", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onBrush", "onBrushEnd", "onDotClick", "size", "sortingMethod", "colorTheme", "tooltipDecorator", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "variant"],
+const _excluded$1 = ["isBrushable", "className", "data", "dotRole", "disableAnimations", "getDotAnchorProps", "hideControlKeyPanel", "id", "isDotSelected", "labelDecorator", "legendDecorator", "legendVariant", "legendProps", "margins", "onBrush", "onBrushEnd", "onDotClick", "size", "sortingMethod", "colorTheme", "tooltipDecorator", "tooltipVariant", "xAxisVariant", "xAxisPlacement", "xAxisTickFormat", "xAxisTickPadding", "xAxisTickRotation", "xAxisTickSize", "xAxisTickValues", "yAxisVariant", "yAxisPlacement", "yAxisTickFormat", "yAxisTickPadding", "yAxisTickRotation", "yAxisTickSize", "yAxisTickValues", "variant"],
   _excluded2 = ["extraLegendItems"];
 const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
   const {
@@ -4047,6 +4073,7 @@ const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       data: propsData,
       dotRole,
+      disableAnimations,
       getDotAnchorProps,
       hideControlKeyPanel,
       id,
@@ -4306,6 +4333,7 @@ const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
   }))), /*#__PURE__*/React__default.createElement("g", {
     transform: `translate(${margins.left},${margins.top})`
   }, ['bottom', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "bottom",
     length: chartWidth,
     scale: scaleX,
@@ -4318,6 +4346,7 @@ const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: xAxisTickFormat,
     variant: xAxisVariant
   }) : null, ['top', 'both'].includes(xAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "top",
     length: chartWidth,
     scale: scaleX,
@@ -4330,6 +4359,7 @@ const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: xAxisTickFormat,
     variant: xAxisVariant
   }) : null, ['left', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "left",
     length: chartHeight,
     scale: scaleY,
@@ -4342,6 +4372,7 @@ const RenderedScatterPlot = /*#__PURE__*/forwardRef((props, ref) => {
     tickFormat: yAxisTickFormat,
     variant: yAxisVariant
   }) : null, ['right', 'both'].includes(yAxisPlacement) ? /*#__PURE__*/React__default.createElement(Axis, {
+    disableAnimations: disableAnimations,
     position: "right",
     length: chartHeight,
     scale: scaleY,