@cratis/components 4.25.2 → 4.26.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyRow.js","sources":["../../../../SchemaEditor/Tree/SchemaPropertyRow.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, useId, useRef, useState, type KeyboardEvent, type MouseEvent } from 'react';\nimport { FaKey, FaLock, FaPlus, FaXmark } from 'react-icons/fa6';\nimport type { Property } from './Property';\nimport { PropertyNameProblem, findPropertyNameProblem } from './propertyNaming';\nimport { PropertyTypeBadge } from './PropertyTypeBadge';\nimport { PropertyTypeMenu } from './PropertyTypeMenu';\nimport { useSchemaEditorContext } from './SchemaEditorContext';\nimport type { SchemaPropertyContext } from './SchemaPropertyContext';\nimport { hasNestedProperties, propertyTypeName } from './propertyTypeDisplay';\n\n/** Props for one row of the editor, and everything nested under it. */\nexport interface SchemaPropertyRowProps {\n    /** The property shown. */\n    property: Property;\n\n    /** The properties that share its parent, including itself. */\n    siblings: Property[];\n\n    /** How deeply the property is nested. */\n    depth: number;\n}\n\nconst interactiveSelector = 'button, input, label, textarea, select, a, [role=\"menu\"]';\n\n/** One property: its row of controls, the host's details beneath it, and the properties nested under it. */\nexport const SchemaPropertyRow = ({ property, siblings, depth }: SchemaPropertyRowProps) => {\n    const context = useSchemaEditorContext();\n    const { labels, parts, operations, readOnly } = context;\n    const messageId = useId();\n    const nameInput = useRef<HTMLInputElement>(null);\n    const [isEditing, setIsEditing] = useState(false);\n    const [draftName, setDraftName] = useState(property.name);\n    const [problem, setProblem] = useState<string | undefined>(undefined);\n\n    const rowContext: SchemaPropertyContext = { depth, siblings, properties: context.properties, readOnly };\n    const rowState = context.getRowState?.(property, rowContext);\n    const details = context.renderDetails?.(property, rowContext);\n    const isProtected = context.isProtected(property);\n    const canRename = !readOnly && !isProtected && operations.rename !== undefined;\n    const canRemove = !readOnly && !isProtected && operations.remove !== undefined;\n    const canChangeType = !readOnly && operations.changeType !== undefined && rowState?.lockType !== true;\n    const canSetRequired = context.isRequiredAllowed && operations.setRequired !== undefined;\n    const canSetKey = !readOnly && operations.setKey !== undefined && context.isKeyAllowed(property, rowContext);\n    const canAddChild = !readOnly && operations.addChild !== undefined && hasNestedProperties(property.type);\n    const lockReason = rowState?.lockType === true ? rowState.lockTypeReason : undefined;\n    const isSelected = context.selectedPropertyId === property.id;\n    const typeName = propertyTypeName(property.type, labels);\n    const nestedLabel = labels.nestedProperties(property.name);\n\n    useEffect(() => {\n        if (isEditing) nameInput.current?.select();\n    }, [isEditing]);\n\n    const startEditing = () => {\n        if (!canRename) return;\n        setDraftName(property.name);\n        setProblem(undefined);\n        setIsEditing(true);\n    };\n\n    const stopEditing = () => {\n        setIsEditing(false);\n        setProblem(undefined);\n    };\n\n    const describe = (name: string): string | undefined => {\n        const found = findPropertyNameProblem(name, property.id, siblings);\n        if (found === PropertyNameProblem.Empty) return labels.nameRequired;\n        if (found === PropertyNameProblem.Reserved) return labels.nameReserved(name);\n        if (found === PropertyNameProblem.Duplicate) return labels.nameDuplicate(name);\n        return context.validateName?.(name, property, siblings);\n    };\n\n    const commit = (): boolean => {\n        const name = draftName.trim();\n        if (name === property.name) {\n            stopEditing();\n            return true;\n        }\n        const message = describe(name);\n        if (message) {\n            setProblem(message);\n            return false;\n        }\n        stopEditing();\n        operations.rename?.(property.id, name);\n        return true;\n    };\n\n    const handleEditKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            commit();\n        } else if (event.key === 'Escape') {\n            event.stopPropagation();\n            stopEditing();\n        }\n    };\n\n    const handleRowClick = (event: MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement;\n        const optedIn = target.closest('[data-schema-row-select]');\n        if (optedIn && event.currentTarget.contains(optedIn)) {\n            context.onPropertyClick?.(property.id);\n            return;\n        }\n        const interactive = target.closest(interactiveSelector);\n        if (interactive && interactive.getAttribute('data-cratis-part') !== 'name') return;\n        context.onPropertyClick?.(property.id);\n    };\n\n    const defaultBadge = <PropertyTypeBadge property={property} labels={labels} part={parts?.badge} lockReason={lockReason} />;\n    const typeBadge = context.renderTypeBadge ? context.renderTypeBadge(property, rowContext, defaultBadge) : defaultBadge;\n    const rowAttributes = rowState?.attributes ?? {};\n    const isSelectable = context.onPropertyClick !== undefined;\n\n    return (\n        <li\n            {...parts?.property}\n            className={`cratis-schema-editor__property ${parts?.property?.className ?? ''}`}\n            data-cratis-part='property'\n            data-property-type={property.type}\n        >\n            <div\n                {...parts?.row}\n                {...rowAttributes}\n                title={rowState?.title}\n                className={`cratis-schema-editor__row ${rowState?.className ?? ''} ${parts?.row?.className ?? ''}`}\n                data-cratis-part='row'\n                data-selected={isSelected || undefined}\n                onClick={handleRowClick}\n            >\n                {context.renderLeading && (\n                    <span {...parts?.leading} className={`cratis-schema-editor__leading ${parts?.leading?.className ?? ''}`} data-cratis-part='leading'>\n                        {context.renderLeading(property, rowContext)}\n                    </span>\n                )}\n\n                {isEditing ? (\n                    <span className='cratis-schema-editor__name-edit'>\n                        <input\n                            {...parts?.nameInput}\n                            ref={nameInput}\n                            type='text'\n                            value={draftName}\n                            aria-label={labels.propertyNameFor(property.name)}\n                            aria-invalid={problem !== undefined || undefined}\n                            aria-describedby={problem ? messageId : undefined}\n                            className={`cratis-schema-editor__name-input ${parts?.nameInput?.className ?? ''}`}\n                            data-cratis-part='nameInput'\n                            data-invalid={problem !== undefined || undefined}\n                            onChange={event => { setDraftName(event.target.value); setProblem(undefined); }}\n                            onBlur={() => { if (!commit()) stopEditing(); }}\n                            onKeyDown={handleEditKeyDown}\n                        />\n                        {problem && (\n                            <p\n                                {...parts?.message}\n                                id={messageId}\n                                role='alert'\n                                className={`cratis-schema-editor__message ${parts?.message?.className ?? ''}`}\n                                data-cratis-part='message'\n                            >\n                                {problem}\n                            </p>\n                        )}\n                    </span>\n                ) : canRename || isSelectable ? (\n                    <button\n                        {...parts?.name}\n                        type='button'\n                        title={canRename ? labels.renameHint : undefined}\n                        aria-keyshortcuts={canRename ? 'F2' : undefined}\n                        className={`cratis-schema-editor__name ${parts?.name?.className ?? ''}`}\n                        data-cratis-part='name'\n                        onDoubleClick={startEditing}\n                        onKeyDown={event => { if (event.key === 'F2') { event.preventDefault(); startEditing(); } }}\n                    >\n                        {property.name}\n                    </button>\n                ) : (\n                    <span className={`cratis-schema-editor__name cratis-schema-editor__name--static ${parts?.name?.className ?? ''}`} data-cratis-part='name'>\n                        {property.name}\n                    </span>\n                )}\n\n                {canChangeType ? (\n                    <PropertyTypeMenu\n                        labels={labels}\n                        concepts={context.concepts}\n                        triggerPart='typeButton'\n                        triggerLabel={labels.changeType(property.name, property.concept ?? typeName)}\n                        parts={parts}\n                        onSelect={(type, concept) => operations.changeType?.(property.id, type, concept)}\n                    >\n                        {typeBadge}\n                    </PropertyTypeMenu>\n                ) : typeBadge}\n\n                {canSetRequired && (\n                    <label\n                        {...parts?.required}\n                        title={labels.requiredHelp}\n                        className={`cratis-schema-editor__required ${parts?.required?.className ?? ''}`}\n                        data-cratis-part='required'\n                    >\n                        <input\n                            type='checkbox'\n                            checked={property.isRequired === true}\n                            disabled={readOnly}\n                            aria-label={labels.requiredProperty(property.name)}\n                            aria-description={labels.requiredHelp}\n                            onChange={event => operations.setRequired?.(property.id, event.target.checked)}\n                        />\n                        {labels.required}\n                    </label>\n                )}\n\n                {canSetKey && (\n                    <button\n                        {...parts?.key}\n                        type='button'\n                        aria-pressed={property.isKey === true}\n                        aria-label={labels.keyProperty(property.name)}\n                        title={property.isKey ? labels.isKey : labels.setAsKey}\n                        className={`cratis-schema-editor__key ${parts?.key?.className ?? ''}`}\n                        data-cratis-part='key'\n                        data-pressed={property.isKey === true || undefined}\n                        onClick={() => operations.setKey?.(property.id)}\n                    >\n                        <FaKey aria-hidden='true' />\n                    </button>\n                )}\n\n                {context.renderAccessory && (\n                    <span {...parts?.accessory} className={`cratis-schema-editor__accessory ${parts?.accessory?.className ?? ''}`} data-cratis-part='accessory'>\n                        {context.renderAccessory(property, rowContext)}\n                    </span>\n                )}\n\n                {isProtected ? (\n                    <span\n                        {...parts?.protected}\n                        role='img'\n                        aria-label={labels.protectedProperty}\n                        title={labels.protectedProperty}\n                        className={`cratis-schema-editor__protected ${parts?.protected?.className ?? ''}`}\n                        data-cratis-part='protected'\n                    >\n                        <FaLock aria-hidden='true' />\n                    </span>\n                ) : canRemove && (\n                    <button\n                        {...parts?.remove}\n                        type='button'\n                        aria-label={labels.deletePropertyFor(property.name)}\n                        title={labels.deletePropertyFor(property.name)}\n                        className={`cratis-schema-editor__remove ${parts?.remove?.className ?? ''}`}\n                        data-cratis-part='remove'\n                        onClick={() => operations.remove?.(property.id)}\n                    >\n                        <FaXmark aria-hidden='true' />\n                    </button>\n                )}\n            </div>\n\n            {details && (\n                <div {...parts?.details} className={`cratis-schema-editor__details ${parts?.details?.className ?? ''}`} data-cratis-part='details'>\n                    {details}\n                </div>\n            )}\n\n            {hasNestedProperties(property.type) && (\n                <>\n                    {(property.children ?? []).length > 0 && (\n                        <ul\n                            {...parts?.list}\n                            aria-label={nestedLabel}\n                            className={`cratis-schema-editor__list cratis-schema-editor__list--nested ${parts?.list?.className ?? ''}`}\n                            data-cratis-part='list'\n                        >\n                            {(property.children ?? []).map(child => (\n                                <SchemaPropertyRow key={child.id} property={child} siblings={property.children ?? []} depth={depth + 1} />\n                            ))}\n                        </ul>\n                    )}\n                    {canAddChild && (\n                        <PropertyTypeMenu\n                            labels={labels}\n                            concepts={context.concepts}\n                            triggerPart='add'\n                            triggerLabel={labels.addPropertyTo(property.name)}\n                            parts={parts}\n                            onSelect={(type, concept) => operations.addChild?.(property.id, type, concept)}\n                        >\n                            <FaPlus aria-hidden='true' />\n                            {labels.addProperty}\n                        </PropertyTypeMenu>\n                    )}\n                </>\n            )}\n        </li>\n    );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+/** What a host can say about the row of one property through `getPropertyRowState`. */
+export interface SchemaPropertyRowState {
+    /** Extra class names for the row. */
+    className?: string;
+    /** Extra `data-*` attributes for the row, for example to mark it as a drop target. `undefined` values are left out. */
+    attributes?: {
+        [attribute: `data-${string}`]: string | undefined;
+    };
+    /** A tooltip for the row. */
+    title?: string;
+    /** When true the type of the property can no longer be changed, for example because something is bound to it. */
+    lockType?: boolean;
+    /** Why the type is locked. Shown as the tooltip of the locked type badge and exposed to assistive technology as its description. Only used with `lockType`. */
+    lockTypeReason?: string;
+}
+//# sourceMappingURL=SchemaPropertyRowState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyRowState.d.ts","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/SchemaPropertyRowState.ts"],"names":[],"mappings":"AAGA,uFAAuF;AACvF,MAAM,WAAW,sBAAsB;IACnC,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uHAAuH;IACvH,UAAU,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAEnE,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,iHAAiH;IACjH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,+JAA+J;IAC/J,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B"}

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

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=SchemaPropertyRowState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyRowState.js","sourceRoot":"","sources":["../../../../SchemaEditor/Tree/SchemaPropertyRowState.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","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\n/** What a host can say about the row of one property through `getPropertyRowState`. */\nexport interface SchemaPropertyRowState {\n    /** Extra class names for the row. */\n    className?: string;\n\n    /** Extra `data-*` attributes for the row, for example to mark it as a drop target. `undefined` values are left out. */\n    attributes?: { [attribute: `data-${string}`]: string | undefined };\n\n    /** A tooltip for the row. */\n    title?: string;\n\n    /** When true the type of the property can no longer be changed, for example because something is bound to it. */\n    lockType?: boolean;\n\n    /** Why the type is locked. Shown as the tooltip of the locked type badge and exposed to assistive technology as its description. Only used with `lockType`. */\n    lockTypeReason?: string;\n}\n"]}

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,20 @@
+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[];
+/**
+ * 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;;;;;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,34 @@
+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,
+];
+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, 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/**\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;;AAStB,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;;"}