@cratis/components 4.25.1 → 4.26.0

package/dist/esm/SchemaEditor/Tree/TreeSchemaEditor.d.ts

@@ -0,0 +1,116 @@
+import { type ReactNode } from 'react';
+import type { ChangeHandler } from '../../types/ChangeHandler.js';
+import type { JsonSchema } from '../../types/JsonSchema.js';
+import type { Property } from './Property.js';
+import type { PropertyConcept } from './PropertyConcept.js';
+import { PropertyType } from './PropertyType.js';
+import type { SchemaEditorLabels } from '../SchemaEditorLabels.js';
+import type { SchemaEditorParts } from './SchemaEditorParts.js';
+import type { SchemaPropertyContext } from './SchemaPropertyContext.js';
+import type { SchemaPropertyRowState } from './SchemaPropertyRowState.js';
+/** The props of the tree layout of the {@link SchemaEditor}. */
+export interface TreeSchemaEditorProps {
+    /**
+     * The JSON Schema to edit. The editor converts it, keeps the edited property tree itself and reports every
+     * edit through {@link TreeSchemaEditorProps.onChange}. Passing the reported schema back, or the same schema
+     * again, changes nothing; passing a schema that differs from both replaces the tree and its property ids.
+     * Ignored when `properties` is given.
+     */
+    schema?: JsonSchema;
+    /** Called with the complete schema after every edit. Only used when the editor owns the property tree. */
+    onChange?: ChangeHandler<JsonSchema>;
+    /** Called with the property tree after every edit, so a host can follow the ids. Only used when the editor owns the property tree. */
+    onPropertiesChange?: (properties: Property[]) => void;
+    /** Called after a property was removed, with the property and everything nested under it. Only used when the editor owns the property tree. */
+    onPropertyRemoved?: (property: Property) => void;
+    /** Called after a property was renamed, with the renamed property and the name it had. Only used when the editor owns the property tree. */
+    onPropertyRenamed?: (property: Property, previousName: string) => void;
+    /**
+     * The property tree to show. When given, the editor is controlled: it changes nothing itself and each edit
+     * is offered through the matching `onAddProperty`, `onDeleteProperty`… callback, which the host applies.
+     * An edit without a callback is not offered.
+     */
+    properties?: Property[];
+    /** Controlled mode: add a property to the root. */
+    onAddProperty?: (type: PropertyType, concept?: string) => void;
+    /** Controlled mode: add a property to a nested object. */
+    onAddChildProperty?: (parentId: string, type: PropertyType, concept?: string) => void;
+    /** Controlled mode: remove a property. */
+    onDeleteProperty?: (propertyId: string) => void;
+    /** Controlled mode: rename a property. The name is already checked. */
+    onRenameProperty?: (propertyId: string, name: string) => void;
+    /** Controlled mode: change the type of a property. */
+    onChangePropertyType?: (propertyId: string, type: PropertyType, concept?: string) => void;
+    /** Controlled mode: make a property the key of its object, or clear it when it already is. */
+    onSetKeyProperty?: (propertyId: string) => void;
+    /** Controlled mode: set whether a property must be present. */
+    onSetRequiredProperty?: (propertyId: string, isRequired: boolean) => void;
+    /**
+     * The concepts a property can be typed as, offered after the primitive types. Takes precedence over the
+     * concepts of a surrounding {@link PropertyConceptsProvider}.
+     */
+    concepts?: PropertyConcept[];
+    /**
+     * Offers the key toggle. `true` offers it on every property; a function decides per property, for example
+     * `(property, context) => context.depth > 0` to leave the root properties out. Off by default, except in
+     * controlled mode, where supplying `onSetKeyProperty` implies `true` unless this is explicitly `false`.
+     */
+    allowKeyProperty?: boolean | ((property: Property, context: SchemaPropertyContext) => boolean);
+    /**
+     * Offers the toggle for whether a property must be present (the `required` list). Off by default, except in
+     * controlled mode, where supplying `onSetRequiredProperty` implies `true` unless this is explicitly `false`.
+     */
+    allowRequired?: boolean;
+    /** Offers no edits at all: the tree is shown, and only selection and the host's slots remain. */
+    readOnly?: boolean;
+    /** Decides which properties can be neither renamed nor removed. By default none. */
+    isPropertyProtected?: (property: Property) => boolean;
+    /**
+     * Extra check of a new name, after the editor has rejected blank, reserved and duplicate names.
+     * Return the message to show, or `undefined` to accept the name.
+     */
+    validatePropertyName?: (name: string, property: Property, siblings: Property[]) => string | undefined;
+    /** The id of the property to mark as selected. */
+    selectedPropertyId?: string | null;
+    /** Called when a property's row is clicked, or its name is activated from the keyboard. */
+    onPropertyClick?: (propertyId: string) => void;
+    /** Content above the properties, for example the title of the schema. Rendered inside the editor's root, so a host that needs a full-bleed header places its own outside the editor. */
+    header?: ReactNode;
+    /** Content beside the add button, for example further actions. */
+    footer?: ReactNode;
+    /** Content at the start of every row, before the name; for example a connector to drag from or onto. */
+    renderPropertyLeading?: (property: Property, context: SchemaPropertyContext) => ReactNode;
+    /** Content at the end of every row, before the remove button; for example a button that opens rules. */
+    renderPropertyAccessory?: (property: Property, context: SchemaPropertyContext) => ReactNode;
+    /** Content under every row, above its nested properties; for example the rules of the property. Nothing is rendered for `null`, `undefined` and `false`. */
+    renderPropertyDetails?: (property: Property, context: SchemaPropertyContext) => ReactNode;
+    /** Styles and marks the row of a property: extra class names, `data-*` attributes, a tooltip, and whether its type is locked. */
+    getPropertyRowState?: (property: Property, context: SchemaPropertyContext) => SchemaPropertyRowState | undefined;
+    /**
+     * Replaces or wraps the badge that shows a property's type. Receives the badge the editor would render, so a
+     * host can return it unchanged, wrap it, or render something else. The badge carries `data-property-type`
+     * for styling per type.
+     */
+    renderPropertyTypeBadge?: (property: Property, context: SchemaPropertyContext, defaultBadge: ReactNode) => ReactNode;
+    /** Replaces any of the editor's strings. Unset ones stay English. */
+    labels?: Partial<SchemaEditorLabels>;
+    /** Accessible name of the editor. Defaults to the `schema` label. */
+    'aria-label'?: string;
+    /** Id of the element that names the editor. */
+    'aria-labelledby'?: string;
+    /** Extra class name for the root. */
+    className?: string;
+    /** Attributes for the stable parts of the editor. */
+    pt?: SchemaEditorParts;
+}
+/**
+ * The tree layout of the {@link SchemaEditor} (`layout='tree'`). Edits the properties of a JSON Schema as a tree: names, types, nested objects and lists of objects, and
+ * optionally concepts, the key, and whether a property is required.
+ *
+ * Pass a `schema` and the editor keeps the tree and reports the resulting schema, or pass `properties` and
+ * handle each edit yourself. Everything specific to a product — rules, mapping connectors, its own chrome — is
+ * attached through the slots (`header`, `footer`, `renderPropertyLeading`, `renderPropertyAccessory`,
+ * `renderPropertyDetails`, `renderPropertyTypeBadge`) and `getPropertyRowState`.
+ */
+export declare const TreeSchemaEditor: ({ schema, onChange, onPropertiesChange, onPropertyRemoved, onPropertyRenamed, properties: controlledProperties, onAddProperty, onAddChildProperty, onDeleteProperty, onRenameProperty, onChangePropertyType, onSetKeyProperty, onSetRequiredProperty, concepts: suppliedConcepts, allowKeyProperty, allowRequired, readOnly, isPropertyProtected, validatePropertyName, selectedPropertyId, onPropertyClick, header, footer, renderPropertyLeading, renderPropertyAccessory, renderPropertyDetails, getPropertyRowState, renderPropertyTypeBadge, labels: suppliedLabels, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, pt, }: TreeSchemaEditorProps) => import("react").JSX.Element;
+//# sourceMappingURL=TreeSchemaEditor.d.ts.map

package/dist/esm/SchemaEditor/Tree/TreeSchemaEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSchemaEditor.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/TreeSchemaEditor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/SchemaEditor/Tree/TreeSchemaEditor.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { FaPlus } from 'react-icons/fa6';
+import { useOptionalPropertyConcepts } from './PropertyConceptsContext.js';
+import { findPropertyById, totalPropertyCount } from './propertyTree.js';
+import { PropertyTypeMenu } from './PropertyTypeMenu.js';
+import { jsonSchemaToProperties, propertiesToJsonSchema, setRequiredProperty, setKeyProperty, changePropertyType, renameProperty, removeProperty, addChildProperty, addProperty } from './schemaConversion.js';
+import { SchemaEditorContext } from './SchemaEditorContext.js';
+import { resolveSchemaEditorLabels } from '../resolveSchemaEditorLabels.js';
+import { SchemaPropertyRow } from './SchemaPropertyRow.js';
+
+const never = () => false;
+const TreeSchemaEditor = ({ schema, onChange, onPropertiesChange, onPropertyRemoved, onPropertyRenamed, properties: controlledProperties, onAddProperty, onAddChildProperty, onDeleteProperty, onRenameProperty, onChangePropertyType, onSetKeyProperty, onSetRequiredProperty, concepts: suppliedConcepts, allowKeyProperty, allowRequired, readOnly = false, isPropertyProtected, validatePropertyName, selectedPropertyId, onPropertyClick, header, footer, renderPropertyLeading, renderPropertyAccessory, renderPropertyDetails, getPropertyRowState, renderPropertyTypeBadge, labels: suppliedLabels, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className, pt, }) => {
+    const labels = useMemo(() => resolveSchemaEditorLabels(suppliedLabels), [suppliedLabels]);
+    const providedConcepts = useOptionalPropertyConcepts();
+    const concepts = suppliedConcepts ?? providedConcepts;
+    const isControlled = controlledProperties !== undefined;
+    const [ownedProperties, setOwnedProperties] = useState(() => jsonSchemaToProperties(schema));
+    const latest = useRef(ownedProperties);
+    useEffect(() => { latest.current = ownedProperties; }, [ownedProperties]);
+    const properties = isControlled ? controlledProperties : ownedProperties;
+    const incomingSchema = schema === undefined ? undefined : JSON.stringify(schema);
+    const [seenSchema, setSeenSchema] = useState(incomingSchema);
+    if (!isControlled && incomingSchema !== seenSchema) {
+        setSeenSchema(incomingSchema);
+        if (schema !== undefined && incomingSchema !== JSON.stringify(propertiesToJsonSchema(ownedProperties))) {
+            setOwnedProperties(jsonSchemaToProperties(schema));
+        }
+    }
+    const apply = (next) => {
+        latest.current = next;
+        setOwnedProperties(next);
+        onChange?.(propertiesToJsonSchema(next), { source: 'user' });
+        onPropertiesChange?.(next);
+    };
+    const ownedOperations = {
+        addChild: (parentId, type, concept) => apply(addChildProperty(latest.current, parentId, type, totalPropertyCount(latest.current), concept)),
+        remove: propertyId => {
+            const removed = findPropertyById(latest.current, propertyId);
+            apply(removeProperty(latest.current, propertyId));
+            if (removed)
+                onPropertyRemoved?.(removed);
+        },
+        rename: (propertyId, name) => {
+            const previousName = findPropertyById(latest.current, propertyId)?.name;
+            const next = renameProperty(latest.current, propertyId, name);
+            apply(next);
+            const renamed = findPropertyById(next, propertyId);
+            if (renamed && previousName !== undefined)
+                onPropertyRenamed?.(renamed, previousName);
+        },
+        changeType: (propertyId, type, concept) => apply(changePropertyType(latest.current, propertyId, type, concept)),
+        setKey: propertyId => apply(setKeyProperty(latest.current, propertyId)),
+        setRequired: (propertyId, isRequired) => apply(setRequiredProperty(latest.current, propertyId, isRequired)),
+    };
+    const controlledOperations = {
+        addChild: onAddChildProperty,
+        remove: onDeleteProperty,
+        rename: onRenameProperty,
+        changeType: onChangePropertyType,
+        setKey: onSetKeyProperty,
+        setRequired: onSetRequiredProperty,
+    };
+    const operations = isControlled ? controlledOperations : ownedOperations;
+    const addRoot = isControlled
+        ? onAddProperty
+        : (type, concept) => apply(addProperty(latest.current, type, totalPropertyCount(latest.current), concept));
+    const keyAllowance = allowKeyProperty ?? (isControlled && onSetKeyProperty !== undefined);
+    const isKeyAllowed = typeof keyAllowance === 'function'
+        ? keyAllowance
+        : keyAllowance ? () => true : never;
+    const isRequiredAllowed = allowRequired ?? (isControlled && onSetRequiredProperty !== undefined);
+    const contextValue = {
+        labels,
+        parts: pt,
+        properties,
+        concepts,
+        readOnly,
+        operations,
+        selectedPropertyId,
+        onPropertyClick,
+        isKeyAllowed,
+        isRequiredAllowed,
+        isProtected: isPropertyProtected ?? never,
+        validateName: validatePropertyName,
+        getRowState: getPropertyRowState,
+        renderLeading: renderPropertyLeading,
+        renderAccessory: renderPropertyAccessory,
+        renderDetails: renderPropertyDetails,
+        renderTypeBadge: renderPropertyTypeBadge,
+    };
+    return (jsx(SchemaEditorContext.Provider, { value: contextValue, children: jsxs("div", { ...pt?.root, role: 'group', "aria-label": ariaLabelledBy ? undefined : ariaLabel ?? labels.schema, "aria-labelledby": ariaLabelledBy, className: ['cratis-schema-editor', pt?.root?.className, className].filter(Boolean).join(' '), "data-cratis-part": 'root', "data-readonly": readOnly || undefined, children: [header && (jsx("div", { ...pt?.header, className: `cratis-schema-editor__header ${pt?.header?.className ?? ''}`, "data-cratis-part": 'header', children: header })), properties.length === 0 ? (jsx("p", { ...pt?.empty, className: `cratis-schema-editor__empty ${pt?.empty?.className ?? ''}`, "data-cratis-part": 'empty', children: labels.emptyMessage })) : (jsx("ul", { ...pt?.list, className: `cratis-schema-editor__list ${pt?.list?.className ?? ''}`, "data-cratis-part": 'list', children: properties.map(property => (jsx(SchemaPropertyRow, { property: property, siblings: properties, depth: 0 }, property.id))) })), (footer || (!readOnly && addRoot)) && (jsxs("div", { className: 'cratis-schema-editor__actions', children: [!readOnly && addRoot && (jsxs(PropertyTypeMenu, { labels: labels, concepts: concepts, triggerPart: 'add', triggerLabel: labels.addProperty, parts: pt, onSelect: addRoot, children: [jsx(FaPlus, { "aria-hidden": 'true' }), labels.addProperty] })), footer && (jsx("div", { ...pt?.footer, className: `cratis-schema-editor__footer ${pt?.footer?.className ?? ''}`, "data-cratis-part": 'footer', children: footer }))] }))] }) }));
+};
+
+export { TreeSchemaEditor };
+//# sourceMappingURL=TreeSchemaEditor.js.map

package/dist/esm/SchemaEditor/Tree/TreeSchemaEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSchemaEditor.js","sources":["../../../../SchemaEditor/Tree/TreeSchemaEditor.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { FaPlus } from 'react-icons/fa6';\nimport type { ChangeHandler } from '../../types/ChangeHandler';\nimport type { JsonSchema } from '../../types/JsonSchema';\nimport type { Property } from './Property';\nimport type { PropertyConcept } from './PropertyConcept';\nimport { useOptionalPropertyConcepts } from './PropertyConceptsContext';\nimport { PropertyType } from './PropertyType';\nimport { findPropertyById } from './propertyTree';\nimport { PropertyTypeMenu } from './PropertyTypeMenu';\nimport {\n    addChildProperty,\n    addProperty,\n    changePropertyType,\n    jsonSchemaToProperties,\n    propertiesToJsonSchema,\n    removeProperty,\n    renameProperty,\n    setKeyProperty,\n    setRequiredProperty,\n} from './schemaConversion';\nimport { SchemaEditorContext, type SchemaEditorContextValue, type SchemaEditorOperations } from './SchemaEditorContext';\nimport type { SchemaEditorLabels } from '../SchemaEditorLabels';\nimport type { SchemaEditorParts } from './SchemaEditorParts';\nimport { resolveSchemaEditorLabels } from '../resolveSchemaEditorLabels';\nimport type { SchemaPropertyContext } from './SchemaPropertyContext';\nimport type { SchemaPropertyRowState } from './SchemaPropertyRowState';\nimport { SchemaPropertyRow } from './SchemaPropertyRow';\nimport { totalPropertyCount } from './propertyTree';\n\n/** The props of the tree layout of the {@link SchemaEditor}. */\nexport interface TreeSchemaEditorProps {\n    /**\n     * The JSON Schema to edit. The editor converts it, keeps the edited property tree itself and reports every\n     * edit through {@link TreeSchemaEditorProps.onChange}. Passing the reported schema back, or the same schema\n     * again, changes nothing; passing a schema that differs from both replaces the tree and its property ids.\n     * Ignored when `properties` is given.\n     */\n    schema?: JsonSchema;\n\n    /** Called with the complete schema after every edit. Only used when the editor owns the property tree. */\n    onChange?: ChangeHandler<JsonSchema>;\n\n    /** Called with the property tree after every edit, so a host can follow the ids. Only used when the editor owns the property tree. */\n    onPropertiesChange?: (properties: Property[]) => void;\n\n    /** Called after a property was removed, with the property and everything nested under it. Only used when the editor owns the property tree. */\n    onPropertyRemoved?: (property: Property) => void;\n\n    /** Called after a property was renamed, with the renamed property and the name it had. Only used when the editor owns the property tree. */\n    onPropertyRenamed?: (property: Property, previousName: string) => void;\n\n    /**\n     * The property tree to show. When given, the editor is controlled: it changes nothing itself and each edit\n     * is offered through the matching `onAddProperty`, `onDeleteProperty`… callback, which the host applies.\n     * An edit without a callback is not offered.\n     */\n    properties?: Property[];\n\n    /** Controlled mode: add a property to the root. */\n    onAddProperty?: (type: PropertyType, concept?: string) => void;\n\n    /** Controlled mode: add a property to a nested object. */\n    onAddChildProperty?: (parentId: string, type: PropertyType, concept?: string) => void;\n\n    /** Controlled mode: remove a property. */\n    onDeleteProperty?: (propertyId: string) => void;\n\n    /** Controlled mode: rename a property. The name is already checked. */\n    onRenameProperty?: (propertyId: string, name: string) => void;\n\n    /** Controlled mode: change the type of a property. */\n    onChangePropertyType?: (propertyId: string, type: PropertyType, concept?: string) => void;\n\n    /** Controlled mode: make a property the key of its object, or clear it when it already is. */\n    onSetKeyProperty?: (propertyId: string) => void;\n\n    /** Controlled mode: set whether a property must be present. */\n    onSetRequiredProperty?: (propertyId: string, isRequired: boolean) => void;\n\n    /**\n     * The concepts a property can be typed as, offered after the primitive types. Takes precedence over the\n     * concepts of a surrounding {@link PropertyConceptsProvider}.\n     */\n    concepts?: PropertyConcept[];\n\n    /**\n     * Offers the key toggle. `true` offers it on every property; a function decides per property, for example\n     * `(property, context) => context.depth > 0` to leave the root properties out. Off by default, except in\n     * controlled mode, where supplying `onSetKeyProperty` implies `true` unless this is explicitly `false`.\n     */\n    allowKeyProperty?: boolean | ((property: Property, context: SchemaPropertyContext) => boolean);\n\n    /**\n     * Offers the toggle for whether a property must be present (the `required` list). Off by default, except in\n     * controlled mode, where supplying `onSetRequiredProperty` implies `true` unless this is explicitly `false`.\n     */\n    allowRequired?: boolean;\n\n    /** Offers no edits at all: the tree is shown, and only selection and the host's slots remain. */\n    readOnly?: boolean;\n\n    /** Decides which properties can be neither renamed nor removed. By default none. */\n    isPropertyProtected?: (property: Property) => boolean;\n\n    /**\n     * Extra check of a new name, after the editor has rejected blank, reserved and duplicate names.\n     * Return the message to show, or `undefined` to accept the name.\n     */\n    validatePropertyName?: (name: string, property: Property, siblings: Property[]) => string | undefined;\n\n    /** The id of the property to mark as selected. */\n    selectedPropertyId?: string | null;\n\n    /** Called when a property's row is clicked, or its name is activated from the keyboard. */\n    onPropertyClick?: (propertyId: string) => void;\n\n    /** Content above the properties, for example the title of the schema. Rendered inside the editor's root, so a host that needs a full-bleed header places its own outside the editor. */\n    header?: ReactNode;\n\n    /** Content beside the add button, for example further actions. */\n    footer?: ReactNode;\n\n    /** Content at the start of every row, before the name; for example a connector to drag from or onto. */\n    renderPropertyLeading?: (property: Property, context: SchemaPropertyContext) => ReactNode;\n\n    /** Content at the end of every row, before the remove button; for example a button that opens rules. */\n    renderPropertyAccessory?: (property: Property, context: SchemaPropertyContext) => ReactNode;\n\n    /** Content under every row, above its nested properties; for example the rules of the property. Nothing is rendered for `null`, `undefined` and `false`. */\n    renderPropertyDetails?: (property: Property, context: SchemaPropertyContext) => ReactNode;\n\n    /** Styles and marks the row of a property: extra class names, `data-*` attributes, a tooltip, and whether its type is locked. */\n    getPropertyRowState?: (property: Property, context: SchemaPropertyContext) => SchemaPropertyRowState | undefined;\n\n    /**\n     * Replaces or wraps the badge that shows a property's type. Receives the badge the editor would render, so a\n     * host can return it unchanged, wrap it, or render something else. The badge carries `data-property-type`\n     * for styling per type.\n     */\n    renderPropertyTypeBadge?: (property: Property, context: SchemaPropertyContext, defaultBadge: ReactNode) => ReactNode;\n\n    /** Replaces any of the editor's strings. Unset ones stay English. */\n    labels?: Partial<SchemaEditorLabels>;\n\n    /** Accessible name of the editor. Defaults to the `schema` label. */\n    'aria-label'?: string;\n\n    /** Id of the element that names the editor. */\n    'aria-labelledby'?: string;\n\n    /** Extra class name for the root. */\n    className?: string;\n\n    /** Attributes for the stable parts of the editor. */\n    pt?: SchemaEditorParts;\n}\n\nconst never = () => false;\n\n/**\n * The tree layout of the {@link SchemaEditor} (`layout='tree'`). Edits the properties of a JSON Schema as a tree: names, types, nested objects and lists of objects, and\n * optionally concepts, the key, and whether a property is required.\n *\n * Pass a `schema` and the editor keeps the tree and reports the resulting schema, or pass `properties` and\n * handle each edit yourself. Everything specific to a product — rules, mapping connectors, its own chrome — is\n * attached through the slots (`header`, `footer`, `renderPropertyLeading`, `renderPropertyAccessory`,\n * `renderPropertyDetails`, `renderPropertyTypeBadge`) and `getPropertyRowState`.\n */\nexport const TreeSchemaEditor = ({\n    schema,\n    onChange,\n    onPropertiesChange,\n    onPropertyRemoved,\n    onPropertyRenamed,\n    properties: controlledProperties,\n    onAddProperty,\n    onAddChildProperty,\n    onDeleteProperty,\n    onRenameProperty,\n    onChangePropertyType,\n    onSetKeyProperty,\n    onSetRequiredProperty,\n    concepts: suppliedConcepts,\n    allowKeyProperty,\n    allowRequired,\n    readOnly = false,\n    isPropertyProtected,\n    validatePropertyName,\n    selectedPropertyId,\n    onPropertyClick,\n    header,\n    footer,\n    renderPropertyLeading,\n    renderPropertyAccessory,\n    renderPropertyDetails,\n    getPropertyRowState,\n    renderPropertyTypeBadge,\n    labels: suppliedLabels,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    className,\n    pt,\n}: TreeSchemaEditorProps) => {\n    const labels = useMemo(() => resolveSchemaEditorLabels(suppliedLabels), [suppliedLabels]);\n    const providedConcepts = useOptionalPropertyConcepts();\n    const concepts = suppliedConcepts ?? providedConcepts;\n    const isControlled = controlledProperties !== undefined;\n    const [ownedProperties, setOwnedProperties] = useState<Property[]>(() => jsonSchemaToProperties(schema));\n    // The latest tree, kept synchronously so two edits in one event apply one after the other.\n    const latest = useRef(ownedProperties);\n    useEffect(() => { latest.current = ownedProperties; }, [ownedProperties]);\n    const properties = isControlled ? controlledProperties : ownedProperties;\n\n    // A schema from outside replaces the tree only when it says something the editor does not already show:\n    // handing back what was reported, or the same schema again, must not throw away the property ids.\n    const incomingSchema = schema === undefined ? undefined : JSON.stringify(schema);\n    const [seenSchema, setSeenSchema] = useState(incomingSchema);\n    if (!isControlled && incomingSchema !== seenSchema) {\n        setSeenSchema(incomingSchema);\n        if (schema !== undefined && incomingSchema !== JSON.stringify(propertiesToJsonSchema(ownedProperties))) {\n            setOwnedProperties(jsonSchemaToProperties(schema));\n        }\n    }\n\n    const apply = (next: Property[]) => {\n        latest.current = next;\n        setOwnedProperties(next);\n        onChange?.(propertiesToJsonSchema(next), { source: 'user' });\n        onPropertiesChange?.(next);\n    };\n\n    const ownedOperations: SchemaEditorOperations = {\n        addChild: (parentId, type, concept) =>\n            apply(addChildProperty(latest.current, parentId, type, totalPropertyCount(latest.current), concept)),\n        remove: propertyId => {\n            const removed = findPropertyById(latest.current, propertyId);\n            apply(removeProperty(latest.current, propertyId));\n            if (removed) onPropertyRemoved?.(removed);\n        },\n        rename: (propertyId, name) => {\n            const previousName = findPropertyById(latest.current, propertyId)?.name;\n            const next = renameProperty(latest.current, propertyId, name);\n            apply(next);\n            const renamed = findPropertyById(next, propertyId);\n            if (renamed && previousName !== undefined) onPropertyRenamed?.(renamed, previousName);\n        },\n        changeType: (propertyId, type, concept) => apply(changePropertyType(latest.current, propertyId, type, concept)),\n        setKey: propertyId => apply(setKeyProperty(latest.current, propertyId)),\n        setRequired: (propertyId, isRequired) => apply(setRequiredProperty(latest.current, propertyId, isRequired)),\n    };\n\n    const controlledOperations: SchemaEditorOperations = {\n        addChild: onAddChildProperty,\n        remove: onDeleteProperty,\n        rename: onRenameProperty,\n        changeType: onChangePropertyType,\n        setKey: onSetKeyProperty,\n        setRequired: onSetRequiredProperty,\n    };\n\n    const operations = isControlled ? controlledOperations : ownedOperations;\n    const addRoot = isControlled\n        ? onAddProperty\n        : (type: PropertyType, concept?: string) =>\n            apply(addProperty(latest.current, type, totalPropertyCount(latest.current), concept));\n\n    // In controlled mode a toggle callback implies its allow flag, unless the host set the flag to false.\n    const keyAllowance = allowKeyProperty ?? (isControlled && onSetKeyProperty !== undefined);\n    const isKeyAllowed = typeof keyAllowance === 'function'\n        ? keyAllowance\n        : keyAllowance ? () => true : never;\n    const isRequiredAllowed = allowRequired ?? (isControlled && onSetRequiredProperty !== undefined);\n\n    const contextValue: SchemaEditorContextValue = {\n        labels,\n        parts: pt,\n        properties,\n        concepts,\n        readOnly,\n        operations,\n        selectedPropertyId,\n        onPropertyClick,\n        isKeyAllowed,\n        isRequiredAllowed,\n        isProtected: isPropertyProtected ?? never,\n        validateName: validatePropertyName,\n        getRowState: getPropertyRowState,\n        renderLeading: renderPropertyLeading,\n        renderAccessory: renderPropertyAccessory,\n        renderDetails: renderPropertyDetails,\n        renderTypeBadge: renderPropertyTypeBadge,\n    };\n\n    return (\n        <SchemaEditorContext.Provider value={contextValue}>\n            <div\n                {...pt?.root}\n                role='group'\n                aria-label={ariaLabelledBy ? undefined : ariaLabel ?? labels.schema}\n                aria-labelledby={ariaLabelledBy}\n                className={['cratis-schema-editor', pt?.root?.className, className].filter(Boolean).join(' ')}\n                data-cratis-part='root'\n                data-readonly={readOnly || undefined}\n            >\n                {header && (\n                    <div {...pt?.header} className={`cratis-schema-editor__header ${pt?.header?.className ?? ''}`} data-cratis-part='header'>\n                        {header}\n                    </div>\n                )}\n\n                {properties.length === 0 ? (\n                    <p {...pt?.empty} className={`cratis-schema-editor__empty ${pt?.empty?.className ?? ''}`} data-cratis-part='empty'>\n                        {labels.emptyMessage}\n                    </p>\n                ) : (\n                    <ul {...pt?.list} className={`cratis-schema-editor__list ${pt?.list?.className ?? ''}`} data-cratis-part='list'>\n                        {properties.map(property => (\n                            <SchemaPropertyRow key={property.id} property={property} siblings={properties} depth={0} />\n                        ))}\n                    </ul>\n                )}\n\n                {(footer || (!readOnly && addRoot)) && (\n                    <div className='cratis-schema-editor__actions'>\n                        {!readOnly && addRoot && (\n                            <PropertyTypeMenu\n                                labels={labels}\n                                concepts={concepts}\n                                triggerPart='add'\n                                triggerLabel={labels.addProperty}\n                                parts={pt}\n                                onSelect={addRoot}\n                            >\n                                <FaPlus aria-hidden='true' />\n                                {labels.addProperty}\n                            </PropertyTypeMenu>\n                        )}\n                        {footer && (\n                            <div {...pt?.footer} className={`cratis-schema-editor__footer ${pt?.footer?.className ?? ''}`} data-cratis-part='footer'>\n                                {footer}\n                            </div>\n                        )}\n                    </div>\n                )}\n            </div>\n        </SchemaEditorContext.Provider>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/SchemaEditor/Tree/propertyNaming.d.ts

@@ -0,0 +1,35 @@
+import type { Property } from './Property.js';
+/** Why a property name cannot be used. */
+export declare enum PropertyNameProblem {
+    /** The name is empty or only whitespace. */
+    Empty = "empty",
+    /** The name would shadow a member every JavaScript object inherits. */
+    Reserved = "reserved",
+    /** A sibling already carries the name. */
+    Duplicate = "duplicate"
+}
+/**
+ * Derives the default name for a property typed as a concept — the concept name with a lower-cased first
+ * letter, so picking the `CustomerId` concept gives a `customerId` property rather than `property3`.
+ * @param concept The name of the concept.
+ * @returns The property name to start from.
+ */
+export declare function conceptPropertyName(concept: string): string;
+/**
+ * Resolves a property name that no sibling already uses. Sibling names become the keys of the JSON Schema
+ * object, so two properties sharing a name would silently collapse into one.
+ * @param siblings The properties the new property will sit alongside.
+ * @param candidate The name to use when it is free.
+ * @returns The candidate, or the candidate with the lowest free number appended.
+ */
+export declare function uniquePropertyName(siblings: Property[], candidate: string): string;
+/**
+ * Checks that a name can be used for a property without losing data: names become JSON Schema keys, so an
+ * empty, prototype-shadowing or duplicated name would corrupt or collapse the schema.
+ * @param name The proposed name.
+ * @param propertyId The id of the property being named, so it is not compared with itself.
+ * @param siblings The properties that share the parent, including the one being named.
+ * @returns What is wrong with the name, or `undefined` when it can be used.
+ */
+export declare function findPropertyNameProblem(name: string, propertyId: string, siblings: Property[]): PropertyNameProblem | undefined;
+//# sourceMappingURL=propertyNaming.d.ts.map

package/dist/esm/SchemaEditor/Tree/propertyNaming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyNaming.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/propertyNaming.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAY,CAAC;AAE3C,0CAA0C;AAC1C,oBAAY,mBAAmB;IAC3B,4CAA4C;IAC5C,KAAK,UAAU;IACf,uEAAuE;IACvE,QAAQ,aAAa;IACrB,0CAA0C;IAC1C,SAAS,cAAc;CAC1B;AAID;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAG3D;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAWlF;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACnC,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,QAAQ,EAAE,GACrB,mBAAmB,GAAG,SAAS,CAKjC"}

package/dist/esm/SchemaEditor/Tree/propertyNaming.js

@@ -0,0 +1,34 @@
+var PropertyNameProblem;
+(function (PropertyNameProblem) {
+    PropertyNameProblem["Empty"] = "empty";
+    PropertyNameProblem["Reserved"] = "reserved";
+    PropertyNameProblem["Duplicate"] = "duplicate";
+})(PropertyNameProblem || (PropertyNameProblem = {}));
+const reservedPrototypeKeys = new Set(['__proto__', 'constructor', 'prototype']);
+function conceptPropertyName(concept) {
+    const trimmed = concept.trim();
+    return trimmed.length === 0 ? '' : trimmed.charAt(0).toLowerCase() + trimmed.slice(1);
+}
+function uniquePropertyName(siblings, candidate) {
+    const taken = new Set(siblings.map(sibling => sibling.name));
+    if (!taken.has(candidate)) {
+        return candidate;
+    }
+    let suffix = 2;
+    while (taken.has(`${candidate}${suffix}`)) {
+        suffix++;
+    }
+    return `${candidate}${suffix}`;
+}
+function findPropertyNameProblem(name, propertyId, siblings) {
+    if (name.trim() === '')
+        return PropertyNameProblem.Empty;
+    if (reservedPrototypeKeys.has(name))
+        return PropertyNameProblem.Reserved;
+    if (siblings.some(sibling => sibling.name === name && sibling.id !== propertyId))
+        return PropertyNameProblem.Duplicate;
+    return undefined;
+}
+
+export { PropertyNameProblem, conceptPropertyName, findPropertyNameProblem, uniquePropertyName };
+//# sourceMappingURL=propertyNaming.js.map

package/dist/esm/SchemaEditor/Tree/propertyNaming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyNaming.js","sources":["../../../../SchemaEditor/Tree/propertyNaming.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { Property } from './Property';\n\n/** Why a property name cannot be used. */\nexport enum PropertyNameProblem {\n    /** The name is empty or only whitespace. */\n    Empty = 'empty',\n    /** The name would shadow a member every JavaScript object inherits. */\n    Reserved = 'reserved',\n    /** A sibling already carries the name. */\n    Duplicate = 'duplicate',\n}\n\nconst reservedPrototypeKeys = new Set(['__proto__', 'constructor', 'prototype']);\n\n/**\n * Derives the default name for a property typed as a concept — the concept name with a lower-cased first\n * letter, so picking the `CustomerId` concept gives a `customerId` property rather than `property3`.\n * @param concept The name of the concept.\n * @returns The property name to start from.\n */\nexport function conceptPropertyName(concept: string): string {\n    const trimmed = concept.trim();\n    return trimmed.length === 0 ? '' : trimmed.charAt(0).toLowerCase() + trimmed.slice(1);\n}\n\n/**\n * Resolves a property name that no sibling already uses. Sibling names become the keys of the JSON Schema\n * object, so two properties sharing a name would silently collapse into one.\n * @param siblings The properties the new property will sit alongside.\n * @param candidate The name to use when it is free.\n * @returns The candidate, or the candidate with the lowest free number appended.\n */\nexport function uniquePropertyName(siblings: Property[], candidate: string): string {\n    const taken = new Set(siblings.map(sibling => sibling.name));\n    if (!taken.has(candidate)) {\n        return candidate;\n    }\n\n    let suffix = 2;\n    while (taken.has(`${candidate}${suffix}`)) {\n        suffix++;\n    }\n    return `${candidate}${suffix}`;\n}\n\n/**\n * Checks that a name can be used for a property without losing data: names become JSON Schema keys, so an\n * empty, prototype-shadowing or duplicated name would corrupt or collapse the schema.\n * @param name The proposed name.\n * @param propertyId The id of the property being named, so it is not compared with itself.\n * @param siblings The properties that share the parent, including the one being named.\n * @returns What is wrong with the name, or `undefined` when it can be used.\n */\nexport function findPropertyNameProblem(\n    name: string,\n    propertyId: string,\n    siblings: Property[],\n): PropertyNameProblem | undefined {\n    if (name.trim() === '') return PropertyNameProblem.Empty;\n    if (reservedPrototypeKeys.has(name)) return PropertyNameProblem.Reserved;\n    if (siblings.some(sibling => sibling.name === name && sibling.id !== propertyId)) return PropertyNameProblem.Duplicate;\n    return undefined;\n}\n"],"names":[],"mappings":"IAMY;AAAZ,CAAA,UAAY,mBAAmB,EAAA;AAE3B,IAAA,mBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf,IAAA,mBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AAErB,IAAA,mBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AAC3B,CAAC,EAPW,mBAAmB,KAAnB,mBAAmB,GAAA,EAAA,CAAA,CAAA;AAS/B,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;AAQ1E,SAAU,mBAAmB,CAAC,OAAe,EAAA;AAC/C,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE;AAC9B,IAAA,OAAO,OAAO,CAAC,MAAM,KAAK,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACzF;AASM,SAAU,kBAAkB,CAAC,QAAoB,EAAE,SAAiB,EAAA;AACtE,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACvB,QAAA,OAAO,SAAS;IACpB;IAEA,IAAI,MAAM,GAAG,CAAC;IACd,OAAO,KAAK,CAAC,GAAG,CAAC,CAAA,EAAG,SAAS,CAAA,EAAG,MAAM,CAAA,CAAE,CAAC,EAAE;AACvC,QAAA,MAAM,EAAE;IACZ;AACA,IAAA,OAAO,CAAA,EAAG,SAAS,CAAA,EAAG,MAAM,EAAE;AAClC;SAUgB,uBAAuB,CACnC,IAAY,EACZ,UAAkB,EAClB,QAAoB,EAAA;AAEpB,IAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,mBAAmB,CAAC,KAAK;AACxD,IAAA,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO,mBAAmB,CAAC,QAAQ;AACxE,IAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAE,KAAK,UAAU,CAAC;QAAE,OAAO,mBAAmB,CAAC,SAAS;AACtH,IAAA,OAAO,SAAS;AACpB;;"}

package/dist/esm/SchemaEditor/Tree/propertyTree.d.ts

@@ -0,0 +1,30 @@
+import type { Property } from './Property.js';
+/**
+ * Finds a property anywhere in the tree by its id.
+ * @param properties The root properties to search.
+ * @param id The id of the property.
+ * @returns The property, or `undefined` when no property has the id.
+ */
+export declare function findPropertyById(properties: Property[], id: string): Property | undefined;
+/**
+ * Finds the first property with a name, searching depth first. Names are only unique among siblings, so this
+ * is for callers that key by name — for example to rebind state saved by name to the freshly generated ids.
+ * @param properties The root properties to search.
+ * @param name The name of the property.
+ * @returns The property, or `undefined` when no property has the name.
+ */
+export declare function findPropertyByName(properties: Property[], name: string): Property | undefined;
+/**
+ * Finds the properties that share a parent with a property, including the property itself.
+ * @param properties The root properties to search.
+ * @param id The id of the property.
+ * @returns The sibling group, or `undefined` when no property has the id.
+ */
+export declare function findSiblingProperties(properties: Property[], id: string): Property[] | undefined;
+/**
+ * Counts every property in the tree, nested ones included. Used to generate unique default names.
+ * @param properties The root properties.
+ * @returns The total number of properties.
+ */
+export declare function totalPropertyCount(properties: Property[]): number;
+//# sourceMappingURL=propertyTree.d.ts.map

package/dist/esm/SchemaEditor/Tree/propertyTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTree.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/propertyTree.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAY,CAAC;AAE3C;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAOzF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAO7F;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,QAAQ,EAAE,GAAG,SAAS,CAOhG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,MAAM,CAEjE"}

package/dist/esm/SchemaEditor/Tree/propertyTree.js

@@ -0,0 +1,36 @@
+function findPropertyById(properties, id) {
+    for (const property of properties) {
+        if (property.id === id)
+            return property;
+        const found = property.children ? findPropertyById(property.children, id) : undefined;
+        if (found)
+            return found;
+    }
+    return undefined;
+}
+function findPropertyByName(properties, name) {
+    for (const property of properties) {
+        if (property.name === name)
+            return property;
+        const found = property.children ? findPropertyByName(property.children, name) : undefined;
+        if (found)
+            return found;
+    }
+    return undefined;
+}
+function findSiblingProperties(properties, id) {
+    if (properties.some(property => property.id === id))
+        return properties;
+    for (const property of properties) {
+        const found = property.children ? findSiblingProperties(property.children, id) : undefined;
+        if (found)
+            return found;
+    }
+    return undefined;
+}
+function totalPropertyCount(properties) {
+    return properties.reduce((sum, property) => sum + 1 + totalPropertyCount(property.children ?? []), 0);
+}
+
+export { findPropertyById, findPropertyByName, findSiblingProperties, totalPropertyCount };
+//# sourceMappingURL=propertyTree.js.map

package/dist/esm/SchemaEditor/Tree/propertyTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTree.js","sources":["../../../../SchemaEditor/Tree/propertyTree.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { Property } from './Property';\n\n/**\n * Finds a property anywhere in the tree by its id.\n * @param properties The root properties to search.\n * @param id The id of the property.\n * @returns The property, or `undefined` when no property has the id.\n */\nexport function findPropertyById(properties: Property[], id: string): Property | undefined {\n    for (const property of properties) {\n        if (property.id === id) return property;\n        const found = property.children ? findPropertyById(property.children, id) : undefined;\n        if (found) return found;\n    }\n    return undefined;\n}\n\n/**\n * Finds the first property with a name, searching depth first. Names are only unique among siblings, so this\n * is for callers that key by name — for example to rebind state saved by name to the freshly generated ids.\n * @param properties The root properties to search.\n * @param name The name of the property.\n * @returns The property, or `undefined` when no property has the name.\n */\nexport function findPropertyByName(properties: Property[], name: string): Property | undefined {\n    for (const property of properties) {\n        if (property.name === name) return property;\n        const found = property.children ? findPropertyByName(property.children, name) : undefined;\n        if (found) return found;\n    }\n    return undefined;\n}\n\n/**\n * Finds the properties that share a parent with a property, including the property itself.\n * @param properties The root properties to search.\n * @param id The id of the property.\n * @returns The sibling group, or `undefined` when no property has the id.\n */\nexport function findSiblingProperties(properties: Property[], id: string): Property[] | undefined {\n    if (properties.some(property => property.id === id)) return properties;\n    for (const property of properties) {\n        const found = property.children ? findSiblingProperties(property.children, id) : undefined;\n        if (found) return found;\n    }\n    return undefined;\n}\n\n/**\n * Counts every property in the tree, nested ones included. Used to generate unique default names.\n * @param properties The root properties.\n * @returns The total number of properties.\n */\nexport function totalPropertyCount(properties: Property[]): number {\n    return properties.reduce((sum, property) => sum + 1 + totalPropertyCount(property.children ?? []), 0);\n}\n"],"names":[],"mappings":"AAWM,SAAU,gBAAgB,CAAC,UAAsB,EAAE,EAAU,EAAA;AAC/D,IAAA,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;AAC/B,QAAA,IAAI,QAAQ,CAAC,EAAE,KAAK,EAAE;AAAE,YAAA,OAAO,QAAQ;QACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,SAAS;AACrF,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;IAC3B;AACA,IAAA,OAAO,SAAS;AACpB;AASM,SAAU,kBAAkB,CAAC,UAAsB,EAAE,IAAY,EAAA;AACnE,IAAA,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;AAC/B,QAAA,IAAI,QAAQ,CAAC,IAAI,KAAK,IAAI;AAAE,YAAA,OAAO,QAAQ;QAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,SAAS;AACzF,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;IAC3B;AACA,IAAA,OAAO,SAAS;AACpB;AAQM,SAAU,qBAAqB,CAAC,UAAsB,EAAE,EAAU,EAAA;AACpE,IAAA,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;AAAE,QAAA,OAAO,UAAU;AACtE,IAAA,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;QAC/B,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,SAAS;AAC1F,QAAA,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;IAC3B;AACA,IAAA,OAAO,SAAS;AACpB;AAOM,SAAU,kBAAkB,CAAC,UAAsB,EAAA;IACrD,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,GAAG,GAAG,CAAC,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AACzG;;"}

package/dist/esm/SchemaEditor/Tree/propertyTypeDisplay.d.ts

@@ -0,0 +1,22 @@
+import { PropertyType } from './PropertyType.js';
+import type { SchemaEditorLabels } from '../SchemaEditorLabels.js';
+/** The types the menu offers first, in order. Concepts follow them. */
+export declare const primitivePropertyTypes: readonly PropertyType[];
+/** The types the menu offers after the concepts, in order. */
+export declare const compositePropertyTypes: readonly PropertyType[];
+/** Short text shown in a type badge; decorative, because the badge also carries the type's name. */
+export declare const propertyTypeGlyph: Record<PropertyType, string>;
+/**
+ * The display name of a property type.
+ * @param type The type.
+ * @param labels The resolved labels.
+ * @returns The localized name.
+ */
+export declare function propertyTypeName(type: PropertyType, labels: Required<SchemaEditorLabels>): string;
+/**
+ * Whether values of the type carry nested properties.
+ * @param type The type.
+ * @returns `true` for objects and lists of objects.
+ */
+export declare function hasNestedProperties(type: PropertyType): boolean;
+//# sourceMappingURL=propertyTypeDisplay.d.ts.map

package/dist/esm/SchemaEditor/Tree/propertyTypeDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTypeDisplay.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/propertyTypeDisplay.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAAuB,CAAC;AAEhE,uEAAuE;AACvE,eAAO,MAAM,sBAAsB,EAAE,SAAS,YAAY,EAMzD,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,sBAAsB,EAAE,SAAS,YAAY,EAKzD,CAAC;AAEF,oGAAoG;AACpG,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAU1D,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAYjG;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAE/D"}

package/dist/esm/SchemaEditor/Tree/propertyTypeDisplay.js

@@ -0,0 +1,45 @@
+import { PropertyType } from './PropertyType.js';
+
+const primitivePropertyTypes = [
+    PropertyType.String,
+    PropertyType.Number,
+    PropertyType.Boolean,
+    PropertyType.Date,
+    PropertyType.Time,
+];
+const compositePropertyTypes = [
+    PropertyType.StringArray,
+    PropertyType.NumberArray,
+    PropertyType.Object,
+    PropertyType.ObjectArray,
+];
+const propertyTypeGlyph = {
+    [PropertyType.String]: 'Aa',
+    [PropertyType.Number]: '123',
+    [PropertyType.Boolean]: 'T/F',
+    [PropertyType.Date]: 'Date',
+    [PropertyType.Time]: 'Time',
+    [PropertyType.Object]: '{ }',
+    [PropertyType.StringArray]: '[Aa]',
+    [PropertyType.NumberArray]: '[123]',
+    [PropertyType.ObjectArray]: '[{ }]',
+};
+function propertyTypeName(type, labels) {
+    switch (type) {
+        case PropertyType.Number: return labels.typeNumber;
+        case PropertyType.Boolean: return labels.typeBoolean;
+        case PropertyType.Date: return labels.typeDate;
+        case PropertyType.Time: return labels.typeTime;
+        case PropertyType.StringArray: return labels.typeStringArray;
+        case PropertyType.NumberArray: return labels.typeNumberArray;
+        case PropertyType.Object: return labels.typeObject;
+        case PropertyType.ObjectArray: return labels.typeObjectArray;
+        default: return labels.typeString;
+    }
+}
+function hasNestedProperties(type) {
+    return type === PropertyType.Object || type === PropertyType.ObjectArray;
+}
+
+export { compositePropertyTypes, hasNestedProperties, primitivePropertyTypes, propertyTypeGlyph, propertyTypeName };
+//# sourceMappingURL=propertyTypeDisplay.js.map

package/dist/esm/SchemaEditor/Tree/propertyTypeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propertyTypeDisplay.js","sources":["../../../../SchemaEditor/Tree/propertyTypeDisplay.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PropertyType } from './PropertyType';\nimport type { SchemaEditorLabels } from '../SchemaEditorLabels';\n\n/** The types the menu offers first, in order. Concepts follow them. */\nexport const primitivePropertyTypes: readonly PropertyType[] = [\n    PropertyType.String,\n    PropertyType.Number,\n    PropertyType.Boolean,\n    PropertyType.Date,\n    PropertyType.Time,\n];\n\n/** The types the menu offers after the concepts, in order. */\nexport const compositePropertyTypes: readonly PropertyType[] = [\n    PropertyType.StringArray,\n    PropertyType.NumberArray,\n    PropertyType.Object,\n    PropertyType.ObjectArray,\n];\n\n/** Short text shown in a type badge; decorative, because the badge also carries the type's name. */\nexport const propertyTypeGlyph: Record<PropertyType, string> = {\n    [PropertyType.String]: 'Aa',\n    [PropertyType.Number]: '123',\n    [PropertyType.Boolean]: 'T/F',\n    [PropertyType.Date]: 'Date',\n    [PropertyType.Time]: 'Time',\n    [PropertyType.Object]: '{ }',\n    [PropertyType.StringArray]: '[Aa]',\n    [PropertyType.NumberArray]: '[123]',\n    [PropertyType.ObjectArray]: '[{ }]',\n};\n\n/**\n * The display name of a property type.\n * @param type The type.\n * @param labels The resolved labels.\n * @returns The localized name.\n */\nexport function propertyTypeName(type: PropertyType, labels: Required<SchemaEditorLabels>): string {\n    switch (type) {\n        case PropertyType.Number: return labels.typeNumber;\n        case PropertyType.Boolean: return labels.typeBoolean;\n        case PropertyType.Date: return labels.typeDate;\n        case PropertyType.Time: return labels.typeTime;\n        case PropertyType.StringArray: return labels.typeStringArray;\n        case PropertyType.NumberArray: return labels.typeNumberArray;\n        case PropertyType.Object: return labels.typeObject;\n        case PropertyType.ObjectArray: return labels.typeObjectArray;\n        default: return labels.typeString;\n    }\n}\n\n/**\n * Whether values of the type carry nested properties.\n * @param type The type.\n * @returns `true` for objects and lists of objects.\n */\nexport function hasNestedProperties(type: PropertyType): boolean {\n    return type === PropertyType.Object || type === PropertyType.ObjectArray;\n}\n"],"names":[],"mappings":";;AAOO,MAAM,sBAAsB,GAA4B;AAC3D,IAAA,YAAY,CAAC,MAAM;AACnB,IAAA,YAAY,CAAC,MAAM;AACnB,IAAA,YAAY,CAAC,OAAO;AACpB,IAAA,YAAY,CAAC,IAAI;AACjB,IAAA,YAAY,CAAC,IAAI;;AAId,MAAM,sBAAsB,GAA4B;AAC3D,IAAA,YAAY,CAAC,WAAW;AACxB,IAAA,YAAY,CAAC,WAAW;AACxB,IAAA,YAAY,CAAC,MAAM;AACnB,IAAA,YAAY,CAAC,WAAW;;AAIrB,MAAM,iBAAiB,GAAiC;AAC3D,IAAA,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI;AAC3B,IAAA,CAAC,YAAY,CAAC,MAAM,GAAG,KAAK;AAC5B,IAAA,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK;AAC7B,IAAA,CAAC,YAAY,CAAC,IAAI,GAAG,MAAM;AAC3B,IAAA,CAAC,YAAY,CAAC,IAAI,GAAG,MAAM;AAC3B,IAAA,CAAC,YAAY,CAAC,MAAM,GAAG,KAAK;AAC5B,IAAA,CAAC,YAAY,CAAC,WAAW,GAAG,MAAM;AAClC,IAAA,CAAC,YAAY,CAAC,WAAW,GAAG,OAAO;AACnC,IAAA,CAAC,YAAY,CAAC,WAAW,GAAG,OAAO;;AASjC,SAAU,gBAAgB,CAAC,IAAkB,EAAE,MAAoC,EAAA;IACrF,QAAQ,IAAI;QACR,KAAK,YAAY,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC,UAAU;QAClD,KAAK,YAAY,CAAC,OAAO,EAAE,OAAO,MAAM,CAAC,WAAW;QACpD,KAAK,YAAY,CAAC,IAAI,EAAE,OAAO,MAAM,CAAC,QAAQ;QAC9C,KAAK,YAAY,CAAC,IAAI,EAAE,OAAO,MAAM,CAAC,QAAQ;QAC9C,KAAK,YAAY,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,eAAe;QAC5D,KAAK,YAAY,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,eAAe;QAC5D,KAAK,YAAY,CAAC,MAAM,EAAE,OAAO,MAAM,CAAC,UAAU;QAClD,KAAK,YAAY,CAAC,WAAW,EAAE,OAAO,MAAM,CAAC,eAAe;AAC5D,QAAA,SAAS,OAAO,MAAM,CAAC,UAAU;;AAEzC;AAOM,SAAU,mBAAmB,CAAC,IAAkB,EAAA;IAClD,OAAO,IAAI,KAAK,YAAY,CAAC,MAAM,IAAI,IAAI,KAAK,YAAY,CAAC,WAAW;AAC5E;;"}

package/dist/esm/SchemaEditor/Tree/schemaConversion.d.ts

@@ -0,0 +1,95 @@
+import type { JsonSchema } from '../../types/JsonSchema.js';
+import type { Property } from './Property.js';
+import { PropertyType } from './PropertyType.js';
+/**
+ * The JSON Schema keyword carrying the concept a property is typed as. It annotates the primitive node the
+ * concept wraps rather than replacing it, so anything that does not know about concepts — code generation,
+ * an export, another tool — still reads a valid schema of the underlying primitive.
+ */
+export declare const CONCEPT_KEYWORD = "x-concept";
+/**
+ * The JSON Schema keyword marking the property that identifies its parent object. Written as `true` on the
+ * property; at most one property of an object carries it.
+ */
+export declare const KEY_KEYWORD = "x-key";
+/**
+ * Converts a JSON Schema object into a property tree. Generates a new id for every property.
+ * @param schema The schema to read; `undefined` and schemas without properties give an empty tree.
+ * @returns The root properties.
+ */
+export declare function jsonSchemaToProperties(schema: JsonSchema | undefined): Property[];
+/**
+ * Converts a property tree into a JSON Schema object. Empty `required` lists are omitted, and a property
+ * typed as a concept or marked as the key carries the `x-concept` and `x-key` keywords.
+ * @param properties The root properties.
+ * @returns The schema.
+ */
+export declare function propertiesToJsonSchema(properties: Property[]): JsonSchema;
+/**
+ * Appends a property to the root.
+ * @param properties The root properties.
+ * @param type The type of the new property.
+ * @param existingCount The number of properties already in the tree, used to generate the default name; see {@link totalPropertyCount}.
+ * @param concept The concept the property is typed as. When given the property is named after it.
+ * @returns The new tree.
+ */
+export declare function addProperty(properties: Property[], type: PropertyType, existingCount: number, concept?: string): Property[];
+/**
+ * Appends a property to a nested object or object list.
+ * @param properties The root properties.
+ * @param parentId The id of the parent property.
+ * @param type The type of the new property.
+ * @param existingCount The number of properties already in the tree, used to generate the default name.
+ * @param concept The concept the property is typed as.
+ * @returns The new tree.
+ */
+export declare function addChildProperty(properties: Property[], parentId: string, type: PropertyType, existingCount: number, concept?: string): Property[];
+/**
+ * Removes a property, and everything nested under it.
+ * @param properties The root properties.
+ * @param targetId The id of the property to remove.
+ * @returns The new tree.
+ */
+export declare function removeProperty(properties: Property[], targetId: string): Property[];
+/**
+ * Renames a property. Its requiredness travels with it, because both are stored against the property.
+ * @param properties The root properties.
+ * @param targetId The id of the property to rename.
+ * @param newName The new name.
+ * @returns The new tree.
+ */
+export declare function renameProperty(properties: Property[], targetId: string, newName: string): Property[];
+/**
+ * Changes the type of a property. Choosing a plain primitive drops the concept; choosing an object or
+ * object list keeps the children, and any other type drops them.
+ * @param properties The root properties.
+ * @param targetId The id of the property.
+ * @param newType The new type.
+ * @param concept The concept the property is now typed as, if any.
+ * @returns The new tree.
+ */
+export declare function changePropertyType(properties: Property[], targetId: string, newType: PropertyType, concept?: string): Property[];
+/**
+ * Flips whether a property is required.
+ * @param properties The root properties.
+ * @param targetId The id of the property.
+ * @returns The new tree.
+ */
+export declare function toggleRequiredProperty(properties: Property[], targetId: string): Property[];
+/**
+ * Sets whether a property is required. Requiring a nested property does not require its parent.
+ * @param properties The root properties.
+ * @param targetId The id of the property.
+ * @param isRequired Whether the property must be present.
+ * @returns The new tree.
+ */
+export declare function setRequiredProperty(properties: Property[], targetId: string, isRequired: boolean): Property[];
+/**
+ * Makes a property the key of its parent object, moving the key when a sibling held it. Choosing the
+ * property that already is the key clears it, so an object can also have no key.
+ * @param properties The root properties.
+ * @param targetId The id of the property.
+ * @returns The new tree.
+ */
+export declare function setKeyProperty(properties: Property[], targetId: string): Property[];
+//# sourceMappingURL=schemaConversion.d.ts.map