@cratis/components 0.1.18 → 1.0.3

package/dist/esm/DataTables/DataTableForQuery.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForQuery.stories.js","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAC5C,MAAM,SAAS,GAA4D,IAAgC,CAAC,OAA4E,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAuE,CAAC;AAE1R,eAAe,EAAE,KAAK,EAAE,8BAA8B,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE/E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}
+{"version":3,"file":"DataTableForQuery.stories.js","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BusyIndicatorDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAGvE,eAAO,MAAM,mBAAmB,GAAI,OAAO,0BAA0B,4CAkBpE,CAAC"}
+{"version":3,"file":"BusyIndicatorDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/BusyIndicatorDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAIvE,eAAO,MAAM,mBAAmB,GAAI,OAAO,0BAA0B,4CAcpE,CAAC"}

package/dist/esm/Dialogs/BusyIndicatorDialog.js

@@ -1,10 +1,9 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Dialog } from 'primereact/dialog';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ProgressSpinner } from 'primereact/progressspinner';
+import { Dialog } from './Dialog.js';
 
 const BusyIndicatorDialog = (props) => {
-    const headerElement = (jsx("div", { className: "inline-flex align-items-center justify-content-center gap-2", children: jsx("span", { className: "font-bold white-space-nowrap", children: props.title }) }));
-    return (jsx(Fragment, { children: jsxs(Dialog, { header: headerElement, modal: true, visible: true, onHide: () => undefined, children: [jsx(ProgressSpinner, {}), jsx("p", { className: "m-0", children: props.message })] }) }));
+    return (jsxs(Dialog, { title: props.title, visible: true, onCancel: () => undefined, buttons: null, children: [jsx(ProgressSpinner, {}), jsx("p", { className: "m-0", children: props.message })] }));
 };
 
 export { BusyIndicatorDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"BusyIndicatorDialog.js","sources":["../../../Dialogs/BusyIndicatorDialog.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 } from 'primereact/dialog';\nimport { BusyIndicatorDialogRequest } from '@cratis/arc.react/dialogs';\nimport { ProgressSpinner } from 'primereact/progressspinner';\n\nexport const BusyIndicatorDialog = (props: BusyIndicatorDialogRequest) => {\n\n    const headerElement = (\n        <div className=\"inline-flex align-items-center justify-content-center gap-2\">\n            <span className=\"font-bold white-space-nowrap\">{props.title}</span>\n        </div>\n    );\n\n    return (\n        <>\n            <Dialog header={headerElement} modal visible={true} onHide={() => undefined}>\n                <ProgressSpinner />\n                <p className=\"m-0\">\n                    {props.message}\n                </p>\n            </Dialog>\n        </>\n    );\n};\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;AAOO,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAI;AAErE,IAAA,MAAM,aAAa,IACfA,aAAK,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACxEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,KAAK,EAAA,CAAQ,EAAA,CACjE,CACT;AAED,IAAA,QACIA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACIC,IAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,aAAa,EAAE,KAAK,QAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,aACvEF,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,EACnBA,WAAG,SAAS,EAAC,KAAK,EAAA,QAAA,EACb,KAAK,CAAC,OAAO,GACd,CAAA,EAAA,CACC,EAAA,CACV;AAEX;;;;"}
+{"version":3,"file":"BusyIndicatorDialog.js","sources":["../../../Dialogs/BusyIndicatorDialog.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 { BusyIndicatorDialogRequest } from '@cratis/arc.react/dialogs';\nimport { ProgressSpinner } from 'primereact/progressspinner';\nimport { Dialog } from './Dialog';\n\nexport const BusyIndicatorDialog = (props: BusyIndicatorDialogRequest) => {\n    return (\n        <Dialog \n            title={props.title} \n            visible={true} \n            onCancel={() => undefined}\n            buttons={null}\n        >\n            <ProgressSpinner />\n            <p className=\"m-0\">\n                {props.message}\n            </p>\n        </Dialog>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAOO,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAI;AACrE,IAAA,QACIA,IAAA,CAAC,MAAM,IACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,MAAM,SAAS,EACzB,OAAO,EAAE,IAAI,EAAA,QAAA,EAAA,CAEbC,IAAC,eAAe,EAAA,EAAA,CAAG,EACnBA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,KAAK,YACb,KAAK,CAAC,OAAO,EAAA,CACd,CAAA,EAAA,CACC;AAEjB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/ConfirmationDialog.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,+CAkE9B,CAAC"}
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/ConfirmationDialog.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,+CAmB9B,CAAC"}

package/dist/esm/Dialogs/ConfirmationDialog.js

@@ -1,30 +1,13 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Dialog } from 'primereact/dialog';
-import { useDialogContext, DialogResult, DialogButtons } from '@cratis/arc.react/dialogs';
-import { Button } from 'primereact/button';
+import { jsx } from 'react/jsx-runtime';
+import { useDialogContext } from '@cratis/arc.react/dialogs';
+import { Dialog } from './Dialog.js';
 
 const ConfirmationDialog = () => {
     const { request, closeDialog } = useDialogContext();
-    const headerElement = (jsx("div", { className: "inline-flex align-items-center justify-content-center gap-2", children: jsx("span", { className: "font-bold white-space-nowrap", children: request.title }) }));
-    const okFooter = (jsx(Fragment, { children: jsx(Button, { label: "Ok", icon: "pi pi-check", onClick: () => closeDialog(DialogResult.Ok), autoFocus: true }) }));
-    const okCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: "Ok", icon: "pi pi-check", onClick: () => closeDialog(DialogResult.Ok), autoFocus: true }), jsx(Button, { label: "Cancel", icon: "pi pi-times", severity: 'secondary', onClick: () => closeDialog(DialogResult.Cancelled) })] }));
-    const yesNoFooter = (jsxs(Fragment, { children: [jsx(Button, { label: "Yes", icon: "pi pi-check", onClick: () => closeDialog(DialogResult.Yes), autoFocus: true }), jsx(Button, { label: "No", icon: "pi pi-times", severity: 'secondary', onClick: () => closeDialog(DialogResult.No) })] }));
-    const yesNoCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: "Yes", icon: "pi pi-check", onClick: () => closeDialog(DialogResult.Yes), autoFocus: true }), jsx(Button, { label: "No", icon: "pi pi-times", severity: 'secondary', onClick: () => closeDialog(DialogResult.No) })] }));
-    const getFooterInterior = () => {
-        switch (request.buttons) {
-            case DialogButtons.Ok:
-                return okFooter;
-            case DialogButtons.OkCancel:
-                return okCancelFooter;
-            case DialogButtons.YesNo:
-                return yesNoFooter;
-            case DialogButtons.YesNoCancel:
-                return yesNoCancelFooter;
-        }
-        return (jsx(Fragment, {}));
+    const handleClose = (result) => {
+        closeDialog(result);
     };
-    const footer = (jsx("div", { className: "card flex flex-wrap justify-content-center gap-3", children: getFooterInterior() }));
-    return (jsx(Fragment, { children: jsx(Dialog, { header: headerElement, modal: true, footer: footer, onHide: () => closeDialog(DialogResult.Cancelled), visible: true, children: jsx("p", { className: "m-0", children: request.message }) }) }));
+    return (jsx(Dialog, { title: request.title, visible: true, onClose: handleClose, buttons: request.buttons, children: jsx("p", { className: "m-0", children: request.message }) }));
 };
 
 export { ConfirmationDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.js","sources":["../../../Dialogs/ConfirmationDialog.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 } from 'primereact/dialog';\nimport { DialogButtons, ConfirmationDialogRequest } from '@cratis/arc.react/dialogs';\nimport { DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';\nimport { Button } from 'primereact/button';\n\nexport const ConfirmationDialog = () => {\n    const { request, closeDialog } = useDialogContext<ConfirmationDialogRequest>();\n\n    const headerElement = (\n        <div className=\"inline-flex align-items-center justify-content-center gap-2\">\n            <span className=\"font-bold white-space-nowrap\">{request.title}</span>\n        </div>\n    );\n\n    const okFooter = (\n        <>\n            <Button label=\"Ok\" icon=\"pi pi-check\" onClick={() => closeDialog(DialogResult.Ok)} autoFocus />\n        </>\n    );\n\n    const okCancelFooter = (\n        <>\n            <Button label=\"Ok\" icon=\"pi pi-check\" onClick={() => closeDialog(DialogResult.Ok)} autoFocus />\n            <Button label=\"Cancel\" icon=\"pi pi-times\" severity='secondary' onClick={() => closeDialog(DialogResult.Cancelled)} />\n        </>\n    );\n\n    const yesNoFooter = (\n        <>\n            <Button label=\"Yes\" icon=\"pi pi-check\" onClick={() => closeDialog(DialogResult.Yes)} autoFocus />\n            <Button label=\"No\" icon=\"pi pi-times\" severity='secondary' onClick={() => closeDialog(DialogResult.No)} />\n        </>\n    );\n\n    const yesNoCancelFooter = (\n        <>\n            <Button label=\"Yes\" icon=\"pi pi-check\" onClick={() => closeDialog(DialogResult.Yes)} autoFocus />\n            <Button label=\"No\" icon=\"pi pi-times\" severity='secondary' onClick={() => closeDialog(DialogResult.No)} />\n        </>\n    );\n\n    const getFooterInterior = () => {\n        switch (request.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=\"card flex flex-wrap justify-content-center gap-3\">\n            {getFooterInterior()}\n        </div>\n    );\n\n    return (\n        <>\n            <Dialog header={headerElement} modal footer={footer} onHide={() => closeDialog(DialogResult.Cancelled)} visible={true}>\n                <p className=\"m-0\">\n                    {request.message}\n                </p>\n            </Dialog>\n        </>\n    );\n};\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../../Dialogs/ConfirmationDialog.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 { ConfirmationDialogRequest } from '@cratis/arc.react/dialogs';\nimport { DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';\nimport { Dialog } from './Dialog';\n\nexport const ConfirmationDialog = () => {\n    const { request, closeDialog } = useDialogContext<ConfirmationDialogRequest>();\n\n    const handleClose = (result: DialogResult) => {\n        closeDialog(result);\n    };\n\n    return (\n        <Dialog \n            title={request.title}\n            visible={true}\n            onClose={handleClose}\n            buttons={request.buttons}\n        >\n            <p className=\"m-0\">\n                {request.message}\n            </p>\n        </Dialog>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;AAOO,MAAM,kBAAkB,GAAG,MAAK;IACnC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAA6B;AAE9E,IAAA,MAAM,WAAW,GAAG,CAAC,MAAoB,KAAI;QACzC,WAAW,CAAC,MAAM,CAAC;AACvB,IAAA,CAAC;AAED,IAAA,QACIA,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAA,QAAA,EAExBA,WAAG,SAAS,EAAC,KAAK,EAAA,QAAA,EACb,OAAO,CAAC,OAAO,EAAA,CAChB,EAAA,CACC;AAEjB;;;;"}

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

@@ -0,0 +1,23 @@
+import { DialogResult, DialogButtons } from '@cratis/arc.react/dialogs';
+import { ReactNode } from 'react';
+export type CloseDialog = (result: DialogResult) => boolean | void | Promise<boolean> | Promise<void>;
+export type ConfirmCallback = () => boolean | void | Promise<boolean> | Promise<void>;
+export type CancelCallback = () => boolean | void | Promise<boolean> | Promise<void>;
+export interface DialogProps {
+    title: string;
+    visible?: boolean;
+    onClose?: CloseDialog;
+    onConfirm?: ConfirmCallback;
+    onCancel?: CancelCallback;
+    buttons?: DialogButtons | ReactNode;
+    children: ReactNode;
+    width?: string;
+    resizable?: boolean;
+    isValid?: boolean;
+    okLabel?: string;
+    cancelLabel?: string;
+    yesLabel?: string;
+    noLabel?: string;
+}
+export declare const Dialog: ({ title, visible, onClose, onConfirm, onCancel, buttons, children, width, resizable, isValid, okLabel, cancelLabel, yesLabel, noLabel }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../Dialogs/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAoB,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACtG,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACtF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAErF,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,yIAepB,WAAW,4CA8Gb,CAAC"}

package/dist/esm/Dialogs/Dialog.js

@@ -0,0 +1,64 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from 'primereact/dialog';
+import { Button } from 'primereact/button';
+import { useDialogContext, DialogResult, DialogButtons } from '@cratis/arc.react/dialogs';
+
+const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons = DialogButtons.OkCancel, children, width = '450px', resizable = false, isValid, okLabel = 'Ok', cancelLabel = 'Cancel', yesLabel = 'Yes', noLabel = 'No' }) => {
+    let contextCloseDialog;
+    try {
+        const context = useDialogContext();
+        contextCloseDialog = context?.closeDialog;
+    }
+    catch {
+        contextCloseDialog = undefined;
+    }
+    const isDialogValid = isValid !== false;
+    const headerElement = (jsx("div", { className: "inline-flex align-items-center justify-content-center gap-2", children: jsx("span", { className: "font-bold white-space-nowrap", children: title }) }));
+    const handleClose = async (result) => {
+        let closeResult = true;
+        if (result === DialogResult.Ok || result === DialogResult.Yes) {
+            if (onConfirm) {
+                closeResult = await onConfirm();
+            }
+            else if (onClose) {
+                closeResult = await onClose(result);
+            }
+        }
+        else {
+            if (onCancel) {
+                closeResult = await onCancel();
+            }
+            else if (onClose) {
+                closeResult = await onClose(result);
+            }
+        }
+        if (closeResult !== false) {
+            contextCloseDialog?.(result);
+        }
+    };
+    const okFooter = (jsx(Fragment, { children: jsx(Button, { label: okLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Ok), disabled: !isDialogValid, autoFocus: true }) }));
+    const okCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: okLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Ok), disabled: !isDialogValid, autoFocus: true }), jsx(Button, { label: cancelLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.Cancelled) })] }));
+    const yesNoFooter = (jsxs(Fragment, { children: [jsx(Button, { label: yesLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Yes), disabled: !isDialogValid, autoFocus: true }), jsx(Button, { label: noLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.No) })] }));
+    const yesNoCancelFooter = (jsxs(Fragment, { children: [jsx(Button, { label: yesLabel, icon: "pi pi-check", onClick: () => handleClose(DialogResult.Yes), disabled: !isDialogValid, autoFocus: true }), jsx(Button, { label: noLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.No) }), jsx(Button, { label: cancelLabel, icon: "pi pi-times", outlined: true, onClick: () => handleClose(DialogResult.Cancelled) })] }));
+    const getFooterInterior = () => {
+        if (typeof buttons !== 'number') {
+            return buttons;
+        }
+        switch (buttons) {
+            case DialogButtons.Ok:
+                return okFooter;
+            case DialogButtons.OkCancel:
+                return okCancelFooter;
+            case DialogButtons.YesNo:
+                return yesNoFooter;
+            case DialogButtons.YesNoCancel:
+                return yesNoCancelFooter;
+        }
+        return (jsx(Fragment, {}));
+    };
+    const footer = (jsx("div", { className: "flex flex-wrap justify-content-start gap-3", children: getFooterInterior() }));
+    return (jsx(Dialog$1, { header: headerElement, modal: true, footer: footer, onHide: typeof buttons === 'number' ? () => handleClose(DialogResult.Cancelled) : () => { }, visible: visible, style: { width }, resizable: resizable, closable: typeof buttons === 'number', children: children }));
+};
+
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

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":";;;;;;AAeO,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAA4B,KAAI;IAC3F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAElE,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,IAAU,EAAE,IAAc,KAAiB;QAC3E,IAAI,OAAO,GAAS,IAAI;AACxB,QAAA,KAAK,MAAM,OAAO,IAAI,IAAI,EAAE;AACxB,YAAA,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS;AAAE,gBAAA,OAAO,IAAI;AAC1D,YAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,KAAK,IAAI,EAAE;AAC5E,gBAAA,OAAO,GAAI,OAAmC,CAAC,OAAO,CAAC;YAC3D;iBAAO;AACH,gBAAA,OAAO,IAAI;YACf;QACJ;AACA,QAAA,OAAO,OAAO;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,GAAW,KAAI;QACnD,iBAAiB,CAAC,CAAC,GAAG,cAAc,EAAE,GAAG,CAAC,CAAC;AAC/C,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAAa,KAAI;AACvD,QAAA,IAAI,KAAK,KAAK,CAAC,EAAE;YACb,iBAAiB,CAAC,EAAE,CAAC;QACzB;aAAO;YACH,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACrD;AACJ,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAEpB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAK;AAC7B,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,YAAA,OAAO,MAAM;QACjB;QAEA,MAAM,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAEhD,QAAA,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG;AACtC,cAAE,cAAc,CAAC,MAAM,EAAE,YAAY;cACnC,MAAM;AAEZ,QAAA,IAAI,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC/E,YAAA,MAAM,KAAK,GAAI,WAAqC,CAAC,OAAO,CAAC;AAE7D,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACtB,gBAAA,OAAO,KAAK;YAChB;AAAO,iBAAA,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3C,gBAAA,OAAO,KAAK;YAChB;QACJ;AAEA,QAAA,OAAO,MAAM;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC;AAE5C,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACnC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE;AAE1C,QAAA,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;AAC7B,YAAA,OAAO,UAAU;QACrB;AAEA,QAAA,OAAO,EAAE;AACb,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAE5B,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,UAAU;AAC1B,QAAA,UAAU,EAAE,yDAAyD;AACrE,QAAA,QAAQ,EAAE,MAAM;KACnB;AAED,IAAA,MAAM,QAAQ,GAAwB;AAClC,QAAA,YAAY,EAAE,iCAAiC;KAClD;AAED,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,uBAAuB;AAC9B,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,KAAK,EAAE,OAAO;KACjB;AAED,IAAA,MAAM,UAAU,GAAwB;AACpC,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,MAAM;KACpB;AAED,IAAA,MAAM,aAAa,GAAwB;AACvC,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,0BAA0B;AACjC,QAAA,MAAM,EAAE,MAAM;KACjB;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAW,EAAE,YAAoB,KAAI;AACtD,QAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;AAEpD,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACtB,QACIA,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,MAAM,kBAAkB,CAAC,YAAY,CAAC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAE/EA,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,QAAA,EAAa,KAAK,CAAC,MAAM,EAAA,GAAA,CAAA,EAAA,CAAS,EAClCC,GAAA,CAAC,OAAO,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,EAAA,CAAI,CAAA,EAAA,CAC/E;QAEd;AAEA,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC3B,QACID,IAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,MAAM,kBAAkB,CAAC,YAAY,CAAC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAE/EC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAmB,EACnBA,GAAA,CAAC,OAAO,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,EAAA,CAAI,CAAA,EAAA,CAC/E;QAEd;AAEA,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC;AACxB,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC5B,YAAA,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;AAAE,gBAAA,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,EAAE,4BAAmB;AAEvH,YAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC;AAChC,YAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBAClF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;gBAEnC,QACIA,eAAO,KAAK,EAAE,UAAU,EAAA,QAAA,EACpBA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACK,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACzBD,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACV,KAAK,GAAG,CAAC,KACNC,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,EAAA,QAAA,EAC9DA,GAAA,CAAA,IAAA,EAAA,EAAI,OAAO,EAAE,CAAC,EAAA,CAAO,EAAA,CACpB,CACR,EACA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MACVD,IAAA,CAAA,IAAA,EAAA,EAA4B,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CACvCC,YAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,GAAG,EAAA,CAAM,EACjCA,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,CAAE,IAA6B,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAA,CAAM,CAAA,EAAA,EAF9E,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE,CAGrB,CACR,CAAC,CAAA,EAAA,EAXe,KAAK,CAYT,CACpB,CAAC,EAAA,CACE,EAAA,CACJ;YAEhB;iBAAO;gBACH,QACIA,GAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,UAAU,YACpBA,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACK,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACzBD,IAAA,CAAA,IAAA,EAAA,EAAgB,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC3BA,IAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAA,CAAA,GAAA,EAAI,KAAK,EAAA,GAAA,CAAA,EAAA,CAAO,EACrCC,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,CAAC,IAAI,EAAE,IAAI,KAAK,CAAA,CAAA,CAAG,CAAC,EAAA,CAAM,CAAA,EAAA,EAFxD,KAAK,CAGT,CACR,CAAC,EAAA,CACE,EAAA,CACJ;YAEhB;QACJ;AAEA,QAAA,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,KAAK;AACtC,cAAE,MAAM,CAAC,OAAO,CAAC,iBAAiB;AAClC,cAAE,MAAM,CAAC,OAAO,CAAC,WAAsC,CAAC;AAE5D,QAAA,QACIA,GAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,UAAU,EAAA,QAAA,EACpBA,yBACK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,CAAsC,KAAI;AAC9E,oBAAA,MAAM,KAAK,GAAI,WAAoC,CAAC,YAAY,CAAC;AAEjE,oBAAA,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,KAAK,CAAC;AACpD,oBAAA,MAAM,WAAW,GAAG,gBAAgB,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,IAAI,IAAI,aAAa,IAAI;0BAC7G,WAAkC,CAAC;0BACpC,SAAS;oBAEf,QACID,aAAuB,KAAK,EAAE,QAAQ,EAAA,QAAA,EAAA,CAClCA,IAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,aAChB,YAAY,EACZ,WAAW,KACRC,WACI,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,aAAa,EAAA,iBAAA,EACH,WAAW,GAAI,CACvC,CAAA,EAAA,CACA,EACLA,GAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,CAAC,KAAa,EAAE,YAAY,CAAC,GAAM,CAAA,EAAA,EAVjE,YAAY,CAWhB;AAEb,gBAAA,CAAC,CAAC,EAAA,CACE,EAAA,CACJ;AAEhB,IAAA,CAAC;IAED,QACID,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC9FC,GAAA,CAAC,OAAO,EAAA,EAAC,MAAM,EAAC,qBAAqB,GAAG,EACxCA,GAAA,CAAC,qBAAqB,EAAA,EAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,oBAAoB,EAAA,CAClC,EACD,WAAW,EAAE,EACb,SAAS,KACND,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE;AACR,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,UAAU,EAAE,0BAA0B;AACtC,oBAAA,YAAY,EAAE,KAAK;AACnB,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,KAAK,EAAE;iBACV,EAAA,QAAA,EAAA,CAAA,qBAAA,EACuB,SAAS,CAAC,cAAc,EAAE,IAC5C,CACT,CAAA,EAAA,CACC;AAEd;;;;"}

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