@cognite/aura 0.3.2 → 0.3.4

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

@@ -1,64 +1,42 @@
-import { useRef as g, useCallback as B, useEffect as D } from "react";
-import H from "dayjs";
-import { DEFAULT_MINUTE as p, DEFAULT_START_HOUR as u } from "../shared/constants.js";
-import { usePopoverState as M } from "../shared/hooks/use-popover-state.js";
-import { useTimeState as _ } from "../shared/hooks/use-time-state.js";
-const z = ({
-  value: n,
-  onChange: t,
-  timeFormat: h = "24h",
-  defaultDate: d = H()
-}) => {
-  const s = g(() => {
-  }), { isOpen: r, setIsOpen: o, popoverRef: f, inputRef: A } = M({
-    onBackspace: B(() => s.current(), [])
-  }), T = _({
-    initialHour: n?.hour() ?? u,
-    initialMinute: n?.minute() ?? p,
-    timeFormat: h
-  }), {
-    hour: y,
-    minute: c,
-    amPm: O,
-    hour24: R,
-    handleHourChange: S,
-    handleMinuteChange: k,
-    handleAmPmChange: C,
-    resetTime: E
-  } = T, i = n ?? d, l = (e) => e.hour(R).minute(c).second(0).millisecond(0), P = (e) => i.hour(e.hour()).minute(e.minute()).second(0).millisecond(0), U = r ? l(i) : n, a = () => {
-    E(
-      n?.hour() ?? u,
-      n?.minute() ?? p
-    );
-  }, b = () => {
-    n !== null && (t(null), a());
-  };
-  return D(() => {
-    s.current = b;
-  }), {
-    isOpen: r,
-    hour: y,
-    minute: c,
-    amPm: O,
-    displayValue: U,
-    handleOpenChange: (e) => {
-      a(), o(e);
-    },
-    handleApply: () => {
-      const e = l(i);
-      t(e), o(!1);
-    },
-    handleHourChange: S,
-    handleMinuteChange: k,
-    handleAmPmChange: C,
-    handleApplyShortcut: (e) => {
-      const m = Array.isArray(e) ? e[0] : e;
-      t(m ? P(m) : null), o(!1);
-    },
-    inputRef: A,
-    popoverRef: f
-  };
-};
-export {
-  z as useTimePicker
+import { usePopoverState as e } from "../shared/hooks/use-popover-state.js";
+import { useTimeState as t } from "../shared/hooks/use-time-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/time-picker/use-time-picker.ts
+var o = ({ value: o, onChange: s, timeFormat: c = "24h", defaultDate: l = a() }) => {
+	let u = i(() => {}), { isOpen: d, setIsOpen: f, popoverRef: p, inputRef: m } = e({ onBackspace: n(() => u.current(), []) }), { hour: h, minute: g, amPm: _, hour24: v, handleHourChange: y, handleMinuteChange: b, handleAmPmChange: x, resetTime: S } = t({
+		initialHour: o?.hour() ?? 9,
+		initialMinute: o?.minute() ?? 0,
+		timeFormat: c
+	}), C = o ?? l, w = (e) => e.hour(v).minute(g).second(0).millisecond(0), T = (e) => C.hour(e.hour()).minute(e.minute()).second(0).millisecond(0), E = d ? w(C) : o, D = () => {
+		S(o?.hour() ?? 9, o?.minute() ?? 0);
+	}, O = () => {
+		o !== null && (s(null), D());
+	};
+	return r(() => {
+		u.current = O;
+	}), {
+		isOpen: d,
+		hour: h,
+		minute: g,
+		amPm: _,
+		displayValue: E,
+		handleOpenChange: (e) => {
+			D(), f(e);
+		},
+		handleApply: () => {
+			s(w(C)), f(!1);
+		},
+		handleHourChange: y,
+		handleMinuteChange: b,
+		handleAmPmChange: x,
+		handleApplyShortcut: (e) => {
+			let t = Array.isArray(e) ? e[0] : e;
+			s(t ? T(t) : null), f(!1);
+		},
+		inputRef: m,
+		popoverRef: p
+	};
 };
+//#endregion
+export { o as useTimePicker };

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

@@ -0,0 +1 @@
+export type { TimeRangePickerProps, UseTimeRangePickerProps, UseTimeRangePickerReturn, } from './types';

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

@@ -0,0 +1,40 @@
+import { Dayjs } from 'dayjs';
+import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
+export interface UseTimeRangePickerProps {
+    value: [Dayjs | null, Dayjs | null];
+    onChange: (range: [Dayjs | null, Dayjs | null]) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseTimeRangePickerReturn {
+    isOpen: boolean;
+    step: RangeSelectionStep;
+    tempStartHour: number;
+    tempStartMinute: number;
+    tempEndHour: number;
+    tempEndMinute: number;
+    startAmPm: AmPm;
+    endAmPm: AmPm;
+    displayValue: [Dayjs | null, Dayjs | null];
+    handleOpenChange: (open: boolean) => void;
+    handleSetStep: (step: RangeSelectionStep) => void;
+    handleStartHourChange: (hour: number) => void;
+    handleStartMinuteChange: (minute: number) => void;
+    handleEndHourChange: (hour: number) => void;
+    handleEndMinuteChange: (minute: number) => void;
+    handleStartAmPmChange: (amPm: AmPm) => void;
+    handleEndAmPmChange: (amPm: AmPm) => void;
+    handleNext: () => void;
+    handleApply: () => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}
+export interface TimeRangePickerProps extends UseTimeRangePickerProps {
+    format?: string;
+    placeholder?: string;
+    shortcuts?: ShortcutItem[];
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { UseTimeRangePickerProps, UseTimeRangePickerReturn } from './types';
+export type { UseTimeRangePickerProps, UseTimeRangePickerReturn };
+export declare const useTimeRangePicker: ({ value, onChange, timeFormat, defaultDate, }: UseTimeRangePickerProps) => UseTimeRangePickerReturn;

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 export type TimeFormat = '12h' | '24h';
+export type AmPm = 'AM' | 'PM';
 /**
  * Formats a date for display
  * @param date - Dayjs date object

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

@@ -1,4 +1,4 @@
-import { TimeFormat } from './format-utils';
+import { AmPm, TimeFormat } from './format-utils';
 /**
  * Generates an array of hours.
  * If timeFormat is '12h', generates hours from 1 to 12.
@@ -30,11 +30,11 @@ export declare const parseTime: (timeString: string) => {
 /**
  * Gets AM/PM period from a 24-hour format hour.
  */
-export declare const getAmPmFromHour: (hour: number) => "AM" | "PM";
+export declare const getAmPmFromHour: (hour: number) => AmPm;
 /**
  * Converts a 12-hour format hour and AM/PM period to a 24-hour format hour.
  */
-export declare const convert12HourTo24Hour: (hour: number, ampm: "AM" | "PM") => number;
+export declare const convert12HourTo24Hour: (hour: number, ampm: AmPm) => number;
 /**
  * Converts a 24-hour format hour to a 12-hour display value (1-12).
  * Used when displaying time in 12-hour format.

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

@@ -1,15 +1,7 @@
-import m from "dayjs";
-import u from "dayjs/plugin/customParseFormat.js";
-import { HOURS_IN_12H as t, HOURS_IN_DAY as f, MINUTES_IN_HOUR as s, MINUTE_INCREMENT as o } from "../shared/constants.js";
-m.extend(u);
-const c = (r = "24h") => r === "12h" ? Array.from({ length: t }, (e, n) => n + 1) : Array.from({ length: f }, (e, n) => n), M = () => Array.from(
-  { length: s / o },
-  (r, e) => e * o
-), a = (r) => r >= t ? "PM" : "AM", A = (r, e) => e === "PM" && r < t ? r + t : e === "AM" && r === t ? 0 : r, N = (r) => r === 0 ? t : r > t ? r - t : r;
-export {
-  A as convert12HourTo24Hour,
-  N as convert24HourTo12Hour,
-  c as generateHours,
-  M as generateMinutes,
-  a as getAmPmFromHour
-};
+import e from "dayjs";
+import t from "dayjs/plugin/customParseFormat.js";
+//#region libs/aura/src/components/ui/core/date-time-pickers/utils/time-utils.ts
+e.extend(t);
+var n = (e = "24h") => e === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), r = () => Array.from({ length: 60 / 1 }, (e, t) => t * 1), i = (e) => e >= 12 ? "PM" : "AM", a = (e, t) => t === "PM" && e < 12 ? e + 12 : t === "AM" && e === 12 ? 0 : e, o = (e) => e === 0 ? 12 : e > 12 ? e - 12 : e;
+//#endregion
+export { a as convert12HourTo24Hour, o as convert24HourTo12Hour, n as generateHours, r as generateMinutes, i as getAmPmFromHour };

package/dist/components/ui/core/dialog/dialog.js

@@ -1,165 +1,92 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { Dialog as e } from "@base-ui/react/dialog";
-import { IconX as d } from "@tabler/icons-react";
-import { usePortalContainer as c } from "../../../../lib/portal-container-context.js";
-import { cn as i } from "../../../../lib/utils.js";
-import { Button as g } from "../button/button.js";
-function b({ ...t }) {
-  return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...t });
+import { cn as e } from "../../../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { usePortalContainer as n } from "../../../../lib/portal-container-context.js";
+import { IconX as r } from "@tabler/icons-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Dialog as o } from "@base-ui/react/dialog";
+//#region libs/aura/src/components/ui/core/dialog/dialog.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "dialog",
+		...e
+	});
 }
-function v({
-  children: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
+function c({ children: e, ...t }) {
+	return /* @__PURE__ */ i(o.Trigger, {
+		"data-slot": "dialog-trigger",
+		...t,
+		children: e
+	});
 }
-function p({ ...t }) {
-  const o = c();
-  return /* @__PURE__ */ a(
-    e.Portal,
-    {
-      "data-slot": "dialog-portal",
-      container: o,
-      ...t
-    }
-  );
+function l({ ...e }) {
+	let t = n();
+	return /* @__PURE__ */ i(o.Portal, {
+		"data-slot": "dialog-portal",
+		container: t,
+		...e
+	});
 }
-function N({
-  children: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o, children: t });
+function u({ children: e, ...t }) {
+	return /* @__PURE__ */ i(o.Close, {
+		"data-slot": "dialog-close",
+		...t,
+		children: e
+	});
 }
-function u({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    e.Backdrop,
-    {
-      "data-slot": "dialog-overlay",
-      className: i(
-        "fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0",
-        t
-      ),
-      ...o
-    }
-  );
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: e("fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0", t),
+		...n
+	});
 }
-function C({
-  className: t,
-  children: o,
-  showCloseButton: r = !0,
-  closeButtonLabel: n = "Close",
-  ...s
-}) {
-  return /* @__PURE__ */ l(p, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(u, {}),
-    /* @__PURE__ */ l(
-      e.Popup,
-      {
-        "data-slot": "dialog-content",
-        className: i(
-          "bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2",
-          t
-        ),
-        ...s,
-        children: [
-          o,
-          r && /* @__PURE__ */ a(
-            e.Close,
-            {
-              "data-slot": "dialog-close",
-              render: /* @__PURE__ */ a(
-                g,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
-                  "aria-label": n,
-                  children: /* @__PURE__ */ a(d, { className: "h-4 w-4" })
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
+function f({ className: n, children: s, showCloseButton: c = !0, closeButtonLabel: u = "Close", ...f }) {
+	return /* @__PURE__ */ a(l, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ i(d, {}), /* @__PURE__ */ a(o.Popup, {
+			"data-slot": "dialog-content",
+			className: e("bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2", n),
+			...f,
+			children: [s, c && /* @__PURE__ */ i(o.Close, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ i(t, {
+					variant: "ghost",
+					size: "icon-sm",
+					className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
+					"aria-label": u,
+					children: /* @__PURE__ */ i(r, { className: "h-4 w-4" })
+				})
+			})]
+		})]
+	});
 }
-function k({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: i(
-        "flex flex-col gap-2 text-center sm:text-left pb-2",
-        t
-      ),
-      ...o
-    }
-  );
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2 text-center sm:text-left pb-2", t),
+		...n
+	});
 }
-function w({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: i(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3",
-        t
-      ),
-      ...o
-    }
-  );
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3", t),
+		...n
+	});
 }
-function P({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    e.Title,
-    {
-      "data-slot": "dialog-title",
-      className: i(
-        "text-lg font-medium text-foreground leading-6 tracking-tightest",
-        t
-      ),
-      ...o
-    }
-  );
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Title, {
+		"data-slot": "dialog-title",
+		className: e("text-lg font-medium text-foreground leading-6 tracking-tightest", t),
+		...n
+	});
 }
-function T({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    e.Description,
-    {
-      "data-slot": "dialog-description",
-      className: i(
-        "text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2",
-        t
-      ),
-      ...o
-    }
-  );
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2", t),
+		...n
+	});
 }
-export {
-  b as Dialog,
-  N as DialogClose,
-  C as DialogContent,
-  T as DialogDescription,
-  w as DialogFooter,
-  k as DialogHeader,
-  u as DialogOverlay,
-  p as DialogPortal,
-  P as DialogTitle,
-  v as DialogTrigger
-};
+//#endregion
+export { s as Dialog, u as DialogClose, f as DialogContent, g as DialogDescription, m as DialogFooter, p as DialogHeader, d as DialogOverlay, l as DialogPortal, h as DialogTitle, c as DialogTrigger };

package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, ComponentRef, ForwardRefExoticComponent, HTMLAttributes
 import { Menu as MenuPrimitive } from '@base-ui/react/menu';
 declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): ReactNode;
 declare function DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props): ReactNode;
-declare function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): ReactNode;
+declare const DropdownMenuTrigger: ForwardRefExoticComponent<Omit<MenuPrimitive.Trigger.Props, 'ref'> & RefAttributes<HTMLButtonElement>>;
 declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
     container?: MenuPrimitive.Portal.Props['container'];
 }): ReactNode;
@@ -29,4 +29,4 @@ type DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
 declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.SubmenuTrigger>>>;
 declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): ReactNode;
 declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>>;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSectionLabel, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };