@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/charts/ChartNeedle.js

@@ -1,18 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const ChartNeedle = (props) => {
-    const { width = '5px', height = '65px', x = '-50%', y = '-100%', rotation = 0, className = '', style } = props;
-    const needleStyle = {
-        width,
-        height,
-        transformOrigin: 'bottom',
-        transform: `translate(${x}, ${y}) rotate(${rotation}deg)`,
-        borderBottomLeftRadius: '4px',
-        borderBottomRightRadius: '4px',
-        borderTopLeftRadius: '100%',
-        borderTopRightRadius: '100%',
-        display: 'inline-block',
-        ...style,
-    };
-    return (_jsx("div", { className: 'position-relative', children: _jsx("div", { className: `position-absolute bg-dark ${className}`, style: needleStyle }) }));
+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 }) });
 };
-export default ChartNeedle;
+export {
+  m as default
+};
+//# sourceMappingURL=ChartNeedle.js.map

package/components/charts/ChartNeedle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartNeedle.js","sources":["../../../src/components/charts/ChartNeedle.tsx"],"sourcesContent":["export type ChartNeedleProps = {\n    width?: string;\n    height?: string;\n    x?: string;\n    y?: string;\n    rotation?: number;\n    className?: string;\n    style?: object;\n};\n\nconst ChartNeedle = (props: ChartNeedleProps) => {\n    const { width = '5px', height = '65px', x = '-50%', y = '-100%', rotation = 0, className = '', style } = props;\n\n    const needleStyle = {\n        width,\n        height,\n        transformOrigin: 'bottom',\n        transform: `translate(${x}, ${y}) rotate(${rotation}deg)`,\n        borderBottomLeftRadius: '4px',\n        borderBottomRightRadius: '4px',\n        borderTopLeftRadius: '100%',\n        borderTopRightRadius: '100%',\n        display: 'inline-block',\n        ...style,\n    };\n\n    return (\n        <div className='position-relative'>\n            <div className={`position-absolute bg-dark ${className}`} style={needleStyle} />\n        </div>\n    );\n};\n\nexport default ChartNeedle;\n"],"names":["ChartNeedle","props","width","height","x","y","rotation","className","style","needleStyle","jsx"],"mappings":";AAUA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,OAAAC,IAAQ,OAAO,QAAAC,IAAS,QAAQ,GAAAC,IAAI,QAAQ,GAAAC,IAAI,SAAS,UAAAC,IAAW,GAAG,WAAAC,IAAY,IAAI,OAAAC,MAAUP,GAEnGQ,IAAc;AAAA,IAChB,OAAAP;AAAA,IACA,QAAAC;AAAA,IACA,iBAAiB;AAAA,IACjB,WAAW,aAAaC,CAAC,KAAKC,CAAC,YAAYC,CAAQ;AAAA,IACnD,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,SAAS;AAAA,IACT,GAAGE;AAAA,EAAA;AAGP,SACI,gBAAAE,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,6BAA6BH,CAAS,IAAI,OAAOE,EAAA,CAAa,GAClF;AAER;"}

package/components/charts/ChartTooltip.js

@@ -1,5 +1,7 @@
-import { Tooltip as RechartsTooltip } from 'recharts';
-const ChartTooltip = RechartsTooltip;
-// biome-ignore lint/suspicious/noExplicitAny: unknown value
-export const defaultFormatter = (dataUnit) => (value) => `${value} ${dataUnit}`;
-export default ChartTooltip;
+import { Tooltip as r } from "recharts";
+const e = r, l = (t) => (o) => `${o} ${t}`;
+export {
+  e as default,
+  l as defaultFormatter
+};
+//# sourceMappingURL=ChartTooltip.js.map

package/components/charts/ChartTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.js","sources":["../../../src/components/charts/ChartTooltip.tsx"],"sourcesContent":["import { Tooltip as RechartsTooltip } from 'recharts';\n\nexport type ChartTooltipProps = typeof RechartsTooltip & { activeIndex: number };\n\nconst ChartTooltip = RechartsTooltip;\n\n// biome-ignore lint/suspicious/noExplicitAny: unknown value\nexport const defaultFormatter = (dataUnit: string) => (value: any) => `${value} ${dataUnit}`;\n\nexport default ChartTooltip;\n"],"names":["ChartTooltip","RechartsTooltip","defaultFormatter","dataUnit","value"],"mappings":";AAIA,MAAMA,IAAeC,GAGRC,IAAmB,CAACC,MAAqB,CAACC,MAAe,GAAGA,CAAK,IAAID,CAAQ;"}

package/components/charts/ComposedChart.d.ts

@@ -1,13 +1,13 @@
-import type React from 'react';
-import { ComposedChart as RechartsComposedChart, type XAxisProps, type YAxisProps } from 'recharts';
-import { type ChartTooltipProps } from './ChartTooltip';
-import { type LegendProps } from './Legend';
-import { type BarProps } from './Bar';
-import { type ReferenceLineProps } from './ReferenceLine';
-import { type LineProps } from './Line';
-import { type AreaProps } from './Area';
-import type { GridProps } from './ChartGrid';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
+import { default as React } from 'react';
+import { ComposedChart as RechartsComposedChart, XAxisProps, YAxisProps } from 'recharts';
+import { ChartTooltipProps } from './ChartTooltip';
+import { LegendProps } from './Legend';
+import { BarProps } from './Bar';
+import { ReferenceLineProps } from './ReferenceLine';
+import { LineProps } from './Line';
+import { AreaProps } from './Area';
+import { GridProps } from './ChartGrid';
+import { ResponsiveContainerProps } from './ResponsiveContainer';
 type RechartsComposedChartProps = React.ComponentProps<typeof RechartsComposedChart>;
 export type ComposedChartProps<T extends object> = Omit<RechartsComposedChartProps, 'data'> & {
     width?: number;

package/components/charts/ComposedChart.js

@@ -1,32 +1,97 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ComposedChart as RechartsComposedChart, Line as RechartsLine, Bar as RechartsBar, Area as RechartsArea, Legend as RechartsLegend, Brush, CartesianGrid, ResponsiveContainer, XAxis as RechartsXAxis, YAxis as RechartsYAxis, } from 'recharts';
-import { isObject } from 'es-toolkit/compat';
-import { getColor, mapGridOptions } from "./chartHelper.js";
-import ChartTooltip from "./ChartTooltip.js";
-import { getLegendDefaultProps } from "./Legend.js";
-import { renderAxis } from "./XAxis.js";
-import { getBarDefaultProps } from "./Bar.js";
-import { renderReferenceLine } from "./ReferenceLine.js";
-import { getLineDefaultProps } from "./Line.js";
-import { getAreaDefaultProps } from "./Area.js";
-const ComposedChart = (props) => {
-    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], bars = [], areas = [], referenceLines = [], xAxisOptions, yAxisOptions, additionalAxes = [], gridOptions, containerOptions, showXAxis = true, showYAxis = false, showGrid = false, legend, brush = false, tooltip = true, ...remainingProps } = props;
-    const tooltipProps = isObject(tooltip) ? tooltip.props : {};
-    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};
-    return (_jsx(ResponsiveContainer, { minHeight: 100, minWidth: 100, initialDimension: { width: 100, height: 100 }, ...containerOptions, children: _jsxs(RechartsComposedChart, { width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 }, ...remainingProps, children: [showGrid && _jsx(CartesianGrid, { strokeDasharray: '3 3', ...mapGridOptions(gridOptions) }), _jsx(RechartsXAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), _jsx(RechartsYAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(renderAxis), tooltip && _jsx(ChartTooltip, { ...tooltipProps }), legend && _jsx(RechartsLegend, { ...legendProps }), areas.map(area => {
-                    const areaPropsWithDefault = { ...getAreaDefaultProps(), ...area.props };
-                    const { strokeColor, fill, ...remainingAreaProps } = areaPropsWithDefault;
-                    return (_createElement(RechartsArea, { ...remainingAreaProps, key: area.key, stroke: getColor(strokeColor), fill: getColor(fill) }));
-                }), bars.map(bar => {
-                    const barPropsWithDefault = { ...getBarDefaultProps(), ...bar.props };
-                    const { color, ...remainingBarProps } = barPropsWithDefault;
-                    const cellColor = color && getColor(color);
-                    return _jsx(RechartsBar, { unit: dataUnit, ...remainingBarProps, fill: cellColor }, bar.key);
-                }), lines.map(line => {
-                    const linePropsWithDefault = { ...getLineDefaultProps(), ...line.props };
-                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;
-                    return (_createElement(RechartsLine, { ...remainingLineProps, key: line.key, stroke: getColor(strokeColor) }));
-                }), referenceLines.map(renderReferenceLine), brush && _jsx(Brush, { stroke: getColor('gray') })] }) }));
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { createElement as l } from "react";
+import { ResponsiveContainer as X, ComposedChart as Y, CartesianGrid as E, XAxis as H, YAxis as K, Legend as T, Area as U, Bar as $, Line as q, Brush as z } from "recharts";
+import { isObject as f } from "es-toolkit/compat";
+import { mapGridOptions as F, getColor as s } 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 N } from "./Bar.js";
+import { renderReferenceLine as Q } from "./ReferenceLine.js";
+import { getLineDefaultProps as S } from "./Line.js";
+import { getAreaDefaultProps as V } from "./Area.js";
+const lr = (d) => {
+  const {
+    width: h,
+    height: c,
+    data: g = [],
+    dataUnit: m = "",
+    dataKey: u = "value",
+    lines: C = [],
+    bars: P = [],
+    areas: x = [],
+    referenceLines: k = [],
+    xAxisOptions: A,
+    yAxisOptions: y,
+    additionalAxes: D = [],
+    gridOptions: L,
+    containerOptions: O,
+    showXAxis: w = !0,
+    showYAxis: b = !1,
+    showGrid: B = !1,
+    legend: n,
+    brush: W = !1,
+    tooltip: a = !0,
+    ...j
+  } = d, G = f(a) ? a.props : {}, v = f(n) ? { ...J(), ...n.props } : {};
+  return /* @__PURE__ */ o(
+    X,
+    {
+      minHeight: 100,
+      minWidth: 100,
+      initialDimension: { width: 100, height: 100 },
+      ...O,
+      children: /* @__PURE__ */ R(
+        Y,
+        {
+          width: h,
+          height: c,
+          data: g,
+          margin: { top: 15, right: 15, left: 15, bottom: 15 },
+          ...j,
+          children: [
+            B && /* @__PURE__ */ o(E, { strokeDasharray: "3 3", ...F(L) }),
+            /* @__PURE__ */ o(H, { hide: !w, dataKey: u, ...A }),
+            /* @__PURE__ */ o(K, { hide: !b, unit: m, ...y }),
+            D.map(M),
+            a && /* @__PURE__ */ o(I, { ...G }),
+            n && /* @__PURE__ */ o(T, { ...v }),
+            x.map((r) => {
+              const t = { ...V(), ...r.props }, { strokeColor: e, fill: i, ...p } = t;
+              return /* @__PURE__ */ l(
+                U,
+                {
+                  ...p,
+                  key: r.key,
+                  stroke: s(e),
+                  fill: s(i)
+                }
+              );
+            }),
+            P.map((r) => {
+              const t = { ...N(), ...r.props }, { color: e, ...i } = t, p = e && s(e);
+              return /* @__PURE__ */ o($, { unit: m, ...i, fill: p }, r.key);
+            }),
+            C.map((r) => {
+              const t = { ...S(), ...r.props }, { strokeColor: e, ...i } = t;
+              return /* @__PURE__ */ l(
+                q,
+                {
+                  ...i,
+                  key: r.key,
+                  stroke: s(e)
+                }
+              );
+            }),
+            k.map(Q),
+            W && /* @__PURE__ */ o(z, { stroke: s("gray") })
+          ]
+        }
+      )
+    }
+  );
 };
-export default ComposedChart;
+export {
+  lr as default
+};
+//# sourceMappingURL=ComposedChart.js.map

package/components/charts/ComposedChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposedChart.js","sources":["../../../src/components/charts/ComposedChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    ComposedChart as RechartsComposedChart,\n    Line as RechartsLine,\n    Bar as RechartsBar,\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    type LineProps as RechartsLineProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getColor, mapGridOptions } from './chartHelper';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getBarDefaultProps, type BarProps } from './Bar';\nimport { renderReferenceLine, type ReferenceLineProps } from './ReferenceLine';\nimport { getLineDefaultProps, type LineProps } from './Line';\nimport { getAreaDefaultProps, type AreaProps } from './Area';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\ntype RechartsComposedChartProps = React.ComponentProps<typeof RechartsComposedChart>;\n\nexport type ComposedChartProps<T extends object> = Omit<RechartsComposedChartProps, '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    lines?: React.ReactElement<LineProps>[];\n    bars?: React.ReactElement<BarProps>[];\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    containerOptions?: ResponsiveContainerProps;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    showGrid?: boolean;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n};\n\nconst ComposedChart = <T extends object>(props: ComposedChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit = '',\n        dataKey = 'value',\n        lines = [],\n        bars = [],\n        areas = [],\n        referenceLines = [],\n        xAxisOptions,\n        yAxisOptions,\n        additionalAxes = [],\n        gridOptions,\n        containerOptions,\n        showXAxis = true,\n        showYAxis = false,\n        showGrid = false,\n        legend,\n        brush = false,\n        tooltip = true,\n        ...remainingProps\n    } = props;\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsComposedChart\n                width={width}\n                height={height}\n                data={data}\n                margin={{ top: 15, right: 15, left: 15, bottom: 15 }}\n                {...remainingProps}\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 && <RechartsLegend {...legendProps} />}\n\n                {areas.map(area => {\n                    const areaPropsWithDefault = { ...getAreaDefaultProps(), ...area.props };\n                    const { strokeColor, fill, ...remainingAreaProps } = areaPropsWithDefault;\n                    return (\n                        <RechartsArea\n                            {...(remainingAreaProps as Omit<RechartsAreaProps, 'ref'>)}\n                            key={area.key}\n                            stroke={getColor(strokeColor)}\n                            fill={getColor(fill)}\n                        />\n                    );\n                })}\n\n                {bars.map(bar => {\n                    const barPropsWithDefault = { ...getBarDefaultProps(), ...bar.props };\n                    const { color, ...remainingBarProps } = barPropsWithDefault;\n                    const cellColor = color && getColor(color);\n                    return <RechartsBar key={bar.key} unit={dataUnit} {...remainingBarProps} fill={cellColor} />;\n                })}\n\n                {lines.map(line => {\n                    const linePropsWithDefault = { ...getLineDefaultProps(), ...line.props };\n                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;\n                    return (\n                        <RechartsLine\n                            {...(remainingLineProps as Omit<RechartsLineProps, 'ref'>)}\n                            key={line.key}\n                            stroke={getColor(strokeColor)}\n                        />\n                    );\n                })}\n\n                {referenceLines.map(renderReferenceLine)}\n\n                {brush && <Brush stroke={getColor('gray')} />}\n            </RechartsComposedChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default ComposedChart;\n"],"names":["ComposedChart","props","width","height","data","dataUnit","dataKey","lines","bars","areas","referenceLines","xAxisOptions","yAxisOptions","additionalAxes","gridOptions","containerOptions","showXAxis","showYAxis","showGrid","legend","brush","tooltip","remainingProps","tooltipProps","isObject","legendProps","getLegendDefaultProps","jsx","ResponsiveContainer","jsxs","RechartsComposedChart","CartesianGrid","mapGridOptions","RechartsXAxis","RechartsYAxis","renderAxis","ChartTooltip","RechartsLegend","area","areaPropsWithDefault","getAreaDefaultProps","strokeColor","fill","remainingAreaProps","createElement","RechartsArea","getColor","bar","barPropsWithDefault","getBarDefaultProps","color","remainingBarProps","cellColor","RechartsBar","line","linePropsWithDefault","getLineDefaultProps","remainingLineProps","RechartsLine","renderReferenceLine","Brush"],"mappings":"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"}

package/components/charts/Legend.d.ts

@@ -1,5 +1,5 @@
-import type { LegendProps as RechartsLegendProps } from 'recharts';
-import type { Formatter, LegendPayload as RechartsLegendPayload } from 'recharts/types/component/DefaultLegendContent';
+import { LegendProps as RechartsLegendProps } from 'recharts';
+import { Formatter, LegendPayload as RechartsLegendPayload } from 'recharts/types/component/DefaultLegendContent';
 export type LegendFormatter = Formatter;
 export type LegendPayload = RechartsLegendPayload;
 export type LegendPlacement = Partial<Pick<RechartsLegendProps, 'layout' | 'align' | 'verticalAlign' | 'width' | 'height'>>;

package/components/charts/Legend.js

@@ -1,10 +1,12 @@
-export const getLegendDefaultProps = () => ({
-    iconType: 'circle',
-    iconSize: 12,
-    layout: 'vertical',
-    align: 'right',
-    verticalAlign: 'top',
-});
-// Marker only - rendering happens in the chart component
-const Legend = (_props) => null;
-export default Legend;
+const t = () => ({
+  iconType: "circle",
+  iconSize: 12,
+  layout: "vertical",
+  align: "right",
+  verticalAlign: "top"
+}), l = (e) => null;
+export {
+  l as default,
+  t as getLegendDefaultProps
+};
+//# sourceMappingURL=Legend.js.map

package/components/charts/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../src/components/charts/Legend.tsx"],"sourcesContent":["import type { LegendProps as RechartsLegendProps } from 'recharts';\nimport type { Formatter, LegendPayload as RechartsLegendPayload } from 'recharts/types/component/DefaultLegendContent';\n\nexport type LegendFormatter = Formatter;\nexport type LegendPayload = RechartsLegendPayload;\n\nexport type LegendPlacement = Partial<\n    Pick<RechartsLegendProps, 'layout' | 'align' | 'verticalAlign' | 'width' | 'height'>\n>;\n\nexport type LegendContentArgs<T> = {\n    items?: T[];\n    iconSize: number;\n    resolveColor: (entry: T, index: number) => string;\n    placement?: LegendPlacement;\n};\n\nexport type LegendPropsSeries = LegendPlacement &\n    Omit<RechartsLegendProps, 'ref' | 'formatter' | 'content'> & {\n        // Recharts series-based legend: value, payload entry, index\n        formatter?: (value: string | number, entry: LegendPayload, index: number) => React.ReactNode;\n    };\n\nexport type LegendPropsCustom<T = unknown> = LegendPlacement &\n    Omit<RechartsLegendProps, 'ref' | 'formatter' | 'content'> & {\n        items: T[];\n        content: (args: LegendContentArgs<T>) => React.ReactNode;\n    };\n\n// When you use the color from the data object in combination with the \"useDataColor\" from BarChart,\n// you should provide a custom content to render the legend properly.\nexport type LegendProps<T = unknown> = LegendPropsSeries | LegendPropsCustom<T>;\n\nexport const getLegendDefaultProps = () => ({\n    iconType: 'circle',\n    iconSize: 12,\n    layout: 'vertical',\n    align: 'right',\n    verticalAlign: 'top',\n});\n\n// Marker only - rendering happens in the chart component\nconst Legend = <T,>(_props: LegendProps<T>) => null;\n\nexport default Legend;\n"],"names":["getLegendDefaultProps","Legend","_props"],"mappings":"AAiCO,MAAMA,IAAwB,OAAO;AAAA,EACxC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,eAAe;AACnB,IAGMC,IAAS,CAAKC,MAA2B;"}

package/components/charts/Line.d.ts

@@ -1,5 +1,5 @@
-import type { LineProps as RechartsLineProps } from 'recharts';
-import type { CurveType } from 'recharts/types/shape/Curve';
+import { LineProps as RechartsLineProps } from 'recharts';
+import { CurveType } from 'recharts/types/shape/Curve';
 export type LineProps = Omit<RechartsLineProps, 'ref'> & {
     strokeColor?: string;
     dataKey?: string;

package/components/charts/Line.js

@@ -1,10 +1,13 @@
-export const getLineDefaultProps = () => ({
-    dataKey: 'value',
-    unit: '',
-    strokeColor: 'color-coldplay-fountain',
-    legendType: 'square',
-    type: 'monotone',
-    isAnimationActive: true,
-});
-const Line = (props) => null;
-export default Line;
+const o = () => ({
+  dataKey: "value",
+  unit: "",
+  strokeColor: "color-coldplay-fountain",
+  legendType: "square",
+  type: "monotone",
+  isAnimationActive: !0
+}), t = (e) => null;
+export {
+  t as default,
+  o as getLineDefaultProps
+};
+//# sourceMappingURL=Line.js.map

package/components/charts/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sources":["../../../src/components/charts/Line.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport type { LineProps as RechartsLineProps } from 'recharts';\nimport type { CurveType } from 'recharts/types/shape/Curve';\n\nexport type LineProps = Omit<RechartsLineProps, 'ref'> & {\n    strokeColor?: string;\n    dataKey?: string;\n    unit?: string;\n    legendType?: string;\n    type?: CurveType;\n    isAnimationActive?: boolean;\n};\n\nexport const getLineDefaultProps = () => ({\n    dataKey: 'value',\n    unit: '',\n    strokeColor: 'color-coldplay-fountain',\n    legendType: 'square',\n    type: 'monotone',\n    isAnimationActive: true,\n});\n\nconst Line = (props: LineProps) => null;\n\nexport default Line;\n"],"names":["getLineDefaultProps","Line","props"],"mappings":"AAaO,MAAMA,IAAsB,OAAO;AAAA,EACtC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,mBAAmB;AACvB,IAEMC,IAAO,CAACC,MAAqB;"}

package/components/charts/LineChart.d.ts

@@ -1,11 +1,11 @@
-import type React from 'react';
-import { LineChart as RechartsLineChart, type XAxisProps, type YAxisProps, type BrushProps } from 'recharts';
-import { type ChartTooltipProps } from './ChartTooltip';
-import { type LegendProps } from './Legend';
-import { type LineProps } from './Line';
-import { type ReferenceLineProps } from './ReferenceLine';
-import type { GridProps } from './ChartGrid';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
+import { default as React } from 'react';
+import { LineChart as RechartsLineChart, XAxisProps, YAxisProps, BrushProps } from 'recharts';
+import { ChartTooltipProps } from './ChartTooltip';
+import { LegendProps } from './Legend';
+import { LineProps } from './Line';
+import { ReferenceLineProps } from './ReferenceLine';
+import { GridProps } from './ChartGrid';
+import { ResponsiveContainerProps } from './ResponsiveContainer';
 type RechartsLineChartProps = React.ComponentProps<typeof RechartsLineChart>;
 export type LineChartProps<T extends object> = Omit<RechartsLineChartProps, 'data'> & {
     width?: number;

package/components/charts/LineChart.js

@@ -1,21 +1,78 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LineChart as RechartsLineChart, Line as RechartsLine, Legend as RechartsLegend, Brush, CartesianGrid, ResponsiveContainer, XAxis as RechartsXAxis, YAxis as RechartsYAxis, } from 'recharts';
-import { isObject } from 'es-toolkit/compat';
-import { getColor, mapGridOptions } from "./chartHelper.js";
-import ChartTooltip from "./ChartTooltip.js";
-import { getLegendDefaultProps } from "./Legend.js";
-import { renderAxis } from "./XAxis.js";
-import { getLineDefaultProps } from "./Line.js";
-import { renderReferenceLine } from "./ReferenceLine.js";
-const LineChart = (props) => {
-    const { width, height, data = [], dataUnit = '', dataKey = 'value', lines = [], referenceLines = [], xAxisOptions, yAxisOptions, gridOptions, containerOptions, showXAxis = true, showYAxis = false, additionalAxes = [], showGrid = false, legend, brush = false, tooltip = true, brushOptions = {}, ...remainingProps } = props;
-    const tooltipProps = isObject(tooltip) ? tooltip.props : {};
-    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};
-    return (_jsx(ResponsiveContainer, { minHeight: 100, minWidth: 100, initialDimension: { width: 100, height: 100 }, ...containerOptions, children: _jsxs(RechartsLineChart, { width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 }, ...remainingProps, children: [showGrid && _jsx(CartesianGrid, { strokeDasharray: '3 3', ...mapGridOptions(gridOptions) }), _jsx(RechartsXAxis, { hide: !showXAxis, dataKey: dataKey, ...xAxisOptions }), _jsx(RechartsYAxis, { hide: !showYAxis, unit: dataUnit, ...yAxisOptions }), additionalAxes.map(renderAxis), tooltip && _jsx(ChartTooltip, { ...tooltipProps }), legend && _jsx(RechartsLegend, { ...legendProps }), lines.map(line => {
-                    const linePropsWithDefault = { ...getLineDefaultProps(), ...line.props };
-                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;
-                    return (_createElement(RechartsLine, { ...remainingLineProps, key: line.key, stroke: getColor(strokeColor) }));
-                }), referenceLines.map(renderReferenceLine), brush && _jsx(Brush, { ...brushOptions, stroke: getColor('gray') })] }) }));
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import { createElement as R } from "react";
+import { ResponsiveContainer as W, LineChart as X, CartesianGrid as Y, XAxis as B, YAxis as E, Legend as H, Line as K, Brush as T } from "recharts";
+import { isObject as o } from "es-toolkit/compat";
+import { mapGridOptions as U, getColor as s } from "./chartHelper.js";
+import $ from "./ChartTooltip.js";
+import { getLegendDefaultProps as q } from "./Legend.js";
+import { renderAxis as z } from "./XAxis.js";
+import { getLineDefaultProps as F } from "./Line.js";
+import { renderReferenceLine as I } from "./ReferenceLine.js";
+const ie = (n) => {
+  const {
+    width: a,
+    height: p,
+    data: m = [],
+    dataUnit: h = "",
+    dataKey: d = "value",
+    lines: l = [],
+    referenceLines: f = [],
+    xAxisOptions: g,
+    yAxisOptions: c,
+    gridOptions: u,
+    containerOptions: x,
+    showXAxis: L = !0,
+    showYAxis: A = !1,
+    additionalAxes: C = [],
+    showGrid: O = !1,
+    legend: r,
+    brush: P = !1,
+    tooltip: i = !0,
+    brushOptions: k = {},
+    ...y
+  } = n, w = o(i) ? i.props : {}, D = o(r) ? { ...q(), ...r.props } : {};
+  return /* @__PURE__ */ e(
+    W,
+    {
+      minHeight: 100,
+      minWidth: 100,
+      initialDimension: { width: 100, height: 100 },
+      ...x,
+      children: /* @__PURE__ */ v(
+        X,
+        {
+          width: a,
+          height: p,
+          data: m,
+          margin: { top: 15, right: 15, left: 15, bottom: 15 },
+          ...y,
+          children: [
+            O && /* @__PURE__ */ e(Y, { strokeDasharray: "3 3", ...U(u) }),
+            /* @__PURE__ */ e(B, { hide: !L, dataKey: d, ...g }),
+            /* @__PURE__ */ e(E, { hide: !A, unit: h, ...c }),
+            C.map(z),
+            i && /* @__PURE__ */ e($, { ...w }),
+            r && /* @__PURE__ */ e(H, { ...D }),
+            l.map((t) => {
+              const b = { ...F(), ...t.props }, { strokeColor: j, ...G } = b;
+              return /* @__PURE__ */ R(
+                K,
+                {
+                  ...G,
+                  key: t.key,
+                  stroke: s(j)
+                }
+              );
+            }),
+            f.map(I),
+            P && /* @__PURE__ */ e(T, { ...k, stroke: s("gray") })
+          ]
+        }
+      )
+    }
+  );
 };
-export default LineChart;
+export {
+  ie as default
+};
+//# sourceMappingURL=LineChart.js.map

package/components/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sources":["../../../src/components/charts/LineChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    LineChart as RechartsLineChart,\n    Line as RechartsLine,\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 BrushProps,\n    type LineProps as RechartsLineProps,\n} from 'recharts';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getColor, mapGridOptions } from './chartHelper';\nimport ChartTooltip, { type ChartTooltipProps } from './ChartTooltip';\nimport { getLegendDefaultProps, type LegendProps } from './Legend';\nimport { renderAxis } from './XAxis';\nimport { getLineDefaultProps, type LineProps } from './Line';\nimport { renderReferenceLine, type ReferenceLineProps } from './ReferenceLine';\nimport type { GridProps } from './ChartGrid';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\ntype RechartsLineChartProps = React.ComponentProps<typeof RechartsLineChart>;\n\nexport type LineChartProps<T extends object> = Omit<RechartsLineChartProps, '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    lines: React.ReactElement<LineProps>[];\n    referenceLines?: React.ReactElement<ReferenceLineProps>[];\n    xAxisOptions?: XAxisProps;\n    yAxisOptions?: YAxisProps;\n    additionalAxes?: React.ReactElement<XAxisProps | YAxisProps>[];\n    gridOptions?: GridProps;\n    containerOptions?: ResponsiveContainerProps;\n    showXAxis?: boolean;\n    showYAxis?: boolean;\n    showGrid?: boolean;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    brush?: boolean;\n    brushOptions?: BrushProps;\n};\n\nconst LineChart = <T extends object>(props: LineChartProps<T>) => {\n    const {\n        width,\n        height,\n        data = [],\n        dataUnit = '',\n        dataKey = 'value',\n        lines = [],\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        brushOptions = {},\n        ...remainingProps\n    } = props;\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsLineChart\n                width={width}\n                height={height}\n                data={data}\n                margin={{ top: 15, right: 15, left: 15, bottom: 15 }}\n                {...remainingProps}\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 && <RechartsLegend {...legendProps} />}\n\n                {lines.map(line => {\n                    const linePropsWithDefault = { ...getLineDefaultProps(), ...line.props };\n                    const { strokeColor, ...remainingLineProps } = linePropsWithDefault;\n                    return (\n                        <RechartsLine\n                            {...(remainingLineProps as Omit<RechartsLineProps, 'ref'>)}\n                            key={line.key}\n                            stroke={getColor(strokeColor)}\n                        />\n                    );\n                })}\n\n                {referenceLines.map(renderReferenceLine)}\n\n                {brush && <Brush {...brushOptions} stroke={getColor('gray')} />}\n            </RechartsLineChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default LineChart;\n"],"names":["LineChart","props","width","height","data","dataUnit","dataKey","lines","referenceLines","xAxisOptions","yAxisOptions","gridOptions","containerOptions","showXAxis","showYAxis","additionalAxes","showGrid","legend","brush","tooltip","brushOptions","remainingProps","tooltipProps","isObject","legendProps","getLegendDefaultProps","jsx","ResponsiveContainer","jsxs","RechartsLineChart","CartesianGrid","mapGridOptions","RechartsXAxis","RechartsYAxis","renderAxis","ChartTooltip","RechartsLegend","line","linePropsWithDefault","getLineDefaultProps","strokeColor","remainingLineProps","createElement","RechartsLine","getColor","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,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,cAAAC,IAAe,CAAA;AAAA,IACf,GAAGC;AAAA,EAAA,IACHpB,GAEEqB,IAAeC,EAASJ,CAAO,IAAIA,EAAQ,QAAQ,CAAA,GACnDK,IAAcD,EAASN,CAAM,IAAI,EAAE,GAAGQ,EAAA,GAAyB,GAAGR,EAAO,MAAA,IAAU,CAAA;AAEzF,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,UAAU;AAAA,MACV,kBAAkB,EAAE,OAAO,KAAK,QAAQ,IAAA;AAAA,MACvC,GAAGf;AAAA,MAEJ,UAAA,gBAAAgB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACG,OAAA3B;AAAA,UACA,QAAAC;AAAA,UACA,MAAAC;AAAA,UACA,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,GAAA;AAAA,UAC/C,GAAGiB;AAAA,UAEH,UAAA;AAAA,YAAAL,uBAAac,GAAA,EAAc,iBAAgB,OAAO,GAAGC,EAAepB,CAAW,GAAG;AAAA,8BAElFqB,GAAA,EAAc,MAAM,CAACnB,GAAW,SAAAP,GAAmB,GAAGG,GAAc;AAAA,YACrE,gBAAAiB,EAACO,KAAc,MAAM,CAACnB,GAAW,MAAMT,GAAW,GAAGK,GAAc;AAAA,YAElEK,EAAe,IAAImB,CAAU;AAAA,YAE7Bf,KAAW,gBAAAO,EAACS,GAAA,EAAc,GAAGb,EAAA,CAAc;AAAA,YAE3CL,KAAU,gBAAAS,EAACU,GAAA,EAAgB,GAAGZ,EAAA,CAAa;AAAA,YAE3CjB,EAAM,IAAI,CAAA8B,MAAQ;AACf,oBAAMC,IAAuB,EAAE,GAAGC,KAAuB,GAAGF,EAAK,MAAA,GAC3D,EAAE,aAAAG,GAAa,GAAGC,EAAA,IAAuBH;AAC/C,qBACI,gBAAAI;AAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACI,GAAIF;AAAA,kBACL,KAAKJ,EAAK;AAAA,kBACV,QAAQO,EAASJ,CAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGxC,CAAC;AAAA,YAEAhC,EAAe,IAAIqC,CAAmB;AAAA,YAEtC3B,uBAAU4B,GAAA,EAAO,GAAG1B,GAAc,QAAQwB,EAAS,MAAM,EAAA,CAAG;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjE;AAAA,EAAA;AAGZ;"}

package/components/charts/PieChart.d.ts

@@ -1,9 +1,9 @@
-import type React from 'react';
-import { PieChart as RechartsPieChart, type PieProps as RechartPieProps, type PieSectorDataItem as RechartsPieSectorDataItem } from 'recharts';
-import { type DataType } from './chartHelper';
-import { type LegendProps } from './Legend';
-import { type ChartTooltipProps } from './ChartTooltip';
-import type { ResponsiveContainerProps } from './ResponsiveContainer';
+import { default as React } from 'react';
+import { PieChart as RechartsPieChart, PieProps as RechartPieProps, PieSectorDataItem as RechartsPieSectorDataItem } from 'recharts';
+import { DataType } from './chartHelper';
+import { LegendProps } from './Legend';
+import { ChartTooltipProps } from './ChartTooltip';
+import { ResponsiveContainerProps } from './ResponsiveContainer';
 export type PieSectorDataItem = RechartsPieSectorDataItem;
 export type PieChartDataType = DataType;
 export type PieProps = Omit<Partial<RechartPieProps>, 'ref'> & {};

package/components/charts/PieChart.js

@@ -1,30 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PieChart as RechartsPieChart, Legend as RechartsLegend, Pie, Cell, ResponsiveContainer, } from 'recharts';
-import { isFunction } from 'es-toolkit/predicate';
-import { isObject } from 'es-toolkit/compat';
-import { getFromDefaultColors, getColor } from "./chartHelper.js";
-import { getLegendDefaultProps } from "./Legend.js";
-import ChartTooltip, { defaultFormatter } from "./ChartTooltip.js";
-const RADIAN = Math.PI / 180;
-const renderCustomInnerLabel = (dataUnit) => ({ cx = 0, cy = 0, midAngle = 0, innerRadius = 0, outerRadius = 0, value = 0 }) => {
-    const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-    const x = cx + radius * Math.cos(-midAngle * RADIAN);
-    const y = cy + radius * Math.sin(-midAngle * RADIAN);
-    return (_jsx("text", { x: x, y: y, fill: 'white', textAnchor: x > cx ? 'start' : 'end', dominantBaseline: 'central', children: `${value} ${dataUnit}` }));
+import { jsx as e, jsxs as M } from "react/jsx-runtime";
+import { Legend as C, ResponsiveContainer as O, PieChart as y, Pie as K, Cell as N } from "recharts";
+import { isFunction as b } from "es-toolkit/predicate";
+import { isObject as P } from "es-toolkit/compat";
+import { getColor as L, getFromDefaultColors as k } from "./chartHelper.js";
+import { getLegendDefaultProps as B } from "./Legend.js";
+import H, { defaultFormatter as T } from "./ChartTooltip.js";
+const A = Math.PI / 180, U = (d) => ({ cx: n = 0, cy: m = 0, midAngle: i = 0, innerRadius: a = 0, outerRadius: l = 0, value: r = 0 }) => {
+  const o = a + (l - a) * 0.5, s = n + o * Math.cos(-i * A), c = m + o * Math.sin(-i * A);
+  return /* @__PURE__ */ e("text", { x: s, y: c, fill: "white", textAnchor: s > n ? "start" : "end", dominantBaseline: "central", children: `${r} ${d}` });
+}, S = (d) => {
+  const {
+    width: n,
+    height: m,
+    innerRadius: i,
+    outerRadius: a,
+    data: l = [],
+    dataKey: r = "value",
+    dataUnit: o = "",
+    nameKey: s = "name",
+    color: c,
+    filled: u = !1,
+    labels: $ = !0,
+    innerLabels: g = !1,
+    paddingAngle: x = 3,
+    legend: p = /* @__PURE__ */ e(C, {}),
+    tooltip: h = !0,
+    pieOptions: D,
+    containerOptions: R,
+    ...j
+  } = d, v = $ && (g ? U(o) : (t) => `${b(r) ? r(t) : t[r]} ${o}`), w = P(h) ? h.props : {}, F = P(p) ? { ...B(), ...p.props } : {};
+  return /* @__PURE__ */ e(
+    O,
+    {
+      minHeight: 100,
+      minWidth: 100,
+      initialDimension: { width: 100, height: 100 },
+      ...R,
+      children: /* @__PURE__ */ M(y, { width: n, height: m, ...j, children: [
+        p && /* @__PURE__ */ e(
+          C,
+          {
+            formatter: (t, f) => /* @__PURE__ */ e("span", { className: "text-color-darker", children: t }),
+            ...F
+          }
+        ),
+        /* @__PURE__ */ e(
+          K,
+          {
+            data: l,
+            isAnimationActive: !0,
+            nameKey: s,
+            dataKey: r,
+            label: v,
+            innerRadius: u ? 0 : i,
+            outerRadius: a,
+            paddingAngle: u ? 0 : x,
+            labelLine: !g,
+            ...D,
+            children: l.map((t, f) => {
+              const I = L(t.color) || k(f);
+              return /* @__PURE__ */ e(N, { fill: b(c) ? L(c(t)) : I }, `cell-${f}`);
+            })
+          }
+        ),
+        h && /* @__PURE__ */ e(H, { formatter: T(o), ...w })
+      ] })
+    }
+  );
 };
-const PieChart = (props) => {
-    const { width, height, innerRadius, outerRadius, data = [], dataKey = 'value', dataUnit = '', nameKey = 'name', color, filled = false, labels = true, innerLabels = false, paddingAngle = 3, legend = _jsx(RechartsLegend, {}), tooltip = true, pieOptions, containerOptions, ...remainingProps } = props;
-    // biome-ignore lint/suspicious/noExplicitAny: unknown type
-    const renderLabels = (entry) => `${isFunction(dataKey) ? dataKey(entry) : entry[dataKey]} ${dataUnit}`;
-    const pieLabel = labels && (innerLabels ? renderCustomInnerLabel(dataUnit) : renderLabels);
-    const tooltipProps = isObject(tooltip) ? tooltip.props : {};
-    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};
-    return (_jsx(ResponsiveContainer, { minHeight: 100, minWidth: 100, initialDimension: { width: 100, height: 100 }, ...containerOptions, children: _jsxs(RechartsPieChart, { width: width, height: height, ...remainingProps, children: [legend && (_jsx(RechartsLegend, { formatter: (value, _entry) => (_jsx("span", { className: 'text-color-darker', children: value })), ...legendProps })), _jsx(Pie, { data: data, isAnimationActive: true, nameKey: nameKey, dataKey: dataKey, label: pieLabel, 
-                    // cx={Math.max(outerRadius, width / 3)}
-                    // cy={height / 2}
-                    innerRadius: filled ? 0 : innerRadius, outerRadius: outerRadius, paddingAngle: filled ? 0 : paddingAngle, labelLine: !innerLabels, ...pieOptions, children: data.map((entry, index) => {
-                        const cellColor = getColor(entry.color) || getFromDefaultColors(index);
-                        return (_jsx(Cell, { fill: isFunction(color) ? getColor(color(entry)) : cellColor }, `cell-${index}`));
-                    }) }), tooltip && _jsx(ChartTooltip, { formatter: defaultFormatter(dataUnit), ...tooltipProps })] }) }));
+export {
+  S as default
 };
-export default PieChart;
+//# sourceMappingURL=PieChart.js.map

package/components/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sources":["../../../src/components/charts/PieChart.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n    PieChart as RechartsPieChart,\n    Legend as RechartsLegend,\n    Pie,\n    Cell,\n    ResponsiveContainer,\n    type PieProps as RechartPieProps,\n    type PieLabelRenderProps,\n    type PieSectorDataItem as RechartsPieSectorDataItem,\n} from 'recharts';\n\nimport { isFunction } from 'es-toolkit/predicate';\nimport { isObject } from 'es-toolkit/compat';\n\nimport { getFromDefaultColors, getColor, type DataType } from './chartHelper';\nimport { getLegendDefaultProps, type LegendProps } from './Legend';\nimport ChartTooltip, { defaultFormatter, type ChartTooltipProps } from './ChartTooltip';\nimport type { ResponsiveContainerProps } from './ResponsiveContainer';\n\nconst RADIAN = Math.PI / 180;\n\nexport type PieSectorDataItem = RechartsPieSectorDataItem;\n\nexport type PieChartDataType = DataType;\n\nexport type PieProps = Omit<Partial<RechartPieProps>, 'ref'> & {};\n\ntype RechartsPieChartProps = React.ComponentProps<typeof RechartsPieChart>;\n\nexport type PieChartProps<T extends DataType> = Omit<RechartsPieChartProps, 'data'> & {\n    width?: number | string;\n    height?: number | string;\n    innerRadius?: number | string;\n    outerRadius?: number | string;\n    data: T[];\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    dataKey?: string | number | ((obj: T) => any);\n    dataUnit?: string;\n    nameKey?: string;\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    color?: string | ((obj: T) => any);\n    filled?: boolean;\n    labels?: boolean;\n    innerLabels?: boolean;\n    paddingAngle?: number;\n    legend?: React.ReactElement<LegendProps> | boolean;\n    tooltip?: React.ReactElement<ChartTooltipProps> | boolean;\n    pieOptions?: PieProps;\n    containerOptions?: ResponsiveContainerProps;\n};\n\nconst renderCustomInnerLabel =\n    (dataUnit: string) =>\n    ({ cx = 0, cy = 0, midAngle = 0, innerRadius = 0, outerRadius = 0, value = 0 }: PieLabelRenderProps) => {\n        const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n        const x = cx + radius * Math.cos(-midAngle * RADIAN);\n        const y = cy + radius * Math.sin(-midAngle * RADIAN);\n\n        return (\n            <text x={x} y={y} fill='white' textAnchor={x > cx ? 'start' : 'end'} dominantBaseline='central'>\n                {`${value} ${dataUnit}`}\n            </text>\n        );\n    };\n\nconst PieChart = <T extends DataType>(props: PieChartProps<T>) => {\n    const {\n        width,\n        height,\n        innerRadius,\n        outerRadius,\n        data = [],\n        dataKey = 'value',\n        dataUnit = '',\n        nameKey = 'name',\n        color,\n        filled = false,\n        labels = true,\n        innerLabels = false,\n        paddingAngle = 3,\n        legend = <RechartsLegend />,\n        tooltip = true,\n        pieOptions,\n        containerOptions,\n        ...remainingProps\n    } = props;\n\n    // biome-ignore lint/suspicious/noExplicitAny: unknown type\n    const renderLabels = (entry: any) => `${isFunction(dataKey) ? dataKey(entry) : entry[dataKey]} ${dataUnit}`;\n\n    const pieLabel = labels && (innerLabels ? renderCustomInnerLabel(dataUnit) : renderLabels);\n\n    const tooltipProps = isObject(tooltip) ? tooltip.props : {};\n    const legendProps = isObject(legend) ? { ...getLegendDefaultProps(), ...legend.props } : {};\n\n    return (\n        <ResponsiveContainer\n            minHeight={100}\n            minWidth={100}\n            initialDimension={{ width: 100, height: 100 }}\n            {...containerOptions}\n        >\n            <RechartsPieChart width={width} height={height} {...remainingProps}>\n                {legend && (\n                    <RechartsLegend\n                        formatter={(value: number | string, _entry: unknown) => (\n                            <span className='text-color-darker'>{value}</span>\n                        )}\n                        {...legendProps}\n                    />\n                )}\n\n                <Pie\n                    data={data}\n                    isAnimationActive\n                    nameKey={nameKey}\n                    dataKey={dataKey}\n                    label={pieLabel}\n                    // cx={Math.max(outerRadius, width / 3)}\n                    // cy={height / 2}\n                    innerRadius={filled ? 0 : innerRadius}\n                    outerRadius={outerRadius}\n                    paddingAngle={filled ? 0 : paddingAngle}\n                    labelLine={!innerLabels}\n                    {...pieOptions}\n                >\n                    {data.map((entry, index) => {\n                        const cellColor = getColor(entry.color) || getFromDefaultColors(index);\n                        return (\n                            <Cell key={`cell-${index}`} fill={isFunction(color) ? getColor(color(entry)) : cellColor} />\n                        );\n                    })}\n                </Pie>\n\n                {tooltip && <ChartTooltip formatter={defaultFormatter(dataUnit)} {...tooltipProps} />}\n            </RechartsPieChart>\n        </ResponsiveContainer>\n    );\n};\n\nexport default PieChart;\n"],"names":["RADIAN","renderCustomInnerLabel","dataUnit","cx","cy","midAngle","innerRadius","outerRadius","value","radius","x","y","PieChart","props","width","height","data","dataKey","nameKey","color","filled","labels","innerLabels","paddingAngle","legend","RechartsLegend","tooltip","pieOptions","containerOptions","remainingProps","pieLabel","entry","isFunction","tooltipProps","isObject","legendProps","getLegendDefaultProps","jsx","ResponsiveContainer","jsxs","RechartsPieChart","_entry","Pie","index","cellColor","getColor","getFromDefaultColors","Cell","ChartTooltip","defaultFormatter"],"mappings":"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"}