@flanksource/clicky-ui 0.3.34 → 0.3.36

package/dist/components/json-schema-form-properties.js

@@ -0,0 +1,305 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useContext, useRef, useEffect } from "react";
+import { createPortal, flushSync } from "react-dom";
+import { Properties } from "../data/Properties.js";
+import { cn } from "../lib/utils.js";
+import { IconButton } from "./IconButton.js";
+import { controlHeightClass } from "./json-schema-form-size.js";
+import { propertyRowClass } from "./json-schema-form-properties-size.js";
+import { PropertyActionsContext } from "./json-schema-form-property-actions-context.js";
+import { FieldErrorText } from "./json-schema-form-error-display.js";
+import { fieldErrorId, fieldAriaProps } from "./json-schema-form-utils.js";
+import { propertyValuesEqual, updatePropertyDraft, propertyDraftValue } from "./json-schema-form-property-draft.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiClose } from "../icons/components/UiClose.js";
+function PropertyValueEditor({
+  field,
+  fieldId,
+  ctx,
+  renderEditor,
+  renderPreview,
+  actionsPlacement = "inline"
+}) {
+  const actionsTarget = useContext(PropertyActionsContext);
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState(field.value);
+  const [rootDraft, setRootDraft] = useState();
+  const editor = useRef(null);
+  const trigger = useRef(null);
+  const restoringFocus = useRef(false);
+  const focusWithin = useRef(false);
+  const readOnly = ctx.readOnly || field.readOnly;
+  const dirty = rootDraft ? !propertyValuesEqual(rootDraft, ctx.rootValue) : !propertyValuesEqual(draft, field.value);
+  const pending = !editing && dirty && !readOnly && !ctx.autoSave;
+  const latest = useRef({ draft, rootDraft, dirty });
+  latest.current = { draft, rootDraft, dirty };
+  useEffect(() => {
+    var _a;
+    if (!editing && restoringFocus.current) {
+      (_a = trigger.current) == null ? void 0 : _a.focus();
+      restoringFocus.current = false;
+    }
+    const container = editor.current;
+    if (!editing || !container) return;
+    let focusedControl;
+    const focusControl = () => {
+      focusedControl = container.querySelector('[contenteditable="true"]') ?? container.querySelector(
+        "input:not(:disabled):not([type=hidden]), textarea:not(:disabled), select:not(:disabled), [role=combobox]"
+      ) ?? container.querySelector("button:not(:disabled)");
+      focusedControl == null ? void 0 : focusedControl.focus();
+    };
+    focusControl();
+    const observer = new MutationObserver(() => {
+      if (focusedControl && !focusedControl.isConnected && document.activeElement === document.body)
+        focusControl();
+    });
+    observer.observe(container, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [editing]);
+  const revert = ({ restoreFocus }) => {
+    setDraft(field.value);
+    setRootDraft(void 0);
+    restoringFocus.current = restoreFocus;
+    setEditing(false);
+  };
+  const park = () => {
+    restoringFocus.current = false;
+    setEditing(false);
+  };
+  const accept = ({ restoreFocus }) => {
+    var _a;
+    const { draft: value, rootDraft: root } = latest.current;
+    if (root) (_a = ctx.onRootChange) == null ? void 0 : _a.call(ctx, root);
+    else field.onChange(value);
+    restoringFocus.current = restoreFocus;
+    setEditing(false);
+  };
+  const start = () => {
+    if (!pending) {
+      setDraft(field.value);
+      setRootDraft(void 0);
+    }
+    setEditing(true);
+  };
+  const acceptAndAdvance = () => {
+    var _a, _b;
+    const container = editor.current;
+    const form = container == null ? void 0 : container.closest("[data-json-schema-form]");
+    if (!container || !form)
+      throw new Error("Property editor must belong to a JsonSchemaForm");
+    const fields = () => Array.from(
+      form.querySelectorAll("[data-property-editor]")
+    ).filter((node) => node.closest("[data-json-schema-form]") === form);
+    const nextIndex = fields().indexOf(container) + 1;
+    const nextField = (_a = fields()[nextIndex]) == null ? void 0 : _a.dataset.propertyEditor;
+    flushSync(() => accept({ restoreFocus: true }));
+    const updatedFields = fields();
+    const next = updatedFields.find((node) => node.dataset.propertyEditor === nextField) ?? updatedFields[nextIndex];
+    if ((next == null ? void 0 : next.getAttribute("role")) === "button") next.focus();
+    else
+      (_b = next == null ? void 0 : next.querySelector(
+        'input:not(:disabled):not([type=hidden]), textarea:not(:disabled), select:not(:disabled), [contenteditable="true"], [role=combobox]'
+      )) == null ? void 0 : _b.focus();
+  };
+  const handleKeyDown = (event) => {
+    if (event.defaultPrevented || event.nativeEvent.isComposing || event.keyCode === 229)
+      return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      revert({ restoreFocus: true });
+    } else if (event.key === "Enter" && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey && !(event.target instanceof Element && event.target.closest("button, [role=button], a"))) {
+      event.preventDefault();
+      event.stopPropagation();
+      acceptAndAdvance();
+    }
+  };
+  const actions = dirty && !readOnly && !ctx.autoSave ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: UiCheck,
+        label: `Save ${field.label}`,
+        className: cn(
+          "w-6 text-[var(--fs-success)] hover:text-[var(--fs-success-700)]",
+          controlHeightClass[ctx.size]
+        ),
+        onClick: () => accept({ restoreFocus: true })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: UiClose,
+        label: `Cancel editing ${field.label}`,
+        className: cn(
+          "w-6 text-destructive hover:text-destructive",
+          controlHeightClass[ctx.size]
+        ),
+        onClick: () => revert({ restoreFocus: true })
+      }
+    )
+  ] }) : null;
+  const placedActions = actionsPlacement === "row" ? actionsTarget && createPortal(actions, actionsTarget) : actions;
+  if (editing) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: editor,
+        "data-property-editor": readOnly ? void 0 : fieldId,
+        className: "flex min-w-0 items-start gap-1",
+        onFocusCapture: () => {
+          focusWithin.current = true;
+        },
+        onBlurCapture: () => {
+          focusWithin.current = false;
+          setTimeout(() => {
+            var _a;
+            if (!focusWithin.current && ((_a = editor.current) == null ? void 0 : _a.isConnected)) {
+              if (ctx.autoSave && latest.current.dirty)
+                accept({ restoreFocus: false });
+              else park();
+            }
+          }, 0);
+        },
+        onKeyDown: handleKeyDown,
+        onKeyDownCapture: (event) => {
+          if (event.key === "Enter" && event.target instanceof Element && event.target.closest('[contenteditable="true"]'))
+            handleKeyDown(event);
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: renderEditor(
+            {
+              ...field,
+              value: draft,
+              onChange: (next) => {
+                setDraft(next);
+                if (rootDraft)
+                  setRootDraft(
+                    updatePropertyDraft({
+                      root: rootDraft,
+                      path: ctx.instancePath,
+                      value: next
+                    })
+                  );
+              }
+            },
+            {
+              ...ctx,
+              ...ctx.rootValue ? {
+                rootValue: rootDraft ?? updatePropertyDraft({
+                  root: ctx.rootValue,
+                  path: ctx.instancePath,
+                  value: draft
+                })
+              } : {},
+              ...ctx.onRootChange ? {
+                onRootChange: (next) => {
+                  setRootDraft(next);
+                  setDraft(propertyDraftValue(next, ctx.instancePath));
+                }
+              } : {}
+            }
+          ) }),
+          placedActions
+        ]
+      }
+    );
+  }
+  const collapsed = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: trigger,
+      id: fieldId,
+      "data-property-editor": readOnly ? void 0 : fieldId,
+      role: readOnly ? void 0 : "button",
+      tabIndex: readOnly ? void 0 : 0,
+      "aria-label": readOnly ? field.label : `Edit ${field.label}`,
+      onFocus: (event) => {
+        if (event.target === event.currentTarget && !readOnly && !restoringFocus.current)
+          start();
+      },
+      ...fieldAriaProps(field, fieldId),
+      className: cn(
+        "block w-full min-w-0 rounded text-left",
+        !readOnly && "cursor-pointer hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      onClickCapture: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!readOnly) start();
+      },
+      onKeyDownCapture: (event) => {
+        if (event.key !== "Enter" && event.key !== " ") return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!readOnly) start();
+      },
+      onChangeCapture: (event) => {
+        event.stopPropagation();
+        if (!readOnly) start();
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "pointer-events-none [&_*]:pointer-events-none", children: renderPreview(pending ? { ...field, value: draft } : field) })
+    }
+  );
+  if (!pending) return collapsed;
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: collapsed }),
+    placedActions
+  ] });
+}
+function PropertiesFieldRow({
+  field,
+  fieldId,
+  label,
+  value,
+  messages,
+  ctx
+}) {
+  const [actionsTarget, setActionsTarget] = useState(
+    null
+  );
+  const nested = field.kind === "object" || field.kind === "string-map";
+  return /* @__PURE__ */ jsx(PropertyActionsContext.Provider, { value: actionsTarget, children: /* @__PURE__ */ jsx(
+    Properties,
+    {
+      showDensityMenu: false,
+      density: "comfortable",
+      className: "rounded-none border-0 border-b",
+      rowClassName: cn("items-center", propertyRowClass[ctx.size]),
+      gridTemplateColumns: `minmax(0, ${ctx.layout.labelMaxWidth ?? "12rem"}) minmax(0, ${ctx.layout.valueMaxWidth ?? "1fr"})`,
+      items: [
+        {
+          key: field.key,
+          value,
+          ...field.helper && (field.helpDisplay ?? ctx.layout.help) !== "hover" ? { subtitle: field.helper } : {},
+          ...nested ? {
+            expandable: true,
+            expanded: true,
+            renderChildren: () => value
+          } : {}
+        }
+      ],
+      renderLabel: () => label,
+      renderValue: () => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          !nested && value,
+          /* @__PURE__ */ jsx(FieldErrorText, { id: fieldErrorId(fieldId), errors: messages })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: setActionsTarget,
+            "data-property-row-actions": true,
+            className: "ml-auto inline-flex shrink-0 gap-1 empty:hidden"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+export {
+  PropertiesFieldRow,
+  PropertyValueEditor
+};
+//# sourceMappingURL=json-schema-form-properties.js.map

package/dist/components/json-schema-form-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-properties.js","sources":["../../src/components/json-schema-form-properties.tsx"],"sourcesContent":["import {\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal, flushSync } from \"react-dom\";\nimport { Properties } from \"../data/Properties\";\nimport { cn } from \"../lib/utils\";\nimport { IconButton } from \"./IconButton\";\nimport { UiCheck, UiClose } from \"../icons\";\nimport { controlHeightClass } from \"./json-schema-form-size\";\nimport { propertyRowClass } from \"./json-schema-form-properties-size\";\nimport { PropertyActionsContext } from \"./json-schema-form-property-actions-context\";\nimport { FieldErrorText } from \"./json-schema-form-error-display\";\nimport { fieldAriaProps, fieldErrorId } from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\nimport type { JsonSchemaFormError } from \"./json-schema-form-error-types\";\nimport {\n  propertyDraftValue,\n  propertyValuesEqual,\n  updatePropertyDraft,\n} from \"./json-schema-form-property-draft\";\n\nexport function PropertyValueEditor({\n  field,\n  fieldId,\n  ctx,\n  renderEditor,\n  renderPreview,\n  actionsPlacement = \"inline\",\n}: {\n  field: FieldControl;\n  fieldId: string;\n  ctx: RenderContext;\n  renderEditor: (field: FieldControl, ctx: RenderContext) => ReactNode;\n  // Takes the field so a parked edit can be previewed through the same\n  // post-extension pipeline as the saved value, rather than the saved value\n  // being baked into a node the editor cannot re-render.\n  renderPreview: (field: FieldControl) => ReactNode;\n  actionsPlacement?: \"inline\" | \"row\";\n}) {\n  const actionsTarget = useContext(PropertyActionsContext);\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(field.value);\n  const [rootDraft, setRootDraft] = useState<Record<string, unknown>>();\n  const editor = useRef<HTMLDivElement>(null);\n  const trigger = useRef<HTMLDivElement>(null);\n  const restoringFocus = useRef(false);\n  const focusWithin = useRef(false);\n  const readOnly = ctx.readOnly || field.readOnly;\n  const dirty = rootDraft\n    ? !propertyValuesEqual(rootDraft, ctx.rootValue)\n    : !propertyValuesEqual(draft, field.value);\n  // A draft that outlived its editor. Leaving a field is not a decision to\n  // discard the answer, so the row shows the pending value read-only and keeps\n  // offering the check and cancel. autoSave commits on the way out instead, so\n  // nothing is ever left parked.\n  const pending = !editing && dirty && !readOnly && !ctx.autoSave;\n  // accept() can run from the blur timeout, a tick after the render that\n  // installed it — and NumberControl coerces its text through onChange (which\n  // here is setDraft) during that same blur. Committing the closed-over draft\n  // would save the pre-coercion value, so the commit reads the latest.\n  const latest = useRef({ draft, rootDraft, dirty });\n  latest.current = { draft, rootDraft, dirty };\n  useEffect(() => {\n    if (!editing && restoringFocus.current) {\n      trigger.current?.focus();\n      restoringFocus.current = false;\n    }\n    const container = editor.current;\n    if (!editing || !container) return;\n    let focusedControl: HTMLElement | null;\n    const focusControl = () => {\n      focusedControl =\n        container.querySelector<HTMLElement>('[contenteditable=\"true\"]') ??\n        container.querySelector<HTMLElement>(\n          \"input:not(:disabled):not([type=hidden]), textarea:not(:disabled), select:not(:disabled), [role=combobox]\",\n        ) ??\n        container.querySelector<HTMLElement>(\"button:not(:disabled)\");\n      focusedControl?.focus();\n    };\n    focusControl();\n    const observer = new MutationObserver(() => {\n      if (\n        focusedControl &&\n        !focusedControl.isConnected &&\n        document.activeElement === document.body\n      )\n        focusControl();\n    });\n    observer.observe(container, { childList: true, subtree: true });\n    return () => observer.disconnect();\n  }, [editing]);\n  // Three ways out of the editor, differing in what happens to the draft:\n  // revert throws it away, park keeps it on the row unsaved, accept commits it.\n  const revert = ({ restoreFocus }: { restoreFocus: boolean }) => {\n    setDraft(field.value);\n    setRootDraft(undefined);\n    restoringFocus.current = restoreFocus;\n    setEditing(false);\n  };\n  const park = () => {\n    restoringFocus.current = false;\n    setEditing(false);\n  };\n  const accept = ({ restoreFocus }: { restoreFocus: boolean }) => {\n    const { draft: value, rootDraft: root } = latest.current;\n    if (root) ctx.onRootChange?.(root);\n    else field.onChange(value);\n    restoringFocus.current = restoreFocus;\n    setEditing(false);\n  };\n  const start = () => {\n    // Re-opening a parked row must find the draft it parked, not the value the\n    // draft was meant to replace.\n    if (!pending) {\n      setDraft(field.value);\n      setRootDraft(undefined);\n    }\n    setEditing(true);\n  };\n  const acceptAndAdvance = () => {\n    const container = editor.current;\n    const form = container?.closest(\"[data-json-schema-form]\");\n    if (!container || !form)\n      throw new Error(\"Property editor must belong to a JsonSchemaForm\");\n    const fields = () =>\n      Array.from(\n        form.querySelectorAll<HTMLElement>(\"[data-property-editor]\"),\n      ).filter((node) => node.closest(\"[data-json-schema-form]\") === form);\n    const nextIndex = fields().indexOf(container) + 1;\n    const nextField = fields()[nextIndex]?.dataset.propertyEditor;\n    flushSync(() => accept({ restoreFocus: true }));\n    const updatedFields = fields();\n    const next =\n      updatedFields.find((node) => node.dataset.propertyEditor === nextField) ??\n      updatedFields[nextIndex];\n    if (next?.getAttribute(\"role\") === \"button\") next.focus();\n    else\n      next\n        ?.querySelector<HTMLElement>(\n          'input:not(:disabled):not([type=hidden]), textarea:not(:disabled), select:not(:disabled), [contenteditable=\"true\"], [role=combobox]',\n        )\n        ?.focus();\n  };\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (\n      event.defaultPrevented ||\n      event.nativeEvent.isComposing ||\n      event.keyCode === 229\n    )\n      return;\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      event.stopPropagation();\n      revert({ restoreFocus: true });\n    } else if (\n      event.key === \"Enter\" &&\n      !event.shiftKey &&\n      !event.altKey &&\n      !event.ctrlKey &&\n      !event.metaKey &&\n      !(\n        event.target instanceof Element &&\n        event.target.closest(\"button, [role=button], a\")\n      )\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      acceptAndAdvance();\n    }\n  };\n  // Offered while editing a changed value and while that change sits parked, so\n  // the same pair confirms an edit whether or not the field still has focus.\n  const actions =\n    dirty && !readOnly && !ctx.autoSave ? (\n      <>\n        <IconButton\n          icon={UiCheck}\n          label={`Save ${field.label}`}\n          className={cn(\n            \"w-6 text-[var(--fs-success)] hover:text-[var(--fs-success-700)]\",\n            controlHeightClass[ctx.size],\n          )}\n          onClick={() => accept({ restoreFocus: true })}\n        />\n        <IconButton\n          icon={UiClose}\n          label={`Cancel editing ${field.label}`}\n          className={cn(\n            \"w-6 text-destructive hover:text-destructive\",\n            controlHeightClass[ctx.size],\n          )}\n          onClick={() => revert({ restoreFocus: true })}\n        />\n      </>\n    ) : null;\n  const placedActions =\n    actionsPlacement === \"row\"\n      ? actionsTarget && createPortal(actions, actionsTarget)\n      : actions;\n  if (editing) {\n    return (\n      <div\n        ref={editor}\n        data-property-editor={readOnly ? undefined : fieldId}\n        className=\"flex min-w-0 items-start gap-1\"\n        onFocusCapture={() => {\n          focusWithin.current = true;\n        }}\n        onBlurCapture={() => {\n          focusWithin.current = false;\n          setTimeout(() => {\n            if (!focusWithin.current && editor.current?.isConnected) {\n              if (ctx.autoSave && latest.current.dirty)\n                accept({ restoreFocus: false });\n              else park();\n            }\n          }, 0);\n        }}\n        onKeyDown={handleKeyDown}\n        onKeyDownCapture={(event) => {\n          if (\n            event.key === \"Enter\" &&\n            event.target instanceof Element &&\n            event.target.closest('[contenteditable=\"true\"]')\n          )\n            handleKeyDown(event);\n        }}\n      >\n        <div className=\"min-w-0 flex-1\">\n          {renderEditor(\n            {\n              ...field,\n              value: draft,\n              onChange: (next) => {\n                setDraft(next);\n                if (rootDraft)\n                  setRootDraft(\n                    updatePropertyDraft({\n                      root: rootDraft,\n                      path: ctx.instancePath,\n                      value: next,\n                    }),\n                  );\n              },\n            },\n            {\n              ...ctx,\n              ...(ctx.rootValue\n                ? {\n                    rootValue:\n                      rootDraft ??\n                      updatePropertyDraft({\n                        root: ctx.rootValue,\n                        path: ctx.instancePath,\n                        value: draft,\n                      }),\n                  }\n                : {}),\n              ...(ctx.onRootChange\n                ? {\n                    onRootChange: (next: Record<string, unknown>) => {\n                      setRootDraft(next);\n                      setDraft(propertyDraftValue(next, ctx.instancePath));\n                    },\n                  }\n                : {}),\n            },\n          )}\n        </div>\n        {placedActions}\n      </div>\n    );\n  }\n  const collapsed = (\n    <div\n      ref={trigger}\n      id={fieldId}\n      data-property-editor={readOnly ? undefined : fieldId}\n      role={readOnly ? undefined : \"button\"}\n      tabIndex={readOnly ? undefined : 0}\n      aria-label={readOnly ? field.label : `Edit ${field.label}`}\n      onFocus={(event) => {\n        if (\n          event.target === event.currentTarget &&\n          !readOnly &&\n          !restoringFocus.current\n        )\n          start();\n      }}\n      {...fieldAriaProps(field, fieldId)}\n      className={cn(\n        \"block w-full min-w-0 rounded text-left\",\n        !readOnly &&\n          \"cursor-pointer hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      )}\n      onClickCapture={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        if (!readOnly) start();\n      }}\n      onKeyDownCapture={(event) => {\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\n        event.preventDefault();\n        event.stopPropagation();\n        if (!readOnly) start();\n      }}\n      onChangeCapture={(event) => {\n        event.stopPropagation();\n        if (!readOnly) start();\n      }}\n    >\n      <div className=\"pointer-events-none [&_*]:pointer-events-none\">\n        {renderPreview(pending ? { ...field, value: draft } : field)}\n      </div>\n    </div>\n  );\n  if (!pending) return collapsed;\n  // The actions sit outside the trigger, or clicking either of them would count\n  // as clicking the row and re-open the editor underneath them.\n  return (\n    <div className=\"flex min-w-0 items-start gap-1\">\n      <div className=\"min-w-0 flex-1\">{collapsed}</div>\n      {placedActions}\n    </div>\n  );\n}\n\nexport function PropertiesFieldRow({\n  field,\n  fieldId,\n  label,\n  value,\n  messages,\n  ctx,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  label: ReactNode;\n  value: ReactNode;\n  messages: JsonSchemaFormError[];\n  ctx: RenderContext;\n}) {\n  const [actionsTarget, setActionsTarget] = useState<HTMLSpanElement | null>(\n    null,\n  );\n  const nested = field.kind === \"object\" || field.kind === \"string-map\";\n  return (\n    <PropertyActionsContext.Provider value={actionsTarget}>\n      <Properties\n        showDensityMenu={false}\n        density=\"comfortable\"\n        className=\"rounded-none border-0 border-b\"\n        rowClassName={cn(\"items-center\", propertyRowClass[ctx.size])}\n        gridTemplateColumns={`minmax(0, ${ctx.layout.labelMaxWidth ?? \"12rem\"}) minmax(0, ${ctx.layout.valueMaxWidth ?? \"1fr\"})`}\n        items={[\n          {\n            key: field.key,\n            value,\n            ...(field.helper &&\n            (field.helpDisplay ?? ctx.layout.help) !== \"hover\"\n              ? { subtitle: field.helper }\n              : {}),\n            ...(nested\n              ? {\n                  expandable: true,\n                  expanded: true,\n                  renderChildren: () => value,\n                }\n              : {}),\n          },\n        ]}\n        renderLabel={() => label}\n        renderValue={() => (\n          <div className=\"flex min-w-0 items-start gap-1\">\n            <div className=\"min-w-0 flex-1\">\n              {!nested && value}\n              <FieldErrorText id={fieldErrorId(fieldId)} errors={messages} />\n            </div>\n            <span\n              ref={setActionsTarget}\n              data-property-row-actions\n              className=\"ml-auto inline-flex shrink-0 gap-1 empty:hidden\"\n            />\n          </div>\n        )}\n      />\n    </PropertyActionsContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-property-actions-context.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const PropertyActionsContext = react.createContext(null);
+exports.PropertyActionsContext = PropertyActionsContext;
+//# sourceMappingURL=json-schema-form-property-actions-context.cjs.map

package/dist/components/json-schema-form-property-actions-context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-actions-context.cjs","sources":["../../src/components/json-schema-form-property-actions-context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const PropertyActionsContext = createContext<HTMLElement | null>(null);\n"],"names":["createContext"],"mappings":";;;AAEO,MAAM,yBAAyBA,MAAAA,cAAkC,IAAI;;"}

package/dist/components/json-schema-form-property-actions-context.d.ts

@@ -0,0 +1,2 @@
+export declare const PropertyActionsContext: import('react').Context<HTMLElement | null>;
+//# sourceMappingURL=json-schema-form-property-actions-context.d.ts.map

package/dist/components/json-schema-form-property-actions-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-actions-context.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-property-actions-context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,6CAA0C,CAAC"}

package/dist/components/json-schema-form-property-actions-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const PropertyActionsContext = createContext(null);
+export {
+  PropertyActionsContext
+};
+//# sourceMappingURL=json-schema-form-property-actions-context.js.map

package/dist/components/json-schema-form-property-actions-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-actions-context.js","sources":["../../src/components/json-schema-form-property-actions-context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const PropertyActionsContext = createContext<HTMLElement | null>(null);\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,cAAkC,IAAI;"}

package/dist/components/json-schema-form-property-collection.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const jsonSchemaFormArray = require("./json-schema-form-array.cjs");
+const jsonSchemaFormObject = require("./json-schema-form-object.cjs");
+const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
+function PropertyCollectionPreview({
+  field,
+  ctx
+}) {
+  const previewCtx = {
+    ...ctx,
+    presentation: true,
+    readOnly: true,
+    layout: { ...ctx.layout, mode: "stacked" }
+  };
+  if (field.kind === "array")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      jsonSchemaFormArray.ArrayControl,
+      {
+        field,
+        fieldId: jsonSchemaFormUtils.fieldInputId(ctx.instancePath, ctx.idPrefix),
+        ctx: previewCtx
+      }
+    );
+  if (field.kind === "object")
+    return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormObject.ObjectControl, { field, ctx: previewCtx });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormObject.StringMapControl, { field, ctx: previewCtx });
+}
+exports.PropertyCollectionPreview = PropertyCollectionPreview;
+//# sourceMappingURL=json-schema-form-property-collection.cjs.map

package/dist/components/json-schema-form-property-collection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-collection.cjs","sources":["../../src/components/json-schema-form-property-collection.tsx"],"sourcesContent":["import { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { fieldInputId } from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\nexport function PropertyCollectionPreview({\n  field,\n  ctx,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n}) {\n  const previewCtx: RenderContext = {\n    ...ctx,\n    presentation: true,\n    readOnly: true,\n    layout: { ...ctx.layout, mode: \"stacked\" },\n  };\n  if (field.kind === \"array\")\n    return (\n      <ArrayControl\n        field={field}\n        fieldId={fieldInputId(ctx.instancePath, ctx.idPrefix)}\n        ctx={previewCtx}\n      />\n    );\n  if (field.kind === \"object\")\n    return <ObjectControl field={field} ctx={previewCtx} />;\n  return <StringMapControl field={field} ctx={previewCtx} />;\n}\n"],"names":["jsx","ArrayControl","fieldInputId","ObjectControl","StringMapControl"],"mappings":";;;;;;AAKO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AACF,GAGG;AACD,QAAM,aAA4B;AAAA,IAChC,GAAG;AAAA,IACH,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,UAAA;AAAA,EAAU;AAE3C,MAAI,MAAM,SAAS;AACjB,WACEA,2BAAAA;AAAAA,MAACC,oBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,SAASC,oBAAAA,aAAa,IAAI,cAAc,IAAI,QAAQ;AAAA,QACpD,KAAK;AAAA,MAAA;AAAA,IAAA;AAGX,MAAI,MAAM,SAAS;AACjB,WAAOF,2BAAAA,IAACG,qBAAAA,eAAA,EAAc,OAAc,KAAK,WAAA,CAAY;AACvD,SAAOH,2BAAAA,IAACI,qBAAAA,kBAAA,EAAiB,OAAc,KAAK,WAAA,CAAY;AAC1D;;"}

package/dist/components/json-schema-form-property-collection.d.ts

@@ -0,0 +1,6 @@
+import { FieldControl, RenderContext } from './json-schema-form-types';
+export declare function PropertyCollectionPreview({ field, ctx, }: {
+    field: FieldControl;
+    ctx: RenderContext;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-property-collection.d.ts.map

package/dist/components/json-schema-form-property-collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-collection.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-property-collection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE5E,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;CACpB,+BAkBA"}

package/dist/components/json-schema-form-property-collection.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { ArrayControl } from "./json-schema-form-array.js";
+import { ObjectControl, StringMapControl } from "./json-schema-form-object.js";
+import { fieldInputId } from "./json-schema-form-utils.js";
+function PropertyCollectionPreview({
+  field,
+  ctx
+}) {
+  const previewCtx = {
+    ...ctx,
+    presentation: true,
+    readOnly: true,
+    layout: { ...ctx.layout, mode: "stacked" }
+  };
+  if (field.kind === "array")
+    return /* @__PURE__ */ jsx(
+      ArrayControl,
+      {
+        field,
+        fieldId: fieldInputId(ctx.instancePath, ctx.idPrefix),
+        ctx: previewCtx
+      }
+    );
+  if (field.kind === "object")
+    return /* @__PURE__ */ jsx(ObjectControl, { field, ctx: previewCtx });
+  return /* @__PURE__ */ jsx(StringMapControl, { field, ctx: previewCtx });
+}
+export {
+  PropertyCollectionPreview
+};
+//# sourceMappingURL=json-schema-form-property-collection.js.map

package/dist/components/json-schema-form-property-collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-collection.js","sources":["../../src/components/json-schema-form-property-collection.tsx"],"sourcesContent":["import { ArrayControl } from \"./json-schema-form-array\";\nimport { ObjectControl, StringMapControl } from \"./json-schema-form-object\";\nimport { fieldInputId } from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\nexport function PropertyCollectionPreview({\n  field,\n  ctx,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n}) {\n  const previewCtx: RenderContext = {\n    ...ctx,\n    presentation: true,\n    readOnly: true,\n    layout: { ...ctx.layout, mode: \"stacked\" },\n  };\n  if (field.kind === \"array\")\n    return (\n      <ArrayControl\n        field={field}\n        fieldId={fieldInputId(ctx.instancePath, ctx.idPrefix)}\n        ctx={previewCtx}\n      />\n    );\n  if (field.kind === \"object\")\n    return <ObjectControl field={field} ctx={previewCtx} />;\n  return <StringMapControl field={field} ctx={previewCtx} />;\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AACF,GAGG;AACD,QAAM,aAA4B;AAAA,IAChC,GAAG;AAAA,IACH,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,UAAA;AAAA,EAAU;AAE3C,MAAI,MAAM,SAAS;AACjB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAS,aAAa,IAAI,cAAc,IAAI,QAAQ;AAAA,QACpD,KAAK;AAAA,MAAA;AAAA,IAAA;AAGX,MAAI,MAAM,SAAS;AACjB,WAAO,oBAAC,eAAA,EAAc,OAAc,KAAK,WAAA,CAAY;AACvD,SAAO,oBAAC,kBAAA,EAAiB,OAAc,KAAK,WAAA,CAAY;AAC1D;"}

package/dist/components/json-schema-form-property-draft.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function propertyValuesEqual(left, right) {
+  if (Object.is(left, right)) return true;
+  if (Array.isArray(left) || Array.isArray(right)) {
+    return Array.isArray(left) && Array.isArray(right) && left.length === right.length && left.every((value, index) => propertyValuesEqual(value, right[index]));
+  }
+  if (left === null || right === null || typeof left !== "object" || typeof right !== "object")
+    return false;
+  const leftObject = left;
+  const rightObject = right;
+  return Object.keys(leftObject).length === Object.keys(rightObject).length && Object.keys(leftObject).every(
+    (key) => Object.prototype.hasOwnProperty.call(rightObject, key) && propertyValuesEqual(leftObject[key], rightObject[key])
+  );
+}
+function propertyDraftValue(root, path) {
+  return path.slice(1).split("/").reduce((value, part) => {
+    if (value === null || typeof value !== "object") return void 0;
+    return value[part.replace(/~1/g, "/").replace(/~0/g, "~")];
+  }, root);
+}
+function updatePropertyDraft({
+  root,
+  path,
+  value
+}) {
+  const parts = path.slice(1).split("/").map((part) => part.replace(/~1/g, "/").replace(/~0/g, "~"));
+  function update(node, depth) {
+    const key = parts[depth];
+    if (key === void 0) return value;
+    if (Array.isArray(node))
+      return node.map(
+        (item, index) => String(index) === key ? update(item, depth + 1) : item
+      );
+    if (node != null && typeof node !== "object")
+      throw new Error(`Cannot edit property at ${path}: expected an object`);
+    const object = node;
+    return { ...object, [key]: update(object == null ? void 0 : object[key], depth + 1) };
+  }
+  return update(root, 0);
+}
+exports.propertyDraftValue = propertyDraftValue;
+exports.propertyValuesEqual = propertyValuesEqual;
+exports.updatePropertyDraft = updatePropertyDraft;
+//# sourceMappingURL=json-schema-form-property-draft.cjs.map

package/dist/components/json-schema-form-property-draft.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-draft.cjs","sources":["../../src/components/json-schema-form-property-draft.ts"],"sourcesContent":["export function propertyValuesEqual(left: unknown, right: unknown): boolean {\n  if (Object.is(left, right)) return true;\n  if (Array.isArray(left) || Array.isArray(right)) {\n    return (\n      Array.isArray(left) &&\n      Array.isArray(right) &&\n      left.length === right.length &&\n      left.every((value, index) => propertyValuesEqual(value, right[index]))\n    );\n  }\n  if (\n    left === null ||\n    right === null ||\n    typeof left !== \"object\" ||\n    typeof right !== \"object\"\n  )\n    return false;\n  const leftObject = left as Record<string, unknown>;\n  const rightObject = right as Record<string, unknown>;\n  return (\n    Object.keys(leftObject).length === Object.keys(rightObject).length &&\n    Object.keys(leftObject).every(\n      (key) =>\n        Object.prototype.hasOwnProperty.call(rightObject, key) &&\n        propertyValuesEqual(leftObject[key], rightObject[key]),\n    )\n  );\n}\n\nexport function propertyDraftValue(\n  root: Record<string, unknown>,\n  path: string,\n): unknown {\n  return path\n    .slice(1)\n    .split(\"/\")\n    .reduce<unknown>((value, part) => {\n      if (value === null || typeof value !== \"object\") return undefined;\n      return (value as Record<string, unknown>)[\n        part.replace(/~1/g, \"/\").replace(/~0/g, \"~\")\n      ];\n    }, root);\n}\n\nexport function updatePropertyDraft({\n  root,\n  path,\n  value,\n}: {\n  root: Record<string, unknown>;\n  path: string;\n  value: unknown;\n}): Record<string, unknown> {\n  const parts = path\n    .slice(1)\n    .split(\"/\")\n    .map((part) => part.replace(/~1/g, \"/\").replace(/~0/g, \"~\"));\n  function update(node: unknown, depth: number): unknown {\n    const key = parts[depth];\n    if (key === undefined) return value;\n    if (Array.isArray(node))\n      return node.map((item, index) =>\n        String(index) === key ? update(item, depth + 1) : item,\n      );\n    if (node != null && typeof node !== \"object\")\n      throw new Error(`Cannot edit property at ${path}: expected an object`);\n    const object = node as Record<string, unknown> | undefined;\n    return { ...object, [key]: update(object?.[key], depth + 1) };\n  }\n  return update(root, 0) as Record<string, unknown>;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,oBAAoB,MAAe,OAAyB;AAC1E,MAAI,OAAO,GAAG,MAAM,KAAK,EAAG,QAAO;AACnC,MAAI,MAAM,QAAQ,IAAI,KAAK,MAAM,QAAQ,KAAK,GAAG;AAC/C,WACE,MAAM,QAAQ,IAAI,KAClB,MAAM,QAAQ,KAAK,KACnB,KAAK,WAAW,MAAM,UACtB,KAAK,MAAM,CAAC,OAAO,UAAU,oBAAoB,OAAO,MAAM,KAAK,CAAC,CAAC;AAAA,EAEzE;AACA,MACE,SAAS,QACT,UAAU,QACV,OAAO,SAAS,YAChB,OAAO,UAAU;AAEjB,WAAO;AACT,QAAM,aAAa;AACnB,QAAM,cAAc;AACpB,SACE,OAAO,KAAK,UAAU,EAAE,WAAW,OAAO,KAAK,WAAW,EAAE,UAC5D,OAAO,KAAK,UAAU,EAAE;AAAA,IACtB,CAAC,QACC,OAAO,UAAU,eAAe,KAAK,aAAa,GAAG,KACrD,oBAAoB,WAAW,GAAG,GAAG,YAAY,GAAG,CAAC;AAAA,EAAA;AAG7D;AAEO,SAAS,mBACd,MACA,MACS;AACT,SAAO,KACJ,MAAM,CAAC,EACP,MAAM,GAAG,EACT,OAAgB,CAAC,OAAO,SAAS;AAChC,QAAI,UAAU,QAAQ,OAAO,UAAU,SAAU,QAAO;AACxD,WAAQ,MACN,KAAK,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,GAAG,CAC7C;AAAA,EACF,GAAG,IAAI;AACX;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAI4B;AAC1B,QAAM,QAAQ,KACX,MAAM,CAAC,EACP,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,GAAG,CAAC;AAC7D,WAAS,OAAO,MAAe,OAAwB;AACrD,UAAM,MAAM,MAAM,KAAK;AACvB,QAAI,QAAQ,OAAW,QAAO;AAC9B,QAAI,MAAM,QAAQ,IAAI;AACpB,aAAO,KAAK;AAAA,QAAI,CAAC,MAAM,UACrB,OAAO,KAAK,MAAM,MAAM,OAAO,MAAM,QAAQ,CAAC,IAAI;AAAA,MAAA;AAEtD,QAAI,QAAQ,QAAQ,OAAO,SAAS;AAClC,YAAM,IAAI,MAAM,2BAA2B,IAAI,sBAAsB;AACvE,UAAM,SAAS;AACf,WAAO,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,OAAO,iCAAS,MAAM,QAAQ,CAAC,EAAA;AAAA,EAC5D;AACA,SAAO,OAAO,MAAM,CAAC;AACvB;;;;"}

package/dist/components/json-schema-form-property-draft.d.ts

@@ -0,0 +1,8 @@
+export declare function propertyValuesEqual(left: unknown, right: unknown): boolean;
+export declare function propertyDraftValue(root: Record<string, unknown>, path: string): unknown;
+export declare function updatePropertyDraft({ root, path, value, }: {
+    root: Record<string, unknown>;
+    path: string;
+    value: unknown;
+}): Record<string, unknown>;
+//# sourceMappingURL=json-schema-form-property-draft.d.ts.map

package/dist/components/json-schema-form-property-draft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-draft.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-property-draft.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CA2B1E;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,IAAI,EAAE,MAAM,GACX,OAAO,CAUT;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,KAAK,GACN,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAkB1B"}

package/dist/components/json-schema-form-property-draft.js

@@ -0,0 +1,45 @@
+function propertyValuesEqual(left, right) {
+  if (Object.is(left, right)) return true;
+  if (Array.isArray(left) || Array.isArray(right)) {
+    return Array.isArray(left) && Array.isArray(right) && left.length === right.length && left.every((value, index) => propertyValuesEqual(value, right[index]));
+  }
+  if (left === null || right === null || typeof left !== "object" || typeof right !== "object")
+    return false;
+  const leftObject = left;
+  const rightObject = right;
+  return Object.keys(leftObject).length === Object.keys(rightObject).length && Object.keys(leftObject).every(
+    (key) => Object.prototype.hasOwnProperty.call(rightObject, key) && propertyValuesEqual(leftObject[key], rightObject[key])
+  );
+}
+function propertyDraftValue(root, path) {
+  return path.slice(1).split("/").reduce((value, part) => {
+    if (value === null || typeof value !== "object") return void 0;
+    return value[part.replace(/~1/g, "/").replace(/~0/g, "~")];
+  }, root);
+}
+function updatePropertyDraft({
+  root,
+  path,
+  value
+}) {
+  const parts = path.slice(1).split("/").map((part) => part.replace(/~1/g, "/").replace(/~0/g, "~"));
+  function update(node, depth) {
+    const key = parts[depth];
+    if (key === void 0) return value;
+    if (Array.isArray(node))
+      return node.map(
+        (item, index) => String(index) === key ? update(item, depth + 1) : item
+      );
+    if (node != null && typeof node !== "object")
+      throw new Error(`Cannot edit property at ${path}: expected an object`);
+    const object = node;
+    return { ...object, [key]: update(object == null ? void 0 : object[key], depth + 1) };
+  }
+  return update(root, 0);
+}
+export {
+  propertyDraftValue,
+  propertyValuesEqual,
+  updatePropertyDraft
+};
+//# sourceMappingURL=json-schema-form-property-draft.js.map

package/dist/components/json-schema-form-property-draft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-property-draft.js","sources":["../../src/components/json-schema-form-property-draft.ts"],"sourcesContent":["export function propertyValuesEqual(left: unknown, right: unknown): boolean {\n  if (Object.is(left, right)) return true;\n  if (Array.isArray(left) || Array.isArray(right)) {\n    return (\n      Array.isArray(left) &&\n      Array.isArray(right) &&\n      left.length === right.length &&\n      left.every((value, index) => propertyValuesEqual(value, right[index]))\n    );\n  }\n  if (\n    left === null ||\n    right === null ||\n    typeof left !== \"object\" ||\n    typeof right !== \"object\"\n  )\n    return false;\n  const leftObject = left as Record<string, unknown>;\n  const rightObject = right as Record<string, unknown>;\n  return (\n    Object.keys(leftObject).length === Object.keys(rightObject).length &&\n    Object.keys(leftObject).every(\n      (key) =>\n        Object.prototype.hasOwnProperty.call(rightObject, key) &&\n        propertyValuesEqual(leftObject[key], rightObject[key]),\n    )\n  );\n}\n\nexport function propertyDraftValue(\n  root: Record<string, unknown>,\n  path: string,\n): unknown {\n  return path\n    .slice(1)\n    .split(\"/\")\n    .reduce<unknown>((value, part) => {\n      if (value === null || typeof value !== \"object\") return undefined;\n      return (value as Record<string, unknown>)[\n        part.replace(/~1/g, \"/\").replace(/~0/g, \"~\")\n      ];\n    }, root);\n}\n\nexport function updatePropertyDraft({\n  root,\n  path,\n  value,\n}: {\n  root: Record<string, unknown>;\n  path: string;\n  value: unknown;\n}): Record<string, unknown> {\n  const parts = path\n    .slice(1)\n    .split(\"/\")\n    .map((part) => part.replace(/~1/g, \"/\").replace(/~0/g, \"~\"));\n  function update(node: unknown, depth: number): unknown {\n    const key = parts[depth];\n    if (key === undefined) return value;\n    if (Array.isArray(node))\n      return node.map((item, index) =>\n        String(index) === key ? update(item, depth + 1) : item,\n      );\n    if (node != null && typeof node !== \"object\")\n      throw new Error(`Cannot edit property at ${path}: expected an object`);\n    const object = node as Record<string, unknown> | undefined;\n    return { ...object, [key]: update(object?.[key], depth + 1) };\n  }\n  return update(root, 0) as Record<string, unknown>;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,MAAe,OAAyB;AAC1E,MAAI,OAAO,GAAG,MAAM,KAAK,EAAG,QAAO;AACnC,MAAI,MAAM,QAAQ,IAAI,KAAK,MAAM,QAAQ,KAAK,GAAG;AAC/C,WACE,MAAM,QAAQ,IAAI,KAClB,MAAM,QAAQ,KAAK,KACnB,KAAK,WAAW,MAAM,UACtB,KAAK,MAAM,CAAC,OAAO,UAAU,oBAAoB,OAAO,MAAM,KAAK,CAAC,CAAC;AAAA,EAEzE;AACA,MACE,SAAS,QACT,UAAU,QACV,OAAO,SAAS,YAChB,OAAO,UAAU;AAEjB,WAAO;AACT,QAAM,aAAa;AACnB,QAAM,cAAc;AACpB,SACE,OAAO,KAAK,UAAU,EAAE,WAAW,OAAO,KAAK,WAAW,EAAE,UAC5D,OAAO,KAAK,UAAU,EAAE;AAAA,IACtB,CAAC,QACC,OAAO,UAAU,eAAe,KAAK,aAAa,GAAG,KACrD,oBAAoB,WAAW,GAAG,GAAG,YAAY,GAAG,CAAC;AAAA,EAAA;AAG7D;AAEO,SAAS,mBACd,MACA,MACS;AACT,SAAO,KACJ,MAAM,CAAC,EACP,MAAM,GAAG,EACT,OAAgB,CAAC,OAAO,SAAS;AAChC,QAAI,UAAU,QAAQ,OAAO,UAAU,SAAU,QAAO;AACxD,WAAQ,MACN,KAAK,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,GAAG,CAC7C;AAAA,EACF,GAAG,IAAI;AACX;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAI4B;AAC1B,QAAM,QAAQ,KACX,MAAM,CAAC,EACP,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,QAAQ,OAAO,GAAG,EAAE,QAAQ,OAAO,GAAG,CAAC;AAC7D,WAAS,OAAO,MAAe,OAAwB;AACrD,UAAM,MAAM,MAAM,KAAK;AACvB,QAAI,QAAQ,OAAW,QAAO;AAC9B,QAAI,MAAM,QAAQ,IAAI;AACpB,aAAO,KAAK;AAAA,QAAI,CAAC,MAAM,UACrB,OAAO,KAAK,MAAM,MAAM,OAAO,MAAM,QAAQ,CAAC,IAAI;AAAA,MAAA;AAEtD,QAAI,QAAQ,QAAQ,OAAO,SAAS;AAClC,YAAM,IAAI,MAAM,2BAA2B,IAAI,sBAAsB;AACvE,UAAM,SAAS;AACf,WAAO,EAAE,GAAG,QAAQ,CAAC,GAAG,GAAG,OAAO,iCAAS,MAAM,QAAQ,CAAC,EAAA;AAAA,EAC5D;AACA,SAAO,OAAO,MAAM,CAAC;AACvB;"}