@studio-helga/once-ui-core 1.7.8

package/dist/modules/code/CodeDiff.css

@@ -0,0 +1,175 @@
+.language-diff .diff-table {
+  display: table;
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.language-diff .diff-row {
+  display: table-row;
+}
+
+.language-diff .diff-line-number {
+  pointer-events: none;
+  top: 0;
+  min-width: var(--static-space-48);
+  user-select: none;
+  display: table-cell;
+  padding-right: var(--static-space-4);
+  text-align: right;
+  vertical-align: top;
+  color: var(--neutral-on-background-weak);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.language-diff .diff-line-content {
+  display: table-cell;
+  padding: 0 var(--static-space-12);
+  vertical-align: top;
+  white-space: pre;
+  word-wrap: break-word;
+  position: relative;
+}
+
+/* Line types */
+.language-diff .diff-row.added {
+  background-color: var(--success-alpha-weak);
+}
+
+.language-diff .diff-row.added .diff-line-number {
+  background-color: var(--success-alpha-medium);
+  color: var(--success-on-background-strong);
+}
+
+.language-diff .diff-row.added .diff-line-content {
+  color: var(--success-on-background-strong);
+}
+
+.language-diff .diff-row.deleted {
+  background-color: var(--danger-alpha-weak);
+}
+
+.language-diff .diff-row.deleted .diff-line-number {
+  background-color: var(--danger-alpha-medium);
+  color: var(--danger-on-background-strong);
+}
+
+.language-diff .diff-row.deleted .diff-line-content {
+  color: var(--danger-on-background-strong);
+}
+
+.language-diff .diff-row.context .diff-line-content {
+  color: var(--neutral-on-background-strong);
+}
+
+.language-diff .diff-row.hunk {
+  background-color: var(--brand-alpha-weak);
+}
+
+.language-diff .diff-row.hunk .diff-line-number {
+  background-color: var(--brand-alpha-medium);
+  color: var(--brand-on-background-strong);
+}
+
+.language-diff .diff-row.hunk .diff-line-content {
+  color: var(--brand-on-background-strong);
+  font-weight: var(--font-weight-medium);
+}
+
+/* File headers */
+.language-diff .diff-row.file-header {
+  background-color: var(--neutral-alpha-weak);
+}
+
+.language-diff .diff-row.file-header .diff-line-number {
+  background-color: var(--neutral-alpha-medium);
+}
+
+.language-diff .diff-row.file-header .diff-line-content {
+  color: var(--neutral-on-background-medium);
+  font-weight: var(--font-weight-medium);
+}
+
+/* Expand buttons for collapsed hunks */
+.language-diff .diff-expand {
+  background-color: var(--neutral-alpha-weak);
+  border: 1px solid var(--neutral-alpha-medium);
+  color: var(--neutral-on-background-medium);
+  padding: 4px 8px;
+  font-size: 11px;
+  cursor: pointer;
+  text-align: center;
+}
+
+.language-diff .diff-expand:hover {
+  background-color: var(--neutral-alpha-medium);
+  color: var(--neutral-on-background-strong);
+}
+
+/* Plus/minus signs */
+.language-diff .diff-sign {
+  text-align: center;
+  font-weight: var(--font-weight-medium);
+  user-select: none;
+  display: inline-flex;
+  margin-right: var(--static-space-8);
+}
+
+.language-diff .diff-row.added .diff-sign::before {
+  content: "+";
+  color: var(--success-on-background-strong);
+}
+
+.language-diff .diff-row.deleted .diff-sign::before {
+  content: "-";
+  color: var(--danger-on-background-strong);
+}
+
+/* Side-by-side view support */
+.language-diff.side-by-side {
+  display: block;
+}
+
+.language-diff.side-by-side .diff-table {
+  display: flex;
+  width: 100%;
+}
+
+.language-diff.side-by-side .diff-half {
+  flex: 1;
+  display: table;
+}
+
+/* Legacy support for simple diff tokens */
+.token.diff.prefix {
+  color: var(--code-gray);
+  font-weight: bold;
+  user-select: none;
+}
+
+.token.diff.header {
+  color: var(--code-moss);
+  font-weight: bold;
+}
+
+.token.diff.file {
+  color: var(--neutral-on-background-strong);
+  font-weight: bold;
+}
+
+.language-diff .token.coord {
+  color: var(--code-violet);
+  background: var(--brand-alpha-weak);
+  font-weight: bold;
+}
+
+/* Fallback for simple diff highlighting */
+.language-diff .token.inserted {
+  background-color: rgba(34, 197, 94, 0.1);
+  color: #22c55e;
+}
+
+.language-diff .token.deleted {
+  background-color: rgba(239, 68, 68, 0.1);
+  color: #ef4444;
+}

package/dist/modules/code/CodeHighlight.css

@@ -0,0 +1,116 @@
+.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;
+  pointer-events: none;
+}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+  content: none;
+}
+
+.language-json .token.property {
+  color: var(--code-blue);
+}
+
+.language-json .token.string {
+  color: var(--code-green);
+}
+
+.language-yaml .token.key {
+  color: var(--code-blue);
+}
+
+.language-yaml .token.scalar {
+  color: var(--code-green);
+}

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,6 @@
+import React from "react";
+import type { BarChartProps } from "./BarChart.impl";
+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/modules/data/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.impl.d.ts","sourceRoot":"","sources":["../../../src/modules/data/BarChart.impl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAKzE,OAAO,EACL,UAAU,EAOV,QAAQ,EACT,MAAM,GAAG,CAAC;AAIX,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgSrC,CAAC;AAIF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,129 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useMemo, useCallback } from "react";
+import { formatDate } from "./utils/formatDate";
+import { getRechartsComponents } from "./rechartsLoader";
+import { Column, Row } from "../../components";
+import { getDistributedColor } from "./utils/colorDistribution";
+import { LinearGradient, DataTooltip, Legend, ChartStatus, ChartHeader, } from ".";
+import { useDataTheme } from "../../contexts/DataThemeProvider";
+const BarChart = ({ title, description, data, series, date, emptyState, errorState, error = false, loading = false, tooltip = true, legend: legendProp = {}, axis = "both", grid = "y", border = "neutral-alpha-weak", variant: variantProp, barWidth = "l", hover = false, reverseY = false, reverseX = false, "data-viz-style": dataVizStyle, ...flex }) => {
+    const { variant: themeVariant, mode, height, tick: { fill: tickFill, fontSize: tickFontSize, line: tickLine }, axis: { stroke: axisLineStroke }, } = useDataTheme();
+    const variant = variantProp || themeVariant;
+    const legend = {
+        display: legendProp.display !== undefined ? legendProp.display : true,
+        position: legendProp.position || "top-left",
+        direction: legendProp.direction,
+    };
+    const [rc, setRc] = useState(null);
+    useEffect(() => {
+        getRechartsComponents().then(setRc);
+    }, []);
+    const [selectedDateRange, setSelectedDateRange] = useState(date?.start && date?.end
+        ? {
+            startDate: date.start,
+            endDate: date.end,
+        }
+        : undefined);
+    useEffect(() => {
+        if (date?.start && date?.end) {
+            setSelectedDateRange({
+                startDate: date.start,
+                endDate: date.end,
+            });
+        }
+    }, [date?.start, date?.end]);
+    const handleDateRangeChange = useCallback((newRange) => {
+        setSelectedDateRange(newRange);
+        if (date?.onChange) {
+            date.onChange(newRange);
+        }
+    }, [date]);
+    const seriesArray = Array.isArray(series) ? series : series ? [series] : [];
+    const seriesKeys = seriesArray.map((s) => s.key);
+    const chartId = React.useMemo(() => Math.random().toString(36).substring(2, 9), []);
+    const coloredSeriesArray = useMemo(() => seriesArray.map((s, index) => ({
+        ...s,
+        color: s.color || getDistributedColor(index, seriesArray.length),
+    })), [seriesArray]);
+    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: getDistributedColor(index, autoKeys.length),
+        }));
+    const barColors = autoSeries.map((s) => `var(--data-${s.color})`);
+    const legendContent = useCallback((props) => {
+        const customPayload = autoSeries.map((series, index) => ({
+            value: series.key,
+            color: barColors[index],
+        }));
+        return (_jsx(Legend, { variant: variant, payload: customPayload, labels: axis, position: legend.position, direction: legend.direction }));
+    }, [autoSeries, barColors, variant, axis, legend.position, legend.direction]);
+    const legendWrapperStyle = useMemo(() => ({
+        position: "absolute",
+        top: legend.position === "top-center" ||
+            legend.position === "top-left" ||
+            legend.position === "top-right"
+            ? reverseX ? 32 : 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,
+    }), [legend.position, reverseX, axis]);
+    const filteredData = React.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 (_jsxs(Column, { fillWidth: true, minHeight: height, border: border, radius: "l", "data-viz-style": dataVizStyle || mode, ...flex, children: [_jsx(ChartHeader, { title: title, description: description, dateRange: selectedDateRange, date: date, onDateRangeChange: handleDateRangeChange, presets: date?.presets }), _jsxs(Row, { fill: true, borderTop: (title || description || date?.selector) ? (border || "neutral-alpha-weak") : undefined, topRadius: flex.radius || "l", overflow: "hidden", children: [_jsx(ChartStatus, { loading: loading, empty: !filteredData || filteredData.length === 0, emptyState: emptyState, error: error, errorState: errorState }), !loading && !error && filteredData && filteredData.length > 0 && rc && (() => {
+                        const { ResponsiveContainer, BarChart: RBarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend: RLegend } = rc;
+                        return (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(RBarChart, { data: filteredData, margin: { left: 0, bottom: 0, top: 0, right: 0 }, barGap: 4, children: [_jsx(CartesianGrid, { vertical: grid === "x" || grid === "both", horizontal: grid === "y" || grid === "both", stroke: "var(--neutral-alpha-weak)" }), legend.display && (_jsx(RLegend, { content: legendContent, wrapperStyle: legendWrapperStyle })), _jsx(XAxis, { dataKey: xAxisKey, axisLine: false, tickLine: tickLine, orientation: reverseX ? "top" : "bottom", tick: axis === "x" || axis === "both"
+                                            ? { fill: tickFill, fontSize: tickFontSize }
+                                            : false, tickFormatter: (value) => {
+                                            const dataPoint = data.find((item) => item[xAxisKey] === value);
+                                            return formatDate(value, date, dataPoint);
+                                        }, hide: !(axis === "x" || axis === "both") }), (axis === "y" || axis === "both") && (_jsx(YAxis, { allowDataOverflow: true, width: 64, padding: { top: 40 }, orientation: reverseY ? "right" : "left", tickLine: tickLine, tick: { fill: tickFill, fontSize: tickFontSize }, axisLine: { stroke: axisLineStroke } })), tooltip && (_jsx(Tooltip, { cursor: { fill: hover ? "var(--neutral-alpha-weak)" : "var(--static-transparent)" }, content: (props) => (_jsx(DataTooltip, { ...props, date: date, variant: variant })) })), _jsx("defs", { children: barColors.map((color, index) => (_jsx(LinearGradient, { id: `barGradient${chartId}${index}`, color: color, variant: variant }, `gradient-${chartId}-${index}`))) }), autoSeries.map((series, index) => (_jsx(Bar, { dataKey: series.key, name: series.key, fill: `url(#barGradient${chartId}${index})`, stroke: barColors[index], strokeWidth: 1, transform: "translate(0, -1)", barSize: barWidth === "fill" ? "100%" :
+                                            barWidth === "xs" ? 12 :
+                                                barWidth === "s" ? 16 :
+                                                    barWidth === "m" ? 24 :
+                                                        barWidth === "l" ? 40 :
+                                                            barWidth === "xl" ? 64 : barWidth, radius: barWidth === "fill" || barWidth === "xl" ? [10, 10, 10, 10] : [6, 6, 6, 6] }, series.key)))] }) }));
+                    })()] })] }));
+};
+BarChart.displayName = "BarChart";
+export default BarChart;
+//# sourceMappingURL=BarChart.impl.js.map

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

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

package/dist/modules/data/BarChart.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense } from "react";
+import { MissingDependency } from "../../utils/MissingDependency";
+const BarChartImpl = React.lazy(() => import("./BarChart.impl").catch(() => {
+    console.warn('[@studio-helga/once-ui-core] <BarChart /> requires the "recharts" package. Install it with: npm install recharts');
+    return {
+        default: () => _jsx(MissingDependency, { component: "BarChart", packageName: "recharts" }),
+    };
+}));
+const BarChart = (props) => (_jsx(Suspense, { fallback: null, children: _jsx(BarChartImpl, { ...props }) }));
+BarChart.displayName = "BarChart";
+export { BarChart };
+//# sourceMappingURL=BarChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../src/modules/data/BarChart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACnC,MAAM,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;IACnC,OAAO,CAAC,IAAI,CACV,kHAAkH,CACnH,CAAC;IACF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,SAAS,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,GAAG;KACjF,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,YAAY,OAAK,KAAK,GAAI,GAClB,CACZ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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/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,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { startOfYear, endOfYear, startOfMonth, endOfMonth, startOfWeek, endOfWeek, subYears, subMonths, subWeeks, isSameDay, } from "date-fns";
+import { Column, Text, Row, DateRangePicker, DropdownWrapper, IconButton, ToggleButton, } from "../../components";
+export const ChartHeader = ({ title, description, dateRange, date, onDateRangeChange, presets = { display: true, granularity: "week" }, ...flex }) => {
+    if (!title && !description && !dateRange && !date) {
+        return null;
+    }
+    const [dateRangeOpen, setDateRangeOpen] = useState(false);
+    const [selectedPreset, setSelectedPreset] = useState(null);
+    const dateRangePresets = {
+        "This year": {
+            getRange: () => ({
+                startDate: startOfYear(new Date()),
+                endDate: endOfYear(new Date()),
+            }),
+        },
+        "This month": {
+            getRange: () => ({
+                startDate: startOfMonth(new Date()),
+                endDate: endOfMonth(new Date()),
+            }),
+        },
+        "This week": {
+            getRange: () => ({
+                startDate: startOfWeek(new Date()),
+                endDate: endOfWeek(new Date()),
+            }),
+        },
+        "Last year": {
+            getRange: () => {
+                const lastYear = subYears(new Date(), 1);
+                return {
+                    startDate: startOfYear(lastYear),
+                    endDate: endOfYear(lastYear),
+                };
+            },
+        },
+        "Last month": {
+            getRange: () => {
+                const lastMonth = subMonths(new Date(), 1);
+                return {
+                    startDate: startOfMonth(lastMonth),
+                    endDate: endOfMonth(lastMonth),
+                };
+            },
+        },
+        "Last week": {
+            getRange: () => {
+                const lastWeek = subWeeks(new Date(), 1);
+                return {
+                    startDate: startOfWeek(lastWeek),
+                    endDate: endOfWeek(lastWeek),
+                };
+            },
+        },
+    };
+    useEffect(() => {
+        if (dateRange) {
+            const matchingPreset = Object.entries(dateRangePresets).find(([name, preset]) => {
+                const presetRange = preset.getRange();
+                return (dateRange.startDate &&
+                    presetRange.startDate &&
+                    isSameDay(dateRange.startDate, presetRange.startDate) &&
+                    dateRange.endDate &&
+                    presetRange.endDate &&
+                    isSameDay(dateRange.endDate, presetRange.endDate));
+            });
+            setSelectedPreset(matchingPreset ? matchingPreset[0] : null);
+        }
+        else {
+            setSelectedPreset(null);
+        }
+    }, [dateRange]);
+    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?.selector) {
+        return null;
+    }
+    return (_jsx(Column, { fillWidth: true, paddingX: "20", paddingY: "12", gap: "4", ...flex, children: _jsxs(Row, { fillWidth: true, vertical: "center", children: [_jsxs(Column, { fillWidth: true, gap: "4", children: [title && _jsx(Text, { variant: "heading-strong-xs", children: title }), description && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: description }))] }), dateRange && date?.selector && (_jsx(DropdownWrapper, { isOpen: dateRangeOpen, onOpenChange: (isOpen) => setDateRangeOpen(isOpen), placement: "bottom-end", trigger: _jsx(IconButton, { icon: "calendar", onClick: () => setDateRangeOpen(!dateRangeOpen), variant: "secondary", size: "m" }), dropdown: _jsxs(Row, { padding: "4", s: { direction: "column" }, children: [presets.display && (_jsx(Column, { s: { direction: "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) => (_jsx(ToggleButton, { style: { paddingLeft: "0.25rem" }, fillWidth: true, horizontal: "start", selected: selectedPreset === presetName, onClick: () => handlePresetClick(presetName), children: presetName }, presetName))) })), _jsx(DateRangePicker, { size: "s", padding: "16", gap: "24", id: "chart-date-range", maxDate: date?.max, minDate: date?.min, dual: date?.dual, value: dateRange, onChange: handleDateRangeChange })] }) }))] }) }));
+};
+//# sourceMappingURL=ChartHeader.js.map