@nivaro/react 0.3.41 → 0.3.42

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

@@ -7,7 +7,7 @@ import { CascadeWriter as oe } from "../ai-rules/CascadeWriter.js";
 import { CascadeFiltersEditor as te } from "../editors/cascade-filters.js";
 import { editorQueryKeys as ie } from "../editors/editor-queries.js";
 import { useFieldCtx as ne } from "./field-context.js";
-import { useGlobalValue as b, GlobalWriterContext as ae, Toggle as g, Setting as m, TextInput as re, Section as $, Choice as x } from "./kit.js";
+import { useGlobalValue as m, GlobalWriterContext as ae, Toggle as g, Setting as b, TextInput as re, Section as $, Choice as x } from "./kit.js";
 import { asObject as de, asArray as se, relKindOf as ce, describeField as fe, withKey as F } from "./model.js";
 import { PickerMisses as pe } from "./PickerMisses.js";
 import { PickerPreview as ue } from "./PickerPreview.js";
@@ -47,32 +47,32 @@ function S(l) {
 }
 function Ne() {
   var L;
-  const l = ne(), { info: o, ov: d, opts: a, env: s, globalOptions: r, globalDependency: q } = l, n = o.label, c = o.relKind === "M2O", u = o.relKind === "M2M", _ = o.iface === "relation-path" || o.isPath, N = o.iface === "file-image" || o.iface === "files-m2m", P = o.iface === "relation-grouped", h = de(d.drilldown), y = h.enabled ?? _, W = o.relatedCollection ?? (typeof r.path_target_collection == "string" ? r.path_target_collection : null), { data: D = [] } = ge(c || u || _ ? W : null), I = D.filter((e) => e.layout_type === "detail"), w = h.width == null ? "" : String(h.width), [G, T] = Z(w);
+  const l = ne(), { info: o, ov: d, opts: a, env: s, globalOptions: r, globalDependency: q } = l, i = o.label, c = o.relKind === "M2O", u = o.relKind === "M2M", _ = o.iface === "relation-path" || o.isPath, N = o.iface === "file-image" || o.iface === "files-m2m", P = o.iface === "relation-grouped", h = de(d.drilldown), y = h.enabled ?? _, W = o.relatedCollection ?? (typeof r.path_target_collection == "string" ? r.path_target_collection : null), { data: D = [] } = ge(c || u || _ ? W : null), I = D.filter((e) => e.layout_type === "detail"), w = h.width == null ? "" : String(h.width), [G, T] = Z(w);
   ee(() => {
     T((e) => {
-      const i = S(e);
-      return (i === null ? "" : String(i)) === w ? e : w;
+      const n = S(e);
+      return (n === null ? "" : String(n)) === w ? e : w;
     });
   }, [w]);
-  const R = S(G), k = (e, i, f) => l.setOverride("drilldown", { ...h, enabled: y, ...e }, i, f), { data: Q = [] } = he(P ? o.relatedCollection : null), A = Q.filter(
+  const R = S(G), k = (e, n, f) => l.setOverride("drilldown", { ...h, enabled: y, ...e }, n, f), { data: Q = [] } = he(P ? o.relatedCollection : null), A = Q.filter(
     (e) => e.many_collection === o.relatedCollection && e.many_field && !e.junction_field
-  ).map((e) => ({ value: e.many_field, label: `${e.many_field} → ${e.one_collection}` })), B = b(
+  ).map((e) => ({ value: e.many_field, label: `${e.many_field} → ${e.one_collection}` })), B = m(
     "field.group_field",
     typeof r.group_field == "string" ? r.group_field : ""
-  ), U = b(
+  ), U = m(
     "field.option_field",
     typeof r.option_field == "string" ? r.option_field : ""
   ), V = (L = le(ae)) == null ? void 0 : L.draft.dependency_config, v = se((V ?? q).cascade_filters), C = new Set(l.globals.map((e) => e.field));
   for (const e of l.relations)
     e.one_field && e.one_field !== "id" && e.one_collection === s.collection && C.add(e.one_field), e.many_field && e.many_collection === s.collection && C.add(e.many_field);
-  const M = [...C].filter((e) => e !== o.field).map((e) => ({ f: e, kind: ce(e, l.relations) })).filter((e) => e.kind === "M2O" || e.kind === "M2M").map(({ f: e, kind: i }) => {
+  const M = [...C].filter((e) => e !== o.field).map((e) => ({ f: e, kind: ce(e, l.relations) })).filter((e) => e.kind === "M2O" || e.kind === "M2M").map(({ f: e, kind: n }) => {
     const f = s.bundle.placements.find((X) => X.field === e) ?? null;
     return {
       field: e,
       label: fe(e, l.globals, l.relations, f).label,
-      kind: i
+      kind: n
     };
-  }).sort((e, i) => e.label.localeCompare(i.label)), O = (e, i) => typeof r[e] == "boolean" ? r[e] : i, z = b("field.allow_upload", O("allow_upload", !0)), H = b("field.allow_pick", O("allow_pick", !0)), J = b("field.pending_save", O("pending_save", !1));
+  }).sort((e, n) => e.label.localeCompare(n.label)), O = (e, n) => typeof r[e] == "boolean" ? r[e] : n, z = m("field.allow_upload", O("allow_upload", !0)), H = m("field.allow_pick", O("allow_pick", !0)), J = m("field.pending_save", O("pending_save", !1));
   return /* @__PURE__ */ p("div", { className: "space-y-5", children: [
     (c || u) && /* @__PURE__ */ p(Y, { children: [
       /* @__PURE__ */ t(
@@ -85,12 +85,12 @@ function Ne() {
           onChange: (e) => l.setOption(
             "inline_relation",
             e ? !0 : void 0,
-            e ? `Edit ${n} inline` : `Stop editing ${n} inline`
+            e ? `Edit ${i} inline` : `Stop editing ${i} inline`
           )
         }
       ),
       /* @__PURE__ */ t(
-        m,
+        b,
         {
           k: "field.option_sort",
           label: "Order of the options",
@@ -105,7 +105,7 @@ function Ne() {
               onChange: (e) => l.setOption(
                 "option_sort",
                 e.trim() ? e : void 0,
-                `Change the order of ${n} options`,
+                `Change the order of ${i} options`,
                 !0
               )
             }
@@ -124,7 +124,7 @@ function Ne() {
         onChange: (e) => l.setOption(
           "enforce_picker_rules",
           e ? !0 : void 0,
-          e ? `Enforce the picker rules of ${n}` : `Stop enforcing the picker rules of ${n}`
+          e ? `Enforce the picker rules of ${i}` : `Stop enforcing the picker rules of ${i}`
         )
       }
     ),
@@ -140,12 +140,12 @@ function Ne() {
           checked: y,
           onChange: (e) => k(
             { enabled: e },
-            e ? `Open ${n} in a panel` : `Stop opening ${n} in a panel`
+            e ? `Open ${i} in a panel` : `Stop opening ${i} in a panel`
           )
         }
       ),
       /* @__PURE__ */ t(
-        m,
+        b,
         {
           k: "field.drilldown.layout_id",
           label: "Panel layout",
@@ -160,13 +160,13 @@ function Ne() {
                 { value: "", label: "The default detail view" },
                 ...I.map((e) => ({ value: String(e.id), label: e.name }))
               ],
-              onChange: (e) => k({ layout_id: e ? Number(e) : null }, `Change the panel layout of ${n}`)
+              onChange: (e) => k({ layout_id: e ? Number(e) : null }, `Change the panel layout of ${i}`)
             }
           )
         }
       ),
       /* @__PURE__ */ p(
-        m,
+        b,
         {
           k: "field.drilldown.width",
           label: "Panel width",
@@ -181,8 +181,8 @@ function Ne() {
                 placeholder: "60%",
                 onChange: (e) => {
                   T(e.target.value);
-                  const i = S(e.target.value);
-                  i !== "invalid" && k({ width: i }, `Change the panel width of ${n}`, !0);
+                  const n = S(e.target.value);
+                  n !== "invalid" && k({ width: n }, `Change the panel width of ${i}`, !0);
                 },
                 onBlur: () => s.flush(),
                 className: "h-7 w-full rounded-md border border-slate-200 bg-white px-2 font-mono text-[12px] focus:border-nvr-cyan focus:outline-none disabled:opacity-40 dark:border-border dark:bg-card"
@@ -195,7 +195,7 @@ function Ne() {
     ] }),
     P && /* @__PURE__ */ p($, { title: "Grouped list", children: [
       /* @__PURE__ */ t(
-        m,
+        b,
         {
           k: "field.group_field",
           label: "Group options by",
@@ -211,7 +211,7 @@ function Ne() {
                 "field.group_field",
                 "group_field",
                 e || void 0,
-                `Group the ${n} options`,
+                `Group the ${i} options`,
                 e
               )
             }
@@ -219,7 +219,7 @@ function Ne() {
         }
       ),
       /* @__PURE__ */ t(
-        m,
+        b,
         {
           k: "field.option_field",
           label: "Option field",
@@ -235,7 +235,7 @@ function Ne() {
                 "field.option_field",
                 "option_field",
                 e || void 0,
-                `Change the ${n} options`,
+                `Change the ${i} options`,
                 e
               )
             }
@@ -244,7 +244,7 @@ function Ne() {
       )
     ] }),
     (c || u) && /* @__PURE__ */ p(
-      m,
+      b,
       {
         k: "field.cascade_filters",
         label: "Narrow the options by another field",
@@ -257,14 +257,15 @@ function Ne() {
               rules: v,
               m2oFields: M,
               relatedCollection: o.relatedCollection,
+              fieldLabel: i,
               onChange: (e) => l.proposeGlobal(
                 "field.cascade_filters",
                 e,
-                `Change how ${n} options are narrowed`,
-                (i) => ({
-                  ...i,
+                `Change how ${i} options are narrowed`,
+                (n) => ({
+                  ...n,
                   dependency_config: F(
-                    i.dependency_config,
+                    n.dependency_config,
                     "cascade_filters",
                     e.length ? e : void 0
                   ) ?? {}
@@ -282,7 +283,7 @@ function Ne() {
               currentOptionFilter: r.option_filter && typeof r.option_filter == "object" && !Array.isArray(r.option_filter) ? r.option_filter : null,
               parentFields: M.filter((e) => e.kind === "M2O").map((e) => e.field),
               disabled: l.readOnly,
-              onApply: (e, i) => l.proposeGlobal("field.cascade_filters", e.rules, i, (f) => ({
+              onApply: (e, n) => l.proposeGlobal("field.cascade_filters", e.rules, n, (f) => ({
                 ...f,
                 dependency_config: F(
                   f.dependency_config,
@@ -309,7 +310,7 @@ function Ne() {
             "field.allow_upload",
             "allow_upload",
             e,
-            e ? `Allow uploads to ${n}` : `Stop uploads to ${n}`
+            e ? `Allow uploads to ${i}` : `Stop uploads to ${i}`
           )
         }
       ),
@@ -325,7 +326,7 @@ function Ne() {
             "field.allow_pick",
             "allow_pick",
             e,
-            `Change file picking for ${n}`
+            `Change file picking for ${i}`
           )
         }
       ),
@@ -341,14 +342,14 @@ function Ne() {
             "field.pending_save",
             "pending_save",
             e || void 0,
-            `Change when ${n} files save`,
+            `Change when ${i} files save`,
             e
           )
         }
       )
     ] }),
     !(c || u || _ || N) && /* @__PURE__ */ p("p", { className: "text-[12px] text-muted-foreground", children: [
-      n,
+      i,
       " is not a picker. Nothing to set here."
     ] })
   ] });