@cratis/components 0.1.19 → 1.0.4

package/dist/esm/ObjectContentEditor/ObjectContentEditor.stories.js

@@ -0,0 +1,144 @@
+import { ObjectContentEditor } from './ObjectContentEditor';
+const meta = {
+    title: 'Components/ObjectContentEditor',
+    component: ObjectContentEditor,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+const userSchema = {
+    type: 'object',
+    properties: {
+        id: {
+            type: 'string',
+            format: 'guid',
+            description: 'Unique identifier for the user'
+        },
+        name: {
+            type: 'string',
+            description: 'Full name of the user'
+        },
+        email: {
+            type: 'string',
+            format: 'email',
+            description: 'Email address'
+        },
+        age: {
+            type: 'integer',
+            description: 'User age in years'
+        },
+        isActive: {
+            type: 'boolean',
+            description: 'Whether the user account is active'
+        },
+        address: {
+            type: 'object',
+            description: 'User address information',
+            properties: {
+                street: { type: 'string' },
+                city: { type: 'string' },
+                zipCode: { type: 'string' },
+                country: { type: 'string' }
+            }
+        },
+        tags: {
+            type: 'array',
+            description: 'User tags',
+            items: { type: 'string' }
+        },
+        orders: {
+            type: 'array',
+            description: 'User orders',
+            items: {
+                type: 'object',
+                properties: {
+                    orderId: { type: 'string' },
+                    total: { type: 'number' },
+                    date: { type: 'string', format: 'date-time' }
+                }
+            }
+        }
+    }
+};
+const sampleUser = {
+    id: '123e4567-e89b-12d3-a456-426614174000',
+    name: 'John Doe',
+    email: 'john.doe@example.com',
+    age: 30,
+    isActive: true,
+    address: {
+        street: '123 Main St',
+        city: 'New York',
+        zipCode: '10001',
+        country: 'USA'
+    },
+    tags: ['premium', 'verified', 'newsletter'],
+    orders: [
+        {
+            orderId: 'ORD-001',
+            total: 99.99,
+            date: '2024-01-15T10:30:00Z'
+        },
+        {
+            orderId: 'ORD-002',
+            total: 149.99,
+            date: '2024-02-20T14:45:00Z'
+        }
+    ]
+};
+export const Default = {
+    args: {
+        object: sampleUser,
+        schema: userSchema,
+    },
+};
+export const WithTimestamp = {
+    args: {
+        object: sampleUser,
+        schema: userSchema,
+        timestamp: new Date('2024-02-21T12:00:00Z'),
+    },
+};
+const simpleObject = {
+    title: 'Simple Object',
+    count: 42,
+    enabled: true,
+    value: 3.14
+};
+const simpleSchema = {
+    type: 'object',
+    properties: {
+        title: { type: 'string', description: 'The title' },
+        count: { type: 'integer', description: 'A count value' },
+        enabled: { type: 'boolean', description: 'Whether enabled' },
+        value: { type: 'number', description: 'A numeric value' }
+    }
+};
+export const SimpleObject = {
+    args: {
+        object: simpleObject,
+        schema: simpleSchema,
+    },
+};
+const arrayData = {
+    items: ['apple', 'banana', 'orange', 'grape']
+};
+const arraySchema = {
+    type: 'object',
+    properties: {
+        items: {
+            type: 'array',
+            description: 'List of fruits',
+            items: { type: 'string' }
+        }
+    }
+};
+export const WithArray = {
+    args: {
+        object: arrayData,
+        schema: arraySchema,
+    },
+};
+//# sourceMappingURL=ObjectContentEditor.stories.js.map

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

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

package/dist/esm/ObjectContentEditor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ObjectContentEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/ObjectContentEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ObjectContentEditor/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC"}

package/dist/esm/ObjectContentEditor/index.js

@@ -0,0 +1,2 @@
+export { ObjectContentEditor } from './ObjectContentEditor.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/ObjectContentEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts

@@ -0,0 +1,6 @@
+export interface ObjectNavigationalBarProps {
+    navigationPath: string[];
+    onNavigate: (index: number) => void;
+}
+export declare function ObjectNavigationalBar({ navigationPath, onNavigate }: ObjectNavigationalBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjectNavigationalBar.d.ts.map

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectNavigationalBar.d.ts","sourceRoot":"","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,0BAA0B;IACvC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,0BAA0B,2CA0C/F"}

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Button } from 'primereact/button';
+import * as faIcons from 'react-icons/fa6';
+
+function ObjectNavigationalBar({ navigationPath, onNavigate }) {
+    const breadcrumbItems = useMemo(() => {
+        const items = [{ name: 'Root', index: 0 }];
+        for (let i = 0; i < navigationPath.length; i++) {
+            items.push({
+                name: navigationPath[i],
+                index: i + 1
+            });
+        }
+        return items;
+    }, [navigationPath]);
+    return (jsx("div", { className: "px-4 py-2 mb-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: () => onNavigate(navigationPath.length - 1), tooltip: "Navigate back", tooltipOptions: { position: 'top' }, disabled: navigationPath.length === 0 }), jsx("div", { style: { fontSize: '0.9rem', color: 'var(--text-color-secondary)' }, children: breadcrumbItems.map((item, index) => (jsxs("span", { children: [index > 0 && jsx("span", { className: "mx-2", children: ">" }), jsx("span", { onClick: () => onNavigate(item.index), style: {
+                                    cursor: 'pointer',
+                                    textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none'
+                                }, children: item.name })] }, index))) })] }) }));
+}
+
+export { ObjectNavigationalBar };
+//# sourceMappingURL=ObjectNavigationalBar.js.map

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectNavigationalBar.js","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.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 { useMemo } from 'react';\nimport { Button } from 'primereact/button';\nimport * as faIcons from 'react-icons/fa6';\n\nexport interface ObjectNavigationalBarProps {\n    navigationPath: string[];\n    onNavigate: (index: number) => void;\n}\n\nexport function ObjectNavigationalBar({ navigationPath, onNavigate }: ObjectNavigationalBarProps) {\n    const breadcrumbItems = useMemo(() => {\n        const items: { name: string; index: number }[] = [{ name: 'Root', index: 0 }];\n        for (let i = 0; i < navigationPath.length; i++) {\n            items.push({\n                name: navigationPath[i],\n                index: i + 1\n            });\n        }\n        return items;\n    }, [navigationPath]);\n\n    return (\n        <div className=\"px-4 py-2 mb-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={() => onNavigate(navigationPath.length - 1)}\n                    tooltip=\"Navigate back\"\n                    tooltipOptions={{ position: 'top' }}\n                    disabled={navigationPath.length === 0}\n                />\n                <div style={{ fontSize: '0.9rem', color: 'var(--text-color-secondary)' }}>\n                    {breadcrumbItems.map((item, index) => (\n                        <span key={index}>\n                            {index > 0 && <span className=\"mx-2\">&gt;</span>}\n                            <span\n                                onClick={() => onNavigate(item.index)}\n                                style={{\n                                    cursor: 'pointer',\n                                    textDecoration: index < breadcrumbItems.length - 1 ? 'underline' : 'none'\n                                }}\n                            >\n                                {item.name}\n                            </span>\n                        </span>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;SAYgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,UAAU,EAA8B,EAAA;AAC5F,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,MAAM,KAAK,GAAsC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC7E,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC5C,KAAK,CAAC,IAAI,CAAC;AACP,gBAAA,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;gBACvB,KAAK,EAAE,CAAC,GAAG;AACd,aAAA,CAAC;QACN;AACA,QAAA,OAAO,KAAK;AAChB,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAC1DC,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChED,GAAA,CAAC,MAAM,EAAA,EACH,IAAI,EAAEA,GAAA,CAAC,OAAO,CAAC,WAAW,EAAA,EAAA,CAAG,EAC7B,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,MAAM,UAAU,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,EACpD,OAAO,EAAC,eAAe,EACvB,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnC,QAAQ,EAAE,cAAc,CAAC,MAAM,KAAK,CAAC,EAAA,CACvC,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAA,QAAA,EACnE,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BC,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CACK,KAAK,GAAG,CAAC,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAAY,EAChDA,GAAA,CAAA,MAAA,EAAA,EACI,OAAO,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EACrC,KAAK,EAAE;AACH,oCAAA,MAAM,EAAE,SAAS;AACjB,oCAAA,cAAc,EAAE,KAAK,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG;AACtE,iCAAA,EAAA,QAAA,EAEA,IAAI,CAAC,IAAI,EAAA,CACP,CAAA,EAAA,EAVA,KAAK,CAWT,CACV,CAAC,EAAA,CACA,CAAA,EAAA,CACJ,EAAA,CACJ;AAEd;;;;"}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ObjectNavigationalBar } from './ObjectNavigationalBar';
+declare const meta: Meta<typeof ObjectNavigationalBar>;
+export default meta;
+type Story = StoryObj<typeof ObjectNavigationalBar>;
+export declare const Interactive: Story;
+export declare const AtRoot: Story;
+export declare const SingleLevel: Story;
+export declare const DeepPath: Story;
+//# sourceMappingURL=ObjectNavigationalBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectNavigationalBar.stories.d.ts","sourceRoot":"","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAO5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AA2BpD,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.stories.js

@@ -0,0 +1,46 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ObjectNavigationalBar } from './ObjectNavigationalBar';
+const meta = {
+    title: 'Components/ObjectNavigationalBar',
+    component: ObjectNavigationalBar,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+const InteractiveWrapper = () => {
+    const [navigationPath, setNavigationPath] = useState(['users', '0', 'address']);
+    const handleNavigate = (index) => {
+        if (index === 0) {
+            setNavigationPath([]);
+        }
+        else {
+            setNavigationPath(navigationPath.slice(0, index));
+        }
+    };
+    return (_jsxs("div", { style: { padding: '1rem', background: 'var(--surface-ground)', minHeight: '200px' }, children: [_jsxs("h3", { children: ["Current Path: ", navigationPath.length > 0 ? navigationPath.join(' > ') : 'Root'] }), _jsx(ObjectNavigationalBar, { navigationPath: navigationPath, onNavigate: handleNavigate }), _jsx("div", { style: { marginTop: '2rem' }, children: _jsx("p", { children: "Click on breadcrumb items to navigate, or use the back button." }) })] }));
+};
+export const Interactive = {
+    render: () => _jsx(InteractiveWrapper, {}),
+};
+export const AtRoot = {
+    args: {
+        navigationPath: [],
+        onNavigate: (index) => console.log('Navigate to', index),
+    },
+};
+export const SingleLevel = {
+    args: {
+        navigationPath: ['users'],
+        onNavigate: (index) => console.log('Navigate to', index),
+    },
+};
+export const DeepPath = {
+    args: {
+        navigationPath: ['users', '0', 'address', 'city'],
+        onNavigate: (index) => console.log('Navigate to', index),
+    },
+};
+//# sourceMappingURL=ObjectNavigationalBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectNavigationalBar.stories.js","sourceRoot":"","sources":["../../../ObjectNavigationalBar/ObjectNavigationalBar.stories.tsx"],"names":[],"mappings":";AAGA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,IAAI,GAAuC;IAC7C,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,qBAAqB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1F,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YACd,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACJ,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QACtD,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,uBAAuB,EAAE,SAAS,EAAE,OAAO,EAAE,aACpF,2CAAmB,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,IAAM,EACxF,KAAC,qBAAqB,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,cAAc,GAC5B,EACF,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC7B,yFAAqE,GACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,cAAc,EAAE,EAAE;QAClB,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC;KACnE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,cAAc,EAAE,CAAC,OAAO,CAAC;QACzB,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC;KACnE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC;QACjD,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC;KACnE;CACJ,CAAC"}

package/dist/esm/ObjectNavigationalBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ObjectNavigationalBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/ObjectNavigationalBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ObjectNavigationalBar/index.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC"}

package/dist/esm/ObjectNavigationalBar/index.js

@@ -0,0 +1,2 @@
+export { ObjectNavigationalBar } from './ObjectNavigationalBar.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/ObjectNavigationalBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+import { JsonSchemaProperty } from '../types/JsonSchema';
+export interface NameCellProps {
+    rowData: JsonSchemaProperty;
+    isEditMode: boolean;
+    onUpdate: (oldName: string, field: keyof JsonSchemaProperty, value: unknown) => void;
+    validationError?: string;
+}
+export declare const NameCell: ({ rowData, isEditMode, onUpdate, validationError }: NameCellProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NameCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NameCell.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/NameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACrF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,GAAI,oDAAoD,aAAa,4CAqCzF,CAAC"}

package/dist/esm/SchemaEditor/NameCell.js

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { InputText } from 'primereact/inputtext';
+import * as faIcons from 'react-icons/fa6';
+
+const NameCell = ({ rowData, isEditMode, onUpdate, validationError }) => {
+    if (!isEditMode) {
+        const isNavigable = rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object');
+        const navigationTooltipText = rowData.type === 'object'
+            ? 'Click to navigate to object properties'
+            : 'Click to navigate to item definition';
+        return (jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '0.5rem' }, children: [jsx("span", { className: isNavigable ? 'schema-navigation-tooltip' : undefined, "data-pr-tooltip": isNavigable ? navigationTooltipText : undefined, "data-pr-position": "top", children: rowData.name }), rowData.description && (jsx(faIcons.FaCircleInfo, { className: "schema-description-tooltip", style: { color: 'var(--text-color-secondary)', fontSize: '0.875rem' }, "data-pr-tooltip": rowData.description, "data-pr-position": "right" }))] }));
+    }
+    return (jsx(InputText, { value: rowData.name || '', onChange: (e) => onUpdate(rowData.name || '', 'name', e.target.value), className: `w-full ${validationError ? 'p-invalid' : ''}`, "data-pr-tooltip": validationError, "data-pr-position": "top" }));
+};
+
+export { NameCell };
+//# sourceMappingURL=NameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NameCell.js","sources":["../../../SchemaEditor/NameCell.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 { InputText } from 'primereact/inputtext';\nimport * as faIcons from 'react-icons/fa6';\nimport { JsonSchemaProperty } from '../types/JsonSchema';\n\nexport interface NameCellProps {\n    rowData: JsonSchemaProperty;\n    isEditMode: boolean;\n    onUpdate: (oldName: string, field: keyof JsonSchemaProperty, value: unknown) => void;\n    validationError?: string;\n}\n\nexport const NameCell = ({ rowData, isEditMode, onUpdate, validationError }: NameCellProps) => {\n    if (!isEditMode) {\n        const isNavigable = rowData.type === 'object' || (rowData.type === 'array' && rowData.items?.type === 'object');\n        const navigationTooltipText = rowData.type === 'object'\n            ? 'Click to navigate to object properties'\n            : 'Click to navigate to item definition';\n\n        return (\n            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>\n                <span\n                    className={isNavigable ? 'schema-navigation-tooltip' : undefined}\n                    data-pr-tooltip={isNavigable ? navigationTooltipText : undefined}\n                    data-pr-position=\"top\"\n                >\n                    {rowData.name}\n                </span>\n                {rowData.description && (\n                    <faIcons.FaCircleInfo\n                        className=\"schema-description-tooltip\"\n                        style={{ color: 'var(--text-color-secondary)', fontSize: '0.875rem' }}\n                        data-pr-tooltip={rowData.description}\n                        data-pr-position=\"right\"\n                    />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <InputText\n            value={rowData.name || ''}\n            onChange={(e) => onUpdate(rowData.name || '', 'name', e.target.value)}\n            className={`w-full ${validationError ? 'p-invalid' : ''}`}\n            data-pr-tooltip={validationError}\n            data-pr-position=\"top\"\n        />\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAcO,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAiB,KAAI;IAC1F,IAAI,CAAC,UAAU,EAAE;QACb,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,KAAK,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,KAAK,QAAQ,CAAC;AAC/G,QAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,KAAK;AAC3C,cAAE;cACA,sCAAsC;AAE5C,QAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChEC,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,WAAW,GAAG,2BAA2B,GAAG,SAAS,EAAA,iBAAA,EAC/C,WAAW,GAAG,qBAAqB,GAAG,SAAS,EAAA,kBAAA,EAC/C,KAAK,EAAA,QAAA,EAErB,OAAO,CAAC,IAAI,GACV,EACN,OAAO,CAAC,WAAW,KAChBA,GAAA,CAAC,OAAO,CAAC,YAAY,IACjB,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAA,iBAAA,EACpD,OAAO,CAAC,WAAW,EAAA,kBAAA,EACnB,OAAO,GAC1B,CACL,CAAA,EAAA,CACC;IAEd;IAEA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrE,SAAS,EAAE,CAAA,OAAA,EAAU,eAAe,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EAAA,iBAAA,EACxC,eAAe,EAAA,kBAAA,EACf,KAAK,EAAA,CACxB;AAEV;;;;"}

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

@@ -0,0 +1,17 @@
+import { JsonSchema } from '../types/JsonSchema';
+import { TypeFormat } from '../types/TypeFormat';
+export interface SchemaEditorProps {
+    schema: JsonSchema;
+    eventTypeName?: string;
+    canEdit?: boolean;
+    canNotEditReason?: string;
+    onChange?: (schema: JsonSchema) => void;
+    onSave?: () => void;
+    onCancel?: () => void;
+    editMode?: boolean;
+    saveDisabled?: boolean;
+    cancelDisabled?: boolean;
+    typeFormats?: TypeFormat[];
+}
+export declare const SchemaEditor: ({ schema, eventTypeName, canEdit, canNotEditReason, onChange, onSave, onCancel, editMode, saveDisabled, cancelDisabled, typeFormats }: SchemaEditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SchemaEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEditor.d.ts","sourceRoot":"","sources":["../../../SchemaEditor/SchemaEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAsC,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,UAAU,EAAwB,MAAM,qBAAqB,CAAC;AAIvE,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,GAAI,uIAY1B,iBAAiB,4CAsbnB,CAAC"}