@nivaro/react 0.3.35 → 0.3.37

package/dist/shared/components/layout-editor/preview/preview-model.js

@@ -3,55 +3,69 @@ const k = {
   desktop: null,
   tablet: 768,
   phone: 390
-};
+}, v = {
+  desktop: 1024,
+  tablet: 768,
+  phone: 390
+}, g = ["desktop", "tablet", "phone"], C = {
+  desktop: "Desktop",
+  tablet: "Tablet",
+  phone: "Phone"
+}, b = 16;
+function D(e, t = 1) {
+  if (e === "all")
+    return t === 2 ? null : g.reduce((o, s) => o + v[s], 0) + b * 4 + g.length * 2;
+  const n = k[e ?? "desktop"];
+  return n == null ? null : (n + 2) * t;
+}
 function u(e) {
   if (e == null || e === "") return [];
   try {
-    const o = typeof e == "string" ? JSON.parse(e) : e;
-    return Array.isArray(o) ? o.map((n) => String(n).toUpperCase()) : [];
+    const t = typeof e == "string" ? JSON.parse(e) : e;
+    return Array.isArray(t) ? t.map((n) => String(n).toUpperCase()) : [];
   } catch {
     return [];
   }
 }
-function _(e) {
+function S(e) {
   if (e == null || e === "") return [];
   try {
-    const o = typeof e == "string" ? JSON.parse(e) : e;
-    return Array.isArray(o) ? o.flatMap(
+    const t = typeof e == "string" ? JSON.parse(e) : e;
+    return Array.isArray(t) ? t.flatMap(
       (n) => (n == null ? void 0 : n.type) === "role" && Array.isArray(n.role_ids) ? n.role_ids.map((i) => String(i).toUpperCase()) : []
     ) : [];
   } catch {
     return [];
   }
 }
-function a(e, o) {
-  const n = String(e.role.id ?? "").toUpperCase(), i = e.role.admin_access, t = new Set(e.hidden_fields), s = new Set(e.readonly_fields), d = /* @__PURE__ */ new Map();
+function a(e, t) {
+  const n = String(e.role.id ?? "").toUpperCase(), i = e.role.admin_access, o = new Set(e.hidden_fields), s = new Set(e.readonly_fields), d = /* @__PURE__ */ new Map();
   if (!i)
-    for (const l of o.groups) {
+    for (const l of t.groups) {
       const f = l;
       u(f.hidden_for_roles).includes(n) ? d.set(f.key, "hidden") : u(f.locked_for_roles).includes(n) && d.set(f.key, "locked");
     }
   const r = /* @__PURE__ */ new Map();
-  for (const l of o.assignments) {
+  for (const l of t.assignments) {
     if (l.field.startsWith("__")) continue;
     const f = l.group_key ? d.get(l.group_key) : void 0;
     let c;
-    !e.can_read || t.has(l.field) || f === "hidden" ? c = "hidden" : !e.can_update || s.has(l.field) || f === "locked" || _(l.lock_conditions).includes(n) ? c = "readonly" : c = "editable";
+    !e.can_read || o.has(l.field) || f === "hidden" ? c = "hidden" : !e.can_update || s.has(l.field) || f === "locked" || S(l.lock_conditions).includes(n) ? c = "readonly" : c = "editable";
     const p = r.get(l.field);
-    (!p || g(c) > g(p)) && r.set(l.field, c);
+    (!p || _(c) > _(p)) && r.set(l.field, c);
   }
   return r;
 }
-const g = (e) => e === "editable" ? 2 : e === "readonly" ? 1 : 0, y = {
+const _ = (e) => e === "editable" ? 2 : e === "readonly" ? 1 : 0, y = {
   hidden: "hidden",
   readonly: "read-only",
   editable: "can edit"
 };
-function S(e, o, n) {
-  const i = a(o, e), t = a(n, e), s = (r, l) => !r.role.admin_access && u(l).includes(String(r.role.id ?? "").toUpperCase()), d = /* @__PURE__ */ new Map();
+function E(e, t, n) {
+  const i = a(t, e), o = a(n, e), s = (r, l) => !r.role.admin_access && u(l).includes(String(r.role.id ?? "").toUpperCase()), d = /* @__PURE__ */ new Map();
   for (const r of e.groups) {
-    const l = r.hidden_for_roles, f = s(o, l), c = s(n, l);
-    f !== c && d.set(r.key, `${f ? o.role.name : n.role.name} does not see this section`);
+    const l = r.hidden_for_roles, f = s(t, l), c = s(n, l);
+    f !== c && d.set(r.key, `${f ? t.role.name : n.role.name} does not see this section`);
   }
   return (r) => {
     if (r.kind === "group") {
@@ -59,99 +73,104 @@ function S(e, o, n) {
       return c ? [{ text: "Differs", tone: "violet", tip: c, highlight: !0 }] : [];
     }
     if (r.kind !== "field" && r.kind !== "header") return [];
-    const l = i.get(r.field), f = t.get(r.field);
+    const l = i.get(r.field), f = o.get(r.field);
     return !l || !f || l === f ? [] : [
       {
         text: "Differs",
         tone: "violet",
-        tip: `${o.role.name}: ${y[l]} · ${n.role.name}: ${y[f]}`,
+        tip: `${t.role.name}: ${y[l]} · ${n.role.name}: ${y[f]}`,
         highlight: !0
       }
     ];
   };
 }
-function b(e, o) {
+function I(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const i of e)
-    for (const [t, s] of a(i, o)) {
-      const d = n.get(t) ?? { edit: [], read: [], hidden: [] };
-      s === "editable" ? d.edit.push(i.role.name) : s === "readonly" ? d.read.push(i.role.name) : d.hidden.push(i.role.name), n.set(t, d);
+    for (const [o, s] of a(i, t)) {
+      const d = n.get(o) ?? { edit: [], read: [], hidden: [] };
+      s === "editable" ? d.edit.push(i.role.name) : s === "readonly" ? d.read.push(i.role.name) : d.hidden.push(i.role.name), n.set(o, d);
     }
   return n;
 }
-function A(e) {
-  const o = e.edit.length + e.read.length + e.hidden.length, n = e.edit.length + e.read.length;
-  if (o === 0 || n === 0) return "none";
-  if (n === o) return "all";
-  const i = n / o;
+function w(e) {
+  const t = e.edit.length + e.read.length + e.hidden.length, n = e.edit.length + e.read.length;
+  if (t === 0 || n === 0) return "none";
+  if (n === t) return "all";
+  const i = n / t;
   return i < 1 / 3 ? "few" : i < 2 / 3 ? "some" : "most";
 }
-function C(e, o) {
+function L(e, t) {
   const n = [];
   for (const i of e.assignments)
     if (i.lock_conditions)
       try {
-        const t = JSON.parse(i.lock_conditions);
-        Array.isArray(t) && t.some((s) => {
+        const o = JSON.parse(i.lock_conditions);
+        Array.isArray(o) && o.some((s) => {
           var d;
-          return (s == null ? void 0 : s.type) === "pipeline_state" && ((d = s.state_keys) == null ? void 0 : d.includes(o));
+          return (s == null ? void 0 : s.type) === "pipeline_state" && ((d = s.state_keys) == null ? void 0 : d.includes(t));
         }) && n.push(i.field);
       } catch {
       }
   return [...new Set(n)];
 }
-function w(e, o) {
+function M(e, t) {
   const n = [];
   for (const i of e)
-    if (!(i.from_state != null && i.from_state !== o))
-      for (const t of i.requirements ?? []) {
-        const s = Array.isArray(t == null ? void 0 : t.fields) ? t.fields.map(String) : [];
+    if (!(i.from_state != null && i.from_state !== t))
+      for (const o of i.requirements ?? []) {
+        const s = Array.isArray(o == null ? void 0 : o.fields) ? o.fields.map(String) : [];
         s.length !== 0 && n.push({
           label: i.label,
           fields: s,
-          collection: typeof t.collection == "string" && t.collection ? t.collection : null
+          collection: typeof o.collection == "string" && o.collection ? o.collection : null
         });
       }
   return n;
 }
-function M(e) {
-  const o = /* @__PURE__ */ new Map();
+function V(e) {
+  const t = /* @__PURE__ */ new Map();
   for (const n of e.groups) {
     const i = m(n.visible_when);
-    for (const t of i) {
-      if (!t.field) continue;
-      const s = o.get(t.field) ?? { field: t.field, values: [], drives: [] };
-      if (t.op === "in")
-        for (const r of String(t.value ?? "").split(","))
+    for (const o of i) {
+      if (!o.field) continue;
+      const s = t.get(o.field) ?? { field: o.field, values: [], drives: [] };
+      if (o.op === "in")
+        for (const r of String(o.value ?? "").split(","))
           r.trim() && !s.values.includes(r.trim()) && s.values.push(r.trim());
-      if ((t.op ?? "eq") === "eq" || t.op === "neq") {
-        const r = String(t.value ?? "");
+      if ((o.op ?? "eq") === "eq" || o.op === "neq") {
+        const r = String(o.value ?? "");
         r && !s.values.includes(r) && s.values.push(r);
       }
       const d = n.label || n.key;
-      s.drives.includes(d) || s.drives.push(d), o.set(t.field, s);
+      s.drives.includes(d) || s.drives.push(d), t.set(o.field, s);
     }
   }
-  return [...o.values()].sort((n, i) => n.field.localeCompare(i.field));
+  return [...t.values()].sort((n, i) => n.field.localeCompare(i.field));
 }
-function D(e, o, n) {
-  const i = [], t = [];
+function W(e, t, n) {
+  const i = [], o = [];
   for (const s of e.groups) {
     const d = s.visible_when;
     if (m(d).length === 0) continue;
-    const r = h(d, o), l = h(d, n);
-    r !== l && (l ? i : t).push(s.key);
+    const r = h(d, t), l = h(d, n);
+    r !== l && (l ? i : o).push(s.key);
   }
-  return { shown: i, hidden: t };
+  return { shown: i, hidden: o };
 }
 export {
+  b as ALL_DEVICE_GAP,
+  v as ALL_DEVICE_WIDTH,
+  C as DEVICE_LABEL,
+  g as DEVICE_ORDER,
   k as DEVICE_WIDTH,
-  S as compareMarks,
-  M as drivingFields,
+  E as compareMarks,
+  V as drivingFields,
   a as fieldAccessForRole,
-  C as fieldsLockedInState,
-  w as leavingNeeds,
-  D as visibilityChanges,
-  b as whoSeesFields,
-  A as whoTint
+  L as fieldsLockedInState,
+  M as leavingNeeds,
+  D as previewNaturalWidth,
+  W as visibilityChanges,
+  I as whoSeesFields,
+  w as whoTint
 };

package/dist/shared/components/layout-editor/preview/sample-record.js

@@ -0,0 +1,105 @@
+import { relKindOf as C, asObject as $, asArray as A } from "../inspector/model.js";
+function T(n) {
+  let t = n >>> 0;
+  return () => {
+    t = t + 1831565813 >>> 0;
+    let e = t;
+    return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+  };
+}
+const a = (n, t) => t[Math.floor(n() * t.length)], u = (n, t, e) => t + Math.floor(n() * (e - t + 1)), k = ["Jordan", "Sam", "Priya", "Alex", "Morgan", "Taylor", "Riley", "Casey", "Jamie"], v = ["Lee", "Patel", "Nguyen", "Garcia", "Smith", "Okafor", "Kim", "Rossi", "Brown"], w = ["Northwind", "Contoso", "Fabrikam", "Tailspin", "Litware", "Adatum", "Proseware"], L = ["Philadelphia", "Denver", "Atlanta", "Seattle", "Austin", "Chicago", "Boston"], E = ["Market St", "Oak Ave", "Maple Dr", "Main St", "Cedar Ln", "Park Blvd"], I = ["PA", "CO", "GA", "WA", "TX", "IL", "MA"], O = ["order", "request", "project", "site visit", "renewal", "upgrade", "review"], S = ["Quarterly", "Annual", "Urgent", "Planned", "Regional", "Standard", "Follow-up"], x = [
+  "Waiting on the vendor to confirm the delivery date.",
+  "Reviewed with the team; no changes needed this round.",
+  "Second quote came in lower, so we went with it.",
+  "Needs sign-off before the end of the month.",
+  "Scheduled for the next maintenance window.",
+  "Customer asked for an update by Friday."
+], M = /* @__PURE__ */ new Set([
+  "id",
+  "user_created",
+  "user_updated",
+  "date_created",
+  "date_updated",
+  "created_at",
+  "updated_at",
+  "created_by",
+  "updated_by",
+  "sort"
+]), F = /* @__PURE__ */ new Set([
+  "select-multiple-dropdown",
+  "select-multiple-checkbox",
+  "checkboxes",
+  "tags",
+  "select-multiple"
+]), R = /* @__PURE__ */ new Set(["integer", "bigInteger", "smallint", "tinyint", "bigint"]), N = /* @__PURE__ */ new Set(["decimal", "float", "money", "smallmoney", "double", "numeric"]), P = /* @__PURE__ */ new Set(["file", "file-image", "files", "files-m2m", "image"]);
+function D(n) {
+  const t = $(n.options);
+  return A(t.choices).map((e) => e && typeof e == "object" ? e.value : e).filter((e) => e != null && e !== "");
+}
+const s = (n, ...t) => t.some((e) => n.includes(e));
+function y(n, t) {
+  const e = n.toISOString();
+  return t ? `${e.slice(0, 19)}Z` : e.slice(0, 10);
+}
+function b(n, t, e, o) {
+  const l = a(e, k), c = a(e, v);
+  return s(n, "email") ? `${l}.${c}@example.com`.toLowerCase() : s(n, "phone", "mobile", "fax") ? `(555) ${String(u(e, 100, 999))}-${String(u(e, 1e3, 9999))}` : s(n, "first_name", "firstname", "given") ? l : s(n, "last_name", "lastname", "surname", "family") ? c : s(n, "company", "vendor", "supplier", "customer", "organization", "org") ? `${a(e, w)} ${a(e, ["Inc.", "LLC", "Co.", "Group"])}` : s(n, "name", "owner", "contact", "person", "manager", "assignee") ? `${l} ${c}` : s(n, "city", "town") ? a(e, L) : s(n, "state", "province", "region") ? a(e, I) : s(n, "zip", "postal") ? String(u(e, 1e4, 99999)) : s(n, "country") ? "United States" : s(n, "street", "address") ? `${u(e, 10, 9999)} ${a(e, E)}` : s(n, "url", "website", "link", "site") ? `https://www.${a(e, w).toLowerCase()}.example` : s(n, "code", "number", "ref", "sku", "po", "invoice", "ticket") ? `${t.replace(/[^A-Za-z]/g, "").slice(0, 3).toUpperCase() || "REF"}-${u(e, 1e3, 9999)}` : s(n, "title", "subject", "summary", "headline") ? `${a(e, S)} ${a(e, O)}` : o || s(n, "note", "description", "comment", "detail", "reason", "message", "body") ? a(e, x) : `${a(e, S)} ${t.toLowerCase()}`;
+}
+function j(n) {
+  var l;
+  const t = T(n.seed), e = n.now ?? /* @__PURE__ */ new Date(), o = {};
+  for (const c of n.fields) {
+    const i = c.field;
+    if (!i || i.startsWith("__") || i.includes(".") || M.has(i) || c.computed_type) continue;
+    const h = String(c.interface ?? ""), r = String(c.type ?? "string"), p = C(i, n.relations);
+    if (p === "O2M" || p === "M2M" || r === "alias" || P.has(h)) continue;
+    const d = i.toLowerCase(), g = String(c.label || i.replace(/_/g, " "));
+    if (p === "M2O") {
+      const m = ((l = n.relatedIds) == null ? void 0 : l[i]) ?? [];
+      m.length && (o[i] = a(t, m));
+      continue;
+    }
+    const f = D(c);
+    if (f.length) {
+      if (F.has(h) || r === "csv" || r === "json") {
+        const m = Math.min(f.length, u(t, 1, 2)), _ = [...f].sort(() => t() - 0.5);
+        o[i] = _.slice(0, m);
+      } else o[i] = a(t, f);
+      continue;
+    }
+    if (r === "boolean") o[i] = t() < 0.5;
+    else if (R.has(r))
+      o[i] = s(d, "year") ? e.getUTCFullYear() : u(t, 1, s(d, "qty", "quantity", "count") ? 50 : 500);
+    else if (N.has(r)) o[i] = Math.round((10 + t() * 9990) * 100) / 100;
+    else if (r === "date")
+      o[i] = y(new Date(e.getTime() + u(t, -60, 60) * 864e5), !1);
+    else if (r === "dateTime" || r === "timestamp" || r === "datetime")
+      o[i] = y(
+        new Date(e.getTime() + u(t, -60, 60) * 864e5 + u(t, 8, 17) * 36e5),
+        !0
+      );
+    else if (r === "time")
+      o[i] = `${String(u(t, 8, 17)).padStart(2, "0")}:${a(t, ["00", "15", "30", "45"])}:00`;
+    else {
+      if (r === "uuid" || r === "json" || r === "binary" || r === "geometry")
+        continue;
+      r === "text" ? o[i] = b(d, g, t, !0) : o[i] = b(d, g, t, !1);
+    }
+  }
+  return o;
+}
+function q(n, t) {
+  var o;
+  const e = [];
+  for (const l of n) {
+    if (M.has(l.field) || l.computed_type || C(l.field, t) !== "M2O") continue;
+    const c = (o = t.find((i) => i.many_field === l.field)) == null ? void 0 : o.one_collection;
+    !c || /^(nivaro|directus)_/.test(c) || e.push({ field: l.field, collection: c });
+  }
+  return e;
+}
+export {
+  j as buildSampleRecord,
+  q as samplePickers,
+  T as seededRandom
+};

package/dist/shared/components/layout-editor/removed-log.js

@@ -0,0 +1,151 @@
+import { useState as M, useRef as _, useCallback as P, useMemo as $ } from "react";
+import { applyLayoutOps as K, UNGROUPED_KEY as U, HEADER_GROUP_KEY as h } from "../../lib/layout-ops.js";
+import { titleCase as O } from "../../lib/utils.js";
+import { fieldSpot as A } from "./add-target.js";
+import { sectionLabel as v } from "./canvas-diff.js";
+import { placementPatchOf as B } from "./inspector/model.js";
+import { restorePieceOps as C } from "./restore-piece.js";
+import { slotName as N } from "./slot-names.js";
+import { refuse as R, checked as S } from "./structure-ops.js";
+const W = 25;
+let D = 0;
+function Y(e, t, f, a = O) {
+  let n;
+  try {
+    n = K(e, t);
+  } catch {
+    return [];
+  }
+  const l = /* @__PURE__ */ new Set();
+  for (const r of t)
+    r.op === "group_remove" && r.key !== U && !n.groups.some((o) => o.key === r.key) && l.add(r.key);
+  const g = new Set(t.flatMap((r) => r.op === "place" ? [r.field] : [])), c = [], u = Date.now(), m = (r) => {
+    var i;
+    let o = r;
+    for (; o; ) {
+      if (l.has(o)) return !0;
+      o = ((i = e.groups.find((k) => k.key === o)) == null ? void 0 : i.parent_key) ?? null;
+    }
+    return !1;
+  };
+  for (const r of l) {
+    const o = e.groups.find((k) => k.key === r);
+    if (!o || m(o.parent_key)) continue;
+    const i = e.placements.filter((k) => k.group_key === r).length;
+    c.push({
+      id: `r${++D}`,
+      piece: { kind: "group", key: r },
+      label: o.label || O(o.key),
+      where: i ? `section · ${i} ${i === 1 ? "field" : "fields"}` : "section",
+      how: f,
+      before: e,
+      at: u
+    });
+  }
+  for (const r of t) {
+    if (r.op !== "remove") continue;
+    const o = r.at.group_key ?? null;
+    m(o) || g.has(r.at.field) || n.placements.some((i) => i.field === r.at.field && i.group_key === o) || e.placements.some((i) => i.field === r.at.field && i.group_key === o) && c.push({
+      id: `r${++D}`,
+      piece: { kind: "field", field: r.at.field, group_key: o },
+      label: r.at.field.startsWith("__") ? N(r.at.field) : a(r.at.field),
+      where: o === h ? "in the header strip" : `in ${v(e.groups, o)}`,
+      how: f,
+      before: e,
+      at: u
+    });
+  }
+  return c;
+}
+function L(e, t) {
+  if (t.piece.kind === "group") {
+    const n = t.piece.key;
+    return !e.groups.some((l) => l.key === n);
+  }
+  const { field: f, group_key: a } = t.piece;
+  return !e.placements.some((n) => n.field === f && n.group_key === a);
+}
+function T(e, t, f) {
+  if (!L(e, t)) return R(`${t.label} is already on the form`);
+  try {
+    const a = C(e, t.before, t.piece);
+    return S(e, {
+      ok: !0,
+      ops: a,
+      label: `Put back ${t.label}`,
+      notes: [],
+      select: t.piece.kind === "group" ? { kind: "group", key: t.piece.key } : t.piece.group_key === h ? { kind: "header", field: t.piece.field } : {
+        kind: t.piece.field.startsWith("__") ? "slot" : "field",
+        field: t.piece.field,
+        group_key: t.piece.group_key
+      }
+    });
+  } catch (a) {
+    if (t.piece.kind === "group") return R(a.message);
+    const { field: n, group_key: l } = t.piece, g = t.before.placements.find((u) => u.field === n && u.group_key === l), c = A(e, f, l === h ? "header" : "form");
+    return e.placements.some((u) => u.field === n && u.group_key === c.group_key) ? R(
+      `Its section is gone and ${t.label} is already in ${v(e.groups, c.group_key)}`
+    ) : S(e, {
+      ok: !0,
+      ops: [
+        {
+          op: "place",
+          field: n,
+          group_key: c.group_key,
+          index: c.index,
+          ...g ? { patch: B(g) } : {}
+        }
+      ],
+      label: `Put back ${t.label}`,
+      notes: [`Its section is gone: it goes in ${v(e.groups, c.group_key)}`],
+      select: c.group_key === h ? { kind: "header", field: n } : { kind: "field", field: n, group_key: c.group_key }
+    });
+  }
+}
+function X(e, t, f) {
+  const [a, n] = M({}), l = _(e.bundle), g = _(e.bundle);
+  g.current !== e.bundle && (g.current = e.bundle, l.current = e.bundle);
+  const c = _(e);
+  c.current = e;
+  const u = _(f);
+  u.current = f;
+  const m = _(t);
+  m.current = t;
+  const r = P((d, s) => {
+    const p = l.current;
+    if (p && d.some((y) => y.op === "remove" || y.op === "group_remove")) {
+      const y = Y(p, d, (s == null ? void 0 : s.label) ?? "Removed", u.current);
+      if (y.length) {
+        const w = m.current;
+        n((E) => ({
+          ...E,
+          [w]: [...y.reverse(), ...E[w] ?? []].slice(0, W)
+        }));
+      }
+    }
+    if (p)
+      try {
+        l.current = K(p, d);
+      } catch {
+      }
+    c.current.apply(d, s);
+  }, []), o = P((d) => {
+    const s = m.current;
+    n((p) => ({ ...p, [s]: (p[s] ?? []).filter((y) => y.id !== d) }));
+  }, []), i = a[t], k = e.bundle, b = $(() => {
+    if (!k || !i) return [];
+    const d = /* @__PURE__ */ new Set();
+    return i.filter((s) => {
+      const p = s.piece.kind === "group" ? `g:${s.piece.key}` : `f:${s.piece.field}:${s.piece.group_key ?? ""}`;
+      return d.has(p) ? !1 : (d.add(p), L(k, s));
+    });
+  }, [i, k]), x = $(() => ({ ...e, apply: r }), [e, r]), G = $(() => ({ entries: b, forget: o }), [b, o]);
+  return { draft: x, removed: G };
+}
+export {
+  W as REMOVED_KEEP,
+  T as putBackPlan,
+  Y as removalsIn,
+  L as stillRemoved,
+  X as useRemovalLog
+};