@cratis/scene.blueprint.components 0.1.0

package/dist/esm/templates/editorTemplates.js

@@ -0,0 +1,168 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { TemplateSlotName, column, slotLeaf, SlotName, row } from '@cratis/scene.blueprint.default';
+import { schemaEditor, timeMachine, objectContentEditor, objectNavigationalBar, filterPanel } from './editorElements.js';
+import { page, toolbar, toolbarButton, toolbarSeparator, arcPageHeader, errorBoundary } from './elements.js';
+import { SampleBindingName } from './SampleBindingName.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The two inspection pages: one for a type's shape, one for an instance's content.
+ *
+ * These are the templates to open first when looking at this blueprint, because they are the two that
+ * render completely with nothing registered. The schema editor, the document editor, the navigational bar
+ * and the time machine all read their content out of the property bag rather than from a query, so a
+ * preview of either page is a working page rather than a page of placeholders.
+ *
+ * That is not a trick to make a demo look better. It is the honest shape of the library: most of
+ * `@cratis/components` is Arc-bound and needs a host, and a meaningful part of it is not. A blueprint built
+ * on it should make both halves visible.
+ */ /**
+ * The schema editor page: an event type's shape, edited as a typed property tree.
+ *
+ * Its header names no binding, and that is correct rather than an omission. A schema is design-time
+ * metadata about an event type, not a read model anyone queries, so there is nothing for the header to be
+ * bound to - and the header says `No binding` instead of implying a wiring step that does not exist. It is
+ * the one page in this package where the unbound state is the finished state.
+ *
+ * `canEdit` is paired with `canNotEditReason` deliberately: in an event-sourced application a stored event
+ * type's schema is very often deliberately locked, and saying why in the same place is what stops that
+ * from reading as a bug.
+ */ const schemaEditorPageTemplate = {
+    name: 'SchemaEditorPage',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.Toolbar
+        },
+        {
+            name: TemplateSlotName.Body
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf(TemplateSlotName.Header),
+            slotLeaf(TemplateSlotName.Toolbar),
+            slotLeaf(TemplateSlotName.Body, {
+                grow: 1
+            })
+        ], 16)
+    },
+    content: {
+        [TemplateSlotName.Header]: [
+            arcPageHeader('schema-header', {
+                title: 'InvoiceRegistered',
+                subtitle: 'The shape of the event, and what a new generation would be allowed to change',
+                section: 'Event types'
+            })
+        ],
+        [TemplateSlotName.Toolbar]: [
+            toolbar('schema-toolbar', [
+                toolbarButton('schema-edit', 'Edit the schema', 'pi pi-pencil', 'Edit'),
+                toolbarButton('schema-generation', 'Start a new generation', 'pi pi-clone', 'New generation'),
+                toolbarSeparator('schema-separator'),
+                toolbarButton('schema-download', 'Download as JSON Schema', 'pi pi-download')
+            ])
+        ],
+        [TemplateSlotName.Body]: [
+            page('schema-body', 'InvoiceRegistered', [
+                schemaEditor('schema-editor', 'InvoiceRegistered', true)
+            ])
+        ]
+    },
+    displayName: 'Schema editor page',
+    description: "An event type's schema edited as a typed property tree, with the actions that evolve it."
+};
+/**
+ * The object editor page: one document, its trail, and its history beside it.
+ *
+ * Bound to `InvoiceById`, because that is what a real page like this is: you arrive with an id, the query
+ * fetches the record, and the editor renders it against its schema. The editors themselves take their
+ * content from the property bag, so the page is fully legible before the query is wired - and the header
+ * still says which query it is waiting for.
+ *
+ * The document is wrapped in an `errorBoundary` and the history is not, which is the decision this element
+ * exists to let a template make. A malformed document should cost the document region; it should not take
+ * the trail and the timeline down with it, and the timeline is the thing you would reach for to find out
+ * *when* the document became malformed.
+ */ const objectEditorPageTemplate = {
+    name: 'ObjectEditorPage',
+    fitsSlot: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.Toolbar
+        },
+        {
+            name: TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.SidePanel
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf(TemplateSlotName.Header),
+            slotLeaf(TemplateSlotName.Toolbar),
+            row([
+                slotLeaf(TemplateSlotName.Body, {
+                    grow: 2
+                }),
+                slotLeaf(TemplateSlotName.SidePanel, {
+                    grow: 1
+                })
+            ], 16)
+        ]),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf(TemplateSlotName.Header),
+                    slotLeaf(TemplateSlotName.Toolbar),
+                    slotLeaf(TemplateSlotName.Body),
+                    slotLeaf(TemplateSlotName.SidePanel)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [TemplateSlotName.Header]: [
+            arcPageHeader('object-header', {
+                title: 'INV-2043',
+                subtitle: 'The document as it stands, and every version it has been',
+                section: 'Billing',
+                query: SampleBindingName.InvoiceById
+            })
+        ],
+        [TemplateSlotName.Toolbar]: [
+            objectNavigationalBar('object-trail'),
+            filterPanel('object-filters', 'Filters')
+        ],
+        [TemplateSlotName.Body]: [
+            errorBoundary('object-guard', [
+                page('object-body', 'Document', [
+                    objectContentEditor('object-editor', true)
+                ])
+            ])
+        ],
+        [TemplateSlotName.SidePanel]: [
+            page('object-history', 'History', [
+                timeMachine('object-time-machine')
+            ])
+        ]
+    },
+    displayName: 'Object editor page',
+    description: 'One document edited against its schema, with its navigation trail and its version history.'
+};
+/** The two editor-shaped templates. */ const editorTemplates = [
+    schemaEditorPageTemplate,
+    objectEditorPageTemplate
+];
+
+export { editorTemplates, objectEditorPageTemplate, schemaEditorPageTemplate };
+//# sourceMappingURL=editorTemplates.js.map

package/dist/esm/templates/editorTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTemplates.js","sources":["../../../templates/editorTemplates.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\nimport { ScreenTemplate, WidthSizeClass } from '@cratis/scene.model';\nimport { SlotName, TemplateSlotName, column, row, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { filterPanel, objectContentEditor, objectNavigationalBar, schemaEditor, timeMachine } from './editorElements';\nimport { arcPageHeader, errorBoundary, page, toolbar, toolbarButton, toolbarSeparator } from './elements';\nimport { SampleBindingName } from './SampleBindingName';\n\n/**\n * The two inspection pages: one for a type's shape, one for an instance's content.\n *\n * These are the templates to open first when looking at this blueprint, because they are the two that\n * render completely with nothing registered. The schema editor, the document editor, the navigational bar\n * and the time machine all read their content out of the property bag rather than from a query, so a\n * preview of either page is a working page rather than a page of placeholders.\n *\n * That is not a trick to make a demo look better. It is the honest shape of the library: most of\n * `@cratis/components` is Arc-bound and needs a host, and a meaningful part of it is not. A blueprint built\n * on it should make both halves visible.\n */\n\n/**\n * The schema editor page: an event type's shape, edited as a typed property tree.\n *\n * Its header names no binding, and that is correct rather than an omission. A schema is design-time\n * metadata about an event type, not a read model anyone queries, so there is nothing for the header to be\n * bound to - and the header says `No binding` instead of implying a wiring step that does not exist. It is\n * the one page in this package where the unbound state is the finished state.\n *\n * `canEdit` is paired with `canNotEditReason` deliberately: in an event-sourced application a stored event\n * type's schema is very often deliberately locked, and saying why in the same place is what stops that\n * from reading as a bug.\n */\nexport const schemaEditorPageTemplate: ScreenTemplate = {\n    name: 'SchemaEditorPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Toolbar), slotLeaf(TemplateSlotName.Body, { grow: 1 })], 16),\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('schema-header', {\n                title: 'InvoiceRegistered',\n                subtitle: 'The shape of the event, and what a new generation would be allowed to change',\n                section: 'Event types',\n            }),\n        ],\n        [TemplateSlotName.Toolbar]: [\n            toolbar('schema-toolbar', [\n                toolbarButton('schema-edit', 'Edit the schema', 'pi pi-pencil', 'Edit'),\n                toolbarButton('schema-generation', 'Start a new generation', 'pi pi-clone', 'New generation'),\n                toolbarSeparator('schema-separator'),\n                toolbarButton('schema-download', 'Download as JSON Schema', 'pi pi-download'),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            page('schema-body', 'InvoiceRegistered', [schemaEditor('schema-editor', 'InvoiceRegistered', true)]),\n        ],\n    },\n    displayName: 'Schema editor page',\n    description: \"An event type's schema edited as a typed property tree, with the actions that evolve it.\",\n};\n\n/**\n * The object editor page: one document, its trail, and its history beside it.\n *\n * Bound to `InvoiceById`, because that is what a real page like this is: you arrive with an id, the query\n * fetches the record, and the editor renders it against its schema. The editors themselves take their\n * content from the property bag, so the page is fully legible before the query is wired - and the header\n * still says which query it is waiting for.\n *\n * The document is wrapped in an `errorBoundary` and the history is not, which is the decision this element\n * exists to let a template make. A malformed document should cost the document region; it should not take\n * the trail and the timeline down with it, and the timeline is the thing you would reach for to find out\n * *when* the document became malformed.\n */\nexport const objectEditorPageTemplate: ScreenTemplate = {\n    name: 'ObjectEditorPage',\n    fitsSlot: SlotName.Content,\n    slots: [\n        { name: TemplateSlotName.Header },\n        { name: TemplateSlotName.Toolbar },\n        { name: TemplateSlotName.Body },\n        { name: TemplateSlotName.SidePanel },\n    ],\n    arrangement: {\n        root: column([\n            slotLeaf(TemplateSlotName.Header),\n            slotLeaf(TemplateSlotName.Toolbar),\n            row([slotLeaf(TemplateSlotName.Body, { grow: 2 }), slotLeaf(TemplateSlotName.SidePanel, { grow: 1 })], 16),\n        ]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column(\n                    [\n                        slotLeaf(TemplateSlotName.Header),\n                        slotLeaf(TemplateSlotName.Toolbar),\n                        slotLeaf(TemplateSlotName.Body),\n                        slotLeaf(TemplateSlotName.SidePanel),\n                    ],\n                    16,\n                ),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('object-header', {\n                title: 'INV-2043',\n                subtitle: 'The document as it stands, and every version it has been',\n                section: 'Billing',\n                query: SampleBindingName.InvoiceById,\n            }),\n        ],\n        [TemplateSlotName.Toolbar]: [objectNavigationalBar('object-trail'), filterPanel('object-filters', 'Filters')],\n        [TemplateSlotName.Body]: [\n            errorBoundary('object-guard', [page('object-body', 'Document', [objectContentEditor('object-editor', true)])]),\n        ],\n        [TemplateSlotName.SidePanel]: [page('object-history', 'History', [timeMachine('object-time-machine')])],\n    },\n    displayName: 'Object editor page',\n    description: 'One document edited against its schema, with its navigation trail and its version history.',\n};\n\n/** The two editor-shaped templates. */\nexport const editorTemplates: ScreenTemplate[] = [schemaEditorPageTemplate, objectEditorPageTemplate];\n"],"names":["schemaEditorPageTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Toolbar","Body","arrangement","root","column","slotLeaf","grow","content","arcPageHeader","title","subtitle","section","toolbar","toolbarButton","toolbarSeparator","page","schemaEditor","displayName","description","objectEditorPageTemplate","SidePanel","row","overrides","width","WidthSizeClass","Compact","query","SampleBindingName","InvoiceById","objectNavigationalBar","filterPanel","errorBoundary","objectContentEditor","timeMachine","editorTemplates"],"mappings":"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"}

package/dist/esm/templates/elements.d.ts

@@ -0,0 +1,11 @@
+import { SceneElement } from '@cratis/scene.model';
+import { ArcHeaderOptions } from './ArcHeaderOptions';
+export declare function arcPageHeader(id: string, options: ArcHeaderOptions, actions?: SceneElement[]): SceneElement;
+export declare function page(id: string, title: string, content: SceneElement[], panel?: boolean): SceneElement;
+export declare function toolbarButton(id: string, title: string, icon: string, text?: string): SceneElement;
+export declare function toolbarGroup(id: string, buttons: SceneElement[]): SceneElement;
+export declare function toolbarSeparator(id: string): SceneElement;
+export declare function toolbar(id: string, content: SceneElement[]): SceneElement;
+export declare function errorBoundary(id: string, content: SceneElement[]): SceneElement;
+export declare function icon(id: string, iconName: string): SceneElement;
+//# sourceMappingURL=elements.d.ts.map

package/dist/esm/templates/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../templates/elements.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAkBtD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE,YAAY,EAAO,GAAG,YAAY,CAE/G;AAUD,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,KAAK,UAAO,GAAG,YAAY,CAEnG;AAGD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAElG;AAGD,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAE9E;AAGD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,CAEzD;AAQD,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAEzE;AASD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAE/E;AAGD,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY,CAE/D"}

package/dist/esm/templates/elements.js

@@ -0,0 +1,92 @@
+import { externalComponent } from '@cratis/scene.blueprint.default';
+import { ComponentName } from '../ComponentName.js';
+import { CompositeName } from '../CompositeName.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The page furniture every template in this package repeats.
+ *
+ * `externalComponent` is imported from the default blueprint rather than written again, and that is worth
+ * pausing on: `ExternalComponent` inherits fifteen required members before it reaches the two a template
+ * author cares about, so a package that redeclared those defaults would be maintaining a second copy of a
+ * decision it does not own. Borrowing the builder is the same choice as depending on the shell - this
+ * blueprint layers on the default one, so it uses its parts.
+ */ /**
+ * This blueprint's page header, given its heading and the one binding the page is about.
+ *
+ * Every template opens with one. The header derives the trail and the design-time binding state itself, so
+ * a template states the page's subject once instead of repeating it in a title, a trail and a table.
+ */ function arcPageHeader(id, options, actions = []) {
+    return externalComponent(id, ComponentName.ArcPageHeader, {
+        ...options
+    }, {
+        actions
+    });
+}
+/**
+ * The library's `page` primitive wrapping content.
+ *
+ * A `div` would have done structurally, and would have been wrong: `page` is the full-height flex column
+ * every other component in `@cratis/components` is laid out inside, drawn from the same `--cratis-*`
+ * tokens as the tables and dialogs it contains. Content wrapped in it gets that consistency for free, and
+ * content wrapped in a `div` has to reinvent it and will drift.
+ */ function page(id, title, content, panel = true) {
+    return externalComponent(id, CompositeName.Page, {
+        title,
+        showTitle: title.length > 0,
+        panel
+    }, {
+        content
+    });
+}
+/** One button in a tool palette. `title` is the accessible name as well as the tooltip, so it is never omitted. */ function toolbarButton(id, title, icon, text) {
+    return externalComponent(id, CompositeName.ToolbarButton, {
+        title,
+        icon,
+        text
+    });
+}
+/** Related buttons kept together inside a toolbar. */ function toolbarGroup(id, buttons) {
+    return externalComponent(id, CompositeName.ToolbarGroup, {
+        orientation: 'horizontal'
+    }, {
+        content: buttons
+    });
+}
+/** The divider between groups of tools. */ function toolbarSeparator(id) {
+    return externalComponent(id, CompositeName.ToolbarSeparator, {
+        orientation: 'horizontal'
+    });
+}
+/**
+ * A horizontal tool palette.
+ *
+ * `draggable` is deliberately left off rather than set per button - it is a property of the palette, and
+ * setting it per button is how you end up with a palette that is half draggable.
+ */ function toolbar(id, content) {
+    return externalComponent(id, CompositeName.Toolbar, {
+        orientation: 'horizontal'
+    }, {
+        content
+    });
+}
+/**
+ * Scopes a failure to one region of a page.
+ *
+ * React's default is that a throw anywhere unmounts the whole tree, which on a composed screen means one
+ * broken widget takes the navigation with it. Which regions deserve a boundary is a decision about the
+ * page, which is exactly why it belongs in a template rather than in the renderer.
+ */ function errorBoundary(id, content) {
+    return externalComponent(id, CompositeName.ErrorBoundary, {}, {
+        content
+    });
+}
+/** An icon, given a PrimeIcons class name. */ function icon(id, iconName) {
+    return externalComponent(id, CompositeName.Icon, {
+        icon: iconName
+    });
+}
+
+export { arcPageHeader, errorBoundary, icon, page, toolbar, toolbarButton, toolbarGroup, toolbarSeparator };
+//# sourceMappingURL=elements.js.map

package/dist/esm/templates/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sources":["../../../templates/elements.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\nimport { SceneElement } from '@cratis/scene.model';\nimport { externalComponent } from '@cratis/scene.blueprint.default';\nimport { ComponentName } from '../ComponentName';\nimport { CompositeName } from '../CompositeName';\nimport { ArcHeaderOptions } from './ArcHeaderOptions';\n\n/**\n * The page furniture every template in this package repeats.\n *\n * `externalComponent` is imported from the default blueprint rather than written again, and that is worth\n * pausing on: `ExternalComponent` inherits fifteen required members before it reaches the two a template\n * author cares about, so a package that redeclared those defaults would be maintaining a second copy of a\n * decision it does not own. Borrowing the builder is the same choice as depending on the shell - this\n * blueprint layers on the default one, so it uses its parts.\n */\n\n/**\n * This blueprint's page header, given its heading and the one binding the page is about.\n *\n * Every template opens with one. The header derives the trail and the design-time binding state itself, so\n * a template states the page's subject once instead of repeating it in a title, a trail and a table.\n */\nexport function arcPageHeader(id: string, options: ArcHeaderOptions, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.ArcPageHeader, { ...options }, { actions });\n}\n\n/**\n * The library's `page` primitive wrapping content.\n *\n * A `div` would have done structurally, and would have been wrong: `page` is the full-height flex column\n * every other component in `@cratis/components` is laid out inside, drawn from the same `--cratis-*`\n * tokens as the tables and dialogs it contains. Content wrapped in it gets that consistency for free, and\n * content wrapped in a `div` has to reinvent it and will drift.\n */\nexport function page(id: string, title: string, content: SceneElement[], panel = true): SceneElement {\n    return externalComponent(id, CompositeName.Page, { title, showTitle: title.length > 0, panel }, { content });\n}\n\n/** One button in a tool palette. `title` is the accessible name as well as the tooltip, so it is never omitted. */\nexport function toolbarButton(id: string, title: string, icon: string, text?: string): SceneElement {\n    return externalComponent(id, CompositeName.ToolbarButton, { title, icon, text });\n}\n\n/** Related buttons kept together inside a toolbar. */\nexport function toolbarGroup(id: string, buttons: SceneElement[]): SceneElement {\n    return externalComponent(id, CompositeName.ToolbarGroup, { orientation: 'horizontal' }, { content: buttons });\n}\n\n/** The divider between groups of tools. */\nexport function toolbarSeparator(id: string): SceneElement {\n    return externalComponent(id, CompositeName.ToolbarSeparator, { orientation: 'horizontal' });\n}\n\n/**\n * A horizontal tool palette.\n *\n * `draggable` is deliberately left off rather than set per button - it is a property of the palette, and\n * setting it per button is how you end up with a palette that is half draggable.\n */\nexport function toolbar(id: string, content: SceneElement[]): SceneElement {\n    return externalComponent(id, CompositeName.Toolbar, { orientation: 'horizontal' }, { content });\n}\n\n/**\n * Scopes a failure to one region of a page.\n *\n * React's default is that a throw anywhere unmounts the whole tree, which on a composed screen means one\n * broken widget takes the navigation with it. Which regions deserve a boundary is a decision about the\n * page, which is exactly why it belongs in a template rather than in the renderer.\n */\nexport function errorBoundary(id: string, content: SceneElement[]): SceneElement {\n    return externalComponent(id, CompositeName.ErrorBoundary, {}, { content });\n}\n\n/** An icon, given a PrimeIcons class name. */\nexport function icon(id: string, iconName: string): SceneElement {\n    return externalComponent(id, CompositeName.Icon, { icon: iconName });\n}\n"],"names":["arcPageHeader","id","options","actions","externalComponent","ComponentName","ArcPageHeader","page","title","content","panel","CompositeName","Page","showTitle","length","toolbarButton","icon","text","ToolbarButton","toolbarGroup","buttons","ToolbarGroup","orientation","toolbarSeparator","ToolbarSeparator","toolbar","Toolbar","errorBoundary","ErrorBoundary","iconName","Icon"],"mappings":";;;;AAAA;AACA;AAQA;;;;;;;;;;;;;IAgBO,SAASA,aAAAA,CAAcC,EAAU,EAAEC,OAAyB,EAAEC,UAA0B,EAAE,EAAA;AAC7F,IAAA,OAAOC,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcC,aAAa,EAAE;AAAE,QAAA,GAAGJ;KAAQ,EAAG;AAAEC,QAAAA;AAAQ,KAAA,CAAA;AACxF;AAEA;;;;;;;IAQO,SAASI,IAAAA,CAAKN,EAAU,EAAEO,KAAa,EAAEC,OAAuB,EAAEC,KAAAA,GAAQ,IAAI,EAAA;AACjF,IAAA,OAAON,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAcC,IAAI,EAAE;AAAEJ,QAAAA,KAAAA;QAAOK,SAAAA,EAAWL,KAAAA,CAAMM,MAAM,GAAG,CAAA;AAAGJ,QAAAA;KAAM,EAAG;AAAED,QAAAA;AAAQ,KAAA,CAAA;AAC9G;AAEA,oHACO,SAASM,aAAAA,CAAcd,EAAU,EAAEO,KAAa,EAAEQ,IAAY,EAAEC,IAAa,EAAA;AAChF,IAAA,OAAOb,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAcO,aAAa,EAAE;AAAEV,QAAAA,KAAAA;AAAOQ,QAAAA,IAAAA;AAAMC,QAAAA;AAAK,KAAA,CAAA;AAClF;AAEA,uDACO,SAASE,YAAAA,CAAalB,EAAU,EAAEmB,OAAuB,EAAA;AAC5D,IAAA,OAAOhB,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAcU,YAAY,EAAE;QAAEC,WAAAA,EAAa;KAAa,EAAG;QAAEb,OAAAA,EAASW;AAAQ,KAAA,CAAA;AAC/G;AAEA,4CACO,SAASG,gBAAAA,CAAiBtB,EAAU,EAAA;AACvC,IAAA,OAAOG,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAca,gBAAgB,EAAE;QAAEF,WAAAA,EAAa;AAAa,KAAA,CAAA;AAC7F;AAEA;;;;;AAKC,IACM,SAASG,OAAAA,CAAQxB,EAAU,EAAEQ,OAAuB,EAAA;AACvD,IAAA,OAAOL,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAce,OAAO,EAAE;QAAEJ,WAAAA,EAAa;KAAa,EAAG;AAAEb,QAAAA;AAAQ,KAAA,CAAA;AACjG;AAEA;;;;;;AAMC,IACM,SAASkB,aAAAA,CAAc1B,EAAU,EAAEQ,OAAuB,EAAA;AAC7D,IAAA,OAAOL,kBAAkBH,EAAAA,EAAIU,aAAAA,CAAciB,aAAa,EAAE,EAAC,EAAG;AAAEnB,QAAAA;AAAQ,KAAA,CAAA;AAC5E;AAEA,+CACO,SAASO,IAAAA,CAAKf,EAAU,EAAE4B,QAAgB,EAAA;AAC7C,IAAA,OAAOzB,iBAAAA,CAAkBH,EAAAA,EAAIU,aAAAA,CAAcmB,IAAI,EAAE;QAAEd,IAAAA,EAAMa;AAAS,KAAA,CAAA;AACtE;;;;"}

package/dist/esm/templates/formElements.d.ts

@@ -0,0 +1,11 @@
+import { SceneElement } from '@cratis/scene.model';
+export declare function commandForm(id: string, command: string, exclude?: string[]): SceneElement;
+export declare function inputTextField(id: string, property: string, title: string, placeholder?: string): SceneElement;
+export declare function numberField(id: string, property: string, title: string): SceneElement;
+export declare function textAreaField(id: string, property: string, title: string, rows?: number): SceneElement;
+export declare function calendarField(id: string, property: string, title: string): SceneElement;
+export declare function dropdownField(id: string, property: string, title: string, options: {
+    label: string;
+    value: string;
+}[]): SceneElement;
+//# sourceMappingURL=formElements.d.ts.map

package/dist/esm/templates/formElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formElements.d.ts","sourceRoot":"","sources":["../../../templates/formElements.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAwBnD,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,YAAY,CAEzF;AAGD,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,CAE9G;AAGD,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,CAErF;AAGD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,YAAY,CAEjG;AAGD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,YAAY,CAEvF;AASD,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,YAAY,CAEpI"}

package/dist/esm/templates/formElements.js

@@ -0,0 +1,70 @@
+import { externalComponent } from '@cratis/scene.blueprint.default';
+import { CompositeName } from '../CompositeName.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The Arc-bound form elements this blueprint's templates are built from.
+ *
+ * Every field carries a `property` name, which the library turns into an accessor onto the command
+ * instance. That indirection is not incidental: a hand-written form binds a field with
+ * `value={command => command.number}` and is typechecked against the generated proxy, and a template has
+ * no types to check against because it is data. The name is what survives, so the name is what a field
+ * carries.
+ */ /**
+ * A whole form generated from the command's own property descriptors.
+ *
+ * `commandForm` is `AutoCommandForm`, not `CommandForm`, and that is what makes it worth shipping in a
+ * template at all: a template that listed every field by hand would go stale the moment a property was
+ * added to the command on the backend, and a stale template is worse than no template. This one follows
+ * the command, which is the same guarantee Arc's generated proxies give the rest of the stack.
+ *
+ * @param exclude Properties the surrounding template places itself, so the generated form does not produce a second copy.
+ */ function commandForm(id, command, exclude) {
+    return externalComponent(id, CompositeName.CommandForm, {
+        command,
+        exclude
+    });
+}
+/** A single-line text field bound to one command property. */ function inputTextField(id, property, title, placeholder) {
+    return externalComponent(id, CompositeName.InputTextField, {
+        property,
+        title,
+        placeholder
+    });
+}
+/** A numeric field bound to one command property. */ function numberField(id, property, title) {
+    return externalComponent(id, CompositeName.NumberField, {
+        property,
+        title
+    });
+}
+/** A multi-line text field bound to one command property. */ function textAreaField(id, property, title, rows = 3) {
+    return externalComponent(id, CompositeName.TextAreaField, {
+        property,
+        title,
+        rows
+    });
+}
+/** A date field bound to one command property. */ function calendarField(id, property, title) {
+    return externalComponent(id, CompositeName.CalendarField, {
+        property,
+        title
+    });
+}
+/**
+ * A single-selection field over a list the template carries inline.
+ *
+ * Inline options only. A list that has to come from the backend is a different thing entirely - bind it to
+ * a query - because a property bag is the wrong place for data, and a template that embedded a real
+ * lookup table would be shipping someone else's reference data.
+ */ function dropdownField(id, property, title, options) {
+    return externalComponent(id, CompositeName.DropdownField, {
+        property,
+        title,
+        options
+    });
+}
+
+export { calendarField, commandForm, dropdownField, inputTextField, numberField, textAreaField };
+//# sourceMappingURL=formElements.js.map

package/dist/esm/templates/formElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formElements.js","sources":["../../../templates/formElements.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\nimport { SceneElement } from '@cratis/scene.model';\nimport { externalComponent } from '@cratis/scene.blueprint.default';\nimport { CompositeName } from '../CompositeName';\n\n/**\n * The Arc-bound form elements this blueprint's templates are built from.\n *\n * Every field carries a `property` name, which the library turns into an accessor onto the command\n * instance. That indirection is not incidental: a hand-written form binds a field with\n * `value={command => command.number}` and is typechecked against the generated proxy, and a template has\n * no types to check against because it is data. The name is what survives, so the name is what a field\n * carries.\n */\n\n/**\n * A whole form generated from the command's own property descriptors.\n *\n * `commandForm` is `AutoCommandForm`, not `CommandForm`, and that is what makes it worth shipping in a\n * template at all: a template that listed every field by hand would go stale the moment a property was\n * added to the command on the backend, and a stale template is worse than no template. This one follows\n * the command, which is the same guarantee Arc's generated proxies give the rest of the stack.\n *\n * @param exclude Properties the surrounding template places itself, so the generated form does not produce a second copy.\n */\nexport function commandForm(id: string, command: string, exclude?: string[]): SceneElement {\n    return externalComponent(id, CompositeName.CommandForm, { command, exclude });\n}\n\n/** A single-line text field bound to one command property. */\nexport function inputTextField(id: string, property: string, title: string, placeholder?: string): SceneElement {\n    return externalComponent(id, CompositeName.InputTextField, { property, title, placeholder });\n}\n\n/** A numeric field bound to one command property. */\nexport function numberField(id: string, property: string, title: string): SceneElement {\n    return externalComponent(id, CompositeName.NumberField, { property, title });\n}\n\n/** A multi-line text field bound to one command property. */\nexport function textAreaField(id: string, property: string, title: string, rows = 3): SceneElement {\n    return externalComponent(id, CompositeName.TextAreaField, { property, title, rows });\n}\n\n/** A date field bound to one command property. */\nexport function calendarField(id: string, property: string, title: string): SceneElement {\n    return externalComponent(id, CompositeName.CalendarField, { property, title });\n}\n\n/**\n * A single-selection field over a list the template carries inline.\n *\n * Inline options only. A list that has to come from the backend is a different thing entirely - bind it to\n * a query - because a property bag is the wrong place for data, and a template that embedded a real\n * lookup table would be shipping someone else's reference data.\n */\nexport function dropdownField(id: string, property: string, title: string, options: { label: string; value: string }[]): SceneElement {\n    return externalComponent(id, CompositeName.DropdownField, { property, title, options });\n}\n"],"names":["commandForm","id","command","exclude","externalComponent","CompositeName","CommandForm","inputTextField","property","title","placeholder","InputTextField","numberField","NumberField","textAreaField","rows","TextAreaField","calendarField","CalendarField","dropdownField","options","DropdownField"],"mappings":";;;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;;AAmBC,IACM,SAASA,WAAAA,CAAYC,EAAU,EAAEC,OAAe,EAAEC,OAAkB,EAAA;AACvE,IAAA,OAAOC,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcC,WAAW,EAAE;AAAEJ,QAAAA,OAAAA;AAASC,QAAAA;AAAQ,KAAA,CAAA;AAC/E;AAEA,+DACO,SAASI,cAAAA,CAAeN,EAAU,EAAEO,QAAgB,EAAEC,KAAa,EAAEC,WAAoB,EAAA;AAC5F,IAAA,OAAON,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcM,cAAc,EAAE;AAAEH,QAAAA,QAAAA;AAAUC,QAAAA,KAAAA;AAAOC,QAAAA;AAAY,KAAA,CAAA;AAC9F;AAEA,sDACO,SAASE,WAAAA,CAAYX,EAAU,EAAEO,QAAgB,EAAEC,KAAa,EAAA;AACnE,IAAA,OAAOL,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcQ,WAAW,EAAE;AAAEL,QAAAA,QAAAA;AAAUC,QAAAA;AAAM,KAAA,CAAA;AAC9E;AAEA,8DACO,SAASK,aAAAA,CAAcb,EAAU,EAAEO,QAAgB,EAAEC,KAAa,EAAEM,IAAAA,GAAO,CAAC,EAAA;AAC/E,IAAA,OAAOX,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcW,aAAa,EAAE;AAAER,QAAAA,QAAAA;AAAUC,QAAAA,KAAAA;AAAOM,QAAAA;AAAK,KAAA,CAAA;AACtF;AAEA,mDACO,SAASE,aAAAA,CAAchB,EAAU,EAAEO,QAAgB,EAAEC,KAAa,EAAA;AACrE,IAAA,OAAOL,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAca,aAAa,EAAE;AAAEV,QAAAA,QAAAA;AAAUC,QAAAA;AAAM,KAAA,CAAA;AAChF;AAEA;;;;;;IAOO,SAASU,aAAAA,CAAclB,EAAU,EAAEO,QAAgB,EAAEC,KAAa,EAAEW,OAA2C,EAAA;AAClH,IAAA,OAAOhB,iBAAAA,CAAkBH,EAAAA,EAAII,aAAAA,CAAcgB,aAAa,EAAE;AAAEb,QAAAA,QAAAA;AAAUC,QAAAA,KAAAA;AAAOW,QAAAA;AAAQ,KAAA,CAAA;AACzF;;;;"}

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

@@ -0,0 +1,18 @@
+export * from './SampleBindingName';
+export * from './ColumnDefinition';
+export * from './TableOptions';
+export * from './ArcHeaderOptions';
+export * from './sampleData';
+export * from './elements';
+export * from './dataElements';
+export * from './formElements';
+export * from './dialogElements';
+export * from './editorElements';
+export * from './listTemplates';
+export * from './workspaceTemplates';
+export * from './commandTemplates';
+export * from './editorTemplates';
+export * from './nesting';
+export * from './dialogTemplates';
+export * from './screenTemplates';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../templates/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/esm/templates/index.js

@@ -0,0 +1,18 @@
+export * from './SampleBindingName';
+export * from './ColumnDefinition';
+export * from './TableOptions';
+export * from './ArcHeaderOptions';
+export * from './sampleData';
+export * from './elements';
+export * from './dataElements';
+export * from './formElements';
+export * from './dialogElements';
+export * from './editorElements';
+export * from './listTemplates';
+export * from './workspaceTemplates';
+export * from './commandTemplates';
+export * from './editorTemplates';
+export * from './nesting';
+export * from './dialogTemplates';
+export * from './screenTemplates';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../templates/index.ts"],"names":[],"mappings":"AAGA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/esm/templates/listTemplates.d.ts

@@ -0,0 +1,6 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const dataListPageTemplate: ScreenTemplate;
+export declare const observableDataListPageTemplate: ScreenTemplate;
+export declare const dataListWithDetailPageTemplate: ScreenTemplate;
+export declare const listTemplates: ScreenTemplate[];
+//# sourceMappingURL=listTemplates.d.ts.map

package/dist/esm/templates/listTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listTemplates.d.ts","sourceRoot":"","sources":["../../../templates/listTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AA8BrE,eAAO,MAAM,oBAAoB,EAAE,cA0BlC,CAAC;AAWF,eAAO,MAAM,8BAA8B,EAAE,cAqB5C,CAAC;AAcF,eAAO,MAAM,8BAA8B,EAAE,cAiC5C,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,EAA2F,CAAC"}