@cratis/components 0.1.19 → 1.0.3

package/dist/esm/SchemaEditor/SchemaEditor.js

@@ -0,0 +1,331 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { Button } from 'primereact/button';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { Menubar } from 'primereact/menubar';
+import { Tooltip } from 'primereact/tooltip';
+import * as faIcons from 'react-icons/fa6';
+import { NameCell } from './NameCell.js';
+import { TypeCell } from './TypeCell.js';
+import { DEFAULT_TYPE_FORMATS } from '../types/TypeFormat.js';
+import css from './SchemaEditor.module.css';
+
+const SchemaEditor = ({ schema, eventTypeName = '', canEdit = true, canNotEditReason, onChange, onSave, onCancel, editMode, saveDisabled = false, cancelDisabled = false, typeFormats = DEFAULT_TYPE_FORMATS }) => {
+    const [currentPath, setCurrentPath] = useState([]);
+    const [properties, setProperties] = useState([]);
+    const [currentSchema, setCurrentSchema] = useState(schema);
+    const [isEditMode, setIsEditMode] = useState(editMode ?? false);
+    const [initialSchema, setInitialSchema] = useState(schema);
+    const [validationErrors, setValidationErrors] = useState({});
+    useEffect(() => {
+        if (!isEditMode) {
+            setCurrentPath([]);
+        }
+    }, [isEditMode]);
+    const validatePropertyName = useCallback((name, propertyId, allProperties) => {
+        if (!name || name.trim() === '') {
+            return 'Property name cannot be empty';
+        }
+        const validIdentifierPattern = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+        if (!validIdentifierPattern.test(name)) {
+            return 'Property name must start with a letter or underscore and contain only letters, numbers, and underscores';
+        }
+        const duplicates = allProperties.filter(p => p.name === name && p.id !== propertyId);
+        if (duplicates.length > 0) {
+            return 'Property name must be unique';
+        }
+        return undefined;
+    }, []);
+    const validateAllProperties = useCallback((properties) => {
+        const errors = {};
+        properties.forEach(prop => {
+            if (!prop.name)
+                return;
+            const error = validatePropertyName(prop.name, prop.id, properties);
+            if (error) {
+                errors[prop.id] = error;
+            }
+        });
+        setValidationErrors(errors);
+        return Object.keys(errors).length === 0;
+    }, [validatePropertyName]);
+    useEffect(() => {
+        setCurrentSchema(schema);
+        setInitialSchema(JSON.parse(JSON.stringify(schema)));
+    }, [schema]);
+    useEffect(() => {
+        loadPropertiesForCurrentPath();
+    }, [currentPath, currentSchema, isEditMode]);
+    const loadPropertiesForCurrentPath = () => {
+        let targetSchema = currentSchema;
+        for (const segment of currentPath) {
+            if (targetSchema.type === 'array' && segment === '$items') {
+                targetSchema = targetSchema.items || {};
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+            else {
+                return;
+            }
+        }
+        const schemaProps = [];
+        if (targetSchema.properties) {
+            let idCounter = 0;
+            for (const [name, property] of Object.entries(targetSchema.properties)) {
+                schemaProps.push({
+                    id: `prop-${currentPath.join('-')}-${idCounter++}`,
+                    name,
+                    type: property.type || 'string',
+                    format: property.format,
+                    description: property.description,
+                    items: property.items,
+                    properties: property.properties,
+                    required: currentSchema.required?.includes(name) || false
+                });
+            }
+        }
+        setProperties(schemaProps);
+        if (isEditMode) {
+            validateAllProperties(schemaProps);
+        }
+    };
+    const updateSchemaAtPath = useCallback((path, updater) => {
+        const newSchema = JSON.parse(JSON.stringify(currentSchema));
+        if (path.length === 0) {
+            const updated = updater(newSchema);
+            setCurrentSchema(updated);
+            onChange?.(updated);
+            return;
+        }
+        let targetSchema = newSchema;
+        for (let i = 0; i < path.length - 1; i++) {
+            const segment = path[i];
+            if (targetSchema.type === 'array' && segment === '$items') {
+                if (!targetSchema.items) {
+                    targetSchema.items = { type: 'object', properties: {} };
+                }
+                targetSchema = targetSchema.items;
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+        }
+        const lastSegment = path[path.length - 1];
+        if (targetSchema.type === 'array' && lastSegment === '$items') {
+            targetSchema.items = updater(targetSchema.items || {});
+        }
+        else {
+            if (!targetSchema.properties) {
+                targetSchema.properties = {};
+            }
+            targetSchema.properties[lastSegment] = updater(targetSchema.properties[lastSegment] || {});
+        }
+        setCurrentSchema(newSchema);
+        onChange?.(newSchema);
+    }, [currentSchema, onChange]);
+    const addProperty = useCallback(() => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            let newName = 'newProperty';
+            let counter = 1;
+            while (newProps[newName]) {
+                newName = `newProperty${counter++}`;
+            }
+            newProps[newName] = { type: 'string' };
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const removeProperty = useCallback((propertyName) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            delete newProps[propertyName];
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const updateProperty = useCallback((oldName, field, value, additionalUpdates) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            const prop = { ...(newProps[oldName] || {}) };
+            if (field === 'name') {
+                if (value !== oldName && !newProps[value]) {
+                    newProps[value] = prop;
+                    delete newProps[oldName];
+                }
+            }
+            else if (field === 'type') {
+                prop.type = value;
+                if (value === 'array') {
+                    prop.items = { type: 'string' };
+                    delete prop.format;
+                }
+                else if (value === 'object') {
+                    prop.properties = {};
+                    delete prop.format;
+                    delete prop.items;
+                }
+                else {
+                    delete prop.items;
+                    delete prop.properties;
+                }
+                if (additionalUpdates) {
+                    if ('format' in additionalUpdates) {
+                        if (additionalUpdates.format) {
+                            prop.format = additionalUpdates.format;
+                        }
+                        else {
+                            delete prop.format;
+                        }
+                    }
+                }
+                newProps[oldName] = prop;
+            }
+            else if (field === 'format') {
+                if (value && value !== 'none') {
+                    prop.format = value;
+                }
+                else {
+                    delete prop.format;
+                }
+                newProps[oldName] = prop;
+            }
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const updateArrayItemType = useCallback((propertyName, itemType) => {
+        updateSchemaAtPath(currentPath, (schema) => {
+            const newProps = { ...(schema.properties || {}) };
+            const prop = { ...(newProps[propertyName] || {}) };
+            if (itemType === 'object') {
+                prop.items = { type: 'object', properties: {} };
+            }
+            else if (itemType === 'array') {
+                prop.items = { type: 'array', items: { type: 'string' } };
+            }
+            else {
+                prop.items = { type: itemType };
+            }
+            newProps[propertyName] = prop;
+            return { ...schema, properties: newProps };
+        });
+    }, [currentPath, updateSchemaAtPath]);
+    const navigateToProperty = useCallback((propertyName) => {
+        setCurrentPath([...currentPath, propertyName]);
+    }, [currentPath]);
+    const navigateToArrayItems = useCallback((propertyName) => {
+        setCurrentPath([...currentPath, propertyName, '$items']);
+    }, [currentPath]);
+    const navigateBack = useCallback(() => {
+        if (currentPath.length > 0) {
+            setCurrentPath(currentPath.slice(0, -1));
+        }
+    }, [currentPath]);
+    const navigateToBreadcrumb = useCallback((index) => {
+        const items = getBreadcrumbItems();
+        setCurrentPath(items[index].path);
+    }, [currentPath, eventTypeName]);
+    const handleSave = useCallback(() => {
+        onSave?.();
+        setIsEditMode(false);
+    }, [onSave]);
+    const handleCancel = useCallback(() => {
+        setCurrentSchema(JSON.parse(JSON.stringify(initialSchema)));
+        onChange?.(JSON.parse(JSON.stringify(initialSchema)));
+        setIsEditMode(false);
+        onCancel?.();
+    }, [initialSchema, onChange, onCancel]);
+    const handleEdit = useCallback(() => {
+        setInitialSchema(JSON.parse(JSON.stringify(currentSchema)));
+        setIsEditMode(true);
+    }, [currentSchema]);
+    const getBreadcrumbItems = () => {
+        const items = [{ name: eventTypeName, path: [] }];
+        for (let i = 0; i < currentPath.length; i++) {
+            const segment = currentPath[i];
+            if (segment === '$items') {
+                items.push({
+                    name: '[items]',
+                    path: currentPath.slice(0, i + 1)
+                });
+            }
+            else {
+                items.push({
+                    name: segment,
+                    path: currentPath.slice(0, i + 1)
+                });
+            }
+        }
+        return items;
+    };
+    const getCurrentDescription = useCallback(() => {
+        let targetSchema = currentSchema;
+        for (const segment of currentPath) {
+            if (targetSchema.type === 'array' && segment === '$items') {
+                targetSchema = targetSchema.items || {};
+            }
+            else if (targetSchema.properties && targetSchema.properties[segment]) {
+                targetSchema = targetSchema.properties[segment];
+            }
+            else {
+                return undefined;
+            }
+        }
+        return targetSchema.description;
+    }, [currentSchema, currentPath]);
+    const hasValidationErrors = Object.keys(validationErrors).length > 0;
+    const menuItems = useMemo(() => [
+        ...(!isEditMode ? [{
+                label: 'Edit',
+                icon: jsx(faIcons.FaPencil, { className: 'mr-2' }),
+                command: canEdit ? handleEdit : undefined,
+                className: !canEdit ? 'edit-disabled-with-reason' : undefined,
+                template: !canEdit && canNotEditReason ? (item) => (jsxs("div", { className: "p-menuitem-link p-disabled", "data-pr-tooltip": canNotEditReason, "data-pr-position": "bottom", style: { cursor: 'not-allowed', opacity: 0.6 }, children: [item.icon, jsx("span", { className: "p-menuitem-text", children: item.label })] })) : undefined
+            }] : []),
+        ...(isEditMode ? [
+            ...(!saveDisabled ? [{
+                    label: 'Save',
+                    icon: jsx(faIcons.FaCheck, { className: 'mr-2' }),
+                    command: hasValidationErrors ? undefined : handleSave,
+                    disabled: hasValidationErrors
+                }] : []),
+            ...(!cancelDisabled ? [{
+                    label: 'Cancel',
+                    icon: jsx(faIcons.FaXmark, { className: 'mr-2' }),
+                    command: handleCancel
+                }] : []),
+            {
+                label: 'Add Property',
+                icon: jsx(faIcons.FaPlus, { className: 'mr-2' }),
+                command: addProperty
+            }
+        ] : [])
+    ], [isEditMode, handleSave, handleCancel, handleEdit, addProperty, canEdit, canNotEditReason, hasValidationErrors, saveDisabled, cancelDisabled]);
+    const breadcrumbItems = getBreadcrumbItems();
+    const isAtRoot = currentPath.length === 0;
+    const currentDescription = getCurrentDescription();
+    return (jsxs("div", { className: "schema-editor", style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [jsxs("div", { className: "px-4 py-4", children: [jsx(Tooltip, { target: "[data-pr-tooltip]" }), jsx("div", { className: "schema-editor-menubar", children: jsx(Menubar, { "aria-label": "Actions", model: menuItems }) })] }), jsxs("div", { className: "px-4 py-2 border-bottom-1 surface-border", children: [jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(Button, { icon: jsx(faIcons.FaArrowLeft, {}), className: "p-button-text p-button-sm", onClick: navigateBack, disabled: isAtRoot, tooltip: "Navigate back", tooltipOptions: { position: 'top' } }), jsx("div", { style: { fontSize: '0.9rem', color: 'var(--text-color-secondary)', cursor: 'pointer' }, children: breadcrumbItems.map((item, index) => (jsxs("span", { children: [index > 0 && jsx("span", { className: "mx-2", children: ">" }), jsx("span", { onClick: () => navigateToBreadcrumb(index), style: { cursor: 'pointer', textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none' }, children: item.name })] }, index))) })] }), currentDescription && (jsxs("div", { style: { fontSize: '0.875rem', color: 'var(--text-color-secondary)', marginTop: '0.5rem', marginLeft: '2.5rem', fontStyle: 'italic', display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx(faIcons.FaCircleInfo, {}), jsx("span", { children: currentDescription })] }))] }), jsxs("div", { style: { flex: 1, overflow: 'auto', padding: '1rem' }, children: [jsx(Tooltip, { target: ".schema-navigation-tooltip", mouseTrack: true, mouseTrackTop: 15 }, `nav-${eventTypeName}-${currentPath.join('/')}`), jsx(Tooltip, { target: ".schema-description-tooltip" }, `desc-${eventTypeName}-${currentPath.join('/')}`), jsxs(DataTable, { value: properties, dataKey: "id", emptyMessage: "No properties defined", rowClassName: (rowData) => {
+                            if (!isEditMode && (rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object'))) {
+                                return css.navigableRow;
+                            }
+                            return '';
+                        }, onRowClick: (e) => {
+                            if (!isEditMode) {
+                                const rowData = e.data;
+                                if (rowData.name) {
+                                    if (rowData.type === 'object') {
+                                        navigateToProperty(rowData.name);
+                                    }
+                                    else if (rowData.type === 'array' && rowData.items?.type === 'object') {
+                                        navigateToArrayItems(rowData.name);
+                                    }
+                                }
+                            }
+                        }, pt: {
+                            root: { style: { border: 'none' } },
+                            tbody: { style: { borderTop: '1px solid var(--surface-border)' } }
+                        }, children: [jsx(Column, { field: "name", header: "Property", body: (rowData) => (jsx(NameCell, { rowData: rowData, isEditMode: isEditMode, onUpdate: updateProperty, validationError: validationErrors[rowData.id] })), style: { width: '30%' } }), jsx(Column, { header: "Type", body: (rowData) => (jsx(TypeCell, { rowData: rowData, isEditMode: isEditMode, typeFormats: typeFormats, onUpdateProperty: updateProperty, onUpdateArrayItemType: updateArrayItemType, onNavigateToProperty: navigateToProperty, onNavigateToArrayItems: navigateToArrayItems, onRemoveProperty: removeProperty })), style: { width: '70%' } })] }, `${isEditMode}-${currentPath.join('/')}`)] })] }));
+};
+
+export { SchemaEditor };
+//# sourceMappingURL=SchemaEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEditor.js","sources":["../../../SchemaEditor/SchemaEditor.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 { useState, useEffect, useMemo, useCallback } from 'react';\nimport { Button } from 'primereact/button';\nimport { DataTable } from 'primereact/datatable';\nimport { Column } from 'primereact/column';\nimport { Menubar } from 'primereact/menubar';\nimport { Tooltip } from 'primereact/tooltip';\nimport * as faIcons from 'react-icons/fa6';\nimport { NameCell } from './NameCell';\nimport { TypeCell } from './TypeCell';\nimport { JsonSchema, JsonSchemaProperty, NavigationItem } from '../types/JsonSchema';\nimport { TypeFormat, DEFAULT_TYPE_FORMATS } from '../types/TypeFormat';\nimport css from './SchemaEditor.module.css';\nimport { MenuItem } from 'primereact/menuitem';\n\nexport interface SchemaEditorProps {\n    schema: JsonSchema;\n    eventTypeName?: string;\n    canEdit?: boolean;\n    canNotEditReason?: string;\n    onChange?: (schema: JsonSchema) => void;\n    onSave?: () => void;\n    onCancel?: () => void;\n    editMode?: boolean;\n    saveDisabled?: boolean;\n    cancelDisabled?: boolean;\n    typeFormats?: TypeFormat[];\n}\n\nexport const SchemaEditor = ({ \n    schema, \n    eventTypeName = '', \n    canEdit = true, \n    canNotEditReason, \n    onChange, \n    onSave, \n    onCancel, \n    editMode, \n    saveDisabled = false, \n    cancelDisabled = false,\n    typeFormats = DEFAULT_TYPE_FORMATS\n}: SchemaEditorProps) => {\n    const [currentPath, setCurrentPath] = useState<string[]>([]);\n    const [properties, setProperties] = useState<JsonSchemaProperty[]>([]);\n    const [currentSchema, setCurrentSchema] = useState<JsonSchema>(schema);\n    const [isEditMode, setIsEditMode] = useState(editMode ?? false);\n    const [initialSchema, setInitialSchema] = useState<JsonSchema>(schema);\n    const [validationErrors, setValidationErrors] = useState<Record<string, string>>({});\n\n    useEffect(() => {\n        if (!isEditMode) {\n            setCurrentPath([]);\n        }\n    }, [isEditMode]);\n\n    const validatePropertyName = useCallback((name: string, propertyId: string, allProperties: JsonSchemaProperty[]): string | undefined => {\n        if (!name || name.trim() === '') {\n            return 'Property name cannot be empty';\n        }\n\n        const validIdentifierPattern = /^[a-zA-Z_][a-zA-Z0-9_]*$/;\n        if (!validIdentifierPattern.test(name)) {\n            return 'Property name must start with a letter or underscore and contain only letters, numbers, and underscores';\n        }\n\n        const duplicates = allProperties.filter(p => p.name === name && p.id !== propertyId);\n        if (duplicates.length > 0) {\n            return 'Property name must be unique';\n        }\n\n        return undefined;\n    }, []);\n\n    const validateAllProperties = useCallback((properties: JsonSchemaProperty[]) => {\n        const errors: Record<string, string> = {};\n\n        properties.forEach(prop => {\n            if (!prop.name) return;\n            const error = validatePropertyName(prop.name, prop.id!, properties);\n            if (error) {\n                errors[prop.id!] = error;\n            }\n        });\n\n        setValidationErrors(errors);\n        return Object.keys(errors).length === 0;\n    }, [validatePropertyName]);\n\n    useEffect(() => {\n        setCurrentSchema(schema);\n        setInitialSchema(JSON.parse(JSON.stringify(schema)));\n    }, [schema]);\n\n    useEffect(() => {\n        loadPropertiesForCurrentPath();\n    }, [currentPath, currentSchema, isEditMode]);\n\n    const loadPropertiesForCurrentPath = () => {\n        let targetSchema: JsonSchema | JsonSchemaProperty = currentSchema;\n\n        for (const segment of currentPath) {\n            if (targetSchema.type === 'array' && segment === '$items') {\n                targetSchema = targetSchema.items || {};\n            } else if (targetSchema.properties && targetSchema.properties[segment]) {\n                targetSchema = targetSchema.properties[segment] as JsonSchema | JsonSchemaProperty;\n            } else {\n                return;\n            }\n        }\n\n        const schemaProps: JsonSchemaProperty[] = [];\n        if (targetSchema.properties) {\n            let idCounter = 0;\n            for (const [name, property] of Object.entries(targetSchema.properties)) {\n                schemaProps.push({\n                    id: `prop-${currentPath.join('-')}-${idCounter++}`,\n                    name,\n                    type: property.type || 'string',\n                    format: property.format,\n                    description: property.description,\n                    items: property.items,\n                    properties: property.properties,\n                    required: (currentSchema.required as string[] | undefined)?.includes(name) || false\n                });\n            }\n        }\n\n        setProperties(schemaProps);\n        if (isEditMode) {\n            validateAllProperties(schemaProps);\n        }\n    };\n\n    const updateSchemaAtPath = useCallback((path: string[], updater: (schema: JsonSchema) => JsonSchema) => {\n        const newSchema = JSON.parse(JSON.stringify(currentSchema));\n\n        if (path.length === 0) {\n            const updated = updater(newSchema);\n            setCurrentSchema(updated);\n            onChange?.(updated);\n            return;\n        }\n\n        let targetSchema = newSchema;\n        for (let i = 0; i < path.length - 1; i++) {\n            const segment = path[i];\n            if (targetSchema.type === 'array' && segment === '$items') {\n                if (!targetSchema.items) {\n                    targetSchema.items = { type: 'object', properties: {} };\n                }\n                targetSchema = targetSchema.items;\n            } else if (targetSchema.properties && targetSchema.properties[segment]) {\n                targetSchema = targetSchema.properties[segment];\n            }\n        }\n\n        const lastSegment = path[path.length - 1];\n        if (targetSchema.type === 'array' && lastSegment === '$items') {\n            targetSchema.items = updater(targetSchema.items || {});\n        } else {\n            if (!targetSchema.properties) {\n                targetSchema.properties = {};\n            }\n            targetSchema.properties[lastSegment] = updater(targetSchema.properties[lastSegment] || {});\n        }\n\n        setCurrentSchema(newSchema);\n        onChange?.(newSchema);\n    }, [currentSchema, onChange]);\n\n    const addProperty = useCallback(() => {\n        updateSchemaAtPath(currentPath, (schema) => {\n            const newProps = { ...(schema.properties || {}) };\n            let newName = 'newProperty';\n            let counter = 1;\n            while (newProps[newName]) {\n                newName = `newProperty${counter++}`;\n            }\n            newProps[newName] = { type: 'string' };\n            return { ...schema, properties: newProps };\n        });\n    }, [currentPath, updateSchemaAtPath]);\n\n    const removeProperty = useCallback((propertyName: string) => {\n        updateSchemaAtPath(currentPath, (schema) => {\n            const newProps = { ...(schema.properties || {}) };\n            delete newProps[propertyName];\n            return { ...schema, properties: newProps };\n        });\n    }, [currentPath, updateSchemaAtPath]);\n\n    const updateProperty = useCallback((oldName: string, field: keyof JsonSchemaProperty, value: unknown, additionalUpdates?: Partial<JsonSchemaProperty>) => {\n        updateSchemaAtPath(currentPath, (schema) => {\n            const newProps = { ...(schema.properties || {}) };\n            const prop = { ...(newProps[oldName] || {}) };\n\n            if (field === 'name') {\n                if (value !== oldName && !newProps[value as string]) {\n                    newProps[value as string] = prop;\n                    delete newProps[oldName];\n                }\n            } else if (field === 'type') {\n                prop.type = value as string;\n                if (value === 'array') {\n                    prop.items = { type: 'string' };\n                    delete prop.format;\n                } else if (value === 'object') {\n                    prop.properties = {};\n                    delete prop.format;\n                    delete prop.items;\n                } else {\n                    delete prop.items;\n                    delete prop.properties;\n                }\n\n                if (additionalUpdates) {\n                    if ('format' in additionalUpdates) {\n                        if (additionalUpdates.format) {\n                            prop.format = additionalUpdates.format as string;\n                        } else {\n                            delete prop.format;\n                        }\n                    }\n                }\n\n                newProps[oldName] = prop;\n            } else if (field === 'format') {\n                if (value && value !== 'none') {\n                    prop.format = value as string;\n                } else {\n                    delete prop.format;\n                }\n                newProps[oldName] = prop;\n            }\n\n            return { ...schema, properties: newProps };\n        });\n    }, [currentPath, updateSchemaAtPath]);\n\n    const updateArrayItemType = useCallback((propertyName: string, itemType: string) => {\n        updateSchemaAtPath(currentPath, (schema) => {\n            const newProps = { ...(schema.properties || {}) };\n            const prop = { ...(newProps[propertyName] || {}) };\n\n            if (itemType === 'object') {\n                prop.items = { type: 'object', properties: {} };\n            } else if (itemType === 'array') {\n                prop.items = { type: 'array', items: { type: 'string' } };\n            } else {\n                prop.items = { type: itemType };\n            }\n\n            newProps[propertyName] = prop;\n            return { ...schema, properties: newProps };\n        });\n    }, [currentPath, updateSchemaAtPath]);\n\n    const navigateToProperty = useCallback((propertyName: string) => {\n        setCurrentPath([...currentPath, propertyName]);\n    }, [currentPath]);\n\n    const navigateToArrayItems = useCallback((propertyName: string) => {\n        setCurrentPath([...currentPath, propertyName, '$items']);\n    }, [currentPath]);\n\n    const navigateBack = useCallback(() => {\n        if (currentPath.length > 0) {\n            setCurrentPath(currentPath.slice(0, -1));\n        }\n    }, [currentPath]);\n\n    const navigateToBreadcrumb = useCallback((index: number) => {\n        const items = getBreadcrumbItems();\n        setCurrentPath(items[index].path);\n    }, [currentPath, eventTypeName]);\n\n    const handleSave = useCallback(() => {\n        onSave?.();\n        setIsEditMode(false);\n    }, [onSave]);\n\n    const handleCancel = useCallback(() => {\n        setCurrentSchema(JSON.parse(JSON.stringify(initialSchema)));\n        onChange?.(JSON.parse(JSON.stringify(initialSchema)));\n        setIsEditMode(false);\n        onCancel?.();\n    }, [initialSchema, onChange, onCancel]);\n\n    const handleEdit = useCallback(() => {\n        setInitialSchema(JSON.parse(JSON.stringify(currentSchema)));\n        setIsEditMode(true);\n    }, [currentSchema]);\n\n    const getBreadcrumbItems = () => {\n        const items: NavigationItem[] = [{ name: eventTypeName, path: [] }];\n\n        for (let i = 0; i < currentPath.length; i++) {\n            const segment = currentPath[i];\n            if (segment === '$items') {\n                items.push({\n                    name: '[items]',\n                    path: currentPath.slice(0, i + 1)\n                });\n            } else {\n                items.push({\n                    name: segment,\n                    path: currentPath.slice(0, i + 1)\n                });\n            }\n        }\n\n        return items;\n    };\n\n    const getCurrentDescription = useCallback(() => {\n        let targetSchema: JsonSchema | JsonSchemaProperty = currentSchema;\n\n        for (const segment of currentPath) {\n            if (targetSchema.type === 'array' && segment === '$items') {\n                targetSchema = targetSchema.items || {};\n            } else if (targetSchema.properties && targetSchema.properties[segment]) {\n                targetSchema = targetSchema.properties[segment] as JsonSchema | JsonSchemaProperty;\n            } else {\n                return undefined;\n            }\n        }\n\n        return targetSchema.description;\n    }, [currentSchema, currentPath]);\n\n    const hasValidationErrors = Object.keys(validationErrors).length > 0;\n\n    const menuItems = useMemo(() => [\n        ...(!isEditMode ? [{\n            label: 'Edit',\n            icon: <faIcons.FaPencil className='mr-2' />,\n            command: canEdit ? handleEdit : undefined,\n            className: !canEdit ? 'edit-disabled-with-reason' : undefined,\n            template: !canEdit && canNotEditReason ? (item: MenuItem) => (\n                <div\n                    className=\"p-menuitem-link p-disabled\"\n                    data-pr-tooltip={canNotEditReason}\n                    data-pr-position=\"bottom\"\n                    style={{ cursor: 'not-allowed', opacity: 0.6 }}\n                >\n                    {item.icon}\n                    <span className=\"p-menuitem-text\">{item.label}</span>\n                </div>\n            ) : undefined\n        }] : []),\n        ...(isEditMode ? [\n            ...(!saveDisabled ? [{\n                label: 'Save',\n                icon: <faIcons.FaCheck className='mr-2' />,\n                command: hasValidationErrors ? undefined : handleSave,\n                disabled: hasValidationErrors\n            }] : []),\n            ...(!cancelDisabled ? [{\n                label: 'Cancel',\n                icon: <faIcons.FaXmark className='mr-2' />,\n                command: handleCancel\n            }] : []),\n            {\n                label: 'Add Property',\n                icon: <faIcons.FaPlus className='mr-2' />,\n                command: addProperty\n            }\n        ] : [])\n    ], [isEditMode, handleSave, handleCancel, handleEdit, addProperty, canEdit, canNotEditReason, hasValidationErrors, saveDisabled, cancelDisabled]);\n\n    const breadcrumbItems = getBreadcrumbItems();\n    const isAtRoot = currentPath.length === 0;\n    const currentDescription = getCurrentDescription();\n\n    return (\n        <div className=\"schema-editor\" style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n            <div className=\"px-4 py-4\">\n                <Tooltip target=\"[data-pr-tooltip]\" />\n                <div className=\"schema-editor-menubar\">\n                    <Menubar aria-label=\"Actions\" model={menuItems} />\n                </div>\n            </div>\n\n            <div className=\"px-4 py-2 border-bottom-1 surface-border\">\n                <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                    <Button\n                        icon={<faIcons.FaArrowLeft />}\n                        className=\"p-button-text p-button-sm\"\n                        onClick={navigateBack}\n                        disabled={isAtRoot}\n                        tooltip=\"Navigate back\"\n                        tooltipOptions={{ position: 'top' }}\n                    />\n                    <div style={{ fontSize: '0.9rem', color: 'var(--text-color-secondary)', cursor: 'pointer' }}>\n                        {breadcrumbItems.map((item, index) => (\n                            <span key={index}>\n                                {index > 0 && <span className=\"mx-2\">&gt;</span>}\n                                <span\n                                    onClick={() => navigateToBreadcrumb(index)}\n                                    style={{ cursor: 'pointer', textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none' }}\n                                >\n                                    {item.name}\n                                </span>\n                            </span>\n                        ))}\n                    </div>\n                </div>\n                {currentDescription && (\n                    <div style={{ fontSize: '0.875rem', color: 'var(--text-color-secondary)', marginTop: '0.5rem', marginLeft: '2.5rem', fontStyle: 'italic', display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                        <faIcons.FaCircleInfo />\n                        <span>{currentDescription}</span>\n                    </div>\n                )}\n            </div>\n\n            <div style={{ flex: 1, overflow: 'auto', padding: '1rem' }}>\n                <Tooltip key={`nav-${eventTypeName}-${currentPath.join('/')}`} target=\".schema-navigation-tooltip\" mouseTrack mouseTrackTop={15} />\n                <Tooltip key={`desc-${eventTypeName}-${currentPath.join('/')}`} target=\".schema-description-tooltip\" />\n                <DataTable\n                    key={`${isEditMode}-${currentPath.join('/')}`}\n                    value={properties}\n                    dataKey=\"id\"\n                    emptyMessage=\"No properties defined\"\n                    rowClassName={(rowData: JsonSchemaProperty) => {\n                        if (!isEditMode && (rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object'))) {\n                            return css.navigableRow;\n                        }\n                        return '';\n                    }}\n                    onRowClick={(e) => {\n                        if (!isEditMode) {\n                            const rowData = e.data as JsonSchemaProperty;\n                            if (rowData.name) {\n                                if (rowData.type === 'object') {\n                                    navigateToProperty(rowData.name);\n                                } else if (rowData.type === 'array' && rowData.items?.type === 'object') {\n                                    navigateToArrayItems(rowData.name);\n                                }\n                            }\n                        }\n                    }}\n                    pt={{\n                        root: { style: { border: 'none' } },\n                        tbody: { style: { borderTop: '1px solid var(--surface-border)' } }\n                    }}\n                >\n                    <Column\n                        field=\"name\"\n                        header=\"Property\"\n                        body={(rowData: JsonSchemaProperty) => (\n                            <NameCell\n                                rowData={rowData}\n                                isEditMode={isEditMode}\n                                onUpdate={updateProperty}\n                                validationError={validationErrors[rowData.id!]}\n                            />\n                        )}\n                        style={{ width: '30%' }}\n                    />\n                    <Column\n                        header=\"Type\"\n                        body={(rowData: JsonSchemaProperty) => (\n                            <TypeCell\n                                rowData={rowData}\n                                isEditMode={isEditMode}\n                                typeFormats={typeFormats}\n                                onUpdateProperty={updateProperty}\n                                onUpdateArrayItemType={updateArrayItemType}\n                                onNavigateToProperty={navigateToProperty}\n                                onNavigateToArrayItems={navigateToArrayItems}\n                                onRemoveProperty={removeProperty}\n                            />\n                        )}\n                        style={{ width: '70%' }}\n                    />\n                </DataTable>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/SchemaEditor/SchemaEditor.module.css

@@ -0,0 +1,11 @@
+/* Copyright (c) Cratis. All rights reserved.
+   Licensed under the MIT license. See LICENSE file in the project root for full license information. */
+
+.navigableRow {
+    cursor: pointer;
+    transition: background-color 0.15s;
+}
+
+.navigableRow:hover {
+    background-color: var(--surface-hover) !important;
+}

package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SchemaEditor } from './SchemaEditor';
+declare const meta: Meta<typeof SchemaEditor>;
+export default meta;
+type Story = StoryObj<typeof SchemaEditor>;
+export declare const Interactive: Story;
+export declare const ViewMode: Story;
+export declare const EditMode: Story;
+export declare const ReadOnly: Story;
+export declare const EmptySchema: Story;
+export declare const SimpleSchema: Story;
+//# sourceMappingURL=SchemaEditor.stories.d.ts.map

package/dist/esm/SchemaEditor/SchemaEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEditor.stories.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/SchemaEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAwF3C,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAOF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAoBF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}

package/dist/esm/SchemaEditor/SchemaEditor.stories.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SchemaEditor } from './SchemaEditor';
+const meta = {
+    title: 'Components/SchemaEditor',
+    component: SchemaEditor,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+const sampleSchema = {
+    type: 'object',
+    properties: {
+        id: {
+            type: 'string',
+            format: 'guid',
+            description: 'Unique identifier'
+        },
+        name: {
+            type: 'string',
+            description: 'Name of the entity'
+        },
+        email: {
+            type: 'string',
+            description: 'Email address'
+        },
+        age: {
+            type: 'integer',
+            format: 'int32',
+            description: 'Age in years'
+        },
+        isActive: {
+            type: 'boolean',
+            description: 'Whether the entity is active'
+        },
+        address: {
+            type: 'object',
+            description: 'Address information',
+            properties: {
+                street: {
+                    type: 'string',
+                    description: 'Street address'
+                },
+                city: {
+                    type: 'string',
+                    description: 'City name'
+                },
+                zipCode: {
+                    type: 'string',
+                    description: 'ZIP/Postal code'
+                },
+                country: {
+                    type: 'string',
+                    description: 'Country name'
+                }
+            }
+        },
+        tags: {
+            type: 'array',
+            description: 'Tags associated with the entity',
+            items: { type: 'string' }
+        },
+        metadata: {
+            type: 'array',
+            description: 'Metadata entries',
+            items: {
+                type: 'object',
+                properties: {
+                    key: { type: 'string' },
+                    value: { type: 'string' }
+                }
+            }
+        }
+    }
+};
+const InteractiveWrapper = () => {
+    const [schema, setSchema] = useState(JSON.parse(JSON.stringify(sampleSchema)));
+    return (_jsx("div", { style: { height: '600px', background: 'var(--surface-ground)' }, children: _jsx(SchemaEditor, { schema: schema, eventTypeName: "User", canEdit: true, onChange: (newSchema) => {
+                setSchema(newSchema);
+                console.log('Schema changed:', newSchema);
+            }, onSave: () => console.log('Save clicked', schema), onCancel: () => console.log('Cancel clicked') }) }));
+};
+export const Interactive = {
+    render: () => _jsx(InteractiveWrapper, {}),
+};
+export const ViewMode = {
+    args: {
+        schema: sampleSchema,
+        eventTypeName: 'User',
+        canEdit: true,
+        onChange: () => console.log('Schema changed'),
+        onSave: () => console.log('Save clicked'),
+        onCancel: () => console.log('Cancel clicked'),
+    },
+};
+export const EditMode = {
+    args: {
+        schema: sampleSchema,
+        eventTypeName: 'User',
+        canEdit: true,
+        editMode: true,
+        onChange: () => console.log('Schema changed'),
+        onSave: () => console.log('Save clicked'),
+        onCancel: () => console.log('Cancel clicked'),
+    },
+};
+export const ReadOnly = {
+    args: {
+        schema: sampleSchema,
+        eventTypeName: 'User',
+        canEdit: false,
+        canNotEditReason: 'Schema is locked for editing',
+        onChange: () => console.log('Schema changed'),
+    },
+};
+const emptySchema = {
+    type: 'object',
+    properties: {}
+};
+export const EmptySchema = {
+    args: {
+        schema: emptySchema,
+        eventTypeName: 'NewType',
+        canEdit: true,
+        editMode: true,
+        onChange: () => console.log('Schema changed'),
+        onSave: () => console.log('Save clicked'),
+        onCancel: () => console.log('Cancel clicked'),
+    },
+};
+const simpleSchema = {
+    type: 'object',
+    properties: {
+        title: {
+            type: 'string',
+            description: 'The title'
+        },
+        count: {
+            type: 'integer',
+            description: 'A count value'
+        },
+        enabled: {
+            type: 'boolean',
+            description: 'Whether enabled'
+        }
+    }
+};
+export const SimpleSchema = {
+    args: {
+        schema: simpleSchema,
+        eventTypeName: 'SimpleType',
+        canEdit: true,
+        onChange: () => console.log('Schema changed'),
+    },
+};
+//# sourceMappingURL=SchemaEditor.stories.js.map

package/dist/esm/SchemaEditor/SchemaEditor.stories.js.map

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

package/dist/esm/SchemaEditor/TypeCell.d.ts

@@ -0,0 +1,14 @@
+import { TypeFormat } from '../types/TypeFormat';
+import { JsonSchemaProperty } from '../types/JsonSchema';
+export interface TypeCellProps {
+    rowData: JsonSchemaProperty;
+    isEditMode: boolean;
+    typeFormats: TypeFormat[];
+    onUpdateProperty: (oldName: string, field: keyof JsonSchemaProperty, value: unknown, additionalUpdates?: Partial<JsonSchemaProperty>) => void;
+    onUpdateArrayItemType: (propertyName: string, itemType: string) => void;
+    onNavigateToProperty: (propertyName: string) => void;
+    onNavigateToArrayItems: (propertyName: string) => void;
+    onRemoveProperty: (propertyName: string) => void;
+}
+export declare const TypeCell: ({ rowData, isEditMode, typeFormats, onUpdateProperty, onUpdateArrayItemType, onNavigateToProperty, onNavigateToArrayItems, onRemoveProperty }: TypeCellProps) => string | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TypeCell.d.ts.map

package/dist/esm/SchemaEditor/TypeCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeCell.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/TypeCell.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IAC9I,qBAAqB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,oBAAoB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAOD,eAAO,MAAM,QAAQ,GAAI,+IAStB,aAAa,qDAmJf,CAAC"}