@cratis/scene.blueprint.components 0.1.0

package/dist/esm/header/ArcHeading.d.ts

@@ -0,0 +1,9 @@
+export interface ArcHeading {
+    title: string;
+    subtitle?: string;
+    trail: string[];
+    bindingName?: string;
+    isBound: boolean;
+    bindingLabel: string;
+}
+//# sourceMappingURL=ArcHeading.d.ts.map

package/dist/esm/header/ArcHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcHeading.d.ts","sourceRoot":"","sources":["../../../header/ArcHeading.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,UAAU;IAEvB,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAQlB,KAAK,EAAE,MAAM,EAAE,CAAC;IAGhB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,EAAE,OAAO,CAAC;IAOjB,YAAY,EAAE,MAAM,CAAC;CACxB"}

package/dist/esm/header/ArcHeading.js

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

package/dist/esm/header/ArcHeading.js.map

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

package/dist/esm/header/ArcPageHeader.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+export declare function ArcPageHeader({ element, slots }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=ArcPageHeader.d.ts.map

package/dist/esm/header/ArcPageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArcPageHeader.d.ts","sourceRoot":"","sources":["../../../header/ArcPageHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAqB/D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAmBzE"}

package/dist/esm/header/ArcPageHeader.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { resolveElementBinding, BindingKind } from '@cratis/scene.components';
+import { deriveArcHeading } from './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 = resolveElementBinding(element, BindingKind.Query);
+    const kind = query.name === undefined ? BindingKind.Command : BindingKind.Query;
+    const binding = kind === BindingKind.Query ? query : resolveElementBinding(element, BindingKind.Command);
+    const heading = deriveArcHeading(element.properties, binding, kind);
+    return /*#__PURE__*/ jsxs("div", {
+        className: "layout-page-header",
+        "data-scene-id": element.id,
+        "data-scene-binding": heading.bindingName,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsx("nav", {
+                        className: "layout-page-header-trail",
+                        "aria-label": "Breadcrumb",
+                        children: heading.trail.join(' › ')
+                    }),
+                    /*#__PURE__*/ jsx("h1", {
+                        className: "layout-page-header-title",
+                        children: heading.title
+                    }),
+                    heading.subtitle && /*#__PURE__*/ jsx("p", {
+                        className: "layout-page-header-subtitle",
+                        children: heading.subtitle
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        "data-scene-binding-state": heading.isBound ? 'bound' : 'unbound',
+                        children: heading.bindingLabel
+                    })
+                ]
+            }),
+            (slots.actions?.length ?? 0) > 0 && /*#__PURE__*/ jsx("div", {
+                className: "layout-page-header-actions",
+                children: slots.actions
+            })
+        ]
+    });
+}
+
+export { ArcPageHeader };
+//# sourceMappingURL=ArcPageHeader.js.map

package/dist/esm/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,qBAAAA,CAAsBH,OAAAA,EAASI,WAAAA,CAAYC,KAAK,CAAA;IAC9D,MAAMC,IAAAA,GAAOJ,MAAMK,IAAI,KAAKC,YAAYJ,WAAAA,CAAYK,OAAO,GAAGL,WAAAA,CAAYC,KAAK;IAC/E,MAAMK,OAAAA,GAAUJ,SAASF,WAAAA,CAAYC,KAAK,GAAGH,KAAAA,GAAQC,qBAAAA,CAAsBH,OAAAA,EAASI,WAAAA,CAAYK,OAAO,CAAA;AACvG,IAAA,MAAME,OAAAA,GAAUC,gBAAAA,CAAiBZ,OAAAA,CAAQa,UAAU,EAAEH,OAAAA,EAASJ,IAAAA,CAAAA;AAE9D,IAAA,qBACIQ,IAAA,CAACC,KAAAA,EAAAA;QAAIC,SAAAA,EAAU,oBAAA;AAAqBC,QAAAA,eAAAA,EAAejB,QAAQkB,EAAE;AAAEC,QAAAA,oBAAAA,EAAoBR,QAAQS,WAAW;;0BAClGN,IAAA,CAACC,KAAAA,EAAAA;;kCACGM,GAAA,CAACC,KAAAA,EAAAA;wBAAIN,SAAAA,EAAU,0BAAA;wBAA2BO,YAAAA,EAAW,YAAA;kCAChDZ,OAAAA,CAAQa,KAAK,CAACC,IAAI,CAAC,KAAA;;kCAExBJ,GAAA,CAACK,IAAAA,EAAAA;wBAAGV,SAAAA,EAAU,0BAAA;AAA4BL,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQgB;;oBACjDhB,OAAAA,CAAQiB,QAAQ,kBAAIP,GAAA,CAACQ,GAAAA,EAAAA;wBAAEb,SAAAA,EAAU,6BAAA;AAA+BL,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQiB;;kCACzEP,GAAA,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,GAAA,CAACN,KAAAA,EAAAA;gBAAIC,SAAAA,EAAU,4BAAA;AAA8Bf,gBAAAA,QAAAA,EAAAA,KAAAA,CAAMiC;;;;AAGpG;;;;"}

package/dist/esm/header/deriveArcHeading.d.ts

@@ -0,0 +1,4 @@
+import { BindingKind, ElementBinding } from '@cratis/scene.components';
+import { ArcHeading } from './ArcHeading';
+export declare function deriveArcHeading(properties: Record<string, unknown>, binding: ElementBinding, kind: BindingKind): ArcHeading;
+//# sourceMappingURL=deriveArcHeading.d.ts.map

package/dist/esm/header/deriveArcHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deriveArcHeading.d.ts","sourceRoot":"","sources":["../../../header/deriveArcHeading.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAkB,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,GAAG,UAAU,CAY5H"}

package/dist/esm/header/deriveArcHeading.js

@@ -0,0 +1,49 @@
+import { stringProperty } from '@cratis/scene.components';
+import { humanizeBindingName } from './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 = stringProperty(properties, 'title') ?? (binding.name === undefined ? 'Untitled page' : humanizeBindingName(binding.name));
+    const section = stringProperty(properties, 'section');
+    return {
+        title,
+        subtitle: 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}`;
+}
+
+export { deriveArcHeading };
+//# sourceMappingURL=deriveArcHeading.js.map

package/dist/esm/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,cAAAA,CAAeJ,UAAAA,EAAY,OAAA,CAAA,KAAaC,OAAAA,CAAQI,IAAI,KAAKC,SAAAA,GAAY,eAAA,GAAkBC,mBAAAA,CAAoBN,OAAAA,CAAQI,IAAI,CAAA,CAAA;IACrI,MAAMG,OAAAA,GAAUJ,eAAeJ,UAAAA,EAAY,SAAA,CAAA;IAE3C,OAAO;AACHG,QAAAA,KAAAA;AACAM,QAAAA,QAAAA,EAAUL,eAAeJ,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/esm/header/humanizeBindingName.d.ts

@@ -0,0 +1,2 @@
+export declare function humanizeBindingName(name: string): string;
+//# sourceMappingURL=humanizeBindingName.d.ts.map

package/dist/esm/header/humanizeBindingName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"humanizeBindingName.d.ts","sourceRoot":"","sources":["../../../header/humanizeBindingName.ts"],"names":[],"mappings":"AAoBA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAWxD"}

package/dist/esm/header/humanizeBindingName.js

@@ -0,0 +1,34 @@
+// 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;
+}
+
+export { humanizeBindingName };
+//# sourceMappingURL=humanizeBindingName.js.map

package/dist/esm/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/esm/header/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ArcHeading';
+export * from './humanizeBindingName';
+export * from './deriveArcHeading';
+export * from './ArcPageHeader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/esm/header/index.js

@@ -0,0 +1,5 @@
+export * from './ArcHeading';
+export * from './humanizeBindingName';
+export * from './deriveArcHeading';
+export * from './ArcPageHeader';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+export * from './packageName';
+export * from './ComponentName';
+export * from './CompositeName';
+export * from './BorrowedComponentName';
+export * from './header';
+export * from './templates';
+export * from './gallery';
+export * from './componentsBlueprintComponents';
+export * from './componentsBlueprint';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/package.json

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

package/dist/esm/packageName.d.ts

@@ -0,0 +1,2 @@
+export declare const componentsBlueprintName = "Cratis.Blueprint.Components";
+//# sourceMappingURL=packageName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"packageName.d.ts","sourceRoot":"","sources":["../../packageName.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,uBAAuB,gCAAgC,CAAC"}

package/dist/esm/packageName.js

@@ -0,0 +1,13 @@
+// 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';
+
+export { componentsBlueprintName };
+//# sourceMappingURL=packageName.js.map

package/dist/esm/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/esm/templates/ArcHeaderOptions.d.ts

@@ -0,0 +1,8 @@
+export interface ArcHeaderOptions {
+    title?: string;
+    subtitle?: string;
+    section?: string;
+    query?: string;
+    command?: string;
+}
+//# sourceMappingURL=ArcHeaderOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArcHeaderOptions.d.ts","sourceRoot":"","sources":["../../../templates/ArcHeaderOptions.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAE7B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/esm/templates/ArcHeaderOptions.js

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

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

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

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

@@ -0,0 +1,5 @@
+export interface ColumnDefinition {
+    field: string;
+    header: string;
+}
+//# sourceMappingURL=ColumnDefinition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnDefinition.d.ts","sourceRoot":"","sources":["../../../templates/ColumnDefinition.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,gBAAgB;IAE7B,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,MAAM,CAAC;CAClB"}

package/dist/esm/templates/ColumnDefinition.js

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

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

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

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

@@ -0,0 +1,11 @@
+export declare enum SampleBindingName {
+    AllInvoices = "AllInvoices",
+    InvoicesInFlight = "InvoicesInFlight",
+    InvoiceById = "InvoiceById",
+    RevenueByMonth = "RevenueByMonth",
+    OpenTickets = "OpenTickets",
+    AllAdjustments = "AllAdjustments",
+    RegisterInvoice = "RegisterInvoice",
+    RecordAdjustment = "RecordAdjustment"
+}
+//# sourceMappingURL=SampleBindingName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SampleBindingName.d.ts","sourceRoot":"","sources":["../../../templates/SampleBindingName.ts"],"names":[],"mappings":"AAyBA,oBAAY,iBAAiB;IAEzB,WAAW,gBAAgB;IAG3B,gBAAgB,qBAAqB;IAGrC,WAAW,gBAAgB;IAG3B,cAAc,mBAAmB;IAGjC,WAAW,gBAAgB;IAG3B,cAAc,mBAAmB;IAGjC,eAAe,oBAAoB;IAGnC,gBAAgB,qBAAqB;CACxC"}

package/dist/esm/templates/SampleBindingName.js

@@ -0,0 +1,37 @@
+// 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;
+}({});
+
+export { SampleBindingName };
+//# sourceMappingURL=SampleBindingName.js.map

package/dist/esm/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/esm/templates/TableOptions.d.ts

@@ -0,0 +1,6 @@
+export interface TableOptions {
+    emptyMessage: string;
+    dataKey: string;
+    globalFilterFields?: string[];
+}
+//# sourceMappingURL=TableOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableOptions.d.ts","sourceRoot":"","sources":["../../../templates/TableOptions.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,YAAY;IAEzB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,EAAE,MAAM,CAAC;IAGhB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC"}

package/dist/esm/templates/TableOptions.js

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

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

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

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

@@ -0,0 +1,4 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const commandFormPageTemplate: ScreenTemplate;
+export declare const commandTemplates: ScreenTemplate[];
+//# sourceMappingURL=commandTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commandTemplates.d.ts","sourceRoot":"","sources":["../../../templates/commandTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAyBrD,eAAO,MAAM,uBAAuB,EAAE,cA2BrC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAA8B,CAAC"}

package/dist/esm/templates/commandTemplates.js

@@ -0,0 +1,79 @@
+import { TemplateSlotName, column, slotLeaf, SlotName } from '@cratis/scene.blueprint.default';
+import { toolbar, toolbarButton, toolbarSeparator, page, arcPageHeader } from './elements.js';
+import { commandForm } from './formElements.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 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: SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.Actions
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf(TemplateSlotName.Header),
+            slotLeaf(TemplateSlotName.Body, {
+                grow: 1
+            }),
+            slotLeaf(TemplateSlotName.Actions)
+        ], 16)
+    },
+    content: {
+        [TemplateSlotName.Header]: [
+            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.RegisterInvoice
+            })
+        ],
+        [TemplateSlotName.Body]: [
+            page('command-form-body', '', [
+                commandForm('command-form', SampleBindingName.RegisterInvoice, [
+                    'invoiceId'
+                ])
+            ])
+        ],
+        [TemplateSlotName.Actions]: [
+            toolbar('command-form-actions', [
+                toolbarButton('command-form-submit', 'Register the invoice', 'pi pi-check', 'Register'),
+                toolbarSeparator('command-form-separator'),
+                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
+];
+
+export { commandFormPageTemplate, commandTemplates };
+//# sourceMappingURL=commandTemplates.js.map

package/dist/esm/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,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,iBAAiBG;AAAQ;AAAE,KAAA;IAC/GC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;AAACC,YAAAA,QAAAA,CAASP,iBAAiBC,MAAM,CAAA;YAAGM,QAAAA,CAASP,gBAAAA,CAAiBE,IAAI,EAAE;gBAAEM,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,QAAAA,CAASP,iBAAiBG,OAAO;SAAE,EAAE,EAAA;AACxI,KAAA;IACAM,OAAAA,EAAS;QACL,CAACT,gBAAAA,CAAiBC,MAAM,GAAG;AACvBS,YAAAA,aAAAA,CAAc,qBAAA,EAAuB;gBACjCC,KAAAA,EAAO,qBAAA;gBACPC,QAAAA,EAAU,gFAAA;gBACVC,OAAAA,EAAS,SAAA;AACTC,gBAAAA,OAAAA,EAASC,kBAAkBC;AAC/B,aAAA;AACH,SAAA;QACD,CAAChB,gBAAAA,CAAiBE,IAAI,GAAG;AAACe,YAAAA,IAAAA,CAAK,qBAAqB,EAAA,EAAI;gBAACC,WAAAA,CAAY,cAAA,EAAgBH,iBAAAA,CAAkBC,eAAe,EAAE;AAAC,oBAAA;AAAY,iBAAA;AAAE,aAAA;AAAE,SAAA;QACzI,CAAChB,gBAAAA,CAAiBG,OAAO,GAAG;AACxBgB,YAAAA,OAAAA,CAAQ,sBAAA,EAAwB;gBAC5BC,aAAAA,CAAc,qBAAA,EAAuB,wBAAwB,aAAA,EAAe,UAAA,CAAA;gBAC5EC,gBAAAA,CAAiB,wBAAA,CAAA;gBACjBD,aAAAA,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;;;;;"}

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

@@ -0,0 +1,11 @@
+import { SceneElement } from '@cratis/scene.model';
+import { ColumnDefinition } from './ColumnDefinition';
+import { TableOptions } from './TableOptions';
+export declare function columns(id: string, definitions: ColumnDefinition[]): SceneElement[];
+export declare function dataPage(id: string, query: string, options: TableOptions, definitions: ColumnDefinition[]): SceneElement;
+export declare function dataTable(id: string, query: string, options: TableOptions, definitions: ColumnDefinition[]): SceneElement;
+export declare function observableDataTable(id: string, query: string, options: TableOptions, definitions: ColumnDefinition[]): SceneElement;
+export declare const invoiceColumns: ColumnDefinition[];
+export declare const adjustmentColumns: ColumnDefinition[];
+export declare const invoiceTableOptions: TableOptions;
+//# sourceMappingURL=dataElements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dataElements.d.ts","sourceRoot":"","sources":["../../../templates/dataElements.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmB9C,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAQnF;AAcD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAExH;AAQD,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAEzH;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,YAAY,CAEnI;AAGD,eAAO,MAAM,cAAc,EAAE,gBAAgB,EAM5C,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAI/C,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,YAIjC,CAAC"}