@razorpay/blade 12.68.0 → 12.89.1

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

@@ -1,9 +1,11 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
-import { Area as Area$1, ResponsiveContainer, AreaChart } from 'recharts';
+import React__default, { useState, useMemo } from 'react';
+import '../../../node_modules/recharts/es6/index.js';
 import '../utils/index.js';
 import '../CommonChartComponents/index.js';
+import { componentId } from '../CommonChartComponents/tokens.js';
 import { componentIds } from './componentIds.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
 import '../../BladeProvider/index.js';
@@ -16,6 +18,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../../BladeProvider/useTheme.js';
 import useChartsColorTheme from '../utils/useColorTheme.js';
 import { getHighestColorInRange } from '../utils/getHighestColorInRange.js';
+import { Area as Area$1 } from '../../../node_modules/recharts/es6/cartesian/Area.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { assignDataColorMapping } from '../utils/assignDataColorMapping/assignDataColorMapping.js';
@@ -23,9 +26,14 @@ import { CommonChartComponentsContext } from '../CommonChartComponents/CommonCha
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { ResponsiveContainer } from '../../../node_modules/recharts/es6/component/ResponsiveContainer.js';
+import { AreaChart } from '../../../node_modules/recharts/es6/chart/AreaChart.js';
 
-var _excluded = ["color", "type", "connectNulls", "showLegend", "stackId", "dot", "activeDot", "_index", "_colorTheme", "_totalAreas", "dataKey", "name"],
+var _excluded = ["color", "type", "connectNulls", "showLegend", "stackId", "dot", "activeDot", "_index", "_colorTheme", "_totalAreas", "dataKey", "name", "hide"],
   _excluded2 = ["data", "children", "testID", "colorTheme"];
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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 Area = function Area(_ref) {
@@ -47,6 +55,7 @@ var Area = function Area(_ref) {
     _totalAreas = _ref._totalAreas,
     dataKey = _ref.dataKey,
     name = _ref.name,
+    hide = _ref.hide,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -74,7 +83,8 @@ var Area = function Area(_ref) {
     stackId: stackId,
     activeDot: activeDot,
     animationBegin: animationBegin,
-    animationDuration: animationDuration
+    animationDuration: animationDuration,
+    hide: hide
   }));
 };
 var ChartArea = /*#__PURE__*/assignWithoutSideEffects(Area, {
@@ -128,14 +138,39 @@ var ChartAreaWrapper = function ChartAreaWrapper(_ref3) {
     colorTheme: colorTheme,
     chartName: 'area'
   });
-  var _React$useMemo = React__default.useMemo(function () {
+
+  // State to track which areas are currently selected (visible)
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedDataKeys = _useState2[0],
+    setSelectedDataKeys = _useState2[1];
+  var _useMemo = useMemo(function () {
       var childrenArray = React__default.Children.toArray(children);
       var dataColorMapping = {};
 
-      // Count ChartLine components
+      // Count ChartArea components
       var totalAreas = childrenArray.filter(function (child) {
         return /*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.ChartArea;
       }).length;
+
+      // Find ChartXAxis and extract secondaryDataKey
+      var secondaryDataKey;
+      var _iterator = _createForOfIteratorHelper(childrenArray),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentId.chartXAxis) {
+            var _child$props3;
+            secondaryDataKey = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.secondaryDataKey;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       var AreaChartIndex = 0;
       /**
        * We need to check child of ChartAreaWrapper. if they have any custom color we store that.
@@ -155,10 +190,13 @@ var ChartAreaWrapper = function ChartAreaWrapper(_ref3) {
               isCustomColor: Boolean(childColor)
             };
           }
+          // Pass hide prop based on whether this area's dataKey is NOT in selectedDataKeys
+          // If selectedDataKeys is undefined, show all areas (default behavior)
           return /*#__PURE__*/React__default.cloneElement(child, {
             _index: AreaChartIndex++,
             _colorTheme: colorTheme,
-            _totalAreas: totalAreas
+            _totalAreas: totalAreas,
+            hide: selectedDataKeys ? !selectedDataKeys.includes(dataKey) : false
           });
         }
         return child;
@@ -167,16 +205,32 @@ var ChartAreaWrapper = function ChartAreaWrapper(_ref3) {
       return {
         modifiedChildren: modifiedChildren,
         totalAreaChartChildren: AreaChartIndex,
-        dataColorMapping: dataColorMapping
+        dataColorMapping: dataColorMapping,
+        secondaryDataKey: secondaryDataKey
       };
-    }, [children, colorTheme, themeColors]),
-    modifiedChildren = _React$useMemo.modifiedChildren,
-    totalAreaChartChildren = _React$useMemo.totalAreaChartChildren,
-    dataColorMapping = _React$useMemo.dataColorMapping;
+    }, [children, colorTheme, themeColors, selectedDataKeys]),
+    modifiedChildren = _useMemo.modifiedChildren,
+    totalAreaChartChildren = _useMemo.totalAreaChartChildren,
+    dataColorMapping = _useMemo.dataColorMapping,
+    secondaryDataKey = _useMemo.secondaryDataKey;
+
+  // Build secondary label map internally from ChartXAxis's secondaryDataKey prop
+  var secondaryLabelMap = React__default.useMemo(function () {
+    if (!secondaryDataKey || !data) return undefined;
+    var map = {};
+    data.forEach(function (item, index) {
+      map[index] = item[secondaryDataKey];
+    });
+    return map;
+  }, [data, secondaryDataKey]);
   return /*#__PURE__*/jsx(CommonChartComponentsContext.Provider, {
     value: {
       chartName: 'area',
-      dataColorMapping: dataColorMapping
+      dataColorMapping: dataColorMapping,
+      secondaryLabelMap: secondaryLabelMap,
+      dataLength: data === null || data === void 0 ? void 0 : data.length,
+      selectedDataKeys: selectedDataKeys,
+      setSelectedDataKeys: setSelectedDataKeys
     },
     children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: 'chart-area-container',

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

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.web.js","sources":["../../../../../../../src/components/Charts/AreaChart/AreaChart.web.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  ResponsiveContainer,\n} from 'recharts';\nimport { getHighestColorInRange, useChartsColorTheme, assignDataColorMapping } from '../utils';\nimport type { DataColorMapping } from '../CommonChartComponents';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type { ChartAreaProps, ChartAreaWrapperProps, ChartColorGradientProps } from './types';\nimport { componentIds } from './componentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst Area: React.FC<ChartAreaProps> = ({\n  color,\n  type = 'monotone',\n  connectNulls = false,\n  showLegend = true,\n  stackId = 1,\n  dot = false,\n  activeDot = true,\n  _index,\n  _colorTheme,\n  _totalAreas,\n  dataKey,\n  name,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({\n    colorTheme: _colorTheme,\n    chartName: 'area',\n    chartDataIndicators: _totalAreas,\n  });\n  const colorToken = getIn(\n    theme.colors,\n    color ? getHighestColorInRange({ colorToken: color }) : themeColors[_index ?? 0],\n  );\n  const animationBegin = theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsArea\n      {...props}\n      fill={`url(#color-${_index}-${dataKey})`}\n      dataKey={dataKey}\n      name={name}\n      stroke={colorToken}\n      fillOpacity={0.5}\n      type={type}\n      connectNulls={connectNulls}\n      legendType={showLegend ? 'rect' : 'none'}\n      strokeWidth={1.5}\n      dot={dot}\n      stackId={stackId}\n      activeDot={activeDot}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n    />\n  );\n};\n\nconst ChartArea = assignWithoutSideEffects(Area, {\n  componentId: componentIds.ChartArea,\n});\n\nconst ChartColorGradient: React.FC<ChartColorGradientProps> = ({\n  index,\n  color,\n  totalAreaChartChildren,\n  id,\n}) => {\n  const { colorScheme, theme } = useTheme();\n  const isDarkMode = colorScheme === 'dark';\n  const themeColors = useChartsColorTheme({\n    colorTheme: 'categorical',\n    chartName: 'area',\n    chartDataIndicators: totalAreaChartChildren,\n  });\n\n  const colorToken = getIn(\n    theme.colors,\n    getHighestColorInRange({\n      colorToken: color ?? themeColors[index],\n      followIntensityMapping: true,\n    }),\n  );\n  return (\n    <linearGradient id={id} key={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n      <stop offset=\"5%\" stopColor={colorToken} stopOpacity={isDarkMode ? 0.28 : 1} />\n      <stop offset=\"95%\" stopColor={colorToken} stopOpacity={isDarkMode ? 0.12 : 0.32} />\n    </linearGradient>\n  );\n};\n\n// Main components\nconst ChartAreaWrapper: React.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  data,\n  children,\n  testID,\n  colorTheme = 'categorical',\n  ...restProps\n}) => {\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'area',\n  });\n  const { modifiedChildren, totalAreaChartChildren, dataColorMapping } = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n\n    // Count ChartLine components\n    const totalAreas = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.ChartArea,\n    ).length;\n\n    let AreaChartIndex = 0;\n    /**\n     * We need to check child of ChartAreaWrapper. if they have any custom color we store that.\n     * We need these mapping because colors of tooltip & legend is determine based on this\n     *  recharts do provide a color but it is hex code and we need blade color token .\n     */\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartArea) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartAreaProps)?.dataKey as string;\n        if (dataKey) {\n          //  assign  colors to the dataColorMapping, if no color is assigned  we assign color in `assignDataColorMapping`\n\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        return React.cloneElement(child, {\n          _index: AreaChartIndex++,\n          _colorTheme: colorTheme,\n          _totalAreas: totalAreas,\n        } as Partial<ChartAreaProps>);\n      }\n      return child;\n    });\n\n    assignDataColorMapping(dataColorMapping, themeColors);\n    return {\n      modifiedChildren,\n      totalAreaChartChildren: AreaChartIndex,\n      dataColorMapping,\n    };\n  }, [children, colorTheme, themeColors]);\n\n  return (\n    <CommonChartComponentsContext.Provider value={{ chartName: 'area', dataColorMapping }}>\n      <BaseBox\n        {...metaAttribute({ name: 'chart-area-container', testID })}\n        {...makeAnalyticsAttribute(restProps)}\n        {...restProps}\n        width=\"100%\"\n        height=\"100%\"\n      >\n        <ResponsiveContainer>\n          <RechartsAreaChart data={data}>\n            <defs>\n              {Object.keys(dataColorMapping).map((dataKey, index) => (\n                <ChartColorGradient\n                  key={`color-${index}-${dataKey}`}\n                  id={`color-${index}-${dataKey}`}\n                  index={index}\n                  color={dataColorMapping[dataKey].colorToken}\n                  totalAreaChartChildren={totalAreaChartChildren}\n                />\n              ))}\n            </defs>\n\n            {modifiedChildren}\n          </RechartsAreaChart>\n        </ResponsiveContainer>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport type { ChartAreaWrapperProps, ChartAreaProps };\nexport { ChartAreaWrapper, ChartArea };\n"],"names":["Area","_ref","color","_ref$type","type","_ref$connectNulls","connectNulls","_ref$showLegend","showLegend","_ref$stackId","stackId","_ref$dot","dot","_ref$activeDot","activeDot","_index","_colorTheme","_totalAreas","dataKey","name","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","chartName","chartDataIndicators","colorToken","getIn","colors","getHighestColorInRange","animationBegin","motion","delay","gentle","animationDuration","duration","xgentle","_jsx","RechartsArea","_objectSpread","fill","concat","stroke","fillOpacity","legendType","strokeWidth","ChartArea","assignWithoutSideEffects","componentId","componentIds","ChartColorGradient","_ref2","index","totalAreaChartChildren","id","_useTheme2","colorScheme","isDarkMode","followIntensityMapping","_jsxs","x1","y1","x2","y2","children","offset","stopColor","stopOpacity","ChartAreaWrapper","_ref3","data","testID","_ref3$colorTheme","restProps","_excluded2","_React$useMemo","React","useMemo","childrenArray","Children","toArray","dataColorMapping","totalAreas","filter","child","isValidElement","getComponentId","length","AreaChartIndex","modifiedChildren","map","_child$props","_child$props2","childColor","isCustomColor","Boolean","cloneElement","assignDataColorMapping","CommonChartComponentsContext","Provider","value","BaseBox","metaAttribute","makeAnalyticsAttribute","width","height","ResponsiveContainer","RechartsAreaChart","Object","keys"],"mappings":"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"}
+{"version":3,"file":"AreaChart.web.js","sources":["../../../../../../../src/components/Charts/AreaChart/AreaChart.web.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport {\n  AreaChart as RechartsAreaChart,\n  Area as RechartsArea,\n  ResponsiveContainer,\n} from 'recharts';\nimport { getHighestColorInRange, useChartsColorTheme, assignDataColorMapping } from '../utils';\nimport type {\n  DataColorMapping,\n  SecondaryLabelMap,\n  ChartXAxisProps,\n} from '../CommonChartComponents';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport { componentId as commonComponentIds } from '../CommonChartComponents/tokens';\nimport type { ChartAreaProps, ChartAreaWrapperProps, ChartColorGradientProps } from './types';\nimport { componentIds } from './componentIds';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst Area: React.FC<ChartAreaProps> = ({\n  color,\n  type = 'monotone',\n  connectNulls = false,\n  showLegend = true,\n  stackId = 1,\n  dot = false,\n  activeDot = true,\n  _index,\n  _colorTheme,\n  _totalAreas,\n  dataKey,\n  name,\n  hide,\n  ...props\n}) => {\n  const { theme } = useTheme();\n  const themeColors = useChartsColorTheme({\n    colorTheme: _colorTheme,\n    chartName: 'area',\n    chartDataIndicators: _totalAreas,\n  });\n  const colorToken = getIn(\n    theme.colors,\n    color ? getHighestColorInRange({ colorToken: color }) : themeColors[_index ?? 0],\n  );\n  const animationBegin = theme.motion.delay.gentle;\n  const animationDuration = theme.motion.duration.xgentle;\n\n  return (\n    <RechartsArea\n      {...props}\n      fill={`url(#color-${_index}-${dataKey})`}\n      dataKey={dataKey}\n      name={name}\n      stroke={colorToken}\n      fillOpacity={0.5}\n      type={type}\n      connectNulls={connectNulls}\n      legendType={showLegend ? 'rect' : 'none'}\n      strokeWidth={1.5}\n      dot={dot}\n      stackId={stackId}\n      activeDot={activeDot}\n      animationBegin={animationBegin}\n      animationDuration={animationDuration}\n      hide={hide}\n    />\n  );\n};\n\nconst ChartArea = assignWithoutSideEffects(Area, {\n  componentId: componentIds.ChartArea,\n});\n\nconst ChartColorGradient: React.FC<ChartColorGradientProps> = ({\n  index,\n  color,\n  totalAreaChartChildren,\n  id,\n}) => {\n  const { colorScheme, theme } = useTheme();\n  const isDarkMode = colorScheme === 'dark';\n  const themeColors = useChartsColorTheme({\n    colorTheme: 'categorical',\n    chartName: 'area',\n    chartDataIndicators: totalAreaChartChildren,\n  });\n\n  const colorToken = getIn(\n    theme.colors,\n    getHighestColorInRange({\n      colorToken: color ?? themeColors[index],\n      followIntensityMapping: true,\n    }),\n  );\n  return (\n    <linearGradient id={id} key={id} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n      <stop offset=\"5%\" stopColor={colorToken} stopOpacity={isDarkMode ? 0.28 : 1} />\n      <stop offset=\"95%\" stopColor={colorToken} stopOpacity={isDarkMode ? 0.12 : 0.32} />\n    </linearGradient>\n  );\n};\n\n// Main components\nconst ChartAreaWrapper: React.FC<ChartAreaWrapperProps & TestID & DataAnalyticsAttribute> = ({\n  data,\n  children,\n  testID,\n  colorTheme = 'categorical',\n  ...restProps\n}) => {\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'area',\n  });\n\n  // State to track which areas are currently selected (visible)\n  const [selectedDataKeys, setSelectedDataKeys] = useState<string[] | undefined>(undefined);\n\n  const {\n    modifiedChildren,\n    totalAreaChartChildren,\n    dataColorMapping,\n    secondaryDataKey,\n  } = useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n\n    // Count ChartArea components\n    const totalAreas = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.ChartArea,\n    ).length;\n\n    // Find ChartXAxis and extract secondaryDataKey\n    let secondaryDataKey: string | undefined;\n    for (const child of childrenArray) {\n      if (React.isValidElement(child) && getComponentId(child) === commonComponentIds.chartXAxis) {\n        secondaryDataKey = (child.props as ChartXAxisProps)?.secondaryDataKey;\n        break;\n      }\n    }\n\n    let AreaChartIndex = 0;\n    /**\n     * We need to check child of ChartAreaWrapper. if they have any custom color we store that.\n     * We need these mapping because colors of tooltip & legend is determine based on this\n     *  recharts do provide a color but it is hex code and we need blade color token .\n     */\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.ChartArea) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartAreaProps)?.dataKey as string;\n        if (dataKey) {\n          //  assign  colors to the dataColorMapping, if no color is assigned  we assign color in `assignDataColorMapping`\n\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        // Pass hide prop based on whether this area's dataKey is NOT in selectedDataKeys\n        // If selectedDataKeys is undefined, show all areas (default behavior)\n        return React.cloneElement(child, {\n          _index: AreaChartIndex++,\n          _colorTheme: colorTheme,\n          _totalAreas: totalAreas,\n          hide: selectedDataKeys ? !selectedDataKeys.includes(dataKey) : false,\n        } as Partial<ChartAreaProps>);\n      }\n      return child;\n    });\n\n    assignDataColorMapping(dataColorMapping, themeColors);\n    return {\n      modifiedChildren,\n      totalAreaChartChildren: AreaChartIndex,\n      dataColorMapping,\n      secondaryDataKey,\n    };\n  }, [children, colorTheme, themeColors, selectedDataKeys]);\n\n  // Build secondary label map internally from ChartXAxis's secondaryDataKey prop\n  const secondaryLabelMap = React.useMemo<SecondaryLabelMap | undefined>(() => {\n    if (!secondaryDataKey || !data) return undefined;\n    const map: SecondaryLabelMap = {};\n    data.forEach((item, index) => {\n      map[index] = item[secondaryDataKey] as string | number | undefined;\n    });\n    return map;\n  }, [data, secondaryDataKey]);\n\n  return (\n    <CommonChartComponentsContext.Provider\n      value={{\n        chartName: 'area',\n        dataColorMapping,\n        secondaryLabelMap,\n        dataLength: data?.length,\n        selectedDataKeys,\n        setSelectedDataKeys,\n      }}\n    >\n      <BaseBox\n        {...metaAttribute({ name: 'chart-area-container', testID })}\n        {...makeAnalyticsAttribute(restProps)}\n        {...restProps}\n        width=\"100%\"\n        height=\"100%\"\n      >\n        <ResponsiveContainer>\n          <RechartsAreaChart data={data}>\n            <defs>\n              {Object.keys(dataColorMapping).map((dataKey, index) => (\n                <ChartColorGradient\n                  key={`color-${index}-${dataKey}`}\n                  id={`color-${index}-${dataKey}`}\n                  index={index}\n                  color={dataColorMapping[dataKey].colorToken}\n                  totalAreaChartChildren={totalAreaChartChildren}\n                />\n              ))}\n            </defs>\n\n            {modifiedChildren}\n          </RechartsAreaChart>\n        </ResponsiveContainer>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport type { ChartAreaWrapperProps, ChartAreaProps };\nexport { ChartAreaWrapper, ChartArea };\n"],"names":["Area","_ref","color","_ref$type","type","_ref$connectNulls","connectNulls","_ref$showLegend","showLegend","_ref$stackId","stackId","_ref$dot","dot","_ref$activeDot","activeDot","_index","_colorTheme","_totalAreas","dataKey","name","hide","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","themeColors","useChartsColorTheme","colorTheme","chartName","chartDataIndicators","colorToken","getIn","colors","getHighestColorInRange","animationBegin","motion","delay","gentle","animationDuration","duration","xgentle","_jsx","RechartsArea","_objectSpread","fill","concat","stroke","fillOpacity","legendType","strokeWidth","ChartArea","assignWithoutSideEffects","componentId","componentIds","ChartColorGradient","_ref2","index","totalAreaChartChildren","id","_useTheme2","colorScheme","isDarkMode","followIntensityMapping","_jsxs","x1","y1","x2","y2","children","offset","stopColor","stopOpacity","ChartAreaWrapper","_ref3","data","testID","_ref3$colorTheme","restProps","_excluded2","_useState","useState","undefined","_useState2","_slicedToArray","selectedDataKeys","setSelectedDataKeys","_useMemo","useMemo","childrenArray","React","Children","toArray","dataColorMapping","totalAreas","filter","child","isValidElement","getComponentId","length","secondaryDataKey","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","commonComponentIds","chartXAxis","_child$props3","err","e","f","AreaChartIndex","modifiedChildren","map","_child$props","_child$props2","childColor","isCustomColor","Boolean","cloneElement","includes","assignDataColorMapping","secondaryLabelMap","forEach","item","CommonChartComponentsContext","Provider","dataLength","BaseBox","metaAttribute","makeAnalyticsAttribute","width","height","ResponsiveContainer","RechartsAreaChart","Object","keys"],"mappings":"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"}

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

@@ -1,24 +1,26 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { createElement, useState } from 'react';
-import { Bar, ResponsiveContainer, BarChart } from 'recharts';
+import React__default, { useRef, useEffect, createElement, useState } from 'react';
+import '../../../node_modules/recharts/es6/index.js';
 import '../utils/index.js';
 import '../CommonChartComponents/index.js';
+import { componentId } from '../CommonChartComponents/tokens.js';
 import { useBarChartContext, BarChartContext } from './BarChartContext.js';
 import { DISTANCE_BETWEEN_STACKED_BARS, componentIds, BAR_SIZE, DISTANCE_BETWEEN_BARS, DISTANCE_BETWEEN_CATEGORY_BARS } 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 isNumber from '../../../utils/lodashButBetter/isNumber.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../BladeProvider/index.js';
+import '../../Box/BaseBox/index.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
 import '../../../utils/isValidAllowedChildren/index.js';
-import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import useTheme from '../../BladeProvider/useTheme.js';
 import useChartsColorTheme from '../utils/useColorTheme.js';
 import { getHighestColorInRange } from '../utils/getHighestColorInRange.js';
+import { Bar } from '../../../node_modules/recharts/es6/cartesian/Bar.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { assignDataColorMapping } from '../utils/assignDataColorMapping/assignDataColorMapping.js';
@@ -26,9 +28,14 @@ import { CommonChartComponentsContext } from '../CommonChartComponents/CommonCha
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
 import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { ResponsiveContainer } from '../../../node_modules/recharts/es6/component/ResponsiveContainer.js';
+import { BarChart } from '../../../node_modules/recharts/es6/chart/BarChart.js';
 
-var _excluded = ["color", "name", "dataKey", "activeBar", "label", "showLegend", "_index"],
+var _excluded = ["color", "name", "dataKey", "activeBar", "label", "showLegend", "hide", "_index"],
   _excluded2 = ["children", "colorTheme", "layout", "testID", "data"];
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
 // Bar component - resolves Blade color tokens to actual colors
@@ -42,6 +49,7 @@ var _ChartBar = /*#__PURE__*/React__default.memo(function (_ref) {
     label = _ref$label === void 0 ? false : _ref$label,
     _ref$showLegend = _ref.showLegend,
     showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
+    hide = _ref.hide,
     _ref$_index = _ref._index,
     _index = _ref$_index === void 0 ? 0 : _ref$_index,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -62,9 +70,20 @@ var _ChartBar = /*#__PURE__*/React__default.memo(function (_ref) {
     colorToken: color !== null && color !== void 0 ? color : defaultColorArray[_index],
     followIntensityMapping: Boolean(color)
   }));
-  var isStacked = rest.stackId !== undefined;
-  var animationBegin = isStacked ? theme.motion.duration.gentle / totalBars * _index : theme.motion.duration.gentle;
-  var animationDuration = isStacked ? theme.motion.duration.gentle / totalBars : theme.motion.duration.gentle;
+  var animationBegin = theme.motion.duration.gentle;
+  var animationDuration = theme.motion.duration.gentle;
+
+  /**
+   * We need to control the animation of the bar.
+   * Recharts tries to animate bar when tooltip is hovered. we don't need that.
+   * So we need to control the animation of the bar.
+   * we currently need it for entry , exit and when a bar is hidden only.
+   */
+
+  var shouldAnimatedBar = useRef(true);
+  useEffect(function () {
+    shouldAnimatedBar.current = true;
+  }, [hide]);
   return /*#__PURE__*/createElement(Bar, _objectSpread(_objectSpread({}, rest), {}, {
     fill: fill,
     legendType: showLegend ? 'rect' : 'none',
@@ -76,6 +95,14 @@ var _ChartBar = /*#__PURE__*/React__default.memo(function (_ref) {
     dataKey: dataKey,
     name: name,
     key: "".concat(dataKey, "-").concat(_index, "-").concat(name),
+    hide: hide,
+    isAnimationActive: shouldAnimatedBar.current,
+    onAnimationStart: function onAnimationStart() {
+      shouldAnimatedBar.current = true;
+    },
+    onAnimationEnd: function onAnimationEnd() {
+      shouldAnimatedBar.current = false;
+    },
     shape: function shape(props) {
       var _ref2 = props,
         fill = _ref2.fill,
@@ -146,6 +173,12 @@ var ChartBarWrapper = function ChartBarWrapper(_ref3) {
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
     setActiveIndex = _useState2[1];
+
+  // State to track which bars are currently selected (visible)
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDataKeys = _useState4[0],
+    setSelectedDataKeys = _useState4[1];
   var themeColors = useChartsColorTheme({
     colorTheme: colorTheme,
     chartName: 'bar'
@@ -158,6 +191,25 @@ var ChartBarWrapper = function ChartBarWrapper(_ref3) {
       var totalBars = childrenArray.filter(function (child) {
         return /*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.chartBar;
       }).length;
+
+      // Find ChartXAxis and extract secondaryDataKey
+      var secondaryDataKey;
+      var _iterator = _createForOfIteratorHelper(childrenArray),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentId.chartXAxis) {
+            var _child$props3;
+            secondaryDataKey = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.secondaryDataKey;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
       var BarChartIndex = 0;
       /**
        * We check to check child of ChartBarWrapper. if they have any custom color we store that.
@@ -176,8 +228,11 @@ var ChartBarWrapper = function ChartBarWrapper(_ref3) {
               isCustomColor: Boolean(childColor)
             };
           }
+          // Pass hide prop based on whether this bar's dataKey is NOT in selectedDataKeys
+          // If selectedDataKeys is undefined, show all bars (default behavior)
           return /*#__PURE__*/React__default.cloneElement(child, {
-            _index: BarChartIndex++
+            _index: BarChartIndex++,
+            hide: selectedDataKeys ? !selectedDataKeys.includes(dataKey) : false
           });
         }
         return child;
@@ -186,16 +241,32 @@ var ChartBarWrapper = function ChartBarWrapper(_ref3) {
       return {
         barChartModifiedChildrens: modifiedChildren,
         totalBars: totalBars,
-        dataColorMapping: dataColorMapping
+        dataColorMapping: dataColorMapping,
+        secondaryDataKey: secondaryDataKey
       };
-    }, [children, themeColors]),
+    }, [children, themeColors, selectedDataKeys]),
     barChartModifiedChildrens = _React$useMemo.barChartModifiedChildrens,
     totalBars = _React$useMemo.totalBars,
-    dataColorMapping = _React$useMemo.dataColorMapping;
+    dataColorMapping = _React$useMemo.dataColorMapping,
+    secondaryDataKey = _React$useMemo.secondaryDataKey;
+
+  // Build secondary label map internally from ChartXAxis's secondaryDataKey prop
+  var secondaryLabelMap = React__default.useMemo(function () {
+    if (!secondaryDataKey || !data) return undefined;
+    var map = {};
+    data.forEach(function (item, index) {
+      map[index] = item[secondaryDataKey];
+    });
+    return map;
+  }, [data, secondaryDataKey]);
   return /*#__PURE__*/jsx(CommonChartComponentsContext.Provider, {
     value: {
       chartName: 'bar',
-      dataColorMapping: dataColorMapping
+      dataColorMapping: dataColorMapping,
+      secondaryLabelMap: secondaryLabelMap,
+      dataLength: data === null || data === void 0 ? void 0 : data.length,
+      selectedDataKeys: selectedDataKeys,
+      setSelectedDataKeys: setSelectedDataKeys
     },
     children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
       name: 'bar-chart',

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, getHighestColorInRange, assignDataColorMapping } from '../utils';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type { DataColorMapping } from '../CommonChartComponents';\nimport { BarChartContext, useBarChartContext } from './BarChartContext';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport {\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> = React.memo(\n  ({\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({\n      colorTheme: _colorTheme,\n      chartName: 'bar',\n      chartDataIndicators: totalBars,\n    });\n    const fill = getIn(theme.colors, color ?? defaultColorArray[_index]);\n    const strokeFill = getIn(\n      theme.colors,\n      getHighestColorInRange({\n        colorToken: color ?? defaultColorArray[_index],\n        followIntensityMapping: Boolean(color),\n      }),\n    );\n\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        key={`${dataKey}-${_index}-${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              <>\n                <rect\n                  fill={fill}\n                  x={x + gap / 1.5}\n                  y={y}\n                  width={width - gap}\n                  height={height}\n                  fillOpacity={fillOpacity}\n                />\n                <rect\n                  fill={strokeFill}\n                  x={x + gap / 1.5 + (width - gap) - 1.5} // Position at the right end\n                  y={y}\n                  width={width > gap ? 1.5 : 0}\n                  height={height}\n                  fillOpacity={fillOpacity}\n                />\n              </>\n            );\n          }\n          return (\n            <>\n              <rect\n                fill={fill}\n                x={x}\n                y={y + gap / 1.5}\n                width={width}\n                height={height > gap ? height - gap : 0}\n                fillOpacity={fillOpacity}\n              />\n              <rect\n                fill={strokeFill}\n                x={x}\n                y={y + gap / 1.5}\n                width={width}\n                height={height > gap ? 1.5 : 0}\n                fillOpacity={fillOpacity}\n              />\n            </>\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 themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'bar',\n  });\n\n  const { barChartModifiedChildrens, totalBars, dataColorMapping } = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n\n    // Count ChartBar components\n    const totalBars = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.chartBar,\n    ).length;\n\n    let BarChartIndex = 0;\n    /**\n     * We check to check child of ChartBarWrapper. if they have any custom color we store that.\n     * We need these mapping because colors of tooltip & legend is determine based on this\n     *  recharts do provide a color but it is hex code and we need blade color token .\n     */\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartBarProps)?.dataKey as string;\n        if (dataKey) {\n          //  assign  colors to the dataColorMapping, if no color is assigned  we assign color in `assignDataColorMapping`\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        return React.cloneElement(child, {\n          _index: BarChartIndex++,\n        } as Partial<ChartBarProps>);\n      }\n      return child;\n    });\n    assignDataColorMapping(dataColorMapping, themeColors);\n\n    return {\n      barChartModifiedChildrens: modifiedChildren,\n      totalBars,\n      dataColorMapping,\n    };\n  }, [children, themeColors]);\n\n  return (\n    <CommonChartComponentsContext.Provider value={{ chartName: 'bar', dataColorMapping }}>\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              onMouseLeave={() => {\n                setActiveIndex(undefined);\n              }}\n              layout={layout}\n              data={data}\n            >\n              {barChartModifiedChildrens}\n            </RechartsBarChart>\n          </RechartsResponsiveContainer>\n        </BarChartContext.Provider>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport { ChartBarWrapper, ChartBar };\nexport type { ChartBarProps, ChartBarWrapperProps };\n"],"names":["_ChartBar","React","memo","_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","chartName","chartDataIndicators","fill","getIn","colors","strokeFill","getHighestColorInRange","colorToken","followIntensityMapping","Boolean","isStacked","stackId","undefined","animationBegin","motion","duration","gentle","animationDuration","_createElement","RechartsBar","_objectSpread","legendType","animationEasing","key","concat","shape","props","_ref2","x","y","width","height","barIndex","index","fillOpacity","isNumber","gap","DISTANCE_BETWEEN_STACKED_BARS","isVertical","_jsxs","_Fragment","children","_jsx","ChartBar","assignWithoutSideEffects","componentId","componentIds","chartBar","ChartBarWrapper","_ref3","_ref3$colorTheme","_ref3$layout","testID","_ref3$data","data","restProps","_excluded2","_useState","useState","_useState2","_slicedToArray","setActiveIndex","themeColors","_React$useMemo","useMemo","childrenArray","Children","toArray","dataColorMapping","filter","child","isValidElement","getComponentId","length","BarChartIndex","modifiedChildren","map","_child$props","_child$props2","childColor","isCustomColor","cloneElement","assignDataColorMapping","barChartModifiedChildrens","CommonChartComponentsContext","Provider","value","BaseBox","metaAttribute","makeAnalyticsAttribute","BarChartContext","RechartsResponsiveContainer","RechartsBarChart","barSize","BAR_SIZE","barGap","DISTANCE_BETWEEN_BARS","barCategoryGap","DISTANCE_BETWEEN_CATEGORY_BARS","onMouseMove","state","Number","onMouseLeave"],"mappings":"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"}
+{"version":3,"file":"BarChart.web.js","sources":["../../../../../../../src/components/Charts/BarChart/BarChart.web.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport {\n  BarChart as RechartsBarChart,\n  Bar as RechartsBar,\n  ResponsiveContainer as RechartsResponsiveContainer,\n} from 'recharts';\nimport { useChartsColorTheme, getHighestColorInRange, assignDataColorMapping } from '../utils';\nimport { CommonChartComponentsContext } from '../CommonChartComponents';\nimport type {\n  DataColorMapping,\n  SecondaryLabelMap,\n  ChartXAxisProps,\n} from '../CommonChartComponents';\nimport { componentId as commonComponentIds } from '../CommonChartComponents/tokens';\nimport { BarChartContext, useBarChartContext } from './BarChartContext';\nimport type { ChartBarProps, ChartBarWrapperProps } from './types';\nimport {\n  DISTANCE_BETWEEN_STACKED_BARS,\n  componentIds,\n  BAR_SIZE,\n  DISTANCE_BETWEEN_BARS,\n  DISTANCE_BETWEEN_CATEGORY_BARS,\n} from './tokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport type { DataAnalyticsAttribute, TestID } from '~utils/types';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\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> = React.memo(\n  ({\n    color,\n    name,\n    dataKey,\n    activeBar = false,\n    label = false,\n    showLegend = true,\n    hide,\n    _index = 0,\n    ...rest\n  }) => {\n    const { theme } = useTheme();\n    const { layout, activeIndex, colorTheme: _colorTheme, totalBars } = useBarChartContext();\n    const defaultColorArray = useChartsColorTheme({\n      colorTheme: _colorTheme,\n      chartName: 'bar',\n      chartDataIndicators: totalBars,\n    });\n    const fill = getIn(theme.colors, color ?? defaultColorArray[_index]);\n    const strokeFill = getIn(\n      theme.colors,\n      getHighestColorInRange({\n        colorToken: color ?? defaultColorArray[_index],\n        followIntensityMapping: Boolean(color),\n      }),\n    );\n\n    const animationBegin = theme.motion.duration.gentle;\n    const animationDuration = theme.motion.duration.gentle;\n\n    /**\n     * We need to control the animation of the bar.\n     * Recharts tries to animate bar when tooltip is hovered. we don't need that.\n     * So we need to control the animation of the bar.\n     * we currently need it for entry , exit and when a bar is hidden only.\n     */\n\n    const shouldAnimatedBar = useRef(true);\n\n    useEffect(() => {\n      shouldAnimatedBar.current = true;\n    }, [hide]);\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        key={`${dataKey}-${_index}-${name}`}\n        hide={hide}\n        isAnimationActive={shouldAnimatedBar.current}\n        onAnimationStart={() => {\n          shouldAnimatedBar.current = true;\n        }}\n        onAnimationEnd={() => {\n          shouldAnimatedBar.current = false;\n        }}\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              <>\n                <rect\n                  fill={fill}\n                  x={x + gap / 1.5}\n                  y={y}\n                  width={width - gap}\n                  height={height}\n                  fillOpacity={fillOpacity}\n                />\n                <rect\n                  fill={strokeFill}\n                  x={x + gap / 1.5 + (width - gap) - 1.5} // Position at the right end\n                  y={y}\n                  width={width > gap ? 1.5 : 0}\n                  height={height}\n                  fillOpacity={fillOpacity}\n                />\n              </>\n            );\n          }\n          return (\n            <>\n              <rect\n                fill={fill}\n                x={x}\n                y={y + gap / 1.5}\n                width={width}\n                height={height > gap ? height - gap : 0}\n                fillOpacity={fillOpacity}\n              />\n              <rect\n                fill={strokeFill}\n                x={x}\n                y={y + gap / 1.5}\n                width={width}\n                height={height > gap ? 1.5 : 0}\n                fillOpacity={fillOpacity}\n              />\n            </>\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  // State to track which bars are currently selected (visible)\n  const [selectedDataKeys, setSelectedDataKeys] = useState<string[] | undefined>(undefined);\n\n  const themeColors = useChartsColorTheme({\n    colorTheme,\n    chartName: 'bar',\n  });\n\n  const {\n    barChartModifiedChildrens,\n    totalBars,\n    dataColorMapping,\n    secondaryDataKey,\n  } = React.useMemo(() => {\n    const childrenArray = React.Children.toArray(children);\n    const dataColorMapping: DataColorMapping = {};\n\n    // Count ChartBar components\n    const totalBars = childrenArray.filter(\n      (child): child is React.ReactElement =>\n        React.isValidElement(child) && getComponentId(child) === componentIds.chartBar,\n    ).length;\n\n    // Find ChartXAxis and extract secondaryDataKey\n    let secondaryDataKey: string | undefined;\n    for (const child of childrenArray) {\n      if (React.isValidElement(child) && getComponentId(child) === commonComponentIds.chartXAxis) {\n        secondaryDataKey = (child.props as ChartXAxisProps)?.secondaryDataKey;\n        break;\n      }\n    }\n\n    let BarChartIndex = 0;\n    /**\n     * We check to check child of ChartBarWrapper. if they have any custom color we store that.\n     * We need these mapping because colors of tooltip & legend is determine based on this\n     *  recharts do provide a color but it is hex code and we need blade color token .\n     */\n    const modifiedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement(child) && getComponentId(child) === componentIds.chartBar) {\n        const childColor = child?.props?.color;\n        const dataKey = (child?.props as ChartBarProps)?.dataKey as string;\n        if (dataKey) {\n          //  assign  colors to the dataColorMapping, if no color is assigned  we assign color in `assignDataColorMapping`\n          dataColorMapping[dataKey] = {\n            colorToken: childColor,\n            isCustomColor: Boolean(childColor),\n          };\n        }\n        // Pass hide prop based on whether this bar's dataKey is NOT in selectedDataKeys\n        // If selectedDataKeys is undefined, show all bars (default behavior)\n        return React.cloneElement(child, {\n          _index: BarChartIndex++,\n          hide: selectedDataKeys ? !selectedDataKeys.includes(dataKey) : false,\n        } as Partial<ChartBarProps>);\n      }\n      return child;\n    });\n    assignDataColorMapping(dataColorMapping, themeColors);\n\n    return {\n      barChartModifiedChildrens: modifiedChildren,\n      totalBars,\n      dataColorMapping,\n      secondaryDataKey,\n    };\n  }, [children, themeColors, selectedDataKeys]);\n\n  // Build secondary label map internally from ChartXAxis's secondaryDataKey prop\n  const secondaryLabelMap = React.useMemo<SecondaryLabelMap | undefined>(() => {\n    if (!secondaryDataKey || !data) return undefined;\n    const map: SecondaryLabelMap = {};\n    data.forEach((item, index) => {\n      map[index] = item[secondaryDataKey] as string | number | undefined;\n    });\n    return map;\n  }, [data, secondaryDataKey]);\n\n  return (\n    <CommonChartComponentsContext.Provider\n      value={{\n        chartName: 'bar',\n        dataColorMapping,\n        secondaryLabelMap,\n        dataLength: data?.length,\n        selectedDataKeys,\n        setSelectedDataKeys,\n      }}\n    >\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              onMouseLeave={() => {\n                setActiveIndex(undefined);\n              }}\n              layout={layout}\n              data={data}\n            >\n              {barChartModifiedChildrens}\n            </RechartsBarChart>\n          </RechartsResponsiveContainer>\n        </BarChartContext.Provider>\n      </BaseBox>\n    </CommonChartComponentsContext.Provider>\n  );\n};\n\nexport { ChartBarWrapper, ChartBar };\nexport type { ChartBarProps, ChartBarWrapperProps };\n"],"names":["_ChartBar","React","memo","_ref","color","name","dataKey","_ref$activeBar","activeBar","_ref$label","label","_ref$showLegend","showLegend","hide","_ref$_index","_index","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBarChartContext","useBarChartContext","layout","activeIndex","_colorTheme","colorTheme","totalBars","defaultColorArray","useChartsColorTheme","chartName","chartDataIndicators","fill","getIn","colors","strokeFill","getHighestColorInRange","colorToken","followIntensityMapping","Boolean","animationBegin","motion","duration","gentle","animationDuration","shouldAnimatedBar","useRef","useEffect","current","_createElement","RechartsBar","_objectSpread","legendType","animationEasing","key","concat","isAnimationActive","onAnimationStart","onAnimationEnd","shape","props","_ref2","x","y","width","height","barIndex","index","fillOpacity","isNumber","gap","DISTANCE_BETWEEN_STACKED_BARS","isVertical","_jsxs","_Fragment","children","_jsx","ChartBar","assignWithoutSideEffects","componentId","componentIds","chartBar","ChartBarWrapper","_ref3","_ref3$colorTheme","_ref3$layout","testID","_ref3$data","data","restProps","_excluded2","_useState","useState","undefined","_useState2","_slicedToArray","setActiveIndex","_useState3","_useState4","selectedDataKeys","setSelectedDataKeys","themeColors","_React$useMemo","useMemo","childrenArray","Children","toArray","dataColorMapping","filter","child","isValidElement","getComponentId","length","secondaryDataKey","_iterator","_createForOfIteratorHelper","_step","s","n","done","value","commonComponentIds","chartXAxis","_child$props3","err","e","f","BarChartIndex","modifiedChildren","map","_child$props","_child$props2","childColor","isCustomColor","cloneElement","includes","assignDataColorMapping","barChartModifiedChildrens","secondaryLabelMap","forEach","item","CommonChartComponentsContext","Provider","dataLength","BaseBox","metaAttribute","makeAnalyticsAttribute","BarChartContext","RechartsResponsiveContainer","RechartsBarChart","barSize","BAR_SIZE","barGap","DISTANCE_BETWEEN_BARS","barCategoryGap","DISTANCE_BETWEEN_CATEGORY_BARS","onMouseMove","state","Number","onMouseLeave"],"mappings":"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"}