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

package/packages/charts/src/components/LineChart/_internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/LineChart/utils.ts"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear } from 'd3';\n\nimport { CoordinatesCategoryData, CoordinatesCategoryDatum, Statistics, TwoCategoryData } from '../../types';\n\nimport { ChartSize } from '../../types';\nimport { LineChartDimensions } from './types';\nimport { SortingMethod, getSortingMethod } from '../../utils';\n\nexport const sizeToDimension = (size: ChartSize | LineChartDimensions): LineChartDimensions => {\n  if (typeof size !== 'string') {\n    return size;\n  }\n\n  switch (size) {\n    case ChartSize.small:\n      return { width: 600, height: 300, fontSize: 30 };\n    case ChartSize.medium:\n    default:\n      return { width: 750, height: 375, fontSize: 34 };\n    case ChartSize.large:\n      return { width: 900, height: 450, fontSize: 38 };\n  }\n};\n\nexport const BASE_NUMBER_OF_TICKS = 20;\n\nexport const getClosestLineIndex = (value: number, scale: d3ScaleLinear<number, number, never>) => {\n  const ticks = scale.ticks(BASE_NUMBER_OF_TICKS);\n  const delta = ticks[1] - ticks[0];\n  const index = Math.round(value / delta);\n  const roundValue = index * delta;\n  return [index, roundValue];\n};\n\nexport const group = (\n  data: CoordinatesCategoryData,\n  x: d3ScaleLinear<number, number, never>,\n  y: d3ScaleLinear<number, number, never>\n) => {\n  const groupDict: Record<\n    string,\n    {\n      category: string;\n      x: number;\n      y: number;\n      data: CoordinatesCategoryDatum;\n      points: CoordinatesCategoryData;\n    }\n  > = {};\n\n  data.forEach((d) => {\n    const [i, rx] = getClosestLineIndex(d.key[0], x);\n    const [j, ry] = getClosestLineIndex(d.key[1], y);\n\n    const key = `${i}_${j}_${d.key[2]}`;\n    if (!(key in groupDict)) {\n      groupDict[key] = {\n        category: d.key[2] as string,\n        x: rx,\n        y: ry,\n        data: {\n          key: d.key,\n          value: 0,\n        },\n        points: [],\n      };\n    }\n\n    groupDict[key].points.push(d);\n    groupDict[key].data.value += 1;\n  });\n\n  return Object.values(groupDict);\n};\n\nexport const countBy = (arr: CoordinatesCategoryData, sortingMethod: SortingMethod) => {\n  const counts = arr.reduce(\n    (prev, curr) => ((prev[curr.key[2] as string] = ++(prev[curr.key[2] as string] as number) || 1), prev),\n    {} as Record<string, number>\n  );\n\n  return Object.keys(counts)\n    .map((key) => ({ key: key, value: counts[key] as number }))\n    .sort(getSortingMethod(sortingMethod));\n};\n\nexport const statsBy: (arr: TwoCategoryData, sortingMethod: SortingMethod) => Statistics = (arr, sortingMethod) => {\n  const counts = arr.reduce((prev, curr) => {\n    if (!curr.value) {\n      return prev;\n    }\n    if (!prev[curr.key[1] as string]) {\n      prev[curr.key[1] as string] = {\n        value: curr.value,\n        min: curr.value,\n        max: curr.value,\n        values: [curr.value],\n      };\n    } else {\n      prev[curr.key[1] as string] = {\n        value: prev[curr.key[1] as string].value + curr.value,\n        min: Math.min(prev[curr.key[1] as string].min, curr.value),\n        max: Math.max(prev[curr.key[1] as string].max, curr.value),\n        values: [...prev[curr.key[1] as string].values, curr.value],\n      };\n    }\n    return prev;\n  }, {} as Record<string, { value: number; min: number; max: number; values: number[] }>);\n\n  return Object.keys(counts)\n    .map((key) => ({\n      key: key,\n      value: counts[key].value,\n      min: counts[key].min,\n      max: counts[key].max,\n      values: counts[key].values,\n      first: counts[key].values[0],\n      last: counts[key].values[counts[key].values.length - 1],\n      trending: {\n        overall:\n          ((counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100) / counts[key].values[0],\n      },\n    }))\n    .sort(getSortingMethod(sortingMethod));\n};\n"],"names":["sizeToDimension","size","ChartSize","small","width","height","fontSize","medium","large","statsBy","arr","sortingMethod","counts","reduce","prev","curr","value","key","min","max","values","Math","Object","keys","map","first","last","length","trending","overall","sort","getSortingMethod"],"mappings":"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"}

package/packages/charts/src/components/LineChart/intl/_internal/en-US.js

@@ -0,0 +1,17 @@
+var enUS = {
+	"interactive-chart": "Interactive Line Chart",
+	"static-chart": "Static Line Chart",
+	"definition-linear": "Linear Line Chart with {circleLength} circles.",
+	"definition-linear-with-categories": "Linear Line Chart with {categoryLength} categories and {circleLength} circles.",
+	"definition-ordinal": "Ordinal Line Chart with {circleLength} circles.",
+	"x-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying numbers from {start, number} to {end, number}.",
+	"y-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying numbers from {start, number} to {end, number}.",
+	"x-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying dates from {start, date, ::yyyyMMdd} to {end, date, ::yyyyMMdd}.",
+	"y-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying dates from {start, date, ::yyyyMMdd} to {end, date, ::yyyyMMdd}.",
+	"x-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying categories.",
+	"y-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying categories.",
+	"series-legend": "{category}, line {categoryIndex} of {categoryLength} with {circleLength} circles"
+};
+
+export { enUS as default };
+//# sourceMappingURL=en-US.js.map

package/packages/charts/src/components/LineChart/intl/_internal/en-US.js.map

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

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

@@ -0,0 +1,17 @@
+var frFR = {
+	"interactive-chart": "Graphique en courbe interactif",
+	"static-chart": "Graphique en courbe statique",
+	"definition-linear": "Graphique en courbe contenant {circleLength} points répartis sur un axe linéraire.",
+	"definition-linear-with-categories": "Graphique en courbe contenant {categoryLength} courbes et {circleLength} points répartis sur un axe linéraire.",
+	"definition-ordinal": "Graphique en courbe contenant {circleLength} points.",
+	"x-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des nombres allant de {start, number} à {end, number}.",
+	"y-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des nombres allant de {start, number} à {end, number}.",
+	"x-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des dates allant de {start, date, ::yyyyMMdd} à {end, date, ::yyyyMMdd}.",
+	"y-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des dates allant de {start, date, ::yyyyMMdd} à {end, date, ::yyyyMMdd}.",
+	"x-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des categories.",
+	"y-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des categories.",
+	"series-legend": "{category}, courbe {categoryIndex} sur {categoryLength} contenant {circleLength} points"
+};
+
+export { frFR as default };
+//# sourceMappingURL=fr-FR.js.map

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

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

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

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

package/packages/charts/src/components/LineChart/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/LineChart/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

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

@@ -0,0 +1,85 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { arc } from 'd3';
+import { PieChartVariant } from './types.js';
+import { StyledPieChart, StyledPieChartEmptyText } from './styles.js';
+import { empty } from '../../../_internal/scheme.js';
+import { sizeToDimension } from './utils.js';
+import { useTheme } from '@redsift/design-system';
+import { Arcs } from '../../Arcs/_internal/Arcs2.js';
+
+const _excluded = ["className", "emptyComponent", "localeText", "size", "variant"];
+const EmptyPieChart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      emptyComponent,
+      localeText,
+      size,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme();
+  const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;
+  const {
+    width,
+    height,
+    fontSize,
+    innerRadius
+  } = sizeToDimension(size);
+  const externalRadiusPadding = 8;
+  const createArc = arc().innerRadius(isDonut ? innerRadius : 0).outerRadius(width / 2 - externalRadiusPadding);
+  return /*#__PURE__*/React__default.createElement(StyledPieChart, _extends({}, forwardedProps, {
+    className: className,
+    ref: ref
+  }), emptyComponent !== null && emptyComponent !== void 0 ? emptyComponent : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledPieChartEmptyText, {
+    $maxWidth: innerRadius * 2,
+    $textSize: fontSize / 2,
+    $isDonut: isDonut,
+    $theme: theme
+  }, /*#__PURE__*/React__default.createElement("span", null, localeText === null || localeText === void 0 ? void 0 : localeText.emptyChartText)), /*#__PURE__*/React__default.createElement("svg", {
+    width: width,
+    height: height
+  }, /*#__PURE__*/React__default.createElement(Arcs, {
+    arcs: [{
+      createArc,
+      previousData: {
+        data: {
+          key: '',
+          value: 0
+        },
+        startAngle: 0,
+        endAngle: 0,
+        padAngle: 0,
+        value: 0,
+        index: 0
+      },
+      data: {
+        data: {
+          key: 'No Data',
+          value: 0
+        },
+        index: 0,
+        value: 0,
+        startAngle: 0,
+        endAngle: 2 * Math.PI,
+        padAngle: 0
+      },
+      dataset: [{
+        data: {
+          key: 'No Data',
+          value: 0
+        },
+        index: 0,
+        value: 0,
+        startAngle: 0,
+        endAngle: 2 * Math.PI,
+        padAngle: 0
+      }],
+      color: empty
+    }],
+    transform: `translate(${width / 2} ${height / 2})`
+  }))));
+});
+
+export { EmptyPieChart };
+//# sourceMappingURL=EmptyPieChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyPieChart.js","sources":["../../../../../../../src/components/PieChart/EmptyPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport { arc as d3arc } from 'd3';\n\nimport { ArcDatum } from '../../types';\nimport { PieChartProps, PieChartVariant } from './types';\nimport { StyledPieChart, StyledPieChartEmptyText } from './styles';\nimport { Arcs } from '../Arcs';\nimport { empty } from '../../scheme';\nimport { sizeToDimension } from './utils';\nimport { useTheme } from '@redsift/design-system';\n\nexport const EmptyPieChart = forwardRef<HTMLDivElement, PieChartProps>((props, ref) => {\n  const { className, emptyComponent, localeText, size, variant, ...forwardedProps } = props;\n  const theme = useTheme();\n\n  const isDonut = variant === PieChartVariant.donut || variant === PieChartVariant.spacedDonut;\n\n  const { width, height, fontSize, innerRadius } = sizeToDimension(size!);\n  const externalRadiusPadding = 8;\n\n  const createArc = d3arc<ArcDatum>()\n    .innerRadius(isDonut ? innerRadius : 0)\n    .outerRadius(width / 2 - externalRadiusPadding);\n\n  return (\n    <StyledPieChart {...forwardedProps} className={className} ref={ref as RefObject<HTMLDivElement>}>\n      {emptyComponent ?? (\n        <>\n          <StyledPieChartEmptyText\n            $maxWidth={innerRadius * 2}\n            $textSize={fontSize / 2}\n            $isDonut={isDonut}\n            $theme={theme}\n          >\n            <span>{localeText?.emptyChartText}</span>\n          </StyledPieChartEmptyText>\n          <svg width={width} height={height}>\n            <Arcs\n              arcs={[\n                {\n                  createArc,\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                  data: {\n                    data: {\n                      key: 'No Data',\n                      value: 0,\n                    },\n                    index: 0,\n                    value: 0,\n                    startAngle: 0,\n                    endAngle: 2 * Math.PI,\n                    padAngle: 0,\n                  },\n                  dataset: [\n                    {\n                      data: {\n                        key: 'No Data',\n                        value: 0,\n                      },\n                      index: 0,\n                      value: 0,\n                      startAngle: 0,\n                      endAngle: 2 * Math.PI,\n                      padAngle: 0,\n                    },\n                  ],\n                  color: empty,\n                },\n              ]}\n              transform={`translate(${width / 2} ${height / 2})`}\n            />\n          </svg>\n        </>\n      )}\n    </StyledPieChart>\n  );\n});\n"],"names":["EmptyPieChart","forwardRef","props","ref","className","emptyComponent","localeText","size","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isDonut","PieChartVariant","donut","spacedDonut","width","height","fontSize","innerRadius","sizeToDimension","externalRadiusPadding","createArc","d3arc","outerRadius","React","createElement","StyledPieChart","_extends","Fragment","StyledPieChartEmptyText","$maxWidth","$textSize","$isDonut","$theme","emptyChartText","Arcs","arcs","previousData","data","key","value","startAngle","endAngle","padAngle","index","Math","PI","dataset","color","empty","transform"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { StyledPieChart } from './styles.js';
+
+const _excluded = ["className"];
+const LoadingPieChart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(StyledPieChart, _extends({}, forwardedProps, {
+    className: className,
+    ref: ref
+  }), "Loading...");
+});
+
+export { LoadingPieChart };
+//# sourceMappingURL=LoadingPieChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingPieChart.js","sources":["../../../../../../../src/components/PieChart/LoadingPieChart.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\n\nimport { PieChartProps } from './types';\nimport { StyledPieChart } from './styles';\n\nexport const LoadingPieChart = forwardRef<HTMLDivElement, PieChartProps>(\n  (props, ref) => {\n    const { className, ...forwardedProps } = props;\n\n    return (\n      <StyledPieChart\n        {...forwardedProps}\n        className={className}\n        ref={ref as RefObject<HTMLDivElement>}\n      >\n        Loading...\n      </StyledPieChart>\n    );\n  }\n);\n"],"names":["LoadingPieChart","forwardRef","props","ref","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledPieChart","_extends"],"mappings":";;;;;AAKO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGF,KAAK;AAAxBG,IAAAA,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;EAE9C,oBACEC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,KACTN,cAAc,EAAA;AAClBD,IAAAA,SAAS,EAAEA,SAAU;AACrBD,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EACvC,YAEe,CAAC,CAAA;AAErB,CACF;;;;"}

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

@@ -0,0 +1,4 @@
+export { PieChart } from './PieChart2.js';
+export { PieChartLegendVariant, PieChartVariant } from './types.js';
+export { StyledPieChart, StyledPieChartCenterText, StyledPieChartEmptyText } from './styles.js';
+//# sourceMappingURL=PieChart.js.map

package/{_internal → packages/charts/src/components/PieChart/_internal}/PieChart.js.map

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

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

@@ -0,0 +1,98 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { useId } from '@redsift/design-system';
+import { PieChartVariant, PieChartLegendVariant } from './types.js';
+import { LoadingPieChart } from './LoadingPieChart.js';
+import { EmptyPieChart } from './EmptyPieChart.js';
+import { RenderedPieChart } from './RenderedPieChart.js';
+import { ColorTheme } from '../../../types/_internal/theme.js';
+import { ChartSize } from '../../../types/_internal/size.js';
+import { TooltipVariant } from '../../../types/_internal/legend.js';
+
+const _excluded = ["caping", "chartRef", "className", "colorTheme", "data", "emptyComponent", "id", "isSliceSelected", "labelDecorator", "legendDecorator", "legendVariant", "localeText", "middleText", "onSliceClick", "others", "size", "sliceRole", "sortingMethod", "subtext", "text", "tooltipDecorator", "tooltipVariant", "variant"];
+const COMPONENT_NAME = 'PieChart';
+const CLASSNAME = 'redsift-piechart';
+const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      caping,
+      chartRef,
+      className,
+      colorTheme = ColorTheme.default,
+      data: propsData,
+      emptyComponent,
+      id: propsId,
+      isSliceSelected = () => true,
+      labelDecorator,
+      legendDecorator,
+      legendVariant: propsLegendVariant,
+      localeText = {
+        emptyChartText: 'No Data'
+      },
+      middleText,
+      onSliceClick,
+      others = true,
+      size = ChartSize.medium,
+      sliceRole,
+      sortingMethod = 'desc-value',
+      subtext,
+      text,
+      tooltipDecorator,
+      tooltipVariant = TooltipVariant.value,
+      variant = PieChartVariant.spaced
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const legendVariant = propsLegendVariant !== null && propsLegendVariant !== void 0 ? propsLegendVariant : PieChartLegendVariant.none;
+  if (propsData === undefined || propsData === null) {
+    return /*#__PURE__*/React__default.createElement(LoadingPieChart, _extends({
+      id: id
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  if (propsData.length === 0) {
+    return /*#__PURE__*/React__default.createElement(EmptyPieChart, _extends({
+      data: propsData,
+      emptyComponent: emptyComponent,
+      id: id,
+      localeText: localeText,
+      size: size,
+      sortingMethod: sortingMethod,
+      variant: variant
+    }, forwardedProps, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(RenderedPieChart, _extends({
+    caping: caping,
+    chartRef: chartRef,
+    className: classNames(PieChart.className, className),
+    data: propsData,
+    id: id,
+    isSliceSelected: isSliceSelected,
+    labelDecorator: labelDecorator,
+    legendDecorator: legendDecorator,
+    legendVariant: legendVariant,
+    middleText: middleText,
+    onSliceClick: onSliceClick,
+    others: others,
+    size: size,
+    sliceRole: sliceRole,
+    sortingMethod: sortingMethod,
+    subtext: subtext,
+    text: text,
+    colorTheme: colorTheme,
+    tooltipDecorator: tooltipDecorator,
+    tooltipVariant: tooltipVariant,
+    variant: variant
+  }, forwardedProps, {
+    ref: ref
+  }));
+});
+PieChart.className = CLASSNAME;
+PieChart.displayName = COMPONENT_NAME;
+
+export { PieChart };
+//# sourceMappingURL=PieChart2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart2.js","sources":["../../../../../../../src/components/PieChart/PieChart.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, useId } from '@redsift/design-system';\n\nimport { ChartSize, ColorTheme, TooltipVariant } from '../../types';\nimport { PieChartLegendVariant, PieChartProps, PieChartVariant } from './types';\nimport { LoadingPieChart } from './LoadingPieChart';\nimport { EmptyPieChart } from './EmptyPieChart';\nimport { RenderedPieChart } from './RenderedPieChart';\n\nconst COMPONENT_NAME = 'PieChart';\nconst CLASSNAME = 'redsift-piechart';\n\nexport const PieChart: Comp<PieChartProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    caping,\n    chartRef,\n    className,\n    colorTheme = ColorTheme.default,\n    data: propsData,\n    emptyComponent,\n    id: propsId,\n    isSliceSelected = () => true,\n    labelDecorator,\n    legendDecorator,\n    legendVariant: propsLegendVariant,\n    localeText = { emptyChartText: 'No Data' },\n    middleText,\n    onSliceClick,\n    others = true,\n    size = ChartSize.medium,\n    sliceRole,\n    sortingMethod = 'desc-value',\n    subtext,\n    text,\n    tooltipDecorator,\n    tooltipVariant = TooltipVariant.value,\n    variant = PieChartVariant.spaced,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n\n  const legendVariant = propsLegendVariant ?? PieChartLegendVariant.none;\n\n  if (propsData === undefined || propsData === null) {\n    return <LoadingPieChart id={id} {...forwardedProps} ref={ref} />;\n  }\n\n  if (propsData.length === 0) {\n    return (\n      <EmptyPieChart\n        data={propsData}\n        emptyComponent={emptyComponent}\n        id={id}\n        localeText={localeText}\n        size={size}\n        sortingMethod={sortingMethod}\n        variant={variant}\n        {...forwardedProps}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <RenderedPieChart\n      caping={caping}\n      chartRef={chartRef}\n      className={classNames(PieChart.className, className)}\n      data={propsData}\n      id={id}\n      isSliceSelected={isSliceSelected}\n      labelDecorator={labelDecorator}\n      legendDecorator={legendDecorator}\n      legendVariant={legendVariant}\n      middleText={middleText}\n      onSliceClick={onSliceClick}\n      others={others}\n      size={size}\n      sliceRole={sliceRole}\n      sortingMethod={sortingMethod}\n      subtext={subtext}\n      text={text}\n      colorTheme={colorTheme}\n      tooltipDecorator={tooltipDecorator}\n      tooltipVariant={tooltipVariant}\n      variant={variant}\n      {...forwardedProps}\n      ref={ref}\n    />\n  );\n});\nPieChart.className = CLASSNAME;\nPieChart.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","PieChart","forwardRef","props","ref","caping","chartRef","className","colorTheme","ColorTheme","default","data","propsData","emptyComponent","id","propsId","isSliceSelected","labelDecorator","legendDecorator","legendVariant","propsLegendVariant","localeText","emptyChartText","middleText","onSliceClick","others","size","ChartSize","medium","sliceRole","sortingMethod","subtext","text","tooltipDecorator","tooltipVariant","TooltipVariant","value","variant","PieChartVariant","spaced","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","PieChartLegendVariant","none","undefined","React","createElement","LoadingPieChart","_extends","length","EmptyPieChart","RenderedPieChart","classNames","displayName"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,kBAAkB,CAAA;AAE7B,MAAMC,QAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtF,MAAM;MACJC,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,UAAU,GAAGC,UAAU,CAACC,OAAO;AAC/BC,MAAAA,IAAI,EAAEC,SAAS;MACfC,cAAc;AACdC,MAAAA,EAAE,EAAEC,OAAO;MACXC,eAAe,GAAGA,MAAM,IAAI;MAC5BC,cAAc;MACdC,eAAe;AACfC,MAAAA,aAAa,EAAEC,kBAAkB;AACjCC,MAAAA,UAAU,GAAG;AAAEC,QAAAA,cAAc,EAAE,SAAA;OAAW;MAC1CC,UAAU;MACVC,YAAY;AACZC,MAAAA,MAAM,GAAG,IAAI;MACbC,IAAI,GAAGC,SAAS,CAACC,MAAM;MACvBC,SAAS;AACTC,MAAAA,aAAa,GAAG,YAAY;MAC5BC,OAAO;MACPC,IAAI;MACJC,gBAAgB;MAChBC,cAAc,GAAGC,cAAc,CAACC,KAAK;MACrCC,OAAO,GAAGC,eAAe,CAACC,MAAAA;AAE5B,KAAC,GAAGpC,KAAK;AADJqC,IAAAA,cAAc,GAAAC,wBAAA,CACftC,KAAK,EAAAuC,SAAA,CAAA,CAAA;AACT,EAAA,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK,EAAE,CAAA;EACrB,MAAM9B,EAAE,GAAGC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAI4B,GAAG,CAAA;EAEzB,MAAMxB,aAAa,GAAGC,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAIyB,qBAAqB,CAACC,IAAI,CAAA;AAEtE,EAAA,IAAIlC,SAAS,KAAKmC,SAAS,IAAInC,SAAS,KAAK,IAAI,EAAE;AACjD,IAAA,oBAAOoC,cAAA,CAAAC,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AAACrC,MAAAA,EAAE,EAAEA,EAAAA;AAAG,KAAA,EAAK0B,cAAc,EAAA;AAAEpC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAE,CAAC,CAAA;AAClE,GAAA;AAEA,EAAA,IAAIQ,SAAS,CAACwC,MAAM,KAAK,CAAC,EAAE;AAC1B,IAAA,oBACEJ,cAAA,CAAAC,aAAA,CAACI,aAAa,EAAAF,QAAA,CAAA;AACZxC,MAAAA,IAAI,EAAEC,SAAU;AAChBC,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,EAAE,EAAEA,EAAG;AACPO,MAAAA,UAAU,EAAEA,UAAW;AACvBK,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,aAAa,EAAEA,aAAc;AAC7BO,MAAAA,OAAO,EAAEA,OAAAA;AAAQ,KAAA,EACbG,cAAc,EAAA;AAClBpC,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CACV,CAAC,CAAA;AAEN,GAAA;AAEA,EAAA,oBACE4C,cAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAAH,QAAA,CAAA;AACf9C,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEgD,UAAU,CAACtD,QAAQ,CAACM,SAAS,EAAEA,SAAS,CAAE;AACrDI,IAAAA,IAAI,EAAEC,SAAU;AAChBE,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,aAAa,EAAEA,aAAc;AAC7BI,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAK;AACXxB,IAAAA,UAAU,EAAEA,UAAW;AACvByB,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BG,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACbG,cAAc,EAAA;AAClBpC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CACV,CAAC,CAAA;AAEN,CAAC,EAAC;AACFH,QAAQ,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC9BC,QAAQ,CAACuD,WAAW,GAAGzD,cAAc;;;;"}

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

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

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

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