@nivaro/react 0.3.32 → 0.3.34

package/dist/shared/components/layout-editor/inspector/BehaviourSettings.js

@@ -1,48 +1,49 @@
 import { jsxs as h, jsx as a, Fragment as C } from "react/jsx-runtime";
-import { X as $ } from "lucide-react";
+import { X as S } from "lucide-react";
 import { useMemo as N } from "react";
 import { validateExpression as R } from "../../../lib/expression.js";
-import { displayFormulaOf as T, textRulesOf as O, counterOf as L, confirmChangeOf as F } from "../../../lib/placement-behaviour.js";
-import { cn as A } from "../../../lib/utils.js";
-import { RoleConditionRow as M, PipelineStateConditionRow as w } from "../editors/lock-conditions.js";
-import { useColumnFacts as I, columnOf as W } from "../inspect/inspect-api.js";
-import { effectText as D, tintCard as P } from "../panel-style.js";
+import { displayFormulaOf as T, textRulesOf as O, counterOf as L, confirmChangeOf as M } from "../../../lib/placement-behaviour.js";
+import { cn as F } from "../../../lib/utils.js";
+import { RoleConditionRow as A, PipelineStateConditionRow as $ } from "../editors/lock-conditions.js";
+import { useColumnFacts as P, columnOf as D } from "../inspect/inspect-api.js";
+import { effectText as I, tintCard as W } from "../panel-style.js";
 import { isRelational as j } from "./applies.js";
 import { useFieldCtx as b } from "./field-context.js";
-import { useInspectorEnv as q, Setting as p, TextInput as v, TextArea as K, Segmented as k, DraftInput as E, AddButton as H, Toggle as _ } from "./kit.js";
+import { useInspectorEnv as q, Setting as p, TextInput as _, TextArea as K, Segmented as k, DraftInput as E, AddButton as H, Toggle as v } from "./kit.js";
 const U = "rounded p-0.5 text-slate-400 transition-colors hover:bg-muted hover:text-slate-700 dark:hover:text-foreground";
 function z(o) {
   if (j(o)) return !1;
   const s = o.iface ?? "";
   return ["string", "text", "richtext", "rich_text", "markdown", "wysiwyg"].includes(o.type) || /textarea|rich|wysiwyg|markdown/i.test(s);
 }
-function S(o, s) {
-  return !s.startsWith("__") && !o.isPath && o.type !== "alias" && o.relKind !== "M2M" && o.relKind !== "O2M" && o.computedType !== "virtual" && o.computedType !== "read";
+function w(o, s, r = {}) {
+  const u = r.allowM2M === !0 && o.relKind === "M2M";
+  return !s.startsWith("__") && !o.isPath && (u || o.type !== "alias" && o.relKind !== "M2M") && o.relKind !== "O2M" && o.computedType !== "virtual" && o.computedType !== "read";
 }
-function re() {
-  const o = b(), { ov: s, info: d, env: f, row: l } = o, i = d.label, c = O(s), u = (r, n, e) => o.setOverride("text_rules", r.length ? r : void 0, n, e), t = (r, n, e, m) => u(
-    c.map((g, y) => y === r ? { ...g, ...n } : g),
+function le() {
+  const o = b(), { ov: s, info: r, env: u, row: i } = o, c = r.label, d = O(s), f = (l, n, e) => o.setOverride("text_rules", l.length ? l : void 0, n, e), t = (l, n, e, m) => f(
+    d.map((g, y) => y === l ? { ...g, ...n } : g),
     e,
     m
   );
-  return l.field.startsWith("__") ? null : /* @__PURE__ */ h(
+  return i.field.startsWith("__") ? null : /* @__PURE__ */ h(
     p,
     {
       k: "field.text_rules",
       label: "Label and help by state or role",
       effect: "Different words in a workflow state or for a role: “Requested date” becomes “Delivered date” once Completed. The first rule that matches wins; the record page, read view and PDF follow it.",
       children: [
-        c.map((r, n) => /* @__PURE__ */ h(
+        d.map((l, n) => /* @__PURE__ */ h(
           "div",
           {
             "data-text-rule": n,
-            className: A(P, "space-y-2 px-2.5 py-2"),
+            className: F(W, "space-y-2 px-2.5 py-2"),
             children: [
               /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ a("div", { className: "flex-1", children: /* @__PURE__ */ a(
                   k,
                   {
-                    value: r.type,
+                    value: l.type,
                     options: [
                       { value: "pipeline_state", label: "In a state" },
                       { value: "role", label: "For a role" }
@@ -55,7 +56,7 @@ function re() {
                         state_keys: void 0,
                         pipeline_id: void 0
                       } : { type: "pipeline_state", state_keys: [], role_ids: void 0 },
-                      `Change when ${i} reads differently`
+                      `Change when ${c} reads differently`
                     )
                   }
                 ) }),
@@ -66,46 +67,46 @@ function re() {
                     "aria-label": "Remove this rule",
                     "data-tip": "Remove this rule",
                     className: U,
-                    onClick: () => u(
-                      c.filter((e, m) => m !== n),
-                      `Remove a label rule from ${i}`
+                    onClick: () => f(
+                      d.filter((e, m) => m !== n),
+                      `Remove a label rule from ${c}`
                     ),
-                    children: /* @__PURE__ */ a($, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ a(S, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] }),
-              r.type === "role" ? /* @__PURE__ */ a(
-                M,
+              l.type === "role" ? /* @__PURE__ */ a(
+                A,
                 {
-                  roleIds: r.role_ids ?? [],
-                  onRoleIdsChange: (e) => t(n, { role_ids: e }, `Change the roles for ${i}`)
+                  roleIds: l.role_ids ?? [],
+                  onRoleIdsChange: (e) => t(n, { role_ids: e }, `Change the roles for ${c}`)
                 }
               ) : /* @__PURE__ */ a(
-                w,
+                $,
                 {
-                  collection: f.collection,
-                  pipelineId: r.pipeline_id,
-                  stateKeys: r.state_keys ?? [],
-                  onPipelineChange: (e) => t(n, { pipeline_id: e, state_keys: [] }, `Change the pipeline for ${i}`),
-                  onStateKeysChange: (e) => t(n, { state_keys: e }, `Change the states for ${i}`)
+                  collection: u.collection,
+                  pipelineId: l.pipeline_id,
+                  stateKeys: l.state_keys ?? [],
+                  onPipelineChange: (e) => t(n, { pipeline_id: e, state_keys: [] }, `Change the pipeline for ${c}`),
+                  onStateKeysChange: (e) => t(n, { state_keys: e }, `Change the states for ${c}`)
                 }
               ),
               /* @__PURE__ */ a(
-                v,
+                _,
                 {
                   ariaLabel: "Label in this case",
-                  value: r.label ?? "",
-                  placeholder: `Label (${i})`,
-                  onChange: (e) => t(n, { label: e || void 0 }, `Change a label rule of ${i}`, !0)
+                  value: l.label ?? "",
+                  placeholder: `Label (${c})`,
+                  onChange: (e) => t(n, { label: e || void 0 }, `Change a label rule of ${c}`, !0)
                 }
               ),
               /* @__PURE__ */ a(
-                v,
+                _,
                 {
                   ariaLabel: "Help text in this case",
-                  value: r.note ?? "",
+                  value: l.note ?? "",
                   placeholder: "Help text (unchanged when empty)",
-                  onChange: (e) => t(n, { note: e || void 0 }, `Change a help rule of ${i}`, !0)
+                  onChange: (e) => t(n, { note: e || void 0 }, `Change a help rule of ${c}`, !0)
                 }
               )
             ]
@@ -115,9 +116,9 @@ function re() {
         /* @__PURE__ */ a(
           H,
           {
-            onClick: () => u(
-              [...c, { type: "pipeline_state", state_keys: [] }],
-              `Add a label rule to ${i}`
+            onClick: () => f(
+              [...d, { type: "pipeline_state", state_keys: [] }],
+              `Add a label rule to ${c}`
             ),
             children: "+ Add a rule"
           }
@@ -126,21 +127,21 @@ function re() {
     }
   );
 }
-function le() {
-  const o = b(), { ov: s, info: d, env: f, row: l } = o, { data: i } = I(f.collection), c = W(i, l.field);
-  if (!z(d) || l.field.startsWith("__")) return null;
-  const u = d.label, t = L(s), r = (c == null ? void 0 : c.max_length) != null && c.max_length > 0 ? c.max_length : null, n = (e, m, g) => o.setOverride("counter", e, m, g);
+function re() {
+  const o = b(), { ov: s, info: r, env: u, row: i } = o, { data: c } = P(u.collection), d = D(c, i.field);
+  if (!z(r) || i.field.startsWith("__")) return null;
+  const f = r.label, t = L(s), l = (d == null ? void 0 : d.max_length) != null && d.max_length > 0 ? d.max_length : null, n = (e, m, g) => o.setOverride("counter", e, m, g);
   return /* @__PURE__ */ h("div", { "data-setting": "field.counter", className: "space-y-3", children: [
     /* @__PURE__ */ a(
-      _,
+      v,
       {
         k: "field.counter.on",
         label: "Counter and limit",
-        effect: r ? `Counts as people type. The limit starts at the column size (${r.toLocaleString()} characters); past it the form will not save.` : "Counts as people type; past a limit the form will not save.",
+        effect: l ? `Counts as people type. The limit starts at the column size (${l.toLocaleString()} characters); past it the form will not save.` : "Counts as people type; past a limit the form will not save.",
         checked: !!t,
         onChange: (e) => n(
-          e ? { unit: "characters", ...r ? { limit: r } : {} } : void 0,
-          e ? `Count the characters of ${u}` : `Stop counting ${u}`
+          e ? { unit: "characters", ...l ? { limit: l } : {} } : void 0,
+          e ? `Count the characters of ${f}` : `Stop counting ${f}`
         )
       }
     ),
@@ -156,9 +157,9 @@ function le() {
           onChange: (e) => n(
             {
               unit: e,
-              ...e === "words" ? {} : t.limit != null ? { limit: t.limit } : r ? { limit: r } : {}
+              ...e === "words" ? {} : t.limit != null ? { limit: t.limit } : l ? { limit: l } : {}
             },
-            `Count the ${e} of ${u}`
+            `Count the ${e} of ${f}`
           )
         }
       ) }),
@@ -167,19 +168,19 @@ function le() {
         {
           k: "field.counter.limit",
           label: "Limit",
-          effect: t.unit === "words" ? "Most words allowed. Empty counts without a limit." : `Most characters allowed. Empty counts without a limit${r ? `; the column holds ${r.toLocaleString()}` : ""}.`,
+          effect: t.unit === "words" ? "Most words allowed. Empty counts without a limit." : `Most characters allowed. Empty counts without a limit${l ? `; the column holds ${l.toLocaleString()}` : ""}.`,
           children: /* @__PURE__ */ a(
-            v,
+            _,
             {
               type: "number",
               ariaLabel: "Limit",
               value: t.limit == null ? "" : String(t.limit),
-              placeholder: t.unit === "characters" && r ? String(r) : "No limit",
+              placeholder: t.unit === "characters" && l ? String(l) : "No limit",
               onChange: (e) => {
                 const m = e === "" ? void 0 : Math.max(1, Math.floor(Number(e)));
                 m !== void 0 && !Number.isFinite(m) || n(
                   { unit: t.unit, ...m ? { limit: m } : {} },
-                  `Set the limit of ${u}`,
+                  `Set the limit of ${f}`,
                   !0
                 );
               }
@@ -191,63 +192,63 @@ function le() {
   ] });
 }
 function ie() {
-  var i;
-  const o = b(), { ov: s, info: d, row: f } = o;
-  if (f.field.startsWith("__")) return null;
-  const l = s.required === !0 || s.required === void 0 && !!((i = d.global) != null && i.required);
+  var c;
+  const o = b(), { ov: s, info: r, row: u } = o;
+  if (u.field.startsWith("__")) return null;
+  const i = s.required === !0 || s.required === void 0 && !!((c = r.global) != null && c.required);
   return /* @__PURE__ */ a(
-    _,
+    v,
     {
       k: "field.recommended",
       label: "Recommended",
-      effect: l ? "Required already wins; switch Required off to make this a recommendation." : "An amber marker and a reminder on save listing what is still empty. Saving is never blocked.",
-      checked: s.recommended === !0 && !l,
-      disabled: l,
-      onChange: (c) => o.setOverride(
+      effect: i ? "Required already wins; switch Required off to make this a recommendation." : "An amber marker and a reminder on save listing what is still empty. Saving is never blocked.",
+      checked: s.recommended === !0 && !i,
+      disabled: i,
+      onChange: (d) => o.setOverride(
         "recommended",
-        c ? !0 : void 0,
-        c ? `Recommend ${d.label}` : `Stop recommending ${d.label}`
+        d ? !0 : void 0,
+        d ? `Recommend ${r.label}` : `Stop recommending ${r.label}`
       )
     }
   );
 }
 function se() {
-  const o = b(), { ov: s, info: d, env: f, row: l } = o;
-  if (!S(d, l.field)) return null;
-  const i = d.label, c = F(s), u = s.confirm_change && typeof s.confirm_change == "object" ? s.confirm_change : {}, t = typeof u.pipeline_id == "string" ? u.pipeline_id : void 0, r = (n, e) => o.setOverride("confirm_change", n, e);
+  const o = b(), { ov: s, info: r, env: u, row: i } = o;
+  if (!w(r, i.field)) return null;
+  const c = r.label, d = M(s), f = s.confirm_change && typeof s.confirm_change == "object" ? s.confirm_change : {}, t = typeof f.pipeline_id == "string" ? f.pipeline_id : void 0, l = (n, e) => o.setOverride("confirm_change", n, e);
   return /* @__PURE__ */ h("div", { "data-setting": "field.confirm_change", className: "space-y-3", children: [
     /* @__PURE__ */ a(
-      _,
+      v,
       {
         k: "field.confirm_change.on",
         label: "Confirm changes on saved records",
         effect: "Changing it on an existing record asks “Are you sure?” and a short reason, kept with the change in the history. New records are not asked.",
-        checked: !!c,
-        onChange: (n) => r(
+        checked: !!d,
+        onChange: (n) => l(
           n ? { state_keys: [] } : void 0,
-          n ? `Confirm changes to ${i}` : `Stop confirming changes to ${i}`
+          n ? `Confirm changes to ${c}` : `Stop confirming changes to ${c}`
         )
       }
     ),
-    c && /* @__PURE__ */ a(
+    d && /* @__PURE__ */ a(
       p,
       {
         k: "field.confirm_change.states",
         label: "Only in these states",
-        effect: c.state_keys.length ? "Asked only while the record is in a ticked state." : "No state ticked: asked in every state.",
+        effect: d.state_keys.length ? "Asked only while the record is in a ticked state." : "No state ticked: asked in every state.",
         children: /* @__PURE__ */ a(
-          w,
+          $,
           {
-            collection: f.collection,
+            collection: u.collection,
             pipelineId: t,
-            stateKeys: c.state_keys,
-            onPipelineChange: (n) => r(
+            stateKeys: d.state_keys,
+            onPipelineChange: (n) => l(
               { ...n ? { pipeline_id: n } : {}, state_keys: [] },
-              `Change the pipeline that confirms ${i}`
+              `Change the pipeline that confirms ${c}`
             ),
-            onStateKeysChange: (n) => r(
+            onStateKeysChange: (n) => l(
               { ...t ? { pipeline_id: t } : {}, state_keys: n },
-              `Change the states that confirm ${i}`
+              `Change the states that confirm ${c}`
             )
           }
         )
@@ -256,18 +257,35 @@ function se() {
   ] });
 }
 function ce() {
-  const o = b(), { ov: s, info: d, row: f } = o;
-  return !S(d, f.field) || d.computedType ? null : /* @__PURE__ */ a(
-    _,
+  const o = b(), { ov: s, info: r, row: u } = o;
+  return !w(r, u.field) || r.computedType ? null : /* @__PURE__ */ a(
+    v,
     {
       k: "field.repeat_last",
       label: "Repeat last value",
       effect: "A “Repeat last” button beside the label fills in what this person entered on their previous record here.",
       checked: s.repeat_last === !0,
-      onChange: (l) => o.setOverride(
+      onChange: (i) => o.setOverride(
         "repeat_last",
-        l ? !0 : void 0,
-        l ? `Offer to repeat the last ${d.label}` : `Stop offering to repeat ${d.label}`
+        i ? !0 : void 0,
+        i ? `Offer to repeat the last ${r.label}` : `Stop offering to repeat ${r.label}`
+      )
+    }
+  );
+}
+function de() {
+  const o = b(), { ov: s, info: r, row: u } = o;
+  return !w(r, u.field, { allowM2M: !0 }) || r.computedType ? null : /* @__PURE__ */ a(
+    v,
+    {
+      k: "field.personal_default",
+      label: "Personal default",
+      effect: "On this form, people can save their own starting value for this field, and new records start with it.",
+      checked: s.personal_default === !0,
+      onChange: (i) => o.setOverride(
+        "personal_default",
+        i ? !0 : void 0,
+        i ? `Allow personal defaults for ${r.label}` : `Stop personal defaults for ${r.label}`
       )
     }
   );
@@ -279,11 +297,11 @@ const B = [
   { value: "currency", label: "Money" },
   { value: "percent", label: "Percent" }
 ];
-function de({
+function ue({
   row: o,
   fields: s
 }) {
-  const d = q(), f = N(() => {
+  const r = q(), u = N(() => {
     const e = o.overrides;
     if (typeof e == "string")
       try {
@@ -292,24 +310,24 @@ function de({
         return {};
       }
     return e && typeof e == "object" ? e : {};
-  }, [o.overrides]), l = T(f) ?? { expr: "", format: "", currency: null }, i = typeof f.label == "string" ? f.label : "", c = { field: o.field, group_key: o.group_key }, u = (e, m, g) => {
-    const y = { ...f, ...e };
+  }, [o.overrides]), i = T(u) ?? { expr: "", format: "", currency: null }, c = typeof u.label == "string" ? u.label : "", d = { field: o.field, group_key: o.group_key }, f = (e, m, g) => {
+    const y = { ...u, ...e };
     for (const x of Object.keys(y)) y[x] === void 0 && delete y[x];
-    d.apply([{ op: "update_placement", at: c, patch: { overrides: y } }], {
+    r.apply([{ op: "update_placement", at: d, patch: { overrides: y } }], {
       label: m,
       text: g
     });
-  }, t = l.expr.trim() ? R(l.expr, s) : null, r = new Set(
-    d.bundle.placements.filter((e) => !e.field.startsWith("__")).map((e) => e.field)
-  ), n = t != null && t.ok ? t.tokens.filter((e) => !r.has(e.split(".")[0])) : [];
+  }, t = i.expr.trim() ? R(i.expr, s) : null, l = new Set(
+    r.bundle.placements.filter((e) => !e.field.startsWith("__")).map((e) => e.field)
+  ), n = t != null && t.ok ? t.tokens.filter((e) => !l.has(e.split(".")[0])) : [];
   return /* @__PURE__ */ h("div", { className: "space-y-5", children: [
     /* @__PURE__ */ a(p, { k: "display_formula.label", label: "Label", effect: "What the form calls the value.", children: /* @__PURE__ */ a(
-      v,
+      _,
       {
         ariaLabel: "Label",
-        value: i,
+        value: c,
         placeholder: "Remaining",
-        onChange: (e) => u({ label: e || void 0 }, "Rename the formula", !0)
+        onChange: (e) => f({ label: e || void 0 }, "Rename the formula", !0)
       }
     ) }),
     /* @__PURE__ */ h(
@@ -330,8 +348,8 @@ function de({
               ariaLabel: "Formula",
               rows: 3,
               mono: !0,
-              value: l.expr,
-              onChange: (e) => u({ display_formula: { ...l, expr: e } }, "Change the formula", !0)
+              value: i.expr,
+              onChange: (e) => f({ display_formula: { ...i, expr: e } }, "Change the formula", !0)
             }
           ),
           t && !t.ok && /* @__PURE__ */ a(
@@ -348,7 +366,7 @@ function de({
             " ",
             /* @__PURE__ */ a("span", { className: "font-mono", children: t.unknownTokens.join(", ") })
           ] }),
-          (t == null ? void 0 : t.ok) && !t.unknownTokens.length && n.length > 0 && /* @__PURE__ */ h("p", { "data-formula-offform": "", className: D, children: [
+          (t == null ? void 0 : t.ok) && !t.unknownTokens.length && n.length > 0 && /* @__PURE__ */ h("p", { "data-formula-offform": "", className: I, children: [
             "Not on this form, so they read as empty here:",
             " ",
             /* @__PURE__ */ a("span", { className: "font-mono", children: n.join(", ") })
@@ -359,12 +377,12 @@ function de({
     /* @__PURE__ */ a(p, { k: "display_formula.format", label: "Show as", effect: "How the number is written.", children: /* @__PURE__ */ a(
       k,
       {
-        value: l.format,
+        value: i.format,
         options: B,
-        onChange: (e) => u({ display_formula: { ...l, format: e } }, "Change how the formula shows")
+        onChange: (e) => f({ display_formula: { ...i, format: e } }, "Change how the formula shows")
       }
     ) }),
-    l.format === "currency" && /* @__PURE__ */ a(
+    i.format === "currency" && /* @__PURE__ */ a(
       p,
       {
         k: "display_formula.currency",
@@ -374,13 +392,13 @@ function de({
           E,
           {
             ariaLabel: "Currency",
-            value: l.currency ?? "",
+            value: i.currency ?? "",
             mono: !0,
             placeholder: "USD",
             onCommit: (e) => {
               const m = e.trim().toUpperCase();
-              m && !/^[A-Z]{3}$/.test(m) || u(
-                { display_formula: { ...l, currency: m || null } },
+              m && !/^[A-Z]{3}$/.test(m) || f(
+                { display_formula: { ...i, currency: m || null } },
                 "Change the currency of the formula",
                 !0
               );
@@ -393,10 +411,11 @@ function de({
 }
 export {
   se as ConfirmChangeSetting,
-  le as CounterSetting,
-  de as DisplayFormulaSettings,
+  re as CounterSetting,
+  ue as DisplayFormulaSettings,
+  de as PersonalDefaultToggle,
   ie as RecommendedToggle,
   ce as RepeatLastToggle,
-  re as TextRulesSetting,
+  le as TextRulesSetting,
   z as takesText
 };