@nivaro/react 0.3.41 → 0.3.42

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

@@ -1,21 +1,23 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
 import { useQuery as V } from "@tanstack/react-query";
-import { X as j } from "lucide-react";
-import { useNivaroClient as B } from "../../../context.js";
+import { X as W } from "lucide-react";
+import { useNivaroClient as j } from "../../../context.js";
 import { get as E } from "../../../lib/commands.js";
-import { cn as W, titleCase as G } from "../../../lib/utils.js";
-import { FieldRuleWriter as Q } from "../ai-rules/FieldRuleWriter.js";
-import { RuleWriter as H } from "../ai-rules/RuleWriter.js";
-import { ValidationSuggest as X } from "../ai-rules/ValidationSuggest.js";
-import { FieldDefaultValueControl as z } from "../editors/field-default-value.js";
-import { RoleConditionRow as J, PipelineStateConditionRow as U } from "../editors/lock-conditions.js";
-import { useLayoutEditorHost as Y } from "../host.js";
-import { tintCard as Z } from "../panel-style.js";
-import { RecommendedToggle as ee, PersonalDefaultToggle as le, PersonalDefaultInlineToggle as te, ConfirmChangeSetting as ie, RepeatLastToggle as oe } from "./BehaviourSettings.js";
-import { useFieldCtx as ae } from "./field-context.js";
-import { Toggle as b, Setting as p, Segmented as ne, AddButton as re, Section as R, TextInput as T, Choice as S } from "./kit.js";
-import { lockConditionsOf as de, layoutGrids as se, asObject as ce, defaultValuesOf as ue, withDefaultValue as fe, lockConditionsColumn as pe } from "./model.js";
-const L = /* @__PURE__ */ new Set([
+import { cn as G, titleCase as Q } from "../../../lib/utils.js";
+import { FieldSourceBody as H } from "../../ConfigReadBack.js";
+import { fieldSourcesFor as X } from "../../item-edit/field-sources.js";
+import { FieldRuleWriter as z } from "../ai-rules/FieldRuleWriter.js";
+import { RuleWriter as J } from "../ai-rules/RuleWriter.js";
+import { ValidationSuggest as U } from "../ai-rules/ValidationSuggest.js";
+import { FieldDefaultValueControl as Y } from "../editors/field-default-value.js";
+import { RoleConditionRow as Z, PipelineStateConditionRow as ee } from "../editors/lock-conditions.js";
+import { useLayoutEditorHost as le } from "../host.js";
+import { tintCard as te } from "../panel-style.js";
+import { RecommendedToggle as oe, PersonalDefaultToggle as ie, PersonalDefaultInlineToggle as ae, ConfirmChangeSetting as ne, RepeatLastToggle as re } from "./BehaviourSettings.js";
+import { useFieldCtx as de } from "./field-context.js";
+import { Toggle as v, Setting as m, Segmented as se, AddButton as ce, Section as S, TextInput as T, Choice as L } from "./kit.js";
+import { lockConditionsOf as ue, layoutGrids as fe, asObject as me, defaultValuesOf as pe, withDefaultValue as he, lockConditionsColumn as ye } from "./model.js";
+const P = /* @__PURE__ */ new Set([
   "inline-table",
   "inline-grid",
   "list-o2m",
@@ -25,87 +27,98 @@ const L = /* @__PURE__ */ new Set([
   "o2m",
   "relation-path"
 ]);
-function me(a, i) {
-  const u = B();
+function be(t, i) {
+  const f = j();
   return V({
-    queryKey: ["layout-editor", "field-rows", a, i ?? null],
-    queryFn: () => u.request(
-      E(`/field-config/${a}`, i ? { layout_id: i } : void 0)
-    ).then((m) => Array.isArray(m.data) ? m.data : []),
-    enabled: !!a,
+    queryKey: ["layout-editor", "field-rows", t, i ?? null],
+    queryFn: () => f.request(
+      E(`/field-config/${t}`, i ? { layout_id: i } : void 0)
+    ).then((p) => Array.isArray(p.data) ? p.data : []),
+    enabled: !!t,
     staleTime: 6e4
   });
 }
-function Le() {
-  const a = ae(), { info: i, ov: u, opts: m, env: s, row: f } = a, o = i.label, y = s.bundle.layout, v = f.field.startsWith("__") || i.isPath, g = de(f), _ = (e, t) => a.setPlacement({ lock_conditions: pe(e) }, t), w = (e, t, n) => _(
-    g.map((d, h) => h === e ? { ...d, ...t } : d),
+function qe() {
+  const t = de(), { info: i, ov: f, opts: p, env: s, row: u } = t, a = i.label, y = s.bundle.layout, b = u.field.startsWith("__") || i.isPath, g = ue(u), _ = (e, o) => t.setPlacement({ lock_conditions: ye(e) }, o), w = (e, o, n) => _(
+    g.map((d, h) => h === e ? { ...d, ...o } : d),
     n
-  ), x = se(s.bundle, a.globals, a.relations), M = !v && i.relKind !== "M2M" && i.relKind !== "O2M" && !L.has(i.iface ?? "") && x.length > 0, r = ce(u.apply_to_lines), $ = x.find((e) => e.field === r.grid) ?? null, { data: P = [] } = me(M ? $ == null ? void 0 : $.childCollection : null), K = P.filter(
+  ), x = fe(s.bundle, t.globals, t.relations), N = !b && i.relKind !== "M2M" && i.relKind !== "O2M" && !P.has(i.iface ?? "") && x.length > 0, r = me(f.apply_to_lines), $ = x.find((e) => e.field === r.grid) ?? null, { data: K = [] } = be(N ? $ == null ? void 0 : $.childCollection : null), F = K.filter(
     (e) => e.field !== "id" && !e.field.startsWith("__") && !e.field.includes(".") && !["alias", "o2m", "m2m"].includes(e.type ?? "")
-  ), N = (e, t) => a.setOverride("apply_to_lines", e ?? void 0, t), I = Y().isAdmin && !v && !i.relKind && !L.has(i.iface ?? "") && i.type !== "alias" && i.computedType !== "virtual", q = ue(y), A = typeof m.max_values == "number" ? m.max_values : null;
+  ), M = (e, o) => t.setOverride("apply_to_lines", e ?? void 0, o), I = le().isAdmin && !b && !i.relKind && !P.has(i.iface ?? "") && i.type !== "alias" && i.computedType !== "virtual", O = b ? null : X(t.globals, t.relations, s.collection)[u.field] ?? null, q = pe(y), A = typeof p.max_values == "number" ? p.max_values : null;
   return /* @__PURE__ */ c("div", { className: "space-y-5", children: [
+    O && /* @__PURE__ */ c(
+      "div",
+      {
+        "data-setting": "field.source",
+        className: "rounded-md border border-slate-200 bg-slate-50 p-2.5 dark:border-border dark:bg-muted/40",
+        children: [
+          /* @__PURE__ */ l("p", { className: "mb-1 text-[11px] font-medium uppercase tracking-wide text-slate-400", children: "Where the value comes from" }),
+          /* @__PURE__ */ l(H, { source: O })
+        ]
+      }
+    ),
     /* @__PURE__ */ l(
-      b,
+      v,
       {
         k: "field.required",
         label: "Required",
         effect: "The form will not save without a value.",
-        checked: u.required === !0,
-        onChange: (e) => a.setOverride(
+        checked: f.required === !0,
+        onChange: (e) => t.setOverride(
           "required",
           e ? !0 : void 0,
-          e ? `Make ${o} required` : `Make ${o} optional`
+          e ? `Make ${a} required` : `Make ${a} optional`
         )
       }
     ),
-    /* @__PURE__ */ l(ee, {}),
+    /* @__PURE__ */ l(oe, {}),
     /* @__PURE__ */ l(
-      b,
+      v,
       {
         k: "field.readonly",
         label: "Read-only",
         effect: "Shown but not editable on this form.",
-        checked: u.readonly === !0,
-        onChange: (e) => a.setOverride(
+        checked: f.readonly === !0,
+        onChange: (e) => t.setOverride(
           "readonly",
           e ? !0 : void 0,
-          e ? `Make ${o} read-only` : `Make ${o} editable`
+          e ? `Make ${a} read-only` : `Make ${a} editable`
         )
       }
     ),
-    /* @__PURE__ */ l(le, {}),
-    /* @__PURE__ */ l(te, {}),
     /* @__PURE__ */ l(ie, {}),
-    /* @__PURE__ */ l(oe, {}),
+    /* @__PURE__ */ l(ae, {}),
+    /* @__PURE__ */ l(ne, {}),
+    /* @__PURE__ */ l(re, {}),
     (i.computedType === "rollup" || i.computedType === "write") && /* @__PURE__ */ l(
-      b,
+      v,
       {
         k: "field.editable_computed",
         label: "Allow manual entry",
         effect: "Lets people type over the calculated value here; the next recalculation still overwrites it.",
-        checked: u.editable_computed === !0,
-        onChange: (e) => a.setOverride(
+        checked: f.editable_computed === !0,
+        onChange: (e) => t.setOverride(
           "editable_computed",
           e ? !0 : void 0,
-          e ? `Allow typing into ${o}` : `Keep ${o} calculated only`
+          e ? `Allow typing into ${a}` : `Keep ${a} calculated only`
         )
       }
     ),
     /* @__PURE__ */ l(
-      p,
+      m,
       {
         k: "field.lock_conditions",
         label: "Read-only when",
         effect: "Locks the field while any of these holds. No conditions: always editable.",
         children: /* @__PURE__ */ c("div", { className: "space-y-2", children: [
-          g.map((e, t) => /* @__PURE__ */ c(
+          g.map((e, o) => /* @__PURE__ */ c(
             "div",
             {
-              className: W(Z, "space-y-3 p-3"),
+              className: G(te, "space-y-3 p-3"),
               children: [
                 /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
                   /* @__PURE__ */ l("div", { className: "flex-1", "data-setting": "field.lock_conditions.type", children: /* @__PURE__ */ l(
-                    ne,
+                    se,
                     {
                       value: e.type,
                       options: [
@@ -114,9 +127,9 @@ function Le() {
                       ],
                       onChange: (n) => _(
                         g.map(
-                          (d, h) => h === t ? n === "role" ? { type: "role", role_ids: [] } : { type: "pipeline_state", state_keys: [] } : d
+                          (d, h) => h === o ? n === "role" ? { type: "role", role_ids: [] } : { type: "pipeline_state", state_keys: [] } : d
                         ),
-                        `Change a lock condition of ${o}`
+                        `Change a lock condition of ${a}`
                       )
                     }
                   ) }),
@@ -126,126 +139,126 @@ function Le() {
                       type: "button",
                       "aria-label": "Remove condition",
                       onClick: () => _(
-                        g.filter((n, d) => d !== t),
-                        `Remove a lock condition from ${o}`
+                        g.filter((n, d) => d !== o),
+                        `Remove a lock condition from ${a}`
                       ),
                       "data-tip": "Remove condition",
                       className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded text-slate-500 transition-colors hover:bg-slate-100 hover:text-red-600 dark:hover:bg-muted dark:hover:text-red-400",
-                      children: /* @__PURE__ */ l(j, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ l(W, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
                 e.type === "role" ? /* @__PURE__ */ l("div", { "data-setting": "field.lock_conditions.role_ids", children: /* @__PURE__ */ l(
-                  J,
+                  Z,
                   {
                     roleIds: e.role_ids ?? [],
-                    onRoleIdsChange: (n) => w(t, { role_ids: n }, `Change the roles that lock ${o}`)
+                    onRoleIdsChange: (n) => w(o, { role_ids: n }, `Change the roles that lock ${a}`)
                   }
                 ) }) : /* @__PURE__ */ l(
-                  U,
+                  ee,
                   {
                     collection: s.collection,
                     pipelineId: e.pipeline_id,
                     stateKeys: e.state_keys ?? [],
                     onPipelineChange: (n) => w(
-                      t,
+                      o,
                       { pipeline_id: n, state_keys: [] },
-                      `Change the pipeline that locks ${o}`
+                      `Change the pipeline that locks ${a}`
                     ),
-                    onStateKeysChange: (n) => w(t, { state_keys: n }, `Change the states that lock ${o}`)
+                    onStateKeysChange: (n) => w(o, { state_keys: n }, `Change the states that lock ${a}`)
                   }
                 )
               ]
             },
-            t
+            o
           )),
           /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1.5", children: [
             /* @__PURE__ */ l(
-              re,
+              ce,
               {
                 onClick: () => _(
                   [...g, { type: "pipeline_state", state_keys: [] }],
-                  `Add a lock condition to ${o}`
+                  `Add a lock condition to ${a}`
                 ),
                 children: "+ Add condition"
               }
             ),
-            !v && /* @__PURE__ */ l(
-              H,
+            !b && /* @__PURE__ */ l(
+              J,
               {
                 layoutId: Number(y.id),
-                target: { kind: "lock", field: f.field },
+                target: { kind: "lock", field: u.field },
                 bundle: s.bundle,
-                apply: (e, t) => s.apply(e, t),
-                disabled: a.readOnly
+                apply: (e, o) => s.apply(e, o),
+                disabled: t.readOnly
               }
             )
           ] })
         ] })
       }
     ),
-    !v && i.relKind !== "O2M" && /* @__PURE__ */ c(
-      p,
+    !b && i.relKind !== "O2M" && /* @__PURE__ */ c(
+      m,
       {
         k: "field.default_value",
         label: "Default for new records",
         effect: "Filled in when someone creates a record on this form.",
         children: [
           /* @__PURE__ */ l("div", { onBlurCapture: () => s.flush(), children: /* @__PURE__ */ l(
-            z,
+            Y,
             {
-              value: q[f.field],
-              onChange: (e, t) => s.apply(
+              value: q[u.field],
+              onChange: (e, o) => s.apply(
                 [
                   {
                     op: "layout_update",
-                    patch: { default_values: fe(y, f.field, e) }
+                    patch: { default_values: he(y, u.field, e) }
                   }
                 ],
-                { label: `Change the default of ${o}`, text: t }
+                { label: `Change the default of ${a}`, text: o }
               ),
               isM2O: i.relKind === "M2O",
               isM2M: i.relKind === "M2M",
               relatedCollection: i.relatedCollection,
-              settings: { options: a.globalOptions, interface: i.iface },
+              settings: { options: t.globalOptions, interface: i.iface },
               abstractType: i.type
             }
           ) }),
           /* @__PURE__ */ l("div", { className: "pt-1", children: /* @__PURE__ */ l(
-            Q,
+            z,
             {
               layoutId: Number(y.id),
-              field: f.field,
-              disabled: a.readOnly
+              field: u.field,
+              disabled: t.readOnly
             }
           ) })
         ]
       }
     ),
     I && /* @__PURE__ */ l(
-      p,
+      m,
       {
         k: "field.validation_rules",
         label: "Checks",
         scope: "field",
         effect: "Learned from the values stored today, each with how many existing values it would refuse.",
         children: /* @__PURE__ */ l(
-          X,
+          U,
           {
             layoutId: Number(y.id),
-            field: f.field,
-            disabled: a.readOnly,
-            onApply: (e, t, n) => a.proposeGlobal("field.validation_rules", e.length, n, (d) => {
-              const h = d.columns.validation_rules, O = Array.isArray(h) ? h : t, F = (k, C) => k.type === C.type && String(k.value ?? "") === String(C.value ?? ""), D = e.filter((k) => !O.some((C) => F(C, k)));
-              return { ...d, columns: { ...d.columns, validation_rules: [...O, ...D] } };
+            field: u.field,
+            disabled: t.readOnly,
+            onApply: (e, o, n) => t.proposeGlobal("field.validation_rules", e.length, n, (d) => {
+              const h = d.columns.validation_rules, R = Array.isArray(h) ? h : o, B = (k, C) => k.type === C.type && String(k.value ?? "") === String(C.value ?? ""), D = e.filter((k) => !R.some((C) => B(C, k)));
+              return { ...d, columns: { ...d.columns, validation_rules: [...R, ...D] } };
             })
           }
         )
       }
     ),
-    i.relKind === "M2M" && /* @__PURE__ */ c(R, { title: "How many", children: [
+    i.relKind === "M2M" && /* @__PURE__ */ c(S, { title: "How many", children: [
       /* @__PURE__ */ l(
-        p,
+        m,
         {
           k: "field.max_values",
           label: "Most values",
@@ -258,39 +271,39 @@ function Le() {
               value: A == null ? "" : String(A),
               placeholder: "No limit",
               onChange: (e) => {
-                const t = e === "" ? void 0 : Math.max(1, Math.round(Number(e)));
-                t !== void 0 && Number.isNaN(t) || a.setOption("max_values", t, `Limit how many ${o} can be picked`, !0);
+                const o = e === "" ? void 0 : Math.max(1, Math.round(Number(e)));
+                o !== void 0 && Number.isNaN(o) || t.setOption("max_values", o, `Limit how many ${a} can be picked`, !0);
               }
             }
           )
         }
       ),
       A != null && /* @__PURE__ */ l(
-        b,
+        v,
         {
           k: "field.max_values_enforce_on_write",
           label: "Refuse more on the server too",
           effect: "Imports, the API and other forms cannot store more than the limit.",
           enforced: !0,
-          checked: m.enforce_on_write === !0,
-          onChange: (e) => a.setOption(
+          checked: p.enforce_on_write === !0,
+          onChange: (e) => t.setOption(
             "enforce_on_write",
             e ? !0 : void 0,
-            e ? `Enforce the limit of ${o} on the server` : `Stop enforcing the limit of ${o}`
+            e ? `Enforce the limit of ${a} on the server` : `Stop enforcing the limit of ${a}`
           )
         }
       )
     ] }),
-    M && /* @__PURE__ */ c(R, { title: "Apply to lines", children: [
+    N && /* @__PURE__ */ c(S, { title: "Apply to lines", children: [
       /* @__PURE__ */ l("p", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "A button beside the field copies its value into one column of every line of a grid." }),
       /* @__PURE__ */ l(
-        p,
+        m,
         {
           k: "field.apply_to_lines.grid",
           label: "Grid",
           effect: "The grid whose lines get the value.",
           children: /* @__PURE__ */ l(
-            S,
+            L,
             {
               ariaLabel: "Grid",
               value: r.grid ?? "",
@@ -298,37 +311,37 @@ function Le() {
                 { value: "", label: "Off" },
                 ...x.map((e) => ({ value: e.field, label: e.label }))
               ],
-              onChange: (e) => N(
+              onChange: (e) => M(
                 e ? { grid: e, target: "", ...r.label ? { label: r.label } : {} } : null,
-                e ? `Copy ${o} into lines` : `Stop copying ${o} into lines`
+                e ? `Copy ${a} into lines` : `Stop copying ${a} into lines`
               )
             }
           )
         }
       ),
       /* @__PURE__ */ l(
-        p,
+        m,
         {
           k: "field.apply_to_lines.target",
           label: "Column",
           effect: "The column of each line that receives the value.",
           children: /* @__PURE__ */ l(
-            S,
+            L,
             {
               ariaLabel: "Column",
               disabled: !r.grid,
               value: r.target ?? "",
               options: [
                 { value: "", label: r.grid ? "Pick a column…" : "Pick a grid first" },
-                ...K.map((e) => ({ value: e.field, label: e.label || G(e.field) }))
+                ...F.map((e) => ({ value: e.field, label: e.label || Q(e.field) }))
               ],
-              onChange: (e) => N({ ...r, target: e }, `Copy ${o} into a column`)
+              onChange: (e) => M({ ...r, target: e }, `Copy ${a} into a column`)
             }
           )
         }
       ),
       /* @__PURE__ */ l(
-        p,
+        m,
         {
           k: "field.apply_to_lines.label",
           label: "Button label",
@@ -341,11 +354,11 @@ function Le() {
               value: r.label ?? "",
               placeholder: "Apply to lines",
               onChange: (e) => {
-                const { label: t, ...n } = r;
-                a.setOverride(
+                const { label: o, ...n } = r;
+                t.setOverride(
                   "apply_to_lines",
                   e ? { ...n, label: e } : n,
-                  `Rename the apply-to-lines button of ${o}`,
+                  `Rename the apply-to-lines button of ${a}`,
                   !0
                 );
               }
@@ -355,22 +368,22 @@ function Le() {
       )
     ] }),
     s.layoutType === "addendum" && /* @__PURE__ */ l(
-      b,
+      v,
       {
         k: "field.prefill_from_parent",
         label: "Prefill from the record",
         effect: "A new addendum starts with the record's current value.",
-        checked: u.prefill_from_parent !== !1,
-        onChange: (e) => a.setOverride(
+        checked: f.prefill_from_parent !== !1,
+        onChange: (e) => t.setOverride(
           "prefill_from_parent",
           e ? void 0 : !1,
-          e ? `Prefill ${o} from the record` : `Start ${o} empty on addendums`
+          e ? `Prefill ${a} from the record` : `Start ${a} empty on addendums`
         )
       }
     )
   ] });
 }
 export {
-  Le as RulesTab,
-  me as useFieldRows
+  qe as RulesTab,
+  be as useFieldRows
 };