@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/data-grid/data-grid.utils.d.ts

@@ -1,9 +1,9 @@
-import { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDef } from "@tanstack/react-table";
 declare const PINNED_COLUMN_Z_INDEX = 10;
-declare function getAriaSort(sortDirection: false | 'asc' | 'desc', canSort: boolean): 'ascending' | 'descending' | 'none' | undefined;
+declare function getAriaSort(sortDirection: false | "asc" | "desc", canSort: boolean): "ascending" | "descending" | "none" | undefined;
 declare function getTextValue(value: unknown): string | undefined;
 declare function isAccessorColumn<TData>(def: ColumnDef<TData>): boolean;
 declare function isFromIgnoredCellTarget(target?: EventTarget | null): boolean;
 declare function isFromExpandToggleTarget(target?: EventTarget | null): boolean;
 declare function collectCustomCellColumnIds<TData>(columns: ColumnDef<TData>[]): Set<string>;
-export { PINNED_COLUMN_Z_INDEX, collectCustomCellColumnIds, getAriaSort, getTextValue, isAccessorColumn, isFromExpandToggleTarget, isFromIgnoredCellTarget, };
+export { PINNED_COLUMN_Z_INDEX, collectCustomCellColumnIds, getAriaSort, getTextValue, isAccessorColumn, isFromExpandToggleTarget, isFromIgnoredCellTarget };

package/dist/components/ui/core/data-grid/data-grid.utils.js

@@ -1,40 +1,51 @@
-//#region libs/aura/src/components/ui/core/data-grid/data-grid.utils.ts
-function e(e, t) {
-	return e === "asc" ? "ascending" : e === "desc" ? "descending" : t ? "none" : void 0;
+const PINNED_COLUMN_Z_INDEX = 10;
+function getAriaSort(sortDirection, canSort) {
+    if (sortDirection === 'asc') return 'ascending';
+    if (sortDirection === 'desc') return 'descending';
+    return canSort ? 'none' : undefined;
 }
-function t(e) {
-	if (typeof e == "string" || typeof e == "number") return String(e);
+function getTextValue(value) {
+    if (typeof value === 'string' || typeof value === 'number') {
+        return String(value);
+    }
+    return undefined;
 }
-function n(e) {
-	let t = "accessorKey" in e && e.accessorKey !== void 0, n = "accessorFn" in e && e.accessorFn !== void 0;
-	return t || n;
+function isAccessorColumn(def) {
+    const hasAccessorKey = 'accessorKey' in def && def.accessorKey !== undefined;
+    const hasAccessorFn = 'accessorFn' in def && def.accessorFn !== undefined;
+    return hasAccessorKey || hasAccessorFn;
 }
-function r(e) {
-	return e instanceof Element && !!e.closest("[data-row-activation=\"ignore\"]");
+function isFromIgnoredCellTarget(target) {
+    return target instanceof Element ? Boolean(target.closest('[data-row-activation="ignore"]')) : false;
 }
-function i(e) {
-	return e instanceof Element && !!e.closest("[data-row-expand-toggle=\"true\"]");
+function isFromExpandToggleTarget(target) {
+    return target instanceof Element ? Boolean(target.closest('[data-row-expand-toggle="true"]')) : false;
 }
-function a(e) {
-	let t = /* @__PURE__ */ new Set(), n = (e) => {
-		for (let r of e) {
-			if (o(r)) {
-				n(r.columns);
-				continue;
-			}
-			if (Object.prototype.hasOwnProperty.call(r, "cell")) {
-				if ("id" in r && typeof r.id == "string") {
-					t.add(r.id);
-					continue;
-				}
-				"accessorKey" in r && typeof r.accessorKey == "string" && t.add(r.accessorKey);
-			}
-		}
-	};
-	return n(e), t;
+function collectCustomCellColumnIds(columns) {
+    const ids = new Set();
+    const visit = (defs)=>{
+        for (const def of defs){
+            if (hasNestedColumns(def)) {
+                visit(def.columns);
+                continue;
+            }
+            const hasOwnCellRenderer = Object.prototype.hasOwnProperty.call(def, 'cell');
+            if (!hasOwnCellRenderer) continue;
+            if ('id' in def && typeof def.id === 'string') {
+                ids.add(def.id);
+                continue;
+            }
+            if ('accessorKey' in def && typeof def.accessorKey === 'string') {
+                ids.add(def.accessorKey);
+            }
+        }
+    };
+    visit(columns);
+    return ids;
 }
-function o(e) {
-	return "columns" in e && Array.isArray(e.columns);
+function hasNestedColumns(def) {
+    return 'columns' in def && Array.isArray(def.columns);
 }
-//#endregion
-export { a as collectCustomCellColumnIds, e as getAriaSort, t as getTextValue, n as isAccessorColumn, i as isFromExpandToggleTarget, r as isFromIgnoredCellTarget };
+export { PINNED_COLUMN_Z_INDEX, collectCustomCellColumnIds, getAriaSort, getTextValue, isAccessorColumn, isFromExpandToggleTarget, isFromIgnoredCellTarget };
+
+//# sourceMappingURL=data-grid.utils.js.map

package/dist/components/ui/core/data-grid/data-grid.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/data-grid.utils.ts"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\nconst PINNED_COLUMN_Z_INDEX = 10;\n\nfunction getAriaSort(\n  sortDirection: false | 'asc' | 'desc',\n  canSort: boolean\n): 'ascending' | 'descending' | 'none' | undefined {\n  if (sortDirection === 'asc') return 'ascending';\n  if (sortDirection === 'desc') return 'descending';\n  return canSort ? 'none' : undefined;\n}\n\nfunction getTextValue(value: unknown): string | undefined {\n  if (typeof value === 'string' || typeof value === 'number') {\n    return String(value);\n  }\n  return undefined;\n}\n\nfunction isAccessorColumn<TData>(def: ColumnDef<TData>): boolean {\n  const hasAccessorKey = 'accessorKey' in def && def.accessorKey !== undefined;\n  const hasAccessorFn = 'accessorFn' in def && def.accessorFn !== undefined;\n  return hasAccessorKey || hasAccessorFn;\n}\n\nfunction isFromIgnoredCellTarget(target?: EventTarget | null): boolean {\n  return target instanceof Element\n    ? Boolean(target.closest('[data-row-activation=\"ignore\"]'))\n    : false;\n}\n\nfunction isFromExpandToggleTarget(target?: EventTarget | null): boolean {\n  return target instanceof Element\n    ? Boolean(target.closest('[data-row-expand-toggle=\"true\"]'))\n    : false;\n}\n\nfunction collectCustomCellColumnIds<TData>(\n  columns: ColumnDef<TData>[]\n): Set<string> {\n  const ids = new Set<string>();\n\n  const visit = (defs: ColumnDef<TData>[]) => {\n    for (const def of defs) {\n      if (hasNestedColumns(def)) {\n        visit(def.columns);\n        continue;\n      }\n\n      const hasOwnCellRenderer = Object.prototype.hasOwnProperty.call(\n        def,\n        'cell'\n      );\n      if (!hasOwnCellRenderer) continue;\n\n      if ('id' in def && typeof def.id === 'string') {\n        ids.add(def.id);\n        continue;\n      }\n\n      if ('accessorKey' in def && typeof def.accessorKey === 'string') {\n        ids.add(def.accessorKey);\n      }\n    }\n  };\n\n  visit(columns);\n  return ids;\n}\n\nfunction hasNestedColumns<TData>(\n  def: ColumnDef<TData>\n): def is ColumnDef<TData> & { columns: ColumnDef<TData>[] } {\n  return 'columns' in def && Array.isArray(def.columns);\n}\n\nexport {\n  PINNED_COLUMN_Z_INDEX,\n  collectCustomCellColumnIds,\n  getAriaSort,\n  getTextValue,\n  isAccessorColumn,\n  isFromExpandToggleTarget,\n  isFromIgnoredCellTarget,\n};\n"],"names":["PINNED_COLUMN_Z_INDEX","getAriaSort","sortDirection","canSort","undefined","getTextValue","value","String","isAccessorColumn","def","hasAccessorKey","accessorKey","hasAccessorFn","accessorFn","isFromIgnoredCellTarget","target","Element","Boolean","closest","isFromExpandToggleTarget","collectCustomCellColumnIds","columns","ids","Set","visit","defs","hasNestedColumns","hasOwnCellRenderer","Object","prototype","hasOwnProperty","call","id","add","Array","isArray"],"mappings":"AAEA,MAAMA,wBAAwB;AAE9B,SAASC,YACPC,aAAqC,EACrCC,OAAgB;IAEhB,IAAID,kBAAkB,OAAO,OAAO;IACpC,IAAIA,kBAAkB,QAAQ,OAAO;IACrC,OAAOC,UAAU,SAASC;AAC5B;AAEA,SAASC,aAAaC,KAAc;IAClC,IAAI,OAAOA,UAAU,YAAY,OAAOA,UAAU,UAAU;QAC1D,OAAOC,OAAOD;IAChB;IACA,OAAOF;AACT;AAEA,SAASI,iBAAwBC,GAAqB;IACpD,MAAMC,iBAAiB,iBAAiBD,OAAOA,IAAIE,WAAW,KAAKP;IACnE,MAAMQ,gBAAgB,gBAAgBH,OAAOA,IAAII,UAAU,KAAKT;IAChE,OAAOM,kBAAkBE;AAC3B;AAEA,SAASE,wBAAwBC,MAA2B;IAC1D,OAAOA,kBAAkBC,UACrBC,QAAQF,OAAOG,OAAO,CAAC,qCACvB;AACN;AAEA,SAASC,yBAAyBJ,MAA2B;IAC3D,OAAOA,kBAAkBC,UACrBC,QAAQF,OAAOG,OAAO,CAAC,sCACvB;AACN;AAEA,SAASE,2BACPC,OAA2B;IAE3B,MAAMC,MAAM,IAAIC;IAEhB,MAAMC,QAAQ,CAACC;QACb,KAAK,MAAMhB,OAAOgB,KAAM;YACtB,IAAIC,iBAAiBjB,MAAM;gBACzBe,MAAMf,IAAIY,OAAO;gBACjB;YACF;YAEA,MAAMM,qBAAqBC,OAAOC,SAAS,CAACC,cAAc,CAACC,IAAI,CAC7DtB,KACA;YAEF,IAAI,CAACkB,oBAAoB;YAEzB,IAAI,QAAQlB,OAAO,OAAOA,IAAIuB,EAAE,KAAK,UAAU;gBAC7CV,IAAIW,GAAG,CAACxB,IAAIuB,EAAE;gBACd;YACF;YAEA,IAAI,iBAAiBvB,OAAO,OAAOA,IAAIE,WAAW,KAAK,UAAU;gBAC/DW,IAAIW,GAAG,CAACxB,IAAIE,WAAW;YACzB;QACF;IACF;IAEAa,MAAMH;IACN,OAAOC;AACT;AAEA,SAASI,iBACPjB,GAAqB;IAErB,OAAO,aAAaA,OAAOyB,MAAMC,OAAO,CAAC1B,IAAIY,OAAO;AACtD;AAEA,SACErB,qBAAqB,EACrBoB,0BAA0B,EAC1BnB,WAAW,EACXI,YAAY,EACZG,gBAAgB,EAChBW,wBAAwB,EACxBL,uBAAuB,GACvB"}

package/dist/components/ui/core/data-grid/index.d.ts

@@ -1 +1,4 @@
-export { DataGrid, type DataGridHandle } from './data-grid';
+export type { ColumnDef, PaginationState } from "@tanstack/react-table";
+export { DataGrid, DataGridFilterTrigger, DataGridResultCountBadge, DataGridSearch, useDataGridContext, type DataGridContextValue, type DataGridHandle } from "./data-grid";
+export { applyDataGridFilterClauses, matchesDataGridFilterClause, type DataGridFilterClause, type DataGridFilterJoin, type DataGridFilterOperator } from "./data-grid-filter-clauses";
+export { DataGridFilterPanel, type DataGridFilterColumn, type DataGridFilterPanelLabels } from "./data-grid-filter-panel";

package/dist/components/ui/core/data-grid/index.js

@@ -1,2 +1,5 @@
-import { DataGrid as e } from "./data-grid.js";
-export { e as DataGrid };
+export { DataGrid, DataGridFilterTrigger, DataGridResultCountBadge, DataGridSearch, useDataGridContext } from "./data-grid.js";
+export { applyDataGridFilterClauses, matchesDataGridFilterClause } from "./data-grid-filter-clauses.js";
+export { DataGridFilterPanel } from "./data-grid-filter-panel.js";
+
+//# sourceMappingURL=index.js.map

package/dist/components/ui/core/data-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/data-grid/index.ts"],"sourcesContent":["export type { ColumnDef, PaginationState } from '@tanstack/react-table';\nexport {\n  DataGrid,\n  DataGridFilterTrigger,\n  DataGridResultCountBadge,\n  DataGridSearch,\n  useDataGridContext,\n  type DataGridContextValue,\n  type DataGridHandle,\n} from './data-grid';\nexport {\n  applyDataGridFilterClauses,\n  matchesDataGridFilterClause,\n  type DataGridFilterClause,\n  type DataGridFilterJoin,\n  type DataGridFilterOperator,\n} from './data-grid-filter-clauses';\nexport {\n  DataGridFilterPanel,\n  type DataGridFilterColumn,\n  type DataGridFilterPanelLabels,\n} from './data-grid-filter-panel';\n"],"names":["DataGrid","DataGridFilterTrigger","DataGridResultCountBadge","DataGridSearch","useDataGridContext","applyDataGridFilterClauses","matchesDataGridFilterClause","DataGridFilterPanel"],"mappings":"AACA,SACEA,QAAQ,EACRC,qBAAqB,EACrBC,wBAAwB,EACxBC,cAAc,EACdC,kBAAkB,QAGb,iBAAc;AACrB,SACEC,0BAA0B,EAC1BC,2BAA2B,QAItB,gCAA6B;AACpC,SACEC,mBAAmB,QAGd,8BAA2B"}

package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.d.ts

@@ -1,15 +1,13 @@
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
-import { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';
+import type { JSX } from "react";
+import type { Dayjs } from "dayjs";
+import type { ShortcutItem } from "../shared/shortcuts-panel/shortcuts-panel";
+import { type DateInput, type DateValueProps } from "../utils/date-input";
 export type { ShortcutItem };
-export interface DatePickerProps {
-    value: Dayjs | null;
-    onChange: (date: Dayjs | null) => void;
-    format?: string;
-    placeholder?: string;
-    displayWeekNumber?: boolean;
-    shortcuts?: ShortcutItem[];
-    defaultDate?: Dayjs;
-    className?: string;
+export interface DatePickerProps<T extends DateInput = Dayjs> extends DateValueProps<T> {
+	format?: string;
+	placeholder?: string;
+	displayWeekNumber?: boolean;
+	shortcuts?: ShortcutItem[];
+	className?: string;
 }
-export declare const DatePicker: FC<DatePickerProps>;
+export declare function DatePicker<T extends DateInput = Dayjs>({ value, onChange, format, placeholder, displayWeekNumber, shortcuts, defaultDate, valueType, className }: DatePickerProps<T>): JSX.Element;

package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js

@@ -1,61 +1,85 @@
-import { cn as e } from "../../../../../lib/utils.js";
-import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../../popover/popover.js";
-import { Calendar as i } from "../../calendar/calendar.js";
-import { DateTimeInput as a } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as o } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDatePicker as s } from "./use-date-picker.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/date-time-pickers/date-picker/date-picker.tsx
-var u = (e) => e ? [e, e] : [null, null], d = ({ value: d, onChange: f, format: p = "DD/MM/YYYY", placeholder: m, displayWeekNumber: h = !1, shortcuts: g, defaultDate: _, className: v }) => {
-	let { isOpen: y, displayedMonth: b, tempDate: x, handleOpenChange: S, handleDateClick: C, handleMonthChange: w, handleApplyShortcut: T, inputRef: E, popoverRef: D } = s({
-		value: d,
-		onChange: f,
-		defaultDate: _
-	}), O = y ? x : d;
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "date-picker",
-		className: e("relative w-full", v),
-		children: /* @__PURE__ */ l(t, {
-			open: y,
-			onOpenChange: S,
-			children: [/* @__PURE__ */ c(r, {
-				render: /* @__PURE__ */ c("div", {
-					ref: E,
-					className: "w-full"
-				}),
-				children: /* @__PURE__ */ c(a, {
-					value: O,
-					format: p,
-					placeholder: m,
-					isOpen: y,
-					variant: "date"
-				})
-			}), /* @__PURE__ */ c(n, {
-				ref: D,
-				className: "rounded-xl w-auto p-0",
-				side: "bottom",
-				align: "start",
-				children: /* @__PURE__ */ l("div", {
-					"data-slot": "date-picker-content",
-					className: "flex flex-row",
-					children: [g && g.length > 0 && /* @__PURE__ */ c(o, {
-						shortcuts: g,
-						onShortcutClick: T
-					}), /* @__PURE__ */ c("div", {
-						className: "p-3",
-						children: /* @__PURE__ */ c(i, {
-							displayedMonth: b,
-							selectedRange: u(x),
-							hoverDate: null,
-							displayWeekNumber: h,
-							onDateClick: C,
-							onMonthChange: w
-						})
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { d as DatePicker };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../../lib/utils.js";
+import { Calendar } from "../../calendar/calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../popover/popover.js";
+import { DateTimeInput } from "../shared/date-time-input/date-time-input.js";
+import { ShortcutsPanel } from "../shared/shortcuts-panel/shortcuts-panel.js";
+import { normalizeIn, normalizeOut, normalizeShortcutValue, resolveValueType } from "../utils/date-input.js";
+import { useDatePicker } from "./use-date-picker.js";
+const toSelectedRange = (date)=>date ? [
+        date,
+        date
+    ] : [
+        null,
+        null
+    ];
+export function DatePicker({ value, onChange, format = 'DD/MM/YYYY', placeholder, displayWeekNumber = false, shortcuts, defaultDate, valueType, className }) {
+    const resolvedType = resolveValueType(value, defaultDate, valueType);
+    const djValue = normalizeIn(value);
+    const djDefault = defaultDate != null ? normalizeIn(defaultDate) ?? undefined : undefined;
+    const handleChange = (date)=>{
+        onChange(normalizeOut(date, resolvedType));
+    };
+    const djShortcuts = shortcuts?.map((shortcut)=>({
+            ...shortcut,
+            getValue: ()=>normalizeShortcutValue(shortcut.getValue())
+        }));
+    const { isOpen, displayedMonth, tempDate, handleOpenChange, handleDateClick, handleMonthChange, handleApplyShortcut, inputRef, popoverRef } = useDatePicker({
+        value: djValue,
+        onChange: handleChange,
+        defaultDate: djDefault
+    });
+    const displayValue = isOpen ? tempDate : djValue;
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "date-picker",
+        className: cn('relative w-full', className),
+        children: /*#__PURE__*/ _jsxs(Popover, {
+            open: isOpen,
+            onOpenChange: handleOpenChange,
+            children: [
+                /*#__PURE__*/ _jsx(PopoverTrigger, {
+                    render: /*#__PURE__*/ _jsx("div", {
+                        ref: inputRef,
+                        className: "w-full"
+                    }),
+                    children: /*#__PURE__*/ _jsx(DateTimeInput, {
+                        value: displayValue,
+                        format: format,
+                        placeholder: placeholder,
+                        isOpen: isOpen,
+                        variant: "date"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(PopoverContent, {
+                    ref: popoverRef,
+                    className: "rounded-xl w-auto p-0",
+                    side: "bottom",
+                    align: "start",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        "data-slot": "date-picker-content",
+                        className: "flex flex-row",
+                        children: [
+                            djShortcuts && djShortcuts.length > 0 && /*#__PURE__*/ _jsx(ShortcutsPanel, {
+                                shortcuts: djShortcuts,
+                                onShortcutClick: handleApplyShortcut
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "p-3",
+                                children: /*#__PURE__*/ _jsx(Calendar, {
+                                    displayedMonth: displayedMonth,
+                                    selectedRange: toSelectedRange(tempDate),
+                                    hoverDate: null,
+                                    displayWeekNumber: displayWeekNumber,
+                                    onDateClick: handleDateClick,
+                                    onMonthChange: handleMonthChange
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=date-picker.js.map

package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-picker/date-picker.tsx"],"sourcesContent":["import type { JSX } from 'react';\n\nimport type { Dayjs } from 'dayjs';\n\nimport { cn } from '../../../../../lib/utils';\nimport { Calendar } from '../../calendar/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../../popover/popover';\nimport { DateTimeInput } from '../shared/date-time-input/date-time-input';\nimport { ShortcutsPanel } from '../shared/shortcuts-panel/shortcuts-panel';\nimport type { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';\nimport {\n  type DateInput,\n  type DateValueProps,\n  normalizeIn,\n  normalizeOut,\n  normalizeShortcutValue,\n  resolveValueType,\n} from '../utils/date-input';\n\nimport { useDatePicker } from './use-date-picker';\n\nexport type { ShortcutItem };\n\nexport interface DatePickerProps<\n  T extends DateInput = Dayjs,\n> extends DateValueProps<T> {\n  format?: string;\n  placeholder?: string;\n  displayWeekNumber?: boolean;\n  shortcuts?: ShortcutItem[];\n  className?: string;\n}\n\nconst toSelectedRange = (date: Dayjs | null): [Dayjs | null, Dayjs | null] =>\n  date ? [date, date] : [null, null];\n\nexport function DatePicker<T extends DateInput = Dayjs>({\n  value,\n  onChange,\n  format = 'DD/MM/YYYY',\n  placeholder,\n  displayWeekNumber = false,\n  shortcuts,\n  defaultDate,\n  valueType,\n  className,\n}: DatePickerProps<T>): JSX.Element {\n  const resolvedType = resolveValueType(value, defaultDate, valueType);\n  const djValue = normalizeIn(value);\n  const djDefault =\n    defaultDate != null ? (normalizeIn(defaultDate) ?? undefined) : undefined;\n\n  const handleChange = (date: Dayjs | null) => {\n    onChange(normalizeOut<T>(date, resolvedType));\n  };\n\n  const djShortcuts = shortcuts?.map((shortcut) => ({\n    ...shortcut,\n    getValue: () => normalizeShortcutValue(shortcut.getValue()),\n  }));\n\n  const {\n    isOpen,\n    displayedMonth,\n    tempDate,\n    handleOpenChange,\n    handleDateClick,\n    handleMonthChange,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  } = useDatePicker({\n    value: djValue,\n    onChange: handleChange,\n    defaultDate: djDefault,\n  });\n\n  const displayValue = isOpen ? tempDate : djValue;\n\n  return (\n    <div data-slot=\"date-picker\" className={cn('relative w-full', className)}>\n      <Popover open={isOpen} onOpenChange={handleOpenChange}>\n        <PopoverTrigger render={<div ref={inputRef} className=\"w-full\" />}>\n          <DateTimeInput\n            value={displayValue}\n            format={format}\n            placeholder={placeholder}\n            isOpen={isOpen}\n            variant=\"date\"\n          />\n        </PopoverTrigger>\n        <PopoverContent\n          ref={popoverRef}\n          className=\"rounded-xl w-auto p-0\"\n          side=\"bottom\"\n          align=\"start\"\n        >\n          <div data-slot=\"date-picker-content\" className=\"flex flex-row\">\n            {djShortcuts && djShortcuts.length > 0 && (\n              <ShortcutsPanel\n                shortcuts={djShortcuts}\n                onShortcutClick={handleApplyShortcut}\n              />\n            )}\n            <div className=\"p-3\">\n              <Calendar\n                displayedMonth={displayedMonth}\n                selectedRange={toSelectedRange(tempDate)}\n                hoverDate={null}\n                displayWeekNumber={displayWeekNumber}\n                onDateClick={handleDateClick}\n                onMonthChange={handleMonthChange}\n              />\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"names":["cn","Calendar","Popover","PopoverContent","PopoverTrigger","DateTimeInput","ShortcutsPanel","normalizeIn","normalizeOut","normalizeShortcutValue","resolveValueType","useDatePicker","toSelectedRange","date","DatePicker","value","onChange","format","placeholder","displayWeekNumber","shortcuts","defaultDate","valueType","className","resolvedType","djValue","djDefault","undefined","handleChange","djShortcuts","map","shortcut","getValue","isOpen","displayedMonth","tempDate","handleOpenChange","handleDateClick","handleMonthChange","handleApplyShortcut","inputRef","popoverRef","displayValue","div","data-slot","open","onOpenChange","render","ref","variant","side","align","length","onShortcutClick","selectedRange","hoverDate","onDateClick","onMonthChange"],"mappings":";AAIA,SAASA,EAAE,QAAQ,8BAA2B;AAC9C,SAASC,QAAQ,QAAQ,6BAA0B;AACnD,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,2BAAwB;AAChF,SAASC,aAAa,QAAQ,+CAA4C;AAC1E,SAASC,cAAc,QAAQ,+CAA4C;AAE3E,SAGEC,WAAW,EACXC,YAAY,EACZC,sBAAsB,EACtBC,gBAAgB,QACX,yBAAsB;AAE7B,SAASC,aAAa,QAAQ,uBAAoB;AAclD,MAAMC,kBAAkB,CAACC,OACvBA,OAAO;QAACA;QAAMA;KAAK,GAAG;QAAC;QAAM;KAAK;AAEpC,OAAO,SAASC,WAAwC,EACtDC,KAAK,EACLC,QAAQ,EACRC,SAAS,YAAY,EACrBC,WAAW,EACXC,oBAAoB,KAAK,EACzBC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,SAAS,EACU;IACnB,MAAMC,eAAed,iBAAiBK,OAAOM,aAAaC;IAC1D,MAAMG,UAAUlB,YAAYQ;IAC5B,MAAMW,YACJL,eAAe,OAAQd,YAAYc,gBAAgBM,YAAaA;IAElE,MAAMC,eAAe,CAACf;QACpBG,SAASR,aAAgBK,MAAMW;IACjC;IAEA,MAAMK,cAAcT,WAAWU,IAAI,CAACC,WAAc,CAAA;YAChD,GAAGA,QAAQ;YACXC,UAAU,IAAMvB,uBAAuBsB,SAASC,QAAQ;QAC1D,CAAA;IAEA,MAAM,EACJC,MAAM,EACNC,cAAc,EACdC,QAAQ,EACRC,gBAAgB,EAChBC,eAAe,EACfC,iBAAiB,EACjBC,mBAAmB,EACnBC,QAAQ,EACRC,UAAU,EACX,GAAG9B,cAAc;QAChBI,OAAOU;QACPT,UAAUY;QACVP,aAAaK;IACf;IAEA,MAAMgB,eAAeT,SAASE,WAAWV;IAEzC,qBACE,KAACkB;QAAIC,aAAU;QAAcrB,WAAWvB,GAAG,mBAAmBuB;kBAC5D,cAAA,MAACrB;YAAQ2C,MAAMZ;YAAQa,cAAcV;;8BACnC,KAAChC;oBAAe2C,sBAAQ,KAACJ;wBAAIK,KAAKR;wBAAUjB,WAAU;;8BACpD,cAAA,KAAClB;wBACCU,OAAO2B;wBACPzB,QAAQA;wBACRC,aAAaA;wBACbe,QAAQA;wBACRgB,SAAQ;;;8BAGZ,KAAC9C;oBACC6C,KAAKP;oBACLlB,WAAU;oBACV2B,MAAK;oBACLC,OAAM;8BAEN,cAAA,MAACR;wBAAIC,aAAU;wBAAsBrB,WAAU;;4BAC5CM,eAAeA,YAAYuB,MAAM,GAAG,mBACnC,KAAC9C;gCACCc,WAAWS;gCACXwB,iBAAiBd;;0CAGrB,KAACI;gCAAIpB,WAAU;0CACb,cAAA,KAACtB;oCACCiC,gBAAgBA;oCAChBoB,eAAe1C,gBAAgBuB;oCAC/BoB,WAAW;oCACXpC,mBAAmBA;oCACnBqC,aAAanB;oCACboB,eAAenB;;;;;;;;;AAQ/B"}

package/dist/components/ui/core/date-time-pickers/date-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { DatePicker } from './date-picker';
-export type { DatePickerProps, ShortcutItem } from './date-picker';
-export type { UseDatePickerProps, UseDatePickerReturn } from './types';
+export { DatePicker } from "./date-picker";
+export type { DatePickerProps, ShortcutItem } from "./date-picker";
+export type { UseDatePickerProps, UseDatePickerReturn } from "./types";

package/dist/components/ui/core/date-time-pickers/date-picker/index.js

@@ -0,0 +1,3 @@
+export { DatePicker } from "./date-picker.js";
+
+//# sourceMappingURL=index.js.map

package/dist/components/ui/core/date-time-pickers/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-picker/index.ts"],"sourcesContent":["export { DatePicker } from './date-picker';\nexport type { DatePickerProps, ShortcutItem } from './date-picker';\nexport type { UseDatePickerProps, UseDatePickerReturn } from './types';\n"],"names":["DatePicker"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAgB"}

package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts

@@ -1,18 +1,18 @@
-import { Dayjs } from 'dayjs';
-import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import type { Dayjs } from "dayjs";
+import type { ShortcutValueDayjs } from "../shared/shortcuts-panel/shortcuts-panel";
 export interface UseDatePickerProps {
-    value: Dayjs | null;
-    onChange: (date: Dayjs | null) => void;
-    defaultDate?: Dayjs;
+	value: Dayjs | null;
+	onChange: (date: Dayjs | null) => void;
+	defaultDate?: Dayjs;
 }
 export interface UseDatePickerReturn {
-    isOpen: boolean;
-    displayedMonth: Dayjs;
-    tempDate: Dayjs | null;
-    handleOpenChange: (open: boolean) => void;
-    handleDateClick: (date: Dayjs) => void;
-    handleMonthChange: (month: Dayjs) => void;
-    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
-    inputRef: React.RefObject<HTMLDivElement>;
-    popoverRef: React.RefObject<HTMLDivElement>;
+	isOpen: boolean;
+	displayedMonth: Dayjs;
+	tempDate: Dayjs | null;
+	handleOpenChange: (open: boolean) => void;
+	handleDateClick: (date: Dayjs) => void;
+	handleMonthChange: (month: Dayjs) => void;
+	handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+	inputRef: React.RefObject<HTMLDivElement>;
+	popoverRef: React.RefObject<HTMLDivElement>;
 }

package/dist/components/ui/core/date-time-pickers/date-picker/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/components/ui/core/date-time-pickers/date-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-picker/types.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\n\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nexport interface UseDatePickerProps {\n  value: Dayjs | null;\n  onChange: (date: Dayjs | null) => void;\n  defaultDate?: Dayjs;\n}\n\nexport interface UseDatePickerReturn {\n  isOpen: boolean;\n  displayedMonth: Dayjs;\n  tempDate: Dayjs | null;\n  handleOpenChange: (open: boolean) => void;\n  handleDateClick: (date: Dayjs) => void;\n  handleMonthChange: (month: Dayjs) => void;\n  handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;\n  inputRef: React.RefObject<HTMLDivElement>;\n  popoverRef: React.RefObject<HTMLDivElement>;\n}\n"],"names":[],"mappings":"AAUA,WAUC"}

package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.d.ts

@@ -1,3 +1,3 @@
-import { UseDatePickerProps, UseDatePickerReturn } from './types';
+import type { UseDatePickerProps, UseDatePickerReturn } from "./types";
 export type { UseDatePickerProps, UseDatePickerReturn };
-export declare const useDatePicker: ({ value, onChange, defaultDate, }: UseDatePickerProps) => UseDatePickerReturn;
+export declare const useDatePicker: ({ value, onChange, defaultDate }: UseDatePickerProps) => UseDatePickerReturn;

package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js

@@ -1,37 +1,52 @@
-import { usePopoverState as e } from "../shared/hooks/use-popover-state.js";
-import { useSingleDateState as t } from "../shared/hooks/use-single-date-state.js";
-import { useCallback as n, useEffect as r, useRef as i } from "react";
-import a from "dayjs";
-//#region libs/aura/src/components/ui/core/date-time-pickers/date-picker/use-date-picker.ts
-var o = ({ value: o, onChange: s, defaultDate: c = a() }) => {
-	let l = i(() => {}), { isOpen: u, setIsOpen: d, popoverRef: f, inputRef: p } = e({ onBackspace: n(() => l.current(), []) }), { tempDate: m, displayedMonth: h, handleDateClick: g, handleMonthChange: _, clearDate: v, resetDate: y } = t({
-		value: o,
-		defaultDate: c,
-		onDateSelected: (e) => {
-			s(e), d(!1);
-		}
-	}), b = () => {
-		y(o);
-	}, x = () => {
-		v() && s(null);
-	};
-	return r(() => {
-		l.current = x;
-	}), {
-		isOpen: u,
-		displayedMonth: h,
-		tempDate: m,
-		handleOpenChange: (e) => {
-			b(), d(e);
-		},
-		handleDateClick: g,
-		handleMonthChange: _,
-		handleApplyShortcut: (e) => {
-			s(Array.isArray(e) ? e[0] : e), d(!1);
-		},
-		inputRef: p,
-		popoverRef: f
-	};
+import { useCallback, useEffect, useRef } from "react";
+import dayjs from "dayjs";
+import { usePopoverState } from "../shared/hooks/use-popover-state.js";
+import { useSingleDateState } from "../shared/hooks/use-single-date-state.js";
+export const useDatePicker = ({ value, onChange, defaultDate = dayjs() })=>{
+    const onBackspaceRef = useRef(()=>{});
+    const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({
+        onBackspace: useCallback(()=>onBackspaceRef.current(), [])
+    });
+    const dateState = useSingleDateState({
+        value,
+        defaultDate,
+        onDateSelected: (date)=>{
+            onChange(date);
+            setIsOpen(false);
+        }
+    });
+    const { tempDate, displayedMonth, handleDateClick, handleMonthChange, clearDate, resetDate } = dateState;
+    const resetAll = ()=>{
+        resetDate(value);
+    };
+    const handleBackspace = ()=>{
+        if (clearDate()) {
+            onChange(null);
+        }
+    };
+    useEffect(()=>{
+        onBackspaceRef.current = handleBackspace;
+    });
+    const handleOpenChange = (open)=>{
+        resetAll();
+        setIsOpen(open);
+    };
+    const handleApplyShortcut = (shortcutValue)=>{
+        const date = Array.isArray(shortcutValue) ? shortcutValue[0] : shortcutValue;
+        onChange(date);
+        setIsOpen(false);
+    };
+    return {
+        isOpen,
+        displayedMonth,
+        tempDate,
+        handleOpenChange,
+        handleDateClick,
+        handleMonthChange,
+        handleApplyShortcut,
+        inputRef,
+        popoverRef
+    };
 };
-//#endregion
-export { o as useDatePicker };
+
+//# sourceMappingURL=use-date-picker.js.map

package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/ui/core/date-time-pickers/date-picker/use-date-picker.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\n\nimport { usePopoverState } from '../shared/hooks/use-popover-state';\nimport { useSingleDateState } from '../shared/hooks/use-single-date-state';\nimport type { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';\n\nimport type { UseDatePickerProps, UseDatePickerReturn } from './types';\n\nexport type { UseDatePickerProps, UseDatePickerReturn };\n\nexport const useDatePicker = ({\n  value,\n  onChange,\n  defaultDate = dayjs(),\n}: UseDatePickerProps): UseDatePickerReturn => {\n  const onBackspaceRef = useRef<() => void>(() => {});\n\n  const { isOpen, setIsOpen, popoverRef, inputRef } = usePopoverState({\n    onBackspace: useCallback(() => onBackspaceRef.current(), []),\n  });\n\n  const dateState = useSingleDateState({\n    value,\n    defaultDate,\n    onDateSelected: (date: Dayjs) => {\n      onChange(date);\n      setIsOpen(false);\n    },\n  });\n  const {\n    tempDate,\n    displayedMonth,\n    handleDateClick,\n    handleMonthChange,\n    clearDate,\n    resetDate,\n  } = dateState;\n\n  const resetAll = () => {\n    resetDate(value);\n  };\n\n  const handleBackspace = () => {\n    if (clearDate()) {\n      onChange(null);\n    }\n  };\n\n  useEffect(() => {\n    onBackspaceRef.current = handleBackspace;\n  });\n\n  const handleOpenChange = (open: boolean) => {\n    resetAll();\n    setIsOpen(open);\n  };\n\n  const handleApplyShortcut = (shortcutValue: ShortcutValueDayjs) => {\n    const date: Dayjs | null = Array.isArray(shortcutValue)\n      ? shortcutValue[0]\n      : shortcutValue;\n    onChange(date);\n    setIsOpen(false);\n  };\n\n  return {\n    isOpen,\n    displayedMonth,\n    tempDate,\n    handleOpenChange,\n    handleDateClick,\n    handleMonthChange,\n    handleApplyShortcut,\n    inputRef,\n    popoverRef,\n  };\n};\n"],"names":["useCallback","useEffect","useRef","dayjs","usePopoverState","useSingleDateState","useDatePicker","value","onChange","defaultDate","onBackspaceRef","isOpen","setIsOpen","popoverRef","inputRef","onBackspace","current","dateState","onDateSelected","date","tempDate","displayedMonth","handleDateClick","handleMonthChange","clearDate","resetDate","resetAll","handleBackspace","handleOpenChange","open","handleApplyShortcut","shortcutValue","Array","isArray"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAGvD,OAAOC,WAAW,QAAQ;AAE1B,SAASC,eAAe,QAAQ,uCAAoC;AACpE,SAASC,kBAAkB,QAAQ,2CAAwC;AAO3E,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,KAAK,EACLC,QAAQ,EACRC,cAAcN,OAAO,EACF;IACnB,MAAMO,iBAAiBR,OAAmB,KAAO;IAEjD,MAAM,EAAES,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGV,gBAAgB;QAClEW,aAAaf,YAAY,IAAMU,eAAeM,OAAO,IAAI,EAAE;IAC7D;IAEA,MAAMC,YAAYZ,mBAAmB;QACnCE;QACAE;QACAS,gBAAgB,CAACC;YACfX,SAASW;YACTP,UAAU;QACZ;IACF;IACA,MAAM,EACJQ,QAAQ,EACRC,cAAc,EACdC,eAAe,EACfC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACV,GAAGR;IAEJ,MAAMS,WAAW;QACfD,UAAUlB;IACZ;IAEA,MAAMoB,kBAAkB;QACtB,IAAIH,aAAa;YACfhB,SAAS;QACX;IACF;IAEAP,UAAU;QACRS,eAAeM,OAAO,GAAGW;IAC3B;IAEA,MAAMC,mBAAmB,CAACC;QACxBH;QACAd,UAAUiB;IACZ;IAEA,MAAMC,sBAAsB,CAACC;QAC3B,MAAMZ,OAAqBa,MAAMC,OAAO,CAACF,iBACrCA,aAAa,CAAC,EAAE,GAChBA;QACJvB,SAASW;QACTP,UAAU;IACZ;IAEA,OAAO;QACLD;QACAU;QACAD;QACAQ;QACAN;QACAC;QACAO;QACAhB;QACAD;IACF;AACF,EAAE"}

package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.d.ts

@@ -1,15 +1,13 @@
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
-import { ShortcutItem } from '../shared/shortcuts-panel/shortcuts-panel';
+import type { JSX } from "react";
+import type { Dayjs } from "dayjs";
+import type { ShortcutItem } from "../shared/shortcuts-panel/shortcuts-panel";
+import { type DateInput, type DateRangeValueProps } from "../utils/date-input";
 export type { ShortcutItem };
-export interface DateRangePickerProps {
-    value: [Dayjs | null, Dayjs | null];
-    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
-    format?: string;
-    placeholder?: string;
-    displayWeekNumber?: boolean;
-    shortcuts?: ShortcutItem[];
-    defaultDate?: Dayjs;
-    className?: string;
+export interface DateRangePickerProps<T extends DateInput = Dayjs> extends DateRangeValueProps<T> {
+	format?: string;
+	placeholder?: string;
+	displayWeekNumber?: boolean;
+	shortcuts?: ShortcutItem[];
+	className?: string;
 }
-export declare const DateRangePicker: FC<DateRangePickerProps>;
+export declare function DateRangePicker<T extends DateInput = Dayjs>({ value, onChange, format, placeholder, displayWeekNumber, shortcuts, defaultDate, valueType, className }: DateRangePickerProps<T>): JSX.Element;