@razorpay/blade 12.63.0 → 12.64.0

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

@@ -1,32 +1,56 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import 'react';
 import { XAxis, YAxis, CartesianGrid, Tooltip, Legend, ReferenceLine } from 'recharts';
+import '../utils/index.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 { useCommonChartComponentsContext } from './CommonChartComponentsContext.js';
 import '../../Typography/index.js';
 import '../../Box/index.js';
 import '../../BladeProvider/index.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { sanitizeString } from '../utils/sanitizeString/sanitizeString.js';
+import { isSequentialColor } from '../utils/isSequentialColor.js';
+import { getHighestColorInRange } from '../utils/getHighestColorInRange.js';
+import { totalChartColors } from '../utils/tokens.js';
 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 { Heading } from '../../Typography/Heading/Heading.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; }
+var getChartColor = function getChartColor(dataKey, name, dataColorMapping, chartName) {
+  var colorKey = chartName === 'donut' ? sanitizeString(name !== null && name !== void 0 ? name : '') : dataKey;
+  var mappedColorData = dataColorMapping === null || dataColorMapping === void 0 ? void 0 : dataColorMapping[colorKey !== null && colorKey !== void 0 ? colorKey : ''];
+  var mappedColor = mappedColorData.colorToken;
+  var isCustomColor = mappedColorData.isCustomColor;
+  if ((chartName === 'line' || chartName === 'area') && !isCustomColor) {
+    return mappedColor;
+  }
+  if (mappedColor && isSequentialColor(mappedColor)) {
+    return mappedColor !== null && mappedColor !== void 0 ? mappedColor : 'data.background.categorical.azure.faint';
+  }
+  return getHighestColorInRange({
+    colorToken: mappedColor !== null && mappedColor !== void 0 ? mappedColor : 'data.background.categorical.azure.faint',
+    followIntensityMapping: chartName === 'donut' && (isCustomColor || Object.keys(dataColorMapping).length > totalChartColors)
+  });
+};
 var ChartXAxis = function ChartXAxis(props) {
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   return /*#__PURE__*/jsx(XAxis, _objectSpread(_objectSpread({}, props), {}, {
     tick: {
-      fill: theme.colors.surface.text.gray.normal,
+      fill: theme.colors.surface.text.gray.muted,
       fontSize: theme.typography.fonts.size[75],
       fontFamily: theme.typography.fonts.family.text,
       fontWeight: theme.typography.fonts.weight.regular,
       letterSpacing: theme.typography.letterSpacings[100]
     },
+    tickLine: false,
     stroke: theme.colors.surface.border.gray.muted,
     label: function label(_ref) {
       var viewBox = _ref.viewBox;
@@ -34,10 +58,10 @@ var ChartXAxis = function ChartXAxis(props) {
         x: viewBox.x + viewBox.width / 2 - X_OFFSET,
         y: viewBox.y + Y_OFFSET + X_AXIS_TEXT_BASELINE,
         textAnchor: "middle",
-        fill: theme.colors.surface.text.gray.subtle,
+        fill: theme.colors.surface.text.gray.muted,
         fontSize: theme.typography.fonts.size[75],
         fontFamily: theme.typography.fonts.family.text,
-        fontWeight: theme.typography.fonts.weight.medium,
+        fontWeight: theme.typography.fonts.weight.regular,
         letterSpacing: theme.typography.letterSpacings[100],
         children: props === null || props === void 0 ? void 0 : props.label
       });
@@ -50,21 +74,22 @@ var ChartYAxis = function ChartYAxis(props) {
     theme = _useTheme2.theme;
   return /*#__PURE__*/jsx(YAxis, _objectSpread(_objectSpread({}, props), {}, {
     tick: {
-      fill: theme.colors.surface.text.gray.normal,
+      fill: theme.colors.surface.text.gray.muted,
       fontSize: theme.typography.fonts.size[75],
       fontFamily: theme.typography.fonts.family.text,
       fontWeight: theme.typography.fonts.weight.regular,
       letterSpacing: theme.typography.letterSpacings[100]
     },
+    tickLine: false,
     stroke: theme.colors.surface.border.gray.muted,
     label: {
       value: props === null || props === void 0 ? void 0 : props.label,
       position: 'insideLeft',
       style: {
         textAnchor: 'middle',
-        fill: theme.colors.surface.text.gray.subtle,
+        fill: theme.colors.surface.text.gray.muted,
         fontSize: theme.typography.fonts.size[75],
-        fontWeight: theme.typography.fonts.weight.medium,
+        fontWeight: theme.typography.fonts.weight.regular,
         fontFamily: theme.typography.fonts.family.text,
         letterSpacing: theme.typography.letterSpacings[100],
         lineHeight: theme.typography.lineHeights[500]
@@ -83,13 +108,56 @@ var ChartCartesianGrid = function ChartCartesianGrid(props) {
     vertical: false
   }, props));
 };
-var ChartTooltip = function ChartTooltip(props) {
+var CustomTooltip = function CustomTooltip(_ref2) {
+  var item = _ref2.item,
+    key = _ref2.key;
   var _useTheme4 = useTheme(),
     theme = _useTheme4.theme;
+  var _useCommonChartCompon = useCommonChartComponentsContext(),
+    dataColorMapping = _useCommonChartCompon.dataColorMapping,
+    chartName = _useCommonChartCompon.chartName;
+  var toolTipColor = getChartColor(item.dataKey, item.name, dataColorMapping !== null && dataColorMapping !== void 0 ? dataColorMapping : {}, chartName);
+  return /*#__PURE__*/jsxs(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "spacing.4",
+    children: [/*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      gap: "spacing.3",
+      alignItems: "center",
+      justifyContent: "center",
+      children: [/*#__PURE__*/jsx("div", {
+        style: {
+          width: theme.spacing[4],
+          height: theme.spacing[4],
+          backgroundColor: getIn(theme.colors, toolTipColor),
+          borderRadius: theme.border.radius.small
+        }
+      }), /*#__PURE__*/jsx(Text, {
+        size: "small",
+        weight: "regular",
+        color: "surface.text.staticWhite.normal",
+        children: item.name
+      })]
+    }), /*#__PURE__*/jsx(Text, {
+      size: "small",
+      weight: "regular",
+      color: "surface.text.staticWhite.normal",
+      children: item.value
+    })]
+  }, key);
+};
+var ChartTooltip = function ChartTooltip(props) {
+  var _useTheme5 = useTheme(),
+    theme = _useTheme5.theme;
   return /*#__PURE__*/jsx(Tooltip, _objectSpread({
-    content: function content(_ref2) {
-      var payload = _ref2.payload,
-        label = _ref2.label;
+    content: function content(_ref3) {
+      var payload = _ref3.payload,
+        label = _ref3.label;
+      var filteredPayLoad = payload.filter(function (item) {
+        return item.type !== 'none';
+      });
       return /*#__PURE__*/jsxs("div", {
         style: {
           backgroundColor: theme.colors.surface.icon.staticBlack.normal,
@@ -104,36 +172,9 @@ var ChartTooltip = function ChartTooltip(props) {
           children: label
         }), /*#__PURE__*/jsx(Box, {
           paddingTop: label ? 'spacing.4' : undefined,
-          children: payload.map(function (item) {
-            return /*#__PURE__*/jsxs(Box, {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              gap: "spacing.4",
-              children: [/*#__PURE__*/jsxs(Box, {
-                display: "flex",
-                gap: "spacing.3",
-                alignItems: "center",
-                justifyContent: "center",
-                children: [/*#__PURE__*/jsx("div", {
-                  style: {
-                    width: theme.spacing[4],
-                    height: theme.spacing[4],
-                    backgroundColor: item.color || item.payload.fill,
-                    borderRadius: theme.border.radius.small
-                  }
-                }), /*#__PURE__*/jsx(Text, {
-                  size: "small",
-                  weight: "regular",
-                  color: "surface.text.staticWhite.normal",
-                  children: item.name
-                })]
-              }), /*#__PURE__*/jsx(Text, {
-                size: "small",
-                weight: "regular",
-                color: "surface.text.staticWhite.normal",
-                children: item.value
-              })]
+          children: filteredPayLoad.map(function (item) {
+            return /*#__PURE__*/jsx(CustomTooltip, {
+              item: item
             }, item.name);
           })
         })]
@@ -145,11 +186,45 @@ var ChartTooltip = function ChartTooltip(props) {
     }
   }, props));
 };
+var LegendItem = function LegendItem(_ref4) {
+  var entry = _ref4.entry,
+    index = _ref4.index;
+  var _useTheme6 = useTheme(),
+    theme = _useTheme6.theme;
+  var _useCommonChartCompon2 = useCommonChartComponentsContext(),
+    dataColorMapping = _useCommonChartCompon2.dataColorMapping,
+    chartName = _useCommonChartCompon2.chartName;
+  var legendColor = getChartColor(entry.dataKey, entry.value, dataColorMapping !== null && dataColorMapping !== void 0 ? dataColorMapping : {}, chartName);
+  return /*#__PURE__*/jsx(Box, {
+    display: "flex",
+    alignItems: "center",
+    children: /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      gap: "spacing.3",
+      justifyContent: "center",
+      alignItems: "center",
+      children: [/*#__PURE__*/jsx("span", {
+        style: {
+          backgroundColor: getIn(theme.colors, legendColor),
+          // Uses the color of the line/bar
+          width: theme.spacing[4],
+          // Size of the square
+          height: theme.spacing[4],
+          // Size of the square
+          display: 'inline-block',
+          borderRadius: theme.border.radius.small
+        }
+      }), /*#__PURE__*/jsx(Text, {
+        size: "medium",
+        color: "surface.text.gray.muted",
+        children: entry.value
+      })]
+    })
+  }, "item-".concat(index));
+};
 var CustomSquareLegend = function CustomSquareLegend(props) {
   var payload = props.payload,
     layout = props.layout;
-  var _useTheme5 = useTheme(),
-    theme = _useTheme5.theme;
   if (!payload || payload.length === 0) {
     return null;
   }
@@ -161,7 +236,7 @@ var CustomSquareLegend = function CustomSquareLegend(props) {
   */
   var filteredPayload = payload.filter(function (entry) {
     var _entry$payload;
-    return (entry === null || entry === void 0 || (_entry$payload = entry.payload) === null || _entry$payload === void 0 ? void 0 : _entry$payload.legendType) !== 'none';
+    return (entry === null || entry === void 0 || (_entry$payload = entry.payload) === null || _entry$payload === void 0 ? void 0 : _entry$payload.legendType) !== 'none' && (entry === null || entry === void 0 ? void 0 : entry.type) !== 'none';
   });
   var isVerticalLayout = layout === 'vertical';
   return /*#__PURE__*/jsx(Box, {
@@ -172,45 +247,23 @@ var CustomSquareLegend = function CustomSquareLegend(props) {
     width: isVerticalLayout ? '100%' : 'auto',
     flexWrap: "wrap",
     children: filteredPayload.map(function (entry, index) {
-      return /*#__PURE__*/jsx(Box, {
-        display: "flex",
-        alignItems: "center",
-        children: /*#__PURE__*/jsxs(Box, {
-          display: "flex",
-          gap: "spacing.3",
-          justifyContent: "center",
-          alignItems: "center",
-          children: [/*#__PURE__*/jsx("span", {
-            style: {
-              backgroundColor: entry.color,
-              // Uses the color of the line/bar
-              width: theme.spacing[4],
-              // Size of the square
-              height: theme.spacing[4],
-              // Size of the square
-              display: 'inline-block',
-              borderRadius: theme.border.radius.small
-            }
-          }), /*#__PURE__*/jsx(Text, {
-            size: "medium",
-            color: "surface.text.gray.muted",
-            children: entry.value
-          })]
-        })
+      return /*#__PURE__*/jsx(LegendItem, {
+        entry: entry,
+        index: index
       }, "item-".concat(index));
     })
   });
 };
 var _ChartLegend = function _ChartLegend(props) {
   var _props$layout;
-  var _useTheme6 = useTheme(),
-    theme = _useTheme6.theme;
+  var _useTheme7 = useTheme(),
+    theme = _useTheme7.theme;
   return /*#__PURE__*/jsx(Legend, _objectSpread({
     wrapperStyle: {
       fontFamily: theme.typography.fonts.family.text,
       fontSize: theme.typography.fonts.size[100],
       color: theme.colors.surface.text.gray.normal,
-      paddingTop: theme.spacing[5]
+      paddingTop: theme.spacing[7]
     },
     align: "center",
     verticalAlign: props.layout === 'vertical' ? 'middle' : 'bottom',
@@ -222,32 +275,32 @@ var _ChartLegend = function _ChartLegend(props) {
 var ChartLegend = /*#__PURE__*/assignWithoutSideEffects(_ChartLegend, {
   componentId: componentId.chartLegend
 });
-var CustomReferenceLabel = function CustomReferenceLabel(_ref3) {
-  var viewBox = _ref3.viewBox,
-    value = _ref3.value,
-    isVertical = _ref3.isVertical;
+var CustomReferenceLabel = function CustomReferenceLabel(_ref5) {
+  var viewBox = _ref5.viewBox,
+    value = _ref5.value,
+    isVertical = _ref5.isVertical;
   // Extract viewBox coordinates with fallback values to prevent undefined errors.
   // viewBox contains the positioning information for the reference line label from Recharts.
-  var _ref4 = viewBox !== null && viewBox !== void 0 ? viewBox : {
+  var _ref6 = viewBox !== null && viewBox !== void 0 ? viewBox : {
       x: 0,
       y: 0,
       width: 0
     },
-    x = _ref4.x,
-    y = _ref4.y,
-    width = _ref4.width;
-  var _useTheme7 = useTheme(),
-    theme = _useTheme7.theme;
+    x = _ref6.x,
+    y = _ref6.y,
+    width = _ref6.width;
+  var _useTheme8 = useTheme(),
+    theme = _useTheme8.theme;
 
   // Calculate dynamic text width to ensure the background rectangle fits the text perfectly.
   // This prevents text overflow for long labels and avoids unnecessarily large rectangles for short text.
   // The function also handles text truncation with ellipsis if the text exceeds the maximum width.
-  var _ref5 = value ? calculateTextWidth(value, theme) : {
+  var _ref7 = value ? calculateTextWidth(value, theme) : {
       width: 80,
       displayText: value !== null && value !== void 0 ? value : ''
     },
-    RECT_WIDTH = _ref5.width,
-    displayText = _ref5.displayText;
+    RECT_WIDTH = _ref7.width,
+    displayText = _ref7.displayText;
   var rect_x = isVertical ? x + width - RECT_WIDTH / 2 : x + width - RECT_WIDTH;
   var rect_y = isVertical ? y : y - TEXT_BASELINE;
   // Text position with padding inside the rectangle
@@ -277,14 +330,14 @@ var CustomReferenceLabel = function CustomReferenceLabel(_ref3) {
     })]
   });
 };
-var ChartReferenceLine = function ChartReferenceLine(_ref6) {
-  var label = _ref6.label,
-    x = _ref6.x,
-    y = _ref6.y;
-  var _useTheme8 = useTheme(),
-    theme = _useTheme8.theme;
+var ChartReferenceLine = function ChartReferenceLine(_ref8) {
+  var label = _ref8.label,
+    x = _ref8.x,
+    y = _ref8.y;
+  var _useTheme9 = useTheme(),
+    theme = _useTheme9.theme;
   return /*#__PURE__*/jsx(ReferenceLine, {
-    stroke: theme.colors.chart.background.categorical.gray.intense,
+    stroke: theme.colors.data.background.categorical.gray.intense,
     strokeWidth: 2,
     strokeDasharray: "4 4",
     label: /*#__PURE__*/jsx(CustomReferenceLabel, {

package/build/lib/web/development/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  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":";;;;;;;;;;;;;;;;;;AAkCA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqCA,CAAIC,KAAK,EAAK;AACvD,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EAEb,oBACEC,GAAA,CAACC,KAAa,EAAAC,aAAA,CAAAA,aAAA,KACRN,KAAK,CAAA,EAAA,EAAA,EAAA;AACTO,IAAAA,IAAI,EAAE;MACJC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;MAC3CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;MACzCC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACC,OAAO;AACjDC,MAAAA,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAA;KAClD;IACFC,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/CC,IAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAAC,IAAA,EAAA;AAAA,MAAA,IAAKC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAA;AAAA,MAAA,oBACf1B,GAAA,CAAA,MAAA,EAAA;QACE2B,CAAC,EAAED,OAAO,CAACC,CAAC,GAAGD,OAAO,CAACE,KAAK,GAAG,CAAC,GAAGC,QAAS;AAC5CC,QAAAA,CAAC,EAAEJ,OAAO,CAACI,CAAC,GAAGC,QAAQ,GAAGC,oBAAqB;AAC/CC,QAAAA,UAAU,EAAC,QAAQ;QACnB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAO;QAC5CxB,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAE;QAC1CC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAK;QAC/CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAO;QACjDhB,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAE;AAAAgB,QAAAA,QAAA,EAEnDxC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE4B,KAAAA;AAAK,OACT,CAAC,CAAA;KACP;AACFa,IAAAA,OAAO,EAAEzC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEyC,OAAAA;AAAQ,GAAA,CACzB,CAAC,CAAA;AAEN,EAAC;AAED,IAAMC,UAAqC,GAAG,SAAxCA,UAAqCA,CAAI1C,KAAK,EAAK;AACvD,EAAA,IAAA2C,UAAA,GAAkBzC,QAAQ,EAAE;IAApBC,KAAK,GAAAwC,UAAA,CAALxC,KAAK,CAAA;EAEb,oBACEC,GAAA,CAACwC,KAAa,EAAAtC,aAAA,CAAAA,aAAA,KACRN,KAAK,CAAA,EAAA,EAAA,EAAA;AACTO,IAAAA,IAAI,EAAE;MACJC,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;MAC3CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;MACzCC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACC,OAAO;AACjDC,MAAAA,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAA;KAClD;IACFC,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/CC,IAAAA,KAAK,EAAE;AACLiB,MAAAA,KAAK,EAAE7C,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAE4B,KAAK;AACnBkB,MAAAA,QAAQ,EAAE,YAAY;AACtBC,MAAAA,KAAK,EAAE;AACLV,QAAAA,UAAU,EAAE,QAAQ;QACpB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAM;QAC3CxB,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC;QACzCG,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAM;QAChDrB,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;QAC9CY,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAC;AACnDwB,QAAAA,UAAU,EAAE7C,KAAK,CAACY,UAAU,CAACkC,WAAW,CAAC,GAAG,CAAA;OAC7C;MACDC,KAAK,EAAE,CAAC,EAAE;MACV1C,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAAC0B,MAAAA;KACrC;AACFG,IAAAA,OAAO,EAAEzC,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEyC,OAAAA;AAAQ,GAAA,CACzB,CAAC,CAAA;AAEN,EAAC;AAED,IAAMU,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAInD,KAAK,EAAK;AACvE,EAAA,IAAAoD,UAAA,GAAkBlD,QAAQ,EAAE;IAApBC,KAAK,GAAAiD,UAAA,CAALjD,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAACiD,aAAqB,EAAA/C,aAAA,CAAA;IACpBmB,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/C2B,IAAAA,QAAQ,EAAE,KAAA;GACNtD,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,EAAC;AAED,IAAMuD,YAAyC,GAAG,SAA5CA,YAAyCA,CAAIvD,KAAK,EAAK;AAC3D,EAAA,IAAAwD,UAAA,GAAkBtD,QAAQ,EAAE;IAApBC,KAAK,GAAAqD,UAAA,CAALrD,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAACqD,OAAe,EAAAnD,aAAA,CAAA;AACdoD,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAAC,KAAA,EAA0B;AAAA,MAAA,IAArBC,OAAO,GAAAD,KAAA,CAAPC,OAAO;QAAEhC,KAAK,GAAA+B,KAAA,CAAL/B,KAAK,CAAA;AACxB,MAAA,oBACEiC,IAAA,CAAA,KAAA,EAAA;AACEd,QAAAA,KAAK,EAAE;UACLe,eAAe,EAAE3D,KAAK,CAACM,MAAM,CAACC,OAAO,CAACqD,IAAI,CAACC,WAAW,CAACnD,MAAM;AAC7DoD,UAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACC,KAAK;AACvCzC,UAAAA,MAAM,EAAA0C,YAAAA,CAAAA,MAAA,CAAejE,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAK,CAAE;AAC7D0C,UAAAA,OAAO,EAAElE,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAA;SACxB;QAAA9B,QAAA,EAAA,cAEFpC,GAAA,CAACmE,OAAO,EAAA;AAACtD,UAAAA,IAAI,EAAC,OAAO;AAACI,UAAAA,MAAM,EAAC,UAAU;AAACmD,UAAAA,KAAK,EAAC,iCAAiC;AAAAhC,UAAAA,QAAA,EAC5EZ,KAAAA;AAAK,SACC,CAAC,eACVxB,GAAA,CAACqE,GAAG,EAAA;AAACC,UAAAA,UAAU,EAAE9C,KAAK,GAAG,WAAW,GAAG+C,SAAU;AAAAnC,UAAAA,QAAA,EAC9CoB,OAAO,CAACgB,GAAG,CAAC,UAACC,IAAI,EAAA;YAAA,oBAChBhB,IAAA,CAACY,GAAG,EAAA;AACFK,cAAAA,OAAO,EAAC,MAAM;AACdC,cAAAA,UAAU,EAAC,QAAQ;AACnBC,cAAAA,cAAc,EAAC,eAAe;AAC9BC,cAAAA,GAAG,EAAC,WAAW;cAAAzC,QAAA,EAAA,cAGfqB,IAAA,CAACY,GAAG,EAAA;AAACK,gBAAAA,OAAO,EAAC,MAAM;AAACG,gBAAAA,GAAG,EAAC,WAAW;AAACF,gBAAAA,UAAU,EAAC,QAAQ;AAACC,gBAAAA,cAAc,EAAC,QAAQ;AAAAxC,gBAAAA,QAAA,gBAC7EpC,GAAA,CAAA,KAAA,EAAA;AACE2C,kBAAAA,KAAK,EAAE;AACLf,oBAAAA,KAAK,EAAE7B,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AACvBY,oBAAAA,MAAM,EAAE/E,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;oBACxBR,eAAe,EAAEe,IAAI,CAACL,KAAK,IAAIK,IAAI,CAACjB,OAAO,CAACpD,IAAI;AAChDyD,oBAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACiB,KAAAA;AACpC,mBAAA;AAAE,iBACH,CAAC,eACF/E,GAAA,CAACgF,IAAI,EAAA;AAACnE,kBAAAA,IAAI,EAAC,OAAO;AAACI,kBAAAA,MAAM,EAAC,SAAS;AAACmD,kBAAAA,KAAK,EAAC,iCAAiC;kBAAAhC,QAAA,EACxEqC,IAAI,CAACQ,IAAAA;AAAI,iBACN,CAAC,CAAA;AAAA,eACJ,CAAC,eACNjF,GAAA,CAACgF,IAAI,EAAA;AAACnE,gBAAAA,IAAI,EAAC,OAAO;AAACI,gBAAAA,MAAM,EAAC,SAAS;AAACmD,gBAAAA,KAAK,EAAC,iCAAiC;gBAAAhC,QAAA,EACxEqC,IAAI,CAAChC,KAAAA;AAAK,eACP,CAAC,CAAA;aAjBFgC,EAAAA,IAAI,CAACQ,IAkBP,CAAC,CAAA;WACP,CAAA;AAAC,SACC,CAAC,CAAA;AAAA,OACH,CAAC,CAAA;KAER;AACFC,IAAAA,MAAM,EAAE;AAAE9E,MAAAA,IAAI,EAAE,aAAa;AAAEiB,MAAAA,MAAM,EAAE,aAAA;AAAc,KAAA;GACjDzB,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,EAAC;AAED,IAAMuF,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIvF,KAS3B,EAAyB;AACxB,EAAA,IAAQ4D,OAAO,GAAa5D,KAAK,CAAzB4D,OAAO;IAAE4B,MAAM,GAAKxF,KAAK,CAAhBwF,MAAM,CAAA;AACvB,EAAA,IAAAC,UAAA,GAAkBvF,QAAQ,EAAE;IAApBC,KAAK,GAAAsF,UAAA,CAALtF,KAAK,CAAA;EAEb,IAAI,CAACyD,OAAO,IAAIA,OAAO,CAAC8B,MAAM,KAAK,CAAC,EAAE;AACpC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACE,EAAA,IAAMC,eAAe,GAAG/B,OAAO,CAACgC,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,IAAAC,cAAA,CAAA;AAAA,IAAA,OAAK,CAAAD,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAAA,CAAAC,cAAA,GAALD,KAAK,CAAEjC,OAAO,cAAAkC,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAA,CAAgBC,UAAU,MAAK,MAAM,CAAA;GAAC,CAAA,CAAA;AACxF,EAAA,IAAMC,gBAAgB,GAAGR,MAAM,KAAK,UAAU,CAAA;EAE9C,oBACEpF,GAAA,CAACqE,GAAG,EAAA;AACFK,IAAAA,OAAO,EAAC,MAAM;AACdE,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,GAAG,EAAC,WAAW;AACfgB,IAAAA,aAAa,EAAED,gBAAgB,GAAG,QAAQ,GAAG,KAAM;AACnDhE,IAAAA,KAAK,EAAEgE,gBAAgB,GAAG,MAAM,GAAG,MAAO;AAC1CE,IAAAA,QAAQ,EAAC,MAAM;IAAA1D,QAAA,EAEdmD,eAAe,CAACf,GAAG,CAAC,UAACiB,KAAK,EAAEM,KAAK,EAAA;MAAA,oBAChC/F,GAAA,CAACqE,GAAG,EAAA;AAAuBK,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,UAAU,EAAC,QAAQ;QAAAvC,QAAA,eAC3DqB,IAAA,CAACY,GAAG,EAAA;AAACK,UAAAA,OAAO,EAAC,MAAM;AAACG,UAAAA,GAAG,EAAC,WAAW;AAACD,UAAAA,cAAc,EAAC,QAAQ;AAACD,UAAAA,UAAU,EAAC,QAAQ;AAAAvC,UAAAA,QAAA,gBAC7EpC,GAAA,CAAA,MAAA,EAAA;AACE2C,YAAAA,KAAK,EAAE;cACLe,eAAe,EAAE+B,KAAK,CAACrB,KAAK;AAAE;AAC9BxC,cAAAA,KAAK,EAAE7B,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AAAE;AACzBY,cAAAA,MAAM,EAAE/E,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAC;AAAE;AAC1BQ,cAAAA,OAAO,EAAE,cAAc;AACvBb,cAAAA,YAAY,EAAE9D,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAACiB,KAAAA;AACpC,aAAA;AAAE,WACH,CAAC,eAEF/E,GAAA,CAACgF,IAAI,EAAA;AAACnE,YAAAA,IAAI,EAAC,QAAQ;AAACuD,YAAAA,KAAK,EAAC,yBAAyB;YAAAhC,QAAA,EAChDqD,KAAK,CAAChD,KAAAA;AAAK,WACR,CAAC,CAAA;SACJ,CAAA;AAAC,OAAA,EAAA,OAAA,CAAAuB,MAAA,CAfU+B,KAAK,CAgBlB,CAAC,CAAA;KACP,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMC,YAAwC,GAAG,SAA3CA,YAAwCA,CAAIpG,KAAK,EAAK;AAAA,EAAA,IAAAqG,aAAA,CAAA;AAC1D,EAAA,IAAAC,UAAA,GAAkBpG,QAAQ,EAAE;IAApBC,KAAK,GAAAmG,UAAA,CAALnG,KAAK,CAAA;AAEb,EAAA,oBACEC,GAAA,CAACmG,MAAc,EAAAjG,aAAA,CAAA;AACbkG,IAAAA,YAAY,EAAE;MACZtF,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAI;MAC9CG,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,GAAG,CAAC;MAC1CuD,KAAK,EAAErE,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAM;AAC5C6D,MAAAA,UAAU,EAAEvE,KAAK,CAACmE,OAAO,CAAC,CAAC,CAAA;KAC3B;AACFmC,IAAAA,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAE1G,KAAK,CAACwF,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAS;IACjE9B,OAAO,eAAEtD,GAAA,CAACmF,kBAAkB,EAAA;MAACC,MAAM,EAAA,CAAAa,aAAA,GAAErG,KAAK,CAACwF,MAAM,MAAAa,IAAAA,IAAAA,aAAA,KAAAA,KAAAA,CAAAA,GAAAA,aAAA,GAAI,YAAA;KAAe,CAAA;GAChErG,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAM2G,WAAW,gBAAGC,wBAAwB,CAACR,YAAY,EAAE;EACzDS,WAAW,EAAEA,WAAW,CAACC,WAAAA;AAC3B,CAAC,EAAC;AAEF,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAQP;AAAA,EAAA,IAPjBlF,OAAO,GAAAkF,KAAA,CAAPlF,OAAO;IACPe,KAAK,GAAAmE,KAAA,CAALnE,KAAK;IACLoE,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAMV;AACA;AACA,EAAA,IAAAC,KAAA,GAAwBpF,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI;AAAEC,MAAAA,CAAC,EAAE,CAAC;AAAEG,MAAAA,CAAC,EAAE,CAAC;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAG;IAAnDD,CAAC,GAAAmF,KAAA,CAADnF,CAAC;IAAEG,CAAC,GAAAgF,KAAA,CAADhF,CAAC;IAAEF,KAAK,GAAAkF,KAAA,CAALlF,KAAK,CAAA;AACnB,EAAA,IAAAmF,UAAA,GAAkBjH,QAAQ,EAAE;IAApBC,KAAK,GAAAgH,UAAA,CAALhH,KAAK,CAAA;;AAEb;AACA;AACA;EACA,IAAAiH,KAAA,GAA2CvE,KAAK,GAC5CwE,kBAAkB,CAACxE,KAAK,EAAE1C,KAAK,CAAC,GAChC;AAAE6B,MAAAA,KAAK,EAAE,EAAE;AAAEsF,MAAAA,WAAW,EAAEzE,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAI,EAAA;KAAI;IAF5B0E,UAAU,GAAAH,KAAA,CAAjBpF,KAAK;IAAcsF,WAAW,GAAAF,KAAA,CAAXE,WAAW,CAAA;AAItC,EAAA,IAAME,MAAM,GAAGP,UAAU,GAAGlF,CAAC,GAAGC,KAAK,GAAGuF,UAAU,GAAG,CAAC,GAAGxF,CAAC,GAAGC,KAAK,GAAGuF,UAAU,CAAA;EAC/E,IAAME,MAAM,GAAGR,UAAU,GAAG/E,CAAC,GAAGA,CAAC,GAAGwF,aAAa,CAAA;AACjD;AACA,EAAA,IAAMC,MAAM,GAAGH,MAAM,GAAGI,kBAAkB,GAAG,CAACL,UAAU,GAAGK,kBAAkB,GAAG,CAAC,IAAI,CAAC,CAAA;EACtF,IAAMC,MAAM,GAAGJ,MAAM,GAAGK,gBAAgB,GAAGJ,aAAa,CAAC;;AAEzD,EAAA,oBACE7D,IAAA,CAAA,GAAA,EAAA;AAAArB,IAAAA,QAAA,gBACEpC,GAAA,CAAA,MAAA,EAAA;AACE2B,MAAAA,CAAC,EAAEyF,MAAO;AACVtF,MAAAA,CAAC,EAAEuF,MAAO;AACVzF,MAAAA,KAAK,EAAEuF,UAAW;AAClBrC,MAAAA,MAAM,EAAE6C,WAAY;AACpBC,MAAAA,EAAE,EAAE7H,KAAK,CAACuB,MAAM,CAACwC,MAAM,CAAC3B,MAAO;MAC/B/B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACuH,UAAU,CAACrH,IAAI,CAAC0B,MAAO;MAClDb,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACgB,MAAM,CAACd,IAAI,CAACe,KAAM;AAC/CuG,MAAAA,WAAW,EAAC,GAAA;KACb,CAAC,eACF9H,GAAA,CAAA,MAAA,EAAA;AACE2B,MAAAA,CAAC,EAAE4F,MAAO;AACVzF,MAAAA,CAAC,EAAE2F,MAAO;AACVxF,MAAAA,UAAU,EAAC,QAAQ;MACnB7B,IAAI,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,IAAI,CAACC,MAAO;MAC5CC,QAAQ,EAAEX,KAAK,CAACY,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAE;MAC1CC,UAAU,EAAEf,KAAK,CAACY,UAAU,CAACC,KAAK,CAACG,MAAM,CAACR,IAAK;MAC/CS,UAAU,EAAEjB,KAAK,CAACY,UAAU,CAACC,KAAK,CAACK,MAAM,CAACkB,MAAO;MACjDhB,aAAa,EAAEpB,KAAK,CAACY,UAAU,CAACS,cAAc,CAAC,GAAG,CAAE;AAAAgB,MAAAA,QAAA,EAEnD8E,WAAAA;AAAW,KACR,CAAC,CAAA;AAAA,GACN,CAAC,CAAA;AAER,CAAC,CAAA;AAED,IAAMa,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,KAAA,EAAwB;AAAA,EAAA,IAAlBxG,KAAK,GAAAwG,KAAA,CAALxG,KAAK;IAAEG,CAAC,GAAAqG,KAAA,CAADrG,CAAC;IAAEG,CAAC,GAAAkG,KAAA,CAADlG,CAAC,CAAA;AAC1E,EAAA,IAAAmG,UAAA,GAAkBnI,QAAQ,EAAE;IAApBC,KAAK,GAAAkI,UAAA,CAALlI,KAAK,CAAA;EACb,oBACEC,GAAA,CAACkI,aAAqB,EAAA;AACpB7G,IAAAA,MAAM,EAAEtB,KAAK,CAACM,MAAM,CAAC8H,KAAK,CAACN,UAAU,CAACO,WAAW,CAAC5H,IAAI,CAAC6H,OAAQ;AAC/DP,IAAAA,WAAW,EAAE,CAAE;AACfQ,IAAAA,eAAe,EAAC,KAAK;IACrB9G,KAAK,eAAExB,GAAA,CAAC2G,oBAAoB,EAAA;AAAClE,MAAAA,KAAK,EAAEjB,KAAM;MAACqF,UAAU,EAAE0B,OAAO,CAAC5G,CAAC,CAAA;AAAE,KAAE,CAAE;AACtEA,IAAAA,CAAC,EAAEA,CAAE;AACLG,IAAAA,CAAC,EAAEA,CAAAA;AAAE,GACN,CAAC,CAAA;AAEN;;;;"}
+{"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 {\n  getHighestColorInRange,\n  isSequentialColor,\n  sanitizeString,\n  totalChartColors,\n} from '../utils';\nimport type {\n  ChartReferenceLineProps,\n  ChartXAxisProps,\n  ChartYAxisProps,\n  ChartTooltipProps,\n  ChartLegendProps,\n  ChartCartesianGridProps,\n  Layout,\n  ChartColorToken,\n  DataColorMapping,\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 { useCommonChartComponentsContext } from './CommonChartComponentsContext';\nimport { Heading, Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport getIn from '~utils/lodashButBetter/get';\n\n/**\n * Helper function to get the appropriate color for chart elements (tooltip, legend)\n *\n * This function resolves the color token for chart elements based on the chart type and color mapping.\n * The logic varies by chart type:\n * - For line/area charts: Returns the mapped color directly if it's not a custom color.\n *   If it is a custom color, it maps to the highest color in the range (unless it's sequential).\n * - For sequential colors: Returns the mapped color as-is\n * - For other cases: Uses getHighestColorInRange to get the highest intensity color from the range,\n *   with special handling for donut charts when custom colors are used or when there are more\n *   data points than the default color palette\n *\n * @param dataKey - The data key for the chart element\n * @param name - The name/value of the chart element\n * @param dataColorMapping - Color mapping object\n * @param chartName - Type of chart (line, area, donut, etc.)\n * @returns The resolved color token\n */\nconst getChartColor = (\n  dataKey: string,\n  name: string,\n  dataColorMapping: DataColorMapping,\n  chartName: string | undefined,\n): ChartColorToken => {\n  const colorKey = chartName === 'donut' ? sanitizeString(name ?? '') : dataKey;\n  const mappedColorData = dataColorMapping?.[colorKey ?? ''];\n  const mappedColor = mappedColorData.colorToken;\n  const isCustomColor = mappedColorData.isCustomColor;\n\n  if ((chartName === 'line' || chartName === 'area') && !isCustomColor) {\n    return mappedColor;\n  }\n\n  if (mappedColor && isSequentialColor(mappedColor)) {\n    return mappedColor ?? 'data.background.categorical.azure.faint';\n  }\n  return getHighestColorInRange({\n    colorToken: mappedColor ?? ('data.background.categorical.azure.faint' as ChartColorToken),\n    followIntensityMapping:\n      chartName === 'donut' &&\n      (isCustomColor || Object.keys(dataColorMapping).length > totalChartColors),\n  });\n};\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.muted,\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      tickLine={false}\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.muted}\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          {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.muted,\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      tickLine={false}\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.muted,\n          fontSize: theme.typography.fonts.size[75],\n          fontWeight: theme.typography.fonts.weight.regular,\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 CustomTooltip = ({\n  item,\n  key,\n}: {\n  item: {\n    name: string;\n    value: string;\n    color: string;\n    dataKey: string;\n    payload: { fill: string };\n  };\n  key: string;\n}): JSX.Element => {\n  const { theme } = useTheme();\n  const { dataColorMapping, chartName } = useCommonChartComponentsContext();\n\n  const toolTipColor = getChartColor(item.dataKey, item.name, dataColorMapping ?? {}, chartName);\n  return (\n    <Box\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      gap=\"spacing.4\"\n      key={key}\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: getIn(theme.colors, toolTipColor),\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};\n\nconst ChartTooltip: React.FC<ChartTooltipProps> = (props) => {\n  const { theme } = useTheme();\n  return (\n    <RechartsTooltip\n      content={({ payload, label }) => {\n        const filteredPayLoad = payload.filter((item) => item.type !== 'none');\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              {filteredPayLoad.map((item) => (\n                <CustomTooltip item={item} key={item.name} />\n              ))}\n            </Box>\n          </div>\n        );\n      }}\n      cursor={{ fill: 'transparent', stroke: 'transparent' }}\n      {...props}\n    />\n  );\n};\n\nconst LegendItem = ({\n  entry,\n  index,\n}: {\n  entry: { color: string; value: string; dataKey: string };\n  index: number;\n}): JSX.Element => {\n  const { theme } = useTheme();\n  const { dataColorMapping, chartName } = useCommonChartComponentsContext();\n\n  const legendColor = getChartColor(entry.dataKey, entry.value, dataColorMapping ?? {}, chartName);\n  return (\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: getIn(theme.colors, legendColor), // 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};\n\nconst CustomSquareLegend = (props: {\n  payload?: Array<{\n    payload: {\n      legendType: 'none' | 'line';\n      type: 'none' | 'line';\n    };\n    value: string;\n    color: string;\n    type: 'none' | 'line';\n    dataKey: string;\n  }>;\n  layout: Layout;\n}): JSX.Element | null => {\n  const { payload, layout } = props;\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(\n    (entry) => entry?.payload?.legendType !== 'none' && entry?.type !== 'none',\n  );\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        <LegendItem entry={entry} index={index} key={`item-${index}`} />\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[7],\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.data.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":["getChartColor","dataKey","name","dataColorMapping","chartName","colorKey","sanitizeString","mappedColorData","mappedColor","colorToken","isCustomColor","isSequentialColor","getHighestColorInRange","followIntensityMapping","Object","keys","length","totalChartColors","ChartXAxis","props","_useTheme","useTheme","theme","_jsx","RechartsXAxis","_objectSpread","tick","fill","colors","surface","text","gray","muted","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","regular","letterSpacing","letterSpacings","tickLine","stroke","border","label","_ref","viewBox","x","width","X_OFFSET","y","Y_OFFSET","X_AXIS_TEXT_BASELINE","textAnchor","children","ChartYAxis","_useTheme2","RechartsYAxis","value","position","style","lineHeight","lineHeights","angle","subtle","ChartCartesianGrid","_useTheme3","RechartsCartesianGrid","vertical","CustomTooltip","_ref2","item","key","_useTheme4","_useCommonChartCompon","useCommonChartComponentsContext","toolTipColor","_jsxs","Box","display","alignItems","justifyContent","gap","spacing","height","backgroundColor","getIn","borderRadius","radius","small","Text","color","ChartTooltip","_useTheme5","RechartsTooltip","content","_ref3","payload","filteredPayLoad","filter","type","icon","staticBlack","normal","large","concat","padding","Heading","paddingTop","undefined","map","cursor","LegendItem","_ref4","entry","index","_useTheme6","_useCommonChartCompon2","legendColor","CustomSquareLegend","layout","filteredPayload","_entry$payload","legendType","isVerticalLayout","flexDirection","flexWrap","_ChartLegend","_props$layout","_useTheme7","RechartsLegend","wrapperStyle","align","verticalAlign","ChartLegend","assignWithoutSideEffects","componentId","chartLegend","CustomReferenceLabel","_ref5","isVertical","_ref6","_useTheme8","_ref7","calculateTextWidth","displayText","RECT_WIDTH","rect_x","rect_y","TEXT_BASELINE","text_x","PADDING_HORIZONTAL","text_y","PADDING_VERTICAL","RECT_HEIGHT","rx","medium","background","strokeWidth","ChartReferenceLine","_ref8","_useTheme9","RechartsReferenceLine","data","categorical","intense","strokeDasharray","Boolean"],"mappings":"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"}

package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponentsContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+var CommonChartComponentsContext = /*#__PURE__*/createContext({
+  dataColorMapping: undefined,
+  setDataColorMapping: function setDataColorMapping() {
+    return undefined;
+  },
+  chartName: undefined
+});
+var useCommonChartComponentsContext = function useCommonChartComponentsContext() {
+  return useContext(CommonChartComponentsContext);
+};
+
+export { CommonChartComponentsContext, useCommonChartComponentsContext };
+//# sourceMappingURL=CommonChartComponentsContext.js.map

package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponentsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonChartComponentsContext.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/CommonChartComponentsContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { CommonChartComponentsContextType } from './types';\n\nexport const CommonChartComponentsContext = createContext<CommonChartComponentsContextType>({\n  dataColorMapping: undefined,\n  setDataColorMapping: () => undefined,\n  chartName: undefined,\n});\n\nexport const useCommonChartComponentsContext = (): CommonChartComponentsContextType =>\n  useContext(CommonChartComponentsContext);\n"],"names":["CommonChartComponentsContext","createContext","dataColorMapping","undefined","setDataColorMapping","chartName","useCommonChartComponentsContext","useContext"],"mappings":";;AAGaA,IAAAA,4BAA4B,gBAAGC,aAAa,CAAmC;AAC1FC,EAAAA,gBAAgB,EAAEC,SAAS;EAC3BC,mBAAmB,EAAE,SAArBA,mBAAmBA,GAAA;AAAA,IAAA,OAAQD,SAAS,CAAA;AAAA,GAAA;AACpCE,EAAAA,SAAS,EAAEF,SAAAA;AACb,CAAC,EAAC;AAEWG,IAAAA,+BAA+B,GAAG,SAAlCA,+BAA+BA,GAAA;EAAA,OAC1CC,UAAU,CAACP,4BAA4B,CAAC,CAAA;AAAA;;;;"}

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

@@ -1,2 +1,4 @@
 export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './CommonChartComponents.web.js';
+export { CommonChartComponentsContext, useCommonChartComponentsContext } from './CommonChartComponentsContext.js';
+export { DEFAULT_COLOR } from './tokens.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/Charts/CommonChartComponents/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/CommonChartComponents/tokens.js

@@ -10,9 +10,10 @@ var Y_OFFSET = 14.5;
 var X_AXIS_TEXT_BASELINE = 24;
 var MIN_WIDTH = RECT_WIDTH;
 var MAX_WIDTH = 200;
+var DEFAULT_COLOR = 'data.background.categorical.gray.moderate';
 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, componentId };
+export { DEFAULT_COLOR, 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/development/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;\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;;;;"}
+{"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 DEFAULT_COLOR = 'data.background.categorical.gray.moderate';\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  DEFAULT_COLOR,\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","DEFAULT_COLOR","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;AAEfC,IAAAA,aAAa,GAAG,4CAA2C;AAEjE,IAAMC,WAAW,GAAG;AAClBC,EAAAA,WAAW,EAAE,cAAA;AACf;;;;"}