@cognite/aura 0.3.2 → 0.3.3

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

@@ -1,151 +1,86 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { IconSearch as p } from "@tabler/icons-react";
-import { Command as r } from "cmdk";
-import { cn as m } from "../../../../lib/utils.js";
-import { Dialog as u, DialogHeader as g, DialogTitle as h, DialogDescription as f, DialogContent as x } from "../dialog/dialog.js";
-const s = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r,
-  {
-    ref: a,
-    "data-slot": "command",
-    className: m(
-      "rounded-lg bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden",
-      e
-    ),
-    ...t
-  }
-));
-s.displayName = "Command";
-function G({
-  title: e = "Command Palette",
-  description: t = "Search for a command to run...",
-  children: a,
-  className: l,
-  showCloseButton: c = !0,
-  ...i
-}) {
-  return /* @__PURE__ */ n(u, { ...i, children: [
-    /* @__PURE__ */ n(g, { className: "sr-only rounded-lg", children: [
-      /* @__PURE__ */ o(h, { children: e }),
-      /* @__PURE__ */ o(f, { children: t })
-    ] }),
-    /* @__PURE__ */ o(
-      x,
-      {
-        "data-slot": "command-dialog",
-        className: m("overflow-hidden p-0", l),
-        showCloseButton: c,
-        children: /* @__PURE__ */ o(s, { className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: a })
-      }
-    )
-  ] });
+import { cn as e } from "../../../../lib/utils.js";
+import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a } from "../dialog/dialog.js";
+import { forwardRef as o } from "react";
+import { IconSearch as s } from "@tabler/icons-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Command as u } from "cmdk";
+//#region libs/aura/src/components/ui/core/command/command.tsx
+var d = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u, {
+	ref: r,
+	"data-slot": "command",
+	className: e("rounded-xl bg-background text-muted-foreground flex h-full w-full flex-col overflow-hidden", t),
+	...n
+}));
+d.displayName = "Command";
+function f({ title: o = "Command Palette", description: s = "Search for a command to run...", children: u, className: f, showCloseButton: p = !0, ...m }) {
+	return /* @__PURE__ */ l(t, {
+		...m,
+		children: [/* @__PURE__ */ l(i, {
+			className: "sr-only rounded-lg",
+			children: [/* @__PURE__ */ c(a, { children: o }), /* @__PURE__ */ c(r, { children: s })]
+		}), /* @__PURE__ */ c(n, {
+			"data-slot": "command-dialog",
+			className: e("overflow-hidden p-0", f),
+			showCloseButton: p,
+			children: /* @__PURE__ */ c(d, {
+				className: "**:[[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children: u
+			})
+		})]
+	});
 }
-const k = d(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  "div",
-  {
-    "data-slot": "command-input-wrapper",
-    className: "flex h-10 items-center gap-2 border-b px-2",
-    children: [
-      /* @__PURE__ */ o(p, { className: "size-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ o(
-        r.Input,
-        {
-          ref: a,
-          "data-slot": "command-input",
-          className: m(
-            "placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-            e
-          ),
-          ...t
-        }
-      )
-    ]
-  }
-));
-k.displayName = "CommandInput";
-const y = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.List,
-  {
-    ref: a,
-    "data-slot": "command-list",
-    className: m(
-      "max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto",
-      e
-    ),
-    ...t
-  }
-));
-y.displayName = "CommandList";
-const C = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Empty,
-  {
-    ref: a,
-    "data-slot": "command-empty",
-    className: m("py-6 text-center text-sm", e),
-    ...t
-  }
-));
-C.displayName = "CommandEmpty";
-const N = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Group,
-  {
-    ref: a,
-    "data-slot": "command-group",
-    className: m(
-      "text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium",
-      e
-    ),
-    ...t
-  }
-));
-N.displayName = "CommandGroup";
-const v = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Separator,
-  {
-    ref: a,
-    "data-slot": "command-separator",
-    className: m("bg-border -mx-1 h-px", e),
-    ...t
-  }
-));
-v.displayName = "CommandSeparator";
-const w = d(({ className: e, ...t }, a) => /* @__PURE__ */ o(
-  r.Item,
-  {
-    ref: a,
-    "data-slot": "command-item",
-    className: m(
-      "data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-      e
-    ),
-    ...t
-  }
-));
-w.displayName = "CommandItem";
-const _ = d(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
-    "span",
-    {
-      ref: a,
-      "data-slot": "command-shortcut",
-      className: m(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        e
-      ),
-      ...t
-    }
-  )
-);
-_.displayName = "CommandShortcut";
-export {
-  s as Command,
-  G as CommandDialog,
-  C as CommandEmpty,
-  N as CommandGroup,
-  k as CommandInput,
-  w as CommandItem,
-  y as CommandList,
-  v as CommandSeparator,
-  _ as CommandShortcut
-};
+var p = o(({ className: t, ...n }, r) => /* @__PURE__ */ l("div", {
+	"data-slot": "command-input-wrapper",
+	className: "flex h-10 items-center gap-2 border-b px-2",
+	children: [/* @__PURE__ */ c(s, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ c(u.Input, {
+		ref: r,
+		"data-slot": "command-input",
+		className: e("placeholder:text-muted-foreground flex h-10 w-full rounded-lg bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", t),
+		...n
+	})]
+}));
+p.displayName = "CommandInput";
+var m = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.List, {
+	ref: r,
+	"data-slot": "command-list",
+	className: e("max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto", t),
+	...n
+}));
+m.displayName = "CommandList";
+var h = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Empty, {
+	ref: r,
+	"data-slot": "command-empty",
+	className: e("py-6 text-center text-sm", t),
+	...n
+}));
+h.displayName = "CommandEmpty";
+var g = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Group, {
+	ref: r,
+	"data-slot": "command-group",
+	className: e("text-foreground font-normal **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium", t),
+	...n
+}));
+g.displayName = "CommandGroup";
+var _ = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Separator, {
+	ref: r,
+	"data-slot": "command-separator",
+	className: e("bg-border -mx-1 h-px", t),
+	...n
+}));
+_.displayName = "CommandSeparator";
+var v = o(({ className: t, ...n }, r) => /* @__PURE__ */ c(u.Item, {
+	ref: r,
+	"data-slot": "command-item",
+	className: e("data-[selected=true]:bg-accent-background data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+	...n
+}));
+v.displayName = "CommandItem";
+var y = o(({ className: t, ...n }, r) => /* @__PURE__ */ c("span", {
+	ref: r,
+	"data-slot": "command-shortcut",
+	className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+	...n
+}));
+y.displayName = "CommandShortcut";
+//#endregion
+export { d as Command, f as CommandDialog, h as CommandEmpty, g as CommandGroup, p as CommandInput, v as CommandItem, m as CommandList, _ as CommandSeparator, y as CommandShortcut };

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

@@ -1,32 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { cva as i } from "class-variance-authority";
-import { cn as u } from "../../../../lib/utils.js";
-const c = i(
-  "flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest",
-  {
-    variants: {
-      variant: {
-        default: "bg-neutral-background text-neutral-foreground-on-neutral",
-        warning: "bg-warning-background text-warning-foreground-on-warning",
-        critical: "bg-destructive-background text-destructive-foreground-on-critical"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), d = o(({ className: t, variant: r, ...n }, a) => /* @__PURE__ */ e(
-  "output",
-  {
-    ref: a,
-    "data-slot": "count",
-    className: u(c({ variant: r }), t),
-    ...n
-  }
-));
-d.displayName = "Count";
-export {
-  d as Count,
-  c as countVariants
-};
+import { cn as e } from "../../../../lib/utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/count/count.tsx
+var i = r("flex min-h-9 min-w-9 flex-col items-center justify-center rounded-sm px-0.5 text-3xl font-medium leading-8 tracking-tightest", {
+	variants: { variant: {
+		default: "bg-neutral-background text-neutral-foreground-on-neutral",
+		warning: "bg-warning-background text-warning-foreground-on-warning",
+		critical: "bg-destructive-background text-destructive-foreground-on-critical"
+	} },
+	defaultVariants: { variant: "default" }
+}), a = t(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("output", {
+	ref: o,
+	"data-slot": "count",
+	className: e(i({ variant: r }), t),
+	...a
+}));
+a.displayName = "Count";
+//#endregion
+export { a as Count, i as countVariants };

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

@@ -1,73 +1,61 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { cn as k } from "../../../../../lib/utils.js";
-import { Popover as x, PopoverTrigger as P, PopoverContent as M } from "../../popover/popover.js";
-import { Calendar as N } from "../shared/calendar/calendar.js";
-import { DateTimeInput as w } from "../shared/date-time-input/date-time-input.js";
-import { ShortcutsPanel as R } from "../shared/shortcuts-panel/shortcuts-panel.js";
-import { useDatePicker as S } from "./use-date-picker.js";
-const Y = (n) => n ? [n, n] : [null, null], V = ({
-  value: n,
-  onChange: r,
-  format: i = "DD/MM/YYYY",
-  placeholder: p,
-  displayWeekNumber: c = !1,
-  shortcuts: t,
-  defaultDate: d,
-  className: s
-}) => {
-  const {
-    isOpen: o,
-    displayedMonth: m,
-    tempDate: a,
-    handleOpenChange: h,
-    handleDateClick: f,
-    handleMonthChange: u,
-    handleApplyShortcut: v,
-    inputRef: g,
-    popoverRef: C
-  } = S({ value: n, onChange: r, defaultDate: d }), D = o ? a : n;
-  return /* @__PURE__ */ e("div", { "data-slot": "date-picker", className: k("relative w-full", s), children: /* @__PURE__ */ l(x, { open: o, onOpenChange: h, children: [
-    /* @__PURE__ */ e(P, { render: /* @__PURE__ */ e("div", { ref: g, className: "w-full" }), children: /* @__PURE__ */ e(
-      w,
-      {
-        value: D,
-        format: i,
-        placeholder: p,
-        isOpen: o,
-        variant: "date"
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      M,
-      {
-        ref: C,
-        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: [
-          t && t.length > 0 && /* @__PURE__ */ e(
-            R,
-            {
-              shortcuts: t,
-              onShortcutClick: v
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "p-3", children: /* @__PURE__ */ e(
-            N,
-            {
-              displayedMonth: m,
-              selectedRange: Y(a),
-              hoverDate: null,
-              displayWeekNumber: c,
-              onDateClick: f,
-              onMonthChange: u
-            }
-          ) })
-        ] })
-      }
-    )
-  ] }) });
-};
-export {
-  V as DatePicker
+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 "../shared/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 };

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 };