@nivaro/react 0.3.36 → 0.3.38

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

@@ -1,28 +1,28 @@
-import { jsxs as h, jsx as a, Fragment as C } from "react/jsx-runtime";
+import { jsxs as h, jsx as n, Fragment as C } from "react/jsx-runtime";
 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 M } from "../../../lib/placement-behaviour.js";
+import { validateExpression as O } from "../../../lib/expression.js";
+import { displayFormulaOf as R, textRulesOf as T, counterOf as M, confirmChangeOf as L } 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 { RoleConditionRow as P, PipelineStateConditionRow as $ } from "../editors/lock-conditions.js";
+import { useColumnFacts as A, 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 _, TextArea as K, Segmented as k, DraftInput as E, AddButton as H, Toggle as v } from "./kit.js";
+import { isRelational as K } from "./applies.js";
+import { useFieldCtx as g } from "./field-context.js";
+import { useInspectorEnv as j, Setting as p, TextInput as _, TextArea as q, 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 z(l) {
+  if (K(l)) return !1;
+  const s = l.iface ?? "";
+  return ["string", "text", "richtext", "rich_text", "markdown", "wysiwyg"].includes(l.type) || /textarea|rich|wysiwyg|markdown/i.test(s);
 }
-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 w(l, s, o = {}) {
+  const c = o.allowM2M === !0 && l.relKind === "M2M";
+  return !s.startsWith("__") && !l.isPath && (c || l.type !== "alias" && l.relKind !== "M2M") && l.relKind !== "O2M" && l.computedType !== "virtual" && l.computedType !== "read";
 }
-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),
+function oe() {
+  const l = g(), { ov: s, info: o, env: c, row: i } = l, d = o.label, f = T(s), u = (r, a, e) => l.setOverride("text_rules", r.length ? r : void 0, a, e), t = (r, a, e, m) => u(
+    f.map((y, b) => b === r ? { ...y, ...a } : y),
     e,
     m
   );
@@ -33,92 +33,92 @@ function le() {
       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: [
-        d.map((l, n) => /* @__PURE__ */ h(
+        f.map((r, a) => /* @__PURE__ */ h(
           "div",
           {
-            "data-text-rule": n,
+            "data-text-rule": a,
             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(
+                /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
                   k,
                   {
-                    value: l.type,
+                    value: r.type,
                     options: [
                       { value: "pipeline_state", label: "In a state" },
                       { value: "role", label: "For a role" }
                     ],
                     onChange: (e) => t(
-                      n,
+                      a,
                       e === "role" ? {
                         type: "role",
                         role_ids: [],
                         state_keys: void 0,
                         pipeline_id: void 0
                       } : { type: "pipeline_state", state_keys: [], role_ids: void 0 },
-                      `Change when ${c} reads differently`
+                      `Change when ${d} reads differently`
                     )
                   }
                 ) }),
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
                     "aria-label": "Remove this rule",
                     "data-tip": "Remove this rule",
                     className: U,
-                    onClick: () => f(
-                      d.filter((e, m) => m !== n),
-                      `Remove a label rule from ${c}`
+                    onClick: () => u(
+                      f.filter((e, m) => m !== a),
+                      `Remove a label rule from ${d}`
                     ),
-                    children: /* @__PURE__ */ a(S, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ n(S, { className: "h-3.5 w-3.5" })
                   }
                 )
               ] }),
-              l.type === "role" ? /* @__PURE__ */ a(
-                A,
+              r.type === "role" ? /* @__PURE__ */ n(
+                P,
                 {
-                  roleIds: l.role_ids ?? [],
-                  onRoleIdsChange: (e) => t(n, { role_ids: e }, `Change the roles for ${c}`)
+                  roleIds: r.role_ids ?? [],
+                  onRoleIdsChange: (e) => t(a, { role_ids: e }, `Change the roles for ${d}`)
                 }
-              ) : /* @__PURE__ */ a(
+              ) : /* @__PURE__ */ n(
                 $,
                 {
-                  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}`)
+                  collection: c.collection,
+                  pipelineId: r.pipeline_id,
+                  stateKeys: r.state_keys ?? [],
+                  onPipelineChange: (e) => t(a, { pipeline_id: e, state_keys: [] }, `Change the pipeline for ${d}`),
+                  onStateKeysChange: (e) => t(a, { state_keys: e }, `Change the states for ${d}`)
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 _,
                 {
                   ariaLabel: "Label in this case",
-                  value: l.label ?? "",
-                  placeholder: `Label (${c})`,
-                  onChange: (e) => t(n, { label: e || void 0 }, `Change a label rule of ${c}`, !0)
+                  value: r.label ?? "",
+                  placeholder: `Label (${d})`,
+                  onChange: (e) => t(a, { label: e || void 0 }, `Change a label rule of ${d}`, !0)
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 _,
                 {
                   ariaLabel: "Help text in this case",
-                  value: l.note ?? "",
+                  value: r.note ?? "",
                   placeholder: "Help text (unchanged when empty)",
-                  onChange: (e) => t(n, { note: e || void 0 }, `Change a help rule of ${c}`, !0)
+                  onChange: (e) => t(a, { note: e || void 0 }, `Change a help rule of ${d}`, !0)
                 }
               )
             ]
           },
-          n
+          a
         )),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ n(
           H,
           {
-            onClick: () => f(
-              [...d, { type: "pipeline_state", state_keys: [] }],
-              `Add a label rule to ${c}`
+            onClick: () => u(
+              [...f, { type: "pipeline_state", state_keys: [] }],
+              `Add a label rule to ${d}`
             ),
             children: "+ Add a rule"
           }
@@ -128,25 +128,25 @@ function le() {
   );
 }
 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);
+  const l = g(), { ov: s, info: o, env: c, row: i } = l, { data: d } = A(c.collection), f = D(d, i.field);
+  if (!z(o) || i.field.startsWith("__")) return null;
+  const u = o.label, t = M(s), r = (f == null ? void 0 : f.max_length) != null && f.max_length > 0 ? f.max_length : null, a = (e, m, y) => l.setOverride("counter", e, m, y);
   return /* @__PURE__ */ h("div", { "data-setting": "field.counter", className: "space-y-3", children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ n(
       v,
       {
         k: "field.counter.on",
         label: "Counter and limit",
-        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.",
+        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.",
         checked: !!t,
-        onChange: (e) => n(
-          e ? { unit: "characters", ...l ? { limit: l } : {} } : void 0,
-          e ? `Count the characters of ${f}` : `Stop counting ${f}`
+        onChange: (e) => a(
+          e ? { unit: "characters", ...r ? { limit: r } : {} } : void 0,
+          e ? `Count the characters of ${u}` : `Stop counting ${u}`
         )
       }
     ),
     t && /* @__PURE__ */ h(C, { children: [
-      /* @__PURE__ */ a(p, { k: "field.counter.unit", label: "Count", effect: "Characters or words.", children: /* @__PURE__ */ a(
+      /* @__PURE__ */ n(p, { k: "field.counter.unit", label: "Count", effect: "Characters or words.", children: /* @__PURE__ */ n(
         k,
         {
           value: t.unit,
@@ -154,33 +154,33 @@ function re() {
             { value: "characters", label: "Characters" },
             { value: "words", label: "Words" }
           ],
-          onChange: (e) => n(
+          onChange: (e) => a(
             {
               unit: e,
-              ...e === "words" ? {} : t.limit != null ? { limit: t.limit } : l ? { limit: l } : {}
+              ...e === "words" ? {} : t.limit != null ? { limit: t.limit } : r ? { limit: r } : {}
             },
-            `Count the ${e} of ${f}`
+            `Count the ${e} of ${u}`
           )
         }
       ) }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ n(
         p,
         {
           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${l ? `; the column holds ${l.toLocaleString()}` : ""}.`,
-          children: /* @__PURE__ */ a(
+          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()}` : ""}.`,
+          children: /* @__PURE__ */ n(
             _,
             {
               type: "number",
               ariaLabel: "Limit",
               value: t.limit == null ? "" : String(t.limit),
-              placeholder: t.unit === "characters" && l ? String(l) : "No limit",
+              placeholder: t.unit === "characters" && r ? String(r) : "No limit",
               onChange: (e) => {
                 const m = e === "" ? void 0 : Math.max(1, Math.floor(Number(e)));
-                m !== void 0 && !Number.isFinite(m) || n(
+                m !== void 0 && !Number.isFinite(m) || a(
                   { unit: t.unit, ...m ? { limit: m } : {} },
-                  `Set the limit of ${f}`,
+                  `Set the limit of ${u}`,
                   !0
                 );
               }
@@ -192,11 +192,11 @@ function re() {
   ] });
 }
 function ie() {
-  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(
+  var d;
+  const l = g(), { ov: s, info: o, row: c } = l;
+  if (c.field.startsWith("__")) return null;
+  const i = s.required === !0 || s.required === void 0 && !!((d = o.global) != null && d.required);
+  return /* @__PURE__ */ n(
     v,
     {
       k: "field.recommended",
@@ -204,51 +204,51 @@ function ie() {
       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(
+      onChange: (f) => l.setOverride(
         "recommended",
-        d ? !0 : void 0,
-        d ? `Recommend ${r.label}` : `Stop recommending ${r.label}`
+        f ? !0 : void 0,
+        f ? `Recommend ${o.label}` : `Stop recommending ${o.label}`
       )
     }
   );
 }
 function se() {
-  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);
+  const l = g(), { ov: s, info: o, env: c, row: i } = l;
+  if (!w(o, i.field)) return null;
+  const d = o.label, f = L(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 = (a, e) => l.setOverride("confirm_change", a, e);
   return /* @__PURE__ */ h("div", { "data-setting": "field.confirm_change", className: "space-y-3", children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ n(
       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: !!d,
-        onChange: (n) => l(
-          n ? { state_keys: [] } : void 0,
-          n ? `Confirm changes to ${c}` : `Stop confirming changes to ${c}`
+        checked: !!f,
+        onChange: (a) => r(
+          a ? { state_keys: [] } : void 0,
+          a ? `Confirm changes to ${d}` : `Stop confirming changes to ${d}`
         )
       }
     ),
-    d && /* @__PURE__ */ a(
+    f && /* @__PURE__ */ n(
       p,
       {
         k: "field.confirm_change.states",
         label: "Only in these states",
-        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(
+        effect: f.state_keys.length ? "Asked only while the record is in a ticked state." : "No state ticked: asked in every state.",
+        children: /* @__PURE__ */ n(
           $,
           {
-            collection: u.collection,
+            collection: c.collection,
             pipelineId: t,
-            stateKeys: d.state_keys,
-            onPipelineChange: (n) => l(
-              { ...n ? { pipeline_id: n } : {}, state_keys: [] },
-              `Change the pipeline that confirms ${c}`
+            stateKeys: f.state_keys,
+            onPipelineChange: (a) => r(
+              { ...a ? { pipeline_id: a } : {}, state_keys: [] },
+              `Change the pipeline that confirms ${d}`
             ),
-            onStateKeysChange: (n) => l(
-              { ...t ? { pipeline_id: t } : {}, state_keys: n },
-              `Change the states that confirm ${c}`
+            onStateKeysChange: (a) => r(
+              { ...t ? { pipeline_id: t } : {}, state_keys: a },
+              `Change the states that confirm ${d}`
             )
           }
         )
@@ -257,35 +257,52 @@ function se() {
   ] });
 }
 function ce() {
-  const o = b(), { ov: s, info: r, row: u } = o;
-  return !w(r, u.field) || r.computedType ? null : /* @__PURE__ */ a(
+  const l = g(), { ov: s, info: o, row: c } = l;
+  return !w(o, c.field) || o.computedType ? null : /* @__PURE__ */ n(
     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: (i) => o.setOverride(
+      onChange: (i) => l.setOverride(
         "repeat_last",
         i ? !0 : void 0,
-        i ? `Offer to repeat the last ${r.label}` : `Stop offering to repeat ${r.label}`
+        i ? `Offer to repeat the last ${o.label}` : `Stop offering to repeat ${o.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(
+  const l = g(), { ov: s, info: o, row: c } = l;
+  return !w(o, c.field, { allowM2M: !0 }) || o.computedType ? null : /* @__PURE__ */ n(
     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(
+      onChange: (i) => l.setOverride(
         "personal_default",
         i ? !0 : void 0,
-        i ? `Allow personal defaults for ${r.label}` : `Stop personal defaults for ${r.label}`
+        i ? `Allow personal defaults for ${o.label}` : `Stop personal defaults for ${o.label}`
+      )
+    }
+  );
+}
+function fe() {
+  const l = g(), { ov: s, info: o } = l;
+  return s.personal_default !== !0 ? null : /* @__PURE__ */ n(
+    v,
+    {
+      k: "field.personal_default_inline",
+      label: "Make default on the form",
+      effect: "People can save, update and clear their default right beside this field. Off: they manage it only on their profile (My defaults); the form still fills it in.",
+      checked: s.personal_default_inline !== !1,
+      onChange: (c) => l.setOverride(
+        "personal_default_inline",
+        c ? void 0 : !1,
+        c ? `Offer Make default on the form for ${o.label}` : `Keep ${o.label}'s default to the profile`
       )
     }
   );
@@ -298,11 +315,11 @@ const B = [
   { value: "percent", label: "Percent" }
 ];
 function ue({
-  row: o,
+  row: l,
   fields: s
 }) {
-  const r = q(), u = N(() => {
-    const e = o.overrides;
+  const o = j(), c = N(() => {
+    const e = l.overrides;
     if (typeof e == "string")
       try {
         return JSON.parse(e) ?? {};
@@ -310,24 +327,24 @@ function ue({
         return {};
       }
     return e && typeof e == "object" ? 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];
-    r.apply([{ op: "update_placement", at: d, patch: { overrides: y } }], {
+  }, [l.overrides]), i = R(c) ?? { expr: "", format: "", currency: null }, d = typeof c.label == "string" ? c.label : "", f = { field: l.field, group_key: l.group_key }, u = (e, m, y) => {
+    const b = { ...c, ...e };
+    for (const x of Object.keys(b)) b[x] === void 0 && delete b[x];
+    o.apply([{ op: "update_placement", at: f, patch: { overrides: b } }], {
       label: m,
-      text: g
+      text: y
     });
-  }, 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])) : [];
+  }, t = i.expr.trim() ? O(i.expr, s) : null, r = new Set(
+    o.bundle.placements.filter((e) => !e.field.startsWith("__")).map((e) => e.field)
+  ), a = t != null && t.ok ? t.tokens.filter((e) => !r.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(
+    /* @__PURE__ */ n(p, { k: "display_formula.label", label: "Label", effect: "What the form calls the value.", children: /* @__PURE__ */ n(
       _,
       {
         ariaLabel: "Label",
-        value: c,
+        value: d,
         placeholder: "Remaining",
-        onChange: (e) => f({ label: e || void 0 }, "Rename the formula", !0)
+        onChange: (e) => u({ label: e || void 0 }, "Rename the formula", !0)
       }
     ) }),
     /* @__PURE__ */ h(
@@ -338,21 +355,21 @@ function ue({
         effect: /* @__PURE__ */ h(C, { children: [
           "Fields in double braces, for example",
           " ",
-          /* @__PURE__ */ a("code", { className: "font-mono text-[11.5px]", children: "{{budget}} - {{committed}}" }),
+          /* @__PURE__ */ n("code", { className: "font-mono text-[11.5px]", children: "{{budget}} - {{committed}}" }),
           ". Worked out on the page from what is on the form; never saved."
         ] }),
         children: [
-          /* @__PURE__ */ a(
-            K,
+          /* @__PURE__ */ n(
+            q,
             {
               ariaLabel: "Formula",
               rows: 3,
               mono: !0,
               value: i.expr,
-              onChange: (e) => f({ display_formula: { ...i, expr: e } }, "Change the formula", !0)
+              onChange: (e) => u({ display_formula: { ...i, expr: e } }, "Change the formula", !0)
             }
           ),
-          t && !t.ok && /* @__PURE__ */ a(
+          t && !t.ok && /* @__PURE__ */ n(
             "p",
             {
               role: "alert",
@@ -364,31 +381,31 @@ function ue({
           (t == null ? void 0 : t.ok) && t.unknownTokens.length > 0 && /* @__PURE__ */ h("p", { "data-formula-unknown": "", className: "text-[12px] text-amber-700 dark:text-amber-300", children: [
             "Not fields of this collection:",
             " ",
-            /* @__PURE__ */ a("span", { className: "font-mono", children: t.unknownTokens.join(", ") })
+            /* @__PURE__ */ n("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: I, children: [
+          (t == null ? void 0 : t.ok) && !t.unknownTokens.length && a.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(", ") })
+            /* @__PURE__ */ n("span", { className: "font-mono", children: a.join(", ") })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ a(p, { k: "display_formula.format", label: "Show as", effect: "How the number is written.", children: /* @__PURE__ */ a(
+    /* @__PURE__ */ n(p, { k: "display_formula.format", label: "Show as", effect: "How the number is written.", children: /* @__PURE__ */ n(
       k,
       {
         value: i.format,
         options: B,
-        onChange: (e) => f({ display_formula: { ...i, format: e } }, "Change how the formula shows")
+        onChange: (e) => u({ display_formula: { ...i, format: e } }, "Change how the formula shows")
       }
     ) }),
-    i.format === "currency" && /* @__PURE__ */ a(
+    i.format === "currency" && /* @__PURE__ */ n(
       p,
       {
         k: "display_formula.currency",
         label: "Currency",
         effect: "Three-letter code, for example USD.",
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ n(
           E,
           {
             ariaLabel: "Currency",
@@ -397,7 +414,7 @@ function ue({
             placeholder: "USD",
             onCommit: (e) => {
               const m = e.trim().toUpperCase();
-              m && !/^[A-Z]{3}$/.test(m) || f(
+              m && !/^[A-Z]{3}$/.test(m) || u(
                 { display_formula: { ...i, currency: m || null } },
                 "Change the currency of the formula",
                 !0
@@ -413,9 +430,10 @@ export {
   se as ConfirmChangeSetting,
   re as CounterSetting,
   ue as DisplayFormulaSettings,
+  fe as PersonalDefaultInlineToggle,
   de as PersonalDefaultToggle,
   ie as RecommendedToggle,
   ce as RepeatLastToggle,
-  le as TextRulesSetting,
+  oe as TextRulesSetting,
   z as takesText
 };