@cratis/scene.blueprint.components 0.1.0

package/dist/cjs/gallery/screens.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+require('../templates/listTemplates.js');
+require('../templates/workspaceTemplates.js');
+require('../templates/commandTemplates.js');
+require('../templates/editorTemplates.js');
+var nesting = require('../templates/nesting.js');
+require('../templates/dialogTemplates.js');
+var screenTemplates = require('../templates/screenTemplates.js');
+var applicationChrome = require('./applicationChrome.js');
+var navigation = require('./navigation.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The gallery: one {@link Screen} per template, ready to boot through the real engine.
+ *
+ * These exist so a preview is a working miniature application rather than a set of pictures - the same
+ * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate
+ * preview pipeline and nothing mocked.
+ *
+ * They will render with unregistered bindings, and that is the normal design-time state rather than a
+ * shortcoming of the gallery. A host owns the generated Arc proxies; a gallery is not a host. What a
+ * preview therefore shows is every Arc-bound region as a placeholder naming the binding it wanted, every
+ * Arc-free region rendered for real, and a header on each page saying which of the two you are looking at.
+ *
+ * Every screen renders in the default blueprint's `AppShell`. There is no full-page variant here because
+ * there is no Arc-bound page that belongs outside the application shell - a sign-in screen queries nothing
+ * and submits no command, so it stays where it already is, in the default blueprint.
+ */ /**
+ * Builds the {@link Screen} that instantiates one template.
+ *
+ * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the
+ * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,
+ * which is why adding a screen is a handful of lines rather than another copy of the chrome.
+ */ function screenFor(template) {
+    const placeable = scene_blueprint_default.nestScreenTemplates(containmentChainFor(template));
+    return {
+        name: template.name,
+        layout: scene_blueprint_default.LayoutName.AppShell,
+        screenTemplate: template.name,
+        slotContent: mergeSlotContent(applicationChrome.componentsApplicationChrome(template.name), scene_blueprint_default.templateContentInLayout(placeable, scene_blueprint_default.appShellLayout)),
+        forms: [],
+        contributions: navigation.componentsNavigationContributions
+    };
+}
+/**
+ * The chain of templates a screen renders through, outermost first.
+ *
+ * The eight page templates fit the layout's own `content` slot, so each one's chain is just itself. The
+ * three nesting-chain templates are the exception and the only ones that need the walk - which is the
+ * honest version of the story: nesting exists for the applications that need it, and costs nothing for the
+ * ones that do not.
+ */ function containmentChainFor(template) {
+    const depth = nesting.nestingChainTemplates.findIndex((candidate)=>candidate.name === template.name);
+    return depth < 0 ? [
+        template
+    ] : nesting.nestingChainTemplates.slice(0, depth + 1);
+}
+function mergeSlotContent(chrome, content) {
+    const merged = {
+        ...chrome
+    };
+    for (const [slotName, elements] of Object.entries(content)){
+        merged[slotName] = [
+            ...merged[slotName] ?? [],
+            ...elements
+        ];
+    }
+    return merged;
+}
+/** One screen per screen template this blueprint provides. */ const componentsGalleryScreens = screenTemplates.componentsScreenTemplates.map(screenFor);
+/** One gallery screen by name, for a story or a host that boots a specific one. */ function componentsGalleryScreen(name) {
+    return componentsGalleryScreens.find((screen)=>screen.name === name);
+}
+
+exports.componentsGalleryScreen = componentsGalleryScreen;
+exports.componentsGalleryScreens = componentsGalleryScreens;
+//# sourceMappingURL=screens.js.map

package/dist/cjs/gallery/screens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screens.js","sources":["../../../gallery/screens.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 { Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, nestScreenTemplates, templateContentInLayout } from '@cratis/scene.blueprint.default';\nimport { componentsScreenTemplates, nestingChainTemplates } from '../templates';\nimport { componentsApplicationChrome } from './applicationChrome';\nimport { componentsNavigationContributions } from './navigation';\n\n/**\n * The gallery: one {@link Screen} per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n *\n * They will render with unregistered bindings, and that is the normal design-time state rather than a\n * shortcoming of the gallery. A host owns the generated Arc proxies; a gallery is not a host. What a\n * preview therefore shows is every Arc-bound region as a placeholder naming the binding it wanted, every\n * Arc-free region rendered for real, and a header on each page saying which of the two you are looking at.\n *\n * Every screen renders in the default blueprint's `AppShell`. There is no full-page variant here because\n * there is no Arc-bound page that belongs outside the application shell - a sign-in screen queries nothing\n * and submits no command, so it stays where it already is, in the default blueprint.\n */\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(componentsApplicationChrome(template.name), templateContentInLayout(placeable, appShellLayout)),\n        forms: [],\n        contributions: componentsNavigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * The eight page templates fit the layout's own `content` slot, so each one's chain is just itself. The\n * three nesting-chain templates are the exception and the only ones that need the walk - which is the\n * honest version of the story: nesting exists for the applications that need it, and costs nothing for the\n * ones that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/** One screen per screen template this blueprint provides. */\nexport const componentsGalleryScreens: Screen[] = componentsScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function componentsGalleryScreen(name: string): Screen | undefined {\n    return componentsGalleryScreens.find(screen => screen.name === name);\n}\n"],"names":["screenFor","template","placeable","nestScreenTemplates","containmentChainFor","name","layout","LayoutName","AppShell","screenTemplate","slotContent","mergeSlotContent","componentsApplicationChrome","templateContentInLayout","appShellLayout","forms","contributions","componentsNavigationContributions","depth","nestingChainTemplates","findIndex","candidate","slice","chrome","content","merged","slotName","elements","Object","entries","componentsGalleryScreens","componentsScreenTemplates","map","componentsGalleryScreen","find","screen"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAQA;;;;;;;;;;;;;;;;;;;;;IAwBA,SAASA,UAAUC,QAAwB,EAAA;IACvC,MAAMC,SAAAA,GAAYC,4CAAoBC,mBAAAA,CAAoBH,QAAAA,CAAAA,CAAAA;IAE1D,OAAO;AACHI,QAAAA,IAAAA,EAAMJ,SAASI,IAAI;AACnBC,QAAAA,MAAAA,EAAQC,mCAAWC,QAAQ;AAC3BC,QAAAA,cAAAA,EAAgBR,SAASI,IAAI;AAC7BK,QAAAA,WAAAA,EAAaC,iBAAiBC,6CAAAA,CAA4BX,QAAAA,CAASI,IAAI,CAAA,EAAGQ,gDAAwBX,SAAAA,EAAWY,sCAAAA,CAAAA,CAAAA;AAC7GC,QAAAA,KAAAA,EAAO,EAAE;QACTC,aAAAA,EAAeC;AACnB,KAAA;AACJ;AAEA;;;;;;;IAQA,SAASb,oBAAoBH,QAAwB,EAAA;IACjD,MAAMiB,KAAAA,GAAQC,6BAAAA,CAAsBC,SAAS,CAACC,CAAAA,YAAaA,SAAAA,CAAUhB,IAAI,KAAKJ,QAAAA,CAASI,IAAI,CAAA;AAC3F,IAAA,OAAOa,QAAQ,CAAA,GAAI;AAACjB,QAAAA;AAAS,KAAA,GAAGkB,6BAAAA,CAAsBG,KAAK,CAAC,CAAA,EAAGJ,KAAAA,GAAQ,CAAA,CAAA;AAC3E;AAEA,SAASP,gBAAAA,CAAiBY,MAAqD,EAAEC,OAAsD,EAAA;AACnI,IAAA,MAAMC,MAAAA,GAAgC;AAAE,QAAA,GAAGF;AAAO,KAAA;IAClD,KAAK,MAAM,CAACG,QAAAA,EAAUC,QAAAA,CAAS,IAAIC,MAAAA,CAAOC,OAAO,CAACL,OAAAA,CAAAA,CAAU;QACxDC,MAAM,CAACC,SAAS,GAAG;eAAKD,MAAM,CAACC,QAAAA,CAAS,IAAI,EAAE;AAAMC,YAAAA,GAAAA;AAAS,SAAA;AACjE,IAAA;IAEA,OAAOF,MAAAA;AACX;AAEA,+DACO,MAAMK,2BAAqCC,yCAAAA,CAA0BC,GAAG,CAAChC,SAAAA;AAEhF,oFACO,SAASiC,uBAAAA,CAAwB5B,IAAY,EAAA;AAChD,IAAA,OAAOyB,yBAAyBI,IAAI,CAACC,CAAAA,MAAAA,GAAUA,MAAAA,CAAO9B,IAAI,KAAKA,IAAAA,CAAAA;AACnE;;;;;"}

package/dist/cjs/header/ArcPageHeader.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var scene_components = require('@cratis/scene.components');
+var deriveArcHeading = require('./deriveArcHeading.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The one component this blueprint registers: a page header whose heading, trail and design-time state all
+ * follow from a single binding name.
+ *
+ * Every template in this package opens with one, and every template gives it the same binding its body is
+ * built around - `AllInvoices` on the list page, `RecordAdjustment` on the command page. Saying it once is
+ * the point. A hand-authored header repeats the page's subject in the title, again in the trail, and a
+ * third time in the table below it, and those three copies drift the first time anything is renamed.
+ *
+ * It also reports whether the binding is registered, which is what makes a design-time preview readable.
+ * A page whose body is one dashed placeholder is ambiguous - is the name wrong, or has the host simply not
+ * wired anything yet? The header answers that at the top of the page, in words, without opening a debugger.
+ *
+ * The `layout-page-header` class names are the default blueprint's, not this package's. That is this
+ * blueprint's whole posture in one detail: it reuses the shell it depends on rather than shipping a rival
+ * one, so a page of Arc-bound content sits inside the default shell looking like it belongs there.
+ */ function ArcPageHeader({ element, slots }) {
+    const query = scene_components.resolveElementBinding(element, scene_components.BindingKind.Query);
+    const kind = query.name === undefined ? scene_components.BindingKind.Command : scene_components.BindingKind.Query;
+    const binding = kind === scene_components.BindingKind.Query ? query : scene_components.resolveElementBinding(element, scene_components.BindingKind.Command);
+    const heading = deriveArcHeading.deriveArcHeading(element.properties, binding, kind);
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "layout-page-header",
+        "data-scene-id": element.id,
+        "data-scene-binding": heading.bindingName,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("nav", {
+                        className: "layout-page-header-trail",
+                        "aria-label": "Breadcrumb",
+                        children: heading.trail.join(' › ')
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("h1", {
+                        className: "layout-page-header-title",
+                        children: heading.title
+                    }),
+                    heading.subtitle && /*#__PURE__*/ jsxRuntime.jsx("p", {
+                        className: "layout-page-header-subtitle",
+                        children: heading.subtitle
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        "data-scene-binding-state": heading.isBound ? 'bound' : 'unbound',
+                        children: heading.bindingLabel
+                    })
+                ]
+            }),
+            (slots.actions?.length ?? 0) > 0 && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "layout-page-header-actions",
+                children: slots.actions
+            })
+        ]
+    });
+}
+
+exports.ArcPageHeader = ArcPageHeader;
+//# sourceMappingURL=ArcPageHeader.js.map

package/dist/cjs/header/ArcPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcPageHeader.js","sources":["../../../header/ArcPageHeader.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { BindingKind, resolveElementBinding } from '@cratis/scene.components';\nimport { deriveArcHeading } from './deriveArcHeading';\n\n/**\n * The one component this blueprint registers: a page header whose heading, trail and design-time state all\n * follow from a single binding name.\n *\n * Every template in this package opens with one, and every template gives it the same binding its body is\n * built around - `AllInvoices` on the list page, `RecordAdjustment` on the command page. Saying it once is\n * the point. A hand-authored header repeats the page's subject in the title, again in the trail, and a\n * third time in the table below it, and those three copies drift the first time anything is renamed.\n *\n * It also reports whether the binding is registered, which is what makes a design-time preview readable.\n * A page whose body is one dashed placeholder is ambiguous - is the name wrong, or has the host simply not\n * wired anything yet? The header answers that at the top of the page, in words, without opening a debugger.\n *\n * The `layout-page-header` class names are the default blueprint's, not this package's. That is this\n * blueprint's whole posture in one detail: it reuses the shell it depends on rather than shipping a rival\n * one, so a page of Arc-bound content sits inside the default shell looking like it belongs there.\n */\nexport function ArcPageHeader({ element, slots }: RegisteredComponentProps) {\n    const query = resolveElementBinding(element, BindingKind.Query);\n    const kind = query.name === undefined ? BindingKind.Command : BindingKind.Query;\n    const binding = kind === BindingKind.Query ? query : resolveElementBinding(element, BindingKind.Command);\n    const heading = deriveArcHeading(element.properties, binding, kind);\n\n    return (\n        <div className='layout-page-header' data-scene-id={element.id} data-scene-binding={heading.bindingName}>\n            <div>\n                <nav className='layout-page-header-trail' aria-label='Breadcrumb'>\n                    {heading.trail.join(' › ')}\n                </nav>\n                <h1 className='layout-page-header-title'>{heading.title}</h1>\n                {heading.subtitle && <p className='layout-page-header-subtitle'>{heading.subtitle}</p>}\n                <span data-scene-binding-state={heading.isBound ? 'bound' : 'unbound'}>{heading.bindingLabel}</span>\n            </div>\n            {(slots.actions?.length ?? 0) > 0 && <div className='layout-page-header-actions'>{slots.actions}</div>}\n        </div>\n    );\n}\n"],"names":["ArcPageHeader","element","slots","query","resolveElementBinding","BindingKind","Query","kind","name","undefined","Command","binding","heading","deriveArcHeading","properties","_jsxs","div","className","data-scene-id","id","data-scene-binding","bindingName","_jsx","nav","aria-label","trail","join","h1","title","subtitle","p","span","data-scene-binding-state","isBound","bindingLabel","actions","length"],"mappings":";;;;;;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;AAgBC,IACM,SAASA,aAAAA,CAAc,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACtE,IAAA,MAAMC,KAAAA,GAAQC,sCAAAA,CAAsBH,OAAAA,EAASI,4BAAAA,CAAYC,KAAK,CAAA;IAC9D,MAAMC,IAAAA,GAAOJ,MAAMK,IAAI,KAAKC,YAAYJ,4BAAAA,CAAYK,OAAO,GAAGL,4BAAAA,CAAYC,KAAK;IAC/E,MAAMK,OAAAA,GAAUJ,SAASF,4BAAAA,CAAYC,KAAK,GAAGH,KAAAA,GAAQC,sCAAAA,CAAsBH,OAAAA,EAASI,4BAAAA,CAAYK,OAAO,CAAA;AACvG,IAAA,MAAME,OAAAA,GAAUC,iCAAAA,CAAiBZ,OAAAA,CAAQa,UAAU,EAAEH,OAAAA,EAASJ,IAAAA,CAAAA;AAE9D,IAAA,qBACIQ,eAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,oBAAA;AAAqBC,QAAAA,eAAAA,EAAejB,QAAQkB,EAAE;AAAEC,QAAAA,oBAAAA,EAAoBR,QAAQS,WAAW;;0BAClGN,eAAA,CAACC,KAAAA,EAAAA;;kCACGM,cAAA,CAACC,KAAAA,EAAAA;wBAAIN,SAAAA,EAAU,0BAAA;wBAA2BO,YAAAA,EAAW,YAAA;kCAChDZ,OAAAA,CAAQa,KAAK,CAACC,IAAI,CAAC,KAAA;;kCAExBJ,cAAA,CAACK,IAAAA,EAAAA;wBAAGV,SAAAA,EAAU,0BAAA;AAA4BL,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQgB;;oBACjDhB,OAAAA,CAAQiB,QAAQ,kBAAIP,cAAA,CAACQ,GAAAA,EAAAA;wBAAEb,SAAAA,EAAU,6BAAA;AAA+BL,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQiB;;kCACzEP,cAAA,CAACS,MAAAA,EAAAA;wBAAKC,0BAAAA,EAA0BpB,OAAAA,CAAQqB,OAAO,GAAG,OAAA,GAAU,SAAA;AAAYrB,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQsB;;;;AAElFhC,YAAAA,CAAAA,MAAMiC,OAAO,EAAEC,UAAU,CAAA,IAAK,mBAAKd,cAAA,CAACN,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,4BAAA;AAA8Bf,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiC;;;;AAGpG;;;;"}

package/dist/cjs/header/deriveArcHeading.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var scene_components = require('@cratis/scene.components');
+var humanizeBindingName = require('./humanizeBindingName.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Derives everything a page header shows from one binding and the few properties around it.
+ *
+ * This function is the entire argument for {@link ArcPageHeader} being a component at all. A screen
+ * template can hold a title, a subtitle and a breadcrumb trail perfectly well - they are three literals in
+ * a property bag, and a tree is the right place for literals. What a tree cannot do is *derive* them from
+ * a single binding name and a registry lookup, and that is what an Arc-bound page needs: the page is about
+ * `AllInvoices`, so the heading, the trail and the design-time state should all follow from saying so once.
+ *
+ * The three binding states are kept apart deliberately, because they are three different problems with
+ * three different fixes. No name at all means the template is incomplete. A name nothing is registered
+ * under means the host has not wired it - which is the *normal* state at design time, not an error. A
+ * resolved name means the page will really talk to a backend.
+ *
+ * @param properties The element's property bag - `title`, `subtitle` and `section` are read from it.
+ * @param binding What the element asked for at its binding site, and what the registry produced.
+ * @param kind Whether the binding was a query or a command, so the state can be described in the right words.
+ * @returns The derived {@link ArcHeading}.
+ */ function deriveArcHeading(properties, binding, kind) {
+    const title = scene_components.stringProperty(properties, 'title') ?? (binding.name === undefined ? 'Untitled page' : humanizeBindingName.humanizeBindingName(binding.name));
+    const section = scene_components.stringProperty(properties, 'section');
+    return {
+        title,
+        subtitle: scene_components.stringProperty(properties, 'subtitle'),
+        trail: section === undefined ? [
+            title
+        ] : [
+            section,
+            title
+        ],
+        bindingName: binding.name,
+        isBound: binding.target !== undefined,
+        bindingLabel: bindingLabelFor(binding, kind)
+    };
+}
+function bindingLabelFor(binding, kind) {
+    if (binding.name === undefined) {
+        return 'No binding';
+    }
+    return binding.target === undefined ? `No ${kind} registered as ${binding.name}` : `Bound to ${kind} ${binding.name}`;
+}
+
+exports.deriveArcHeading = deriveArcHeading;
+//# sourceMappingURL=deriveArcHeading.js.map

package/dist/cjs/header/deriveArcHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deriveArcHeading.js","sources":["../../../header/deriveArcHeading.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 { BindingKind, ElementBinding, stringProperty } from '@cratis/scene.components';\nimport { ArcHeading } from './ArcHeading';\nimport { humanizeBindingName } from './humanizeBindingName';\n\n/**\n * Derives everything a page header shows from one binding and the few properties around it.\n *\n * This function is the entire argument for {@link ArcPageHeader} being a component at all. A screen\n * template can hold a title, a subtitle and a breadcrumb trail perfectly well - they are three literals in\n * a property bag, and a tree is the right place for literals. What a tree cannot do is *derive* them from\n * a single binding name and a registry lookup, and that is what an Arc-bound page needs: the page is about\n * `AllInvoices`, so the heading, the trail and the design-time state should all follow from saying so once.\n *\n * The three binding states are kept apart deliberately, because they are three different problems with\n * three different fixes. No name at all means the template is incomplete. A name nothing is registered\n * under means the host has not wired it - which is the *normal* state at design time, not an error. A\n * resolved name means the page will really talk to a backend.\n *\n * @param properties The element's property bag - `title`, `subtitle` and `section` are read from it.\n * @param binding What the element asked for at its binding site, and what the registry produced.\n * @param kind Whether the binding was a query or a command, so the state can be described in the right words.\n * @returns The derived {@link ArcHeading}.\n */\nexport function deriveArcHeading(properties: Record<string, unknown>, binding: ElementBinding, kind: BindingKind): ArcHeading {\n    const title = stringProperty(properties, 'title') ?? (binding.name === undefined ? 'Untitled page' : humanizeBindingName(binding.name));\n    const section = stringProperty(properties, 'section');\n\n    return {\n        title,\n        subtitle: stringProperty(properties, 'subtitle'),\n        trail: section === undefined ? [title] : [section, title],\n        bindingName: binding.name,\n        isBound: binding.target !== undefined,\n        bindingLabel: bindingLabelFor(binding, kind),\n    };\n}\n\nfunction bindingLabelFor(binding: ElementBinding, kind: BindingKind): string {\n    if (binding.name === undefined) {\n        return 'No binding';\n    }\n\n    return binding.target === undefined ? `No ${kind} registered as ${binding.name}` : `Bound to ${kind} ${binding.name}`;\n}\n"],"names":["deriveArcHeading","properties","binding","kind","title","stringProperty","name","undefined","humanizeBindingName","section","subtitle","trail","bindingName","isBound","target","bindingLabel","bindingLabelFor"],"mappings":";;;;;AAAA;AACA;AAMA;;;;;;;;;;;;;;;;;;AAkBC,IACM,SAASA,gBAAAA,CAAiBC,UAAmC,EAAEC,OAAuB,EAAEC,IAAiB,EAAA;AAC5G,IAAA,MAAMC,KAAAA,GAAQC,+BAAAA,CAAeJ,UAAAA,EAAY,OAAA,CAAA,KAAaC,OAAAA,CAAQI,IAAI,KAAKC,SAAAA,GAAY,eAAA,GAAkBC,uCAAAA,CAAoBN,OAAAA,CAAQI,IAAI,CAAA,CAAA;IACrI,MAAMG,OAAAA,GAAUJ,gCAAeJ,UAAAA,EAAY,SAAA,CAAA;IAE3C,OAAO;AACHG,QAAAA,KAAAA;AACAM,QAAAA,QAAAA,EAAUL,gCAAeJ,UAAAA,EAAY,UAAA,CAAA;AACrCU,QAAAA,KAAAA,EAAOF,YAAYF,SAAAA,GAAY;AAACH,YAAAA;SAAM,GAAG;AAACK,YAAAA,OAAAA;AAASL,YAAAA;AAAM,SAAA;AACzDQ,QAAAA,WAAAA,EAAaV,QAAQI,IAAI;QACzBO,OAAAA,EAASX,OAAAA,CAAQY,MAAM,KAAKP,SAAAA;AAC5BQ,QAAAA,YAAAA,EAAcC,gBAAgBd,OAAAA,EAASC,IAAAA;AAC3C,KAAA;AACJ;AAEA,SAASa,eAAAA,CAAgBd,OAAuB,EAAEC,IAAiB,EAAA;IAC/D,IAAID,OAAAA,CAAQI,IAAI,KAAKC,SAAAA,EAAW;QAC5B,OAAO,YAAA;AACX,IAAA;IAEA,OAAOL,OAAAA,CAAQY,MAAM,KAAKP,SAAAA,GAAY,CAAC,GAAG,EAAEJ,IAAAA,CAAK,eAAe,EAAED,OAAAA,CAAQI,IAAI,CAAA,CAAE,GAAG,CAAC,SAAS,EAAEH,KAAK,CAAC,EAAED,OAAAA,CAAQI,IAAI,CAAA,CAAE;AACzH;;;;"}

package/dist/cjs/header/humanizeBindingName.js

@@ -0,0 +1,36 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Reads an Arc binding name as a sentence: `AllInvoices` becomes `All invoices`.
+ *
+ * Arc proxy names are the C# artifact names - a `[ReadModel]`'s static query method, a `[Command]` record -
+ * so they arrive in PascalCase and describe exactly what the page is about. Using them as the fallback
+ * heading means a page template is legible before anyone has written a title, and the heading a designer
+ * sees at design time is the one the backend actually named.
+ *
+ * Only the boundary between a lowercase or numeric character and an uppercase one is treated as a word
+ * break, so a run of capitals stays together: `AllPIIRecords` reads as `All PIIRecords` rather than being
+ * chopped into initials. That is the right trade - a wrong word break in an acronym is much more jarring
+ * than a missing one. For the same reason a word is only lowered when it looks like an ordinary
+ * capitalized word, so an acronym keeps its shape instead of being flattened into `piirecords`.
+ *
+ * @param name The binding name as a screen wrote it.
+ * @returns The name as a sentence, with only the first word capitalized.
+ */ function humanizeBindingName(name) {
+    const words = name.replace(/([a-z0-9])([A-Z])/g, '$1 $2').split(/\s+/).filter((word)=>word.length > 0);
+    if (words.length === 0) {
+        return name;
+    }
+    return [
+        words[0],
+        ...words.slice(1).map(lowered)
+    ].join(' ');
+}
+function lowered(word) {
+    return /^[A-Z][a-z]/.test(word) ? `${word[0].toLowerCase()}${word.slice(1)}` : word;
+}
+
+exports.humanizeBindingName = humanizeBindingName;
+//# sourceMappingURL=humanizeBindingName.js.map

package/dist/cjs/header/humanizeBindingName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"humanizeBindingName.js","sources":["../../../header/humanizeBindingName.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 * Reads an Arc binding name as a sentence: `AllInvoices` becomes `All invoices`.\n *\n * Arc proxy names are the C# artifact names - a `[ReadModel]`'s static query method, a `[Command]` record -\n * so they arrive in PascalCase and describe exactly what the page is about. Using them as the fallback\n * heading means a page template is legible before anyone has written a title, and the heading a designer\n * sees at design time is the one the backend actually named.\n *\n * Only the boundary between a lowercase or numeric character and an uppercase one is treated as a word\n * break, so a run of capitals stays together: `AllPIIRecords` reads as `All PIIRecords` rather than being\n * chopped into initials. That is the right trade - a wrong word break in an acronym is much more jarring\n * than a missing one. For the same reason a word is only lowered when it looks like an ordinary\n * capitalized word, so an acronym keeps its shape instead of being flattened into `piirecords`.\n *\n * @param name The binding name as a screen wrote it.\n * @returns The name as a sentence, with only the first word capitalized.\n */\nexport function humanizeBindingName(name: string): string {\n    const words = name\n        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')\n        .split(/\\s+/)\n        .filter(word => word.length > 0);\n\n    if (words.length === 0) {\n        return name;\n    }\n\n    return [words[0], ...words.slice(1).map(lowered)].join(' ');\n}\n\nfunction lowered(word: string): string {\n    return /^[A-Z][a-z]/.test(word) ? `${word[0].toLowerCase()}${word.slice(1)}` : word;\n}\n"],"names":["humanizeBindingName","name","words","replace","split","filter","word","length","slice","map","lowered","join","test","toLowerCase"],"mappings":";;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;IAiBO,SAASA,mBAAAA,CAAoBC,IAAY,EAAA;AAC5C,IAAA,MAAMC,KAAAA,GAAQD,IAAAA,CACTE,OAAO,CAAC,sBAAsB,OAAA,CAAA,CAC9BC,KAAK,CAAC,KAAA,CAAA,CACNC,MAAM,CAACC,CAAAA,IAAAA,GAAQA,IAAAA,CAAKC,MAAM,GAAG,CAAA,CAAA;IAElC,IAAIL,KAAAA,CAAMK,MAAM,KAAK,CAAA,EAAG;QACpB,OAAON,IAAAA;AACX,IAAA;IAEA,OAAO;AAACC,QAAAA,KAAK,CAAC,CAAA,CAAE;AAAKA,QAAAA,GAAAA,KAAAA,CAAMM,KAAK,CAAC,CAAA,CAAA,CAAGC,GAAG,CAACC,OAAAA;AAAS,KAAA,CAACC,IAAI,CAAC,GAAA,CAAA;AAC3D;AAEA,SAASD,QAAQJ,IAAY,EAAA;AACzB,IAAA,OAAO,aAAA,CAAcM,IAAI,CAACN,IAAAA,CAAAA,GAAQ,GAAGA,IAAI,CAAC,CAAA,CAAE,CAACO,WAAW,EAAA,CAAA,EAAKP,IAAAA,CAAKE,KAAK,CAAC,IAAI,GAAGF,IAAAA;AACnF;;;;"}

package/dist/cjs/index.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var packageName = require('./packageName.js');
+var ComponentName = require('./ComponentName.js');
+var CompositeName = require('./CompositeName.js');
+var BorrowedComponentName = require('./BorrowedComponentName.js');
+var humanizeBindingName = require('./header/humanizeBindingName.js');
+var deriveArcHeading = require('./header/deriveArcHeading.js');
+var ArcPageHeader = require('./header/ArcPageHeader.js');
+var SampleBindingName = require('./templates/SampleBindingName.js');
+var sampleData = require('./templates/sampleData.js');
+var elements = require('./templates/elements.js');
+var dataElements = require('./templates/dataElements.js');
+var formElements = require('./templates/formElements.js');
+var dialogElements = require('./templates/dialogElements.js');
+var editorElements = require('./templates/editorElements.js');
+var listTemplates = require('./templates/listTemplates.js');
+var workspaceTemplates = require('./templates/workspaceTemplates.js');
+var commandTemplates = require('./templates/commandTemplates.js');
+var editorTemplates = require('./templates/editorTemplates.js');
+var nesting = require('./templates/nesting.js');
+var dialogTemplates = require('./templates/dialogTemplates.js');
+var screenTemplates = require('./templates/screenTemplates.js');
+var navigation = require('./gallery/navigation.js');
+var applicationChrome = require('./gallery/applicationChrome.js');
+var screens = require('./gallery/screens.js');
+var previewProfile = require('./gallery/previewProfile.js');
+var GalleryScreenPreview = require('./gallery/GalleryScreenPreview.js');
+var DialogTemplatePreview = require('./gallery/DialogTemplatePreview.js');
+var componentsBlueprintComponents = require('./componentsBlueprintComponents.js');
+var componentsBlueprint = require('./componentsBlueprint.js');
+
+
+
+exports.componentsBlueprintName = packageName.componentsBlueprintName;
+exports.ComponentName = ComponentName.ComponentName;
+exports.CompositeName = CompositeName.CompositeName;
+exports.BorrowedComponentName = BorrowedComponentName.BorrowedComponentName;
+exports.humanizeBindingName = humanizeBindingName.humanizeBindingName;
+exports.deriveArcHeading = deriveArcHeading.deriveArcHeading;
+exports.ArcPageHeader = ArcPageHeader.ArcPageHeader;
+exports.SampleBindingName = SampleBindingName.SampleBindingName;
+exports.invoiceDocument = sampleData.invoiceDocument;
+exports.invoiceFilters = sampleData.invoiceFilters;
+exports.invoiceNavigationPath = sampleData.invoiceNavigationPath;
+exports.invoiceSchema = sampleData.invoiceSchema;
+exports.invoiceVersions = sampleData.invoiceVersions;
+exports.statusOptions = sampleData.statusOptions;
+exports.arcPageHeader = elements.arcPageHeader;
+exports.errorBoundary = elements.errorBoundary;
+exports.icon = elements.icon;
+exports.page = elements.page;
+exports.toolbar = elements.toolbar;
+exports.toolbarButton = elements.toolbarButton;
+exports.toolbarGroup = elements.toolbarGroup;
+exports.toolbarSeparator = elements.toolbarSeparator;
+exports.adjustmentColumns = dataElements.adjustmentColumns;
+exports.columns = dataElements.columns;
+exports.dataPage = dataElements.dataPage;
+exports.dataTable = dataElements.dataTable;
+exports.invoiceColumns = dataElements.invoiceColumns;
+exports.invoiceTableOptions = dataElements.invoiceTableOptions;
+exports.observableDataTable = dataElements.observableDataTable;
+exports.calendarField = formElements.calendarField;
+exports.commandForm = formElements.commandForm;
+exports.dropdownField = formElements.dropdownField;
+exports.inputTextField = formElements.inputTextField;
+exports.numberField = formElements.numberField;
+exports.textAreaField = formElements.textAreaField;
+exports.busyIndicatorDialog = dialogElements.busyIndicatorDialog;
+exports.commandDialog = dialogElements.commandDialog;
+exports.dialog = dialogElements.dialog;
+exports.dropdown = editorElements.dropdown;
+exports.filterPanel = editorElements.filterPanel;
+exports.objectContentEditor = editorElements.objectContentEditor;
+exports.objectNavigationalBar = editorElements.objectNavigationalBar;
+exports.schemaEditor = editorElements.schemaEditor;
+exports.timeMachine = editorElements.timeMachine;
+exports.dataListPageTemplate = listTemplates.dataListPageTemplate;
+exports.dataListWithDetailPageTemplate = listTemplates.dataListWithDetailPageTemplate;
+exports.listTemplates = listTemplates.listTemplates;
+exports.observableDataListPageTemplate = listTemplates.observableDataListPageTemplate;
+exports.dashboardPageTemplate = workspaceTemplates.dashboardPageTemplate;
+exports.masterDetailPageTemplate = workspaceTemplates.masterDetailPageTemplate;
+exports.workspaceTemplates = workspaceTemplates.workspaceTemplates;
+exports.commandFormPageTemplate = commandTemplates.commandFormPageTemplate;
+exports.commandTemplates = commandTemplates.commandTemplates;
+exports.editorTemplates = editorTemplates.editorTemplates;
+exports.objectEditorPageTemplate = editorTemplates.objectEditorPageTemplate;
+exports.schemaEditorPageTemplate = editorTemplates.schemaEditorPageTemplate;
+exports.commandSliceSectionTemplate = nesting.commandSliceSectionTemplate;
+exports.dataFeatureSectionTemplate = nesting.dataFeatureSectionTemplate;
+exports.dataModulePageTemplate = nesting.dataModulePageTemplate;
+exports.nestingChainTemplates = nesting.nestingChainTemplates;
+exports.busyDialogTemplate = dialogTemplates.busyDialogTemplate;
+exports.commandDialogTemplate = dialogTemplates.commandDialogTemplate;
+exports.componentsDialogTemplates = dialogTemplates.componentsDialogTemplates;
+exports.confirmDialogTemplate = dialogTemplates.confirmDialogTemplate;
+exports.componentsPageTemplates = screenTemplates.componentsPageTemplates;
+exports.componentsScreenTemplates = screenTemplates.componentsScreenTemplates;
+exports.componentsNavigationContributions = navigation.componentsNavigationContributions;
+exports.componentsNavigationEntries = navigation.componentsNavigationEntries;
+exports.componentsNavigationGroups = navigation.componentsNavigationGroups;
+exports.entriesInGroup = navigation.entriesInGroup;
+exports.groupOfScreen = navigation.groupOfScreen;
+exports.labelOfScreen = navigation.labelOfScreen;
+exports.componentsApplicationChrome = applicationChrome.componentsApplicationChrome;
+exports.componentsGalleryScreen = screens.componentsGalleryScreen;
+exports.componentsGalleryScreens = screens.componentsGalleryScreens;
+exports.componentsBlueprintCatalog = previewProfile.componentsBlueprintCatalog;
+exports.componentsBlueprintProfile = previewProfile.componentsBlueprintProfile;
+exports.primeReactComponentNames = previewProfile.primeReactComponentNames;
+exports.GalleryScreenPreview = GalleryScreenPreview.GalleryScreenPreview;
+exports.componentsPreviewRegistry = GalleryScreenPreview.componentsPreviewRegistry;
+exports.DialogTemplatePreview = DialogTemplatePreview.DialogTemplatePreview;
+exports.componentsBlueprintComponents = componentsBlueprintComponents.componentsBlueprintComponents;
+exports.componentsBlueprint = componentsBlueprint.componentsBlueprint;
+exports.componentsBlueprintManifest = componentsBlueprint.componentsBlueprintManifest;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/package.json

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

package/dist/cjs/packageName.js

@@ -0,0 +1,15 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The name this blueprint is known by inside a `ui profile`.
+ *
+ * It is not the npm package name: a profile lists Scene package names, a `PackageDependency` refers to
+ * one, and `componentRegistryKey` builds every registry key from this. It therefore lives on its own
+ * rather than inside the manifest, so the registry can key off it without importing the manifest that
+ * describes the registry.
+ */ const componentsBlueprintName = 'Cratis.Blueprint.Components';
+
+exports.componentsBlueprintName = componentsBlueprintName;
+//# sourceMappingURL=packageName.js.map

package/dist/cjs/packageName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"packageName.js","sources":["../../packageName.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 * The name this blueprint is known by inside a `ui profile`.\n *\n * It is not the npm package name: a profile lists Scene package names, a `PackageDependency` refers to\n * one, and `componentRegistryKey` builds every registry key from this. It therefore lives on its own\n * rather than inside the manifest, so the registry can key off it without importing the manifest that\n * describes the registry.\n */\nexport const componentsBlueprintName = 'Cratis.Blueprint.Components';\n"],"names":["componentsBlueprintName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,MAAMA,uBAAAA,GAA0B;;;;"}

package/dist/cjs/templates/SampleBindingName.js

@@ -0,0 +1,39 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The Arc query and command names this blueprint's templates ship bound to.
+ *
+ * A template carries a binding *name*, never a class - the binding registry in `@cratis/scene.components`
+ * is what turns a name into the generated proxy at render time, and only a host owns those proxies. So a
+ * template has to write some name, and these are the ones it writes.
+ *
+ * They are defaults, not fixtures. An application picking `DataListPage` replaces `AllInvoices` with its
+ * own query and the page is done; nothing else about the template changes. Shipping a template with no
+ * name at all would have been the alternative, and it is a worse one - it renders as a diagram of a page
+ * rather than a page, and the thing a template most needs to prove is that it composes into something
+ * real.
+ *
+ * The names are deliberately in the shape Arc generates: a `[ReadModel]`'s static query method
+ * (`AllInvoices`), and a `[Command]` record (`RegisterInvoice`). A designer reading a preview should
+ * recognize them as the artifacts they would really be wiring.
+ *
+ * This is an enum of *this package's defaults*, not of every name a binding may take. The element builders
+ * therefore take a plain `string`, so an application can point the same builders at `AllPurchaseOrders`
+ * without having to widen anything - the set of Arc proxies in an application is open, and a closed type
+ * over it would make these builders usable only for the invoices they ship bound to.
+ */ var SampleBindingName = /*#__PURE__*/ function(SampleBindingName) {
+    /** Every invoice - the snapshot query a list page reads. */ SampleBindingName["AllInvoices"] = "AllInvoices";
+    /** Invoices still being processed - an observable query, so the page is live. */ SampleBindingName["InvoicesInFlight"] = "InvoicesInFlight";
+    /** One invoice by its id - what a detail region reads. */ SampleBindingName["InvoiceById"] = "InvoiceById";
+    /** Revenue aggregated by month - a dashboard widget's query. */ SampleBindingName["RevenueByMonth"] = "RevenueByMonth";
+    /** Open support tickets - a second dashboard widget's query. */ SampleBindingName["OpenTickets"] = "OpenTickets";
+    /** Every adjustment recorded against an invoice. */ SampleBindingName["AllAdjustments"] = "AllAdjustments";
+    /** Registers a new invoice - the command a form page submits. */ SampleBindingName["RegisterInvoice"] = "RegisterInvoice";
+    /** Records an adjustment against an invoice - the command a dialog submits. */ SampleBindingName["RecordAdjustment"] = "RecordAdjustment";
+    return SampleBindingName;
+}({});
+
+exports.SampleBindingName = SampleBindingName;
+//# sourceMappingURL=SampleBindingName.js.map

package/dist/cjs/templates/SampleBindingName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SampleBindingName.js","sources":["../../../templates/SampleBindingName.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 * The Arc query and command names this blueprint's templates ship bound to.\n *\n * A template carries a binding *name*, never a class - the binding registry in `@cratis/scene.components`\n * is what turns a name into the generated proxy at render time, and only a host owns those proxies. So a\n * template has to write some name, and these are the ones it writes.\n *\n * They are defaults, not fixtures. An application picking `DataListPage` replaces `AllInvoices` with its\n * own query and the page is done; nothing else about the template changes. Shipping a template with no\n * name at all would have been the alternative, and it is a worse one - it renders as a diagram of a page\n * rather than a page, and the thing a template most needs to prove is that it composes into something\n * real.\n *\n * The names are deliberately in the shape Arc generates: a `[ReadModel]`'s static query method\n * (`AllInvoices`), and a `[Command]` record (`RegisterInvoice`). A designer reading a preview should\n * recognize them as the artifacts they would really be wiring.\n *\n * This is an enum of *this package's defaults*, not of every name a binding may take. The element builders\n * therefore take a plain `string`, so an application can point the same builders at `AllPurchaseOrders`\n * without having to widen anything - the set of Arc proxies in an application is open, and a closed type\n * over it would make these builders usable only for the invoices they ship bound to.\n */\nexport enum SampleBindingName {\n    /** Every invoice - the snapshot query a list page reads. */\n    AllInvoices = 'AllInvoices',\n\n    /** Invoices still being processed - an observable query, so the page is live. */\n    InvoicesInFlight = 'InvoicesInFlight',\n\n    /** One invoice by its id - what a detail region reads. */\n    InvoiceById = 'InvoiceById',\n\n    /** Revenue aggregated by month - a dashboard widget's query. */\n    RevenueByMonth = 'RevenueByMonth',\n\n    /** Open support tickets - a second dashboard widget's query. */\n    OpenTickets = 'OpenTickets',\n\n    /** Every adjustment recorded against an invoice. */\n    AllAdjustments = 'AllAdjustments',\n\n    /** Registers a new invoice - the command a form page submits. */\n    RegisterInvoice = 'RegisterInvoice',\n\n    /** Records an adjustment against an invoice - the command a dialog submits. */\n    RecordAdjustment = 'RecordAdjustment',\n}\n"],"names":["SampleBindingName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;IAsBO,IAAKA,iBAAAA,iBAAAA,SAAAA,iBAAAA,EAAAA;iEACkD,iBAAA,CAAA,aAAA,CAAA,GAAA,aAAA;sFAGqB,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;+DAGvB,iBAAA,CAAA,aAAA,CAAA,GAAA,aAAA;qEAGM,iBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;qEAGA,iBAAA,CAAA,aAAA,CAAA,GAAA,aAAA;yDAGZ,iBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;sEAGa,iBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAA;oFAGc,iBAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;AAtBrEA,IAAAA,OAAAA,iBAAAA;AAwBX,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/templates/commandTemplates.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var elements = require('./elements.js');
+var formElements = require('./formElements.js');
+var SampleBindingName = require('./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 write side: a page whose body is one command, and whose action bar submits it.
+ */ /**
+ * A command form page - a header, the generated form, and the bar that closes it.
+ *
+ * The form is `commandForm`, which is `AutoCommandForm`: it reads the command's own property descriptors
+ * and picks a field component per property type. That is the whole reason a *template* can ship a form at
+ * all. A template that listed fields by hand would be a snapshot of a command as it looked the day the
+ * template was written, and would go quietly wrong the first time a property was added on the backend.
+ * This one follows the command, which is the same guarantee Arc's generated proxies give everywhere else.
+ *
+ * `exclude` names the properties the form should not generate. `invoiceId` is excluded because it is the
+ * event-source identity - Arc resolves it, and a form offering to type it in is offering to break it.
+ *
+ * The action bar is the template's rather than the form's, and it declares its own slot for that reason: a
+ * screen replacing "Register" with "Register and approve" should not have to replace the form.
+ */ const commandFormPageTemplate = {
+    name: 'CommandFormPage',
+    fitsSlot: scene_blueprint_default.SlotName.Content,
+    slots: [
+        {
+            name: scene_blueprint_default.TemplateSlotName.Header
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Body
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Actions
+        }
+    ],
+    arrangement: {
+        root: scene_blueprint_default.column([
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Header),
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Body, {
+                grow: 1
+            }),
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Actions)
+        ], 16)
+    },
+    content: {
+        [scene_blueprint_default.TemplateSlotName.Header]: [
+            elements.arcPageHeader('command-form-header', {
+                title: 'Register an invoice',
+                subtitle: 'The form follows the command, so a property added on the backend shows up here',
+                section: 'Billing',
+                command: SampleBindingName.SampleBindingName.RegisterInvoice
+            })
+        ],
+        [scene_blueprint_default.TemplateSlotName.Body]: [
+            elements.page('command-form-body', '', [
+                formElements.commandForm('command-form', SampleBindingName.SampleBindingName.RegisterInvoice, [
+                    'invoiceId'
+                ])
+            ])
+        ],
+        [scene_blueprint_default.TemplateSlotName.Actions]: [
+            elements.toolbar('command-form-actions', [
+                elements.toolbarButton('command-form-submit', 'Register the invoice', 'pi pi-check', 'Register'),
+                elements.toolbarSeparator('command-form-separator'),
+                elements.toolbarButton('command-form-cancel', 'Discard and go back', 'pi pi-times', 'Cancel')
+            ])
+        ]
+    },
+    displayName: 'Command form page',
+    description: 'A generated command form under a header that states the command, with its own action bar.'
+};
+/** The command-shaped templates. */ const commandTemplates = [
+    commandFormPageTemplate
+];
+
+exports.commandFormPageTemplate = commandFormPageTemplate;
+exports.commandTemplates = commandTemplates;
+//# sourceMappingURL=commandTemplates.js.map

package/dist/cjs/templates/commandTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commandTemplates.js","sources":["../../../templates/commandTemplates.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 } from '@cratis/scene.model';\nimport { SlotName, TemplateSlotName, column, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { arcPageHeader, page, toolbar, toolbarButton, toolbarSeparator } from './elements';\nimport { commandForm } from './formElements';\nimport { SampleBindingName } from './SampleBindingName';\n\n/**\n * The write side: a page whose body is one command, and whose action bar submits it.\n */\n\n/**\n * A command form page - a header, the generated form, and the bar that closes it.\n *\n * The form is `commandForm`, which is `AutoCommandForm`: it reads the command's own property descriptors\n * and picks a field component per property type. That is the whole reason a *template* can ship a form at\n * all. A template that listed fields by hand would be a snapshot of a command as it looked the day the\n * template was written, and would go quietly wrong the first time a property was added on the backend.\n * This one follows the command, which is the same guarantee Arc's generated proxies give everywhere else.\n *\n * `exclude` names the properties the form should not generate. `invoiceId` is excluded because it is the\n * event-source identity - Arc resolves it, and a form offering to type it in is offering to break it.\n *\n * The action bar is the template's rather than the form's, and it declares its own slot for that reason: a\n * screen replacing \"Register\" with \"Register and approve\" should not have to replace the form.\n */\nexport const commandFormPageTemplate: ScreenTemplate = {\n    name: 'CommandFormPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)], 16),\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('command-form-header', {\n                title: 'Register an invoice',\n                subtitle: 'The form follows the command, so a property added on the backend shows up here',\n                section: 'Billing',\n                command: SampleBindingName.RegisterInvoice,\n            }),\n        ],\n        [TemplateSlotName.Body]: [page('command-form-body', '', [commandForm('command-form', SampleBindingName.RegisterInvoice, ['invoiceId'])])],\n        [TemplateSlotName.Actions]: [\n            toolbar('command-form-actions', [\n                toolbarButton('command-form-submit', 'Register the invoice', 'pi pi-check', 'Register'),\n                toolbarSeparator('command-form-separator'),\n                toolbarButton('command-form-cancel', 'Discard and go back', 'pi pi-times', 'Cancel'),\n            ]),\n        ],\n    },\n    displayName: 'Command form page',\n    description: 'A generated command form under a header that states the command, with its own action bar.',\n};\n\n/** The command-shaped templates. */\nexport const commandTemplates: ScreenTemplate[] = [commandFormPageTemplate];\n"],"names":["commandFormPageTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","Actions","arrangement","root","column","slotLeaf","grow","content","arcPageHeader","title","subtitle","section","command","SampleBindingName","RegisterInvoice","page","commandForm","toolbar","toolbarButton","toolbarSeparator","displayName","description","commandTemplates"],"mappings":";;;;;;;AAAA;AACA;AAQA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,iCAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,yCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,yCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,yCAAiBG;AAAQ;AAAE,KAAA;IAC/GC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,8BAAAA,CAAO;AAACC,YAAAA,gCAAAA,CAASP,yCAAiBC,MAAM,CAAA;YAAGM,gCAAAA,CAASP,wCAAAA,CAAiBE,IAAI,EAAE;gBAAEM,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,gCAAAA,CAASP,yCAAiBG,OAAO;SAAE,EAAE,EAAA;AACxI,KAAA;IACAM,OAAAA,EAAS;QACL,CAACT,wCAAAA,CAAiBC,MAAM,GAAG;AACvBS,YAAAA,sBAAAA,CAAc,qBAAA,EAAuB;gBACjCC,KAAAA,EAAO,qBAAA;gBACPC,QAAAA,EAAU,gFAAA;gBACVC,OAAAA,EAAS,SAAA;AACTC,gBAAAA,OAAAA,EAASC,oCAAkBC;AAC/B,aAAA;AACH,SAAA;QACD,CAAChB,wCAAAA,CAAiBE,IAAI,GAAG;AAACe,YAAAA,aAAAA,CAAK,qBAAqB,EAAA,EAAI;gBAACC,wBAAAA,CAAY,cAAA,EAAgBH,mCAAAA,CAAkBC,eAAe,EAAE;AAAC,oBAAA;AAAY,iBAAA;AAAE,aAAA;AAAE,SAAA;QACzI,CAAChB,wCAAAA,CAAiBG,OAAO,GAAG;AACxBgB,YAAAA,gBAAAA,CAAQ,sBAAA,EAAwB;gBAC5BC,sBAAAA,CAAc,qBAAA,EAAuB,wBAAwB,aAAA,EAAe,UAAA,CAAA;gBAC5EC,yBAAAA,CAAiB,wBAAA,CAAA;gBACjBD,sBAAAA,CAAc,qBAAA,EAAuB,uBAAuB,aAAA,EAAe,QAAA;AAC9E,aAAA;AACJ;AACL,KAAA;IACAE,WAAAA,EAAa,mBAAA;IACbC,WAAAA,EAAa;AACjB;AAEA,qCACO,MAAMC,gBAAAA,GAAqC;AAAC9B,IAAAA;;;;;;"}