@nivaro/react 0.3.33 → 0.3.35

package/dist/shared/components/item-edit/PersonalDefaultControl.js

@@ -0,0 +1,211 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { UserRoundPlus as D, UserRoundPen as S, UserRoundX as C, Check as U, UserRound as w, Undo2 as E } from "lucide-react";
+import { useState as Y, Fragment as F, useInsertionEffect as P } from "react";
+import { toast as c } from "sonner";
+import { usePersonalDefaultsApi as I } from "./usePersonalDefaults.js";
+function T(e) {
+  return e.applied && e.hasDefault ? "applied" : e.editable ? e.loaded ? e.failed && !e.hasDefault ? e.hasValue ? "offer" : null : e.hasDefault ? e.hasValue ? e.isDefault ? "saved" : "update" : "saved-empty" : e.hasValue ? "offer" : "reserve" : "reserve" : null;
+}
+function K(e, n, a) {
+  return e != null && e.allowed(n) ? T({
+    editable: a,
+    loaded: e.loaded,
+    hasValue: e.hasValue(n),
+    hasDefault: e.defaultFor(n) !== null,
+    isDefault: e.isDefault(n),
+    applied: e.applied(n),
+    failed: e.failed
+  }) : null;
+}
+function g(e, n) {
+  var d, i, p;
+  const a = e;
+  return ((i = (d = a == null ? void 0 : a.response) == null ? void 0 : d.data) == null ? void 0 : i.error) ?? ((p = a == null ? void 0 : a.data) == null ? void 0 : p.error) ?? (a == null ? void 0 : a.error) ?? (a == null ? void 0 : a.message) ?? n;
+}
+function R(e, n) {
+  return e.clear(n).then(
+    (a) => (c.success(
+      "Your default was cleared",
+      a ? {
+        action: {
+          label: "Undo",
+          onClick: () => {
+            e.restore(a).then(
+              () => c.success("Your default is back"),
+              (d) => c.error(g(d, "Could not put your default back"))
+            );
+          }
+        }
+      } : void 0
+    ), !0),
+    (a) => (c.error(g(a, "Could not clear your default")), !1)
+  );
+}
+const A = `
+[data-pd-row]{container-type:inline-size;container-name:nvrpd}
+[data-personal-default-slot]{min-width:13rem}
+[data-personal-default-slot][data-pd-new]{min-width:16rem}
+[data-personal-default-slot] [data-pd-icon]{display:none}
+@container nvrpd (max-width: 319px){
+[data-personal-default-slot],[data-personal-default-slot][data-pd-new]{min-width:9rem}
+[data-personal-default-slot] [data-pd-label]{display:none}
+[data-personal-default-slot] [data-pd-icon]{display:inline-block}
+}
+@container nvrpd (max-width: 191px){
+[data-personal-default-slot]{min-width:3.25rem}
+[data-personal-default-slot][data-pd-new]{min-width:5rem}
+[data-personal-default-slot] [data-pd-primary]{display:none}
+}
+@media (hover: none) and (pointer: coarse){
+[data-pd-row] [data-pd-action]::before{top:-16px;bottom:-8px}
+[data-personal-default-confirm] button{height:2.75rem;padding-inline:.875rem}
+}
+@media (hover: none){
+button[data-field-menu-trigger]{opacity:1}
+}
+`, N = "nvr-personal-default-css";
+function L() {
+  P(() => {
+    if (typeof document > "u" || document.getElementById(N)) return;
+    const e = document.createElement("style");
+    e.id = N, e.textContent = A, document.head.appendChild(e);
+  }, []);
+}
+const y = 'relative inline-flex h-5 shrink-0 items-center gap-1 whitespace-nowrap rounded px-1 text-[10.5px] font-medium text-slate-500 transition-colors duration-150 before:absolute before:inset-x-0 before:-inset-y-0.5 before:content-[""] hover:bg-muted hover:text-slate-800 active:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-600 disabled:cursor-not-allowed disabled:opacity-50 aria-expanded:bg-muted aria-expanded:text-slate-800 dark:text-muted-foreground dark:hover:text-foreground dark:focus-visible:ring-sky-300 dark:aria-expanded:text-foreground', V = "inline-flex h-5 shrink-0 items-center gap-1 whitespace-nowrap px-1 text-[10.5px] font-medium text-slate-500 dark:text-muted-foreground", $ = "inline-flex h-5 shrink-0 items-center gap-1 whitespace-nowrap rounded bg-sky-50 px-1.5 text-[10.5px] font-medium text-sky-800 dark:bg-sky-900/30 dark:text-sky-200";
+function j() {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: "select-none px-px text-[10.5px] text-slate-400 dark:text-slate-500",
+      children: "·"
+    }
+  );
+}
+function X({
+  field: e,
+  label: n,
+  state: a,
+  confirmOpen: d,
+  onConfirm: i,
+  onUndo: p,
+  onCleared: h
+}) {
+  L();
+  const l = I(), [v, b] = Y(!1), o = n || e, x = a !== "saved-empty", m = /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      "data-personal-default-clear": e,
+      "aria-label": x ? `Clear your saved default for ${o} (the field keeps its value)` : `Clear your saved default for ${o}`,
+      "data-tip": x ? "Forget your saved default — this field keeps its value" : "Forget your saved default",
+      "data-pd-action": !0,
+      tabIndex: -1,
+      disabled: v || !l,
+      "aria-busy": v || void 0,
+      onClick: () => {
+        l && (b(!0), R(l, e).then((r) => {
+          b(!1), r && (h == null || h());
+        }));
+      },
+      className: y,
+      children: [
+        /* @__PURE__ */ t(C, { "data-pd-icon": !0, className: "h-3 w-3", "aria-hidden": !0 }),
+        /* @__PURE__ */ t("span", { "data-pd-label": !0, children: "Clear default" })
+      ]
+    },
+    "clear"
+  ), k = (r) => /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      ...r === "make" ? { "data-personal-default-make": e } : { "data-personal-default-update": e },
+      "aria-label": r === "make" ? `Make this your default for ${o}` : `Update your saved default for ${o} to this value`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": d === r,
+      "data-tip": r === "make" ? "Start your new records with this value" : "Start your new records with this value instead",
+      "data-pd-action": !0,
+      tabIndex: -1,
+      onClick: (f) => i(f.currentTarget, r),
+      className: y,
+      children: [
+        r === "make" ? /* @__PURE__ */ t(D, { className: "h-3 w-3", "aria-hidden": !0 }) : /* @__PURE__ */ t(S, { className: "h-3 w-3", "aria-hidden": !0 }),
+        /* @__PURE__ */ t("span", { "data-pd-primary": !0, children: r === "make" ? "Make default" : "Update default" })
+      ]
+    },
+    r
+  );
+  let u = [];
+  return a === "offer" ? u = [k("make")] : a === "update" ? u = [k("update"), m] : a === "saved" || a === "saved-empty" ? u = [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        "data-personal-default-saved": e,
+        "data-tip": a === "saved" ? "Your new records start with this value" : "You have a saved default for this field — new records start with it",
+        className: V,
+        children: [
+          a === "saved" ? /* @__PURE__ */ t(U, { className: "h-3 w-3 text-sky-700 dark:text-sky-300", "aria-hidden": !0 }) : /* @__PURE__ */ t(w, { className: "h-3 w-3", "aria-hidden": !0 }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Your default" }),
+          /* @__PURE__ */ t("span", { "data-pd-label": !0, "aria-hidden": !0, children: "Your default" })
+        ]
+      },
+      "status"
+    ),
+    m
+  ] : a === "applied" && (u = [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        "data-personal-default": e,
+        "data-tip": "Filled in from your saved default",
+        className: $,
+        children: [
+          /* @__PURE__ */ t(w, { className: "h-3 w-3", "aria-hidden": !0 }),
+          /* @__PURE__ */ t("span", { className: "sr-only", children: "Your default" }),
+          /* @__PURE__ */ t("span", { "data-pd-label": !0, "aria-hidden": !0, children: "Your default" })
+        ]
+      },
+      "status"
+    ),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        "data-personal-default-undo": e,
+        "aria-label": `Undo: empty ${o} (your saved default stays)`,
+        "data-tip": "Empty this field — your saved default stays",
+        "data-pd-action": !0,
+        onClick: p,
+        className: y,
+        children: [
+          /* @__PURE__ */ t(E, { className: "h-3 w-3", "aria-hidden": !0 }),
+          /* @__PURE__ */ t("span", { "data-pd-label": !0, children: "Undo" })
+        ]
+      },
+      "undo"
+    ),
+    m
+  ]), /* @__PURE__ */ t(
+    "span",
+    {
+      "data-personal-default-slot": e,
+      "data-state": a,
+      "data-pd-new": l != null && l.isNew ? "" : void 0,
+      "aria-hidden": a === "reserve" ? !0 : void 0,
+      className: "inline-flex shrink-0 items-center justify-end",
+      children: u.map((r, f) => /* @__PURE__ */ s(F, { children: [
+        f > 0 && /* @__PURE__ */ t(j, {}),
+        r
+      ] }, String(r.key ?? f)))
+    }
+  );
+}
+export {
+  A as PERSONAL_DEFAULT_CSS,
+  X as PersonalDefaultSlot,
+  R as clearPersonalDefault,
+  K as personalDefaultSlotFor,
+  T as personalDefaultSlotState,
+  g as refusalText,
+  L as usePersonalDefaultCss
+};

package/dist/shared/components/item-edit/PersonalDefaultPill.js

@@ -0,0 +1,20 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { UserRound as r } from "lucide-react";
+const l = "inline-flex h-7 items-center gap-1 rounded-md px-2 text-[11.5px] font-medium text-slate-500 transition-colors hover:bg-muted hover:text-slate-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-nvr-cyan/40 dark:text-slate-400 dark:hover:text-slate-100";
+function o({ field: t, text: s }) {
+  return /* @__PURE__ */ n(
+    "p",
+    {
+      "data-personal-default-hint": t,
+      className: "flex items-start gap-1 text-[11.5px] leading-snug text-slate-500 dark:text-slate-400",
+      children: [
+        /* @__PURE__ */ e(r, { className: "mt-0.5 h-3 w-3 shrink-0", "aria-hidden": !0 }),
+        /* @__PURE__ */ e("span", { children: s })
+      ]
+    }
+  );
+}
+export {
+  l as PERSONAL_DEFAULT_GHOST_BUTTON,
+  o as PersonalDefaultHint
+};