@rio-cloud/rio-uikit 2.3.0-beta.1 → 2.3.0-beta.3

package/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalysisOverlay.js","sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\ntype AnalyticsAnalysisOverlayProps = {\n    overlayBackgroundOpacity?: number;\n    bannerStartCoordinates?: {\n        top: number;\n        left: number;\n    };\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n    const { draggableRef, isDragging, position, onDragHandlePointerDown } = useDraggableElement<HTMLDivElement>();\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${startTop}px`,\n                left: `${startLeft}px`,\n            }\n          : {\n                top: '70px',\n                left: '50%',\n                transform: 'translateX(-50%)',\n            };\n\n    return (\n        <AnalyticsAnalysisBanner\n            host={metadataBannerHost}\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandlePointerDown={onDragHandlePointerDown}\n        />\n    );\n};\n"],"names":["AnalyticsAnalysisOverlay","props","overlayBackgroundOpacity","bannerStartCoordinates","normalizedOverlayBackgroundOpacity","startTop","startLeft","hasCustomStartCoordinates","analyticsLookup","setAnalyticsLookup","useState","analyticsDateRangeLabel","setAnalyticsDateRangeLabel","analyticsTotalUsers","setAnalyticsTotalUsers","loadedCsvName","setLoadedCsvName","showOverlayDetails","setShowOverlayDetails","showOverlayLabelText","setShowOverlayLabelText","draggableRef","isDragging","position","onDragHandlePointerDown","useDraggableElement","metadataBannerHost","useAnalyticsOverlayDom","handleCsvPick","useCallback","files","csvFiles","file","selectedFile","csvRaw","hasRequiredAnalyticsHeaderRow","Notification","uploads","analysisData","buildAnalyticsAnalysisData","handleClearCsv","bannerStyle","jsx","AnalyticsAnalysisBanner","previousState"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalysisOverlay.js","sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\nconst DEFAULT_BANNER_POSITION = {\n    top: '70px',\n    left: '50%',\n    transform: 'translateX(-50%)',\n};\n\ntype AnalysisBannerPosition = {\n    /**\n     * Initial top offset in pixels relative to the viewport.\n     */\n    top: number;\n\n    /**\n     * Initial left offset in pixels relative to the viewport.\n     */\n    left: number;\n};\n\ntype AnalyticsAnalysisOverlayProps = {\n    /**\n     * Opacity of the fullscreen analytics overlay backdrop.\n     * Values are clamped to the range `0` to `1`.\n     *\n     * @default 0.5\n     */\n    overlayBackgroundOpacity?: number;\n\n    /**\n     * Optional initial viewport coordinates for the draggable analytics banner.\n     * When omitted, the banner starts at `top: 70px`, `left: 50%` with `translateX(-50%)`.\n     *\n     * @default undefined\n     */\n    bannerStartCoordinates?: AnalysisBannerPosition;\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n\n    const initialPosition = hasCustomStartCoordinates ? { top: startTop, left: startLeft } : undefined;\n\n    const { draggableRef, isDragging, position, onDragHandleDown, renderElement } = useDraggableElement({\n        initialPosition,\n    });\n\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${position.top}px`,\n                left: `${position.left}px`,\n            }\n          : DEFAULT_BANNER_POSITION;\n\n    return renderElement(\n        <AnalyticsAnalysisBanner\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandleDown={onDragHandleDown}\n        />,\n        metadataBannerHost\n    );\n};\n"],"names":["DEFAULT_BANNER_POSITION","AnalyticsAnalysisOverlay","props","overlayBackgroundOpacity","bannerStartCoordinates","normalizedOverlayBackgroundOpacity","startTop","startLeft","hasCustomStartCoordinates","analyticsLookup","setAnalyticsLookup","useState","analyticsDateRangeLabel","setAnalyticsDateRangeLabel","analyticsTotalUsers","setAnalyticsTotalUsers","loadedCsvName","setLoadedCsvName","showOverlayDetails","setShowOverlayDetails","showOverlayLabelText","setShowOverlayLabelText","initialPosition","draggableRef","isDragging","position","onDragHandleDown","renderElement","useDraggableElement","metadataBannerHost","useAnalyticsOverlayDom","handleCsvPick","useCallback","files","csvFiles","file","selectedFile","csvRaw","hasRequiredAnalyticsHeaderRow","Notification","uploads","analysisData","buildAnalyticsAnalysisData","handleClearCsv","bannerStyle","jsx","AnalyticsAnalysisBanner","previousState"],"mappings":"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"}

package/components/assetTree/Tree.js

@@ -1,6 +1,6 @@
 import { jsxs as R, jsx as n } from "react/jsx-runtime";
 import pt, { useReducer as mt, useRef as E, useCallback as pe, useEffect as F } from "react";
-import { noop as k, size as y, isEmpty as u, filter as H, cond as q, stubTrue as Z, map as Y, flow as ht, omit as ft, find as gt, without as St } from "es-toolkit/compat";
+import { noop as k, size as y, isEmpty as u, filter as H, cond as q, stubTrue as Z, map as Y, flow as ht, find as ft, without as gt, omit as St } from "es-toolkit/compat";
 import { isNil as It, isEqual as W } from "es-toolkit/predicate";
 import me from "../../utils/classNames.js";
 import Tt from "./TreeSearch.js";
@@ -13,15 +13,15 @@ import fe from "./TreeNothingFound.js";
 import Ct from "./TreeOptions.js";
 import At from "./TreeRoot.js";
 import xt from "./TypeCounter.js";
-import { notEmpty as S, notEqual as K, getTypeCounts as ge, debounceFn as Nt, filterOutByItemId as Q, filterAssetByType as Et, getMappedItemsToGroups as Ft, sortGroupsByName as vt, sortGroupItemsByName as bt, filterEmptyGroups as Lt, getFlatItems as Ot, containsItemById as Vt, addOrRemoveFromList as Rt, excludeFromList as kt, getListIds as Se } from "./treeUtils.js";
+import { notEqual as K, getTypeCounts as ge, debounceFn as Nt, filterOutByItemId as Q, filterAssetByType as Et, notEmpty as S, containsItemById as Ft, addOrRemoveFromList as vt, getMappedItemsToGroups as bt, sortGroupsByName as Lt, sortGroupItemsByName as Ot, filterEmptyGroups as Vt, getFlatItems as Rt, excludeFromList as kt, getListIds as Se } from "./treeUtils.js";
 import { getSubTypeCounts as xs } from "./treeUtils.js";
-import { treeReducer as Ht, assetCounted as Ie, allCheckedChanged as v, visibleTypeCountersChanged as wt, emptyGroupsChanged as zt, groupedItemsChanged as $t, flatItemsChanged as Pt, searchValueChanged as Bt, typeFilterChanged as jt } from "./treeReducer.js";
+import { treeReducer as Ht, assetCounted as Ie, allCheckedChanged as v, visibleTypeCountersChanged as wt, searchValueChanged as zt, typeFilterChanged as $t, emptyGroupsChanged as Pt, groupedItemsChanged as Bt, flatItemsChanged as jt } from "./treeReducer.js";
 import { useTreeVirtualization as Dt } from "./useTreeVirtualization.js";
 import { useTreeExpansion as Mt } from "./useTreeExpansion.js";
 import { useTreeHeight as Ut } from "./useTreeHeight.js";
 import { useTreeScrollPosition as _t } from "./useTreeScrollPosition.js";
 import qt from "../smoothScrollbars/SmoothScrollbars.js";
-const Te = (I) => ft(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChange", "onSelectionChange", "treeOptions"]), Zt = (I, c) => W(Te(I), Te(c)), Yt = 50, Jt = 5, Gs = pt.memo((I) => {
+const Te = (I) => St(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChange", "onSelectionChange", "treeOptions"]), Zt = (I, c) => W(Te(I), Te(c)), Yt = 50, Jt = 5, Gs = pt.memo((I) => {
   const {
     groups: c = [],
     items: m = [],
@@ -134,18 +134,18 @@ const Te = (I) => ft(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChan
       groups: t
     });
   }, ae = (e, t) => {
-    const s = e.id, a = !i.includes(s) && !t ? [...i, s] : kt(i, s), h = gt(o.groupedItems, (_) => _.id === s), p = Y(h?.items, (_) => _.id), N = St(f, ...p), O = c.length, M = b ? 0 : o.emptyGroups.length, V = O - M === a.length;
+    const s = e.id, a = !i.includes(s) && !t ? [...i, s] : kt(i, s), h = ft(o.groupedItems, (_) => _.id === s), p = Y(h?.items, (_) => _.id), N = gt(f, ...p), O = c.length, M = b ? 0 : o.emptyGroups.length, V = O - M === a.length;
     d(v(V)), A(N, a);
   }, De = (e) => {
-    Fe(e), d(Bt(e)), g && setTimeout(() => {
+    Fe(e), d(zt(e)), g && setTimeout(() => {
       ke();
     }, 10);
   }, Me = (e, t) => {
-    const s = Ot(e, t);
-    d(Pt(s));
+    const s = Rt(e, t);
+    d(jt(s));
   }, Ue = (e, t, s) => {
-    const r = Ft(e, t), l = ht(vt, bt)(r), a = s ? l : Lt(l), h = H(l, (p) => u(p.items));
-    d(zt(h)), d(Ie(ge(m))), d($t(a));
+    const r = bt(e, t), l = ht(Lt, Ot)(r), a = s ? l : Vt(l), h = H(l, (p) => u(p.items));
+    d(Pt(h)), d(Ie(ge(m))), d(Bt(a));
   }, L = (e, t) => {
     const s = o.searchValue, r = o.typeFilter, l = e, a = t, h = (V) => V && S(V), p = () => u(s) && h(l), N = () => S(s) && h(l), O = u(r) ? a : Et(a, r), M = () => Ue(l, O, b), U = () => Me(O, s);
     q([
@@ -238,7 +238,7 @@ const Te = (I) => ft(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChan
   }, qe = () => {
     const { groupedItems: e } = o;
     return u(e) ? /* @__PURE__ */ n(fe, {}) : D.length > te ? ie() : Y(e, (s) => {
-      const r = s.id, l = s.items, a = le?.includes(r) ?? !1, h = H(l, Vt(f)).length, p = i.includes(r), N = !p && h > 0;
+      const r = s.id, l = s.items, a = le?.includes(r) ?? !1, h = H(l, Ft(f)).length, p = i.includes(r), N = !p && h > 0;
       return /* @__PURE__ */ R(w, { groupId: r, isOpen: a, disableAnimation: x, children: [
         /* @__PURE__ */ n(
           he,
@@ -285,8 +285,8 @@ const Te = (I) => ft(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChan
     [() => C() && !T(), () => qe()],
     [Z, () => Ze()]
   ])(), nt = (e) => {
-    const t = Rt(o.typeFilter, e);
-    d(jt(t)), Oe(t);
+    const t = vt(o.typeFilter, e);
+    d($t(t)), Oe(t);
   }, lt = y(o.visibleTypeCounters) !== 1, ct = S(o.typeFilter), at = !Ce, it = !et, dt = !Ge, ut = !Ne, ue = !It(X);
   return /* @__PURE__ */ R("div", { ...Re, className: st, ref: se, children: [
     /* @__PURE__ */ R("div", { className: "TreeHeader", children: [

package/components/charts/Area.d.ts

@@ -1,8 +1,9 @@
 import { AreaProps as RechartsAreaProps } from 'recharts';
 import { CurveType } from 'recharts/types/shape/Curve';
-export type AreaProps<T = any> = Omit<RechartsAreaProps, 'ref'> & {
+export type AreaProps<T = unknown> = Omit<RechartsAreaProps<T, unknown>, 'ref' | 'dataKey'> & {
     strokeColor?: string;
-    dataKey?: string | number | ((obj: T) => any);
+    fill?: string;
+    dataKey?: string | number | ((obj: T) => unknown);
     unit?: string;
     legendType?: string;
     type?: CurveType;
@@ -12,9 +13,10 @@ export declare const getAreaDefaultProps: () => {
     dataKey: string;
     unit: string;
     strokeColor: string;
+    fill: string;
     legendType: string;
     type: string;
     isAnimationActive: boolean;
 };
-declare const Area: (props: AreaProps) => null;
+declare const Area: (_props: AreaProps) => null;
 export default Area;

package/components/charts/Area.js

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

package/components/charts/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","sources":["../../../src/components/charts/Area.tsx"],"sourcesContent":["import type { AreaProps as RechartsAreaProps } from 'recharts';\nimport type { CurveType } from 'recharts/types/shape/Curve';\n\n// biome-ignore lint/suspicious/noExplicitAny: be less restrictive here\nexport type AreaProps<T = any> = Omit<RechartsAreaProps, 'ref'> & {\n    strokeColor?: string;\n    // biome-ignore lint/suspicious/noExplicitAny: see above\n    dataKey?: string | number | ((obj: T) => any);\n    unit?: string;\n    legendType?: string;\n    type?: CurveType;\n    isAnimationActive?: boolean;\n};\n\nexport const getAreaDefaultProps = () => ({\n    dataKey: 'value',\n    unit: '',\n    strokeColor: 'color-coldplay-fountain',\n    legendType: 'square',\n    type: 'monotone',\n    isAnimationActive: true,\n});\n\nconst Area = (props: AreaProps) => null;\n\nexport default Area;\n"],"names":["getAreaDefaultProps","Area","props"],"mappings":"AAcO,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;"}
+{"version":3,"file":"Area.js","sources":["../../../src/components/charts/Area.tsx"],"sourcesContent":["import type { AreaProps as RechartsAreaProps } from 'recharts';\nimport type { CurveType } from 'recharts/types/shape/Curve';\n\nexport type AreaProps<T = unknown> = Omit<RechartsAreaProps<T, unknown>, 'ref' | 'dataKey'> & {\n    strokeColor?: string;\n    fill?: string;\n    dataKey?: string | number | ((obj: T) => unknown);\n    unit?: string;\n    legendType?: string;\n    type?: CurveType;\n    isAnimationActive?: boolean;\n};\n\nexport const getAreaDefaultProps = () => ({\n    dataKey: 'value',\n    unit: '',\n    strokeColor: 'color-coldplay-fountain',\n    fill: 'color-coldplay-fountain',\n    legendType: 'square',\n    type: 'monotone',\n    isAnimationActive: true,\n});\n\nconst Area = (_props: AreaProps) => null;\n\nexport default Area;\n"],"names":["getAreaDefaultProps","Area","_props"],"mappings":"AAaO,MAAMA,IAAsB,OAAO;AAAA,EACtC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,aAAa;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,mBAAmB;AACvB,IAEMC,IAAO,CAACC,MAAsB;"}

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, '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":"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"}
+{"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":"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"}

package/components/charts/ComposedChart.js.map

@@ -1 +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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"}
+{"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<unknown, unknown>, '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/clearableInput/ClearableInput.d.ts

@@ -148,6 +148,25 @@ export type ClearableInputProps = {
      * Note, this function may not be an empty function, otherwise the mask selection won't work
      */
     maskDispatch?: (appended: string, dynamicMasked: any) => any;
+    /**
+     * Pattern used by IMask date masks.
+     *
+     * @example
+     * 'Y-m-d'
+     */
+    pattern?: string;
+    /**
+     * Formats a typed date value to the masked string representation.
+     */
+    format?: (value: Date | null, masked: unknown) => string;
+    /**
+     * Parses the masked string representation back to a typed date value.
+     */
+    parse?: (value: string, masked: unknown) => Date | null;
+    /**
+     * Enables IMask autofix behavior for date and number masks.
+     */
+    autofix?: boolean | 'pad';
     /**
      * Controls when the mask pattern is visible.
      *
@@ -182,6 +201,17 @@ export type ClearableInputProps = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Makes the input read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Controls whether the clear button is rendered.
+     * This might be useful to reuse this component for other use-cases.
+     *
+     * @default true
+     */
+    showClearButton?: boolean;
     /**
      * Additional classes to be set on the input element.
      */

package/components/clearableInput/ClearableInput.js

@@ -1,58 +1,60 @@
-import { jsxs as ue, jsx as i } from "react/jsx-runtime";
-import { forwardRef as ce, useState as d, useRef as pe } from "react";
-import { omit as me, isEmpty as fe } from "es-toolkit/compat";
-import { isNil as de, isFunction as he } from "es-toolkit/predicate";
+import { jsxs as pe, jsx as u } from "react/jsx-runtime";
+import { forwardRef as me, useState as d, useRef as fe } from "react";
+import { omit as de, isEmpty as he } from "es-toolkit/compat";
+import { isNil as Ce, isFunction as ge } from "es-toolkit/predicate";
 import { noop as t } from "es-toolkit/function";
-import { IMaskInput as ge } from "react-imask";
+import { IMaskInput as ve } from "react-imask";
 import h from "../../utils/classNames.js";
-import ve from "../../hooks/usePrevious.js";
-import Ce from "../../hooks/useMergeRefs.js";
-const R = "text", ke = ["text", "password", "email"], T = (u) => !fe(`${u}`), Te = ce((u, g) => {
+import ke from "../../hooks/usePrevious.js";
+import ye from "../../hooks/useMergeRefs.js";
+const R = "text", Ie = ["text", "password", "email"], T = (i) => !he(`${i}`), De = me((i, C) => {
   const {
-    type: B = R,
-    defaultValue: D,
+    type: D = R,
+    defaultValue: M,
     value: s,
-    maxLength: M,
-    tabIndex: S = 0,
+    showClearButton: g = !0,
+    maxLength: S,
+    tabIndex: O = 0,
     hasError: L = !1,
     inputRef: v,
-    autoComplete: O,
-    onChange: n = t,
-    onBlur: _ = t,
-    onFocus: j = t,
-    onClear: C = t,
-    onKeyPress: A = t,
-    onClick: K = t,
-    mask: k,
-    maskPlaceholder: U = "_",
-    maskVisibility: Y = "always",
-    maskOverwrite: z = !0,
-    maskDefinitions: $,
-    maskDispatch: y,
-    inputClassName: q = "",
+    autoComplete: _,
+    onChange: a = t,
+    onBlur: j = t,
+    onFocus: A = t,
+    onClear: k = t,
+    onKeyPress: K = t,
+    onClick: U = t,
+    mask: y,
+    maskPlaceholder: Y = "_",
+    maskVisibility: z = "always",
+    maskOverwrite: $ = !0,
+    maskDefinitions: q,
+    maskDispatch: I,
+    inputClassName: G = "",
     disabled: c = !1,
-    className: I = "",
+    readOnly: H = !1,
+    className: P = "",
     children: p,
-    ...G
-  } = u, P = s || D || "", [b, H] = d(P), [w, J] = d(T(P)), [N, V] = d(!1), x = !de(s), o = pe(null), Q = Ce(o, v, g), r = !!k, W = () => {
-    switch (Y) {
+    ...J
+  } = i, w = s || M || "", [b, Q] = d(w), [N, W] = d(T(w)), [V, x] = d(!1), B = !Ce(s), o = fe(null), X = ye(o, v, C), r = !!y, Z = () => {
+    switch (z) {
       case "always":
         return !0;
       case "onFocus":
-        return N;
+        return V;
       case "never":
         return !1;
       default:
-        return N;
+        return V;
     }
   }, l = (e = "") => {
-    b !== e && (H(e), J(T(e)));
+    b !== e && (Q(e), W(T(e)));
   };
-  ve(s) !== s && l(s);
-  const X = (e) => {
-    const a = e.target.value;
-    x || l(a), n(a, e);
-  }, Z = (e, a, Ie) => {
+  ke(s) !== s && l(s);
+  const ee = (e) => {
+    const n = e.target.value;
+    B || l(n), a(n, e);
+  }, te = (e, n, we) => {
     if (!o.current)
       return;
     const f = {
@@ -73,66 +75,67 @@ const R = "text", ke = ["text", "password", "email"], T = (u) => !fe(`${u}`), Te
       type: "change",
       timeStamp: Date.now()
     };
-    f.target.unmaskedValue = a.unmaskedValue, x || l(e), n(e, f);
-  }, ee = (e) => {
-    V(!0), j(e);
-  }, te = (e) => {
-    V(!1), _(e);
+    f.target.unmaskedValue = n.unmaskedValue, B || l(e), a(e, f);
   }, se = (e) => {
-    A(e);
+    x(!0), A(e);
+  }, ae = (e) => {
+    x(!1), j(e);
   }, ne = (e) => {
-    l(""), n("", e), C && C(e);
-  }, ae = h(
+    K(e);
+  }, oe = (e) => {
+    l(""), a("", e), k && k(e);
+  }, re = h(
     "ClearableInput",
     "input-group",
     L && "has-error",
     c && "pointer-events-none",
-    I && I
-  ), oe = h(
+    P && P
+  ), le = h(
     "form-control",
-    q,
-    w && "withClearButton",
+    G,
+    N && g && "withClearButton",
     r && "withInputMask",
     c && "disabled"
-  ), re = h("clearButton", !w && "hide"), E = B?.toLowerCase(), le = ke.indexOf(E) !== -1 ? E : R, m = {
-    ...me(G, ["value", "defaultValue", "onClear"]),
-    className: oe,
-    autoComplete: O,
-    type: le,
+  ), ue = h("clearButton", (!N || !g) && "hide"), E = D?.toLowerCase(), ie = Ie.indexOf(E) !== -1 ? E : R, m = {
+    ...de(J, ["value", "defaultValue", "onClear"]),
+    className: le,
+    autoComplete: _,
+    type: ie,
     value: b,
-    onKeyPress: se,
-    onBlur: te,
-    onFocus: ee,
-    onChange: r ? void 0 : X,
+    onKeyPress: ne,
+    onBlur: ae,
+    onFocus: se,
+    onChange: r ? void 0 : ee,
     // In case of masked input, the onAccept callback is used
-    onClick: K,
+    onClick: U,
     disabled: c,
-    maxLength: r ? void 0 : M,
-    tabIndex: S
+    readOnly: H,
+    maxLength: r ? void 0 : S,
+    tabIndex: O
   }, F = {};
-  y && (F.dispatch = y);
-  const ie = r ? /* @__PURE__ */ i(
-    ge,
+  I && (F.dispatch = I);
+  const ce = r ? /* @__PURE__ */ u(
+    ve,
     {
       ...m,
-      inputRef: Q,
-      mask: k,
-      definitions: $,
+      inputRef: X,
+      mask: y,
+      definitions: q,
       ...F,
-      placeholderChar: U,
-      onAccept: Z,
-      lazy: !W(),
-      overwrite: z
+      placeholderChar: Y,
+      onAccept: te,
+      lazy: !Z(),
+      overwrite: $
     }
-  ) : /* @__PURE__ */ i("input", { ...m, ref: v || g });
-  return /* @__PURE__ */ ue("div", { className: ae, children: [
-    p && he(p) ? p(m) : ie,
-    /* @__PURE__ */ i("span", { className: re, onClick: ne, children: /* @__PURE__ */ i("span", { className: "clearButtonIcon rioglyph rioglyph-remove-sign" }) })
+  ) : /* @__PURE__ */ u("input", { ...m, ref: v || C });
+  return /* @__PURE__ */ pe("div", { className: re, children: [
+    p && ge(p) ? p(m) : ce,
+    /* @__PURE__ */ u("span", { className: ue, onClick: oe, children: /* @__PURE__ */ u("span", { className: "clearButtonIcon rioglyph rioglyph-remove-sign" }) })
   ] });
 });
 export {
   R as DEFAULT_TYPE,
-  ke as SUPPORTED_TYPES,
-  Te as default
+  Ie as SUPPORTED_TYPES,
+  De as default
 };
 //# sourceMappingURL=ClearableInput.js.map