@razorpay/blade 12.56.1 → 12.58.0

package/build/lib/web/development/components/Charts/DonutChart/DonutChart.web.js

@@ -0,0 +1,256 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _extends from '@babel/runtime/helpers/extends';
+import { useState, useRef, useEffect, useMemo, isValidElement, createElement } from 'react';
+import { Cell, ResponsiveContainer, PieChart, Label, Pie } from 'recharts';
+import '../utils/index.js';
+import { componentId as componentId$1 } from '../CommonChartComponents/tokens.js';
+import { componentId, LABEL_FONT_STYLES, LABEL_DISTANCE_FROM_CENTER, RADIUS_MAPPING, START_AND_END_ANGLES } from './tokens.js';
+import '../../BladeProvider/index.js';
+import '../../Box/BaseBox/index.js';
+import '../../../utils/metaAttribute/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import '../../../utils/isValidAllowedChildren/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import useChartsColorTheme from '../utils/useColorTheme.js';
+
+var _excluded = ["children", "content", "testID"],
+  _excluded2 = ["cx", "cy", "radius", "dataKey", "nameKey", "children", "data", "colorTheme", "type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _Cell = function _Cell(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx(Cell, _objectSpread({}, rest));
+};
+var ChartDonutCell = /*#__PURE__*/assignWithoutSideEffects(_Cell, {
+  componentId: componentId.cell
+});
+var getTranslate = function getTranslate(legendLayout, legendAlignment, legendWidth, legendHeight) {
+  if (legendLayout === 'vertical') {
+    return "translate(calc(-50% + ".concat(legendAlignment === 'right' ? -legendWidth / 2 : legendWidth / 2, "px) ,  calc(-50%))");
+  }
+  return "translate(-50%, calc(-50% - ".concat(legendHeight / 2, "px))");
+};
+var ChartDonutWrapper = function ChartDonutWrapper(_ref2) {
+  var children = _ref2.children,
+    content = _ref2.content,
+    testID = _ref2.testID,
+    restProps = _objectWithoutProperties(_ref2, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    legendHeight = _useState2[0],
+    setLegendHeight = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    legendWidth = _useState4[0],
+    setLegendWidth = _useState4[1];
+  var chartRef = useRef(null);
+  var isValuePresentInContent = content && _typeof(content) === 'object' && 'value' in content;
+  var isLabelPresentInContent = content && _typeof(content) === 'object' && 'label' in content;
+  useEffect(function () {
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        if (mutation.type === 'childList') {
+          var _chartRef$current;
+          var legendWrapper = (_chartRef$current = chartRef.current) === null || _chartRef$current === void 0 ? void 0 : _chartRef$current.querySelector('.recharts-legend-wrapper');
+          if (legendWrapper) {
+            var height = legendWrapper.getBoundingClientRect().height;
+            var width = legendWrapper.getBoundingClientRect().width;
+            setLegendHeight(height);
+            setLegendWidth(width);
+          }
+        }
+      });
+    });
+    if (chartRef.current) {
+      observer.observe(chartRef.current, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
+  var pieChartRadius = useMemo(function () {
+    if (Array.isArray(children)) {
+      var _donutChild$props;
+      var donutChild = children.find(function (child) {
+        return getComponentId(child) === componentId.chartDonut;
+      });
+      if (!donutChild || ! /*#__PURE__*/isValidElement(donutChild)) {
+        return 'medium';
+      }
+      return (donutChild === null || donutChild === void 0 || (_donutChild$props = donutChild.props) === null || _donutChild$props === void 0 ? void 0 : _donutChild$props.radius) || 'medium';
+    }
+    return 'medium';
+  }, [children]);
+  var legendLayout = useMemo(function () {
+    if (Array.isArray(children)) {
+      var _legendChild$props;
+      var legendChild = children.find(function (child) {
+        return getComponentId(child) === componentId$1.chartLegend;
+      });
+      if (!legendChild || ! /*#__PURE__*/isValidElement(legendChild)) {
+        return 'horizontal';
+      }
+      return (legendChild === null || legendChild === void 0 || (_legendChild$props = legendChild.props) === null || _legendChild$props === void 0 ? void 0 : _legendChild$props.layout) || 'horizontal';
+    }
+    return 'horizontal';
+  }, [children]);
+  var legendAlignment = useMemo(function () {
+    if (Array.isArray(children)) {
+      var _legendChild$props2;
+      var legendChild = children.find(function (child) {
+        return getComponentId(child) === componentId$1.chartLegend;
+      });
+      if (!legendChild || ! /*#__PURE__*/isValidElement(legendChild)) {
+        return 'right';
+      }
+      return (legendChild === null || legendChild === void 0 || (_legendChild$props2 = legendChild.props) === null || _legendChild$props2 === void 0 ? void 0 : _legendChild$props2.align) || 'right';
+    }
+    return 'right';
+  }, [children]);
+  return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    ref: chartRef
+  }, metaAttribute({
+    name: 'donut-chart',
+    testID: testID
+  })), makeAnalyticsAttribute(restProps)), {}, {
+    width: "100%",
+    height: "100%"
+  }, restProps), {}, {
+    position: /*#__PURE__*/isValidElement(content) ? 'relative' : undefined,
+    children: [/*#__PURE__*/jsx(ResponsiveContainer, {
+      width: "100%",
+      height: "100%",
+      children: /*#__PURE__*/jsxs(PieChart, {
+        children: [children, isLabelPresentInContent && /*#__PURE__*/jsx(Label, {
+          position: "center",
+          fill: theme.colors.surface.text.gray.muted,
+          fontSize: theme.typography.fonts.size[LABEL_FONT_STYLES[pieChartRadius].fontSize.label],
+          fontFamily: theme.typography.fonts.family.text,
+          fontWeight: theme.typography.fonts.weight.medium,
+          letterSpacing: theme.typography.letterSpacings[100],
+          dy: isValuePresentInContent ? LABEL_DISTANCE_FROM_CENTER[pieChartRadius].withText : LABEL_DISTANCE_FROM_CENTER[pieChartRadius].normal,
+          children: content === null || content === void 0 ? void 0 : content.label
+        }), isValuePresentInContent && /*#__PURE__*/jsx(Label, {
+          position: "center",
+          fill: theme.colors.surface.text.gray.normal,
+          fontSize: theme.typography.fonts.size[LABEL_FONT_STYLES[pieChartRadius].fontSize.text],
+          fontFamily: theme.typography.fonts.family.heading,
+          fontWeight: theme.typography.fonts.weight.bold,
+          letterSpacing: theme.typography.letterSpacings[100],
+          dy: isLabelPresentInContent ? LABEL_DISTANCE_FROM_CENTER[pieChartRadius].withLabel : LABEL_DISTANCE_FROM_CENTER[pieChartRadius].normal,
+          children: content === null || content === void 0 ? void 0 : content.value
+        })]
+      })
+    }), /*#__PURE__*/isValidElement(content) && /*#__PURE__*/jsx(BaseBox, {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: getTranslate(legendLayout, legendAlignment, legendWidth, legendHeight),
+      zIndex: 10,
+      textAlign: "center",
+      children: content
+    })]
+  }));
+};
+var _ChartDonut = function _ChartDonut(_ref3) {
+  var _ref3$cx = _ref3.cx,
+    cx = _ref3$cx === void 0 ? '50%' : _ref3$cx,
+    _ref3$cy = _ref3.cy,
+    cy = _ref3$cy === void 0 ? '50%' : _ref3$cy,
+    _ref3$radius = _ref3.radius,
+    radius = _ref3$radius === void 0 ? 'medium' : _ref3$radius,
+    dataKey = _ref3.dataKey,
+    nameKey = _ref3.nameKey,
+    children = _ref3.children,
+    data = _ref3.data,
+    _ref3$colorTheme = _ref3.colorTheme,
+    colorTheme = _ref3$colorTheme === void 0 ? 'categorical' : _ref3$colorTheme,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'circle' : _ref3$type,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  var radiusConfig = RADIUS_MAPPING[radius];
+  var themeColors = useChartsColorTheme({
+    colorTheme: colorTheme
+  });
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoveredIndex = _useState6[0],
+    setHoveredIndex = _useState6[1];
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  var getCellOpacity = function getCellOpacity(hoveredIndex, currentIndex) {
+    if (hoveredIndex === null) return 1;
+    if (hoveredIndex === currentIndex) return 1;
+    return 0.2;
+  };
+  var modifiedChildren = useMemo(function () {
+    if (Array.isArray(children)) {
+      return children.map(function (child, index) {
+        if (getComponentId(child) === componentId.cell) {
+          /* 
+           Why we are not using React.cloneElement ?  just use ChartDonutCell no?
+           cell can never be  custom component in recharts. (as of v3.1.2)
+           (https://github.com/recharts/recharts/issues/2788)
+           https://github.com/recharts/recharts/discussions/5474
+            So we have placeholder component ChartDonutCell. which we replaced by RechartsCell internally so dev can see hover effects
+           working out of box. 
+           */
+          var fill = getIn(theme.colors, child.props.color) || themeColors[index];
+          return /*#__PURE__*/createElement(Cell, _objectSpread(_objectSpread({}, child.props), {}, {
+            fill: fill,
+            key: index,
+            opacity: getCellOpacity(hoveredIndex, index)
+          }));
+        } else {
+          return child;
+        }
+      });
+    }
+    return data === null || data === void 0 ? void 0 : data.map(function (_, index) {
+      return /*#__PURE__*/jsx(Cell, {
+        fill: themeColors[index],
+        opacity: getCellOpacity(hoveredIndex, index)
+      }, index);
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [children, data, colorTheme, hoveredIndex, themeColors]);
+  return /*#__PURE__*/jsx(Pie, _objectSpread(_objectSpread({}, rest), {}, {
+    cx: cx,
+    cy: cy,
+    outerRadius: radiusConfig.outerRadius,
+    innerRadius: radiusConfig.innerRadius,
+    data: data,
+    startAngle: START_AND_END_ANGLES[type].startAngle,
+    endAngle: START_AND_END_ANGLES[type].endAngle,
+    onMouseEnter: function onMouseEnter(data, index) {
+      setHoveredIndex(index);
+    },
+    onMouseLeave: function onMouseLeave() {
+      setHoveredIndex(null);
+    },
+    children: modifiedChildren
+  }));
+};
+var ChartDonut = /*#__PURE__*/assignWithoutSideEffects(_ChartDonut, {
+  componentId: componentId.chartDonut
+});
+
+export { ChartDonut, ChartDonutCell, ChartDonutWrapper };
+//# sourceMappingURL=DonutChart.web.js.map

package/build/lib/web/development/components/Charts/DonutChart/DonutChart.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.web.js","sources":["../../../../../../../src/components/Charts/DonutChart/DonutChart.web.tsx"],"sourcesContent":["import React, { isValidElement, useMemo, useState, useRef, useEffect } from 'react';\nimport {\n  PieChart as RechartsPieChart,\n  Pie as RechartsPie,\n  Cell as RechartsCell,\n  ResponsiveContainer as RechartsResponsiveContainer,\n  Label,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport { componentId as commonChartComponentId } from '../CommonChartComponents/tokens';\nimport type {\n  ChartDonutWrapperProps,\n  ChartDonutCellProps,\n  ChartDonutProps,\n  ChartRadius,\n} from './types';\nimport {\n  RADIUS_MAPPING,\n  START_AND_END_ANGLES,\n  componentId,\n  LABEL_DISTANCE_FROM_CENTER,\n  LABEL_FONT_STYLES,\n} from './tokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\n// Cell component\nconst _Cell: React.FC<ChartDonutCellProps> = ({ ...rest }) => {\n  return <RechartsCell {...rest} />;\n};\n\nconst ChartDonutCell = assignWithoutSideEffects(_Cell, {\n  componentId: componentId.cell,\n});\n\nconst getTranslate = (\n  legendLayout: 'horizontal' | 'vertical',\n  legendAlignment: 'left' | 'right',\n  legendWidth: number,\n  legendHeight: number,\n): string => {\n  if (legendLayout === 'vertical') {\n    return `translate(calc(-50% + ${\n      legendAlignment === 'right' ? -legendWidth / 2 : legendWidth / 2\n    }px) ,  calc(-50%))`;\n  }\n  return `translate(-50%, calc(-50% - ${legendHeight / 2}px))`;\n};\n\nconst ChartDonutWrapper: React.FC<ChartDonutWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  content,\n  testID,\n  ...restProps\n}) => {\n  const { theme } = useTheme();\n  const [legendHeight, setLegendHeight] = useState(0);\n  const [legendWidth, setLegendWidth] = useState(0);\n  const chartRef = useRef<HTMLDivElement>(null);\n  const isValuePresentInContent = content && typeof content === 'object' && 'value' in content;\n  const isLabelPresentInContent = content && typeof content === 'object' && 'label' in content;\n  useEffect(() => {\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === 'childList') {\n          const legendWrapper = chartRef.current?.querySelector('.recharts-legend-wrapper');\n          if (legendWrapper) {\n            const height = legendWrapper.getBoundingClientRect().height;\n            const width = legendWrapper.getBoundingClientRect().width;\n            setLegendHeight(height);\n            setLegendWidth(width);\n          }\n        }\n      });\n    });\n\n    if (chartRef.current) {\n      observer.observe(chartRef.current, { childList: true, subtree: true });\n    }\n\n    return () => observer.disconnect();\n  }, []);\n\n  const pieChartRadius: ChartRadius = useMemo(() => {\n    if (Array.isArray(children)) {\n      const donutChild = children.find((child) => getComponentId(child) === componentId.chartDonut);\n      if (!donutChild || !isValidElement(donutChild)) {\n        return 'medium';\n      }\n      return donutChild?.props?.radius || 'medium';\n    }\n    return 'medium';\n  }, [children]);\n\n  const legendLayout = useMemo(() => {\n    if (Array.isArray(children)) {\n      const legendChild = children.find(\n        (child) => getComponentId(child) === commonChartComponentId.chartLegend,\n      );\n      if (!legendChild || !isValidElement(legendChild)) {\n        return 'horizontal';\n      }\n      return legendChild?.props?.layout || 'horizontal';\n    }\n    return 'horizontal';\n  }, [children]);\n\n  const legendAlignment = useMemo(() => {\n    if (Array.isArray(children)) {\n      const legendChild = children.find(\n        (child) => getComponentId(child) === commonChartComponentId.chartLegend,\n      );\n      if (!legendChild || !isValidElement(legendChild)) {\n        return 'right';\n      }\n      return legendChild?.props?.align || 'right';\n    }\n    return 'right';\n  }, [children]);\n\n  return (\n    <BaseBox\n      ref={chartRef}\n      {...metaAttribute({ name: 'donut-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n      position={isValidElement(content) ? 'relative' : undefined}\n    >\n      <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsPieChart>\n          {children}\n          {isLabelPresentInContent && (\n            <Label\n              position=\"center\"\n              fill={theme.colors.surface.text.gray.muted}\n              fontSize={\n                theme.typography.fonts.size[\n                  LABEL_FONT_STYLES[pieChartRadius].fontSize\n                    .label as keyof typeof theme.typography.fonts.size\n                ]\n              }\n              fontFamily={theme.typography.fonts.family.text}\n              fontWeight={theme.typography.fonts.weight.medium}\n              letterSpacing={theme.typography.letterSpacings[100]}\n              dy={\n                isValuePresentInContent\n                  ? LABEL_DISTANCE_FROM_CENTER[pieChartRadius].withText\n                  : LABEL_DISTANCE_FROM_CENTER[pieChartRadius].normal\n              }\n            >\n              {content?.label}\n            </Label>\n          )}\n          {isValuePresentInContent && (\n            <Label\n              position=\"center\"\n              fill={theme.colors.surface.text.gray.normal}\n              fontSize={\n                theme.typography.fonts.size[\n                  LABEL_FONT_STYLES[pieChartRadius].fontSize\n                    .text as keyof typeof theme.typography.fonts.size\n                ]\n              }\n              fontFamily={theme.typography.fonts.family.heading}\n              fontWeight={theme.typography.fonts.weight.bold}\n              letterSpacing={theme.typography.letterSpacings[100]}\n              dy={\n                isLabelPresentInContent\n                  ? LABEL_DISTANCE_FROM_CENTER[pieChartRadius].withLabel\n                  : LABEL_DISTANCE_FROM_CENTER[pieChartRadius].normal\n              }\n            >\n              {content?.value}\n            </Label>\n          )}\n        </RechartsPieChart>\n      </RechartsResponsiveContainer>\n\n      {isValidElement(content) && (\n        <BaseBox\n          position=\"absolute\"\n          top=\"50%\"\n          left=\"50%\"\n          transform={getTranslate(legendLayout, legendAlignment, legendWidth, legendHeight)}\n          zIndex={10}\n          textAlign=\"center\"\n        >\n          {content}\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst _ChartDonut: React.FC<ChartDonutProps> = ({\n  cx = '50%',\n  cy = '50%',\n  radius = 'medium',\n  dataKey,\n  nameKey,\n  children,\n  data,\n  colorTheme = 'categorical',\n  type = 'circle',\n  ...rest\n}) => {\n  const radiusConfig = RADIUS_MAPPING[radius];\n  const themeColors = useChartsColorTheme({ colorTheme });\n  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);\n  const { theme } = useTheme();\n\n  const getCellOpacity = (hoveredIndex: number | null, currentIndex: number): number => {\n    if (hoveredIndex === null) return 1;\n    if (hoveredIndex === currentIndex) return 1;\n    return 0.2;\n  };\n\n  const modifiedChildren = useMemo(() => {\n    if (Array.isArray(children)) {\n      return children.map((child, index) => {\n        if (getComponentId(child) === componentId.cell) {\n          /* \n           Why we are not using React.cloneElement ?  just use ChartDonutCell no?\n           cell can never be  custom component in recharts. (as of v3.1.2)\n           (https://github.com/recharts/recharts/issues/2788)\n           https://github.com/recharts/recharts/discussions/5474\n\n           So we have placeholder component ChartDonutCell. which we replaced by RechartsCell internally so dev can see hover effects\n           working out of box. \n           */\n          const fill = getIn(theme.colors, child.props.color) || themeColors[index];\n          return (\n            <RechartsCell\n              {...child.props}\n              fill={fill}\n              key={index}\n              opacity={getCellOpacity(hoveredIndex, index)}\n            />\n          );\n        } else {\n          return child;\n        }\n      });\n    }\n    return data?.map((_, index) => (\n      <RechartsCell\n        fill={themeColors[index]}\n        key={index}\n        opacity={getCellOpacity(hoveredIndex, index)}\n      />\n    ));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, data, colorTheme, hoveredIndex, themeColors]);\n\n  return (\n    <RechartsPie\n      {...rest}\n      cx={cx}\n      cy={cy}\n      outerRadius={radiusConfig.outerRadius}\n      innerRadius={radiusConfig.innerRadius}\n      data={data}\n      startAngle={START_AND_END_ANGLES[type].startAngle}\n      endAngle={START_AND_END_ANGLES[type].endAngle}\n      onMouseEnter={(data, index) => {\n        setHoveredIndex(index);\n      }}\n      onMouseLeave={() => {\n        setHoveredIndex(null);\n      }}\n    >\n      {modifiedChildren}\n    </RechartsPie>\n  );\n};\n\nconst ChartDonut = assignWithoutSideEffects(_ChartDonut, {\n  componentId: componentId.chartDonut,\n});\n\nexport { ChartDonut, ChartDonutWrapper, ChartDonutCell };\n"],"names":["_Cell","_ref","rest","_extends","_objectDestructuringEmpty","_jsx","RechartsCell","_objectSpread","ChartDonutCell","assignWithoutSideEffects","componentId","cell","getTranslate","legendLayout","legendAlignment","legendWidth","legendHeight","concat","ChartDonutWrapper","_ref2","children","content","testID","restProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useState","useState","_useState2","_slicedToArray","setLegendHeight","_useState3","_useState4","setLegendWidth","chartRef","useRef","isValuePresentInContent","_typeof","isLabelPresentInContent","useEffect","observer","MutationObserver","mutations","forEach","mutation","type","_chartRef$current","legendWrapper","current","querySelector","height","getBoundingClientRect","width","observe","childList","subtree","disconnect","pieChartRadius","useMemo","Array","isArray","_donutChild$props","donutChild","find","child","getComponentId","chartDonut","isValidElement","props","radius","_legendChild$props","legendChild","commonChartComponentId","chartLegend","layout","_legendChild$props2","align","_jsxs","BaseBox","ref","metaAttribute","name","makeAnalyticsAttribute","position","undefined","RechartsResponsiveContainer","RechartsPieChart","Label","fill","colors","surface","text","gray","muted","fontSize","typography","fonts","size","LABEL_FONT_STYLES","label","fontFamily","family","fontWeight","weight","medium","letterSpacing","letterSpacings","dy","LABEL_DISTANCE_FROM_CENTER","withText","normal","heading","bold","withLabel","value","top","left","transform","zIndex","textAlign","_ChartDonut","_ref3","_ref3$cx","cx","_ref3$cy","cy","_ref3$radius","dataKey","nameKey","data","_ref3$colorTheme","colorTheme","_ref3$type","_excluded2","radiusConfig","RADIUS_MAPPING","themeColors","useChartsColorTheme","_useState5","_useState6","hoveredIndex","setHoveredIndex","_useTheme2","getCellOpacity","currentIndex","modifiedChildren","map","index","getIn","color","_createElement","key","opacity","_","RechartsPie","outerRadius","innerRadius","startAngle","START_AND_END_ANGLES","endAngle","onMouseEnter","onMouseLeave","ChartDonut"],"mappings":"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"}

package/build/lib/web/development/components/Charts/DonutChart/index.js

@@ -0,0 +1,2 @@
+export { ChartDonut, ChartDonutCell, ChartDonutWrapper } from './DonutChart.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Charts/DonutChart/index.js.map

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

package/build/lib/web/development/components/Charts/DonutChart/tokens.js

@@ -0,0 +1,78 @@
+var RADIUS_MAPPING = {
+  small: {
+    outerRadius: 80,
+    innerRadius: 52
+  },
+  medium: {
+    outerRadius: 120,
+    innerRadius: 80
+  },
+  large: {
+    outerRadius: 162,
+    innerRadius: 100
+  }
+};
+var START_AND_END_ANGLES = {
+  circle: {
+    startAngle: 450,
+    endAngle: 90
+  },
+  semicircle: {
+    startAngle: 180,
+    endAngle: 0
+  }
+};
+var componentId = {
+  chartDonut: 'chartDonut',
+  cell: 'cell'
+};
+var CENTER_TEXT_POSITION = {
+  withLegend: {
+    x: '50%',
+    y: '48%'
+  },
+  withoutLegend: {
+    x: '50%',
+    y: '50%'
+  }
+};
+var LABEL_DISTANCE_FROM_CENTER = {
+  small: {
+    normal: 0,
+    withText: -14,
+    withLabel: 6
+  },
+  medium: {
+    normal: 0,
+    withText: -16,
+    withLabel: 8
+  },
+  large: {
+    normal: 0,
+    withText: -18,
+    withLabel: 10
+  }
+};
+var LABEL_FONT_STYLES = {
+  small: {
+    fontSize: {
+      label: 75,
+      text: 500
+    }
+  },
+  medium: {
+    fontSize: {
+      label: 100,
+      text: 600
+    }
+  },
+  large: {
+    fontSize: {
+      label: 200,
+      text: 700
+    }
+  }
+};
+
+export { CENTER_TEXT_POSITION, LABEL_DISTANCE_FROM_CENTER, LABEL_FONT_STYLES, RADIUS_MAPPING, START_AND_END_ANGLES, componentId };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/Charts/DonutChart/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Charts/DonutChart/tokens.tsx"],"sourcesContent":["const RADIUS_MAPPING = {\n  small: { outerRadius: 80, innerRadius: 52 },\n  medium: { outerRadius: 120, innerRadius: 80 },\n  large: { outerRadius: 162, innerRadius: 100 },\n};\n\nconst START_AND_END_ANGLES = {\n  circle: { startAngle: 450, endAngle: 90 },\n  semicircle: { startAngle: 180, endAngle: 0 },\n};\n\nconst componentId = {\n  chartDonut: 'chartDonut',\n  cell: 'cell',\n};\n\nconst CENTER_TEXT_POSITION = {\n  withLegend: { x: '50%', y: '48%' },\n  withoutLegend: { x: '50%', y: '50%' },\n};\n\nconst LABEL_DISTANCE_FROM_CENTER = {\n  small: { normal: 0, withText: -14, withLabel: 6 },\n  medium: { normal: 0, withText: -16, withLabel: 8 },\n  large: { normal: 0, withText: -18, withLabel: 10 },\n};\n\nconst LABEL_FONT_STYLES = {\n  small: { fontSize: { label: 75, text: 500 } },\n  medium: { fontSize: { label: 100, text: 600 } },\n  large: { fontSize: { label: 200, text: 700 } },\n};\n\nexport {\n  RADIUS_MAPPING,\n  componentId,\n  START_AND_END_ANGLES,\n  CENTER_TEXT_POSITION,\n  LABEL_DISTANCE_FROM_CENTER,\n  LABEL_FONT_STYLES,\n};\n"],"names":["RADIUS_MAPPING","small","outerRadius","innerRadius","medium","large","START_AND_END_ANGLES","circle","startAngle","endAngle","semicircle","componentId","chartDonut","cell","CENTER_TEXT_POSITION","withLegend","x","y","withoutLegend","LABEL_DISTANCE_FROM_CENTER","normal","withText","withLabel","LABEL_FONT_STYLES","fontSize","label","text"],"mappings":"AAAA,IAAMA,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,WAAW,EAAE,EAAE;AAAEC,IAAAA,WAAW,EAAE,EAAA;GAAI;AAC3CC,EAAAA,MAAM,EAAE;AAAEF,IAAAA,WAAW,EAAE,GAAG;AAAEC,IAAAA,WAAW,EAAE,EAAA;GAAI;AAC7CE,EAAAA,KAAK,EAAE;AAAEH,IAAAA,WAAW,EAAE,GAAG;AAAEC,IAAAA,WAAW,EAAE,GAAA;AAAI,GAAA;AAC9C,EAAC;AAED,IAAMG,oBAAoB,GAAG;AAC3BC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,UAAU,EAAE,GAAG;AAAEC,IAAAA,QAAQ,EAAE,EAAA;GAAI;AACzCC,EAAAA,UAAU,EAAE;AAAEF,IAAAA,UAAU,EAAE,GAAG;AAAEC,IAAAA,QAAQ,EAAE,CAAA;AAAE,GAAA;AAC7C,EAAC;AAED,IAAME,WAAW,GAAG;AAClBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAC;AAED,IAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,CAAC,EAAE,KAAK;AAAEC,IAAAA,CAAC,EAAE,KAAA;GAAO;AAClCC,EAAAA,aAAa,EAAE;AAAEF,IAAAA,CAAC,EAAE,KAAK;AAAEC,IAAAA,CAAC,EAAE,KAAA;AAAM,GAAA;AACtC,EAAC;AAED,IAAME,0BAA0B,GAAG;AACjClB,EAAAA,KAAK,EAAE;AAAEmB,IAAAA,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC,EAAE;AAAEC,IAAAA,SAAS,EAAE,CAAA;GAAG;AACjDlB,EAAAA,MAAM,EAAE;AAAEgB,IAAAA,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC,EAAE;AAAEC,IAAAA,SAAS,EAAE,CAAA;GAAG;AAClDjB,EAAAA,KAAK,EAAE;AAAEe,IAAAA,MAAM,EAAE,CAAC;IAAEC,QAAQ,EAAE,CAAC,EAAE;AAAEC,IAAAA,SAAS,EAAE,EAAA;AAAG,GAAA;AACnD,EAAC;AAED,IAAMC,iBAAiB,GAAG;AACxBtB,EAAAA,KAAK,EAAE;AAAEuB,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE,GAAA;AAAI,KAAA;GAAG;AAC7CtB,EAAAA,MAAM,EAAE;AAAEoB,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,GAAA;AAAI,KAAA;GAAG;AAC/CrB,EAAAA,KAAK,EAAE;AAAEmB,IAAAA,QAAQ,EAAE;AAAEC,MAAAA,KAAK,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,GAAA;AAAI,KAAA;AAAE,GAAA;AAC/C;;;;"}

package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js

@@ -42,7 +42,7 @@ var Line = function Line(_ref) {
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var themeColors = useChartsColorTheme({
-    colorTheme: _colorTheme !== null && _colorTheme !== void 0 ? _colorTheme : 'default'
+    colorTheme: _colorTheme
   });
   var colorToken = color ? getIn(theme.colors, color) : themeColors[_index !== null && _index !== void 0 ? _index : 0];
   var strokeDasharray = strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;

package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({ colorTheme: _colorTheme ?? 'default' });\n  const colorToken = color ? getIn(theme.colors, color) : themeColors[_index ?? 0];\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsLine\n      stroke={colorToken}\n      strokeWidth={3}\n      strokeDasharray={strokeDasharray}\n      type={type}\n      activeDot={activeDot}\n      dot={dot}\n      legendType={showLegend ? 'line' : 'none'}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      {...props}\n    />\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'default',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const lineChartModifiedChildrens = React.useMemo(() => {\n    let LineChartIndex = 0;\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        return React.cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n  }, [children, colorTheme]);\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'line-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsLineChart data={data}>{lineChartModifiedChildrens}</RechartsLineChart>\n      </RechartsResponsiveContainer>\n    </BaseBox>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","_jsx","RechartsLine","_objectSpread","stroke","strokeWidth","legendType","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","children","_ref2$colorTheme","testID","data","restProps","_excluded2","lineChartModifiedChildrens","React","useMemo","LineChartIndex","Children","map","child","isValidElement","getComponentId","cloneElement","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}
+{"version":3,"file":"LineChart.web.js","sources":["../../../../../../../src/components/Charts/LineChart/LineChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  LineChart as RechartsLineChart,\n  Line as RechartsLine,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport type { ChartLineProps, ChartLineWrapperProps } from './types';\nimport { componentIds } from './componentIds';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst Line: React.FC<ChartLineProps> = ({\n  color,\n  strokeStyle = 'solid',\n  type = 'monotone',\n  dot = false,\n  activeDot = true,\n  showLegend = true,\n  _index,\n  _colorTheme,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({ colorTheme: _colorTheme });\n  const colorToken = color ? getIn(theme.colors, color) : themeColors[_index ?? 0];\n\n  const strokeDasharray =\n    strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;\n\n  const isLineDotted = strokeStyle === 'dashed';\n  const animationBegin = isLineDotted\n    ? theme.motion.delay.gentle + theme.motion.duration.xgentle\n    : theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsLine\n      stroke={colorToken}\n      strokeWidth={3}\n      strokeDasharray={strokeDasharray}\n      type={type}\n      activeDot={activeDot}\n      dot={dot}\n      legendType={showLegend ? 'line' : 'none'}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      {...props}\n    />\n  );\n};\n\nconst ChartLine = assignWithoutSideEffects(Line, {\n  componentId: componentIds.ChartLine,\n});\n\n// Main components\nconst ChartLineWrapper: React.FC<ChartLineWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'default',\n  testID,\n  data,\n  ...restProps\n}) => {\n  const lineChartModifiedChildrens = React.useMemo(() => {\n    let LineChartIndex = 0;\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {\n        return React.cloneElement(child, {\n          _index: LineChartIndex++,\n          _colorTheme: colorTheme,\n        } as Partial<ChartLineProps>);\n      }\n      return child;\n    });\n  }, [children, colorTheme]);\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'line-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n        <RechartsLineChart data={data}>{lineChartModifiedChildrens}</RechartsLineChart>\n      </RechartsResponsiveContainer>\n    </BaseBox>\n  );\n};\n\nexport { ChartLine, ChartLineWrapper };\n"],"names":["Line","_ref","color","_ref$strokeStyle","strokeStyle","_ref$type","type","_ref$dot","dot","_ref$activeDot","activeDot","_ref$showLegend","showLegend","_index","_colorTheme","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","colorToken","getIn","colors","strokeDasharray","undefined","isLineDotted","animationBegin","motion","delay","gentle","duration","xgentle","animationDuration","_jsx","RechartsLine","_objectSpread","stroke","strokeWidth","legendType","ChartLine","assignWithoutSideEffects","componentId","componentIds","ChartLineWrapper","_ref2","children","_ref2$colorTheme","testID","data","restProps","_excluded2","lineChartModifiedChildrens","React","useMemo","LineChartIndex","Children","map","child","isValidElement","getComponentId","cloneElement","BaseBox","metaAttribute","name","makeAnalyticsAttribute","width","height","RechartsResponsiveContainer","RechartsLineChart"],"mappings":"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"}

package/build/lib/web/development/components/Charts/index.js

@@ -1,5 +1,6 @@
 import './LineChart/index.js';
 import './AreaChart/index.js';
+import './DonutChart/index.js';
 import './BarChart/index.js';
 import './CommonChartComponents/index.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Charts/index.js.map

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

package/build/lib/web/development/components/Charts/utils/useColorTheme.js

@@ -1,18 +1,26 @@
 import '../../BladeProvider/index.js';
 import useTheme from '../../BladeProvider/useTheme.js';
 
+/**
+ * The color theme of the chart.
+ * @default 'categorical'
+ * @description The color theme of the chart.
+ *
+ */
+
 var useChartsColorTheme = function useChartsColorTheme(_ref) {
   var _ref$colorTheme = _ref.colorTheme,
-    colorTheme = _ref$colorTheme === void 0 ? 'default' : _ref$colorTheme;
+    colorTheme = _ref$colorTheme === void 0 ? 'categorical' : _ref$colorTheme;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var defaultColorThemeArray = [theme.colors.chart.background.categorical.azure.subtle, theme.colors.chart.background.categorical.topaz.moderate, theme.colors.chart.background.categorical.orchid.moderate, theme.colors.chart.background.categorical.emerald.subtle, theme.colors.chart.background.categorical.cider.moderate, theme.colors.chart.background.categorical.sapphire.moderate, theme.colors.chart.background.categorical.magenta.moderate, theme.colors.chart.background.categorical.crimson.subtle, theme.colors.chart.background.categorical.azure.intense, theme.colors.chart.background.categorical.topaz.intense, theme.colors.chart.background.categorical.orchid.intense, theme.colors.chart.background.categorical.emerald.intense, theme.colors.chart.background.categorical.sapphire.intense, theme.colors.chart.background.categorical.magenta.intense, theme.colors.chart.background.categorical.cider.intense, theme.colors.chart.background.categorical.crimson.intense];
-  if (colorTheme !== 'default') {
-    console.log('Currently we only support default color theme');
+  var categoricalColorThemeArray = [theme.colors.chart.background.categorical.azure.subtle, theme.colors.chart.background.categorical.topaz.moderate, theme.colors.chart.background.categorical.orchid.moderate, theme.colors.chart.background.categorical.emerald.subtle, theme.colors.chart.background.categorical.cider.moderate, theme.colors.chart.background.categorical.sapphire.moderate, theme.colors.chart.background.categorical.magenta.moderate, theme.colors.chart.background.categorical.crimson.subtle, theme.colors.chart.background.categorical.azure.intense, theme.colors.chart.background.categorical.topaz.intense, theme.colors.chart.background.categorical.orchid.intense, theme.colors.chart.background.categorical.emerald.intense, theme.colors.chart.background.categorical.sapphire.intense, theme.colors.chart.background.categorical.magenta.intense, theme.colors.chart.background.categorical.cider.intense, theme.colors.chart.background.categorical.crimson.intense];
+  if (colorTheme !== 'categorical') {
+    console.log("".concat(colorTheme, " is not supported. Blade only supports 'categorical'  color theme"));
   }
+
   //TODO:Currently we only have one color theme will add more color theme later.
 
-  return defaultColorThemeArray;
+  return categoricalColorThemeArray;
 };
 
 export { useChartsColorTheme as default };

package/build/lib/web/development/components/Charts/utils/useColorTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorTheme.js","sources":["../../../../../../../src/components/Charts/utils/useColorTheme.tsx"],"sourcesContent":["import { useTheme } from '~components/BladeProvider';\n\nexport type colorTheme = 'default';\n\nconst useChartsColorTheme = ({ colorTheme = 'default' }: { colorTheme: colorTheme }): string[] => {\n  const { theme } = useTheme();\n  const defaultColorThemeArray = [\n    theme.colors.chart.background.categorical.azure.subtle,\n    theme.colors.chart.background.categorical.topaz.moderate,\n    theme.colors.chart.background.categorical.orchid.moderate,\n    theme.colors.chart.background.categorical.emerald.subtle,\n    theme.colors.chart.background.categorical.cider.moderate,\n    theme.colors.chart.background.categorical.sapphire.moderate,\n    theme.colors.chart.background.categorical.magenta.moderate,\n    theme.colors.chart.background.categorical.crimson.subtle,\n    theme.colors.chart.background.categorical.azure.intense,\n    theme.colors.chart.background.categorical.topaz.intense,\n    theme.colors.chart.background.categorical.orchid.intense,\n    theme.colors.chart.background.categorical.emerald.intense,\n    theme.colors.chart.background.categorical.sapphire.intense,\n    theme.colors.chart.background.categorical.magenta.intense,\n    theme.colors.chart.background.categorical.cider.intense,\n    theme.colors.chart.background.categorical.crimson.intense,\n  ];\n\n  if (colorTheme !== 'default') {\n    console.log('Currently we only support default color theme');\n  }\n  //TODO:Currently we only have one color theme will add more color theme later.\n\n  return defaultColorThemeArray;\n};\n\nexport default useChartsColorTheme;\n"],"names":["useChartsColorTheme","_ref","_ref$colorTheme","colorTheme","_useTheme","useTheme","theme","defaultColorThemeArray","colors","chart","background","categorical","azure","subtle","topaz","moderate","orchid","emerald","cider","sapphire","magenta","crimson","intense","console","log"],"mappings":";;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAAC,eAAA,GAAAD,IAAA,CAAnEE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,eAAA,CAAA;AACnD,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,sBAAsB,GAAG,CAC7BD,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACC,MAAM,EACtDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACC,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACD,QAAQ,EACzDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACJ,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACH,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACJ,QAAQ,EAC3DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACL,QAAQ,EAC1DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACR,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACU,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACQ,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACM,OAAO,EACxDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACK,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACG,OAAO,EAC1DhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACE,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACI,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACC,OAAO,CAC1D,CAAA;EAED,IAAInB,UAAU,KAAK,SAAS,EAAE;AAC5BoB,IAAAA,OAAO,CAACC,GAAG,CAAC,+CAA+C,CAAC,CAAA;AAC9D,GAAA;AACA;;AAEA,EAAA,OAAOjB,sBAAsB,CAAA;AAC/B;;;;"}
+{"version":3,"file":"useColorTheme.js","sources":["../../../../../../../src/components/Charts/utils/useColorTheme.tsx"],"sourcesContent":["import { useTheme } from '~components/BladeProvider';\n/**\n * The color theme of the chart.\n * @default 'categorical'\n * @description The color theme of the chart.\n *\n */\nexport type ColorTheme = 'categorical';\n\nconst useChartsColorTheme = ({\n  colorTheme = 'categorical',\n}: {\n  colorTheme?: ColorTheme;\n}): string[] => {\n  const { theme } = useTheme();\n  const categoricalColorThemeArray = [\n    theme.colors.chart.background.categorical.azure.subtle,\n    theme.colors.chart.background.categorical.topaz.moderate,\n    theme.colors.chart.background.categorical.orchid.moderate,\n    theme.colors.chart.background.categorical.emerald.subtle,\n    theme.colors.chart.background.categorical.cider.moderate,\n    theme.colors.chart.background.categorical.sapphire.moderate,\n    theme.colors.chart.background.categorical.magenta.moderate,\n    theme.colors.chart.background.categorical.crimson.subtle,\n    theme.colors.chart.background.categorical.azure.intense,\n    theme.colors.chart.background.categorical.topaz.intense,\n    theme.colors.chart.background.categorical.orchid.intense,\n    theme.colors.chart.background.categorical.emerald.intense,\n    theme.colors.chart.background.categorical.sapphire.intense,\n    theme.colors.chart.background.categorical.magenta.intense,\n    theme.colors.chart.background.categorical.cider.intense,\n    theme.colors.chart.background.categorical.crimson.intense,\n  ];\n\n  if (colorTheme !== 'categorical') {\n    console.log(`${colorTheme} is not supported. Blade only supports 'categorical'  color theme`);\n  }\n\n  //TODO:Currently we only have one color theme will add more color theme later.\n\n  return categoricalColorThemeArray;\n};\n\nexport default useChartsColorTheme;\n"],"names":["useChartsColorTheme","_ref","_ref$colorTheme","colorTheme","_useTheme","useTheme","theme","categoricalColorThemeArray","colors","chart","background","categorical","azure","subtle","topaz","moderate","orchid","emerald","cider","sapphire","magenta","crimson","intense","console","log","concat"],"mappings":";;;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAIT;AAAA,EAAA,IAAAC,eAAA,GAAAD,IAAA,CAHdE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,eAAA,CAAA;AAI1B,EAAA,IAAAE,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAMC,0BAA0B,GAAG,CACjCD,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACC,MAAM,EACtDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACC,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACD,QAAQ,EACzDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACJ,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACH,QAAQ,EACxDT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACJ,QAAQ,EAC3DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACL,QAAQ,EAC1DT,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACR,MAAM,EACxDP,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACC,KAAK,CAACU,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACG,KAAK,CAACQ,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACK,MAAM,CAACM,OAAO,EACxDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACM,OAAO,CAACK,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACQ,QAAQ,CAACG,OAAO,EAC1DhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACS,OAAO,CAACE,OAAO,EACzDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACO,KAAK,CAACI,OAAO,EACvDhB,KAAK,CAACE,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,WAAW,CAACU,OAAO,CAACC,OAAO,CAC1D,CAAA;EAED,IAAInB,UAAU,KAAK,aAAa,EAAE;AAChCoB,IAAAA,OAAO,CAACC,GAAG,CAAA,EAAA,CAAAC,MAAA,CAAItB,UAAU,sEAAmE,CAAC,CAAA;AAC/F,GAAA;;AAEA;;AAEA,EAAA,OAAOI,0BAA0B,CAAA;AACnC;;;;"}

package/build/lib/web/development/components/index.js

@@ -110,6 +110,7 @@ export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
 export { ChatMessage } from './ChatMessage/ChatMessage.web.js';
 export { ChartLine, ChartLineWrapper } from './Charts/LineChart/LineChart.web.js';
 export { ChartArea, ChartAreaWrapper } from './Charts/AreaChart/AreaChart.web.js';
+export { ChartDonut, ChartDonutCell, ChartDonutWrapper } from './Charts/DonutChart/DonutChart.web.js';
 export { ChartBar, ChartBarWrapper } from './Charts/BarChart/BarChart.web.js';
 export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './Charts/CommonChartComponents/CommonChartComponents.web.js';
 export { Chip } from './Chip/Chip.js';

package/build/lib/web/development/components/index.js.map

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

package/build/lib/web/development/tokens/theme/bladeTheme.js

@@ -470,7 +470,7 @@ var colors = {
           emerald: {
             faint: colors$1.chromatic.emerald[50],
             subtle: colors$1.chromatic.emerald[200],
-            moderate: colors$1.chromatic.emerald[500],
+            moderate: colors$1.chromatic.emerald[600],
             intense: colors$1.chromatic.emerald[600],
             strong: colors$1.chromatic.emerald[800]
           },
@@ -482,45 +482,45 @@ var colors = {
             strong: colors$1.chromatic.crimson[800]
           },
           cider: {
-            subtle: colors$1.chromatic.cider[50],
-            moderate: colors$1.chromatic.cider[200],
+            faint: colors$1.chromatic.cider[50],
+            subtle: colors$1.chromatic.cider[200],
+            moderate: colors$1.chromatic.cider[600],
             intense: colors$1.chromatic.cider[600],
-            faint: colors$1.chromatic.cider[600],
             strong: colors$1.chromatic.cider[800]
           },
           sapphire: {
-            subtle: colors$1.chromatic.sapphire[50],
-            moderate: colors$1.chromatic.sapphire[200],
+            faint: colors$1.chromatic.sapphire[50],
+            subtle: colors$1.chromatic.sapphire[200],
+            moderate: colors$1.chromatic.sapphire[600],
             intense: colors$1.chromatic.sapphire[600],
-            faint: colors$1.chromatic.sapphire[600],
             strong: colors$1.chromatic.sapphire[800]
           },
           orchid: {
-            subtle: colors$1.chromatic.orchid[50],
-            moderate: colors$1.chromatic.orchid[200],
-            intense: colors$1.chromatic.orchid[500],
-            faint: colors$1.chromatic.orchid[600],
+            faint: colors$1.chromatic.orchid[50],
+            subtle: colors$1.chromatic.orchid[200],
+            moderate: colors$1.chromatic.orchid[600],
+            intense: colors$1.chromatic.orchid[600],
             strong: colors$1.chromatic.orchid[800]
           },
           magenta: {
-            subtle: colors$1.chromatic.magenta[50],
-            moderate: colors$1.chromatic.magenta[200],
+            faint: colors$1.chromatic.magenta[50],
+            subtle: colors$1.chromatic.magenta[200],
+            moderate: colors$1.chromatic.magenta[600],
             intense: colors$1.chromatic.magenta[600],
-            faint: colors$1.chromatic.magenta[600],
             strong: colors$1.chromatic.magenta[800]
           },
           topaz: {
-            subtle: colors$1.chromatic.topaz[50],
-            moderate: colors$1.chromatic.topaz[200],
-            intense: colors$1.chromatic.topaz[500],
-            faint: colors$1.chromatic.topaz[600],
+            faint: colors$1.chromatic.topaz[50],
+            subtle: colors$1.chromatic.topaz[200],
+            moderate: colors$1.chromatic.topaz[600],
+            intense: colors$1.chromatic.topaz[600],
             strong: colors$1.chromatic.topaz[800]
           },
           gray: {
-            subtle: colors$1.neutral.blueGrayDark.a50,
-            moderate: colors$1.neutral.blueGrayDark[100],
-            intense: colors$1.neutral.blueGrayDark[300],
-            faint: colors$1.neutral.blueGrayDark[500],
+            faint: colors$1.neutral.blueGrayDark.a50,
+            subtle: colors$1.neutral.blueGrayDark[100],
+            moderate: colors$1.neutral.blueGrayDark[300],
+            intense: colors$1.neutral.blueGrayDark[500],
             strong: colors$1.neutral.blueGrayDark[700]
           }
         },