@flanksource/clicky-ui 0.3.34 → 0.3.35

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-properties-size.js","sources":["../../src/components/json-schema-form-properties-size.ts"],"sourcesContent":["import type { FormSize } from \"./json-schema-form-size\";\n\nexport const propertyControlSize: Record<FormSize, FormSize> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"sm\",\n  xl: \"md\",\n};\n\n// XL retains the former Medium cell: a 36px control with 8px padding per side.\nexport const propertyRowClass: Record<FormSize, string> = {\n  xs: \"px-1.5 py-0\",\n  sm: \"px-2 py-0.5\",\n  md: \"px-2 py-1\",\n  lg: \"px-2.5 py-1.5\",\n  xl: \"px-3 py-2\",\n};\n"],"names":[],"mappings":"AAEO,MAAM,sBAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,mBAA6C;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;"}

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

@@ -0,0 +1,305 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactDom = require("react-dom");
+const Properties = require("../data/Properties.cjs");
+const utils = require("../lib/utils.cjs");
+const IconButton = require("./IconButton.cjs");
+const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
+const jsonSchemaFormPropertiesSize = require("./json-schema-form-properties-size.cjs");
+const jsonSchemaFormPropertyActionsContext = require("./json-schema-form-property-actions-context.cjs");
+const jsonSchemaFormErrorDisplay = require("./json-schema-form-error-display.cjs");
+const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
+const jsonSchemaFormPropertyDraft = require("./json-schema-form-property-draft.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+function PropertyValueEditor({
+  field,
+  fieldId,
+  ctx,
+  renderEditor,
+  renderPreview,
+  actionsPlacement = "inline"
+}) {
+  const actionsTarget = react.useContext(jsonSchemaFormPropertyActionsContext.PropertyActionsContext);
+  const [editing, setEditing] = react.useState(false);
+  const [draft, setDraft] = react.useState(field.value);
+  const [rootDraft, setRootDraft] = react.useState();
+  const editor = react.useRef(null);
+  const trigger = react.useRef(null);
+  const restoringFocus = react.useRef(false);
+  const focusWithin = react.useRef(false);
+  const readOnly = ctx.readOnly || field.readOnly;
+  const dirty = rootDraft ? !jsonSchemaFormPropertyDraft.propertyValuesEqual(rootDraft, ctx.rootValue) : !jsonSchemaFormPropertyDraft.propertyValuesEqual(draft, field.value);
+  const pending = !editing && dirty && !readOnly && !ctx.autoSave;
+  const latest = react.useRef({ draft, rootDraft, dirty });
+  latest.current = { draft, rootDraft, dirty };
+  react.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;
+    reactDom.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: UiCheck.UiCheck,
+        label: `Save ${field.label}`,
+        className: utils.cn(
+          "w-6 text-[var(--fs-success)] hover:text-[var(--fs-success-700)]",
+          jsonSchemaFormSize.controlHeightClass[ctx.size]
+        ),
+        onClick: () => accept({ restoreFocus: true })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: UiClose.UiClose,
+        label: `Cancel editing ${field.label}`,
+        className: utils.cn(
+          "w-6 text-destructive hover:text-destructive",
+          jsonSchemaFormSize.controlHeightClass[ctx.size]
+        ),
+        onClick: () => revert({ restoreFocus: true })
+      }
+    )
+  ] }) : null;
+  const placedActions = actionsPlacement === "row" ? actionsTarget && reactDom.createPortal(actions, actionsTarget) : actions;
+  if (editing) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: renderEditor(
+            {
+              ...field,
+              value: draft,
+              onChange: (next) => {
+                setDraft(next);
+                if (rootDraft)
+                  setRootDraft(
+                    jsonSchemaFormPropertyDraft.updatePropertyDraft({
+                      root: rootDraft,
+                      path: ctx.instancePath,
+                      value: next
+                    })
+                  );
+              }
+            },
+            {
+              ...ctx,
+              ...ctx.rootValue ? {
+                rootValue: rootDraft ?? jsonSchemaFormPropertyDraft.updatePropertyDraft({
+                  root: ctx.rootValue,
+                  path: ctx.instancePath,
+                  value: draft
+                })
+              } : {},
+              ...ctx.onRootChange ? {
+                onRootChange: (next) => {
+                  setRootDraft(next);
+                  setDraft(jsonSchemaFormPropertyDraft.propertyDraftValue(next, ctx.instancePath));
+                }
+              } : {}
+            }
+          ) }),
+          placedActions
+        ]
+      }
+    );
+  }
+  const collapsed = /* @__PURE__ */ jsxRuntime.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();
+      },
+      ...jsonSchemaFormUtils.fieldAriaProps(field, fieldId),
+      className: utils.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__ */ jsxRuntime.jsx("div", { className: "pointer-events-none [&_*]:pointer-events-none", children: renderPreview(pending ? { ...field, value: draft } : field) })
+    }
+  );
+  if (!pending) return collapsed;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: collapsed }),
+    placedActions
+  ] });
+}
+function PropertiesFieldRow({
+  field,
+  fieldId,
+  label,
+  value,
+  messages,
+  ctx
+}) {
+  const [actionsTarget, setActionsTarget] = react.useState(
+    null
+  );
+  const nested = field.kind === "object" || field.kind === "string-map";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormPropertyActionsContext.PropertyActionsContext.Provider, { value: actionsTarget, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Properties.Properties,
+    {
+      showDensityMenu: false,
+      density: "comfortable",
+      className: "rounded-none border-0 border-b",
+      rowClassName: utils.cn("items-center", jsonSchemaFormPropertiesSize.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__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          !nested && value,
+          /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormErrorDisplay.FieldErrorText, { id: jsonSchemaFormUtils.fieldErrorId(fieldId), errors: messages })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            ref: setActionsTarget,
+            "data-property-row-actions": true,
+            className: "ml-auto inline-flex shrink-0 gap-1 empty:hidden"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+exports.PropertiesFieldRow = PropertiesFieldRow;
+exports.PropertyValueEditor = PropertyValueEditor;
+//# sourceMappingURL=json-schema-form-properties.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-properties.cjs","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":["useContext","PropertyActionsContext","useState","useRef","propertyValuesEqual","useEffect","flushSync","jsxs","Fragment","jsx","IconButton","UiCheck","cn","controlHeightClass","UiClose","createPortal","updatePropertyDraft","propertyDraftValue","fieldAriaProps","Properties","propertyRowClass","FieldErrorText","fieldErrorId"],"mappings":"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"}

package/dist/components/json-schema-form-properties.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { FieldControl, RenderContext } from './json-schema-form-types';
+import { JsonSchemaFormError } from './json-schema-form-error-types';
+export declare function PropertyValueEditor({ field, fieldId, ctx, renderEditor, renderPreview, actionsPlacement, }: {
+    field: FieldControl;
+    fieldId: string;
+    ctx: RenderContext;
+    renderEditor: (field: FieldControl, ctx: RenderContext) => ReactNode;
+    renderPreview: (field: FieldControl) => ReactNode;
+    actionsPlacement?: "inline" | "row";
+}): import("react").JSX.Element;
+export declare function PropertiesFieldRow({ field, fieldId, label, value, messages, ctx, }: {
+    field: FieldControl;
+    fieldId: string;
+    label: ReactNode;
+    value: ReactNode;
+    messages: JsonSchemaFormError[];
+    ctx: RenderContext;
+}): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-form-properties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-properties.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-properties.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAO1E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,GAAG,EACH,YAAY,EACZ,aAAa,EACb,gBAA2B,GAC5B,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,KAAK,SAAS,CAAC;IAIrE,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;IAClD,gBAAgB,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACrC,+BA+RA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,GAAG,EAAE,aAAa,CAAC;CACpB,+BA+CA"}

package/dist/components/json-schema-form-properties.fixtures.d.ts

@@ -0,0 +1,157 @@
+import { JsonSchemaObject, JsonSchemaProperty, LookupFetcher, PreExtension } from './json-schema-form-types';
+export declare const scalarProperties: Record<string, JsonSchemaProperty>;
+export declare const scalarValues: {
+    text: string;
+    password: string;
+    textarea: string;
+    markdown: string;
+    integer: number;
+    number: number;
+    percent: number;
+    slider: number;
+    boolean: boolean;
+    date: string;
+    dateTime: string;
+    nullable: null;
+};
+export declare const choiceProperties: Record<string, JsonSchemaProperty>;
+export declare const choiceValues: {
+    combobox: string;
+    radio: string;
+    grid: string;
+    segmented: string;
+    union: string;
+    lookup: string;
+    multiLookup: string[];
+    treeLookup: string;
+};
+export declare const propertiesLookupFetcher: LookupFetcher;
+export declare const collectionProperties: Record<string, JsonSchemaProperty>;
+export declare const collectionValues: {
+    strings: string[];
+    integers: number[];
+    numbers: number[];
+    choices: string[];
+    pills: string[];
+    list: string[];
+    booleans: boolean[];
+    accordion: {
+        name: string;
+        enabled: boolean;
+    }[];
+    cards: {
+        name: string;
+        enabled: boolean;
+    }[];
+    stacked: {
+        name: string;
+        enabled: boolean;
+    }[];
+    table: {
+        name: string;
+        enabled: boolean;
+    }[];
+    map: {
+        owner: string;
+        region: string;
+    };
+    typedMap: {
+        retries: number;
+        timeout: number;
+    };
+    keyPicker: {
+        primary: string;
+    };
+    nested: {
+        host: string;
+        credentials: {
+            username: string;
+        };
+    };
+};
+export declare const presentationProperties: Record<string, JsonSchemaProperty>;
+export declare const presentationValues: {
+    link: string;
+    readOnly: string;
+    readOnlyNumber: number;
+    readOnlyDate: string;
+    readOnlyPassword: string;
+};
+export declare const propertiesPresentation: PreExtension;
+export declare const allPropertiesSchema: JsonSchemaObject;
+export declare const allPropertiesValues: {
+    scalars: {
+        text: string;
+        password: string;
+        textarea: string;
+        markdown: string;
+        integer: number;
+        number: number;
+        percent: number;
+        slider: number;
+        boolean: boolean;
+        date: string;
+        dateTime: string;
+        nullable: null;
+    };
+    choices: {
+        combobox: string;
+        radio: string;
+        grid: string;
+        segmented: string;
+        union: string;
+        lookup: string;
+        multiLookup: string[];
+        treeLookup: string;
+    };
+    collections: {
+        strings: string[];
+        integers: number[];
+        numbers: number[];
+        choices: string[];
+        pills: string[];
+        list: string[];
+        booleans: boolean[];
+        accordion: {
+            name: string;
+            enabled: boolean;
+        }[];
+        cards: {
+            name: string;
+            enabled: boolean;
+        }[];
+        stacked: {
+            name: string;
+            enabled: boolean;
+        }[];
+        table: {
+            name: string;
+            enabled: boolean;
+        }[];
+        map: {
+            owner: string;
+            region: string;
+        };
+        typedMap: {
+            retries: number;
+            timeout: number;
+        };
+        keyPicker: {
+            primary: string;
+        };
+        nested: {
+            host: string;
+            credentials: {
+                username: string;
+            };
+        };
+    };
+    presentation: {
+        link: string;
+        readOnly: string;
+        readOnlyNumber: number;
+        readOnlyDate: string;
+        readOnlyPassword: string;
+    };
+};
+//# sourceMappingURL=json-schema-form-properties.fixtures.d.ts.map

package/dist/components/json-schema-form-properties.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-properties.fixtures.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-properties.fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,YAAY,EACb,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAyC/D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAcxB,CAAC;AAQF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CA8B/D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,aASrC,CAAC;AAgBF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAkEnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAwBrE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAapC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,gBAyBjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK/B,CAAC"}