@once-ui-system/core 1.0.0

package/dist/modules/code/CodeBlock.module.scss

@@ -0,0 +1,43 @@
+.pre {
+    display: flex;
+    isolation: isolate;
+    font-family: var(--font-family-code);
+    color: var(--neutral-on-background-strong);
+    font-size: var(--font-size-body-s);
+    white-space: pre;
+    width: 100%;
+    tab-size: 2;
+    margin: 0;
+    height: fit-content;
+    width: 100%;
+    min-height: var(--static-space-32);
+    tab-size: 2;
+    line-height: 1.75;
+}
+
+.padding {
+    padding: var(--static-space-8);
+}
+
+.lineNumberPadding {
+    padding: var(--static-space-8) var(--static-space-8) var(--static-space-8) var(--static-space-40);
+}
+
+.code {
+    flex: 1;
+    width: 100%;
+    margin: auto;
+    padding: 0 var(--static-space-12);
+    font-family: inherit;
+}
+
+.fullscreen {
+    position: fixed;
+    left: var(--static-space-8);
+    top: var(--static-space-8);
+    right: var(--static-space-8);
+    bottom: var(--static-space-8);
+    width: calc(100% - var(--static-space-16)) !important;
+    height: calc(100% - var(--static-space-16)) !important;
+    z-index: 9;
+}

package/dist/modules/code/CodeHighlight.css

@@ -0,0 +1,99 @@
+.token.plain-text {
+  color: var(--neutral-on-background-strong);
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: var(--code-moss);
+}
+
+.token.punctuation {
+  color: var(--code-gray);
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: var(--code-aqua);
+}
+
+.token.boolean,
+.token.number {
+  color: var(--code-green);
+}
+
+.token.attr-name {
+  color: var(--code-orange);
+}
+
+.token.selector,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: var(--code-blue);
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: var(--code-gray);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: var(--code-violet);
+}
+
+.token.function,
+.token.class-name {
+  color: var(--code-blue);
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: var(--code-orange);
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+@media print {
+  .line-highlight {
+    print-color-adjust: exact;
+    color-adjust: exact;
+  }
+}
+
+.line-highlight {
+  position: absolute;
+  background-color: var(--brand-alpha-weak);
+  border-left: 2px solid var(--brand-alpha-strong);
+  width: 100%;
+  left: 0;
+  margin-top: var(--static-space-8);
+  z-index: 0;
+}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+  content: none;
+}

package/dist/modules/code/LineNumber.css

@@ -0,0 +1,34 @@
+.line-numbers {
+  position: relative;
+  counter-reset: linenumber;
+}
+
+.line-numbers > code {
+  position: relative;
+  white-space: inherit;
+}
+
+.line-numbers-rows {
+  padding-right: var(--static-space-4);
+  left: calc(-1 * var(--static-space-40));
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  font-size: 100%;
+  width: var(--static-space-48);
+  user-select: none;
+}
+
+.line-numbers-rows > span {
+  display: block;
+  counter-increment: linenumber;
+}
+
+.line-numbers-rows > span:before {
+  content: counter(linenumber);
+  color: var(--neutral-on-background-weak);
+  display: block;
+  padding-right: var(--static-space-8);
+  text-align: right;
+  transform: scale(0.9);
+}

package/dist/modules/data/BarChart.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ChartProps, barWidth } from ".";
+interface BarChartProps extends ChartProps {
+    barWidth?: barWidth;
+    hover?: boolean;
+    "data-viz-style"?: string;
+}
+declare const BarChart: React.FC<BarChartProps>;
+export { BarChart };
+export type { BarChartProps };
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/modules/data/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,OAAO,EACL,UAAU,EAOV,QAAQ,EACT,MAAM,GAAG,CAAC;AAGX,UAAU,aAAc,SAAQ,UAAU;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmQrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/modules/data/BarChart.js

@@ -0,0 +1,180 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const formatDate_1 = require("./utils/formatDate");
+const recharts_1 = require("recharts");
+const components_1 = require("../../components");
+const colorDistribution_1 = require("./utils/colorDistribution");
+const _1 = require(".");
+const DataThemeProvider_1 = require("../../contexts/DataThemeProvider");
+const BarChart = (_a) => {
+    var { title, description, data, series, date, emptyState, loading = false, legend: legendProp = {}, axis = "both", border = "neutral-medium", variant: variantProp, barWidth = "l", hover = false, "data-viz-style": dataVizStyle } = _a, flex = __rest(_a, ["title", "description", "data", "series", "date", "emptyState", "loading", "legend", "axis", "border", "variant", "barWidth", "hover", "data-viz-style"]);
+    const { chart } = (0, DataThemeProvider_1.useDataTheme)();
+    const variant = variantProp || chart.variant;
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "top-left",
+        direction: legendProp.direction,
+    };
+    const [selectedDateRange, setSelectedDateRange] = (0, react_1.useState)((date === null || date === void 0 ? void 0 : date.start) && (date === null || date === void 0 ? void 0 : date.end)
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    (0, react_1.useEffect)(() => {
+        if ((date === null || date === void 0 ? void 0 : date.start) && (date === null || date === void 0 ? void 0 : date.end)) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date === null || date === void 0 ? void 0 : date.start, date === null || date === void 0 ? void 0 : date.end]);
+    const handleDateRangeChange = (newRange) => {
+        setSelectedDateRange(newRange);
+        if (date === null || date === void 0 ? void 0 : date.onChange) {
+            date.onChange(newRange);
+        }
+    };
+    const seriesArray = Array.isArray(series) ? series : series ? [series] : [];
+    const seriesKeys = seriesArray.map((s) => s.key);
+    const chartId = react_1.default.useMemo(() => Math.random().toString(36).substring(2, 9), []);
+    const coloredSeriesArray = seriesArray.map((s, index) => (Object.assign(Object.assign({}, s), { color: s.color || (0, colorDistribution_1.getDistributedColor)(index, seriesArray.length) })));
+    const xAxisKey = Object.keys(data[0] || {}).find((key) => !seriesKeys.includes(key)) || "name";
+    const autoKeys = Object.keys(data[0] || {}).filter((key) => key !== xAxisKey);
+    const autoSeries = seriesArray.length > 0
+        ? coloredSeriesArray
+        : autoKeys.map((key, index) => ({
+            key,
+            color: (0, colorDistribution_1.getDistributedColor)(index, autoKeys.length),
+        }));
+    const barColors = autoSeries.map((s) => `var(--data-${s.color})`);
+    const filteredData = react_1.default.useMemo(() => {
+        if (!selectedDateRange || !data || data.length === 0) {
+            return data;
+        }
+        return data.filter((item) => {
+            try {
+                if (!item[xAxisKey] || !selectedDateRange.startDate || !selectedDateRange.endDate) {
+                    return true;
+                }
+                const itemDate = typeof item[xAxisKey] === "string"
+                    ? new Date(item[xAxisKey])
+                    : item[xAxisKey];
+                return itemDate >= selectedDateRange.startDate && itemDate <= selectedDateRange.endDate;
+            }
+            catch (e) {
+                return true;
+            }
+        });
+    }, [data, selectedDateRange, xAxisKey]);
+    return ((0, jsx_runtime_1.jsxs)(components_1.Column, Object.assign({ fillWidth: true, height: chart.height, border: border, radius: "l", "data-viz-style": dataVizStyle || chart.mode }, flex, { children: [(0, jsx_runtime_1.jsx)(_1.ChartHeader, { title: title, description: description, borderBottom: border, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date === null || date === void 0 ? void 0 : date.presets }), (0, jsx_runtime_1.jsxs)(components_1.Row, { fill: true, children: [(0, jsx_runtime_1.jsx)(_1.ChartStatus, { loading: loading, isEmpty: !filteredData || filteredData.length === 0, emptyState: emptyState }), !loading && filteredData && filteredData.length > 0 && ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { data: filteredData, margin: { left: 0, bottom: 0, top: 0, right: 0 }, barGap: 4, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { horizontal: true, vertical: false, stroke: "var(--neutral-alpha-weak)" }), legend.display && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, { content: (props) => {
+                                        const customPayload = autoSeries.map((series, index) => ({
+                                            value: series.key,
+                                            color: barColors[index],
+                                        }));
+                                        return ((0, jsx_runtime_1.jsx)(_1.Legend, { variant: variant, payload: customPayload, labels: axis, position: legend.position, direction: legend.direction }));
+                                    }, wrapperStyle: {
+                                        position: "absolute",
+                                        top: legend.position === "top-center" ||
+                                            legend.position === "top-left" ||
+                                            legend.position === "top-right"
+                                            ? 0
+                                            : undefined,
+                                        bottom: legend.position === "bottom-center" ||
+                                            legend.position === "bottom-left" ||
+                                            legend.position === "bottom-right"
+                                            ? 0
+                                            : undefined,
+                                        paddingBottom: legend.position === "bottom-center" ||
+                                            legend.position === "bottom-left" ||
+                                            legend.position === "bottom-right"
+                                            ? "var(--static-space-40)"
+                                            : undefined,
+                                        left: (axis === "y" || axis === "both") &&
+                                            (legend.position === "top-center" || legend.position === "bottom-center")
+                                            ? "var(--static-space-64)"
+                                            : 0,
+                                        width: (axis === "y" || axis === "both") &&
+                                            (legend.position === "top-center" || legend.position === "bottom-center")
+                                            ? "calc(100% - var(--static-space-64))"
+                                            : "100%",
+                                        right: 0,
+                                        margin: 0,
+                                    } })), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: false, tick: axis === "x" || axis === "both"
+                                        ? {
+                                            fill: chart.tick.fill,
+                                            fontSize: chart.tick.fontSize,
+                                        }
+                                        : false, tickFormatter: (value) => {
+                                        const dataPoint = data.find((item) => item[xAxisKey] === value);
+                                        return (0, formatDate_1.formatDate)(value, date, dataPoint);
+                                    }, hide: !(axis === "x" || axis === "both") }), (axis === "y" || axis === "both") && ((0, jsx_runtime_1.jsx)(recharts_1.YAxis, { allowDataOverflow: true, width: 64, padding: { top: 40 }, tickLine: false, tick: {
+                                        fill: chart.tick.fill,
+                                        fontSize: chart.tick.fontSize,
+                                    }, axisLine: {
+                                        stroke: chart.axisLine.stroke,
+                                    } })), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, { cursor: { fill: hover ? "var(--neutral-alpha-weak)" : "var(--static-transparent)" }, content: (props) => ((0, jsx_runtime_1.jsx)(_1.DataTooltip, Object.assign({}, props, { date: date, variant: variant }))) }), (0, jsx_runtime_1.jsx)("defs", { children: barColors.map((color, index) => ((0, jsx_runtime_1.jsx)(_1.LinearGradient, { id: `barGradient${chartId}${index}`, color: color, variant: variant }, `gradient-${chartId}-${index}`))) }), autoSeries.map((series, index) => ((0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: series.key, name: series.key, fill: `url(#barGradient${chartId}${index})`, stroke: barColors[index], strokeWidth: 1, transform: "translate(0, -1)", barSize: typeof barWidth === "string" && barWidth === "fill"
+                                        ? "100%"
+                                        : typeof barWidth === "string" && barWidth === "xs"
+                                            ? 12
+                                            : typeof barWidth === "string" && barWidth === "s"
+                                                ? 16
+                                                : typeof barWidth === "string" && barWidth === "m"
+                                                    ? 24
+                                                    : typeof barWidth === "string" && barWidth === "l"
+                                                        ? 40
+                                                        : typeof barWidth === "string" && barWidth === "xl"
+                                                            ? 64
+                                                            : barWidth, radius: barWidth === "fill" || barWidth === "xl" ? [10, 10, 10, 10] : [6, 6, 6, 6] }, series.key)))] }) }))] })] })));
+};
+exports.BarChart = BarChart;
+BarChart.displayName = "BarChart";
+//# sourceMappingURL=BarChart.js.map

package/dist/modules/data/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/BarChart.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/ChartHeader.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Column, DateRange } from "../../components";
+import { DateConfig, PresetsConfig } from "./interfaces";
+interface ChartHeaderProps extends Omit<React.ComponentProps<typeof Column>, "title" | "description"> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    dateRange?: DateRange;
+    date?: DateConfig;
+    onDateRangeChange?: (range: DateRange) => void;
+    presets?: PresetsConfig;
+}
+export declare const ChartHeader: React.FC<ChartHeaderProps>;
+export type { ChartHeaderProps };
+//# sourceMappingURL=ChartHeader.d.ts.map

package/dist/modules/data/ChartHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHeader.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/ChartHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,OAAO,EACL,MAAM,EAGN,SAAS,EAKV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,gBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6MlD,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/modules/data/ChartHeader.js

@@ -0,0 +1,132 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const date_fns_1 = require("date-fns");
+const components_1 = require("../../components");
+const ChartHeader = (_a) => {
+    var { title, description, dateRange, date, onDateRangeChange, presets = { display: true, granularity: "week" } } = _a, flex = __rest(_a, ["title", "description", "dateRange", "date", "onDateRangeChange", "presets"]);
+    if (!title && !description && !dateRange && !date) {
+        return null;
+    }
+    const [dateRangeOpen, setDateRangeOpen] = (0, react_1.useState)(false);
+    const [selectedPreset, setSelectedPreset] = (0, react_1.useState)(null);
+    const dateRangePresets = {
+        "This year": {
+            getRange: () => ({
+                startDate: (0, date_fns_1.startOfYear)(new Date()),
+                endDate: (0, date_fns_1.endOfYear)(new Date()),
+            }),
+        },
+        "This month": {
+            getRange: () => ({
+                startDate: (0, date_fns_1.startOfMonth)(new Date()),
+                endDate: (0, date_fns_1.endOfMonth)(new Date()),
+            }),
+        },
+        "This week": {
+            getRange: () => ({
+                startDate: (0, date_fns_1.startOfWeek)(new Date()),
+                endDate: (0, date_fns_1.endOfWeek)(new Date()),
+            }),
+        },
+        "Last year": {
+            getRange: () => {
+                const lastYear = (0, date_fns_1.subYears)(new Date(), 1);
+                return {
+                    startDate: (0, date_fns_1.startOfYear)(lastYear),
+                    endDate: (0, date_fns_1.endOfYear)(lastYear),
+                };
+            },
+        },
+        "Last month": {
+            getRange: () => {
+                const lastMonth = (0, date_fns_1.subMonths)(new Date(), 1);
+                return {
+                    startDate: (0, date_fns_1.startOfMonth)(lastMonth),
+                    endDate: (0, date_fns_1.endOfMonth)(lastMonth),
+                };
+            },
+        },
+        "Last week": {
+            getRange: () => {
+                const lastWeek = (0, date_fns_1.subWeeks)(new Date(), 1);
+                return {
+                    startDate: (0, date_fns_1.startOfWeek)(lastWeek),
+                    endDate: (0, date_fns_1.endOfWeek)(lastWeek),
+                };
+            },
+        },
+    };
+    (0, react_1.useEffect)(() => {
+        if (dateRange) {
+            const matchingPreset = Object.entries(dateRangePresets).find(([name, preset]) => {
+                const presetRange = preset.getRange();
+                return (dateRange.startDate &&
+                    presetRange.startDate &&
+                    (0, date_fns_1.isSameDay)(dateRange.startDate, presetRange.startDate) &&
+                    dateRange.endDate &&
+                    presetRange.endDate &&
+                    (0, date_fns_1.isSameDay)(dateRange.endDate, presetRange.endDate));
+            });
+            setSelectedPreset(matchingPreset ? matchingPreset[0] : null);
+        }
+        else {
+            setSelectedPreset(null);
+        }
+    }, [dateRange]);
+    (0, react_1.useEffect)(() => {
+        const handleEscapeKey = (event) => {
+            if (event.key === "Escape" && dateRangeOpen) {
+                setDateRangeOpen(false);
+            }
+        };
+        if (dateRangeOpen) {
+            document.addEventListener("keydown", handleEscapeKey);
+        }
+        return () => {
+            document.removeEventListener("keydown", handleEscapeKey);
+        };
+    }, [dateRangeOpen]);
+    const handleDateRangeChange = (newRange) => {
+        if (onDateRangeChange) {
+            onDateRangeChange(newRange);
+        }
+    };
+    const handlePresetClick = (presetName) => {
+        const newRange = dateRangePresets[presetName].getRange();
+        setSelectedPreset(presetName);
+        handleDateRangeChange(newRange);
+    };
+    if (!title && !description && !(date === null || date === void 0 ? void 0 : date.selector)) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(components_1.Column, Object.assign({ fillWidth: true, paddingX: "20", paddingY: "12", gap: "4" }, flex, { children: (0, jsx_runtime_1.jsxs)(components_1.Row, { fillWidth: true, vertical: "center", children: [(0, jsx_runtime_1.jsxs)(components_1.Column, { fillWidth: true, gap: "4", children: [title && (0, jsx_runtime_1.jsx)(components_1.Text, { variant: "heading-strong-xs", children: title }), description && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: description }))] }), dateRange && (date === null || date === void 0 ? void 0 : date.selector) && ((0, jsx_runtime_1.jsx)(components_1.DropdownWrapper, { isOpen: dateRangeOpen, onOpenChange: (isOpen) => setDateRangeOpen(isOpen), placement: "bottom-end", trigger: (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "calendar", onClick: () => setDateRangeOpen(!dateRangeOpen), variant: "secondary", size: "m" }), dropdown: (0, jsx_runtime_1.jsxs)(components_1.Row, { padding: "4", mobileDirection: "column", children: [presets.display && ((0, jsx_runtime_1.jsx)(components_1.Column, { mobileDirection: "row", padding: "4", gap: "2", minWidth: 8, border: "neutral-alpha-weak", radius: "m", overflowX: "scroll", children: Object.keys(dateRangePresets)
+                                    .filter((presetName) => {
+                                    if (presets.granularity === "year") {
+                                        return presetName.includes("year");
+                                    }
+                                    else if (presets.granularity === "month") {
+                                        return presetName.includes("year") || presetName.includes("month");
+                                    }
+                                    else {
+                                        return true;
+                                    }
+                                })
+                                    .map((presetName) => ((0, jsx_runtime_1.jsx)(components_1.ToggleButton, { style: { paddingLeft: "0.25rem" }, fillWidth: true, horizontal: "start", selected: selectedPreset === presetName, onClick: () => handlePresetClick(presetName), children: presetName }, presetName))) })), (0, jsx_runtime_1.jsx)(components_1.DateRangePicker, { size: "s", padding: "16", gap: "24", id: "chart-date-range", maxDate: date === null || date === void 0 ? void 0 : date.max, minDate: date === null || date === void 0 ? void 0 : date.min, dual: date === null || date === void 0 ? void 0 : date.dual, value: dateRange, onChange: handleDateRangeChange })] }) }))] }) })));
+};
+exports.ChartHeader = ChartHeader;
+//# sourceMappingURL=ChartHeader.js.map

package/dist/modules/data/ChartHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartHeader.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/ChartHeader.tsx"],"names":[],"mappings":"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"}

package/dist/modules/data/ChartStatus.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ChartStatusProps {
+    loading?: boolean;
+    isEmpty?: boolean;
+    emptyState?: React.ReactNode;
+}
+export declare const ChartStatus: React.FC<ChartStatusProps>;
+//# sourceMappingURL=ChartStatus.d.ts.map

package/dist/modules/data/ChartStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartStatus.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/ChartStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC"}

package/dist/modules/data/ChartStatus.js

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartStatus = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../components");
+const ChartStatus = ({ loading = false, isEmpty = false, emptyState = "No data available for the selected period", }) => {
+    if (!loading && !isEmpty) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(components_1.Column, { fill: true, center: true, children: loading ? ((0, jsx_runtime_1.jsx)(components_1.Spinner, { size: "m" })) : (isEmpty && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: emptyState }))) }));
+};
+exports.ChartStatus = ChartStatus;
+//# sourceMappingURL=ChartStatus.js.map

package/dist/modules/data/ChartStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartStatus.js","sourceRoot":"","sources":["../../../src/once-ui/modules/data/ChartStatus.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,iDAAyD;AAQlD,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,2CAA2C,GACzD,EAAE,EAAE;IACH,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,mBAAM,IAAC,IAAI,QAAC,MAAM,kBAChB,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,oBAAO,IAAC,IAAI,EAAC,GAAG,GAAG,CACrB,CAAC,CAAC,CAAC,CACF,OAAO,IAAI,CACT,uBAAC,iBAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,UAAU,GACN,CACR,CACF,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,WAAW,eAsBtB"}

package/dist/modules/data/DataTooltip.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ChartStyles, DateConfig } from "./interfaces";
+interface DataTooltipProps {
+    active?: boolean;
+    payload?: any[];
+    label?: string;
+    dataKey?: string;
+    DataTooltip?: React.ReactNode;
+    date?: DateConfig;
+    colors?: boolean;
+    variant?: ChartStyles;
+}
+declare const DataTooltip: React.FC<DataTooltipProps>;
+export { DataTooltip };
+export type { DataTooltipProps };
+//# sourceMappingURL=DataTooltip.d.ts.map

package/dist/modules/data/DataTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTooltip.d.ts","sourceRoot":"","sources":["../../../src/once-ui/modules/data/DataTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAkCvD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyD3C,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}