@cratis/components 0.1.19 → 1.0.3

package/dist/esm/Dialogs/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../Dialogs/Dialog.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 { Dialog as PrimeDialog } from 'primereact/dialog';\nimport { Button } from 'primereact/button';\nimport { DialogResult, DialogButtons, useDialogContext } from '@cratis/arc.react/dialogs';\nimport { ReactNode } from 'react';\n\nexport type CloseDialog = (result: DialogResult) => boolean | void | Promise<boolean> | Promise<void>;\nexport type ConfirmCallback = () => boolean | void | Promise<boolean> | Promise<void>;\nexport type CancelCallback = () => boolean | void | Promise<boolean> | Promise<void>;\n\nexport interface DialogProps {\n    title: string;\n    visible?: boolean;\n    onClose?: CloseDialog;\n    onConfirm?: ConfirmCallback;\n    onCancel?: CancelCallback;\n    buttons?: DialogButtons | ReactNode;\n    children: ReactNode;\n    width?: string;\n    resizable?: boolean;\n    isValid?: boolean;\n    okLabel?: string;\n    cancelLabel?: string;\n    yesLabel?: string;\n    noLabel?: string;\n}\n\nexport const Dialog = ({ \n    title, \n    visible = true, \n    onClose, \n    onConfirm,\n    onCancel,\n    buttons = DialogButtons.OkCancel, \n    children, \n    width = '450px', \n    resizable = false, \n    isValid,\n    okLabel = 'Ok',\n    cancelLabel = 'Cancel',\n    yesLabel = 'Yes',\n    noLabel = 'No'\n}: DialogProps) => {\n    // Try to get dialog context, but allow it to be undefined for standalone usage\n    let contextCloseDialog: ((result: DialogResult) => void) | undefined;\n    try {\n        const context = useDialogContext();\n        contextCloseDialog = context?.closeDialog;\n    } catch {\n        // No context available - dialog is being used standalone\n        contextCloseDialog = undefined;\n    }\n    \n    const isDialogValid = isValid !== false;\n    const headerElement = (\n        <div className=\"inline-flex align-items-center justify-content-center gap-2\">\n            <span className=\"font-bold white-space-nowrap\">{title}</span>\n        </div>\n    );\n\n    const handleClose = async (result: DialogResult) => {\n        // Use new onConfirm/onCancel callbacks if provided, otherwise fall back to onClose\n        let closeResult: boolean | void | Promise<boolean> | Promise<void> = true;\n        \n        if (result === DialogResult.Ok || result === DialogResult.Yes) {\n            if (onConfirm) {\n                closeResult = await onConfirm();\n            } else if (onClose) {\n                closeResult = await onClose(result);\n            }\n        } else {\n            if (onCancel) {\n                closeResult = await onCancel();\n            } else if (onClose) {\n                closeResult = await onClose(result);\n            }\n        }\n        \n        if (closeResult !== false) {\n            contextCloseDialog?.(result);\n        }\n    };\n\n    const okFooter = (\n        <>\n            <Button label={okLabel} icon=\"pi pi-check\" onClick={() => handleClose(DialogResult.Ok)} disabled={!isDialogValid} autoFocus />\n        </>\n    );\n\n    const okCancelFooter = (\n        <>\n            <Button label={okLabel} icon=\"pi pi-check\" onClick={() => handleClose(DialogResult.Ok)} disabled={!isDialogValid} autoFocus />\n            <Button label={cancelLabel} icon=\"pi pi-times\" outlined onClick={() => handleClose(DialogResult.Cancelled)} />\n        </>\n    );\n\n    const yesNoFooter = (\n        <>\n            <Button label={yesLabel} icon=\"pi pi-check\" onClick={() => handleClose(DialogResult.Yes)} disabled={!isDialogValid} autoFocus />\n            <Button label={noLabel} icon=\"pi pi-times\" outlined onClick={() => handleClose(DialogResult.No)} />\n        </>\n    );\n\n    const yesNoCancelFooter = (\n        <>\n            <Button label={yesLabel} icon=\"pi pi-check\" onClick={() => handleClose(DialogResult.Yes)} disabled={!isDialogValid} autoFocus />\n            <Button label={noLabel} icon=\"pi pi-times\" outlined onClick={() => handleClose(DialogResult.No)} />\n            <Button label={cancelLabel} icon=\"pi pi-times\" outlined onClick={() => handleClose(DialogResult.Cancelled)} />\n        </>\n    );\n\n    const getFooterInterior = () => {\n        // If buttons is a ReactNode (custom buttons), use it directly\n        if (typeof buttons !== 'number') {\n            return buttons;\n        }\n\n        // Otherwise, use predefined buttons based on DialogButtons enum\n        switch (buttons) {\n            case DialogButtons.Ok:\n                return okFooter;\n            case DialogButtons.OkCancel:\n                return okCancelFooter;\n            case DialogButtons.YesNo:\n                return yesNoFooter;\n            case DialogButtons.YesNoCancel:\n                return yesNoCancelFooter;\n        }\n\n        return (<></>);\n    };\n\n    const footer = (\n        <div className=\"flex flex-wrap justify-content-start gap-3\">\n            {getFooterInterior()}\n        </div>\n    );\n\n    return (\n        <PrimeDialog\n            header={headerElement}\n            modal\n            footer={footer}\n            // eslint-disable-next-line @typescript-eslint/no-empty-function\n            onHide={typeof buttons === 'number' ? () => handleClose(DialogResult.Cancelled) : () => {}}\n            visible={visible}\n            style={{ width }}\n            resizable={resizable}\n            closable={typeof buttons === 'number'}>\n            {children}\n        </PrimeDialog>\n    );\n};\n"],"names":["_jsx","_Fragment","_jsxs","PrimeDialog"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
-export * from './ConfirmationDialog';
 export * from './BusyIndicatorDialog';
+export * from './ConfirmationDialog';
+export * from './Dialog';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Dialogs/index.ts"],"names":[],"mappings":"AAGA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Dialogs/index.ts"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}

package/dist/esm/Dialogs/index.js

@@ -1,3 +1,4 @@
-export { ConfirmationDialog } from './ConfirmationDialog.js';
 export { BusyIndicatorDialog } from './BusyIndicatorDialog.js';
+export { ConfirmationDialog } from './ConfirmationDialog.js';
+export { Dialog } from './Dialog.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { Json, JsonSchema } from '../types/JsonSchema';
+export interface ObjectContentEditorProps {
+    object: Json;
+    timestamp?: Date;
+    schema: JsonSchema;
+}
+export declare const ObjectContentEditor: ({ object, timestamp, schema }: ObjectContentEditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjectContentEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectContentEditor.d.ts","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAsB,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,wBAAwB;IACrC,MAAM,EAAE,IAAI,CAAC;IACb,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,+BAA+B,wBAAwB,4CAqO1F,CAAC"}

package/dist/esm/ObjectContentEditor/ObjectContentEditor.js

@@ -0,0 +1,135 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Tooltip } from 'primereact/tooltip';
+import React, { useState, useCallback, useMemo } from 'react';
+import * as faIcons from 'react-icons/fa6';
+import { ObjectNavigationalBar } from '../ObjectNavigationalBar/ObjectNavigationalBar.js';
+
+const ObjectContentEditor = ({ object, timestamp, schema }) => {
+    const [navigationPath, setNavigationPath] = useState([]);
+    const getValueAtPath = useCallback((data, path) => {
+        let current = data;
+        for (const segment of path) {
+            if (current === null || current === undefined)
+                return null;
+            if (typeof current === 'object' && !Array.isArray(current) && current !== null) {
+                current = current[segment];
+            }
+            else {
+                return null;
+            }
+        }
+        return current;
+    }, []);
+    const navigateToProperty = useCallback((key) => {
+        setNavigationPath([...navigationPath, key]);
+    }, [navigationPath]);
+    const navigateToBreadcrumb = useCallback((index) => {
+        if (index === 0) {
+            setNavigationPath([]);
+        }
+        else {
+            setNavigationPath(navigationPath.slice(0, index));
+        }
+    }, [navigationPath]);
+    const currentData = useMemo(() => {
+        if (navigationPath.length === 0) {
+            return object;
+        }
+        const lastKey = navigationPath[navigationPath.length - 1];
+        const pathToParent = navigationPath.slice(0, -1);
+        const parentValue = pathToParent.length > 0
+            ? getValueAtPath(object, pathToParent)
+            : object;
+        if (parentValue && typeof parentValue === 'object' && !Array.isArray(parentValue)) {
+            const value = parentValue[lastKey];
+            if (Array.isArray(value)) {
+                return value;
+            }
+            else if (value && typeof value === 'object') {
+                return value;
+            }
+        }
+        return object;
+    }, [object, navigationPath, getValueAtPath]);
+    const currentProperties = useMemo(() => {
+        const properties = schema.properties || {};
+        if (navigationPath.length === 0) {
+            return properties;
+        }
+        return {};
+    }, [schema, navigationPath]);
+    const tableStyle = {
+        width: '100%',
+        borderCollapse: 'collapse',
+        fontFamily: '-apple-system, BlinkMacSystemFont, "SF Mono", monospace',
+        fontSize: '13px',
+    };
+    const rowStyle = {
+        borderBottom: '1px solid rgba(255,255,255,0.1)',
+    };
+    const labelStyle = {
+        padding: '8px 12px',
+        color: 'rgba(255,255,255,0.6)',
+        textAlign: 'left',
+        fontWeight: 500,
+        width: '140px',
+    };
+    const valueStyle = {
+        padding: '8px 12px',
+        color: '#fff',
+        textAlign: 'left',
+    };
+    const infoIconStyle = {
+        marginLeft: '6px',
+        fontSize: '12px',
+        color: 'rgba(100, 150, 255, 0.6)',
+        cursor: 'help',
+    };
+    const renderValue = (value, propertyName) => {
+        if (value === null || value === undefined)
+            return '';
+        if (Array.isArray(value)) {
+            return (jsxs("div", { className: "flex align-items-center gap-2 cursor-pointer", onClick: () => navigateToProperty(propertyName), style: { color: 'var(--primary-color)', display: 'flex', alignItems: 'center' }, children: [jsxs("span", { children: ["Array[", value.length, "]"] }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' } })] }));
+        }
+        if (typeof value === 'object') {
+            return (jsxs("div", { className: "flex align-items-center gap-2 cursor-pointer", onClick: () => navigateToProperty(propertyName), style: { color: 'var(--primary-color)', display: 'flex', alignItems: 'center' }, children: [jsx("span", { children: "Object" }), jsx(faIcons.FaArrowRight, { style: { fontSize: '0.875rem', display: 'inline-flex' } })] }));
+        }
+        return String(value);
+    };
+    const renderTable = () => {
+        if (Array.isArray(currentData)) {
+            if (currentData.length === 0)
+                return jsx("div", { style: { padding: '12px', color: 'rgba(255,255,255,0.6)' }, children: "Empty array" });
+            const firstItem = currentData[0];
+            if (typeof firstItem === 'object' && firstItem !== null && !Array.isArray(firstItem)) {
+                const keys = Object.keys(firstItem);
+                return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: currentData.map((item, index) => (jsxs(React.Fragment, { children: [index > 0 && (jsx("tr", { style: { height: '8px', background: 'rgba(255,255,255,0.05)' }, children: jsx("td", { colSpan: 2 }) })), keys.map((key) => (jsxs("tr", { style: rowStyle, children: [jsx("td", { style: labelStyle, children: key }), jsx("td", { style: valueStyle, children: renderValue(item[key], key) })] }, `${index}-${key}`)))] }, index))) }) }));
+            }
+            else {
+                return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: currentData.map((item, index) => (jsxs("tr", { style: rowStyle, children: [jsxs("td", { style: labelStyle, children: ["[", index, "]"] }), jsx("td", { style: valueStyle, children: renderValue(item, `[${index}]`) })] }, index))) }) }));
+            }
+        }
+        const entries = navigationPath.length === 0
+            ? Object.entries(currentProperties)
+            : Object.entries(currentData);
+        return (jsx("table", { style: tableStyle, children: jsx("tbody", { children: entries.map(([propertyName, propertyDef]) => {
+                    const value = currentData[propertyName];
+                    const isSchemaProperty = navigationPath.length === 0;
+                    const description = isSchemaProperty && typeof propertyDef === 'object' && propertyDef !== null && 'description' in propertyDef
+                        ? propertyDef.description
+                        : undefined;
+                    return (jsxs("tr", { style: rowStyle, children: [jsxs("td", { style: labelStyle, children: [propertyName, description && (jsx("i", { className: "pi pi-info-circle property-info-icon", style: infoIconStyle, "data-pr-tooltip": description }))] }), jsx("td", { style: valueStyle, children: renderValue(value, propertyName) })] }, propertyName));
+                }) }) }));
+    };
+    return (jsxs("div", { className: "order-content", style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [jsx(Tooltip, { target: ".property-info-icon" }), jsx(ObjectNavigationalBar, { navigationPath: navigationPath, onNavigate: navigateToBreadcrumb }), renderTable(), timestamp && (jsxs("div", { style: {
+                    marginTop: '20px',
+                    padding: '12px',
+                    background: 'rgba(100, 150, 255, 0.1)',
+                    borderRadius: '8px',
+                    fontSize: '12px',
+                    color: 'rgba(255,255,255,0.6)'
+                }, children: ["Snapshot captured: ", timestamp.toLocaleString()] }))] }));
+};
+
+export { ObjectContentEditor };
+//# sourceMappingURL=ObjectContentEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectContentEditor.js","sources":["../../../ObjectContentEditor/ObjectContentEditor.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 { Tooltip } from 'primereact/tooltip';\nimport React, { useState, useCallback, useMemo } from 'react';\nimport * as faIcons from 'react-icons/fa6';\nimport { ObjectNavigationalBar } from '../ObjectNavigationalBar';\nimport { Json, JsonSchema, JsonSchemaProperty } from '../types/JsonSchema';\n\nexport interface ObjectContentEditorProps {\n    object: Json;\n    timestamp?: Date;\n    schema: JsonSchema;\n}\n\nexport const ObjectContentEditor = ({ object, timestamp, schema }: ObjectContentEditorProps) => {\n    const [navigationPath, setNavigationPath] = useState<string[]>([]);\n\n    const getValueAtPath = useCallback((data: Json, path: string[]): Json | null => {\n        let current: Json = data;\n        for (const segment of path) {\n            if (current === null || current === undefined) return null;\n            if (typeof current === 'object' && !Array.isArray(current) && current !== null) {\n                current = (current as { [key: string]: Json })[segment];\n            } else {\n                return null;\n            }\n        }\n        return current;\n    }, []);\n\n    const navigateToProperty = useCallback((key: string) => {\n        setNavigationPath([...navigationPath, key]);\n    }, [navigationPath]);\n\n    const navigateToBreadcrumb = useCallback((index: number) => {\n        if (index === 0) {\n            setNavigationPath([]);\n        } else {\n            setNavigationPath(navigationPath.slice(0, index));\n        }\n    }, [navigationPath]);\n\n    const currentData = useMemo(() => {\n        if (navigationPath.length === 0) {\n            return object;\n        }\n\n        const lastKey = navigationPath[navigationPath.length - 1];\n        const pathToParent = navigationPath.slice(0, -1);\n\n        const parentValue = pathToParent.length > 0\n            ? getValueAtPath(object, pathToParent)\n            : object;\n\n        if (parentValue && typeof parentValue === 'object' && !Array.isArray(parentValue)) {\n            const value = (parentValue as { [k: string]: Json })[lastKey];\n\n            if (Array.isArray(value)) {\n                return value;\n            } else if (value && typeof value === 'object') {\n                return value;\n            }\n        }\n\n        return object;\n    }, [object, navigationPath, getValueAtPath]);\n\n    const currentProperties = useMemo(() => {\n        const properties = schema.properties || {};\n\n        if (navigationPath.length === 0) {\n            return properties;\n        }\n\n        return {};\n    }, [schema, navigationPath]);\n\n    const tableStyle: React.CSSProperties = {\n        width: '100%',\n        borderCollapse: 'collapse',\n        fontFamily: '-apple-system, BlinkMacSystemFont, \"SF Mono\", monospace',\n        fontSize: '13px',\n    };\n\n    const rowStyle: React.CSSProperties = {\n        borderBottom: '1px solid rgba(255,255,255,0.1)',\n    };\n\n    const labelStyle: React.CSSProperties = {\n        padding: '8px 12px',\n        color: 'rgba(255,255,255,0.6)',\n        textAlign: 'left',\n        fontWeight: 500,\n        width: '140px',\n    };\n\n    const valueStyle: React.CSSProperties = {\n        padding: '8px 12px',\n        color: '#fff',\n        textAlign: 'left',\n    };\n\n    const infoIconStyle: React.CSSProperties = {\n        marginLeft: '6px',\n        fontSize: '12px',\n        color: 'rgba(100, 150, 255, 0.6)',\n        cursor: 'help',\n    };\n\n    const renderValue = (value: Json, propertyName: string) => {\n        if (value === null || value === undefined) return '';\n\n        if (Array.isArray(value)) {\n            return (\n                <div\n                    className=\"flex align-items-center gap-2 cursor-pointer\"\n                    onClick={() => navigateToProperty(propertyName)}\n                    style={{ color: 'var(--primary-color)', display: 'flex', alignItems: 'center' }}\n                >\n                    <span>Array[{value.length}]</span>\n                    <faIcons.FaArrowRight style={{ fontSize: '0.875rem', display: 'inline-flex' }} />\n                </div>\n            );\n        }\n\n        if (typeof value === 'object') {\n            return (\n                <div\n                    className=\"flex align-items-center gap-2 cursor-pointer\"\n                    onClick={() => navigateToProperty(propertyName)}\n                    style={{ color: 'var(--primary-color)', display: 'flex', alignItems: 'center' }}\n                >\n                    <span>Object</span>\n                    <faIcons.FaArrowRight style={{ fontSize: '0.875rem', display: 'inline-flex' }} />\n                </div>\n            );\n        }\n\n        return String(value);\n    };\n\n    const renderTable = () => {\n        if (Array.isArray(currentData)) {\n            if (currentData.length === 0) return <div style={{ padding: '12px', color: 'rgba(255,255,255,0.6)' }}>Empty array</div>;\n\n            const firstItem = currentData[0];\n            if (typeof firstItem === 'object' && firstItem !== null && !Array.isArray(firstItem)) {\n                const keys = Object.keys(firstItem);\n\n                return (\n                    <table style={tableStyle}>\n                        <tbody>\n                            {currentData.map((item, index) => (\n                                <React.Fragment key={index}>\n                                    {index > 0 && (\n                                        <tr style={{ height: '8px', background: 'rgba(255,255,255,0.05)' }}>\n                                            <td colSpan={2}></td>\n                                        </tr>\n                                    )}\n                                    {keys.map((key) => (\n                                        <tr key={`${index}-${key}`} style={rowStyle}>\n                                            <td style={labelStyle}>{key}</td>\n                                            <td style={valueStyle}>{renderValue((item as Record<string, Json>)[key], key)}</td>\n                                        </tr>\n                                    ))}\n                                </React.Fragment>\n                            ))}\n                        </tbody>\n                    </table>\n                );\n            } else {\n                return (\n                    <table style={tableStyle}>\n                        <tbody>\n                            {currentData.map((item, index) => (\n                                <tr key={index} style={rowStyle}>\n                                    <td style={labelStyle}>[{index}]</td>\n                                    <td style={valueStyle}>{renderValue(item, `[${index}]`)}</td>\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                );\n            }\n        }\n\n        const entries = navigationPath.length === 0\n            ? Object.entries(currentProperties)\n            : Object.entries(currentData as { [key: string]: Json });\n\n        return (\n            <table style={tableStyle}>\n                <tbody>\n                    {entries.map(([propertyName, propertyDef]: [string, JsonSchemaProperty | Json]) => {\n                        const value = (currentData as Record<string, Json>)[propertyName];\n\n                        const isSchemaProperty = navigationPath.length === 0;\n                        const description = isSchemaProperty && typeof propertyDef === 'object' && propertyDef !== null && 'description' in propertyDef\n                            ? (propertyDef as JsonSchemaProperty).description\n                            : undefined;\n\n                        return (\n                            <tr key={propertyName} style={rowStyle}>\n                                <td style={labelStyle}>\n                                    {propertyName}\n                                    {description && (\n                                        <i\n                                            className=\"pi pi-info-circle property-info-icon\"\n                                            style={infoIconStyle}\n                                            data-pr-tooltip={description} />\n                                    )}\n                                </td>\n                                <td style={valueStyle}>{renderValue(value as Json, propertyName)}</td>\n                            </tr>\n                        );\n                    })}\n                </tbody>\n            </table>\n        );\n    };\n\n    return (\n        <div className=\"order-content\" style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>\n            <Tooltip target=\".property-info-icon\" />\n            <ObjectNavigationalBar\n                navigationPath={navigationPath}\n                onNavigate={navigateToBreadcrumb}\n            />\n            {renderTable()}\n            {timestamp && (\n                <div style={{\n                    marginTop: '20px',\n                    padding: '12px',\n                    background: 'rgba(100, 150, 255, 0.1)',\n                    borderRadius: '8px',\n                    fontSize: '12px',\n                    color: 'rgba(255,255,255,0.6)'\n                }}>\n                    Snapshot captured: {timestamp.toLocaleString()}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ObjectContentEditor } from './ObjectContentEditor';
+declare const meta: Meta<typeof ObjectContentEditor>;
+export default meta;
+type Story = StoryObj<typeof ObjectContentEditor>;
+export declare const Default: Story;
+export declare const WithTimestamp: Story;
+export declare const SimpleObject: Story;
+export declare const WithArray: Story;
+//# sourceMappingURL=ObjectContentEditor.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectContentEditor.stories.d.ts","sourceRoot":"","sources":["../../../ObjectContentEditor/ObjectContentEditor.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAoFlD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAmBF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAiBF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

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"}