@cratis/scene.components 0.1.0

package/dist/cjs/toolbar/SceneToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { ToolbarButton } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\nexport function SceneToolbarButton({ element }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n        />\n    );\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","text","stringProperty","properties","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty"],"mappings":";;;;;;AAOA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;AAOC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAMC,IAAAA,GAAOC,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;AAEhD,IAAA,qBACIC,cAAA,CAACC,qBAAAA,EAAAA;QACGC,IAAAA,EAAMJ,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNM,QAAAA,KAAAA,EAAOL,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DO,MAAAA,EAAQC,0BAAAA,CAAgBT,OAAAA,CAAQG,UAAU,EAAE,QAAA,CAAA;AAC5CO,QAAAA,eAAAA,EAAiBC,wBAAAA,CAAcX,OAAAA,CAAQG,UAAU,EAAE,iBAAA,EAAmBL,gBAAAA;;AAGlF;;;;"}

package/dist/cjs/toolbar/SceneToolbarGroup.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Toolbar = require('@cratis/components/Toolbar');
+var properties = require('../properties.js');
+
+/** Whether the group's buttons stack or sit in a row. */ const orientations = [
+    'vertical',
+    'horizontal'
+];
+/**
+ * The `Cratis.Components:toolbarGroup` component - `ToolbarGroup` from `@cratis/components/Toolbar`.
+ *
+ * Keeps related buttons together inside a toolbar. `slotName` opts the group into the library's toolbar
+ * slot mechanism, which lets content contributed from elsewhere in the application land in this group -
+ * the same idea as Scene's own contribution points, and the reason the property is worth exposing rather
+ * than treating the group as purely visual.
+ */ function SceneToolbarGroup({ element, slots }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(Toolbar.ToolbarGroup, {
+        slotName: properties.stringProperty(element.properties, 'slotName'),
+        orientation: properties.unionProperty(element.properties, 'orientation', orientations),
+        children: slots.content
+    });
+}
+
+exports.SceneToolbarGroup = SceneToolbarGroup;
+//# sourceMappingURL=SceneToolbarGroup.js.map

package/dist/cjs/toolbar/SceneToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarGroup.js","sources":["../../../toolbar/SceneToolbarGroup.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 { ToolbarGroup } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { stringProperty, unionProperty } from '../properties';\n\n/** Whether the group's buttons stack or sit in a row. */\nconst orientations = ['vertical', 'horizontal'] as const;\n\n/**\n * The `Cratis.Components:toolbarGroup` component - `ToolbarGroup` from `@cratis/components/Toolbar`.\n *\n * Keeps related buttons together inside a toolbar. `slotName` opts the group into the library's toolbar\n * slot mechanism, which lets content contributed from elsewhere in the application land in this group -\n * the same idea as Scene's own contribution points, and the reason the property is worth exposing rather\n * than treating the group as purely visual.\n */\nexport function SceneToolbarGroup({ element, slots }: RegisteredComponentProps) {\n    return (\n        <ToolbarGroup\n            slotName={stringProperty(element.properties, 'slotName')}\n            orientation={unionProperty(element.properties, 'orientation', orientations)}\n        >\n            {slots.content}\n        </ToolbarGroup>\n    );\n}\n"],"names":["orientations","SceneToolbarGroup","element","slots","_jsx","ToolbarGroup","slotName","stringProperty","properties","orientation","unionProperty","content"],"mappings":";;;;;;AAOA,0DACA,MAAMA,YAAAA,GAAe;AAAC,IAAA,UAAA;AAAY,IAAA;AAAa,CAAA;AAE/C;;;;;;;AAOC,IACM,SAASC,iBAAAA,CAAkB,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AAC1E,IAAA,qBACIC,cAAA,CAACC,oBAAAA,EAAAA;QACGC,QAAAA,EAAUC,yBAAAA,CAAeL,OAAAA,CAAQM,UAAU,EAAE,UAAA,CAAA;AAC7CC,QAAAA,WAAAA,EAAaC,wBAAAA,CAAcR,OAAAA,CAAQM,UAAU,EAAE,aAAA,EAAeR,YAAAA,CAAAA;AAE7DG,QAAAA,QAAAA,EAAAA,KAAAA,CAAMQ;;AAGnB;;;;"}

package/dist/cjs/toolbar/SceneToolbarSeparator.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Toolbar = require('@cratis/components/Toolbar');
+var properties = require('../properties.js');
+
+/** Whether the separator is drawn as a horizontal rule or a vertical one. */ const orientations = [
+    'vertical',
+    'horizontal'
+];
+/**
+ * The `Cratis.Components:toolbarSeparator` component - `ToolbarSeparator` from
+ * `@cratis/components/Toolbar`.
+ *
+ * The divider between groups of tools. Its `orientation` describes the *toolbar* it sits in rather than
+ * the line it draws - a vertical toolbar gets a horizontal rule - which matches how the toolbar's own
+ * `orientation` reads, so a screen sets the same value on both.
+ */ function SceneToolbarSeparator({ element }) {
+    return /*#__PURE__*/ jsxRuntime.jsx(Toolbar.ToolbarSeparator, {
+        orientation: properties.unionProperty(element.properties, 'orientation', orientations)
+    });
+}
+
+exports.SceneToolbarSeparator = SceneToolbarSeparator;
+//# sourceMappingURL=SceneToolbarSeparator.js.map

package/dist/cjs/toolbar/SceneToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneToolbarSeparator.js","sources":["../../../toolbar/SceneToolbarSeparator.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 { ToolbarSeparator } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { unionProperty } from '../properties';\n\n/** Whether the separator is drawn as a horizontal rule or a vertical one. */\nconst orientations = ['vertical', 'horizontal'] as const;\n\n/**\n * The `Cratis.Components:toolbarSeparator` component - `ToolbarSeparator` from\n * `@cratis/components/Toolbar`.\n *\n * The divider between groups of tools. Its `orientation` describes the *toolbar* it sits in rather than\n * the line it draws - a vertical toolbar gets a horizontal rule - which matches how the toolbar's own\n * `orientation` reads, so a screen sets the same value on both.\n */\nexport function SceneToolbarSeparator({ element }: RegisteredComponentProps) {\n    return <ToolbarSeparator orientation={unionProperty(element.properties, 'orientation', orientations)} />;\n}\n"],"names":["orientations","SceneToolbarSeparator","element","_jsx","ToolbarSeparator","orientation","unionProperty","properties"],"mappings":";;;;;;AAOA,8EACA,MAAMA,YAAAA,GAAe;AAAC,IAAA,UAAA;AAAY,IAAA;AAAa,CAAA;AAE/C;;;;;;;AAOC,IACM,SAASC,qBAAAA,CAAsB,EAAEC,OAAO,EAA4B,EAAA;AACvE,IAAA,qBAAOC,cAAA,CAACC,wBAAAA,EAAAA;AAAiBC,QAAAA,WAAAA,EAAaC,wBAAAA,CAAcJ,OAAAA,CAAQK,UAAU,EAAE,aAAA,EAAeP,YAAAA;;AAC3F;;;;"}

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

@@ -0,0 +1,29 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from '@cratis/scene.react';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        registry: import("@cratis/scene.react").ComponentRegistry;
+        resolveBinding: () => undefined;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const MissingBindings: Story;
+export declare const Toolbar: Story;
+export declare const Editors: Story;
+export declare const InContext: Story;
+export declare const Themed: Story;
+export declare const Interactive: Story;
+//# sourceMappingURL=CratisComponents.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CratisComponents.stories.d.ts","sourceRoot":"","sources":["../../CratisComponents.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AA6D3E,QAAA,MAAM,IAAI;;;;;QAKF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;QAQjB,QAAQ;QACR,cAAc;;CAEmB,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAOF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAC;AA+BF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/esm/CratisComponents.stories.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, fireEvent, within } from 'storybook/test';
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+import { SceneElementView, SceneThemeProvider } from '@cratis/scene.react';
+import { cratisComponents } from './cratisComponents';
+function component(id, componentName, properties = {}, slots = {}) {
+    return {
+        id,
+        name: id,
+        componentName,
+        properties,
+        slots,
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+    };
+}
+const toolbar = component('toolbar', 'Cratis.Components:toolbar', { orientation: 'horizontal' }, {
+    content: [
+        component('new', 'Cratis.Components:toolbarButton', { icon: 'pi pi-plus', title: 'New invoice' }),
+        component('refresh', 'Cratis.Components:toolbarButton', { icon: 'pi pi-refresh', title: 'Refresh' }),
+        component('separator', 'Cratis.Components:toolbarSeparator', { orientation: 'horizontal' }),
+        component('group', 'Cratis.Components:toolbarGroup', { orientation: 'horizontal' }, {
+            content: [
+                component('approve', 'Cratis.Components:toolbarButton', { icon: 'pi pi-check', title: 'Approve', active: true }),
+                component('reject', 'Cratis.Components:toolbarButton', { icon: 'pi pi-times', title: 'Reject' }),
+            ],
+        }),
+    ],
+});
+const statusDropdown = component('status', 'Cratis.Components:dropdown', {
+    placeholder: 'Any status',
+    showClear: true,
+    options: [
+        { label: 'Draft', value: 'draft' },
+        { label: 'Approved', value: 'approved' },
+        { label: 'Paid', value: 'paid' },
+    ],
+});
+const invoicesTable = component('invoices', 'Cratis.Components:dataTable', {
+    query: 'AllInvoices',
+    emptyMessage: 'No invoices yet',
+    dataKey: 'invoiceId',
+});
+const invoicesScreen = component('page', 'Cratis.Components:page', { title: 'Invoices', showTitle: true, panel: true }, {
+    content: [toolbar, statusDropdown, invoicesTable],
+});
+const meta = {
+    title: 'Packages/Cratis Components',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: {
+            description: {
+                component: 'The `Cratis.Components` Scene package: `@cratis/components` exposed as resolvable Scene components. ' +
+                    'Every story renders a real `ExternalComponent` tree through the real `SceneElementView` and the real ' +
+                    'component registry, so what is shown is exactly what a `.play` screen resolves to.',
+            },
+        },
+    },
+    args: {
+        registry: cratisComponents,
+        resolveBinding: () => undefined,
+    },
+};
+export default meta;
+export const Playground = {
+    args: { element: invoicesScreen },
+};
+export const MissingBindings = {
+    args: {
+        element: component('unbound', 'Cratis.Components:page', { title: 'Unbound', showTitle: true }, {
+            content: [
+                component('table', 'Cratis.Components:dataTable', { query: 'AllInvoices', emptyMessage: 'None' }),
+                component('live', 'Cratis.Components:observableDataTable', { query: 'InvoicesInFlight', emptyMessage: 'None' }),
+                component('form', 'Cratis.Components:commandForm', { command: 'RegisterInvoice' }),
+                component('nameless', 'Cratis.Components:dataPage', { title: 'No query named' }),
+                component('field', 'Cratis.Components:inputTextField', { title: 'No property named' }),
+            ],
+        }),
+    },
+};
+export const Toolbar = {
+    args: {
+        element: component('page', 'Cratis.Components:page', { title: 'Toolbar', showTitle: true }, { content: [toolbar] }),
+    },
+};
+export const Editors = {
+    args: {
+        element: component('page', 'Cratis.Components:page', { title: 'Editors', showTitle: true }, {
+            content: [
+                component('trail', 'Cratis.Components:objectNavigationalBar', { navigationPath: ['shipping', 'address'] }),
+                component('schema', 'Cratis.Components:schemaEditor', {
+                    eventTypeName: 'InvoiceRegistered',
+                    canEdit: true,
+                    schema: {
+                        title: 'InvoiceRegistered',
+                        type: 'object',
+                        properties: {
+                            number: { type: 'string' },
+                            amount: { type: 'number' },
+                            issued: { type: 'string', format: 'date-time' },
+                        },
+                    },
+                }),
+                component('document', 'Cratis.Components:objectContentEditor', {
+                    editMode: true,
+                    object: { number: 'INV-1001', amount: 4200 },
+                    schema: { type: 'object', properties: { number: { type: 'string' }, amount: { type: 'number' } } },
+                }),
+            ],
+        }),
+    },
+};
+export const InContext = {
+    args: {
+        element: component('page', 'Cratis.Components:page', { title: 'Invoice INV-1001', showTitle: true, panel: true }, {
+            content: [
+                component('guard', 'Cratis.Components:errorBoundary', {}, {
+                    content: [
+                        component('hint', 'Cratis.Components:tooltip', { content: 'Approved on 5 January', position: 'right' }, {
+                            content: [component('icon', 'Cratis.Components:icon', { icon: 'pi pi-check-circle' })],
+                        }),
+                        component('filters', 'Cratis.Components:filterPanel', {
+                            label: 'Filters',
+                            filters: [
+                                {
+                                    key: 'status',
+                                    label: 'Status',
+                                    multi: true,
+                                    options: [
+                                        { key: 'draft', label: 'Draft', count: 12 },
+                                        { key: 'approved', label: 'Approved', count: 44 },
+                                    ],
+                                },
+                            ],
+                        }),
+                    ],
+                }),
+            ],
+        }),
+    },
+};
+const midnight = {
+    name: 'Midnight',
+    compatibleWith: ['Cratis.Components', 'PrimeReact', 'Tailwind'],
+    isDark: true,
+    description: 'A dark Scene theme, applied to Cratis Components entirely through design tokens.',
+    tokens: {
+        'primary.color': '#a78bfa',
+        'primary.contrastColor': '#1e1b4b',
+        'surface.background': '#0f172a',
+        'surface.card': '#1e293b',
+        'surface.border': '#334155',
+        'surface.hover': '#273449',
+        'surface.overlay': '#1e293b',
+        'text.color': '#e2e8f0',
+        'text.mutedColor': '#94a3b8',
+        'highlight.background': '#312e81',
+        'highlight.color': '#e0e7ff',
+        'content.borderRadius': '10px',
+        'focus.ring': '0 0 0 0.2rem #4c1d95',
+    },
+};
+export const Themed = {
+    args: { element: invoicesScreen },
+    render: args => (_jsx(SceneThemeProvider, { theme: midnight, children: _jsx(SceneElementView, { ...args }) })),
+};
+export const Interactive = {
+    args: {
+        element: component('trail', 'Cratis.Components:objectNavigationalBar', { navigationPath: ['shipping', 'address', 'street'] }),
+    },
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        fireEvent.click(canvas.getByText('address'));
+        await expect(canvas.queryByText('street')).toBeNull();
+    },
+};
+//# sourceMappingURL=CratisComponents.stories.js.map

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

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

package/dist/esm/bindings/ArcRuntimeBoundary.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface ArcRuntimeBoundaryProps {
+    children: ReactNode;
+}
+export declare function ArcRuntimeBoundary({ children }: ArcRuntimeBoundaryProps): import("react").JSX.Element;
+//# sourceMappingURL=ArcRuntimeBoundary.d.ts.map

package/dist/esm/bindings/ArcRuntimeBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcRuntimeBoundary.d.ts","sourceRoot":"","sources":["../../../bindings/ArcRuntimeBoundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,uBAAuB;IAEpC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAoBD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAMvE"}

package/dist/esm/bindings/ArcRuntimeBoundary.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { Suspense } from 'react';
+import { ErrorBoundary } from '@cratis/components/Common';
+
+/**
+ * Isolates one Arc-bound component so that neither loading it nor failing to load it can take the
+ * surrounding screen down with it.
+ *
+ * The Arc-bound half of `@cratis/components` - `DataPage`, the data tables, `CommandForm` and its
+ * fields, every dialog - reaches `@cratis/arc` and `@cratis/arc.react` at import time. Those are peer
+ * dependencies the *host* supplies, and a design surface is not a host: Studio previews a screen without
+ * an Arc client, without a backend, and often without a single binding registered. This package
+ * therefore imports every Arc-bound component through a dynamic `import()` rather than a static one, so
+ * that a screen made only of the library's Arc-free components never pulls the Arc runtime in at all.
+ *
+ * That deferral has two visible states, and this covers both: `Suspense` while the chunk is in flight,
+ * and the library's own `ErrorBoundary` when it cannot be loaded - which is what a host without Arc
+ * installed will see. One dashed-out region, not a blank screen and not a thrown render.
+ *
+ * `ErrorBoundary` is used by composition rather than by writing another one: an error boundary is the
+ * one thing React still requires a class for, and `@cratis/components` already ships that class.
+ */ function ArcRuntimeBoundary({ children }) {
+    return /*#__PURE__*/ jsx(ErrorBoundary, {
+        children: /*#__PURE__*/ jsx(Suspense, {
+            fallback: /*#__PURE__*/ jsx("span", {
+                "data-scene-arc-loading": "",
+                children: "Loading"
+            }),
+            children: children
+        })
+    });
+}
+
+export { ArcRuntimeBoundary };
+//# sourceMappingURL=ArcRuntimeBoundary.js.map

package/dist/esm/bindings/ArcRuntimeBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcRuntimeBoundary.js","sources":["../../../bindings/ArcRuntimeBoundary.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 { ReactNode, Suspense } from 'react';\nimport { ErrorBoundary } from '@cratis/components/Common';\n\nexport interface ArcRuntimeBoundaryProps {\n    /** The lazily loaded, Arc-bound content this boundary isolates. */\n    children: ReactNode;\n}\n\n/**\n * Isolates one Arc-bound component so that neither loading it nor failing to load it can take the\n * surrounding screen down with it.\n *\n * The Arc-bound half of `@cratis/components` - `DataPage`, the data tables, `CommandForm` and its\n * fields, every dialog - reaches `@cratis/arc` and `@cratis/arc.react` at import time. Those are peer\n * dependencies the *host* supplies, and a design surface is not a host: Studio previews a screen without\n * an Arc client, without a backend, and often without a single binding registered. This package\n * therefore imports every Arc-bound component through a dynamic `import()` rather than a static one, so\n * that a screen made only of the library's Arc-free components never pulls the Arc runtime in at all.\n *\n * That deferral has two visible states, and this covers both: `Suspense` while the chunk is in flight,\n * and the library's own `ErrorBoundary` when it cannot be loaded - which is what a host without Arc\n * installed will see. One dashed-out region, not a blank screen and not a thrown render.\n *\n * `ErrorBoundary` is used by composition rather than by writing another one: an error boundary is the\n * one thing React still requires a class for, and `@cratis/components` already ships that class.\n */\nexport function ArcRuntimeBoundary({ children }: ArcRuntimeBoundaryProps) {\n    return (\n        <ErrorBoundary>\n            <Suspense fallback={<span data-scene-arc-loading=''>Loading</span>}>{children}</Suspense>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ArcRuntimeBoundary","children","_jsx","ErrorBoundary","Suspense","fallback","span","data-scene-arc-loading"],"mappings":";;;;AAWA;;;;;;;;;;;;;;;;;AAiBC,IACM,SAASA,kBAAAA,CAAmB,EAAEC,QAAQ,EAA2B,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;AACG,QAAA,QAAA,gBAAAD,GAAA,CAACE,QAAAA,EAAAA;AAASC,YAAAA,QAAAA,gBAAUH,GAAA,CAACI,MAAAA,EAAAA;gBAAKC,wBAAAA,EAAuB,EAAA;AAAG,gBAAA,QAAA,EAAA;;AAAiBN,YAAAA,QAAAA,EAAAA;;;AAGjF;;;;"}

package/dist/esm/bindings/BindingKind.d.ts

@@ -0,0 +1,5 @@
+export declare enum BindingKind {
+    Query = "query",
+    Command = "command"
+}
+//# sourceMappingURL=BindingKind.d.ts.map

package/dist/esm/bindings/BindingKind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingKind.d.ts","sourceRoot":"","sources":["../../../bindings/BindingKind.ts"],"names":[],"mappings":"AAWA,oBAAY,WAAW;IAEnB,KAAK,UAAU;IAGf,OAAO,YAAY;CACtB"}

package/dist/esm/bindings/BindingKind.js

@@ -0,0 +1,17 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * What a name in a screen is expected to resolve to when it is looked up in the binding registry.
+ *
+ * Queries and commands are kept apart rather than sharing one namespace because they are opposite halves
+ * of CQRS and a screen means exactly one of them at each site: `data Invoices via query AllInvoices`
+ * cannot be satisfied by a command of the same name, and letting it be satisfied would turn a modeling
+ * mistake into a runtime one.
+ */ var BindingKind = /*#__PURE__*/ function(BindingKind) {
+    /** An Arc query proxy - what a data table or data page reads its rows from. */ BindingKind["Query"] = "query";
+    /** An Arc command proxy - what a command form or command dialog submits. */ BindingKind["Command"] = "command";
+    return BindingKind;
+}({});
+
+export { BindingKind };
+//# sourceMappingURL=BindingKind.js.map

package/dist/esm/bindings/BindingKind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BindingKind.js","sources":["../../../bindings/BindingKind.ts"],"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\n/**\n * What a name in a screen is expected to resolve to when it is looked up in the binding registry.\n *\n * Queries and commands are kept apart rather than sharing one namespace because they are opposite halves\n * of CQRS and a screen means exactly one of them at each site: `data Invoices via query AllInvoices`\n * cannot be satisfied by a command of the same name, and letting it be satisfied would turn a modeling\n * mistake into a runtime one.\n */\nexport enum BindingKind {\n    /** An Arc query proxy - what a data table or data page reads its rows from. */\n    Query = 'query',\n\n    /** An Arc command proxy - what a command form or command dialog submits. */\n    Command = 'command',\n}\n"],"names":["BindingKind"],"mappings":"AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,WAAAA,iBAAAA,SAAAA,WAAAA,EAAAA;oFACqE,WAAA,CAAA,OAAA,CAAA,GAAA,OAAA;iFAGH,WAAA,CAAA,SAAA,CAAA,GAAA,SAAA;AAJlEA,IAAAA,OAAAA,WAAAA;AAMX,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/bindings/BoundConstructor.d.ts

@@ -0,0 +1,2 @@
+export type BoundConstructor = new (...args: never[]) => object;
+//# sourceMappingURL=BoundConstructor.d.ts.map

package/dist/esm/bindings/BoundConstructor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoundConstructor.d.ts","sourceRoot":"","sources":["../../../bindings/BoundConstructor.ts"],"names":[],"mappings":"AAoBA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC"}

package/dist/esm/bindings/BoundConstructor.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BoundConstructor.js.map

package/dist/esm/bindings/BoundConstructor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoundConstructor.js","sourceRoot":"","sources":["../../../bindings/BoundConstructor.ts"],"names":[],"mappings":""}

package/dist/esm/bindings/ElementBinding.d.ts

@@ -0,0 +1,6 @@
+import { BoundConstructor } from './BoundConstructor';
+export interface ElementBinding {
+    name?: string;
+    target?: BoundConstructor;
+}
+//# sourceMappingURL=ElementBinding.d.ts.map

package/dist/esm/bindings/ElementBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementBinding.d.ts","sourceRoot":"","sources":["../../../bindings/ElementBinding.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,WAAW,cAAc;IAE3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC7B"}

package/dist/esm/bindings/ElementBinding.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ElementBinding.js.map

package/dist/esm/bindings/ElementBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementBinding.js","sourceRoot":"","sources":["../../../bindings/ElementBinding.ts"],"names":[],"mappings":""}

package/dist/esm/bindings/MissingBinding.d.ts

@@ -0,0 +1,9 @@
+import { ExternalComponent } from '@cratis/scene.model';
+import { BindingKind } from './BindingKind';
+export interface MissingBindingProps {
+    element: ExternalComponent;
+    kind: BindingKind;
+    name?: string;
+}
+export declare function MissingBinding({ element, kind, name }: MissingBindingProps): import("react").JSX.Element;
+//# sourceMappingURL=MissingBinding.d.ts.map

package/dist/esm/bindings/MissingBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingBinding.d.ts","sourceRoot":"","sources":["../../../bindings/MissingBinding.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,WAAW,mBAAmB;IAEhC,OAAO,EAAE,iBAAiB,CAAC;IAG3B,IAAI,EAAE,WAAW,CAAC;IAOlB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAUD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,mBAAmB,+BAG1E"}

package/dist/esm/bindings/MissingBinding.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { Placeholder } from './Placeholder.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The placeholder an Arc-bound adapter renders instead of its real component when the binding it needs
+ * is not available.
+ *
+ * It names the binding, because that is the only actionable part: the fix is either to register that
+ * name in the host or to correct the name in the screen, and the message has to be enough to tell those
+ * two apart without opening a debugger.
+ */ function MissingBinding({ element, kind, name }) {
+    const problem = name === undefined ? `Missing ${kind} binding` : `Unresolved ${kind} binding '${name}'`;
+    return /*#__PURE__*/ jsx(Placeholder, {
+        element: element,
+        problem: problem
+    });
+}
+
+export { MissingBinding };
+//# sourceMappingURL=MissingBinding.js.map

package/dist/esm/bindings/MissingBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingBinding.js","sources":["../../../bindings/MissingBinding.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 { ExternalComponent } from '@cratis/scene.model';\nimport { BindingKind } from './BindingKind';\nimport { Placeholder } from './Placeholder';\n\nexport interface MissingBindingProps {\n    /** The element whose binding could not be satisfied. */\n    element: ExternalComponent;\n\n    /** Whether a query or a command was wanted. */\n    kind: BindingKind;\n\n    /**\n     * The name the screen asked for, or `undefined` when the screen never named one. The two are\n     * different mistakes and get different messages - a screen that names `AllInvoices` needs the host\n     * to register it, while a screen that names nothing needs editing.\n     */\n    name?: string;\n}\n\n/**\n * The placeholder an Arc-bound adapter renders instead of its real component when the binding it needs\n * is not available.\n *\n * It names the binding, because that is the only actionable part: the fix is either to register that\n * name in the host or to correct the name in the screen, and the message has to be enough to tell those\n * two apart without opening a debugger.\n */\nexport function MissingBinding({ element, kind, name }: MissingBindingProps) {\n    const problem = name === undefined ? `Missing ${kind} binding` : `Unresolved ${kind} binding '${name}'`;\n    return <Placeholder element={element} problem={problem} />;\n}\n"],"names":["MissingBinding","element","kind","name","problem","undefined","_jsx","Placeholder"],"mappings":";;;AAAA;AACA;AAqBA;;;;;;;IAQO,SAASA,cAAAA,CAAe,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAuB,EAAA;AACvE,IAAA,MAAMC,UAAUD,IAAAA,KAASE,SAAAA,GAAY,CAAC,QAAQ,EAAEH,KAAK,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAEA,IAAAA,CAAK,UAAU,EAAEC,IAAAA,CAAK,CAAC,CAAC;AACvG,IAAA,qBAAOG,GAAA,CAACC,WAAAA,EAAAA;QAAYN,OAAAA,EAASA,OAAAA;QAASG,OAAAA,EAASA;;AACnD;;;;"}

package/dist/esm/bindings/Placeholder.d.ts

@@ -0,0 +1,7 @@
+import { ExternalComponent } from '@cratis/scene.model';
+export interface PlaceholderProps {
+    element: ExternalComponent;
+    problem: string;
+}
+export declare function Placeholder({ element, problem }: PlaceholderProps): import("react").JSX.Element;
+//# sourceMappingURL=Placeholder.d.ts.map

package/dist/esm/bindings/Placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../bindings/Placeholder.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAK7B,OAAO,EAAE,iBAAiB,CAAC;IAK3B,OAAO,EAAE,MAAM,CAAC;CACnB;AAeD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAUjE"}

package/dist/esm/bindings/Placeholder.js

@@ -0,0 +1,36 @@
+import { jsxs } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The stand-in an adapter renders when it has been given a screen it cannot honor - a binding name
+ * nothing is registered under, or a required property the screen never set.
+ *
+ * Deliberately the same presentation as `UnresolvedComponent` in `@cratis/scene.react`: a dashed red box
+ * that states the problem in monospace. They are the same class of failure seen at two different depths -
+ * the renderer could not find the component, or the component could not find what it needs - and a
+ * designer scanning a preview should recognize both instantly as "something here is not wired up".
+ *
+ * Rendering this rather than throwing is the whole point. Studio's design-time preview usually has no
+ * bindings registered at all, and it still has to show a usable layout: one unbound table must cost one
+ * dashed box, not the entire screen.
+ */ function Placeholder({ element, problem }) {
+    return /*#__PURE__*/ jsxs("div", {
+        "data-scene-id": element.id,
+        "data-scene-placeholder": element.componentName,
+        style: {
+            border: '1px dashed red',
+            color: 'red',
+            padding: '0.25rem 0.5rem',
+            fontFamily: 'monospace'
+        },
+        children: [
+            problem,
+            " on ",
+            element.componentName
+        ]
+    });
+}
+
+export { Placeholder };
+//# sourceMappingURL=Placeholder.js.map

package/dist/esm/bindings/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sources":["../../../bindings/Placeholder.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 { ExternalComponent } from '@cratis/scene.model';\n\nexport interface PlaceholderProps {\n    /**\n     * The element that could not be rendered as configured. Its `componentName` names what was being\n     * rendered, which is most of what makes the placeholder actionable.\n     */\n    element: ExternalComponent;\n\n    /**\n     * What is wrong, phrased as the problem rather than the remedy - `Unresolved query binding 'AllInvoices'`.\n     */\n    problem: string;\n}\n\n/**\n * The stand-in an adapter renders when it has been given a screen it cannot honor - a binding name\n * nothing is registered under, or a required property the screen never set.\n *\n * Deliberately the same presentation as `UnresolvedComponent` in `@cratis/scene.react`: a dashed red box\n * that states the problem in monospace. They are the same class of failure seen at two different depths -\n * the renderer could not find the component, or the component could not find what it needs - and a\n * designer scanning a preview should recognize both instantly as \"something here is not wired up\".\n *\n * Rendering this rather than throwing is the whole point. Studio's design-time preview usually has no\n * bindings registered at all, and it still has to show a usable layout: one unbound table must cost one\n * dashed box, not the entire screen.\n */\nexport function Placeholder({ element, problem }: PlaceholderProps) {\n    return (\n        <div\n            data-scene-id={element.id}\n            data-scene-placeholder={element.componentName}\n            style={{ border: '1px dashed red', color: 'red', padding: '0.25rem 0.5rem', fontFamily: 'monospace' }}\n        >\n            {problem} on {element.componentName}\n        </div>\n    );\n}\n"],"names":["Placeholder","element","problem","_jsxs","div","data-scene-id","id","data-scene-placeholder","componentName","style","border","color","padding","fontFamily"],"mappings":";;AAAA;AACA;AAiBA;;;;;;;;;;;;AAYC,IACM,SAASA,WAAAA,CAAY,EAAEC,OAAO,EAAEC,OAAO,EAAoB,EAAA;AAC9D,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;AACzBC,QAAAA,wBAAAA,EAAwBN,QAAQO,aAAa;QAC7CC,KAAAA,EAAO;YAAEC,MAAAA,EAAQ,gBAAA;YAAkBC,KAAAA,EAAO,KAAA;YAAOC,OAAAA,EAAS,gBAAA;YAAkBC,UAAAA,EAAY;AAAY,SAAA;;AAEnGX,YAAAA,OAAAA;AAAQ,YAAA,MAAA;AAAKD,YAAAA,OAAAA,CAAQO;;;AAGlC;;;;"}

package/dist/esm/bindings/bindingRegistry.d.ts

@@ -0,0 +1,11 @@
+import { BoundConstructor } from './BoundConstructor';
+export declare function registerQuery(name: string, queryClass: BoundConstructor): void;
+export declare function registerQueries(bindings: Record<string, BoundConstructor>): void;
+export declare function resolveQuery(name: string): BoundConstructor | undefined;
+export declare function registerCommand(name: string, commandClass: BoundConstructor): void;
+export declare function registerCommands(bindings: Record<string, BoundConstructor>): void;
+export declare function resolveCommand(name: string): BoundConstructor | undefined;
+export declare function registeredQueryNames(): string[];
+export declare function registeredCommandNames(): string[];
+export declare function clearBindings(): void;
+//# sourceMappingURL=bindingRegistry.d.ts.map

package/dist/esm/bindings/bindingRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingRegistry.d.ts","sourceRoot":"","sources":["../../../bindings/bindingRegistry.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAqBtD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAE9E;AASD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,IAAI,CAIhF;AASD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAEvE;AAMD,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,GAAG,IAAI,CAElF;AAKD,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,IAAI,CAIjF;AAKD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAEzE;AASD,wBAAgB,oBAAoB,IAAI,MAAM,EAAE,CAE/C;AAKD,wBAAgB,sBAAsB,IAAI,MAAM,EAAE,CAEjD;AASD,wBAAgB,aAAa,IAAI,IAAI,CAGpC"}