@nivaro/react 0.3.33 → 0.3.35

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

@@ -1,9 +1,9 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
+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 E } from "../../../context.js";
-import { get as W } from "../../../lib/commands.js";
-import { cn as D, titleCase as G } from "../../../lib/utils.js";
+import { useNivaroClient as D } 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";
@@ -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, ConfirmChangeSetting as te, RepeatLastToggle as le } from "./BehaviourSettings.js";
-import { useFieldCtx as ie } from "./field-context.js";
-import { Toggle as g, Setting as f, Segmented as oe, AddButton as ae, Section as R, TextInput as S, Choice as T } from "./kit.js";
-import { lockConditionsOf as ne, layoutGrids as re, asObject as de, defaultValuesOf as se, withDefaultValue as ce, lockConditionsColumn as ue } from "./model.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";
 const L = /* @__PURE__ */ new Set([
   "inline-table",
   "inline-grid",
@@ -26,25 +26,25 @@ const L = /* @__PURE__ */ new Set([
   "relation-path"
 ]);
 function pe(a, i) {
-  const u = E();
+  const u = D();
   return j({
     queryKey: ["layout-editor", "field-rows", a, i ?? null],
     queryFn: () => u.request(
-      W(`/field-config/${a}`, i ? { layout_id: i } : void 0)
+      E(`/field-config/${a}`, i ? { layout_id: i } : void 0)
     ).then((m) => Array.isArray(m.data) ? m.data : []),
     enabled: !!a,
     staleTime: 6e4
   });
 }
-function Se() {
-  const a = ie(), { info: i, ov: u, opts: m, env: s, row: p } = a, o = i.label, y = s.bundle.layout, v = p.field.startsWith("__") || i.isPath, b = ne(p), _ = (e, l) => a.setPlacement({ lock_conditions: ue(e) }, l), w = (e, l, n) => _(
-    b.map((d, h) => h === e ? { ...d, ...l } : d),
+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),
     n
-  ), x = re(s.bundle, a.globals, a.relations), M = !v && i.relKind !== "M2M" && i.relKind !== "O2M" && !L.has(i.iface ?? "") && x.length > 0, r = de(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 = 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(
     (e) => e.field !== "id" && !e.field.startsWith("__") && !e.field.includes(".") && !["alias", "o2m", "m2m"].includes(e.type ?? "")
-  ), N = (e, l) => a.setOverride("apply_to_lines", e ?? void 0, l), I = Y().isAdmin && !v && !i.relKind && !L.has(i.iface ?? "") && i.type !== "alias" && i.computedType !== "virtual", q = se(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 = ce(y), A = typeof m.max_values == "number" ? m.max_values : null;
   return /* @__PURE__ */ c("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ l(
       g,
       {
         k: "field.required",
@@ -58,8 +58,8 @@ function Se() {
         )
       }
     ),
-    /* @__PURE__ */ t(ee, {}),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ l(ee, {}),
+    /* @__PURE__ */ l(
       g,
       {
         k: "field.readonly",
@@ -73,9 +73,10 @@ function Se() {
         )
       }
     ),
-    /* @__PURE__ */ t(te, {}),
-    /* @__PURE__ */ t(le, {}),
-    (i.computedType === "rollup" || i.computedType === "write") && /* @__PURE__ */ t(
+    /* @__PURE__ */ l(le, {}),
+    /* @__PURE__ */ l(te, {}),
+    /* @__PURE__ */ l(ie, {}),
+    (i.computedType === "rollup" || i.computedType === "write") && /* @__PURE__ */ l(
       g,
       {
         k: "field.editable_computed",
@@ -89,21 +90,21 @@ function Se() {
         )
       }
     ),
-    /* @__PURE__ */ t(
-      f,
+    /* @__PURE__ */ l(
+      p,
       {
         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: [
-          b.map((e, l) => /* @__PURE__ */ c(
+          b.map((e, t) => /* @__PURE__ */ c(
             "div",
             {
-              className: D(Z, "space-y-3 p-3"),
+              className: W(Z, "space-y-3 p-3"),
               children: [
                 /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ t("div", { className: "flex-1", "data-setting": "field.lock_conditions.type", children: /* @__PURE__ */ t(
-                    oe,
+                  /* @__PURE__ */ l("div", { className: "flex-1", "data-setting": "field.lock_conditions.type", children: /* @__PURE__ */ l(
+                    ae,
                     {
                       value: e.type,
                       options: [
@@ -112,54 +113,54 @@ function Se() {
                       ],
                       onChange: (n) => _(
                         b.map(
-                          (d, h) => h === l ? n === "role" ? { type: "role", role_ids: [] } : { type: "pipeline_state", state_keys: [] } : d
+                          (d, h) => h === t ? n === "role" ? { type: "role", role_ids: [] } : { type: "pipeline_state", state_keys: [] } : d
                         ),
                         `Change a lock condition of ${o}`
                       )
                     }
                   ) }),
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ l(
                     "button",
                     {
                       type: "button",
                       "aria-label": "Remove condition",
                       onClick: () => _(
-                        b.filter((n, d) => d !== l),
+                        b.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__ */ t(B, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ l(B, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] }),
-                e.type === "role" ? /* @__PURE__ */ t("div", { "data-setting": "field.lock_conditions.role_ids", children: /* @__PURE__ */ t(
+                e.type === "role" ? /* @__PURE__ */ l("div", { "data-setting": "field.lock_conditions.role_ids", children: /* @__PURE__ */ l(
                   J,
                   {
                     roleIds: e.role_ids ?? [],
-                    onRoleIdsChange: (n) => w(l, { role_ids: n }, `Change the roles that lock ${o}`)
+                    onRoleIdsChange: (n) => w(t, { role_ids: n }, `Change the roles that lock ${o}`)
                   }
-                ) }) : /* @__PURE__ */ t(
+                ) }) : /* @__PURE__ */ l(
                   U,
                   {
                     collection: s.collection,
                     pipelineId: e.pipeline_id,
                     stateKeys: e.state_keys ?? [],
                     onPipelineChange: (n) => w(
-                      l,
+                      t,
                       { pipeline_id: n, state_keys: [] },
                       `Change the pipeline that locks ${o}`
                     ),
-                    onStateKeysChange: (n) => w(l, { state_keys: n }, `Change the states that lock ${o}`)
+                    onStateKeysChange: (n) => w(t, { state_keys: n }, `Change the states that lock ${o}`)
                   }
                 )
               ]
             },
-            l
+            t
           )),
           /* @__PURE__ */ c("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ t(
-              ae,
+            /* @__PURE__ */ l(
+              ne,
               {
                 onClick: () => _(
                   [...b, { type: "pipeline_state", state_keys: [] }],
@@ -168,13 +169,13 @@ function Se() {
                 children: "+ Add condition"
               }
             ),
-            !v && /* @__PURE__ */ t(
+            !v && /* @__PURE__ */ l(
               H,
               {
                 layoutId: Number(y.id),
-                target: { kind: "lock", field: p.field },
+                target: { kind: "lock", field: f.field },
                 bundle: s.bundle,
-                apply: (e, l) => s.apply(e, l),
+                apply: (e, t) => s.apply(e, t),
                 disabled: a.readOnly
               }
             )
@@ -183,24 +184,24 @@ function Se() {
       }
     ),
     !v && i.relKind !== "O2M" && /* @__PURE__ */ c(
-      f,
+      p,
       {
         k: "field.default_value",
         label: "Default for new records",
         effect: "Filled in when someone creates a record on this form.",
         children: [
-          /* @__PURE__ */ t("div", { onBlurCapture: () => s.flush(), children: /* @__PURE__ */ t(
+          /* @__PURE__ */ l("div", { onBlurCapture: () => s.flush(), children: /* @__PURE__ */ l(
             z,
             {
-              value: q[p.field],
-              onChange: (e, l) => s.apply(
+              value: q[f.field],
+              onChange: (e, t) => s.apply(
                 [
                   {
                     op: "layout_update",
-                    patch: { default_values: ce(y, p.field, e) }
+                    patch: { default_values: ue(y, f.field, e) }
                   }
                 ],
-                { label: `Change the default of ${o}`, text: l }
+                { label: `Change the default of ${o}`, text: t }
               ),
               isM2O: i.relKind === "M2O",
               isM2M: i.relKind === "M2M",
@@ -209,32 +210,32 @@ function Se() {
               abstractType: i.type
             }
           ) }),
-          /* @__PURE__ */ t("div", { className: "pt-1", children: /* @__PURE__ */ t(
+          /* @__PURE__ */ l("div", { className: "pt-1", children: /* @__PURE__ */ l(
             Q,
             {
               layoutId: Number(y.id),
-              field: p.field,
+              field: f.field,
               disabled: a.readOnly
             }
           ) })
         ]
       }
     ),
-    I && /* @__PURE__ */ t(
-      f,
+    I && /* @__PURE__ */ l(
+      p,
       {
         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__ */ t(
+        children: /* @__PURE__ */ l(
           X,
           {
             layoutId: Number(y.id),
-            field: p.field,
+            field: f.field,
             disabled: a.readOnly,
-            onApply: (e, l, n) => a.proposeGlobal("field.validation_rules", e.length, n, (d) => {
-              const h = d.columns.validation_rules, O = Array.isArray(h) ? h : l, F = (k, C) => k.type === C.type && String(k.value ?? "") === String(C.value ?? ""), V = e.filter((k) => !O.some((C) => F(C, k)));
+            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] } };
             })
           }
@@ -242,13 +243,13 @@ function Se() {
       }
     ),
     i.relKind === "M2M" && /* @__PURE__ */ c(R, { title: "How many", children: [
-      /* @__PURE__ */ t(
-        f,
+      /* @__PURE__ */ l(
+        p,
         {
           k: "field.max_values",
           label: "Most values",
           effect: "Empty: no limit. 1 makes it a single pick.",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ l(
             S,
             {
               type: "number",
@@ -256,14 +257,14 @@ function Se() {
               value: A == null ? "" : String(A),
               placeholder: "No limit",
               onChange: (e) => {
-                const l = e === "" ? void 0 : Math.max(1, Math.round(Number(e)));
-                l !== void 0 && Number.isNaN(l) || a.setOption("max_values", l, `Limit how many ${o} can be picked`, !0);
+                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);
               }
             }
           )
         }
       ),
-      A != null && /* @__PURE__ */ t(
+      A != null && /* @__PURE__ */ l(
         g,
         {
           k: "field.max_values_enforce_on_write",
@@ -280,14 +281,14 @@ function Se() {
       )
     ] }),
     M && /* @__PURE__ */ c(R, { title: "Apply to lines", children: [
-      /* @__PURE__ */ t("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__ */ t(
-        f,
+      /* @__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,
         {
           k: "field.apply_to_lines.grid",
           label: "Grid",
           effect: "The grid whose lines get the value.",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ l(
             T,
             {
               ariaLabel: "Grid",
@@ -304,13 +305,13 @@ function Se() {
           )
         }
       ),
-      /* @__PURE__ */ t(
-        f,
+      /* @__PURE__ */ l(
+        p,
         {
           k: "field.apply_to_lines.target",
           label: "Column",
           effect: "The column of each line that receives the value.",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ l(
             T,
             {
               ariaLabel: "Column",
@@ -325,13 +326,13 @@ function Se() {
           )
         }
       ),
-      /* @__PURE__ */ t(
-        f,
+      /* @__PURE__ */ l(
+        p,
         {
           k: "field.apply_to_lines.label",
           label: "Button label",
           effect: "The words on the button.",
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ l(
             S,
             {
               ariaLabel: "Button label",
@@ -339,7 +340,7 @@ function Se() {
               value: r.label ?? "",
               placeholder: "Apply to lines",
               onChange: (e) => {
-                const { label: l, ...n } = r;
+                const { label: t, ...n } = r;
                 a.setOverride(
                   "apply_to_lines",
                   e ? { ...n, label: e } : n,
@@ -352,7 +353,7 @@ function Se() {
         }
       )
     ] }),
-    s.layoutType === "addendum" && /* @__PURE__ */ t(
+    s.layoutType === "addendum" && /* @__PURE__ */ l(
       g,
       {
         k: "field.prefill_from_parent",
@@ -369,6 +370,6 @@ function Se() {
   ] });
 }
 export {
-  Se as RulesTab,
+  Te as RulesTab,
   pe as useFieldRows
 };