@razorpay/blade 12.57.0 → 12.59.0

package/build/lib/web/production/components/Charts/BarChart/BarChart.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.web.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChart.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport { BarChartContext, useBarChartContext } from './BarChartContext';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport {\n  BAR_CHART_CORNER_RADIUS,\n  DISTANCE_BETWEEN_STACKED_BARS,\n  componentIds,\n  BAR_SIZE,\n  DISTANCE_BETWEEN_BARS,\n  DISTANCE_BETWEEN_CATEGORY_BARS,\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 isNumber from '~utils/lodashButBetter/isNumber';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\n\nexport type RechartsShapeProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  fill: string;\n  index: number;\n};\n\n// Bar component - resolves Blade color tokens to actual colors\nconst _ChartBar: React.FC<ChartBarProps> = ({\n  color,\n  name,\n  dataKey,\n  activeBar = false,\n  label = false,\n  showLegend = true,\n  _index = 0,\n  ...rest\n}) => {\n  const { theme } = useTheme();\n  const { layout, activeIndex, colorTheme: _colorTheme, totalBars } = useBarChartContext();\n  const defaultColorArray = useChartsColorTheme({ colorTheme: _colorTheme ?? 'default' });\n  const fill = color ? getIn(theme.colors, color) : defaultColorArray[_index];\n  const isStacked = rest.stackId !== undefined;\n  const animationBegin = isStacked\n    ? (theme.motion.duration.gentle / totalBars) * _index\n    : theme.motion.duration.gentle;\n  const animationDuration = isStacked\n    ? theme.motion.duration.gentle / totalBars\n    : theme.motion.duration.gentle;\n\n  return (\n    <RechartsBar\n      {...rest}\n      fill={fill}\n      legendType={showLegend ? 'rect' : 'none'}\n      activeBar={activeBar}\n      label={label}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      animationEasing=\"linear\"\n      dataKey={dataKey}\n      name={name}\n      shape={(props: unknown) => {\n        const { fill, x, y, width, height, index: barIndex } = props as RechartsShapeProps;\n        const fillOpacity = isNumber(activeIndex) ? (barIndex === activeIndex ? 1 : 0.2) : 1;\n        const gap = DISTANCE_BETWEEN_STACKED_BARS;\n        const isVertical = layout === 'vertical';\n\n        if (isVertical) {\n          return (\n            <rect\n              fill={fill}\n              x={x + gap / 2}\n              y={y}\n              width={width - gap}\n              height={height}\n              rx={BAR_CHART_CORNER_RADIUS}\n              ry={BAR_CHART_CORNER_RADIUS}\n              fillOpacity={fillOpacity}\n            />\n          );\n        }\n        return (\n          <rect\n            fill={fill}\n            x={x}\n            y={y + gap / 2}\n            width={width}\n            height={height > gap ? height - gap : 0}\n            rx={BAR_CHART_CORNER_RADIUS}\n            ry={BAR_CHART_CORNER_RADIUS}\n            fillOpacity={fillOpacity}\n          />\n        );\n      }}\n    />\n  );\n};\n\nconst ChartBar = assignWithoutSideEffects(_ChartBar, {\n  componentId: componentIds.chartBar,\n});\n\n// BarChart wrapper with default margin, auto-color assignment, and max bars guard\nconst ChartBarWrapper: React.FC<ChartBarWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'default',\n  layout = 'horizontal',\n  testID,\n  data = [],\n  ...restProps\n}) => {\n  const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n  const { barChartModifiedChildrens, totalBars } = React.useMemo(() => {\n    let BarChartIndex = 0;\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {\n        return React.cloneElement(child, {\n          _index: BarChartIndex++,\n        } as Partial<ChartBarProps>);\n      }\n      return child;\n    });\n\n    return {\n      barChartModifiedChildrens: modifiedChildren,\n      totalBars: BarChartIndex,\n    };\n  }, [children]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'bar-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <BarChartContext.Provider\n        value={{\n          layout,\n          activeIndex,\n          colorTheme,\n          totalBars,\n        }}\n      >\n        <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsBarChart\n            barSize={BAR_SIZE}\n            barGap={DISTANCE_BETWEEN_BARS}\n            barCategoryGap={DISTANCE_BETWEEN_CATEGORY_BARS}\n            onMouseMove={(state) => {\n              setActiveIndex(state?.activeIndex ? Number(state?.activeIndex) : undefined);\n            }}\n            layout={layout}\n            data={data}\n          >\n            {barChartModifiedChildrens}\n          </RechartsBarChart>\n        </RechartsResponsiveContainer>\n      </BarChartContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { ChartBarWrapper, ChartBar };\nexport type { ChartBarProps, ChartBarWrapperProps };\n"],"names":["_ChartBar","_ref","color","name","dataKey","_ref$activeBar","activeBar","_ref$label","label","_ref$showLegend","showLegend","_ref$_index","_index","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBarChartContext","useBarChartContext","layout","activeIndex","_colorTheme","colorTheme","totalBars","defaultColorArray","useChartsColorTheme","fill","getIn","colors","isStacked","stackId","undefined","animationBegin","motion","duration","gentle","animationDuration","_jsx","RechartsBar","_objectSpread","legendType","animationEasing","shape","props","_ref2","x","y","width","height","barIndex","index","fillOpacity","isNumber","gap","DISTANCE_BETWEEN_STACKED_BARS","isVertical","rx","BAR_CHART_CORNER_RADIUS","ry","ChartBar","assignWithoutSideEffects","componentId","componentIds","chartBar","ChartBarWrapper","_ref3","children","_ref3$colorTheme","_ref3$layout","testID","_ref3$data","data","restProps","_excluded2","_useState","useState","_useState2","_slicedToArray","setActiveIndex","_React$useMemo","React","useMemo","BarChartIndex","modifiedChildren","Children","map","child","isValidElement","getComponentId","cloneElement","barChartModifiedChildrens","BaseBox","metaAttribute","makeAnalyticsAttribute","BarChartContext","Provider","value","RechartsResponsiveContainer","RechartsBarChart","barSize","BAR_SIZE","barGap","DISTANCE_BETWEEN_BARS","barCategoryGap","DISTANCE_BETWEEN_CATEGORY_BARS","onMouseMove","state","Number"],"mappings":"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"}
+{"version":3,"file":"BarChart.web.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChart.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme } from '../utils';\nimport { BarChartContext, useBarChartContext } from './BarChartContext';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport {\n  BAR_CHART_CORNER_RADIUS,\n  DISTANCE_BETWEEN_STACKED_BARS,\n  componentIds,\n  BAR_SIZE,\n  DISTANCE_BETWEEN_BARS,\n  DISTANCE_BETWEEN_CATEGORY_BARS,\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 isNumber from '~utils/lodashButBetter/isNumber';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\n\nexport type RechartsShapeProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  fill: string;\n  index: number;\n};\n\n// Bar component - resolves Blade color tokens to actual colors\nconst _ChartBar: React.FC<ChartBarProps> = ({\n  color,\n  name,\n  dataKey,\n  activeBar = false,\n  label = false,\n  showLegend = true,\n  _index = 0,\n  ...rest\n}) => {\n  const { theme } = useTheme();\n  const { layout, activeIndex, colorTheme: _colorTheme, totalBars } = useBarChartContext();\n  const defaultColorArray = useChartsColorTheme({ colorTheme: _colorTheme });\n  const fill = color ? getIn(theme.colors, color) : defaultColorArray[_index];\n  const isStacked = rest.stackId !== undefined;\n  const animationBegin = isStacked\n    ? (theme.motion.duration.gentle / totalBars) * _index\n    : theme.motion.duration.gentle;\n  const animationDuration = isStacked\n    ? theme.motion.duration.gentle / totalBars\n    : theme.motion.duration.gentle;\n\n  return (\n    <RechartsBar\n      {...rest}\n      fill={fill}\n      legendType={showLegend ? 'rect' : 'none'}\n      activeBar={activeBar}\n      label={label}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      animationEasing=\"linear\"\n      dataKey={dataKey}\n      name={name}\n      shape={(props: unknown) => {\n        const { fill, x, y, width, height, index: barIndex } = props as RechartsShapeProps;\n        const fillOpacity = isNumber(activeIndex) ? (barIndex === activeIndex ? 1 : 0.2) : 1;\n        const gap = DISTANCE_BETWEEN_STACKED_BARS;\n        const isVertical = layout === 'vertical';\n\n        if (isVertical) {\n          return (\n            <rect\n              fill={fill}\n              x={x + gap / 2}\n              y={y}\n              width={width - gap}\n              height={height}\n              rx={BAR_CHART_CORNER_RADIUS}\n              ry={BAR_CHART_CORNER_RADIUS}\n              fillOpacity={fillOpacity}\n            />\n          );\n        }\n        return (\n          <rect\n            fill={fill}\n            x={x}\n            y={y + gap / 2}\n            width={width}\n            height={height > gap ? height - gap : 0}\n            rx={BAR_CHART_CORNER_RADIUS}\n            ry={BAR_CHART_CORNER_RADIUS}\n            fillOpacity={fillOpacity}\n          />\n        );\n      }}\n    />\n  );\n};\n\nconst ChartBar = assignWithoutSideEffects(_ChartBar, {\n  componentId: componentIds.chartBar,\n});\n\n// BarChart wrapper with default margin, auto-color assignment, and max bars guard\nconst ChartBarWrapper: React.FC<ChartBarWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  children,\n  colorTheme = 'categorical',\n  layout = 'horizontal',\n  testID,\n  data = [],\n  ...restProps\n}) => {\n  const [activeIndex, setActiveIndex] = useState<number | undefined>(undefined);\n\n  const { barChartModifiedChildrens, totalBars } = React.useMemo(() => {\n    let BarChartIndex = 0;\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {\n        return React.cloneElement(child, {\n          _index: BarChartIndex++,\n        } as Partial<ChartBarProps>);\n      }\n      return child;\n    });\n\n    return {\n      barChartModifiedChildrens: modifiedChildren,\n      totalBars: BarChartIndex,\n    };\n  }, [children]);\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: 'bar-chart', testID })}\n      {...makeAnalyticsAttribute(restProps)}\n      width=\"100%\"\n      height=\"100%\"\n      {...restProps}\n    >\n      <BarChartContext.Provider\n        value={{\n          layout,\n          activeIndex,\n          colorTheme,\n          totalBars,\n        }}\n      >\n        <RechartsResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsBarChart\n            barSize={BAR_SIZE}\n            barGap={DISTANCE_BETWEEN_BARS}\n            barCategoryGap={DISTANCE_BETWEEN_CATEGORY_BARS}\n            onMouseMove={(state) => {\n              setActiveIndex(state?.activeIndex ? Number(state?.activeIndex) : undefined);\n            }}\n            layout={layout}\n            data={data}\n          >\n            {barChartModifiedChildrens}\n          </RechartsBarChart>\n        </RechartsResponsiveContainer>\n      </BarChartContext.Provider>\n    </BaseBox>\n  );\n};\n\nexport { ChartBarWrapper, ChartBar };\nexport type { ChartBarProps, ChartBarWrapperProps };\n"],"names":["_ChartBar","_ref","color","name","dataKey","_ref$activeBar","activeBar","_ref$label","label","_ref$showLegend","showLegend","_ref$_index","_index","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBarChartContext","useBarChartContext","layout","activeIndex","_colorTheme","colorTheme","totalBars","defaultColorArray","useChartsColorTheme","fill","getIn","colors","isStacked","stackId","undefined","animationBegin","motion","duration","gentle","animationDuration","_jsx","RechartsBar","_objectSpread","legendType","animationEasing","shape","props","_ref2","x","y","width","height","barIndex","index","fillOpacity","isNumber","gap","DISTANCE_BETWEEN_STACKED_BARS","isVertical","rx","BAR_CHART_CORNER_RADIUS","ry","ChartBar","assignWithoutSideEffects","componentId","componentIds","chartBar","ChartBarWrapper","_ref3","children","_ref3$colorTheme","_ref3$layout","testID","_ref3$data","data","restProps","_excluded2","_useState","useState","_useState2","_slicedToArray","setActiveIndex","_React$useMemo","React","useMemo","BarChartIndex","modifiedChildren","Children","map","child","isValidElement","getComponentId","cloneElement","barChartModifiedChildrens","BaseBox","metaAttribute","makeAnalyticsAttribute","BarChartContext","Provider","value","RechartsResponsiveContainer","RechartsBarChart","barSize","BAR_SIZE","barGap","DISTANCE_BETWEEN_BARS","barCategoryGap","DISTANCE_BETWEEN_CATEGORY_BARS","onMouseMove","state","Number"],"mappings":"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"}

package/build/lib/web/production/components/Charts/BarChart/BarChartContext.js

@@ -3,7 +3,7 @@ import { createContext, useContext } from 'react';
 var BarChartContext = /*#__PURE__*/createContext({
   layout: 'horizontal',
   activeIndex: undefined,
-  colorTheme: 'default',
+  colorTheme: 'categorical',
   totalBars: 0
 });
 var useBarChartContext = function useBarChartContext() {

package/build/lib/web/production/components/Charts/BarChart/BarChartContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChartContext.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChartContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { BarChartContextType } from './types';\n\nexport const BarChartContext = createContext<BarChartContextType>({\n  layout: 'horizontal',\n  activeIndex: undefined,\n  colorTheme: 'default',\n  totalBars: 0,\n});\n\nexport const useBarChartContext = (): BarChartContextType => useContext(BarChartContext);\n"],"names":["BarChartContext","createContext","layout","activeIndex","undefined","colorTheme","totalBars","useBarChartContext","useContext"],"mappings":";;AAGaA,IAAAA,eAAe,gBAAGC,aAAa,CAAsB;AAChEC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,WAAW,EAAEC,SAAS;AACtBC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,SAAS,EAAE,CAAA;AACb,CAAC,EAAC;AAEWC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;EAAA,OAA8BC,UAAU,CAACR,eAAe,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"BarChartContext.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChartContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { BarChartContextType } from './types';\n\nexport const BarChartContext = createContext<BarChartContextType>({\n  layout: 'horizontal',\n  activeIndex: undefined,\n  colorTheme: 'categorical',\n  totalBars: 0,\n});\n\nexport const useBarChartContext = (): BarChartContextType => useContext(BarChartContext);\n"],"names":["BarChartContext","createContext","layout","activeIndex","undefined","colorTheme","totalBars","useBarChartContext","useContext"],"mappings":";;AAGaA,IAAAA,eAAe,gBAAGC,aAAa,CAAsB;AAChEC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,WAAW,EAAEC,SAAS;AACtBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,SAAS,EAAE,CAAA;AACb,CAAC,EAAC;AAEWC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;EAAA,OAA8BC,UAAU,CAACR,eAAe,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js

@@ -1,16 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import 'react';
 import { XAxis, YAxis, CartesianGrid, Tooltip, Legend, ReferenceLine } from 'recharts';
-import { X_OFFSET, Y_OFFSET, X_AXIS_TEXT_BASELINE, TEXT_BASELINE, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT } from './tokens.js';
+import { X_OFFSET, Y_OFFSET, X_AXIS_TEXT_BASELINE, componentId, TEXT_BASELINE, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT } from './tokens.js';
 import { calculateTextWidth } from './utils.js';
 import '../../Typography/index.js';
 import '../../Box/index.js';
 import '../../BladeProvider/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../../BladeProvider/useTheme.js';
 import { Heading } from '../../Typography/Heading/Heading.js';
 import { Box } from '../../Box/Box.js';
 import { Text } from '../../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 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; }
@@ -101,7 +103,7 @@ var ChartTooltip = function ChartTooltip(props) {
           color: "surface.text.staticWhite.normal",
           children: label
         }), /*#__PURE__*/jsx(Box, {
-          paddingTop: "spacing.4",
+          paddingTop: label ? 'spacing.4' : undefined,
           children: payload.map(function (item) {
             return /*#__PURE__*/jsxs(Box, {
               display: "flex",
@@ -117,7 +119,7 @@ var ChartTooltip = function ChartTooltip(props) {
                   style: {
                     width: theme.spacing[4],
                     height: theme.spacing[4],
-                    backgroundColor: item.color,
+                    backgroundColor: item.color || item.payload.fill,
                     borderRadius: theme.border.radius.small
                   }
                 }), /*#__PURE__*/jsx(Text, {
@@ -144,12 +146,14 @@ var ChartTooltip = function ChartTooltip(props) {
   }, props));
 };
 var CustomSquareLegend = function CustomSquareLegend(props) {
-  var payload = props.payload;
+  var payload = props.payload,
+    layout = props.layout;
   var _useTheme5 = useTheme(),
     theme = _useTheme5.theme;
   if (!payload || payload.length === 0) {
     return null;
   }
+
   /*
   This is a custom legend component that is used to display the legend for the chart.
   we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)
@@ -159,10 +163,14 @@ var CustomSquareLegend = function CustomSquareLegend(props) {
     var _entry$payload;
     return (entry === null || entry === void 0 || (_entry$payload = entry.payload) === null || _entry$payload === void 0 ? void 0 : _entry$payload.legendType) !== 'none';
   });
+  var isVerticalLayout = layout === 'vertical';
   return /*#__PURE__*/jsx(Box, {
     display: "flex",
     justifyContent: "center",
     gap: "spacing.5",
+    flexDirection: isVerticalLayout ? 'column' : 'row',
+    width: isVerticalLayout ? '100%' : 'auto',
+    flexWrap: "wrap",
     children: filteredPayload.map(function (entry, index) {
       return /*#__PURE__*/jsx(Box, {
         display: "flex",
@@ -193,7 +201,8 @@ var CustomSquareLegend = function CustomSquareLegend(props) {
     })
   });
 };
-var ChartLegend = function ChartLegend(props) {
+var _ChartLegend = function _ChartLegend(props) {
+  var _props$layout;
   var _useTheme6 = useTheme(),
     theme = _useTheme6.theme;
   return /*#__PURE__*/jsx(Legend, _objectSpread({
@@ -204,9 +213,15 @@ var ChartLegend = function ChartLegend(props) {
       paddingTop: theme.spacing[5]
     },
     align: "center",
-    content: /*#__PURE__*/jsx(CustomSquareLegend, {})
+    verticalAlign: props.layout === 'vertical' ? 'middle' : 'bottom',
+    content: /*#__PURE__*/jsx(CustomSquareLegend, {
+      layout: (_props$layout = props.layout) !== null && _props$layout !== void 0 ? _props$layout : 'horizontal'
+    })
   }, props));
 };
+var ChartLegend = /*#__PURE__*/assignWithoutSideEffects(_ChartLegend, {
+  componentId: componentId.chartLegend
+});
 var CustomReferenceLabel = function CustomReferenceLabel(_ref3) {
   var viewBox = _ref3.viewBox,
     value = _ref3.value,

package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonChartComponents.web.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid as RechartsCartesianGrid,\n  Tooltip as RechartsTooltip,\n  Legend as RechartsLegend,\n  ReferenceLine as RechartsReferenceLine,\n} from 'recharts';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n} from './types';\nimport {\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_AXIS_TEXT_BASELINE,\n  Y_OFFSET,\n  X_OFFSET,\n} from './tokens';\nimport { calculateTextWidth } from './utils';\nimport { Heading, Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\n\nconst ChartXAxis: React.FC<ChartXAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsXAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={({ viewBox }: { viewBox: { x: number; y: number; width: number } }) => (\n        <text\n          x={viewBox.x + viewBox.width / 2 - X_OFFSET}\n          y={viewBox.y + Y_OFFSET + X_AXIS_TEXT_BASELINE}\n          textAnchor=\"middle\"\n          fill={theme.colors.surface.text.gray.subtle}\n          fontSize={theme.typography.fonts.size[75]}\n          fontFamily={theme.typography.fonts.family.text}\n          fontWeight={theme.typography.fonts.weight.medium}\n          letterSpacing={theme.typography.letterSpacings[100]}\n        >\n          {props?.label}\n        </text>\n      )}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartYAxis: React.FC<ChartYAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsYAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={{\n        value: props?.label,\n        position: 'insideLeft',\n        style: {\n          textAnchor: 'middle',\n          fill: theme.colors.surface.text.gray.subtle,\n          fontSize: theme.typography.fonts.size[75],\n          fontWeight: theme.typography.fonts.weight.medium,\n          fontFamily: theme.typography.fonts.family.text,\n          letterSpacing: theme.typography.letterSpacings[100],\n          lineHeight: theme.typography.lineHeights[500],\n        },\n        angle: -90,\n        fill: theme.colors.surface.text.gray.subtle,\n      }}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartCartesianGrid: React.FC<ChartCartesianGridProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsCartesianGrid\n      stroke={theme.colors.surface.border.gray.muted}\n      vertical={false}\n      {...props}\n    />\n  );\n};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsTooltip\n      content={({ payload, label }) => {\n        return (\n          <div\n            style={{\n              backgroundColor: theme.colors.surface.icon.staticBlack.normal,\n              borderRadius: theme.border.radius.large,\n              border: `1px solid ${theme.colors.surface.border.gray.muted}`,\n              padding: theme.spacing[4],\n            }}\n          >\n            <Heading size=\"small\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n              {label}\n            </Heading>\n            <Box paddingTop=\"spacing.4\">\n              {payload.map((item) => (\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  gap=\"spacing.4\"\n                  key={item.name}\n                >\n                  <Box display=\"flex\" gap=\"spacing.3\" alignItems=\"center\" justifyContent=\"center\">\n                    <div\n                      style={{\n                        width: theme.spacing[4],\n                        height: theme.spacing[4],\n                        backgroundColor: item.color,\n                        borderRadius: theme.border.radius.small,\n                      }}\n                    />\n                    <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                      {item.name}\n                    </Text>\n                  </Box>\n                  <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                    {item.value}\n                  </Text>\n                </Box>\n              ))}\n            </Box>\n          </div>\n        );\n      }}\n      cursor={{ fill: 'transparent', stroke: 'transparent' }}\n      {...props}\n    />\n  );\n};\n\nconst CustomSquareLegend = (props: {\n  payload?: Array<{\n    payload: {\n      legendType: 'none' | 'line';\n    };\n    value: string;\n    color: string;\n  }>;\n}): JSX.Element | null => {\n  const { payload } = props;\n  const { theme } = useTheme();\n\n  if (!payload || payload.length === 0) {\n    return null;\n  }\n  /*\n  This is a custom legend component that is used to display the legend for the chart.\n  we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)\n  so we are filtering the payload and then mapping over it to display the legend.\n  */\n  const filteredPayload = payload.filter((entry) => entry?.payload?.legendType !== 'none');\n\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" gap=\"spacing.5\">\n      {filteredPayload.map((entry, index) => (\n        <Box key={`item-${index}`} display=\"flex\" alignItems=\"center\">\n          <Box display=\"flex\" gap=\"spacing.3\" justifyContent=\"center\" alignItems=\"center\">\n            <span\n              style={{\n                backgroundColor: entry.color, // Uses the color of the line/bar\n                width: theme.spacing[4], // Size of the square\n                height: theme.spacing[4], // Size of the square\n                display: 'inline-block',\n                borderRadius: theme.border.radius.small,\n              }}\n            />\n            {/* Legend text with custom color and size */}\n            <Text size=\"medium\" color=\"surface.text.gray.muted\">\n              {entry.value}\n            </Text>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nconst ChartLegend: React.FC<ChartLegendProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsLegend\n      wrapperStyle={{\n        fontFamily: theme.typography.fonts.family.text,\n        fontSize: theme.typography.fonts.size[100],\n        color: theme.colors.surface.text.gray.normal,\n        paddingTop: theme.spacing[5],\n      }}\n      align=\"center\"\n      content={<CustomSquareLegend />}\n      {...props}\n    />\n  );\n};\n\nconst CustomReferenceLabel = ({\n  viewBox,\n  value,\n  isVertical,\n}: {\n  viewBox?: { x: number; y: number; width: number };\n  value: string | undefined;\n  isVertical: boolean;\n}): JSX.Element => {\n  // Extract viewBox coordinates with fallback values to prevent undefined errors.\n  // viewBox contains the positioning information for the reference line label from Recharts.\n  const { x, y, width } = viewBox ?? { x: 0, y: 0, width: 0 };\n  const { theme } = useTheme();\n\n  // Calculate dynamic text width to ensure the background rectangle fits the text perfectly.\n  // This prevents text overflow for long labels and avoids unnecessarily large rectangles for short text.\n  // The function also handles text truncation with ellipsis if the text exceeds the maximum width.\n  const { width: RECT_WIDTH, displayText } = value\n    ? calculateTextWidth(value, theme)\n    : { width: 80, displayText: value ?? '' };\n\n  const rect_x = isVertical ? x + width - RECT_WIDTH / 2 : x + width - RECT_WIDTH;\n  const rect_y = isVertical ? y : y - TEXT_BASELINE;\n  // Text position with padding inside the rectangle\n  const text_x = rect_x + PADDING_HORIZONTAL + (RECT_WIDTH - PADDING_HORIZONTAL * 2) / 2;\n  const text_y = rect_y + PADDING_VERTICAL + TEXT_BASELINE; // +15 for text baseline\n\n  return (\n    <g>\n      <rect\n        x={rect_x}\n        y={rect_y}\n        width={RECT_WIDTH}\n        height={RECT_HEIGHT}\n        rx={theme.border.radius.medium}\n        fill={theme.colors.surface.background.gray.subtle}\n        stroke={theme.colors.surface.border.gray.muted}\n        strokeWidth=\"1\"\n      />\n      <text\n        x={text_x}\n        y={text_y}\n        textAnchor=\"middle\"\n        fill={theme.colors.surface.text.gray.normal}\n        fontSize={theme.typography.fonts.size[50]}\n        fontFamily={theme.typography.fonts.family.text}\n        fontWeight={theme.typography.fonts.weight.medium}\n        letterSpacing={theme.typography.letterSpacings[100]}\n      >\n        {displayText}\n      </text>\n    </g>\n  );\n};\n\nconst ChartReferenceLine: React.FC<ChartReferenceLineProps> = ({ label, x, y }) => {\n  const { theme } = useTheme();\n  return (\n    <RechartsReferenceLine\n      stroke={theme.colors.chart.background.categorical.gray.intense}\n      strokeWidth={2}\n      strokeDasharray=\"4 4\"\n      label={<CustomReferenceLabel value={label} isVertical={Boolean(x)} />}\n      x={x}\n      y={y}\n    />\n  );\n};\n\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["ChartXAxis","props","_useTheme","useTheme","theme","_jsx","RechartsXAxis","_objectSpread","tick","fill","colors","surface","text","gray","normal","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","regular","letterSpacing","letterSpacings","stroke","border","muted","label","_ref","viewBox","x","width","X_OFFSET","y","Y_OFFSET","X_AXIS_TEXT_BASELINE","textAnchor","subtle","medium","children","dataKey","ChartYAxis","_useTheme2","RechartsYAxis","value","position","style","lineHeight","lineHeights","angle","ChartCartesianGrid","_useTheme3","RechartsCartesianGrid","vertical","ChartTooltip","_useTheme4","RechartsTooltip","content","_ref2","payload","_jsxs","backgroundColor","icon","staticBlack","borderRadius","radius","large","concat","padding","spacing","Heading","color","Box","paddingTop","map","item","display","alignItems","justifyContent","gap","height","small","Text","name","cursor","CustomSquareLegend","_useTheme5","length","filteredPayload","filter","entry","_entry$payload","legendType","index","ChartLegend","_useTheme6","RechartsLegend","wrapperStyle","align","CustomReferenceLabel","_ref3","isVertical","_ref4","_useTheme7","_ref5","calculateTextWidth","displayText","RECT_WIDTH","rect_x","rect_y","TEXT_BASELINE","text_x","PADDING_HORIZONTAL","text_y","PADDING_VERTICAL","RECT_HEIGHT","rx","background","strokeWidth","ChartReferenceLine","_ref6","_useTheme8","RechartsReferenceLine","chart","categorical","intense","strokeDasharray","Boolean"],"mappings":"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"}
+{"version":3,"file":"CommonChartComponents.web.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponents.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  XAxis as RechartsXAxis,\n  YAxis as RechartsYAxis,\n  CartesianGrid as RechartsCartesianGrid,\n  Tooltip as RechartsTooltip,\n  Legend as RechartsLegend,\n  ReferenceLine as RechartsReferenceLine,\n} from 'recharts';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n  Layout,\n} from './types';\nimport {\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_AXIS_TEXT_BASELINE,\n  Y_OFFSET,\n  X_OFFSET,\n  componentId,\n} from './tokens';\nimport { calculateTextWidth } from './utils';\nimport { Heading, Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst ChartXAxis: React.FC<ChartXAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsXAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={({ viewBox }: { viewBox: { x: number; y: number; width: number } }) => (\n        <text\n          x={viewBox.x + viewBox.width / 2 - X_OFFSET}\n          y={viewBox.y + Y_OFFSET + X_AXIS_TEXT_BASELINE}\n          textAnchor=\"middle\"\n          fill={theme.colors.surface.text.gray.subtle}\n          fontSize={theme.typography.fonts.size[75]}\n          fontFamily={theme.typography.fonts.family.text}\n          fontWeight={theme.typography.fonts.weight.medium}\n          letterSpacing={theme.typography.letterSpacings[100]}\n        >\n          {props?.label}\n        </text>\n      )}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartYAxis: React.FC<ChartYAxisProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsYAxis\n      {...props}\n      tick={{\n        fill: theme.colors.surface.text.gray.normal,\n        fontSize: theme.typography.fonts.size[75],\n        fontFamily: theme.typography.fonts.family.text,\n        fontWeight: theme.typography.fonts.weight.regular,\n        letterSpacing: theme.typography.letterSpacings[100],\n      }}\n      stroke={theme.colors.surface.border.gray.muted}\n      label={{\n        value: props?.label,\n        position: 'insideLeft',\n        style: {\n          textAnchor: 'middle',\n          fill: theme.colors.surface.text.gray.subtle,\n          fontSize: theme.typography.fonts.size[75],\n          fontWeight: theme.typography.fonts.weight.medium,\n          fontFamily: theme.typography.fonts.family.text,\n          letterSpacing: theme.typography.letterSpacings[100],\n          lineHeight: theme.typography.lineHeights[500],\n        },\n        angle: -90,\n        fill: theme.colors.surface.text.gray.subtle,\n      }}\n      dataKey={props?.dataKey}\n    />\n  );\n};\n\nconst ChartCartesianGrid: React.FC<ChartCartesianGridProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsCartesianGrid\n      stroke={theme.colors.surface.border.gray.muted}\n      vertical={false}\n      {...props}\n    />\n  );\n};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsTooltip\n      content={({ payload, label }) => {\n        return (\n          <div\n            style={{\n              backgroundColor: theme.colors.surface.icon.staticBlack.normal,\n              borderRadius: theme.border.radius.large,\n              border: `1px solid ${theme.colors.surface.border.gray.muted}`,\n              padding: theme.spacing[4],\n            }}\n          >\n            <Heading size=\"small\" weight=\"semibold\" color=\"surface.text.staticWhite.normal\">\n              {label}\n            </Heading>\n            <Box paddingTop={label ? 'spacing.4' : undefined}>\n              {payload.map((item) => (\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  justifyContent=\"space-between\"\n                  gap=\"spacing.4\"\n                  key={item.name}\n                >\n                  <Box display=\"flex\" gap=\"spacing.3\" alignItems=\"center\" justifyContent=\"center\">\n                    <div\n                      style={{\n                        width: theme.spacing[4],\n                        height: theme.spacing[4],\n                        backgroundColor: item.color || item.payload.fill,\n                        borderRadius: theme.border.radius.small,\n                      }}\n                    />\n                    <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                      {item.name}\n                    </Text>\n                  </Box>\n                  <Text size=\"small\" weight=\"regular\" color=\"surface.text.staticWhite.normal\">\n                    {item.value}\n                  </Text>\n                </Box>\n              ))}\n            </Box>\n          </div>\n        );\n      }}\n      cursor={{ fill: 'transparent', stroke: 'transparent' }}\n      {...props}\n    />\n  );\n};\n\nconst CustomSquareLegend = (props: {\n  payload?: Array<{\n    payload: {\n      legendType: 'none' | 'line';\n    };\n    value: string;\n    color: string;\n  }>;\n  layout: Layout;\n}): JSX.Element | null => {\n  const { payload, layout } = props;\n  const { theme } = useTheme();\n\n  if (!payload || payload.length === 0) {\n    return null;\n  }\n\n  /*\n  This is a custom legend component that is used to display the legend for the chart.\n  we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)\n  so we are filtering the payload and then mapping over it to display the legend.\n  */\n  const filteredPayload = payload.filter((entry) => entry?.payload?.legendType !== 'none');\n  const isVerticalLayout = layout === 'vertical';\n\n  return (\n    <Box\n      display=\"flex\"\n      justifyContent=\"center\"\n      gap=\"spacing.5\"\n      flexDirection={isVerticalLayout ? 'column' : 'row'}\n      width={isVerticalLayout ? '100%' : 'auto'}\n      flexWrap=\"wrap\"\n    >\n      {filteredPayload.map((entry, index) => (\n        <Box key={`item-${index}`} display=\"flex\" alignItems=\"center\">\n          <Box display=\"flex\" gap=\"spacing.3\" justifyContent=\"center\" alignItems=\"center\">\n            <span\n              style={{\n                backgroundColor: entry.color, // Uses the color of the line/bar\n                width: theme.spacing[4], // Size of the square\n                height: theme.spacing[4], // Size of the square\n                display: 'inline-block',\n                borderRadius: theme.border.radius.small,\n              }}\n            />\n            {/* Legend text with custom color and size */}\n            <Text size=\"medium\" color=\"surface.text.gray.muted\">\n              {entry.value}\n            </Text>\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nconst _ChartLegend: React.FC<ChartLegendProps> = (props) => {\n  const { theme } = useTheme();\n\n  return (\n    <RechartsLegend\n      wrapperStyle={{\n        fontFamily: theme.typography.fonts.family.text,\n        fontSize: theme.typography.fonts.size[100],\n        color: theme.colors.surface.text.gray.normal,\n        paddingTop: theme.spacing[5],\n      }}\n      align=\"center\"\n      verticalAlign={props.layout === 'vertical' ? 'middle' : 'bottom'}\n      content={<CustomSquareLegend layout={props.layout ?? 'horizontal'} />}\n      {...props}\n    />\n  );\n};\n\nconst ChartLegend = assignWithoutSideEffects(_ChartLegend, {\n  componentId: componentId.chartLegend,\n});\n\nconst CustomReferenceLabel = ({\n  viewBox,\n  value,\n  isVertical,\n}: {\n  viewBox?: { x: number; y: number; width: number };\n  value: string | undefined;\n  isVertical: boolean;\n}): JSX.Element => {\n  // Extract viewBox coordinates with fallback values to prevent undefined errors.\n  // viewBox contains the positioning information for the reference line label from Recharts.\n  const { x, y, width } = viewBox ?? { x: 0, y: 0, width: 0 };\n  const { theme } = useTheme();\n\n  // Calculate dynamic text width to ensure the background rectangle fits the text perfectly.\n  // This prevents text overflow for long labels and avoids unnecessarily large rectangles for short text.\n  // The function also handles text truncation with ellipsis if the text exceeds the maximum width.\n  const { width: RECT_WIDTH, displayText } = value\n    ? calculateTextWidth(value, theme)\n    : { width: 80, displayText: value ?? '' };\n\n  const rect_x = isVertical ? x + width - RECT_WIDTH / 2 : x + width - RECT_WIDTH;\n  const rect_y = isVertical ? y : y - TEXT_BASELINE;\n  // Text position with padding inside the rectangle\n  const text_x = rect_x + PADDING_HORIZONTAL + (RECT_WIDTH - PADDING_HORIZONTAL * 2) / 2;\n  const text_y = rect_y + PADDING_VERTICAL + TEXT_BASELINE; // +15 for text baseline\n\n  return (\n    <g>\n      <rect\n        x={rect_x}\n        y={rect_y}\n        width={RECT_WIDTH}\n        height={RECT_HEIGHT}\n        rx={theme.border.radius.medium}\n        fill={theme.colors.surface.background.gray.subtle}\n        stroke={theme.colors.surface.border.gray.muted}\n        strokeWidth=\"1\"\n      />\n      <text\n        x={text_x}\n        y={text_y}\n        textAnchor=\"middle\"\n        fill={theme.colors.surface.text.gray.normal}\n        fontSize={theme.typography.fonts.size[50]}\n        fontFamily={theme.typography.fonts.family.text}\n        fontWeight={theme.typography.fonts.weight.medium}\n        letterSpacing={theme.typography.letterSpacings[100]}\n      >\n        {displayText}\n      </text>\n    </g>\n  );\n};\n\nconst ChartReferenceLine: React.FC<ChartReferenceLineProps> = ({ label, x, y }) => {\n  const { theme } = useTheme();\n  return (\n    <RechartsReferenceLine\n      stroke={theme.colors.chart.background.categorical.gray.intense}\n      strokeWidth={2}\n      strokeDasharray=\"4 4\"\n      label={<CustomReferenceLabel value={label} isVertical={Boolean(x)} />}\n      x={x}\n      y={y}\n    />\n  );\n};\n\nexport {\n  ChartXAxis,\n  ChartYAxis,\n  ChartCartesianGrid,\n  ChartLegend,\n  ChartTooltip,\n  ChartReferenceLine,\n};\n"],"names":["ChartXAxis","props","_useTheme","useTheme","theme","_jsx","RechartsXAxis","_objectSpread","tick","fill","colors","surface","text","gray","normal","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","regular","letterSpacing","letterSpacings","stroke","border","muted","label","_ref","viewBox","x","width","X_OFFSET","y","Y_OFFSET","X_AXIS_TEXT_BASELINE","textAnchor","subtle","medium","children","dataKey","ChartYAxis","_useTheme2","RechartsYAxis","value","position","style","lineHeight","lineHeights","angle","ChartCartesianGrid","_useTheme3","RechartsCartesianGrid","vertical","ChartTooltip","_useTheme4","RechartsTooltip","content","_ref2","payload","_jsxs","backgroundColor","icon","staticBlack","borderRadius","radius","large","concat","padding","spacing","Heading","color","Box","paddingTop","undefined","map","item","display","alignItems","justifyContent","gap","height","small","Text","name","cursor","CustomSquareLegend","layout","_useTheme5","length","filteredPayload","filter","entry","_entry$payload","legendType","isVerticalLayout","flexDirection","flexWrap","index","_ChartLegend","_props$layout","_useTheme6","RechartsLegend","wrapperStyle","align","verticalAlign","ChartLegend","assignWithoutSideEffects","componentId","chartLegend","CustomReferenceLabel","_ref3","isVertical","_ref4","_useTheme7","_ref5","calculateTextWidth","displayText","RECT_WIDTH","rect_x","rect_y","TEXT_BASELINE","text_x","PADDING_HORIZONTAL","text_y","PADDING_VERTICAL","RECT_HEIGHT","rx","background","strokeWidth","ChartReferenceLine","_ref6","_useTheme8","RechartsReferenceLine","chart","categorical","intense","strokeDasharray","Boolean"],"mappings":"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"}

package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js

@@ -10,6 +10,9 @@ var Y_OFFSET = 14.5;
 var X_AXIS_TEXT_BASELINE = 24;
 var MIN_WIDTH = RECT_WIDTH;
 var MAX_WIDTH = 200;
+var componentId = {
+  chartLegend: 'chart-legend'
+};
 
-export { MAX_WIDTH, MIN_WIDTH, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT, RECT_WIDTH, TEXT_BASELINE, X_AXIS_TEXT_BASELINE, X_OFFSET, Y_OFFSET };
+export { MAX_WIDTH, MIN_WIDTH, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT, RECT_WIDTH, TEXT_BASELINE, X_AXIS_TEXT_BASELINE, X_OFFSET, Y_OFFSET, componentId };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/tokens.ts"],"sourcesContent":["const RECT_WIDTH = 80;\nconst RECT_HEIGHT = 30;\nconst TEXT_BASELINE = 15;\n\n// Padding for text inside the rectangle (4px vertical, 8px horizontal)\nconst PADDING_VERTICAL = 4;\nconst PADDING_HORIZONTAL = 8;\n\nconst X_OFFSET = 32;\nconst Y_OFFSET = 14.5;\nconst X_AXIS_TEXT_BASELINE = 24;\n\nconst MIN_WIDTH = RECT_WIDTH;\nconst MAX_WIDTH = 200;\nexport {\n  RECT_WIDTH,\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_OFFSET,\n  Y_OFFSET,\n  X_AXIS_TEXT_BASELINE,\n  MIN_WIDTH,\n  MAX_WIDTH,\n};\n"],"names":["RECT_WIDTH","RECT_HEIGHT","TEXT_BASELINE","PADDING_VERTICAL","PADDING_HORIZONTAL","X_OFFSET","Y_OFFSET","X_AXIS_TEXT_BASELINE","MIN_WIDTH","MAX_WIDTH"],"mappings":"AAAMA,IAAAA,UAAU,GAAG,GAAE;AACfC,IAAAA,WAAW,GAAG,GAAE;AAChBC,IAAAA,aAAa,GAAG,GAAE;;AAExB;AACMC,IAAAA,gBAAgB,GAAG,EAAC;AACpBC,IAAAA,kBAAkB,GAAG,EAAC;AAEtBC,IAAAA,QAAQ,GAAG,GAAE;AACbC,IAAAA,QAAQ,GAAG,KAAI;AACfC,IAAAA,oBAAoB,GAAG,GAAE;AAEzBC,IAAAA,SAAS,GAAGR,WAAU;AACtBS,IAAAA,SAAS,GAAG;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/tokens.ts"],"sourcesContent":["const RECT_WIDTH = 80;\nconst RECT_HEIGHT = 30;\nconst TEXT_BASELINE = 15;\n\n// Padding for text inside the rectangle (4px vertical, 8px horizontal)\nconst PADDING_VERTICAL = 4;\nconst PADDING_HORIZONTAL = 8;\n\nconst X_OFFSET = 32;\nconst Y_OFFSET = 14.5;\nconst X_AXIS_TEXT_BASELINE = 24;\n\nconst MIN_WIDTH = RECT_WIDTH;\nconst MAX_WIDTH = 200;\n\nconst componentId = {\n  chartLegend: 'chart-legend',\n};\n\nexport {\n  componentId,\n  RECT_WIDTH,\n  RECT_HEIGHT,\n  TEXT_BASELINE,\n  PADDING_VERTICAL,\n  PADDING_HORIZONTAL,\n  X_OFFSET,\n  Y_OFFSET,\n  X_AXIS_TEXT_BASELINE,\n  MIN_WIDTH,\n  MAX_WIDTH,\n};\n"],"names":["RECT_WIDTH","RECT_HEIGHT","TEXT_BASELINE","PADDING_VERTICAL","PADDING_HORIZONTAL","X_OFFSET","Y_OFFSET","X_AXIS_TEXT_BASELINE","MIN_WIDTH","MAX_WIDTH","componentId","chartLegend"],"mappings":"AAAMA,IAAAA,UAAU,GAAG,GAAE;AACfC,IAAAA,WAAW,GAAG,GAAE;AAChBC,IAAAA,aAAa,GAAG,GAAE;;AAExB;AACMC,IAAAA,gBAAgB,GAAG,EAAC;AACpBC,IAAAA,kBAAkB,GAAG,EAAC;AAEtBC,IAAAA,QAAQ,GAAG,GAAE;AACbC,IAAAA,QAAQ,GAAG,KAAI;AACfC,IAAAA,oBAAoB,GAAG,GAAE;AAEzBC,IAAAA,SAAS,GAAGR,WAAU;AACtBS,IAAAA,SAAS,GAAG,IAAG;AAErB,IAAMC,WAAW,GAAG;AAClBC,EAAAA,WAAW,EAAE,cAAA;AACf;;;;"}

package/build/lib/web/production/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