@nivaro/react 0.3.36 → 0.3.37

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

@@ -1,16 +1,18 @@
-import { jsxs as b, jsx as t, Fragment as V } from "react/jsx-runtime";
-import { rowOf as K, readGroupStructure as X, isFolded as _ } from "../../../lib/form-structure.js";
-import { InlineDisplaySection as z } from "../editors/inline-display.js";
-import { foldPlan as J, rowUpdatePlan as Q } from "../section-structure.js";
-import { AiFillSetting as Y } from "./AiFillSetting.js";
-import { showsNumbers as Z, showsDateMode as ee, showsInputMask as te } from "./applies.js";
-import { TextRulesSetting as le, CounterSetting as oe } from "./BehaviourSettings.js";
-import { ColumnFit as ae } from "./ColumnFit.js";
-import { useFieldCtx as H } from "./field-context.js";
-import { interfaceOptions as ie, interfaceLabel as ne, currentInterface as re } from "./interfaces.js";
-import { useGlobalValue as m, Setting as n, TextInput as v, Toggle as k, Choice as N, Segmented as w, Section as G, Buffered as de, DraftInput as y } from "./kit.js";
-import { inlineDisplayOf as se, withInlineDisplay as ce } from "./model.js";
-import { FieldTranslations as ue } from "./Translations.js";
+import { jsxs as m, jsx as t, Fragment as K } from "react/jsx-runtime";
+import { useMemo as X } from "react";
+import { rowOf as z, readGroupStructure as J, isFolded as D } from "../../../lib/form-structure.js";
+import { InlineDisplaySection as Q } from "../editors/inline-display.js";
+import { foldPlan as Y, rowUpdatePlan as Z } from "../section-structure.js";
+import { AiFillSetting as ee } from "./AiFillSetting.js";
+import { showsNumbers as te, showsDateMode as le, showsInputMask as oe } from "./applies.js";
+import { TextRulesSetting as ae, CounterSetting as ie } from "./BehaviourSettings.js";
+import { ColumnFit as ne } from "./ColumnFit.js";
+import { EvenRowAction as re } from "./EvenRowAction.js";
+import { useFieldCtx as M } from "./field-context.js";
+import { interfaceOptions as de, interfaceLabel as se, currentInterface as ce } from "./interfaces.js";
+import { useGlobalValue as g, Setting as r, TextInput as w, Toggle as k, Choice as N, Segmented as v, Section as G, Buffered as ue, DraftInput as y } from "./kit.js";
+import { inlineDisplayOf as fe, withInlineDisplay as he } from "./model.js";
+import { FieldTranslations as pe } from "./Translations.js";
 const F = [
   { value: "12", label: "Full" },
   { value: "6", label: "½" },
@@ -21,7 +23,7 @@ const F = [
   { value: "int", label: "Integer" },
   { value: "decimal", label: "Decimal" },
   { value: "currency", label: "Currency" }
-], fe = [
+], me = [
   { value: "", label: "None" },
   { value: "SUM", label: "Sum" },
   { value: "COUNT", label: "Count" },
@@ -29,26 +31,29 @@ const F = [
   { value: "MIN", label: "Smallest" },
   { value: "MAX", label: "Largest" }
 ], f = (o) => typeof o == "string" ? o : "";
-function Te() {
-  var T, I, L, D;
-  const o = H(), { info: a, ov: s, opts: c, env: g, row: u, globalOptions: i } = o, l = a.label, p = ((T = a.global) == null ? void 0 : T.label) || l, r = s.label === "", M = Z(a), U = ee(a), C = te(a), R = ie(a.abstractType), S = ne(a.abstractType, ((I = a.global) == null ? void 0 : I.interface) ?? null) ?? ((L = a.global) != null && L.interface ? "custom input" : null), $ = f(s.interface), P = re(a.abstractType, $) ?? $, x = m("field.format", f(i.format)), q = m("field.currency", f(i.currency)), E = m("field.aggregate", f(i.aggregate)), W = m("field.unit", f(i.unit)), j = m("field.input_mask", f(i.input_mask)), B = se(u), O = (e) => o.setPlacement(
-    { input_bindings: ce(u, e) },
+function Ne() {
+  var O, _, I, L;
+  const o = M(), { info: a, ov: c, opts: u, env: p, row: i, globalOptions: n } = o, l = a.label, b = ((O = a.global) == null ? void 0 : O.label) || l, d = c.label === "", H = te(a), U = le(a), C = oe(a), R = de(a.abstractType), S = se(a.abstractType, ((_ = a.global) == null ? void 0 : _.interface) ?? null) ?? ((I = a.global) != null && I.interface ? "custom input" : null), $ = f(c.interface), P = ce(a.abstractType, $) ?? $, E = X(
+    () => [{ kind: "field", field: i.field, group_key: i.group_key }],
+    [i.field, i.group_key]
+  ), x = g("field.format", f(n.format)), q = g("field.currency", f(n.currency)), W = g("field.aggregate", f(n.aggregate)), j = g("field.unit", f(n.unit)), B = g("field.input_mask", f(n.input_mask)), V = fe(i), T = (e) => o.setPlacement(
+    { input_bindings: he(i, e) },
     `Change what shows under ${l}`,
     !0
   );
-  return /* @__PURE__ */ b("div", { className: "space-y-5", children: [
+  return /* @__PURE__ */ m("div", { className: "space-y-5", children: [
     /* @__PURE__ */ t(
-      n,
+      r,
       {
         k: "field.label",
         label: "Label",
-        effect: `What this form calls the field. Empty uses the field's own label (${p}).`,
+        effect: `What this form calls the field. Empty uses the field's own label (${b}).`,
         children: /* @__PURE__ */ t(
-          v,
+          w,
           {
             ariaLabel: "Label",
-            value: r ? "" : f(s.label),
-            placeholder: p,
+            value: d ? "" : f(c.label),
+            placeholder: b,
             onChange: (e) => o.setOverride("label", e === "" ? void 0 : e, `Rename ${l}`, !0)
           }
         )
@@ -60,7 +65,7 @@ function Te() {
         k: "field.label_hidden",
         label: "Hide the label",
         effect: "Shows the value without its label on this form.",
-        checked: r,
+        checked: d,
         onChange: (e) => o.setOverride(
           "label",
           e ? "" : void 0,
@@ -68,7 +73,7 @@ function Te() {
         )
       }
     ),
-    /* @__PURE__ */ t(n, { k: "field.interface", label: "Input", effect: "How the field is edited on this form.", children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(r, { k: "field.interface", label: "Input", effect: "How the field is edited on this form.", children: /* @__PURE__ */ t(
       N,
       {
         ariaLabel: "Input",
@@ -81,11 +86,11 @@ function Te() {
         onChange: (e) => o.setOverride("interface", e || void 0, `Change how ${l} is edited`)
       }
     ) }),
-    /* @__PURE__ */ t(n, { k: "field.placeholder", label: "Placeholder", effect: "Grey hint inside the empty input.", children: /* @__PURE__ */ t(
-      v,
+    /* @__PURE__ */ t(r, { k: "field.placeholder", label: "Placeholder", effect: "Grey hint inside the empty input.", children: /* @__PURE__ */ t(
+      w,
       {
         ariaLabel: "Placeholder",
-        value: f(s.placeholder),
+        value: f(c.placeholder),
         onChange: (e) => o.setOverride(
           "placeholder",
           e || void 0,
@@ -94,65 +99,68 @@ function Te() {
         )
       }
     ) }),
-    /* @__PURE__ */ t(n, { k: "field.note", label: "Help text", effect: "A line of help under the field.", children: /* @__PURE__ */ t(
-      v,
+    /* @__PURE__ */ t(r, { k: "field.note", label: "Help text", effect: "A line of help under the field.", children: /* @__PURE__ */ t(
+      w,
       {
         ariaLabel: "Help text",
-        value: f(s.note),
-        placeholder: ((D = a.global) == null ? void 0 : D.note) ?? "",
+        value: f(c.note),
+        placeholder: ((L = a.global) == null ? void 0 : L.note) ?? "",
         onChange: (e) => o.setOverride("note", e || void 0, `Change the help text of ${l}`, !0)
       }
     ) }),
-    /* @__PURE__ */ t(le, {}),
+    /* @__PURE__ */ t(ae, {}),
     /* @__PURE__ */ t(
       k,
       {
         k: "field.hidden",
         label: "Hidden",
         effect: "Leaves the field off this form; its value is kept.",
-        checked: s.hidden === !0,
+        checked: c.hidden === !0,
         onChange: (e) => o.setOverride("hidden", e ? !0 : void 0, e ? `Hide ${l}` : `Show ${l}`)
       }
     ),
-    g.layoutType !== "table" && /* @__PURE__ */ t(n, { k: "field.col_span", label: "Width", effect: "Share of the row the field takes.", children: /* @__PURE__ */ t(
-      w,
-      {
-        value: String(u.col_span ?? 12),
-        options: F,
-        onChange: (e) => {
-          var d;
-          return o.setPlacement(
-            { col_span: e === "12" ? null : Number(e) },
-            `Set the width of ${l} to ${(d = F.find((h) => h.value === e)) == null ? void 0 : d.label}`
-          );
+    p.layoutType !== "table" && /* @__PURE__ */ m(r, { k: "field.col_span", label: "Width", effect: "Share of the row the field takes.", children: [
+      /* @__PURE__ */ t(
+        v,
+        {
+          value: String(i.col_span ?? 12),
+          options: F,
+          onChange: (e) => {
+            var s;
+            return o.setPlacement(
+              { col_span: e === "12" ? null : Number(e) },
+              `Set the width of ${l} to ${(s = F.find((h) => h.value === e)) == null ? void 0 : s.label}`
+            );
+          }
         }
-      }
-    ) }),
-    /* @__PURE__ */ t(ae, {}),
-    g.layoutType !== "table" && u.group_key !== null && /* @__PURE__ */ t(he, {}),
-    a.relKind === "M2O" && a.relatedCollection && /* @__PURE__ */ b(G, { title: "Show under the value", children: [
+      ),
+      /* @__PURE__ */ t(re, { bundle: p.bundle, targets: E, apply: p.apply })
+    ] }),
+    /* @__PURE__ */ t(ne, {}),
+    p.layoutType !== "table" && i.group_key !== null && /* @__PURE__ */ t(be, {}),
+    a.relKind === "M2O" && a.relatedCollection && /* @__PURE__ */ m(G, { title: "Show under the value", children: [
       /* @__PURE__ */ t("p", { className: "text-[12px] leading-snug text-slate-500 dark:text-muted-foreground", children: "Fields of the picked record shown with it on this form." }),
-      /* @__PURE__ */ t(de, { value: B, children: (e, d) => /* @__PURE__ */ t(
-        z,
+      /* @__PURE__ */ t(ue, { value: V, children: (e, s) => /* @__PURE__ */ t(
+        Q,
         {
           relatedCollection: a.relatedCollection,
           entries: e.entries,
           separator: e.separator,
-          onChange: (h) => O(d({ ...e, entries: h })),
-          onSeparatorChange: (h) => O(d({ ...e, separator: h }))
+          onChange: (h) => T(s({ ...e, entries: h })),
+          onSeparatorChange: (h) => T(s({ ...e, separator: h }))
         }
       ) })
     ] }),
     U && /* @__PURE__ */ t(
-      n,
+      r,
       {
         k: "field.date_mode",
         label: "Show",
         effect: "Date only hides the time in the picker and wherever this form shows the value.",
         children: /* @__PURE__ */ t(
-          w,
+          v,
           {
-            value: c.date_mode === "date" ? "date" : "datetime",
+            value: u.date_mode === "date" ? "date" : "datetime",
             options: [
               { value: "datetime", label: "Date & time" },
               { value: "date", label: "Date only" }
@@ -166,47 +174,47 @@ function Te() {
         )
       }
     ),
-    M && /* @__PURE__ */ b(G, { title: "Numbers", children: [
+    H && /* @__PURE__ */ m(G, { title: "Numbers", children: [
       /* @__PURE__ */ t(
-        n,
+        r,
         {
           k: "field.precision",
           label: "Decimal places",
           effect: "Rounds entry and display on this form.",
           children: /* @__PURE__ */ t(
-            v,
+            w,
             {
               type: "number",
               ariaLabel: "Decimal places",
-              value: c.precision == null ? "" : String(c.precision),
+              value: u.precision == null ? "" : String(u.precision),
               placeholder: "2",
               onChange: (e) => {
-                const d = e === "" ? void 0 : Math.max(0, Math.min(10, Math.round(Number(e))));
-                d !== void 0 && Number.isNaN(d) || o.setOption("precision", d, `Set the decimal places of ${l}`, !0);
+                const s = e === "" ? void 0 : Math.max(0, Math.min(10, Math.round(Number(e))));
+                s !== void 0 && Number.isNaN(s) || o.setOption("precision", s, `Set the decimal places of ${l}`, !0);
               }
             }
           )
         }
       ),
       /* @__PURE__ */ t(
-        n,
+        r,
         {
           k: "field.format",
           label: "Number format",
           scope: "field",
           effect: "How the value is written everywhere it shows.",
           children: /* @__PURE__ */ t(
-            w,
+            v,
             {
               value: x,
               options: A,
               onChange: (e) => {
-                var d;
+                var s;
                 return o.proposeGlobalOption(
                   "field.format",
                   "format",
                   e || void 0,
-                  `Show ${l} as ${(d = A.find((h) => h.value === e)) == null ? void 0 : d.label.toLowerCase()}`,
+                  `Show ${l} as ${(s = A.find((h) => h.value === e)) == null ? void 0 : s.label.toLowerCase()}`,
                   e
                 );
               }
@@ -215,7 +223,7 @@ function Te() {
         }
       ),
       x === "currency" && /* @__PURE__ */ t(
-        n,
+        r,
         {
           k: "field.currency",
           label: "Currency",
@@ -240,7 +248,7 @@ function Te() {
         }
       ),
       /* @__PURE__ */ t(
-        n,
+        r,
         {
           k: "field.aggregate",
           label: "Grid footer",
@@ -250,8 +258,8 @@ function Te() {
             N,
             {
               ariaLabel: "Grid footer",
-              value: E,
-              options: fe,
+              value: W,
+              options: me,
               onChange: (e) => o.proposeGlobalOption(
                 "field.aggregate",
                 "aggregate",
@@ -264,7 +272,7 @@ function Te() {
         }
       ),
       /* @__PURE__ */ t(
-        n,
+        r,
         {
           k: "field.unit",
           label: "Unit",
@@ -274,7 +282,7 @@ function Te() {
             y,
             {
               ariaLabel: "Unit",
-              value: W,
+              value: j,
               onCommit: (e) => o.proposeGlobalOption(
                 "field.unit",
                 "unit",
@@ -288,7 +296,7 @@ function Te() {
       )
     ] }),
     C && /* @__PURE__ */ t(
-      n,
+      r,
       {
         k: "field.input_mask",
         label: "Input mask",
@@ -298,7 +306,7 @@ function Te() {
           y,
           {
             ariaLabel: "Input mask",
-            value: j,
+            value: B,
             mono: !0,
             placeholder: "(###) ###-####",
             onCommit: (e) => o.proposeGlobalOption(
@@ -312,48 +320,48 @@ function Te() {
         )
       }
     ),
-    /* @__PURE__ */ t(oe, {}),
-    C && !a.isPath && !a.computedType && /* @__PURE__ */ t(Y, {}),
-    /* @__PURE__ */ t(ue, {})
+    /* @__PURE__ */ t(ie, {}),
+    C && !a.isPath && !a.computedType && /* @__PURE__ */ t(ee, {}),
+    /* @__PURE__ */ t(pe, {})
   ] });
 }
-function he() {
-  const { info: o, ov: a, env: s, row: c } = H(), g = o.label, u = s.bundle.groups.find((r) => r.key === c.group_key) ?? null;
-  if (!u || !["section", "tab"].includes(u.type)) return null;
-  const i = K(X(u.swap_config).rows, c.field), l = a.required === !0, p = (r) => {
-    r.ok && s.apply(r.ops, { label: r.label });
+function be() {
+  const { info: o, ov: a, env: c, row: u } = M(), p = o.label, i = c.bundle.groups.find((d) => d.key === u.group_key) ?? null;
+  if (!i || !["section", "tab"].includes(i.type)) return null;
+  const n = z(J(i.swap_config).rows, u.field), l = a.required === !0, b = (d) => {
+    d.ok && c.apply(d.ops, { label: d.label });
   };
-  return /* @__PURE__ */ b(V, { children: [
+  return /* @__PURE__ */ m(K, { children: [
     /* @__PURE__ */ t(
       k,
       {
         k: "field.fold",
         label: "Behind “Show more”",
-        effect: i ? "Fields side by side in a row always show." : l ? "Required fields always show." : "Tucked under “Show N more” at the end of the section while empty. It opens on its own once one of them has a value.",
-        checked: _(c.overrides) && !i,
-        disabled: !!i || l && !_(c.overrides),
-        onChange: (r) => p(J(s.bundle, [c], r))
+        effect: n ? "Fields side by side in a row always show." : l ? "Required fields always show." : "Tucked under “Show N more” at the end of the section while empty. It opens on its own once one of them has a value.",
+        checked: D(u.overrides) && !n,
+        disabled: !!n || l && !D(u.overrides),
+        onChange: (d) => b(Y(c.bundle, [u], d))
       }
     ),
-    i && /* @__PURE__ */ t(
-      n,
+    n && /* @__PURE__ */ t(
+      r,
       {
         k: "field.row_group",
         label: "Shares a row",
-        effect: `Side by side under “${i.label || "one label"}”. Rename the row in the section's settings.`,
-        children: /* @__PURE__ */ b(
+        effect: `Side by side under “${n.label || "one label"}”. Rename the row in the section's settings.`,
+        children: /* @__PURE__ */ m(
           "button",
           {
             type: "button",
-            onClick: () => p(
-              Q(s.bundle, u.key, i.key, {
-                fields: i.fields.filter((r) => r !== c.field)
+            onClick: () => b(
+              Z(c.bundle, i.key, n.key, {
+                fields: n.fields.filter((d) => d !== u.field)
               })
             ),
             className: "rounded-md border border-slate-200 px-2.5 py-1 text-[12px] font-medium text-slate-700 hover:bg-muted dark:border-border dark:text-foreground",
             children: [
               "Take ",
-              g,
+              p,
               " out of the row"
             ]
           }
@@ -363,5 +371,5 @@ function he() {
   ] });
 }
 export {
-  Te as LookTab
+  Ne as LookTab
 };

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

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { useQuery as j } from "@tanstack/react-query";
-import { X as B } from "lucide-react";
-import { useNivaroClient as D } from "../../../context.js";
+import { useQuery as V } from "@tanstack/react-query";
+import { X as j } from "lucide-react";
+import { useNivaroClient as B } 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";
@@ -11,10 +11,10 @@ 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, ConfirmChangeSetting as te, RepeatLastToggle as ie } from "./BehaviourSettings.js";
-import { useFieldCtx as oe } from "./field-context.js";
-import { Toggle as g, Setting as p, Segmented as ae, AddButton as ne, Section as R, TextInput as S, Choice as T } from "./kit.js";
-import { lockConditionsOf as re, layoutGrids as de, asObject as se, defaultValuesOf as ce, withDefaultValue as ue, lockConditionsColumn as fe } from "./model.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([
   "inline-table",
   "inline-grid",
@@ -25,9 +25,9 @@ const L = /* @__PURE__ */ new Set([
   "o2m",
   "relation-path"
 ]);
-function pe(a, i) {
-  const u = D();
-  return j({
+function me(a, i) {
+  const u = B();
+  return V({
     queryKey: ["layout-editor", "field-rows", a, i ?? null],
     queryFn: () => u.request(
       E(`/field-config/${a}`, i ? { layout_id: i } : void 0)
@@ -36,16 +36,16 @@ function pe(a, i) {
     staleTime: 6e4
   });
 }
-function Te() {
-  const a = oe(), { info: i, ov: u, opts: m, env: s, row: f } = a, o = i.label, y = s.bundle.layout, v = f.field.startsWith("__") || i.isPath, b = re(f), _ = (e, t) => a.setPlacement({ lock_conditions: fe(e) }, t), w = (e, t, n) => _(
-    b.map((d, h) => h === e ? { ...d, ...t } : d),
+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),
     n
-  ), x = de(s.bundle, a.globals, a.relations), M = !v && i.relKind !== "M2M" && i.relKind !== "O2M" && !L.has(i.iface ?? "") && x.length > 0, r = se(u.apply_to_lines), $ = x.find((e) => e.field === r.grid) ?? null, { data: K = [] } = pe(M ? $ == null ? void 0 : $.childCollection : null), P = K.filter(
+  ), 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(
     (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 = ce(y), A = typeof m.max_values == "number" ? m.max_values : null;
+  ), 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;
   return /* @__PURE__ */ c("div", { className: "space-y-5", children: [
     /* @__PURE__ */ l(
-      g,
+      b,
       {
         k: "field.required",
         label: "Required",
@@ -60,7 +60,7 @@ function Te() {
     ),
     /* @__PURE__ */ l(ee, {}),
     /* @__PURE__ */ l(
-      g,
+      b,
       {
         k: "field.readonly",
         label: "Read-only",
@@ -76,8 +76,9 @@ function Te() {
     /* @__PURE__ */ l(le, {}),
     /* @__PURE__ */ l(te, {}),
     /* @__PURE__ */ l(ie, {}),
+    /* @__PURE__ */ l(oe, {}),
     (i.computedType === "rollup" || i.computedType === "write") && /* @__PURE__ */ l(
-      g,
+      b,
       {
         k: "field.editable_computed",
         label: "Allow manual entry",
@@ -97,14 +98,14 @@ function Te() {
         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: [
-          b.map((e, t) => /* @__PURE__ */ c(
+          g.map((e, t) => /* @__PURE__ */ c(
             "div",
             {
               className: W(Z, "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(
-                    ae,
+                    ne,
                     {
                       value: e.type,
                       options: [
@@ -112,7 +113,7 @@ function Te() {
                         { value: "role", label: "Role" }
                       ],
                       onChange: (n) => _(
-                        b.map(
+                        g.map(
                           (d, h) => h === t ? n === "role" ? { type: "role", role_ids: [] } : { type: "pipeline_state", state_keys: [] } : d
                         ),
                         `Change a lock condition of ${o}`
@@ -125,12 +126,12 @@ function Te() {
                       type: "button",
                       "aria-label": "Remove condition",
                       onClick: () => _(
-                        b.filter((n, d) => d !== t),
+                        g.filter((n, d) => d !== t),
                         `Remove a lock condition from ${o}`
                       ),
                       "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(B, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ l(j, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
@@ -160,10 +161,10 @@ function Te() {
           )),
           /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1.5", children: [
             /* @__PURE__ */ l(
-              ne,
+              re,
               {
                 onClick: () => _(
-                  [...b, { type: "pipeline_state", state_keys: [] }],
+                  [...g, { type: "pipeline_state", state_keys: [] }],
                   `Add a lock condition to ${o}`
                 ),
                 children: "+ Add condition"
@@ -198,7 +199,7 @@ function Te() {
                 [
                   {
                     op: "layout_update",
-                    patch: { default_values: ue(y, f.field, e) }
+                    patch: { default_values: fe(y, f.field, e) }
                   }
                 ],
                 { label: `Change the default of ${o}`, text: t }
@@ -235,8 +236,8 @@ function Te() {
             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 ?? ""), V = e.filter((k) => !O.some((C) => F(C, k)));
-              return { ...d, columns: { ...d.columns, validation_rules: [...O, ...V] } };
+              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] } };
             })
           }
         )
@@ -250,7 +251,7 @@ function Te() {
           label: "Most values",
           effect: "Empty: no limit. 1 makes it a single pick.",
           children: /* @__PURE__ */ l(
-            S,
+            T,
             {
               type: "number",
               ariaLabel: "Most values",
@@ -265,7 +266,7 @@ function Te() {
         }
       ),
       A != null && /* @__PURE__ */ l(
-        g,
+        b,
         {
           k: "field.max_values_enforce_on_write",
           label: "Refuse more on the server too",
@@ -289,7 +290,7 @@ function Te() {
           label: "Grid",
           effect: "The grid whose lines get the value.",
           children: /* @__PURE__ */ l(
-            T,
+            S,
             {
               ariaLabel: "Grid",
               value: r.grid ?? "",
@@ -312,14 +313,14 @@ function Te() {
           label: "Column",
           effect: "The column of each line that receives the value.",
           children: /* @__PURE__ */ l(
-            T,
+            S,
             {
               ariaLabel: "Column",
               disabled: !r.grid,
               value: r.target ?? "",
               options: [
                 { value: "", label: r.grid ? "Pick a column…" : "Pick a grid first" },
-                ...P.map((e) => ({ value: e.field, label: e.label || G(e.field) }))
+                ...K.map((e) => ({ value: e.field, label: e.label || G(e.field) }))
               ],
               onChange: (e) => N({ ...r, target: e }, `Copy ${o} into a column`)
             }
@@ -333,7 +334,7 @@ function Te() {
           label: "Button label",
           effect: "The words on the button.",
           children: /* @__PURE__ */ l(
-            S,
+            T,
             {
               ariaLabel: "Button label",
               disabled: !r.grid,
@@ -354,7 +355,7 @@ function Te() {
       )
     ] }),
     s.layoutType === "addendum" && /* @__PURE__ */ l(
-      g,
+      b,
       {
         k: "field.prefill_from_parent",
         label: "Prefill from the record",
@@ -370,6 +371,6 @@ function Te() {
   ] });
 }
 export {
-  Te as RulesTab,
-  pe as useFieldRows
+  Le as RulesTab,
+  me as useFieldRows
 };