@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/charts/AreaChart.js

@@ -1,93 +1,86 @@
-import { jsx as r, jsxs as p, Fragment as T } from "react/jsx-runtime";
-import { createElement as W } from "react";
-import { Area as _, ResponsiveContainer as F, AreaChart as S, CartesianGrid as U, XAxis as X, YAxis as Y, Legend as $, Brush as B } from "recharts";
-import { isObject as m } from "es-toolkit/compat";
-import { getColor as d, mapGridOptions as H } from "./chartHelper.js";
-import K, { DEFAULT_ARIA_GRADIENT_ID as N } from "./AreaGradient.js";
-import q from "./ChartTooltip.js";
-import { getLegendDefaultProps as z } from "./Legend.js";
-import { renderAxis as J } from "./XAxis.js";
-import { getAreaDefaultProps as M } from "./Area.js";
-import { renderReferenceLine as Q } from "./ReferenceLine.js";
-const mr = (l) => {
-  const {
-    width: h,
-    height: f,
-    data: g = [],
-    dataUnit: c = "",
-    dataKey: A = "value",
-    gradients: u = [],
-    areas: x = [],
-    referenceLines: y = [],
-    xAxisOptions: k,
-    yAxisOptions: C,
-    gridOptions: D,
-    containerOptions: w,
-    showXAxis: P = !0,
-    showYAxis: G = !1,
-    additionalAxes: O = [],
-    showGrid: b = !1,
-    legend: i,
-    brush: L = !1,
-    tooltip: o = !0,
-    ...I
-  } = l, a = x.map((e) => {
-    const j = { ...M(), ...e.props }, { strokeColor: s, ...v } = j, n = e.key, E = d(s);
-    return {
-      area: /* @__PURE__ */ W(
-        _,
-        {
-          ...v,
-          key: e.key,
-          stroke: E,
-          fill: `url(#${n})`
-        }
-      ),
-      gradient: /* @__PURE__ */ r(K, { id: n || N, color: s }, e.key)
-    };
-  }), R = m(o) ? o.props : {}, t = m(i) ? { ...z(), ...i.props } : {};
-  return /* @__PURE__ */ r(
-    F,
-    {
-      minHeight: 100,
-      minWidth: 100,
-      initialDimension: { width: 100, height: 100 },
-      ...w,
-      children: /* @__PURE__ */ p(
-        S,
-        {
-          width: h,
-          height: f,
-          data: g,
-          margin: { top: 15, right: 15, left: 15, bottom: 15 },
-          ...I,
-          children: [
-            /* @__PURE__ */ p("defs", { children: [
-              u,
-              a.map((e) => e.gradient)
-            ] }),
-            b && /* @__PURE__ */ r(U, { strokeDasharray: "3 3", ...H(D) }),
-            /* @__PURE__ */ r(X, { hide: !P, dataKey: A, ...k }),
-            /* @__PURE__ */ r(Y, { hide: !G, unit: c, ...C }),
-            O.map(J),
-            o && /* @__PURE__ */ r(q, { ...R }),
-            i && t && /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
-              $,
-              {
-                wrapperStyle: t.verticalAlign === "bottom" ? { bottom: 0 } : t.wrapperStyle,
-                ...t
-              }
-            ) }),
-            a.map((e) => e.area),
-            y.map(Q),
-            L && /* @__PURE__ */ r(B, { stroke: d("gray") })
-          ]
-        }
-      )
-    }
-  );
+import { renderAxis as e } from "./XAxis.js";
+import { getColor as t, mapGridOptions as n } from "./chartHelper.js";
+import { renderReferenceLine as r } from "./ReferenceLine.js";
+import { getLegendDefaultProps as i } from "./Legend.js";
+import a from "./ChartTooltip.js";
+import { getAreaDefaultProps as o } from "./Area.js";
+import s from "./AreaGradient.js";
+import { createElement as c } from "react";
+import { isObject as l } from "es-toolkit/compat";
+import { Area as u, AreaChart as d, Brush as f, CartesianGrid as p, Legend as m, ResponsiveContainer as h, XAxis as g, YAxis as _ } from "recharts";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/charts/AreaChart.tsx
+var x = (x) => {
+	let { width: S, height: C, data: w = [], dataUnit: T = "", dataKey: E = "value", gradients: D = [], areas: O = [], referenceLines: k = [], xAxisOptions: A, yAxisOptions: j, gridOptions: M, containerOptions: N, showXAxis: P = !0, showYAxis: F = !1, additionalAxes: I = [], showGrid: L = !1, legend: R, brush: z = !1, tooltip: B = !0, ...V } = x, H = O.map((e) => {
+		let { strokeColor: n, ...r } = {
+			...o(),
+			...e.props
+		}, i = e.key, a = t(n);
+		return {
+			area: /* @__PURE__ */ c(u, {
+				...r,
+				key: e.key,
+				stroke: a,
+				fill: `url(#${i})`
+			}),
+			gradient: /* @__PURE__ */ y(s, {
+				id: i || "areaGradient",
+				color: n
+			}, e.key)
+		};
+	}), U = l(B) ? B.props : {}, W = l(R) ? {
+		...i(),
+		...R.props
+	} : {};
+	return /* @__PURE__ */ y(h, {
+		minHeight: 100,
+		minWidth: 100,
+		initialDimension: {
+			width: 100,
+			height: 100
+		},
+		...N,
+		children: /* @__PURE__ */ b(d, {
+			width: S,
+			height: C,
+			data: w,
+			margin: {
+				top: 15,
+				right: 15,
+				left: 15,
+				bottom: 15
+			},
+			...V,
+			children: [
+				/* @__PURE__ */ b("defs", { children: [D, H.map((e) => e.gradient)] }),
+				L && /* @__PURE__ */ y(p, {
+					strokeDasharray: "3 3",
+					...n(M)
+				}),
+				/* @__PURE__ */ y(g, {
+					hide: !P,
+					dataKey: E,
+					...A
+				}),
+				/* @__PURE__ */ y(_, {
+					hide: !F,
+					unit: T,
+					...j
+				}),
+				I.map(e),
+				B && /* @__PURE__ */ y(a, { ...U }),
+				R && W && /* @__PURE__ */ y(v, { children: /* @__PURE__ */ y(m, {
+					wrapperStyle: W.verticalAlign === "bottom" ? { bottom: 0 } : W.wrapperStyle,
+					...W
+				}) }),
+				H.map((e) => e.area),
+				k.map(r),
+				z && /* @__PURE__ */ y(f, { stroke: t("gray") })
+			]
+		})
+	});
 };
-export {
-  mr as default
-};
-//# sourceMappingURL=AreaChart.js.map
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=AreaChart.js.map

package/components/charts/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","sources":["../../../src/components/charts/AreaChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    AreaChart as RechartsAreaChart,\n    Area as RechartsArea,\n    Legend as RechartsLegend,\n    Brush,\n    CartesianGrid,\n    ResponsiveContainer,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    type XAxisProps,\n    type YAxisProps,\n    type AreaProps as RechartsAreaProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getColor, mapGridOptions } from './chartHelper';\nimport AreaGradient, { DEFAULT_ARIA_GRADIENT_ID, type AreaGradientProps } from './AreaGradient';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getAreaDefaultProps, type AreaProps } from './Area';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\nimport { renderReferenceLine, type ReferenceLineProps } from './ReferenceLine';\n\ntype RechartsAreaChartProps = React.ComponentProps<typeof RechartsAreaChart>;\n\nexport type AreaChartProps<T extends object> = Omit<RechartsAreaChartProps, 'data'> & {\n    width?: number;\n    height?: number;\n    data: T[];\n    dataUnit?: string;\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    dataKey?: string | number | ((obj: T) => any);\n    gradients?: React.ReactElement<AreaGradientProps>[];\n    areas: React.ReactElement<AreaProps>[];\n    referenceLines?: React.ReactElement<ReferenceLineProps>[];\n    xAxisOptions?: XAxisProps;\n    yAxisOptions?: YAxisProps;\n    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];\n    gridOptions?: GridProps;\n    showGrid?: boolean;\n    containerOptions?: ResponsiveContainerProps;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n};\n\nconst AreaChart = <T extends object>(props: AreaChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit = '',\n        dataKey = 'value',\n        gradients = [],\n        areas = [],\n        referenceLines = [],\n        xAxisOptions,\n        yAxisOptions,\n        gridOptions,\n        containerOptions,\n        showXAxis = true,\n        showYAxis = false,\n        additionalAxes = [],\n        showGrid = false,\n        legend,\n        brush = false,\n        tooltip = true,\n        ...remainingProps\n    } = props;\n\n    const areasWithGradient = areas.map(area => {\n        const areaPropsWithDefault = { ...getAreaDefaultProps(), ...area.props };\n        const { strokeColor, ...remainingAreaProps } = areaPropsWithDefault;\n        const gradientId = area.key;\n        const stroke = getColor(strokeColor);\n        return {\n            area: (\n                <RechartsArea\n                    {...(remainingAreaProps as Omit<RechartsAreaProps<unknown, unknown>, 'ref'>)}\n                    key={area.key}\n                    stroke={stroke}\n                    fill={`url(#${gradientId})`}\n                />\n            ),\n            gradient: <AreaGradient key={area.key} id={gradientId || DEFAULT_ARIA_GRADIENT_ID} color={strokeColor} />,\n        };\n    });\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : ({} as LegendProps);\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsAreaChart\n                width={width}\n                height={height}\n                data={data}\n                margin={{ top: 15, right: 15, left: 15, bottom: 15 }}\n                {...remainingProps}\n            >\n                <defs>\n                    {gradients}\n                    {areasWithGradient.map(areaWithGradient => areaWithGradient.gradient)}\n                </defs>\n\n                {showGrid && <CartesianGrid strokeDasharray='3 3' {...mapGridOptions(gridOptions)} />}\n\n                <RechartsXAxis hide={!showXAxis} dataKey={dataKey} {...xAxisOptions} />\n                <RechartsYAxis hide={!showYAxis} unit={dataUnit} {...yAxisOptions} />\n\n                {additionalAxes.map(renderAxis)}\n\n                {tooltip && <ChartTooltip {...tooltipProps} />}\n\n                {legend && legendProps && (\n                    <>\n                        {/* @ts-ignore: intentionally as formatter is different. See Legend component */}\n                        <RechartsLegend\n                            wrapperStyle={\n                                legendProps.verticalAlign === 'bottom' ? { bottom: 0 } : legendProps.wrapperStyle\n                            }\n                            {...legendProps}\n                        />\n                    </>\n                )}\n\n                {areasWithGradient.map(areaWithGradient => areaWithGradient.area)}\n\n                {referenceLines.map(renderReferenceLine)}\n\n                {brush && <Brush stroke={getColor('gray')} />}\n            </RechartsAreaChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default AreaChart;\n"],"names":["AreaChart","props","width","height","data","dataUnit","dataKey","gradients","areas","referenceLines","xAxisOptions","yAxisOptions","gridOptions","containerOptions","showXAxis","showYAxis","additionalAxes","showGrid","legend","brush","tooltip","remainingProps","areasWithGradient","area","areaPropsWithDefault","getAreaDefaultProps","strokeColor","remainingAreaProps","gradientId","stroke","getColor","createElement","RechartsArea","AreaGradient","DEFAULT_ARIA_GRADIENT_ID","tooltipProps","isObject","legendProps","getLegendDefaultProps","jsx","ResponsiveContainer","jsxs","RechartsAreaChart","areaWithGradient","CartesianGrid","mapGridOptions","RechartsXAxis","RechartsYAxis","renderAxis","ChartTooltip","Fragment","RechartsLegend","renderReferenceLine","Brush"],"mappings":";;;;;;;;;;;AAmDA,MAAMA,KAAY,CAAmBC,MAA6B;AAC9D,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO,CAAA;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY,CAAA;AAAA,IACZ,OAAAC,IAAQ,CAAA;AAAA,IACR,gBAAAC,IAAiB,CAAA;AAAA,IACjB,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,gBAAAC,IAAiB,CAAA;AAAA,IACjB,UAAAC,IAAW;AAAA,IACX,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,IACHpB,GAEEqB,IAAoBd,EAAM,IAAI,CAAAe,MAAQ;AACxC,UAAMC,IAAuB,EAAE,GAAGC,KAAuB,GAAGF,EAAK,MAAA,GAC3D,EAAE,aAAAG,GAAa,GAAGC,EAAA,IAAuBH,GACzCI,IAAaL,EAAK,KAClBM,IAASC,EAASJ,CAAW;AACnC,WAAO;AAAA,MACH,MACI,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACI,GAAIL;AAAA,UACL,KAAKJ,EAAK;AAAA,UACV,QAAAM;AAAA,UACA,MAAM,QAAQD,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGhC,4BAAWK,GAAA,EAA4B,IAAIL,KAAcM,GAA0B,OAAOR,KAA7DH,EAAK,GAAqE;AAAA,IAAA;AAAA,EAE/G,CAAC,GAEKY,IAAeC,EAAShB,CAAO,IAAIA,EAAQ,QAAQ,CAAA,GACnDiB,IAAcD,EAASlB,CAAM,IAAI,EAAE,GAAGoB,EAAA,GAAyB,GAAGpB,EAAO,MAAA,IAAW,CAAA;AAE1F,SACI,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,UAAU;AAAA,MACV,kBAAkB,EAAE,OAAO,KAAK,QAAQ,IAAA;AAAA,MACvC,GAAG3B;AAAA,MAEJ,UAAA,gBAAA4B;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,OAAAxC;AAAA,UACA,QAAAC;AAAA,UACA,MAAAC;AAAA,UACA,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,GAAA;AAAA,UAC/C,GAAGiB;AAAA,UAEJ,UAAA;AAAA,YAAA,gBAAAoB,EAAC,QAAA,EACI,UAAA;AAAA,cAAAlC;AAAA,cACAe,EAAkB,IAAI,CAAAqB,MAAoBA,EAAiB,QAAQ;AAAA,YAAA,GACxE;AAAA,YAEC1B,uBAAa2B,GAAA,EAAc,iBAAgB,OAAO,GAAGC,EAAejC,CAAW,GAAG;AAAA,8BAElFkC,GAAA,EAAc,MAAM,CAAChC,GAAW,SAAAR,GAAmB,GAAGI,GAAc;AAAA,YACrE,gBAAA6B,EAACQ,KAAc,MAAM,CAAChC,GAAW,MAAMV,GAAW,GAAGM,GAAc;AAAA,YAElEK,EAAe,IAAIgC,CAAU;AAAA,YAE7B5B,KAAW,gBAAAmB,EAACU,GAAA,EAAc,GAAGd,EAAA,CAAc;AAAA,YAE3CjB,KAAUmB,KACP,gBAAAE,EAAAW,GAAA,EAEI,UAAA,gBAAAX;AAAA,cAACY;AAAAA,cAAA;AAAA,gBACG,cACId,EAAY,kBAAkB,WAAW,EAAE,QAAQ,EAAA,IAAMA,EAAY;AAAA,gBAExE,GAAGA;AAAA,cAAA;AAAA,YAAA,GAEZ;AAAA,YAGHf,EAAkB,IAAI,CAAAqB,MAAoBA,EAAiB,IAAI;AAAA,YAE/DlC,EAAe,IAAI2C,CAAmB;AAAA,YAEtCjC,KAAS,gBAAAoB,EAACc,GAAA,EAAM,QAAQvB,EAAS,MAAM,EAAA,CAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"AreaChart.js","names":[],"sources":["../../../src/components/charts/AreaChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    AreaChart as RechartsAreaChart,\n    Area as RechartsArea,\n    Legend as RechartsLegend,\n    Brush,\n    CartesianGrid,\n    ResponsiveContainer,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    type XAxisProps,\n    type YAxisProps,\n    type AreaProps as RechartsAreaProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getColor, mapGridOptions } from './chartHelper';\nimport AreaGradient, { DEFAULT_ARIA_GRADIENT_ID, type AreaGradientProps } from './AreaGradient';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getAreaDefaultProps, type AreaProps } from './Area';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\nimport { renderReferenceLine, type ReferenceLineProps } from './ReferenceLine';\n\ntype RechartsAreaChartProps = React.ComponentProps<typeof RechartsAreaChart>;\n\nexport type AreaChartProps<T extends object> = Omit<RechartsAreaChartProps, 'data'> & {\n    width?: number;\n    height?: number;\n    data: T[];\n    dataUnit?: string;\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    dataKey?: string | number | ((obj: T) => any);\n    gradients?: React.ReactElement<AreaGradientProps>[];\n    areas: React.ReactElement<AreaProps>[];\n    referenceLines?: React.ReactElement<ReferenceLineProps>[];\n    xAxisOptions?: XAxisProps;\n    yAxisOptions?: YAxisProps;\n    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];\n    gridOptions?: GridProps;\n    showGrid?: boolean;\n    containerOptions?: ResponsiveContainerProps;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n};\n\nconst AreaChart = <T extends object>(props: AreaChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit = '',\n        dataKey = 'value',\n        gradients = [],\n        areas = [],\n        referenceLines = [],\n        xAxisOptions,\n        yAxisOptions,\n        gridOptions,\n        containerOptions,\n        showXAxis = true,\n        showYAxis = false,\n        additionalAxes = [],\n        showGrid = false,\n        legend,\n        brush = false,\n        tooltip = true,\n        ...remainingProps\n    } = props;\n\n    const areasWithGradient = areas.map(area => {\n        const areaPropsWithDefault = { ...getAreaDefaultProps(), ...area.props };\n        const { strokeColor, ...remainingAreaProps } = areaPropsWithDefault;\n        const gradientId = area.key;\n        const stroke = getColor(strokeColor);\n        return {\n            area: (\n                <RechartsArea\n                    {...(remainingAreaProps as Omit<RechartsAreaProps<unknown, unknown>, 'ref'>)}\n                    key={area.key}\n                    stroke={stroke}\n                    fill={`url(#${gradientId})`}\n                />\n            ),\n            gradient: <AreaGradient key={area.key} id={gradientId || DEFAULT_ARIA_GRADIENT_ID} color={strokeColor} />,\n        };\n    });\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : ({} as LegendProps);\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsAreaChart\n                width={width}\n                height={height}\n                data={data}\n                margin={{ top: 15, right: 15, left: 15, bottom: 15 }}\n                {...remainingProps}\n            >\n                <defs>\n                    {gradients}\n                    {areasWithGradient.map(areaWithGradient => areaWithGradient.gradient)}\n                </defs>\n\n                {showGrid && <CartesianGrid strokeDasharray='3 3' {...mapGridOptions(gridOptions)} />}\n\n                <RechartsXAxis hide={!showXAxis} dataKey={dataKey} {...xAxisOptions} />\n                <RechartsYAxis hide={!showYAxis} unit={dataUnit} {...yAxisOptions} />\n\n                {additionalAxes.map(renderAxis)}\n\n                {tooltip && <ChartTooltip {...tooltipProps} />}\n\n                {legend && legendProps && (\n                    <>\n                        {/* @ts-ignore: intentionally as formatter is different. See Legend component */}\n                        <RechartsLegend\n                            wrapperStyle={\n                                legendProps.verticalAlign === 'bottom' ? { bottom: 0 } : legendProps.wrapperStyle\n                            }\n                            {...legendProps}\n                        />\n                    </>\n                )}\n\n                {areasWithGradient.map(areaWithGradient => areaWithGradient.area)}\n\n                {referenceLines.map(renderReferenceLine)}\n\n                {brush && <Brush stroke={getColor('gray')} />}\n            </RechartsAreaChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default AreaChart;\n"],"mappings":";;;;;;;;;;;;AAmDA,IAAM,KAA+B,MAA6B;CAC9D,IAAM,EACF,UACA,WACA,UAAO,CAAC,GACR,cAAW,IACX,aAAU,SACV,eAAY,CAAC,GACb,WAAQ,CAAC,GACT,oBAAiB,CAAC,GAClB,iBACA,iBACA,gBACA,qBACA,eAAY,IACZ,eAAY,IACZ,oBAAiB,CAAC,GAClB,cAAW,IACX,WACA,WAAQ,IACR,aAAU,IACV,GAAG,MACH,GAEE,IAAoB,EAAM,KAAI,MAAQ;EAExC,IAAM,EAAE,gBAAa,GAAG,MAAuB;GADhB,GAAG,EAAoB;GAAG,GAAG,EAAK;EAClB,GACzC,IAAa,EAAK,KAClB,IAAS,EAAS,CAAW;EACnC,OAAO;GACH,MACI,kBAAC,GAAD;IACI,GAAK;IACL,KAAK,EAAK;IACF;IACR,MAAM,QAAQ,EAAW;GAC5B,CAAA;GAEL,UAAU,kBAAC,GAAD;IAA6B,IAAI,KAAA;IAAwC,OAAO;GAAc,GAA3E,EAAK,GAAsE;EAC5G;CACJ,CAAC,GAEK,IAAe,EAAS,CAAO,IAAI,EAAQ,QAAQ,CAAC,GACpD,IAAc,EAAS,CAAM,IAAI;EAAE,GAAG,EAAsB;EAAG,GAAG,EAAO;CAAM,IAAK,CAAC;CAE3F,OACI,kBAAC,GAAD;EACI,WAAW;EACX,UAAU;EACV,kBAAkB;GAAE,OAAO;GAAK,QAAQ;EAAI;EAC5C,GAAI;YAEJ,kBAAC,GAAD;GACW;GACC;GACF;GACN,QAAQ;IAAE,KAAK;IAAI,OAAO;IAAI,MAAM;IAAI,QAAQ;GAAG;GACnD,GAAI;aALR;IAOI,kBAAC,QAAD,EAAA,UAAA,CACK,GACA,EAAkB,KAAI,MAAoB,EAAiB,QAAQ,CAClE,EAAA,CAAA;IAEL,KAAY,kBAAC,GAAD;KAAe,iBAAgB;KAAM,GAAI,EAAe,CAAW;IAAI,CAAA;IAEpF,kBAAC,GAAD;KAAe,MAAM,CAAC;KAAoB;KAAS,GAAI;IAAe,CAAA;IACtE,kBAAC,GAAD;KAAe,MAAM,CAAC;KAAW,MAAM;KAAU,GAAI;IAAe,CAAA;IAEnE,EAAe,IAAI,CAAU;IAE7B,KAAW,kBAAC,GAAD,EAAc,GAAI,EAAe,CAAA;IAE5C,KAAU,KACP,kBAAA,GAAA,EAAA,UAEI,kBAAC,GAAD;KACI,cACI,EAAY,kBAAkB,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAY;KAEzE,GAAI;IACP,CAAA,EACH,CAAA;IAGL,EAAkB,KAAI,MAAoB,EAAiB,IAAI;IAE/D,EAAe,IAAI,CAAmB;IAEtC,KAAS,kBAAC,GAAD,EAAO,QAAQ,EAAS,MAAM,EAAI,CAAA;GAC7B;;CACF,CAAA;AAE7B"}

package/components/charts/AreaGradient.js

@@ -1,14 +1,26 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { getColor as s } from "./chartHelper.js";
-const p = "areaGradient", l = (a) => {
-  const { id: o = p, color: t = "color-coldplay-fountain" } = a;
-  return /* @__PURE__ */ e("linearGradient", { id: o, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-    /* @__PURE__ */ r("stop", { offset: "5%", stopColor: s(t), stopOpacity: 0.8 }),
-    /* @__PURE__ */ r("stop", { offset: "95%", stopColor: s(t), stopOpacity: 0 })
-  ] }, o);
+import { getColor as e } from "./chartHelper.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/charts/AreaGradient.tsx
+var r = "areaGradient", i = (i) => {
+	let { id: a = r, color: o = "color-coldplay-fountain" } = i;
+	return /* @__PURE__ */ n("linearGradient", {
+		id: a,
+		x1: "0",
+		y1: "0",
+		x2: "0",
+		y2: "1",
+		children: [/* @__PURE__ */ t("stop", {
+			offset: "5%",
+			stopColor: e(o),
+			stopOpacity: .8
+		}), /* @__PURE__ */ t("stop", {
+			offset: "95%",
+			stopColor: e(o),
+			stopOpacity: 0
+		})]
+	}, a);
 };
-export {
-  p as DEFAULT_ARIA_GRADIENT_ID,
-  l as default
-};
-//# sourceMappingURL=AreaGradient.js.map
+//#endregion
+export { r as DEFAULT_ARIA_GRADIENT_ID, i as default };
+
+//# sourceMappingURL=AreaGradient.js.map

package/components/charts/AreaGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaGradient.js","sources":["../../../src/components/charts/AreaGradient.tsx"],"sourcesContent":["import { getColor } from './chartHelper';\n\nexport const DEFAULT_ARIA_GRADIENT_ID = 'areaGradient';\n\nexport type AreaGradientProps = {\n    id?: string;\n    color?: string;\n};\n\nconst AreaGradient = (props: AreaGradientProps) => {\n    const { id = DEFAULT_ARIA_GRADIENT_ID, color = 'color-coldplay-fountain' } = props;\n\n    return (\n        <linearGradient key={id} id={id} x1='0' y1='0' x2='0' y2='1'>\n            <stop offset='5%' stopColor={getColor(color)} stopOpacity={0.8} />\n            <stop offset='95%' stopColor={getColor(color)} stopOpacity={0} />\n        </linearGradient>\n    );\n};\n\nexport default AreaGradient;\n"],"names":["DEFAULT_ARIA_GRADIENT_ID","AreaGradient","props","id","color","jsxs","jsx","getColor"],"mappings":";;AAEO,MAAMA,IAA2B,gBAOlCC,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,IAAAC,IAAKH,GAA0B,OAAAI,IAAQ,8BAA8BF;AAE7E,SACI,gBAAAG,EAAC,kBAAA,EAAwB,IAAAF,GAAQ,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KACrD,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,QAAO,MAAK,WAAWC,EAASH,CAAK,GAAG,aAAa,KAAK;AAAA,IAChE,gBAAAE,EAAC,UAAK,QAAO,OAAM,WAAWC,EAASH,CAAK,GAAG,aAAa,EAAA,CAAG;AAAA,EAAA,EAAA,GAF9CD,CAGrB;AAER;"}
+{"version":3,"file":"AreaGradient.js","names":[],"sources":["../../../src/components/charts/AreaGradient.tsx"],"sourcesContent":["import { getColor } from './chartHelper';\n\nexport const DEFAULT_ARIA_GRADIENT_ID = 'areaGradient';\n\nexport type AreaGradientProps = {\n    id?: string;\n    color?: string;\n};\n\nconst AreaGradient = (props: AreaGradientProps) => {\n    const { id = DEFAULT_ARIA_GRADIENT_ID, color = 'color-coldplay-fountain' } = props;\n\n    return (\n        <linearGradient key={id} id={id} x1='0' y1='0' x2='0' y2='1'>\n            <stop offset='5%' stopColor={getColor(color)} stopOpacity={0.8} />\n            <stop offset='95%' stopColor={getColor(color)} stopOpacity={0} />\n        </linearGradient>\n    );\n};\n\nexport default AreaGradient;\n"],"mappings":";;;AAEA,IAAa,IAA2B,gBAOlC,KAAgB,MAA6B;CAC/C,IAAM,EAAE,QAAK,GAA0B,WAAQ,8BAA8B;CAE7E,OACI,kBAAC,kBAAD;EAA6B;EAAI,IAAG;EAAI,IAAG;EAAI,IAAG;EAAI,IAAG;YAAzD,CACI,kBAAC,QAAD;GAAM,QAAO;GAAK,WAAW,EAAS,CAAK;GAAG,aAAa;EAAM,CAAA,GACjE,kBAAC,QAAD;GAAM,QAAO;GAAM,WAAW,EAAS,CAAK;GAAG,aAAa;EAAI,CAAA,CACpD;IAHK,CAGL;AAExB"}

package/components/charts/Bar.js

@@ -1,10 +1,10 @@
-const a = () => ({
-  dataKey: "value",
-  color: "color-coldplay-fountain",
-  isAnimationActive: !0
-}), t = (o) => null;
-export {
-  t as default,
-  a as getBarDefaultProps
-};
-//# sourceMappingURL=Bar.js.map
+//#region src/components/charts/Bar.tsx
+var e = () => ({
+	dataKey: "value",
+	color: "color-coldplay-fountain",
+	isAnimationActive: !0
+}), t = (e) => null;
+//#endregion
+export { t as default, e as getBarDefaultProps };
+
+//# sourceMappingURL=Bar.js.map

package/components/charts/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","sources":["../../../src/components/charts/Bar.tsx"],"sourcesContent":["import type { BarProps as RechartsBarProps } from 'recharts';\nimport type { RenderableText as RechartsRenderableText } from 'recharts/types/component/Text';\n\nexport type RenderableText = RechartsRenderableText;\nexport type BarProps = Omit<RechartsBarProps, 'ref'> & {};\n\nexport const getBarDefaultProps = () => ({\n    dataKey: 'value',\n    color: 'color-coldplay-fountain',\n    isAnimationActive: true,\n});\n\nconst Bar = (_props: BarProps) => null;\n\nexport default Bar;\n"],"names":["getBarDefaultProps","Bar","_props"],"mappings":"AAMO,MAAMA,IAAqB,OAAO;AAAA,EACrC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,mBAAmB;AACvB,IAEMC,IAAM,CAACC,MAAqB;"}
+{"version":3,"file":"Bar.js","names":[],"sources":["../../../src/components/charts/Bar.tsx"],"sourcesContent":["import type { BarProps as RechartsBarProps } from 'recharts';\nimport type { RenderableText as RechartsRenderableText } from 'recharts/types/component/Text';\n\nexport type RenderableText = RechartsRenderableText;\nexport type BarProps = Omit<RechartsBarProps, 'ref'> & {};\n\nexport const getBarDefaultProps = () => ({\n    dataKey: 'value',\n    color: 'color-coldplay-fountain',\n    isAnimationActive: true,\n});\n\nconst Bar = (_props: BarProps) => null;\n\nexport default Bar;\n"],"mappings":";AAMA,IAAa,WAA4B;CACrC,SAAS;CACT,OAAO;CACP,mBAAmB;AACvB,IAEM,KAAO,MAAqB"}

package/components/charts/BarChart.js

@@ -1,83 +1,86 @@
-import { jsx as o, jsxs as W } from "react/jsx-runtime";
-import { ResponsiveContainer as X, BarChart as Y, CartesianGrid as _, XAxis as $, YAxis as F, Legend as g, Bar as H, Cell as N, Brush as T } from "recharts";
-import { isObject as u } from "es-toolkit/compat";
-import { mapGridOptions as q, CURSOR_BACKGROUND_COLOR as E, getColor as s, getFromDefaultColors as f } from "./chartHelper.js";
-import I from "./ChartTooltip.js";
-import { getLegendDefaultProps as J } from "./Legend.js";
-import { renderAxis as M } from "./XAxis.js";
-import { getBarDefaultProps as Q } from "./Bar.js";
-const lo = (C) => {
-  const {
-    width: V,
-    height: Z,
-    data: l = [],
-    dataUnit: p,
-    dataKey: x = "value",
-    layout: A = "horizontal",
-    legend: r = !1,
-    bars: O = [],
-    xAxisOptions: y,
-    yAxisOptions: B,
-    additionalAxes: P = [],
-    gridOptions: D,
-    containerOptions: w,
-    showGrid: v = !1,
-    showXAxis: R = !0,
-    showYAxis: G = !0,
-    useDataColors: L = !1,
-    brush: b = !1,
-    tooltip: n = !0,
-    ...j
-  } = C, k = u(n) ? n.props : {}, c = u(r) ? { ...J(), ...r.props } : {}, t = c, h = t?.content, m = {
-    layout: t?.layout,
-    align: t?.align,
-    verticalAlign: t?.verticalAlign,
-    width: t?.width,
-    height: t?.height
-  };
-  return /* @__PURE__ */ o(
-    X,
-    {
-      minHeight: 100,
-      minWidth: 100,
-      initialDimension: { width: 100, height: 100 },
-      ...w,
-      children: /* @__PURE__ */ W(Y, { layout: A, data: l, ...j, children: [
-        v && /* @__PURE__ */ o(_, { strokeDasharray: "3 3", ...q(D) }),
-        /* @__PURE__ */ o($, { hide: !R, dataKey: x, ...y }),
-        /* @__PURE__ */ o(F, { hide: !G, unit: p, ...B }),
-        P.map(M),
-        n && /* @__PURE__ */ o(I, { cursor: { fill: E }, ...k }),
-        r && h && /* @__PURE__ */ o(
-          g,
-          {
-            ...m,
-            content: () => {
-              const i = {
-                items: t.items,
-                iconSize: t?.iconSize ?? 12,
-                resolveColor: (a, e) => s(a?.color) || f(e),
-                ...m
-              };
-              return t.content(i);
-            }
-          }
-        ),
-        r && !h && // series-based: just forward the formatter to Recharts
-        /* @__PURE__ */ o(g, { ...c }),
-        O.map((i) => {
-          const a = { ...Q(), ...i.props }, { color: e, ...z } = a, S = e && s(e);
-          return /* @__PURE__ */ o(H, { unit: p, ...z, fill: S, children: L && l.map((U, d) => {
-            const K = s(U.color) || f(d);
-            return /* @__PURE__ */ o(N, { fill: K }, `cell-${d}`);
-          }) }, i.key);
-        }),
-        b && /* @__PURE__ */ o(T, { stroke: s("gray") })
-      ] })
-    }
-  );
+import { renderAxis as e } from "./XAxis.js";
+import { getColor as t, getFromDefaultColors as n, mapGridOptions as r } from "./chartHelper.js";
+import { getLegendDefaultProps as i } from "./Legend.js";
+import a from "./ChartTooltip.js";
+import { getBarDefaultProps as o } from "./Bar.js";
+import { isObject as s } from "es-toolkit/compat";
+import { Bar as c, BarChart as l, Brush as u, CartesianGrid as d, Cell as f, Legend as p, ResponsiveContainer as m, XAxis as h, YAxis as g } from "recharts";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/charts/BarChart.tsx
+var y = (y) => {
+	let { width: b, height: x, data: S = [], dataUnit: C, dataKey: w = "value", layout: T = "horizontal", legend: E = !1, bars: D = [], xAxisOptions: O, yAxisOptions: k, additionalAxes: A = [], gridOptions: j, containerOptions: M, showGrid: N = !1, showXAxis: P = !0, showYAxis: F = !0, useDataColors: I = !1, brush: L = !1, tooltip: R = !0, ...z } = y, B = s(R) ? R.props : {}, V = s(E) ? {
+		...i(),
+		...E.props
+	} : {}, H = V, U = H?.content, W = {
+		layout: H?.layout,
+		align: H?.align,
+		verticalAlign: H?.verticalAlign,
+		width: H?.width,
+		height: H?.height
+	};
+	return /* @__PURE__ */ _(m, {
+		minHeight: 100,
+		minWidth: 100,
+		initialDimension: {
+			width: 100,
+			height: 100
+		},
+		...M,
+		children: /* @__PURE__ */ v(l, {
+			layout: T,
+			data: S,
+			...z,
+			children: [
+				N && /* @__PURE__ */ _(d, {
+					strokeDasharray: "3 3",
+					...r(j)
+				}),
+				/* @__PURE__ */ _(h, {
+					hide: !P,
+					dataKey: w,
+					...O
+				}),
+				/* @__PURE__ */ _(g, {
+					hide: !F,
+					unit: C,
+					...k
+				}),
+				A.map(e),
+				R && /* @__PURE__ */ _(a, {
+					cursor: { fill: "#a7afbb24" },
+					...B
+				}),
+				E && U && /* @__PURE__ */ _(p, {
+					...W,
+					content: () => {
+						let e = {
+							items: H.items,
+							iconSize: H?.iconSize ?? 12,
+							resolveColor: (e, r) => t(e?.color) || n(r),
+							...W
+						};
+						return H.content(e);
+					}
+				}),
+				E && !U && /* @__PURE__ */ _(p, { ...V }),
+				D.map((e) => {
+					let { color: r, ...i } = {
+						...o(),
+						...e.props
+					}, a = r && t(r);
+					return /* @__PURE__ */ _(c, {
+						unit: C,
+						...i,
+						fill: a,
+						children: I && S.map((e, r) => /* @__PURE__ */ _(f, { fill: t(e.color) || n(r) }, `cell-${r}`))
+					}, e.key);
+				}),
+				L && /* @__PURE__ */ _(u, { stroke: t("gray") })
+			]
+		})
+	});
 };
-export {
-  lo as default
-};
-//# sourceMappingURL=BarChart.js.map
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=BarChart.js.map

package/components/charts/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sources":["../../../src/components/charts/BarChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    BarChart as RechartsBarChart,\n    Bar as RechartsBar,\n    Legend as RechartsLegend,\n    Brush,\n    Cell,\n    CartesianGrid,\n    ResponsiveContainer,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    type LegendProps as RechartsLegendProps,\n    type XAxisProps,\n    type YAxisProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getFromDefaultColors, getColor, mapGridOptions, CURSOR_BACKGROUND_COLOR, type DataType } from './chartHelper';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps, type LegendPropsCustom, type LegendContentArgs } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getBarDefaultProps, type BarProps } from './Bar';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\nexport type BarChartDataType = DataType;\n\ntype RechartsBarChartProps = React.ComponentProps<typeof RechartsBarChart>;\n\ntype withoutBaseProps = 'data' | 'layout' | 'bars' | 'legend';\n\nexport type BarChartProps<T extends DataType> = Omit<RechartsBarChartProps, withoutBaseProps> & {\n    width?: number;\n    height?: number;\n    data: T[];\n    dataUnit?: string;\n    layout?: 'vertical' | 'horizontal';\n    bars: React.ReactElement<BarProps>[];\n    showGrid?: boolean;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    useDataColors?: boolean;\n    xAxisOptions?: XAxisProps;\n    yAxisOptions?: YAxisProps;\n    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];\n    gridOptions?: GridProps;\n    containerOptions?: ResponsiveContainerProps;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n};\n\nconst BarChart = <T extends DataType>(props: BarChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit,\n        dataKey = 'value',\n        layout = 'horizontal',\n        legend = false,\n        bars = [],\n        xAxisOptions,\n        yAxisOptions,\n        additionalAxes = [],\n        gridOptions,\n        containerOptions,\n        showGrid = false,\n        showXAxis = true,\n        showYAxis = true,\n        useDataColors = false,\n        brush = false,\n        tooltip = true,\n        ...remainingProps\n    } = props;\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendBaseProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n\n    // In case you want to use the color from the data and enable the \"useDataColors\" flag,\n    // you need to provide a custom content function so you can render the individual legend items\n    // based on your data.\n    const legendProps = legendBaseProps as LegendPropsCustom<T> | undefined;\n    const isCustomLegend = legendProps?.content;\n\n    const placementProps: Partial<RechartsLegendProps> = {\n        layout: legendProps?.layout,\n        align: legendProps?.align,\n        verticalAlign: legendProps?.verticalAlign,\n        width: legendProps?.width,\n        height: legendProps?.height,\n    };\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsBarChart layout={layout} data={data} {...remainingProps}>\n                {showGrid && <CartesianGrid strokeDasharray='3 3' {...mapGridOptions(gridOptions)} />}\n\n                <RechartsXAxis hide={!showXAxis} dataKey={dataKey} {...xAxisOptions} />\n                <RechartsYAxis hide={!showYAxis} unit={dataUnit} {...yAxisOptions} />\n\n                {additionalAxes.map(renderAxis)}\n\n                {tooltip && <ChartTooltip cursor={{ fill: CURSOR_BACKGROUND_COLOR }} {...tooltipProps} />}\n\n                {legend && isCustomLegend && (\n                    <RechartsLegend\n                        {...placementProps}\n                        content={() => {\n                            const args: LegendContentArgs<T> = {\n                                items: legendProps.items,\n                                iconSize: legendProps?.iconSize ?? 12,\n                                resolveColor: (entry: T, index: number) =>\n                                    getColor(entry?.color) || getFromDefaultColors(index),\n                                ...placementProps,\n                            };\n                            return legendProps.content(args);\n                        }}\n                    />\n                )}\n\n                {legend && !isCustomLegend && (\n                    // series-based: just forward the formatter to Recharts\n                    <RechartsLegend {...legendBaseProps} />\n                )}\n\n                {bars.map(bar => {\n                    const barPropsWithDefault = { ...getBarDefaultProps(), ...bar.props };\n                    const { color, ...remainingBarProps } = barPropsWithDefault;\n                    const cellColor = color && getColor(color);\n\n                    return (\n                        <RechartsBar key={bar.key} unit={dataUnit} {...remainingBarProps} fill={cellColor}>\n                            {useDataColors &&\n                                data.map((entry, index) => {\n                                    const entryCellColor = getColor(entry.color) || getFromDefaultColors(index);\n                                    return <Cell key={`cell-${index}`} fill={entryCellColor} />;\n                                })}\n                        </RechartsBar>\n                    );\n                })}\n\n                {brush && <Brush stroke={getColor('gray')} />}\n            </RechartsBarChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default BarChart;\n"],"names":["BarChart","props","width","height","data","dataUnit","dataKey","layout","legend","bars","xAxisOptions","yAxisOptions","additionalAxes","gridOptions","containerOptions","showGrid","showXAxis","showYAxis","useDataColors","brush","tooltip","remainingProps","tooltipProps","isObject","legendBaseProps","getLegendDefaultProps","legendProps","isCustomLegend","placementProps","jsx","ResponsiveContainer","jsxs","RechartsBarChart","CartesianGrid","mapGridOptions","RechartsXAxis","RechartsYAxis","renderAxis","ChartTooltip","CURSOR_BACKGROUND_COLOR","RechartsLegend","args","entry","index","getColor","getFromDefaultColors","bar","barPropsWithDefault","getBarDefaultProps","color","remainingBarProps","cellColor","RechartsBar","entryCellColor","Cell","Brush"],"mappings":"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"}
+{"version":3,"file":"BarChart.js","names":[],"sources":["../../../src/components/charts/BarChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    BarChart as RechartsBarChart,\n    Bar as RechartsBar,\n    Legend as RechartsLegend,\n    Brush,\n    Cell,\n    CartesianGrid,\n    ResponsiveContainer,\n    XAxis as RechartsXAxis,\n    YAxis as RechartsYAxis,\n    type LegendProps as RechartsLegendProps,\n    type XAxisProps,\n    type YAxisProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getFromDefaultColors, getColor, mapGridOptions, CURSOR_BACKGROUND_COLOR, type DataType } from './chartHelper';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps, type LegendPropsCustom, type LegendContentArgs } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getBarDefaultProps, type BarProps } from './Bar';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\nexport type BarChartDataType = DataType;\n\ntype RechartsBarChartProps = React.ComponentProps<typeof RechartsBarChart>;\n\ntype withoutBaseProps = 'data' | 'layout' | 'bars' | 'legend';\n\nexport type BarChartProps<T extends DataType> = Omit<RechartsBarChartProps, withoutBaseProps> & {\n    width?: number;\n    height?: number;\n    data: T[];\n    dataUnit?: string;\n    layout?: 'vertical' | 'horizontal';\n    bars: React.ReactElement<BarProps>[];\n    showGrid?: boolean;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    useDataColors?: boolean;\n    xAxisOptions?: XAxisProps;\n    yAxisOptions?: YAxisProps;\n    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];\n    gridOptions?: GridProps;\n    containerOptions?: ResponsiveContainerProps;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n};\n\nconst BarChart = <T extends DataType>(props: BarChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit,\n        dataKey = 'value',\n        layout = 'horizontal',\n        legend = false,\n        bars = [],\n        xAxisOptions,\n        yAxisOptions,\n        additionalAxes = [],\n        gridOptions,\n        containerOptions,\n        showGrid = false,\n        showXAxis = true,\n        showYAxis = true,\n        useDataColors = false,\n        brush = false,\n        tooltip = true,\n        ...remainingProps\n    } = props;\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendBaseProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n\n    // In case you want to use the color from the data and enable the \"useDataColors\" flag,\n    // you need to provide a custom content function so you can render the individual legend items\n    // based on your data.\n    const legendProps = legendBaseProps as LegendPropsCustom<T> | undefined;\n    const isCustomLegend = legendProps?.content;\n\n    const placementProps: Partial<RechartsLegendProps> = {\n        layout: legendProps?.layout,\n        align: legendProps?.align,\n        verticalAlign: legendProps?.verticalAlign,\n        width: legendProps?.width,\n        height: legendProps?.height,\n    };\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsBarChart layout={layout} data={data} {...remainingProps}>\n                {showGrid && <CartesianGrid strokeDasharray='3 3' {...mapGridOptions(gridOptions)} />}\n\n                <RechartsXAxis hide={!showXAxis} dataKey={dataKey} {...xAxisOptions} />\n                <RechartsYAxis hide={!showYAxis} unit={dataUnit} {...yAxisOptions} />\n\n                {additionalAxes.map(renderAxis)}\n\n                {tooltip && <ChartTooltip cursor={{ fill: CURSOR_BACKGROUND_COLOR }} {...tooltipProps} />}\n\n                {legend && isCustomLegend && (\n                    <RechartsLegend\n                        {...placementProps}\n                        content={() => {\n                            const args: LegendContentArgs<T> = {\n                                items: legendProps.items,\n                                iconSize: legendProps?.iconSize ?? 12,\n                                resolveColor: (entry: T, index: number) =>\n                                    getColor(entry?.color) || getFromDefaultColors(index),\n                                ...placementProps,\n                            };\n                            return legendProps.content(args);\n                        }}\n                    />\n                )}\n\n                {legend && !isCustomLegend && (\n                    // series-based: just forward the formatter to Recharts\n                    <RechartsLegend {...legendBaseProps} />\n                )}\n\n                {bars.map(bar => {\n                    const barPropsWithDefault = { ...getBarDefaultProps(), ...bar.props };\n                    const { color, ...remainingBarProps } = barPropsWithDefault;\n                    const cellColor = color && getColor(color);\n\n                    return (\n                        <RechartsBar key={bar.key} unit={dataUnit} {...remainingBarProps} fill={cellColor}>\n                            {useDataColors &&\n                                data.map((entry, index) => {\n                                    const entryCellColor = getColor(entry.color) || getFromDefaultColors(index);\n                                    return <Cell key={`cell-${index}`} fill={entryCellColor} />;\n                                })}\n                        </RechartsBar>\n                    );\n                })}\n\n                {brush && <Brush stroke={getColor('gray')} />}\n            </RechartsBarChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default BarChart;\n"],"mappings":";;;;;;;;;AAoDA,IAAM,KAAgC,MAA4B;CAC9D,IAAM,EACF,UACA,WACA,UAAO,CAAC,GACR,aACA,aAAU,SACV,YAAS,cACT,YAAS,IACT,UAAO,CAAC,GACR,iBACA,iBACA,oBAAiB,CAAC,GAClB,gBACA,qBACA,cAAW,IACX,eAAY,IACZ,eAAY,IACZ,mBAAgB,IAChB,WAAQ,IACR,aAAU,IACV,GAAG,MACH,GAEE,IAAe,EAAS,CAAO,IAAI,EAAQ,QAAQ,CAAC,GACpD,IAAkB,EAAS,CAAM,IAAI;EAAE,GAAG,EAAsB;EAAG,GAAG,EAAO;CAAM,IAAI,CAAC,GAKxF,IAAc,GACd,IAAiB,GAAa,SAE9B,IAA+C;EACjD,QAAQ,GAAa;EACrB,OAAO,GAAa;EACpB,eAAe,GAAa;EAC5B,OAAO,GAAa;EACpB,QAAQ,GAAa;CACzB;CAEA,OACI,kBAAC,GAAD;EACI,WAAW;EACX,UAAU;EACV,kBAAkB;GAAE,OAAO;GAAK,QAAQ;EAAI;EAC5C,GAAI;YAEJ,kBAAC,GAAD;GAA0B;GAAc;GAAM,GAAI;aAAlD;IACK,KAAY,kBAAC,GAAD;KAAe,iBAAgB;KAAM,GAAI,EAAe,CAAW;IAAI,CAAA;IAEpF,kBAAC,GAAD;KAAe,MAAM,CAAC;KAAoB;KAAS,GAAI;IAAe,CAAA;IACtE,kBAAC,GAAD;KAAe,MAAM,CAAC;KAAW,MAAM;KAAU,GAAI;IAAe,CAAA;IAEnE,EAAe,IAAI,CAAU;IAE7B,KAAW,kBAAC,GAAD;KAAc,QAAQ,EAAE,MAAA,YAA8B;KAAG,GAAI;IAAe,CAAA;IAEvF,KAAU,KACP,kBAAC,GAAD;KACI,GAAI;KACJ,eAAe;MACX,IAAM,IAA6B;OAC/B,OAAO,EAAY;OACnB,UAAU,GAAa,YAAY;OACnC,eAAe,GAAU,MACrB,EAAS,GAAO,KAAK,KAAK,EAAqB,CAAK;OACxD,GAAG;MACP;MACA,OAAO,EAAY,QAAQ,CAAI;KACnC;IACH,CAAA;IAGJ,KAAU,CAAC,KAER,kBAAC,GAAD,EAAgB,GAAI,EAAkB,CAAA;IAGzC,EAAK,KAAI,MAAO;KAEb,IAAM,EAAE,UAAO,GAAG,MAAsB;MADV,GAAG,EAAmB;MAAG,GAAG,EAAI;KACtB,GAClC,IAAY,KAAS,EAAS,CAAK;KAEzC,OACI,kBAAC,GAAD;MAA2B,MAAM;MAAU,GAAI;MAAmB,MAAM;gBACnE,KACG,EAAK,KAAK,GAAO,MAEN,kBAAC,GAAD,EAA4B,MADZ,EAAS,EAAM,KAAK,KAAK,EAAqB,CAAK,EAChB,GAAxC,QAAQ,GAAgC,CAC7D;KACI,GANK,EAAI,GAMT;IAErB,CAAC;IAEA,KAAS,kBAAC,GAAD,EAAO,QAAQ,EAAS,MAAM,EAAI,CAAA;GAC9B;;CACD,CAAA;AAE7B"}

package/components/charts/ChartLabel.js

@@ -1,5 +1,6 @@
-const l = (a) => null;
-export {
-  l as default
-};
-//# sourceMappingURL=ChartLabel.js.map
+//#region src/components/charts/ChartLabel.tsx
+var e = (e) => null;
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ChartLabel.js.map

package/components/charts/ChartLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLabel.js","sources":["../../../src/components/charts/ChartLabel.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport type { LabelProps as RechartsLabelProps } from 'recharts';\n\nexport type LabelProps = Omit<RechartsLabelProps, 'ref'> & {};\n\nconst ChartLabel: React.FC<LabelProps> = props => null;\n\nexport default ChartLabel;\n"],"names":["ChartLabel","props"],"mappings":"AAKA,MAAMA,IAAmC,CAAAC,MAAS;"}
+{"version":3,"file":"ChartLabel.js","names":[],"sources":["../../../src/components/charts/ChartLabel.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport type { LabelProps as RechartsLabelProps } from 'recharts';\n\nexport type LabelProps = Omit<RechartsLabelProps, 'ref'> & {};\n\nconst ChartLabel: React.FC<LabelProps> = props => null;\n\nexport default ChartLabel;\n"],"mappings":";AAKA,IAAM,KAAmC,MAAS"}

package/components/charts/ChartNeedle.js

@@ -1,20 +1,27 @@
-import { jsx as t } from "react/jsx-runtime";
-const m = (e) => {
-  const { width: o = "5px", height: r = "65px", x: s = "-50%", y: a = "-100%", rotation: i = 0, className: d = "", style: l } = e, n = {
-    width: o,
-    height: r,
-    transformOrigin: "bottom",
-    transform: `translate(${s}, ${a}) rotate(${i}deg)`,
-    borderBottomLeftRadius: "4px",
-    borderBottomRightRadius: "4px",
-    borderTopLeftRadius: "100%",
-    borderTopRightRadius: "100%",
-    display: "inline-block",
-    ...l
-  };
-  return /* @__PURE__ */ t("div", { className: "position-relative", children: /* @__PURE__ */ t("div", { className: `position-absolute bg-dark ${d}`, style: n }) });
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/charts/ChartNeedle.tsx
+var t = (t) => {
+	let { width: n = "5px", height: r = "65px", x: i = "-50%", y: a = "-100%", rotation: o = 0, className: s = "", style: c } = t, l = {
+		width: n,
+		height: r,
+		transformOrigin: "bottom",
+		transform: `translate(${i}, ${a}) rotate(${o}deg)`,
+		borderBottomLeftRadius: "4px",
+		borderBottomRightRadius: "4px",
+		borderTopLeftRadius: "100%",
+		borderTopRightRadius: "100%",
+		display: "inline-block",
+		...c
+	};
+	return /* @__PURE__ */ e("div", {
+		className: "position-relative",
+		children: /* @__PURE__ */ e("div", {
+			className: `position-absolute bg-dark ${s}`,
+			style: l
+		})
+	});
 };
-export {
-  m as default
-};
-//# sourceMappingURL=ChartNeedle.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ChartNeedle.js.map