@cognite/aura 0.3.2 → 0.3.4

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

@@ -1,52 +1,37 @@
-import { useRef as y, useCallback as A, useEffect as O } from "react";
-import R from "dayjs";
-import { usePopoverState as B } from "../shared/hooks/use-popover-state.js";
-import { useSingleDateState as C } from "../shared/hooks/use-single-date-state.js";
-const x = ({
-  value: n,
-  onChange: t,
-  defaultDate: o = R()
-}) => {
-  const s = y(() => {
-  }), { isOpen: r, setIsOpen: a, popoverRef: c, inputRef: p } = B({
-    onBackspace: A(() => s.current(), [])
-  }), l = C({
-    value: n,
-    defaultDate: o,
-    onDateSelected: (e) => {
-      t(e), a(!1);
-    }
-  }), {
-    tempDate: d,
-    displayedMonth: f,
-    handleDateClick: i,
-    handleMonthChange: h,
-    clearDate: m,
-    resetDate: u
-  } = l, D = () => {
-    u(n);
-  }, S = () => {
-    m() && t(null);
-  };
-  return O(() => {
-    s.current = S;
-  }), {
-    isOpen: r,
-    displayedMonth: f,
-    tempDate: d,
-    handleOpenChange: (e) => {
-      D(), a(e);
-    },
-    handleDateClick: i,
-    handleMonthChange: h,
-    handleApplyShortcut: (e) => {
-      const k = Array.isArray(e) ? e[0] : e;
-      t(k), a(!1);
-    },
-    inputRef: p,
-    popoverRef: c
-  };
-};
-export {
-  x as useDatePicker
+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
+	};
 };
+//#endregion
+export { o as useDatePicker };

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

@@ -1,88 +1,64 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { cn as S } from "../../../../../lib/utils.js";
-import { Popover as M, PopoverTrigger as N, PopoverContent as w } from "../../popover/popover.js";
-import { Calendar as Y } from "../shared/calendar/calendar.js";
-import { DateTimeInput as O } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as j } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDateRangePicker as y } from "./use-date-range-picker.js";
-const z = ({
-  value: n,
-  onChange: d,
-  format: p = "DD/MM/YYYY",
-  placeholder: c,
-  displayWeekNumber: h = !1,
-  shortcuts: t,
-  defaultDate: m,
-  className: s
-}) => {
-  const {
-    isOpen: a,
-    step: r,
-    displayedMonth: v,
-    tempStart: o,
-    tempEnd: l,
-    hoverDate: f,
-    handleOpenChange: g,
-    handleDateClick: D,
-    handleMonthChange: u,
-    handleDateHover: C,
-    handleSetStep: k,
-    handleApplyShortcut: P,
-    inputRef: R,
-    popoverRef: x
-  } = y({ value: n, onChange: d, defaultDate: m });
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "date-range-picker",
-      className: S("relative w-full", s),
-      children: /* @__PURE__ */ i(M, { open: a, onOpenChange: g, children: [
-        /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e("div", { ref: R, className: "w-full" }), children: /* @__PURE__ */ e(
-          O,
-          {
-            value: a ? [o, l] : n,
-            format: p,
-            placeholder: c,
-            isOpen: a,
-            variant: "date",
-            activeRangePart: a ? r : void 0,
-            onRangePartClick: a ? k : void 0
-          }
-        ) }),
-        /* @__PURE__ */ e(
-          w,
-          {
-            ref: x,
-            className: "rounded-xl w-auto p-0",
-            side: "bottom",
-            align: "start",
-            children: /* @__PURE__ */ i("div", { "data-slot": "date-range-picker-content", className: "flex flex-row", children: [
-              t && t.length > 0 && /* @__PURE__ */ e(
-                j,
-                {
-                  shortcuts: t,
-                  onShortcutClick: P
-                }
-              ),
-              /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
-                Y,
-                {
-                  displayedMonth: v,
-                  selectedRange: [o, l],
-                  hoverDate: r === "end" ? f : null,
-                  displayWeekNumber: h,
-                  onDateClick: D,
-                  onMonthChange: u,
-                  onDateHover: C
-                }
-              ) })
-            ] })
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  z as DateRangePicker
+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 { useDateRangePicker as s } from "./use-date-range-picker.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region libs/aura/src/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.tsx
+var u = ({ value: u, onChange: d, format: f = "DD/MM/YYYY", placeholder: p, displayWeekNumber: m = !1, shortcuts: h, defaultDate: g, className: _ }) => {
+	let { isOpen: v, step: y, displayedMonth: b, tempStart: x, tempEnd: S, hoverDate: C, handleOpenChange: w, handleDateClick: T, handleMonthChange: E, handleDateHover: D, handleSetStep: O, handleApplyShortcut: k, inputRef: A, popoverRef: j } = s({
+		value: u,
+		onChange: d,
+		defaultDate: g
+	});
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "date-range-picker",
+		className: e("relative w-full", _),
+		children: /* @__PURE__ */ l(t, {
+			open: v,
+			onOpenChange: w,
+			children: [/* @__PURE__ */ c(r, {
+				render: /* @__PURE__ */ c("div", {
+					ref: A,
+					className: "w-full"
+				}),
+				children: /* @__PURE__ */ c(a, {
+					value: v ? [x, S] : u,
+					format: f,
+					placeholder: p,
+					isOpen: v,
+					variant: "date",
+					activeRangePart: v ? y : void 0,
+					onRangePartClick: v ? O : void 0
+				})
+			}), /* @__PURE__ */ c(n, {
+				ref: j,
+				className: "rounded-xl w-auto p-0",
+				side: "bottom",
+				align: "start",
+				children: /* @__PURE__ */ l("div", {
+					"data-slot": "date-range-picker-content",
+					className: "flex flex-row",
+					children: [h && h.length > 0 && /* @__PURE__ */ c(o, {
+						shortcuts: h,
+						onShortcutClick: k
+					}), /* @__PURE__ */ c("div", {
+						className: "p-3",
+						children: /* @__PURE__ */ c(i, {
+							displayedMonth: b,
+							selectedRange: [x, S],
+							hoverDate: y === "end" ? C : null,
+							displayWeekNumber: m,
+							onDateClick: T,
+							onMonthChange: E,
+							onDateHover: D
+						})
+					})]
+				})
+			})]
+		})
+	});
 };
+//#endregion
+export { u as DateRangePicker };

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

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { RangeSelectionStep } from '../shared/hooks/use-range-step-manager';
+import { ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
 export type { RangeSelectionStep };
 export interface UseDateRangePickerProps {
     value: [Dayjs | null, Dayjs | null];
@@ -18,7 +19,7 @@ export interface UseDateRangePickerReturn {
     handleMonthChange: (month: Dayjs) => void;
     handleDateHover: (date: Dayjs | null) => void;
     handleSetStep: (step: RangeSelectionStep) => void;
-    handleApplyShortcut: (range: Dayjs | [Dayjs, Dayjs] | [Dayjs | null, Dayjs | null]) => void;
+    handleApplyShortcut: (range: ShortcutValueDayjs) => void;
     inputRef: React.RefObject<HTMLDivElement>;
     popoverRef: React.RefObject<HTMLDivElement>;
 }

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

@@ -1,69 +1,61 @@
-import { useRef as E, useCallback as c, useEffect as x } from "react";
-import P from "dayjs";
-import { usePopoverState as b } from "../shared/hooks/use-popover-state.js";
-import { useRangeDateState as j } from "../shared/hooks/use-range-date-state.js";
-import { useRangeStepManager as H } from "../shared/hooks/use-range-step-manager.js";
-const L = ({
-  value: r,
-  onChange: t,
-  defaultDate: S = P()
-}) => {
-  const p = E(() => {
-  }), { isOpen: m, setIsOpen: s, popoverRef: u, inputRef: k } = b({
-    onBackspace: c(() => p.current(), [])
-  }), D = H(), { step: n, handleBack: o, handleNext: d, resetStep: a } = D, R = j({
-    value: r,
-    defaultDate: S,
-    onEndDateSelected: c(
-      (e, l) => {
-        t([e, l]), s(!1), a();
-      },
-      [t, s, a]
-    )
-  }), {
-    tempStart: y,
-    tempEnd: A,
-    displayedMonth: B,
-    hoverDate: C,
-    handleDateClick: M,
-    handleDateHover: O,
-    handleMonthChange: g,
-    clearActiveSegment: i,
-    resetDates: h
-  } = R, v = c(() => {
-    h(r), a();
-  }, [h, a, r]), f = c(() => {
-    const e = i(n);
-    e === null ? o() : e[0] === null && e[1] === null && t(e);
-  }, [i, n, o, t]);
-  return x(() => {
-    p.current = f;
-  }, [f]), {
-    isOpen: m,
-    step: n,
-    displayedMonth: B,
-    tempStart: y,
-    tempEnd: A,
-    hoverDate: C,
-    handleOpenChange: (e) => {
-      v(), s(e);
-    },
-    handleDateClick: (e) => {
-      M(e, n), n === "start" && d();
-    },
-    handleMonthChange: g,
-    handleDateHover: O,
-    handleSetStep: (e) => {
-      e === "start" ? o() : d();
-    },
-    handleApplyShortcut: (e) => {
-      const l = Array.isArray(e) ? e : [e, e];
-      t(l), s(!1), a();
-    },
-    inputRef: k,
-    popoverRef: u
-  };
-};
-export {
-  L as useDateRangePicker
+import { usePopoverState as e } from "../shared/hooks/use-popover-state.js";
+import { useRangeDateState as t } from "../shared/hooks/use-range-date-state.js";
+import { useRangeStepManager as n } from "../shared/hooks/use-range-step-manager.js";
+import { useCallback as r, useEffect as i, useRef as a } from "react";
+import o from "dayjs";
+//#region libs/aura/src/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.ts
+var s = ({ value: s, onChange: c, defaultDate: l = o() }) => {
+	let u = a(() => {}), { isOpen: d, setIsOpen: f, popoverRef: p, inputRef: m } = e({ onBackspace: r(() => u.current(), []) }), { step: h, handleBack: g, handleNext: _, resetStep: v } = n(), { tempStart: y, tempEnd: b, displayedMonth: x, hoverDate: S, handleDateClick: C, handleDateHover: w, handleMonthChange: T, clearActiveSegment: E, resetDates: D } = t({
+		value: s,
+		defaultDate: l,
+		onEndDateSelected: r((e, t) => {
+			c([e, t]), f(!1), v();
+		}, [
+			c,
+			f,
+			v
+		])
+	}), O = r(() => {
+		D(s), v();
+	}, [
+		D,
+		v,
+		s
+	]), k = r(() => {
+		let e = E(h);
+		e === null ? g() : e[0] === null && e[1] === null && c(e);
+	}, [
+		E,
+		h,
+		g,
+		c
+	]);
+	return i(() => {
+		u.current = k;
+	}, [k]), {
+		isOpen: d,
+		step: h,
+		displayedMonth: x,
+		tempStart: y,
+		tempEnd: b,
+		hoverDate: S,
+		handleOpenChange: (e) => {
+			O(), f(e);
+		},
+		handleDateClick: (e) => {
+			C(e, h), h === "start" && _();
+		},
+		handleMonthChange: T,
+		handleDateHover: w,
+		handleSetStep: (e) => {
+			e === "start" ? g() : _();
+		},
+		handleApplyShortcut: (e) => {
+			c(Array.isArray(e) ? e : [e, e]), f(!1), v();
+		},
+		inputRef: m,
+		popoverRef: p
+	};
 };
+//#endregion
+export { s as useDateRangePicker };

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

@@ -0,0 +1 @@
+export type { DateTimePickerProps, UseDateTimePickerProps, UseDateTimePickerReturn, } from './types';

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

@@ -0,0 +1,36 @@
+import { Dayjs } from 'dayjs';
+import { ShortcutItem, ShortcutValueDayjs } from '../shared/shortcuts-panel/shortcuts-panel';
+import { AmPm, TimeFormat } from '../utils/format-utils';
+export interface UseDateTimePickerProps {
+    value: Dayjs | null;
+    onChange: (datetime: Dayjs | null) => void;
+    timeFormat?: TimeFormat;
+    defaultDate?: Dayjs;
+}
+export interface UseDateTimePickerReturn {
+    isOpen: boolean;
+    displayedMonth: Dayjs;
+    tempDate: Dayjs | null;
+    hour: number;
+    minute: number;
+    amPm: AmPm;
+    displayValue: Dayjs | null;
+    canApply: boolean;
+    handleOpenChange: (open: boolean) => void;
+    handleApply: () => void;
+    handleDateClick: (date: Dayjs) => void;
+    handleMonthChange: (month: Dayjs) => void;
+    handleHourChange: (hour: number) => void;
+    handleMinuteChange: (minute: number) => void;
+    handleAmPmChange: (amPm: AmPm) => void;
+    handleApplyShortcut: (shortcutValue: ShortcutValueDayjs) => void;
+    inputRef: React.RefObject<HTMLDivElement>;
+    popoverRef: React.RefObject<HTMLDivElement>;
+}
+export interface DateTimePickerProps extends UseDateTimePickerProps {
+    format?: string;
+    placeholder?: string;
+    displayWeekNumber?: boolean;
+    shortcuts?: ShortcutItem[];
+    className?: string;
+}

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

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