@razorpay/blade 12.50.0 → 12.52.0

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

@@ -0,0 +1,285 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'react';
+import { XAxis, YAxis, CartesianGrid, Tooltip, Legend, ReferenceLine } from 'recharts';
+import { X_OFFSET, Y_OFFSET, X_AXIS_TEXT_BASELINE, TEXT_BASELINE, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT } from './tokens.js';
+import { calculateTextWidth } from './utils.js';
+import '../../Typography/index.js';
+import '../../Box/index.js';
+import '../../BladeProvider/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import { Heading } from '../../Typography/Heading/Heading.js';
+import { Box } from '../../Box/Box.js';
+import { Text } from '../../Typography/Text/Text.js';
+
+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 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,
+      fontSize: theme.typography.fonts.size[75],
+      fontFamily: theme.typography.fonts.family.text,
+      fontWeight: theme.typography.fonts.weight.regular,
+      letterSpacing: theme.typography.letterSpacings[100]
+    },
+    stroke: theme.colors.surface.border.gray.muted,
+    label: function label(_ref) {
+      var viewBox = _ref.viewBox;
+      return /*#__PURE__*/jsx("text", {
+        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,
+        fontSize: theme.typography.fonts.size[75],
+        fontFamily: theme.typography.fonts.family.text,
+        fontWeight: theme.typography.fonts.weight.medium,
+        letterSpacing: theme.typography.letterSpacings[100],
+        children: props === null || props === void 0 ? void 0 : props.label
+      });
+    },
+    dataKey: props === null || props === void 0 ? void 0 : props.dataKey
+  }));
+};
+var ChartYAxis = function ChartYAxis(props) {
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  return /*#__PURE__*/jsx(YAxis, _objectSpread(_objectSpread({}, props), {}, {
+    tick: {
+      fill: theme.colors.surface.text.gray.normal,
+      fontSize: theme.typography.fonts.size[75],
+      fontFamily: theme.typography.fonts.family.text,
+      fontWeight: theme.typography.fonts.weight.regular,
+      letterSpacing: theme.typography.letterSpacings[100]
+    },
+    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,
+        fontSize: theme.typography.fonts.size[75],
+        fontWeight: theme.typography.fonts.weight.medium,
+        fontFamily: theme.typography.fonts.family.text,
+        letterSpacing: theme.typography.letterSpacings[100],
+        lineHeight: theme.typography.lineHeights[500]
+      },
+      angle: -90,
+      fill: theme.colors.surface.text.gray.subtle
+    },
+    dataKey: props === null || props === void 0 ? void 0 : props.dataKey
+  }));
+};
+var ChartCartesianGrid = function ChartCartesianGrid(props) {
+  var _useTheme3 = useTheme(),
+    theme = _useTheme3.theme;
+  return /*#__PURE__*/jsx(CartesianGrid, _objectSpread({
+    stroke: theme.colors.surface.border.gray.muted,
+    vertical: false
+  }, props));
+};
+var ChartTooltip = function ChartTooltip(props) {
+  var _useTheme4 = useTheme(),
+    theme = _useTheme4.theme;
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread({
+    content: function content(_ref2) {
+      var payload = _ref2.payload,
+        label = _ref2.label;
+      return /*#__PURE__*/jsxs("div", {
+        style: {
+          backgroundColor: theme.colors.surface.icon.staticBlack.normal,
+          borderRadius: theme.border.radius.large,
+          border: "1px solid ".concat(theme.colors.surface.border.gray.muted),
+          padding: theme.spacing[4]
+        },
+        children: [/*#__PURE__*/jsx(Heading, {
+          size: "small",
+          weight: "semibold",
+          color: "surface.text.staticWhite.normal",
+          children: label
+        }), /*#__PURE__*/jsx(Box, {
+          paddingTop: "spacing.4",
+          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,
+                    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
+              })]
+            }, item.name);
+          })
+        })]
+      });
+    },
+    cursor: {
+      fill: 'rgba(0, 0, 0, 0.1)',
+      stroke: theme.colors.surface.border.gray.muted
+    }
+  }, props));
+};
+var CustomSquareLegend = function CustomSquareLegend(props) {
+  var payload = props.payload;
+  var _useTheme5 = useTheme(),
+    theme = _useTheme5.theme;
+  if (!payload || payload.length === 0) {
+    return null;
+  }
+  /*
+  This is a custom legend component that is used to display the legend for the chart.
+  we need to show the legend only if the legendType is not none. (for example in line chart we don't want to show the legend for the reference line)
+  so we are filtering the payload and then mapping over it to display the legend.
+  */
+  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 /*#__PURE__*/jsx(Box, {
+    display: "flex",
+    justifyContent: "center",
+    gap: "spacing.5",
+    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
+          })]
+        })
+      }, "item-".concat(index));
+    })
+  });
+};
+var ChartLegend = function ChartLegend(props) {
+  var _useTheme6 = useTheme(),
+    theme = _useTheme6.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]
+    },
+    align: "center",
+    content: /*#__PURE__*/jsx(CustomSquareLegend, {})
+  }, props));
+};
+var CustomReferenceLabel = function CustomReferenceLabel(_ref3) {
+  var viewBox = _ref3.viewBox,
+    value = _ref3.value,
+    isVertical = _ref3.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 : {
+      x: 0,
+      y: 0,
+      width: 0
+    },
+    x = _ref4.x,
+    y = _ref4.y,
+    width = _ref4.width;
+  var _useTheme7 = useTheme(),
+    theme = _useTheme7.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) : {
+      width: 80,
+      displayText: value !== null && value !== void 0 ? value : ''
+    },
+    RECT_WIDTH = _ref5.width,
+    displayText = _ref5.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
+  var text_x = rect_x + PADDING_HORIZONTAL + (RECT_WIDTH - PADDING_HORIZONTAL * 2) / 2;
+  var text_y = rect_y + PADDING_VERTICAL + TEXT_BASELINE; // +15 for text baseline
+
+  return /*#__PURE__*/jsxs("g", {
+    children: [/*#__PURE__*/jsx("rect", {
+      x: rect_x,
+      y: rect_y,
+      width: RECT_WIDTH,
+      height: RECT_HEIGHT,
+      rx: theme.border.radius.medium,
+      fill: theme.colors.surface.background.gray.subtle,
+      stroke: theme.colors.surface.border.gray.muted,
+      strokeWidth: "1"
+    }), /*#__PURE__*/jsx("text", {
+      x: text_x,
+      y: text_y,
+      textAnchor: "middle",
+      fill: theme.colors.surface.text.gray.normal,
+      fontSize: theme.typography.fonts.size[50],
+      fontFamily: theme.typography.fonts.family.text,
+      fontWeight: theme.typography.fonts.weight.medium,
+      letterSpacing: theme.typography.letterSpacings[100],
+      children: displayText
+    })]
+  });
+};
+var ChartReferenceLine = function ChartReferenceLine(_ref6) {
+  var label = _ref6.label,
+    x = _ref6.x,
+    y = _ref6.y;
+  var _useTheme8 = useTheme(),
+    theme = _useTheme8.theme;
+  return /*#__PURE__*/jsx(ReferenceLine, {
+    stroke: theme.colors.chart.background.categorical.gray.intense,
+    strokeWidth: 2,
+    strokeDasharray: "4 4",
+    label: /*#__PURE__*/jsx(CustomReferenceLabel, {
+      value: label,
+      isVertical: Boolean(x)
+    }),
+    x: x,
+    y: y
+  });
+};
+
+export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis };
+//# sourceMappingURL=CommonChartComponents.web.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+var RECT_WIDTH = 80;
+var RECT_HEIGHT = 30;
+var TEXT_BASELINE = 15;
+
+// Padding for text inside the rectangle (4px vertical, 8px horizontal)
+var PADDING_VERTICAL = 4;
+var PADDING_HORIZONTAL = 8;
+var X_OFFSET = 32;
+var Y_OFFSET = 14.5;
+var X_AXIS_TEXT_BASELINE = 24;
+var MIN_WIDTH = RECT_WIDTH;
+var MAX_WIDTH = 200;
+
+export { MAX_WIDTH, MIN_WIDTH, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT, RECT_WIDTH, TEXT_BASELINE, X_AXIS_TEXT_BASELINE, X_OFFSET, Y_OFFSET };
+//# sourceMappingURL=tokens.js.map

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

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

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

@@ -0,0 +1,60 @@
+import { MAX_WIDTH, PADDING_HORIZONTAL, MIN_WIDTH } from './tokens.js';
+
+var calculateTextWidth = function calculateTextWidth(text, theme) {
+  // Create a temporary canvas to measure text
+  var canvas = document.createElement('canvas');
+  var context = canvas.getContext('2d');
+  if (!context) return {
+    width: 80,
+    displayText: text
+  }; // fallback
+
+  // Set font properties to match the text styling
+  var fontSize = theme.typography.fonts.size[50];
+  var fontFamily = theme.typography.fonts.family.text;
+  var fontWeight = theme.typography.fonts.weight.medium;
+  context.font = "".concat(fontWeight, " ").concat(fontSize, "px ").concat(fontFamily);
+
+  // Measure the full text first
+  var fullTextWidth = context.measureText(text).width;
+  var availableWidth = MAX_WIDTH - PADDING_HORIZONTAL;
+
+  // If text fits within max width, use it as is
+  if (fullTextWidth <= availableWidth) {
+    var _finalWidth = Math.max(MIN_WIDTH, fullTextWidth + PADDING_HORIZONTAL);
+    return {
+      width: _finalWidth,
+      displayText: text
+    };
+  }
+
+  // Text is too long, need to truncate
+  var ELLIPSIS = '...';
+  var ellipsisWidth = context.measureText(ELLIPSIS).width;
+  var maxTextWidth = availableWidth - ellipsisWidth;
+
+  // Binary search to find the optimal truncation point
+  var left = 0;
+  var right = text.length;
+  var bestFit = '';
+  while (left <= right) {
+    var mid = Math.floor((left + right) / 2);
+    var testText = text.substring(0, mid);
+    var testWidth = context.measureText(testText).width;
+    if (testWidth <= maxTextWidth) {
+      bestFit = testText;
+      left = mid + 1;
+    } else {
+      right = mid - 1;
+    }
+  }
+  var truncatedText = bestFit + ELLIPSIS;
+  var finalWidth = Math.max(MIN_WIDTH, MAX_WIDTH);
+  return {
+    width: finalWidth,
+    displayText: truncatedText
+  };
+};
+
+export { calculateTextWidth };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/Charts/CommonChartComponents/utils.ts"],"sourcesContent":["import { MIN_WIDTH, MAX_WIDTH, PADDING_HORIZONTAL } from './tokens';\nimport type { Theme } from '~components/BladeProvider';\n\nconst calculateTextWidth = (text: string, theme: Theme): { width: number; displayText: string } => {\n  // Create a temporary canvas to measure text\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  if (!context) return { width: 80, displayText: text }; // fallback\n\n  // Set font properties to match the text styling\n  const fontSize = theme.typography.fonts.size[50];\n  const fontFamily = theme.typography.fonts.family.text;\n  const fontWeight = theme.typography.fonts.weight.medium;\n\n  context.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n\n  // Measure the full text first\n  const fullTextWidth = context.measureText(text).width;\n  const availableWidth = MAX_WIDTH - PADDING_HORIZONTAL;\n\n  // If text fits within max width, use it as is\n  if (fullTextWidth <= availableWidth) {\n    const finalWidth = Math.max(MIN_WIDTH, fullTextWidth + PADDING_HORIZONTAL);\n    return { width: finalWidth, displayText: text };\n  }\n\n  // Text is too long, need to truncate\n  const ELLIPSIS = '...';\n  const ellipsisWidth = context.measureText(ELLIPSIS).width;\n  const maxTextWidth = availableWidth - ellipsisWidth;\n\n  // Binary search to find the optimal truncation point\n  let left = 0;\n  let right = text.length;\n  let bestFit = '';\n\n  while (left <= right) {\n    const mid = Math.floor((left + right) / 2);\n    const testText = text.substring(0, mid);\n    const testWidth = context.measureText(testText).width;\n\n    if (testWidth <= maxTextWidth) {\n      bestFit = testText;\n      left = mid + 1;\n    } else {\n      right = mid - 1;\n    }\n  }\n\n  const truncatedText = bestFit + ELLIPSIS;\n  const finalWidth = Math.max(MIN_WIDTH, MAX_WIDTH);\n\n  return { width: finalWidth, displayText: truncatedText };\n};\n\nexport { calculateTextWidth };\n"],"names":["calculateTextWidth","text","theme","canvas","document","createElement","context","getContext","width","displayText","fontSize","typography","fonts","size","fontFamily","family","fontWeight","weight","medium","font","concat","fullTextWidth","measureText","availableWidth","MAX_WIDTH","PADDING_HORIZONTAL","finalWidth","Math","max","MIN_WIDTH","ELLIPSIS","ellipsisWidth","maxTextWidth","left","right","length","bestFit","mid","floor","testText","substring","testWidth","truncatedText"],"mappings":";;AAGMA,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,IAAY,EAAEC,KAAY,EAA6C;AACjG;AACA,EAAA,IAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/C,EAAA,IAAMC,OAAO,GAAGH,MAAM,CAACI,UAAU,CAAC,IAAI,CAAC,CAAA;EACvC,IAAI,CAACD,OAAO,EAAE,OAAO;AAAEE,IAAAA,KAAK,EAAE,EAAE;AAAEC,IAAAA,WAAW,EAAER,IAAAA;AAAK,GAAC,CAAC;;AAEtD;EACA,IAAMS,QAAQ,GAAGR,KAAK,CAACS,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,EAAE,CAAC,CAAA;EAChD,IAAMC,UAAU,GAAGZ,KAAK,CAACS,UAAU,CAACC,KAAK,CAACG,MAAM,CAACd,IAAI,CAAA;EACrD,IAAMe,UAAU,GAAGd,KAAK,CAACS,UAAU,CAACC,KAAK,CAACK,MAAM,CAACC,MAAM,CAAA;AAEvDZ,EAAAA,OAAO,CAACa,IAAI,GAAAC,EAAAA,CAAAA,MAAA,CAAMJ,UAAU,EAAA,GAAA,CAAA,CAAAI,MAAA,CAAIV,QAAQ,EAAA,KAAA,CAAA,CAAAU,MAAA,CAAMN,UAAU,CAAE,CAAA;;AAE1D;EACA,IAAMO,aAAa,GAAGf,OAAO,CAACgB,WAAW,CAACrB,IAAI,CAAC,CAACO,KAAK,CAAA;AACrD,EAAA,IAAMe,cAAc,GAAGC,SAAS,GAAGC,kBAAkB,CAAA;;AAErD;EACA,IAAIJ,aAAa,IAAIE,cAAc,EAAE;IACnC,IAAMG,WAAU,GAAGC,IAAI,CAACC,GAAG,CAACC,SAAS,EAAER,aAAa,GAAGI,kBAAkB,CAAC,CAAA;IAC1E,OAAO;AAAEjB,MAAAA,KAAK,EAAEkB,WAAU;AAAEjB,MAAAA,WAAW,EAAER,IAAAA;KAAM,CAAA;AACjD,GAAA;;AAEA;EACA,IAAM6B,QAAQ,GAAG,KAAK,CAAA;EACtB,IAAMC,aAAa,GAAGzB,OAAO,CAACgB,WAAW,CAACQ,QAAQ,CAAC,CAACtB,KAAK,CAAA;AACzD,EAAA,IAAMwB,YAAY,GAAGT,cAAc,GAAGQ,aAAa,CAAA;;AAEnD;EACA,IAAIE,IAAI,GAAG,CAAC,CAAA;AACZ,EAAA,IAAIC,KAAK,GAAGjC,IAAI,CAACkC,MAAM,CAAA;EACvB,IAAIC,OAAO,GAAG,EAAE,CAAA;EAEhB,OAAOH,IAAI,IAAIC,KAAK,EAAE;AACpB,IAAA,IAAMG,GAAG,GAAGV,IAAI,CAACW,KAAK,CAAC,CAACL,IAAI,GAAGC,KAAK,IAAI,CAAC,CAAC,CAAA;IAC1C,IAAMK,QAAQ,GAAGtC,IAAI,CAACuC,SAAS,CAAC,CAAC,EAAEH,GAAG,CAAC,CAAA;IACvC,IAAMI,SAAS,GAAGnC,OAAO,CAACgB,WAAW,CAACiB,QAAQ,CAAC,CAAC/B,KAAK,CAAA;IAErD,IAAIiC,SAAS,IAAIT,YAAY,EAAE;AAC7BI,MAAAA,OAAO,GAAGG,QAAQ,CAAA;MAClBN,IAAI,GAAGI,GAAG,GAAG,CAAC,CAAA;AAChB,KAAC,MAAM;MACLH,KAAK,GAAGG,GAAG,GAAG,CAAC,CAAA;AACjB,KAAA;AACF,GAAA;AAEA,EAAA,IAAMK,aAAa,GAAGN,OAAO,GAAGN,QAAQ,CAAA;EACxC,IAAMJ,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACC,SAAS,EAAEL,SAAS,CAAC,CAAA;EAEjD,OAAO;AAAEhB,IAAAA,KAAK,EAAEkB,UAAU;AAAEjB,IAAAA,WAAW,EAAEiC,aAAAA;GAAe,CAAA;AAC1D;;;;"}

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

@@ -0,0 +1,107 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Line as Line$1, ResponsiveContainer, LineChart } from 'recharts';
+import '../utils/index.js';
+import { componentIds } from './componentIds.js';
+import '../../../utils/metaAttribute/index.js';
+import '../../BladeProvider/index.js';
+import '../../Box/BaseBox/index.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
+import '../../../utils/makeAnalyticsAttribute/index.js';
+import '../../../utils/isValidAllowedChildren/index.js';
+import '../../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
+import useTheme from '../../BladeProvider/useTheme.js';
+import useChartsColorTheme from '../utils/useColorTheme.js';
+import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { getComponentId } from '../../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
+import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.web.js';
+import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+
+var _excluded = ["color", "strokeStyle", "type", "dot", "activeDot", "showLegend", "_index", "_colorTheme"],
+  _excluded2 = ["children", "colorTheme", "testID", "data"];
+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 Line = function Line(_ref) {
+  var color = _ref.color,
+    _ref$strokeStyle = _ref.strokeStyle,
+    strokeStyle = _ref$strokeStyle === void 0 ? 'solid' : _ref$strokeStyle,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'monotone' : _ref$type,
+    _ref$dot = _ref.dot,
+    dot = _ref$dot === void 0 ? false : _ref$dot,
+    _ref$activeDot = _ref.activeDot,
+    activeDot = _ref$activeDot === void 0 ? true : _ref$activeDot,
+    _ref$showLegend = _ref.showLegend,
+    showLegend = _ref$showLegend === void 0 ? true : _ref$showLegend,
+    _index = _ref._index,
+    _colorTheme = _ref._colorTheme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var themeColors = useChartsColorTheme({
+    colorTheme: _colorTheme !== null && _colorTheme !== void 0 ? _colorTheme : 'default'
+  });
+  var colorToken = color ? getIn(theme.colors, color) : themeColors[_index !== null && _index !== void 0 ? _index : 0];
+  var strokeDasharray = strokeStyle === 'dashed' ? '5 5' : strokeStyle === 'dotted' ? '2 2' : undefined;
+  var isLineDotted = strokeStyle === 'dashed';
+  var animationBegin = isLineDotted ? theme.motion.delay.gentle + theme.motion.duration.xgentle : theme.motion.delay.gentle;
+  var animationDuration = theme.motion.duration.xgentle;
+  return /*#__PURE__*/jsx(Line$1, _objectSpread({
+    stroke: colorToken,
+    strokeWidth: 3,
+    strokeDasharray: strokeDasharray,
+    type: type,
+    activeDot: activeDot,
+    dot: dot,
+    legendType: showLegend ? 'line' : 'none',
+    animationBegin: animationBegin,
+    animationDuration: animationDuration
+  }, props));
+};
+var ChartLine = /*#__PURE__*/assignWithoutSideEffects(Line, {
+  componentId: componentIds.ChartLine
+});
+
+// Main components
+var ChartLineWrapper = function ChartLineWrapper(_ref2) {
+  var children = _ref2.children,
+    _ref2$colorTheme = _ref2.colorTheme,
+    colorTheme = _ref2$colorTheme === void 0 ? 'default' : _ref2$colorTheme,
+    testID = _ref2.testID,
+    data = _ref2.data,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  var lineChartModifiedChildrens = React__default.useMemo(function () {
+    var LineChartIndex = 0;
+    return React__default.Children.map(children, function (child) {
+      if (/*#__PURE__*/React__default.isValidElement(child) && getComponentId(child) === componentIds.ChartLine) {
+        return /*#__PURE__*/React__default.cloneElement(child, {
+          _index: LineChartIndex++,
+          _colorTheme: colorTheme
+        });
+      }
+      return child;
+    });
+  }, [children, colorTheme]);
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+    name: 'line-chart',
+    testID: testID
+  })), makeAnalyticsAttribute(restProps)), {}, {
+    width: "100%",
+    height: "100%"
+  }, restProps), {}, {
+    children: /*#__PURE__*/jsx(ResponsiveContainer, {
+      width: "100%",
+      height: "100%",
+      children: /*#__PURE__*/jsx(LineChart, {
+        data: data,
+        children: lineChartModifiedChildrens
+      })
+    })
+  }));
+};
+
+export { ChartLine, ChartLineWrapper };
+//# sourceMappingURL=LineChart.web.js.map

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

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

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

@@ -0,0 +1,6 @@
+var componentIds = {
+  ChartLine: 'ChartLine'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../../src/components/Charts/LineChart/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  ChartLine: 'ChartLine',\n};\n"],"names":["componentIds","ChartLine"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAA;AACb;;;;"}

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

@@ -0,0 +1,2 @@
+export { ChartLine, ChartLineWrapper } from './LineChart.web.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import './LineChart/index.js';
+import './CommonChartComponents/index.js';
+
+// Export LineCharts (includes shared components)
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Charts/index.ts"],"sourcesContent":["// Export LineCharts (includes shared components)\nexport * from './LineChart';\nexport * from './CommonChartComponents';\n"],"names":[],"mappings":";;;AAAA"}

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

@@ -0,0 +1,2 @@
+export { default as useChartsColorTheme } from './useColorTheme.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,19 @@
+import '../../BladeProvider/index.js';
+import useTheme from '../../BladeProvider/useTheme.js';
+
+var useChartsColorTheme = function useChartsColorTheme(_ref) {
+  var _ref$colorTheme = _ref.colorTheme,
+    colorTheme = _ref$colorTheme === void 0 ? 'default' : _ref$colorTheme;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var defaultColorThemeArray = [theme.colors.chart.background.categorical.azure.subtle, theme.colors.chart.background.categorical.topaz.moderate, theme.colors.chart.background.categorical.orchid.moderate, theme.colors.chart.background.categorical.emerald.subtle, theme.colors.chart.background.categorical.cider.moderate, theme.colors.chart.background.categorical.sapphire.moderate, theme.colors.chart.background.categorical.magenta.moderate, theme.colors.chart.background.categorical.crimson.subtle, theme.colors.chart.background.categorical.azure.intense, theme.colors.chart.background.categorical.topaz.intense, theme.colors.chart.background.categorical.orchid.intense, theme.colors.chart.background.categorical.emerald.intense, theme.colors.chart.background.categorical.sapphire.intense, theme.colors.chart.background.categorical.magenta.intense, theme.colors.chart.background.categorical.cider.intense, theme.colors.chart.background.categorical.crimson.intense];
+  if (colorTheme !== 'default') {
+    console.log('Currently we only support default color theme');
+  }
+  //TODO:Currently we only have one color theme will add more color theme later.
+
+  return defaultColorThemeArray;
+};
+
+export { useChartsColorTheme as default };
+//# sourceMappingURL=useColorTheme.js.map