@cratis/components 0.1.18 → 1.0.3

package/dist/esm/TimeMachine/Properties.stories.js

@@ -1,6 +1,51 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as Comp from './Properties';
-const Component = Comp.default || Object.values(Comp)[0];
-export default { title: 'TimeMachine/Properties', component: Component };
-export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+import { Properties } from './Properties';
+const meta = {
+    title: 'TimeMachine/Properties',
+    component: Properties,
+};
+export default meta;
+const sampleData = {
+    userId: 'user-12345',
+    username: 'john.doe',
+    email: 'john.doe@example.com',
+    age: 30,
+    isActive: true,
+    lastLogin: new Date('2024-02-10T10:30:00'),
+    role: 'administrator',
+    permissions: ['read', 'write', 'delete'],
+    metadata: { theme: 'dark', language: 'en' }
+};
+export const Default = {
+    args: {
+        data: sampleData,
+    },
+    render: (args) => (_jsx("div", { style: { padding: '20px', background: '#1a1a1a', minHeight: '400px' }, children: _jsx(Properties, { ...args }) }))
+};
+export const LeftAligned = {
+    args: {
+        data: sampleData,
+        align: 'left',
+    },
+    render: (args) => (_jsx("div", { style: { padding: '20px', background: '#1a1a1a', minHeight: '400px' }, children: _jsx(Properties, { ...args }) }))
+};
+export const RightAligned = {
+    args: {
+        data: sampleData,
+        align: 'right',
+    },
+    render: (args) => (_jsx("div", { style: { padding: '20px', background: '#1a1a1a', minHeight: '400px' }, children: _jsx(Properties, { ...args }) }))
+};
+export const WithNullValues = {
+    args: {
+        data: {
+            name: 'John Doe',
+            email: null,
+            phone: undefined,
+            age: 30,
+            isActive: false,
+        },
+    },
+    render: (args) => (_jsx("div", { style: { padding: '20px', background: '#1a1a1a', minHeight: '400px' }, children: _jsx(Properties, { ...args }) }))
+};
 //# sourceMappingURL=Properties.stories.js.map

package/dist/esm/TimeMachine/Properties.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Properties.stories.js","sourceRoot":"","sources":["../../../TimeMachine/Properties.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;AACrC,MAAM,SAAS,GAA4D,IAAgC,CAAC,OAA4E,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAuE,CAAC;AAE1R,eAAe,EAAE,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEzE,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":"Properties.stories.js","sourceRoot":"","sources":["../../../TimeMachine/Properties.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAA4B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,UAAU,GAAG;IACf,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,sBAAsB;IAC7B,GAAG,EAAE,EAAE;IACP,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;IAC1C,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;IACxC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,UAAU;KACnB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YACtE,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,IAAI,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,MAAM;KAChB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YACtE,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YACtE,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,IAAI,EAAE;YACF,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,EAAE;YACP,QAAQ,EAAE,KAAK;SAClB;KACJ;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YACtE,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT;CACJ,CAAC"}

package/dist/esm/TimeMachine/ReadModelView.stories.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ComponentType<Record<string, never>> | undefined;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from '@storybook/react';
+import { ReadModelView } from './ReadModelView';
+declare const meta: Meta<typeof ReadModelView>;
+export default meta;
+type Story = StoryObj<typeof ReadModelView>;
+export declare const Default: Story;
+export declare const SingleVersion: Story;
 //# sourceMappingURL=ReadModelView.stories.d.ts.map

package/dist/esm/TimeMachine/ReadModelView.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadModelView.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAA4E;AAE5E,eAAO,MAAM,OAAO,+CAA4E,CAAC"}
+{"version":3,"file":"ReadModelView.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAMpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AA6F5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/esm/TimeMachine/ReadModelView.stories.js

@@ -1,6 +1,80 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as Comp from './ReadModelView';
-const Component = Comp.default || Object.values(Comp)[0];
-export default { title: 'TimeMachine/ReadModelView', 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 { ReadModelView } from './ReadModelView';
+import { Properties } from './Properties';
+const meta = {
+    title: 'TimeMachine/ReadModelView',
+    component: ReadModelView,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+const sampleVersions = [
+    {
+        id: 'v1',
+        timestamp: new Date('2024-02-10T08:00:00'),
+        label: 'v1 - Initial State',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'john.doe',
+                email: 'john.doe@example.com',
+                role: 'user',
+                isActive: false
+            } })),
+        events: []
+    },
+    {
+        id: 'v2',
+        timestamp: new Date('2024-02-10T09:00:00'),
+        label: 'v2 - User Activated',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'john.doe',
+                email: 'john.doe@example.com',
+                role: 'user',
+                isActive: true
+            } })),
+        events: [
+            {
+                sequenceNumber: 1,
+                type: 'UserActivated',
+                occurred: new Date('2024-02-10T09:00:00'),
+                content: { userId: 'user-001' }
+            }
+        ]
+    },
+    {
+        id: 'v3',
+        timestamp: new Date('2024-02-10T10:00:00'),
+        label: 'v3 - Role Changed',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'john.doe',
+                email: 'john.doe@example.com',
+                role: 'admin',
+                isActive: true
+            } })),
+        events: [
+            {
+                sequenceNumber: 2,
+                type: 'RoleChanged',
+                occurred: new Date('2024-02-10T10:00:00'),
+                content: { userId: 'user-001', oldRole: 'user', newRole: 'admin' }
+            }
+        ]
+    }
+];
+const ReadModelViewWrapper = ({ versions }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [hoveredIndex] = useState(null);
+    const [isHoveringCard, setIsHoveringCard] = useState(false);
+    return (_jsxs("div", { style: { height: '800px', background: '#0a0a0a', position: 'relative' }, children: [_jsx(ReadModelView, { versions: versions, selectedIndex: selectedIndex, hoveredIndex: hoveredIndex, onVersionSelect: setSelectedIndex, onHoveringCardChange: setIsHoveringCard }), _jsxs("div", { style: { position: 'absolute', bottom: 20, left: 20, color: 'white', background: 'rgba(0,0,0,0.7)', padding: '10px', borderRadius: '5px' }, children: [_jsxs("p", { children: ["Selected Version: ", selectedIndex + 1, " of ", versions.length] }), _jsxs("p", { children: ["Hovering Card: ", String(isHoveringCard)] }), _jsx("p", { children: "Click on cards to select, scroll to navigate" })] })] }));
+};
+export const Default = {
+    render: () => _jsx(ReadModelViewWrapper, { versions: sampleVersions })
+};
+export const SingleVersion = {
+    render: () => _jsx(ReadModelViewWrapper, { versions: [sampleVersions[0]] })
+};
 //# sourceMappingURL=ReadModelView.stories.js.map

package/dist/esm/TimeMachine/ReadModelView.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadModelView.stories.js","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,MAAM,SAAS,GAA4D,IAAgC,CAAC,OAA4E,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAuE,CAAC;AAE1R,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE5E,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":"ReadModelView.stories.js","sourceRoot":"","sources":["../../../TimeMachine/ReadModelView.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/TimeMachine/TimeMachine.js

@@ -94,5 +94,5 @@ const Timeline = ({ versions, selectedIndex, hoveredIndex, onSelect, onHover, })
             }) }) }));
 };
 
-export { TimeMachine, TimeMachine as default };
+export { TimeMachine };
 //# sourceMappingURL=TimeMachine.js.map

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

@@ -1,8 +1,9 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ComponentType<Record<string, never>> | undefined;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+import { Meta, StoryObj } from '@storybook/react';
+import { TimeMachine } from './TimeMachine';
+declare const meta: Meta<typeof TimeMachine>;
+export default meta;
+type Story = StoryObj<typeof TimeMachine>;
+export declare const Default: Story;
+export declare const StartAtLatestVersion: Story;
+export declare const HighScrollSensitivity: Story;
 //# sourceMappingURL=TimeMachine.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeMachine.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAA0E;AAE1E,eAAO,MAAM,OAAO,+CAA4E,CAAC"}
+{"version":3,"file":"TimeMachine.stories.d.ts","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAkG1C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAWnC,CAAC"}

package/dist/esm/TimeMachine/TimeMachine.stories.js

@@ -1,6 +1,115 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as Comp from './TimeMachine';
-const Component = Comp.default || Object.values(Comp)[0];
-export default { title: 'TimeMachine/TimeMachine', component: Component };
-export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+import { TimeMachine } from './TimeMachine';
+import { Properties } from './Properties';
+const meta = {
+    title: 'TimeMachine/TimeMachine',
+    component: TimeMachine,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+const sampleVersions = [
+    {
+        id: 'v1',
+        timestamp: new Date('2024-02-10T08:00:00'),
+        label: 'Version 1 - Initial State',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'alice.smith',
+                email: 'alice@example.com',
+                role: 'user',
+                isActive: false,
+                credits: 0
+            } })),
+        events: []
+    },
+    {
+        id: 'v2',
+        timestamp: new Date('2024-02-10T09:00:00'),
+        label: 'Version 2 - User Activated',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'alice.smith',
+                email: 'alice@example.com',
+                role: 'user',
+                isActive: true,
+                credits: 100
+            } })),
+        events: [
+            {
+                sequenceNumber: 1,
+                type: 'UserActivated',
+                occurred: new Date('2024-02-10T09:00:00'),
+                content: { userId: 'user-001', credits: 100 }
+            }
+        ]
+    },
+    {
+        id: 'v3',
+        timestamp: new Date('2024-02-10T10:00:00'),
+        label: 'Version 3 - Credits Added',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'alice.smith',
+                email: 'alice@example.com',
+                role: 'user',
+                isActive: true,
+                credits: 500
+            } })),
+        events: [
+            {
+                sequenceNumber: 2,
+                type: 'CreditsAdded',
+                occurred: new Date('2024-02-10T10:00:00'),
+                content: { userId: 'user-001', amount: 400, newBalance: 500 }
+            }
+        ]
+    },
+    {
+        id: 'v4',
+        timestamp: new Date('2024-02-10T11:00:00'),
+        label: 'Version 4 - Promoted to Admin',
+        content: (_jsx(Properties, { data: {
+                userId: 'user-001',
+                username: 'alice.smith',
+                email: 'alice@example.com',
+                role: 'admin',
+                isActive: true,
+                credits: 500
+            } })),
+        events: [
+            {
+                sequenceNumber: 3,
+                type: 'RoleChanged',
+                occurred: new Date('2024-02-10T11:00:00'),
+                content: { userId: 'user-001', oldRole: 'user', newRole: 'admin' }
+            }
+        ]
+    }
+];
+export const Default = {
+    args: {
+        versions: sampleVersions,
+        currentVersionIndex: 0,
+        scrollSensitivity: 50,
+    },
+    render: (args) => (_jsx("div", { style: { height: '100vh', width: '100vw' }, children: _jsx(TimeMachine, { ...args }) }))
+};
+export const StartAtLatestVersion = {
+    args: {
+        versions: sampleVersions,
+        currentVersionIndex: sampleVersions.length - 1,
+        scrollSensitivity: 50,
+    },
+    render: (args) => (_jsx("div", { style: { height: '100vh', width: '100vw' }, children: _jsx(TimeMachine, { ...args }) }))
+};
+export const HighScrollSensitivity = {
+    args: {
+        versions: sampleVersions,
+        currentVersionIndex: 0,
+        scrollSensitivity: 100,
+    },
+    render: (args) => (_jsx("div", { style: { height: '100vh', width: '100vw' }, children: _jsx(TimeMachine, { ...args }) }))
+};
 //# sourceMappingURL=TimeMachine.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeMachine.stories.js","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,eAAe,CAAC;AACtC,MAAM,SAAS,GAA4D,IAAgC,CAAC,OAA4E,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAuE,CAAC;AAE1R,eAAe,EAAE,KAAK,EAAE,yBAAyB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE1E,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":"TimeMachine.stories.js","sourceRoot":"","sources":["../../../TimeMachine/TimeMachine.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAA6B;IACnC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;KACvB;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,cAAc,GAAc;IAC9B;QACI,EAAE,EAAE,IAAI;QACR,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;QAC1C,KAAK,EAAE,2BAA2B;QAClC,OAAO,EAAE,CACL,KAAC,UAAU,IACP,IAAI,EAAE;gBACF,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,aAAa;gBACvB,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,CAAC;aACb,GACH,CACL;QACD,MAAM,EAAE,EAAE;KACb;IACD;QACI,EAAE,EAAE,IAAI;QACR,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;QAC1C,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,CACL,KAAC,UAAU,IACP,IAAI,EAAE;gBACF,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,aAAa;gBACvB,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,GAAG;aACf,GACH,CACL;QACD,MAAM,EAAE;YACJ;gBACI,cAAc,EAAE,CAAC;gBACjB,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;gBACzC,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;aAChD;SACJ;KACJ;IACD;QACI,EAAE,EAAE,IAAI;QACR,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;QAC1C,KAAK,EAAE,2BAA2B;QAClC,OAAO,EAAE,CACL,KAAC,UAAU,IACP,IAAI,EAAE;gBACF,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,aAAa;gBACvB,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,GAAG;aACf,GACH,CACL;QACD,MAAM,EAAE;YACJ;gBACI,cAAc,EAAE,CAAC;gBACjB,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;gBACzC,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE;aAChE;SACJ;KACJ;IACD;QACI,EAAE,EAAE,IAAI;QACR,SAAS,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;QAC1C,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,CACL,KAAC,UAAU,IACP,IAAI,EAAE;gBACF,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,aAAa;gBACvB,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,GAAG;aACf,GACH,CACL;QACD,MAAM,EAAE;YACJ;gBACI,cAAc,EAAE,CAAC;gBACjB,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,IAAI,IAAI,CAAC,qBAAqB,CAAC;gBACzC,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;aACrE;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,mBAAmB,EAAE,CAAC;QACtB,iBAAiB,EAAE,EAAE;KACxB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAC3C,KAAC,WAAW,OAAK,IAAI,GAAI,GACvB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACvC,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,mBAAmB,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9C,iBAAiB,EAAE,EAAE;KACxB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAC3C,KAAC,WAAW,OAAK,IAAI,GAAI,GACvB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU;IACxC,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,mBAAmB,EAAE,CAAC;QACtB,iBAAiB,EAAE,GAAG;KACzB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAC3C,KAAC,WAAW,OAAK,IAAI,GAAI,GACvB,CACT;CACJ,CAAC"}

package/dist/esm/index.d.ts

@@ -1,10 +1,14 @@
 import * as CommandDialog from './CommandDialog';
 import * as CommandForm from './CommandForm';
+import * as Common from './Common';
 import * as DataPage from './DataPage';
-import * as dataTables from './DataTables';
-import * as dialogs from './Dialogs';
+import * as DataTables from './DataTables';
+import * as Dialogs from './Dialogs';
 import * as Dropdown from './Dropdown';
+import * as ObjectContentEditor from './ObjectContentEditor';
+import * as ObjectNavigationalBar from './ObjectNavigationalBar';
 import * as PivotViewer from './PivotViewer';
+import * as SchemaEditor from './SchemaEditor';
 import * as TimeMachine from './TimeMachine';
-export { CommandDialog, CommandForm, DataPage, dataTables, dialogs, Dropdown, PivotViewer, TimeMachine, };
+export { CommandDialog, CommandForm, Common, DataPage, DataTables, Dialogs, Dropdown, ObjectContentEditor, ObjectNavigationalBar, PivotViewer, SchemaEditor, TimeMachine, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EACH,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,GACd,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,mBAAmB,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EACH,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,WAAW,GACd,CAAC"}

package/dist/esm/index.js

@@ -2,16 +2,24 @@ import * as index from './CommandDialog/index.js';
 export { index as CommandDialog };
 import * as index$1 from './CommandForm/index.js';
 export { index$1 as CommandForm };
-import * as index$2 from './DataPage/index.js';
-export { index$2 as DataPage };
-import * as index$3 from './DataTables/index.js';
-export { index$3 as dataTables };
-import * as index$4 from './Dialogs/index.js';
-export { index$4 as dialogs };
-import * as index$5 from './Dropdown/index.js';
-export { index$5 as Dropdown };
-import * as index$6 from './PivotViewer/index.js';
-export { index$6 as PivotViewer };
-import * as index$7 from './TimeMachine/index.js';
-export { index$7 as TimeMachine };
+import * as index$2 from './Common/index.js';
+export { index$2 as Common };
+import * as index$3 from './DataPage/index.js';
+export { index$3 as DataPage };
+import * as index$4 from './DataTables/index.js';
+export { index$4 as DataTables };
+import * as index$5 from './Dialogs/index.js';
+export { index$5 as Dialogs };
+import * as index$6 from './Dropdown/index.js';
+export { index$6 as Dropdown };
+import * as index$7 from './ObjectContentEditor/index.js';
+export { index$7 as ObjectContentEditor };
+import * as index$8 from './ObjectNavigationalBar/index.js';
+export { index$8 as ObjectNavigationalBar };
+import * as index$9 from './PivotViewer/index.js';
+export { index$9 as PivotViewer };
+import * as index$a from './SchemaEditor/index.js';
+export { index$a as SchemaEditor };
+import * as index$b from './TimeMachine/index.js';
+export { index$b as TimeMachine };
 //# sourceMappingURL=index.js.map

package/dist/esm/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/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}