@bendyline/squisq-editor-react 1.3.0 → 1.5.0

package/dist/jsonEditor/EmbeddedRichTextField.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Standalone Tiptap-backed rich text field for use inside `<JsonEditor>`.
+ * Doesn't share `EditorContext` with the document editor — value is a
+ * controlled markdown string. Reuses `markdownToTiptap` /
+ * `tiptapToMarkdown` so fidelity matches the WysiwygEditor.
+ */
+import { useEffect, useRef } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Table from '@tiptap/extension-table';
+import TableRow from '@tiptap/extension-table-row';
+import TableCell from '@tiptap/extension-table-cell';
+import TableHeader from '@tiptap/extension-table-header';
+import TaskList from '@tiptap/extension-task-list';
+import TaskItem from '@tiptap/extension-task-item';
+import Placeholder from '@tiptap/extension-placeholder';
+import { markdownToTiptap, tiptapToMarkdown } from '../tiptapBridge';
+export function EmbeddedRichTextField(props) {
+    const { value, onChange, readOnly = false, placeholder, className } = props;
+    const isExternalUpdate = useRef(false);
+    const lastValueRef = useRef(value);
+    const editor = useEditor({
+        editable: !readOnly,
+        extensions: [
+            StarterKit.configure({
+                codeBlock: { HTMLAttributes: { class: 'squisq-code-block' } },
+            }),
+            Table.configure({ resizable: false }),
+            TableRow,
+            TableCell,
+            TableHeader,
+            TaskList,
+            TaskItem.configure({ nested: true }),
+            Placeholder.configure({ placeholder: placeholder ?? '' }),
+        ],
+        content: markdownToTiptap(value),
+        onUpdate: ({ editor: ed }) => {
+            if (isExternalUpdate.current)
+                return;
+            const html = ed.getHTML();
+            const md = tiptapToMarkdown(html);
+            lastValueRef.current = md;
+            onChange(md);
+        },
+        editorProps: {
+            attributes: {
+                class: 'squisq-jf-richtext-prose',
+            },
+        },
+    });
+    // Sync external value changes back into the editor (e.g., undo at the host level).
+    useEffect(() => {
+        if (!editor)
+            return;
+        if (value === lastValueRef.current)
+            return;
+        isExternalUpdate.current = true;
+        try {
+            editor.commands.setContent(markdownToTiptap(value), false);
+            lastValueRef.current = value;
+        }
+        finally {
+            isExternalUpdate.current = false;
+        }
+    }, [editor, value]);
+    useEffect(() => {
+        if (editor)
+            editor.setEditable(!readOnly);
+    }, [editor, readOnly]);
+    const cls = 'squisq-jf-richtext' + (className ? ` ${className}` : '');
+    return _jsx(EditorContent, { editor: editor, className: cls });
+}
+//# sourceMappingURL=EmbeddedRichTextField.js.map

package/dist/jsonEditor/EmbeddedRichTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbeddedRichTextField.js","sourceRoot":"","sources":["../../src/jsonEditor/EmbeddedRichTextField.tsx"],"names":[],"mappings":"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"}

package/dist/jsonEditor/JsonEditor.d.ts

@@ -0,0 +1,36 @@
+/**
+ * <JsonEditor>
+ *
+ * Friendly, theme-aware editor for any JSON value bound to a Squisq-
+ * annotated JSON Schema. Hides JSON syntax behind delightful controls:
+ * arrays of objects become card stacks, arrays of primitives become
+ * chip bins, color fields become swatches, and so on.
+ *
+ * Companion to `<JsonView>` from `@bendyline/squisq-react` — both share
+ * the same `chooseControl()` dispatcher in core, so view and edit modes
+ * always agree on what each field _is_.
+ */
+import type { JsonFormValidationError, JsonFormValidator, SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
+import type { SurfaceScheme, Theme } from '@bendyline/squisq/schemas';
+export interface JsonEditorProps {
+    /** Schema describing the value's shape (with optional `squisq` hints). */
+    schema: SquisqAnnotatedSchema;
+    /** Controlled value. */
+    value: unknown;
+    /** Called with the new root after each edit. Omit for read-only behavior. */
+    onChange?: (next: unknown) => void;
+    /** Optional theme. Defaults to `DEFAULT_THEME`. */
+    theme?: Theme;
+    /** Light/dark surface override; `'auto'` uses `prefers-color-scheme`. */
+    surface?: SurfaceScheme | 'auto';
+    /** Padding/gap density. Default: 'comfortable'. */
+    density?: 'comfortable' | 'compact';
+    /** Optional consumer-supplied validator (e.g. ajv-backed). */
+    validate?: JsonFormValidator;
+    /** Notified after validation runs. */
+    onValidate?: (errors: readonly JsonFormValidationError[]) => void;
+    /** Optional CSS class for the outer container. */
+    className?: string;
+}
+export declare function JsonEditor(props: JsonEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JsonEditor.d.ts.map

package/dist/jsonEditor/JsonEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor.d.ts","sourceRoot":"","sources":["../../src/jsonEditor/JsonEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAKtE,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,MAAM,EAAE,qBAAqB,CAAC;IAC9B,wBAAwB;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,yEAAyE;IACzE,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC,mDAAmD;IACnD,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,uBAAuB,EAAE,KAAK,IAAI,CAAC;IAClE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoChD"}

package/dist/jsonEditor/JsonEditor.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { JsonEditorProvider } from './JsonEditorContext';
+import { RenderNode } from './RenderNode';
+import { useJsonEditorTokens } from './useJsonEditorTokens';
+export function JsonEditor(props) {
+    const { schema, value, onChange, theme, surface, density = 'comfortable', validate, onValidate, className, } = props;
+    const { style } = useJsonEditorTokens(theme, surface);
+    // No onChange → fully inert (still validates if a validator is supplied).
+    const handleChange = onChange ?? (() => { });
+    const cls = 'squisq-jsonform' +
+        (density === 'compact' ? ' squisq-jsonform--compact' : '') +
+        (className ? ` ${className}` : '');
+    return (_jsx("div", { className: cls, style: style, children: _jsx(JsonEditorProvider, { rootSchema: schema, rootData: value, onRootChange: handleChange, density: density, validate: validate, onValidate: onValidate, children: _jsx(RenderNode, { value: value, schema: schema, pointer: "", parentDisabled: !onChange }) }) }));
+}
+//# sourceMappingURL=JsonEditor.js.map

package/dist/jsonEditor/JsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor.js","sourceRoot":"","sources":["../../src/jsonEditor/JsonEditor.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAuB5D,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GAAG,aAAa,EACvB,QAAQ,EACR,UAAU,EACV,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEtD,0EAA0E;IAC1E,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE5C,MAAM,GAAG,GACP,iBAAiB;QACjB,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/B,KAAC,kBAAkB,IACjB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,YAEtB,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,EAAE,EAAC,cAAc,EAAE,CAAC,QAAQ,GAAI,GAC/D,GACjB,CACP,CAAC;AACJ,CAAC"}

package/dist/jsonEditor/JsonEditorContext.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Shared state for `<JsonEditor>`. Each editor renderer reads its
+ * slice via JSON Pointer and calls `setAtPath` to commit edits — the
+ * top-level component owns the canonical value and propagates changes
+ * to the host's `onChange`.
+ */
+import { type ReactNode } from 'react';
+import type { JsonFormValidationError, JsonFormValidator, SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
+export interface JsonEditorContextValue {
+    rootSchema: SquisqAnnotatedSchema;
+    rootData: unknown;
+    /** Commit a new value at `pointer`, computing & emitting a new root. */
+    setAtPath: (pointer: string, value: unknown) => void;
+    density: 'comfortable' | 'compact';
+    errors: ReadonlyMap<string, JsonFormValidationError[]>;
+}
+export interface JsonEditorProviderProps {
+    rootSchema: SquisqAnnotatedSchema;
+    rootData: unknown;
+    onRootChange: (next: unknown) => void;
+    density: 'comfortable' | 'compact';
+    validate?: JsonFormValidator;
+    onValidate?: (errors: readonly JsonFormValidationError[]) => void;
+    children: ReactNode;
+}
+export declare function JsonEditorProvider(props: JsonEditorProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useJsonEditor(): JsonEditorContextValue;
+//# sourceMappingURL=JsonEditorContext.d.ts.map

package/dist/jsonEditor/JsonEditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditorContext.d.ts","sourceRoot":"","sources":["../../src/jsonEditor/JsonEditorContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EACV,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,uBAAuB,EAAE,CAAC,CAAC;CAExD;AAID,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,uBAAuB,EAAE,KAAK,IAAI,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8BhE;AAGD,wBAAgB,aAAa,IAAI,sBAAsB,CAItD"}

package/dist/jsonEditor/JsonEditorContext.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Shared state for `<JsonEditor>`. Each editor renderer reads its
+ * slice via JSON Pointer and calls `setAtPath` to commit edits — the
+ * top-level component owns the canonical value and propagates changes
+ * to the host's `onChange`.
+ */
+import { createContext, useContext, useMemo } from 'react';
+import { setByPointer } from '@bendyline/squisq/jsonForm';
+const JsonEditorContext = createContext(null);
+export function JsonEditorProvider(props) {
+    const { rootSchema, rootData, onRootChange, density, validate, onValidate, children } = props;
+    const errors = useMemo(() => {
+        if (!validate)
+            return new Map();
+        const list = validate(rootData, rootSchema);
+        if (onValidate)
+            onValidate(list);
+        const grouped = new Map();
+        for (const e of list) {
+            const arr = grouped.get(e.path) ?? [];
+            arr.push(e);
+            grouped.set(e.path, arr);
+        }
+        return grouped;
+    }, [validate, rootData, rootSchema, onValidate]);
+    const setAtPath = useMemo(() => (pointer, value) => {
+        const next = setByPointer(rootData, pointer, value);
+        onRootChange(next);
+    }, [rootData, onRootChange]);
+    const value = useMemo(() => ({ rootSchema, rootData, setAtPath, density, errors }), [rootSchema, rootData, setAtPath, density, errors]);
+    return _jsx(JsonEditorContext.Provider, { value: value, children: children });
+}
+// eslint-disable-next-line react-refresh/only-export-components
+export function useJsonEditor() {
+    const ctx = useContext(JsonEditorContext);
+    if (!ctx)
+        throw new Error('useJsonEditor must be used inside <JsonEditor>');
+    return ctx;
+}
+//# sourceMappingURL=JsonEditorContext.js.map

package/dist/jsonEditor/JsonEditorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditorContext.js","sourceRoot":"","sources":["../../src/jsonEditor/JsonEditorContext.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAM3E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAY1D,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAY7E,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,GAAG,EAAqC,CAAC;QACnE,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC5C,IAAI,UAAU;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,OAAO,GAAG,IAAI,GAAG,EAAqC,CAAC;QAC7D,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;YACrB,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACtC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,OAAe,EAAE,KAAc,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACpD,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,YAAY,CAAC,CACzB,CAAC;IAEF,MAAM,KAAK,GAA2B,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAC5D,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CACnD,CAAC;IAEF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA8B,CAAC;AAC3F,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,aAAa;IAC3B,MAAM,GAAG,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC1C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IAC5E,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/jsonEditor/RenderNode.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Recursive editor dispatcher: looks at a schema slice, evaluates
+ * `hidden`/`disabled` rules, picks an editor component, and wraps it
+ * with label + help + error chrome unless the editor is composite
+ * (group / card-stack / tabs / richtext, which present their own).
+ */
+import { type SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
+export interface RenderNodeProps {
+    value: unknown;
+    schema: SquisqAnnotatedSchema;
+    pointer: string;
+    parentDisabled?: boolean;
+    suppressTopGroupTitle?: boolean;
+}
+export declare function RenderNode(props: RenderNodeProps): React.ReactElement | null;
+//# sourceMappingURL=RenderNode.d.ts.map

package/dist/jsonEditor/RenderNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderNode.d.ts","sourceRoot":"","sources":["../../src/jsonEditor/RenderNode.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,4BAA4B,CAAC;AAIpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAyC5E"}

package/dist/jsonEditor/RenderNode.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Recursive editor dispatcher: looks at a schema slice, evaluates
+ * `hidden`/`disabled` rules, picks an editor component, and wraps it
+ * with label + help + error chrome unless the editor is composite
+ * (group / card-stack / tabs / richtext, which present their own).
+ */
+import { chooseControl, resolveFlag, resolveRef, } from '@bendyline/squisq/jsonForm';
+import { useJsonEditor } from './JsonEditorContext';
+import { EDITORS, isCompositeControl } from './editors';
+export function RenderNode(props) {
+    const { rootSchema, rootData, errors } = useJsonEditor();
+    const resolved = resolveRef(props.schema, rootSchema) ?? props.schema;
+    if (resolveFlag(resolved.squisq?.hidden, rootData))
+        return null;
+    const disabled = (props.parentDisabled ?? false) || resolveFlag(resolved.squisq?.disabled, rootData);
+    const kind = chooseControl(resolved);
+    const Editor = EDITORS[kind];
+    const label = resolved.squisq?.label ?? resolved.title;
+    const help = resolved.squisq?.help ?? resolved.description;
+    const fieldErrors = errors.get(props.pointer) ?? [];
+    const editorEl = (_jsx(Editor, { value: props.value, schema: resolved, pointer: props.pointer, disabled: disabled, 
+        // GroupEditor honors this — other editors ignore the extra prop.
+        // @ts-expect-error optional renderer-specific prop
+        suppressTitle: props.suppressTopGroupTitle }));
+    if (isCompositeControl(kind, resolved)) {
+        // Composite editors handle their own labeling.
+        return editorEl;
+    }
+    return (_jsxs("div", { className: `squisq-jf-field${disabled ? ' squisq-jf-field--disabled' : ''}`, children: [label ? _jsx("label", { className: "squisq-jf-field__label", children: label }) : null, editorEl, help ? _jsx("p", { className: "squisq-jf-field__help", children: help }) : null, fieldErrors.length > 0 ? (_jsx("p", { className: "squisq-jf-field__error", children: fieldErrors[0].message })) : null] }));
+}
+//# sourceMappingURL=RenderNode.js.map

package/dist/jsonEditor/RenderNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderNode.js","sourceRoot":"","sources":["../../src/jsonEditor/RenderNode.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,GAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAUxD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;IAEtE,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,MAAM,QAAQ,GACZ,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACtF,MAAM,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;IACvD,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,IAAI,IAAI,QAAQ,CAAC,WAAW,CAAC;IAC3D,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IAEpD,MAAM,QAAQ,GAAG,CACf,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ;QAClB,iEAAiE;QACjE,mDAAmD;QACnD,aAAa,EAAE,KAAK,CAAC,qBAAqB,GAC1C,CACH,CAAC;IAEF,IAAI,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC;QACvC,+CAA+C;QAC/C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,aAC7E,KAAK,CAAC,CAAC,CAAC,gBAAO,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAS,CAAC,CAAC,CAAC,IAAI,EACxE,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7D,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,YAAG,SAAS,EAAC,wBAAwB,YAAE,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,GAAK,CACnE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/jsonEditor/editors.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Editable renderers for `<JsonEditor>`. Each editor is a small
+ * controlled component that reads its slice from the
+ * `JsonEditorContext` via JSON Pointer and writes back via
+ * `setAtPath`. Composite renderers (group, card-stack, tabs) recurse
+ * into `RenderNode`.
+ */
+import { type ControlKind, type SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
+export interface EditorProps {
+    value: unknown;
+    schema: SquisqAnnotatedSchema;
+    pointer: string;
+    disabled: boolean;
+}
+export declare function TextEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultilineEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberStepperEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorEditor({ value, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupEditor(props: EditorProps & {
+    suppressTitle?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChipBinEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function CardStackEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsEditor({ value, schema, pointer, disabled }: EditorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const EDITORS: Record<ControlKind, React.ComponentType<EditorProps>>;
+/** True when this control kind handles its own grouping/heading. */
+export declare function isCompositeControl(kind: ControlKind, schema: SquisqAnnotatedSchema): boolean;
+//# sourceMappingURL=editors.d.ts.map

package/dist/jsonEditor/editors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editors.d.ts","sourceRoot":"","sources":["../../src/jsonEditor/editors.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC3B,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAY3E;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAoBhF;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAU/E;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkDpF;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAsB7E;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAyB7E;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAe/E;AAUD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqBhF;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAuB5E;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqB/E;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAqBpE;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAoB3E;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,2CAsB3E;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA8E9E;AAeD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA0FhF;AA0CD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,kDA8B3E;AAmCD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAoBzE,CAAC;AAEF,oEAAoE;AAEpE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,qBAAqB,GAAG,OAAO,CAK5F"}