@cratis/components 0.1.19 → 1.0.4

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

@@ -1,6 +1,54 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as Comp from './DataTableForQuery';
-const Component = Comp.default || Object.values(Comp)[0];
-export default { title: 'DataTables/DataTableForQuery', component: Component };
-export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { DataTableForQuery } from './DataTableForQuery';
+import { Column } from 'primereact/column';
+import { QueryFor } from '@cratis/arc/queries';
+const meta = {
+    title: 'DataTables/DataTableForQuery',
+    component: DataTableForQuery,
+};
+export default meta;
+const mockProducts = [
+    { id: 1, name: 'Wireless Headphones', category: 'Electronics', price: 79.99, inStock: true },
+    { id: 2, name: 'Mechanical Keyboard', category: 'Electronics', price: 129.99, inStock: true },
+    { id: 3, name: 'USB-C Hub', category: 'Electronics', price: 49.99, inStock: false },
+    { id: 4, name: 'Standing Desk Mat', category: 'Office', price: 34.99, inStock: true },
+    { id: 5, name: 'Monitor Stand', category: 'Office', price: 59.99, inStock: true },
+    { id: 6, name: 'Webcam HD', category: 'Electronics', price: 89.99, inStock: false },
+    { id: 7, name: 'Laptop Sleeve', category: 'Accessories', price: 24.99, inStock: true },
+    { id: 8, name: 'Cable Management Kit', category: 'Accessories', price: 14.99, inStock: true },
+];
+class ProductsQuery extends QueryFor {
+    route = '/api/products';
+    defaultValue = [];
+    parameterDescriptors = [];
+    get requiredRequestParameters() {
+        return [];
+    }
+    constructor() {
+        super(Object, true);
+    }
+    perform() {
+        return Promise.resolve({
+            data: mockProducts,
+            paging: { totalItems: mockProducts.length, totalPages: 1, page: 0, size: mockProducts.length },
+            isSuccess: true,
+            isAuthorized: true,
+            isValid: true,
+            hasExceptions: false,
+            validationResults: [],
+            exceptionMessages: [],
+            exceptionStackTrace: '',
+        });
+    }
+}
+export const Default = {
+    render: () => (_jsx("div", { className: "p-4", children: _jsxs(DataTableForQuery, { query: ProductsQuery, emptyMessage: "No products found", dataKey: "id", children: [_jsx(Column, { field: "id", header: "ID", sortable: true, style: { width: '10%' } }), _jsx(Column, { field: "name", header: "Product Name", sortable: true, style: { width: '30%' } }), _jsx(Column, { field: "category", header: "Category", sortable: true, style: { width: '20%' } }), _jsx(Column, { field: "price", header: "Price", sortable: true, style: { width: '20%' }, body: (rowData) => `$${rowData.price.toFixed(2)}` }), _jsx(Column, { field: "inStock", header: "In Stock", sortable: true, style: { width: '20%' }, body: (rowData) => (_jsx("span", { className: rowData.inStock ? 'text-green-600' : 'text-red-600', children: rowData.inStock ? 'Yes' : 'No' })) })] }) }))
+};
+export const WithSelection = {
+    render: () => {
+        const [selectedProduct, setSelectedProduct] = useState();
+        return (_jsxs("div", { className: "p-4", children: [_jsxs(DataTableForQuery, { query: ProductsQuery, emptyMessage: "No products found", dataKey: "id", selection: selectedProduct, onSelectionChange: (e) => setSelectedProduct(e.value), children: [_jsx(Column, { selectionMode: "single", headerStyle: { width: '3rem' } }), _jsx(Column, { field: "id", header: "ID", sortable: true, style: { width: '10%' } }), _jsx(Column, { field: "name", header: "Product Name", sortable: true, style: { width: '30%' } }), _jsx(Column, { field: "category", header: "Category", sortable: true, style: { width: '20%' } }), _jsx(Column, { field: "price", header: "Price", sortable: true, style: { width: '20%' }, body: (rowData) => `$${rowData.price.toFixed(2)}` })] }), selectedProduct && (_jsxs("div", { className: "mt-4 p-4 border rounded", children: [_jsx("h3", { className: "font-bold mb-2", children: "Selected Product:" }), _jsxs("p", { children: [_jsx("strong", { children: "Name:" }), " ", selectedProduct.name] }), _jsxs("p", { children: [_jsx("strong", { children: "Category:" }), " ", selectedProduct.category] }), _jsxs("p", { children: [_jsx("strong", { children: "Price:" }), " $", selectedProduct.price.toFixed(2)] }), _jsxs("p", { children: [_jsx("strong", { children: "In Stock:" }), " ", selectedProduct.inStock ? 'Yes' : 'No'] })] }))] }));
+    }
+};
 //# sourceMappingURL=DataTableForQuery.stories.js.map

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,4CAgBpE,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 { jsx, jsxs } 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 (jsx(Dialog, { title: props.title, visible: true, onCancel: () => undefined, buttons: null, children: jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-4", children: [jsx(ProgressSpinner, {}), jsx("p", { className: "m-0 text-center", 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            <div className=\"flex flex-col items-center justify-center gap-4 py-4\">\n                <ProgressSpinner />\n                <p className=\"m-0 text-center\">\n                    {props.message}\n                </p>\n            </div>\n        </Dialog>\n    );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;AAOO,MAAM,mBAAmB,GAAG,CAAC,KAAiC,KAAI;IACrE,QACIA,IAAC,MAAM,EAAA,EACH,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,MAAM,SAAS,EACzB,OAAO,EAAE,IAAI,EAAA,QAAA,EAEbC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,aACjED,GAAA,CAAC,eAAe,KAAG,EACnBA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,iBAAiB,YACzB,KAAK,CAAC,OAAO,EAAA,CACd,CAAA,EAAA,CACF,EAAA,CACD;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":";;;;;AAQO,MAAM,kBAAkB,GAAG,MAAK;IACnC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAA6B;AAE9E,IAAA,MAAM,aAAa,IACfA,aAAK,SAAS,EAAC,6DAA6D,EAAA,QAAA,EACxEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,YAAE,OAAO,CAAC,KAAK,EAAA,CAAQ,EAAA,CACnE,CACT;AAED,IAAA,MAAM,QAAQ,IACVA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACID,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,SAAS,EAAA,IAAA,EAAA,CAAG,EAAA,CAChG,CACN;IAED,MAAM,cAAc,IAChBE,IAAA,CAAAD,QAAA,EAAA,EAAA,QAAA,EAAA,CACID,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,SAAS,EAAA,IAAA,EAAA,CAAG,EAC/FA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAA,CAAI,CAAA,EAAA,CACtH,CACN;IAED,MAAM,WAAW,IACbE,IAAA,CAAAD,QAAA,EAAA,EAAA,QAAA,EAAA,CACID,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,EAAA,IAAA,EAAA,CAAG,EACjGA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAA,CAAI,CAAA,EAAA,CAC3G,CACN;IAED,MAAM,iBAAiB,IACnBE,IAAA,CAAAD,QAAA,EAAA,EAAA,QAAA,EAAA,CACID,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,SAAS,EAAA,IAAA,EAAA,CAAG,EACjGA,GAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,EAAA,CAAI,CAAA,EAAA,CAC3G,CACN;IAED,MAAM,iBAAiB,GAAG,MAAK;AAC3B,QAAA,QAAQ,OAAO,CAAC,OAAO;YACnB,KAAK,aAAa,CAAC,EAAE;AACjB,gBAAA,OAAO,QAAQ;YACnB,KAAK,aAAa,CAAC,QAAQ;AACvB,gBAAA,OAAO,cAAc;YACzB,KAAK,aAAa,CAAC,KAAK;AACpB,gBAAA,OAAO,WAAW;YACtB,KAAK,aAAa,CAAC,WAAW;AAC1B,gBAAA,OAAO,iBAAiB;;QAGhC,QAAQA,GAAA,CAAAC,QAAA,EAAA,EAAA,CAAK;AACjB,IAAA,CAAC;AAED,IAAA,MAAM,MAAM,IACRD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAC5D,iBAAiB,EAAE,EAAA,CAClB,CACT;AAED,IAAA,QACIA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACID,GAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAA,IAAA,EAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,YACjHA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,KAAK,EAAA,QAAA,EACb,OAAO,CAAC,OAAO,GAChB,EAAA,CACC,EAAA,CACV;AAEX;;;;"}
+{"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/Dialog.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const OkCancel: Story;
+export declare const YesNo: Story;
+export declare const YesNoCancel: Story;
+export declare const Ok: Story;
+export declare const WithForm: Story;
+export declare const CustomButtons: Story;
+//# sourceMappingURL=Dialog.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../Dialogs/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAKlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAM7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAoBrC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAMhB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsB3B,CAAC"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Dialog } from './Dialog';
+import { DialogButtons } from '@cratis/arc.react/dialogs';
+import { Button } from 'primereact/button';
+import { InputText } from 'primereact/inputtext';
+const meta = {
+    title: 'Dialogs/Dialog',
+    component: Dialog,
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+const DialogWrapper = ({ buttons, title, children, isValid }) => {
+    const [visible, setVisible] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: "Open Dialog", onClick: () => setVisible(true) }), _jsx(Dialog, { title: title, visible: visible, buttons: buttons, onClose: () => setVisible(false), isValid: isValid, children: children })] }));
+};
+export const OkCancel = {
+    render: () => (_jsx(DialogWrapper, { title: "Confirm Action", buttons: DialogButtons.OkCancel, children: _jsx("p", { children: "Are you sure you want to perform this action?" }) }))
+};
+export const YesNo = {
+    render: () => (_jsx(DialogWrapper, { title: "Delete Item", buttons: DialogButtons.YesNo, children: _jsx("p", { children: "Do you want to delete this item? This cannot be undone." }) }))
+};
+export const YesNoCancel = {
+    render: () => (_jsx(DialogWrapper, { title: "Save Changes", buttons: DialogButtons.YesNoCancel, children: _jsx("p", { children: "You have unsaved changes. Do you want to save them before closing?" }) }))
+};
+export const Ok = {
+    render: () => (_jsx(DialogWrapper, { title: "Information", buttons: DialogButtons.Ok, children: _jsx("p", { children: "The operation completed successfully." }) }))
+};
+export const WithForm = {
+    render: () => {
+        const [visible, setVisible] = useState(false);
+        const [name, setName] = useState('');
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { label: "Open Form Dialog", onClick: () => setVisible(true) }), _jsx(Dialog, { title: "Edit Name", visible: visible, buttons: DialogButtons.OkCancel, onClose: () => setVisible(false), isValid: name.trim().length > 0, children: _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "name", children: "Name" }), _jsx(InputText, { id: "name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Enter name..." }), name.trim().length === 0 && (_jsx("small", { className: "p-error", children: "Name is required" }))] }) })] }));
+    }
+};
+export const CustomButtons = {
+    render: () => {
+        const [visible, setVisible] = useState(false);
+        return (_jsxs(_Fragment, { children: [_jsx(Button, { label: "Open Custom Dialog", onClick: () => setVisible(true) }), _jsx(Dialog, { title: "Custom Actions", visible: visible, buttons: _jsxs(_Fragment, { children: [_jsx(Button, { label: "Save Draft", icon: "pi pi-save", severity: "secondary", onClick: () => setVisible(false) }), _jsx(Button, { label: "Publish", icon: "pi pi-send", onClick: () => setVisible(false) })] }), onClose: () => setVisible(false), children: _jsx("p", { children: "Choose what to do with your changes." }) })] }));
+    }
+};
+//# sourceMappingURL=Dialog.stories.js.map

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

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