@cratis/scene.blueprint.orders 0.0.0-stage → 4.60.0

package/dist/esm/templates/deliveryTemplate.js

@@ -0,0 +1,86 @@
+import { TemplateScope, WidthSizeClass } from '@cratis/scene.model';
+import { component, column, slotLeaf, grid } from '@cratis/scene.blueprint.default';
+import { localeOfData, fromQuery, OrdersQuery } from '../ordersQueries.js';
+import { ordersMetadata, withBehaviors, goesTo, actionButton } from '../ordersParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The delivery calendar: the day each open order is due to arrive, on a month, a week or as an agenda (the foundation's `calendarGrid`). The status is told in
+ * words as well as by color, the day and view are kept in the address, and the list beside it names every order due in the period.
+ */ const deliveryCalendarTemplate = {
+    name: 'OrdersDeliveryCalendar',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'calendar'
+        },
+        {
+            name: 'due'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            grid([
+                slotLeaf('calendar', {
+                    span: 2
+                }),
+                slotLeaf('due')
+            ], 3, 16)
+        ], 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('calendar'),
+                    slotLeaf('due')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('OrdersDeliveryCalendar-header', 'pageHeader', {
+                title: 'Deliveries',
+                subtitle: 'When each order is due to arrive'
+            }, {
+                actions: [
+                    withBehaviors(actionButton('OrdersDeliveryCalendar-orders', 'Open the orders', 'secondary'), goesTo('orders.list'))
+                ]
+            })
+        ],
+        calendar: [
+            component('OrdersDeliveryCalendar-grid', 'calendarGrid', {
+                label: 'Deliveries',
+                events: fromQuery(OrdersQuery.DeliveryEvents),
+                date: fromQuery(OrdersQuery.Settings, '0.today'),
+                urlKey: 'day',
+                ...localeOfData
+            })
+        ],
+        due: [
+            component('OrdersDeliveryCalendar-due', 'dataList', {
+                label: 'Due in this period',
+                rows: fromQuery(OrdersQuery.DeliveryEvents),
+                columns: fromQuery(OrdersQuery.DeliveryColumns),
+                titleField: 'title',
+                pageSize: 6,
+                ...localeOfData
+            })
+        ]
+    },
+    displayName: 'Orders delivery calendar',
+    description: 'The day each open order is due to arrive, on a month, a week or as an agenda.',
+    metadata: ordersMetadata('OrdersDeliveryCalendar', 'Calendar', [
+        TemplateScope.Module,
+        TemplateScope.Feature
+    ])
+};
+
+export { deliveryCalendarTemplate };
+//# sourceMappingURL=deliveryTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deliveryTemplate.js","sources":["../../../templates/deliveryTemplate.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, TemplateScope, WidthSizeClass } from '@cratis/scene.model';\nimport { column, grid, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { OrdersQuery, fromQuery, localeOfData } from '../ordersQueries';\nimport { actionButton, component, goesTo, ordersMetadata, withBehaviors } from '../ordersParts';\n\n/**\n * The delivery calendar: the day each open order is due to arrive, on a month, a week or as an agenda (the foundation's `calendarGrid`). The status is told in\n * words as well as by color, the day and view are kept in the address, and the list beside it names every order due in the period.\n */\nexport const deliveryCalendarTemplate: ScreenTemplate = {\n    name: 'OrdersDeliveryCalendar',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'calendar' }, { name: 'due' }],\n    arrangement: {\n        root: column([slotLeaf('header'), grid([slotLeaf('calendar', { span: 2 }), slotLeaf('due')], 3, 16)], 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('calendar'), slotLeaf('due')], 16) }],\n    },\n    content: {\n        header: [component('OrdersDeliveryCalendar-header', 'pageHeader', { title: 'Deliveries', subtitle: 'When each order is due to arrive' }, {\n            actions: [withBehaviors(actionButton('OrdersDeliveryCalendar-orders', 'Open the orders', 'secondary'), goesTo('orders.list'))],\n        })],\n        calendar: [component('OrdersDeliveryCalendar-grid', 'calendarGrid', { label: 'Deliveries', events: fromQuery(OrdersQuery.DeliveryEvents), date: fromQuery(OrdersQuery.Settings, '0.today'), urlKey: 'day', ...localeOfData })],\n        due: [component('OrdersDeliveryCalendar-due', 'dataList', { label: 'Due in this period', rows: fromQuery(OrdersQuery.DeliveryEvents), columns: fromQuery(OrdersQuery.DeliveryColumns), titleField: 'title', pageSize: 6, ...localeOfData })],\n    },\n    displayName: 'Orders delivery calendar',\n    description: 'The day each open order is due to arrive, on a month, a week or as an agenda.',\n    metadata: ordersMetadata('OrdersDeliveryCalendar', 'Calendar', [TemplateScope.Module, TemplateScope.Feature]),\n};\n"],"names":["deliveryCalendarTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","actions","withBehaviors","actionButton","goesTo","calendar","label","events","fromQuery","OrdersQuery","DeliveryEvents","date","Settings","urlKey","localeOfData","due","rows","columns","DeliveryColumns","titleField","pageSize","displayName","description","metadata","ordersMetadata","TemplateScope","Module","Feature"],"mappings":";;;;;AAAA;AACA;AAOA;;;UAIaA,wBAAAA,GAA2C;IACpDC,IAAAA,EAAM,wBAAA;IACNC,QAAAA,EAAU,SAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAS,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAW,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAM;AAAE,KAAA;IAClEG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAAS,QAAA,CAAA;YAAWC,IAAAA,CAAK;AAACD,gBAAAA,QAAAA,CAAS,UAAA,EAAY;oBAAEE,IAAAA,EAAM;AAAE,iBAAA,CAAA;gBAAIF,QAAAA,CAAS,KAAA;AAAO,aAAA,EAAE,CAAA,EAAG,EAAA;SAAI,EAAE,EAAA,CAAA;QACtGG,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAER,gBAAAA,IAAAA,EAAMC,MAAAA,CAAO;oBAACC,QAAAA,CAAS,QAAA,CAAA;oBAAWA,QAAAA,CAAS,UAAA,CAAA;oBAAaA,QAAAA,CAAS,KAAA;iBAAO,EAAE,EAAA;AAAI;AAAE;AACjI,KAAA;IACAO,OAAAA,EAAS;QACLC,MAAAA,EAAQ;AAACC,YAAAA,SAAAA,CAAU,iCAAiC,YAAA,EAAc;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;aAAmC,EAAG;gBACrIC,OAAAA,EAAS;AAACC,oBAAAA,aAAAA,CAAcC,YAAAA,CAAa,+BAAA,EAAiC,iBAAA,EAAmB,WAAA,CAAA,EAAcC,MAAAA,CAAO,aAAA,CAAA;AAAgB;AAClI,aAAA;AAAG,SAAA;QACHC,QAAAA,EAAU;AAACP,YAAAA,SAAAA,CAAU,+BAA+B,cAAA,EAAgB;gBAAEQ,KAAAA,EAAO,YAAA;gBAAcC,MAAAA,EAAQC,SAAAA,CAAUC,YAAYC,cAAc,CAAA;gBAAGC,IAAAA,EAAMH,SAAAA,CAAUC,WAAAA,CAAYG,QAAQ,EAAE,SAAA,CAAA;gBAAYC,MAAAA,EAAQ,KAAA;AAAO,gBAAA,GAAGC;AAAa,aAAA;AAAG,SAAA;QAC9NC,GAAAA,EAAK;AAACjB,YAAAA,SAAAA,CAAU,8BAA8B,UAAA,EAAY;gBAAEQ,KAAAA,EAAO,oBAAA;gBAAsBU,IAAAA,EAAMR,SAAAA,CAAUC,YAAYC,cAAc,CAAA;gBAAGO,OAAAA,EAAST,SAAAA,CAAUC,YAAYS,eAAe,CAAA;gBAAGC,UAAAA,EAAY,OAAA;gBAASC,QAAAA,EAAU,CAAA;AAAG,gBAAA,GAAGN;AAAa,aAAA;AAAG;AAChP,KAAA;IACAO,WAAAA,EAAa,0BAAA;IACbC,WAAAA,EAAa,+EAAA;IACbC,QAAAA,EAAUC,cAAAA,CAAe,0BAA0B,UAAA,EAAY;AAACC,QAAAA,aAAAA,CAAcC,MAAM;AAAED,QAAAA,aAAAA,CAAcE;AAAQ,KAAA;AAChH;;"}

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

@@ -0,0 +1,3 @@
+import { DialogTemplate } from '@cratis/scene.model';
+export declare const ordersDialogs: DialogTemplate[];
+//# sourceMappingURL=formTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplates.d.ts","sourceRoot":"","sources":["../../../templates/formTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAiB,MAAM,qBAAqB,CAAC;AA2BpE,eAAO,MAAM,aAAa,EAAE,cAAc,EAEzC,CAAC"}

package/dist/esm/templates/formTemplates.js

@@ -0,0 +1,48 @@
+import { TemplateScope } from '@cratis/scene.model';
+import { quickCreateDialogTemplate, component } from '@cratis/scene.blueprint.default';
+import { localeOfData, fromQuery, OrdersQuery } from '../ordersQueries.js';
+import { ordersMetadata, withBehaviors, closesDialog } from '../ordersParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One quick-create dialog: the foundation `QuickCreateDialog` - a short form opened from a page to make one record without leaving it - with the fields
+ * that thing needs to get started.
+ */ function quickCreateOf(name, title, sections, noun) {
+    return {
+        name,
+        slots: quickCreateDialogTemplate.slots,
+        content: {
+            header: [
+                component(`${name}-frame`, 'dialogFrame', {
+                    title,
+                    subtitle: 'Only what is needed to get started'
+                })
+            ],
+            body: [
+                withBehaviors(component(`${name}-form`, 'formScreenBody', {
+                    mode: 'create',
+                    saveAndNew: false,
+                    strings: {
+                        formSave: 'Create'
+                    },
+                    sections: fromQuery(sections),
+                    errors: fromQuery(OrdersQuery.FormErrors, '0'),
+                    ...localeOfData
+                }), closesDialog())
+            ],
+            actions: []
+        },
+        displayName: `Orders quick create ${noun}`,
+        description: `A short form that creates one ${noun} without leaving the page.`,
+        metadata: ordersMetadata(name, 'Dialog', [
+            TemplateScope.Slice
+        ])
+    };
+}
+/** The quick creation of an order. */ const ordersDialogs = [
+    quickCreateOf('OrdersQuickCreateOrder', 'New order', 'OrderQuickSections', 'order')
+];
+
+export { ordersDialogs };
+//# sourceMappingURL=formTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formTemplates.js","sources":["../../../templates/formTemplates.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 { DialogTemplate, TemplateScope } from '@cratis/scene.model';\nimport { quickCreateDialogTemplate } from '@cratis/scene.blueprint.default';\nimport { OrdersQuery, fromQuery, localeOfData } from '../ordersQueries';\nimport { closesDialog, component, ordersMetadata, withBehaviors } from '../ordersParts';\n\n/**\n * One quick-create dialog: the foundation `QuickCreateDialog` - a short form opened from a page to make one record without leaving it - with the fields\n * that thing needs to get started.\n */\nfunction quickCreateOf(name: string, title: string, sections: string, noun: string): DialogTemplate {\n    return {\n        name,\n        slots: quickCreateDialogTemplate.slots,\n        content: {\n            header: [component(`${name}-frame`, 'dialogFrame', { title, subtitle: 'Only what is needed to get started' })],\n            body: [withBehaviors(component(`${name}-form`, 'formScreenBody', {\n                mode: 'create', saveAndNew: false, strings: { formSave: 'Create' }, sections: fromQuery(sections), errors: fromQuery(OrdersQuery.FormErrors, '0'), ...localeOfData,\n            }), closesDialog())],\n            actions: [],\n        },\n        displayName: `Orders quick create ${noun}`,\n        description: `A short form that creates one ${noun} without leaving the page.`,\n        metadata: ordersMetadata(name, 'Dialog', [TemplateScope.Slice]),\n    };\n}\n\n/** The quick creation of an order. */\nexport const ordersDialogs: DialogTemplate[] = [\n    quickCreateOf('OrdersQuickCreateOrder', 'New order', 'OrderQuickSections', 'order'),\n];\n"],"names":["quickCreateOf","name","title","sections","noun","slots","quickCreateDialogTemplate","content","header","component","subtitle","body","withBehaviors","mode","saveAndNew","strings","formSave","fromQuery","errors","OrdersQuery","FormErrors","localeOfData","closesDialog","actions","displayName","description","metadata","ordersMetadata","TemplateScope","Slice","ordersDialogs"],"mappings":";;;;;AAAA;AACA;AAOA;;;IAIA,SAASA,cAAcC,IAAY,EAAEC,KAAa,EAAEC,QAAgB,EAAEC,IAAY,EAAA;IAC9E,OAAO;AACHH,QAAAA,IAAAA;AACAI,QAAAA,KAAAA,EAAOC,0BAA0BD,KAAK;QACtCE,OAAAA,EAAS;YACLC,MAAAA,EAAQ;AAACC,gBAAAA,SAAAA,CAAU,CAAA,EAAGR,IAAAA,CAAK,MAAM,CAAC,EAAE,aAAA,EAAe;AAAEC,oBAAAA,KAAAA;oBAAOQ,QAAAA,EAAU;AAAqC,iBAAA;AAAG,aAAA;YAC9GC,IAAAA,EAAM;AAACC,gBAAAA,aAAAA,CAAcH,UAAU,CAAA,EAAGR,IAAAA,CAAK,KAAK,CAAC,EAAE,gBAAA,EAAkB;oBAC7DY,IAAAA,EAAM,QAAA;oBAAUC,UAAAA,EAAY,KAAA;oBAAOC,OAAAA,EAAS;wBAAEC,QAAAA,EAAU;AAAS,qBAAA;AAAGb,oBAAAA,QAAAA,EAAUc,SAAAA,CAAUd,QAAAA,CAAAA;oBAAWe,MAAAA,EAAQD,SAAAA,CAAUE,WAAAA,CAAYC,UAAU,EAAE,GAAA,CAAA;AAAM,oBAAA,GAAGC;iBAC1J,CAAA,EAAIC,YAAAA,EAAAA;AAAgB,aAAA;AACpBC,YAAAA,OAAAA,EAAS;AACb,SAAA;QACAC,WAAAA,EAAa,CAAC,oBAAoB,EAAEpB,IAAAA,CAAAA,CAAM;AAC1CqB,QAAAA,WAAAA,EAAa,CAAC,8BAA8B,EAAErB,IAAAA,CAAK,0BAA0B,CAAC;QAC9EsB,QAAAA,EAAUC,cAAAA,CAAe1B,MAAM,QAAA,EAAU;AAAC2B,YAAAA,aAAAA,CAAcC;AAAM,SAAA;AAClE,KAAA;AACJ;AAEA,uCACO,MAAMC,aAAAA,GAAkC;IAC3C9B,aAAAA,CAAc,wBAAA,EAA0B,aAAa,oBAAA,EAAsB,OAAA;;;"}

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

@@ -0,0 +1,8 @@
+export * from './listTemplates';
+export * from './recordTemplates';
+export * from './boardTemplate';
+export * from './deliveryTemplate';
+export * from './formTemplates';
+export declare const ordersScreenTemplates: import("@cratis/scene.model/screens").ScreenTemplate[];
+export { ordersDialogs as ordersDialogTemplates } from './formTemplates';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../templates/index.ts"],"names":[],"mappings":"AAKA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAGhC,eAAO,MAAM,qBAAqB,wDAA6F,CAAC;AAEhI,OAAO,EAAE,aAAa,IAAI,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/templates/index.js

@@ -0,0 +1,15 @@
+import { fulfilmentBoardTemplate } from './boardTemplate.js';
+import { deliveryCalendarTemplate } from './deliveryTemplate.js';
+import { ordersListTemplate } from './listTemplates.js';
+import { orderPageTemplate } from './recordTemplates.js';
+export { ordersDialogs as ordersDialogTemplates, ordersDialogs } from './formTemplates.js';
+
+/** Every screen template this blueprint provides, in the order the manifest lists them. */ const ordersScreenTemplates = [
+    ordersListTemplate,
+    orderPageTemplate,
+    fulfilmentBoardTemplate,
+    deliveryCalendarTemplate
+];
+
+export { deliveryCalendarTemplate, fulfilmentBoardTemplate, orderPageTemplate, ordersListTemplate, ordersScreenTemplates };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../templates/index.ts"],"sourcesContent":["import { fulfilmentBoardTemplate } from './boardTemplate';\nimport { deliveryCalendarTemplate } from './deliveryTemplate';\nimport { ordersListTemplate } from './listTemplates';\nimport { orderPageTemplate } from './recordTemplates';\n\nexport * from './listTemplates';\nexport * from './recordTemplates';\nexport * from './boardTemplate';\nexport * from './deliveryTemplate';\nexport * from './formTemplates';\n\n/** Every screen template this blueprint provides, in the order the manifest lists them. */\nexport const ordersScreenTemplates = [ordersListTemplate, orderPageTemplate, fulfilmentBoardTemplate, deliveryCalendarTemplate];\n\nexport { ordersDialogs as ordersDialogTemplates } from './formTemplates';\n"],"names":["ordersScreenTemplates","ordersListTemplate","orderPageTemplate","fulfilmentBoardTemplate","deliveryCalendarTemplate"],"mappings":";;;;;;AAWA,4FACO,MAAMA,qBAAAA,GAAwB;AAACC,IAAAA,kBAAAA;AAAoBC,IAAAA,iBAAAA;AAAmBC,IAAAA,uBAAAA;AAAyBC,IAAAA;;;"}

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

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const ordersListTemplate: ScreenTemplate;
+//# sourceMappingURL=listTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listTemplates.d.ts","sourceRoot":"","sources":["../../../templates/listTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkF,cAAc,EAAiB,MAAM,qBAAqB,CAAC;AAqFpJ,eAAO,MAAM,kBAAkB,gBAI7B,CAAC"}

package/dist/esm/templates/listTemplates.js

@@ -0,0 +1,143 @@
+import { TemplateScope, NotificationLevel, InteractionActionKind, InteractionTriggerKind } from '@cratis/scene.model';
+import { component, listScreenTemplate } from '@cratis/scene.blueprint.default';
+import { localeOfData, fromQuery, ordersQueriesOf, OrdersEntityKind } from '../ordersQueries.js';
+import { withBehaviors, opensDialog, goesTo, actionButton, ordersMetadata, opensRecordOnSelect } from '../ordersParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const listScopes = [
+    TemplateScope.Module,
+    TemplateScope.Feature
+];
+/** The Export button: it tells the user the export has started, which is what the shell does for a long-running action it does not wait on. */ const exportAction = (id)=>withBehaviors(actionButton(id, 'Export', 'secondary'), [
+        {
+            bindings: [
+                {
+                    trigger: {
+                        kind: InteractionTriggerKind.Click
+                    },
+                    actions: [
+                        {
+                            kind: InteractionActionKind.Notify,
+                            level: NotificationLevel.Info,
+                            message: {
+                                text: 'The export has started.'
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]);
+/**
+ * One orders list: the foundation `ListScreen` with its header, toolbar, filters, list and bulk bar filled for an entity. The slots, arrangement and
+ * every behavior - sort, search, paging and selection in the address, the table collapsing to cards on a phone - are the foundation's.
+ */ function listTemplateOf(options) {
+    const queries = ordersQueriesOf(options.entity);
+    const id = options.name;
+    const listId = `${id}-records`;
+    const primary = withBehaviors(actionButton(`${id}-primary`, options.primary.label, 'primary'), options.primary.dialog ? opensDialog(options.primary.dialog) : goesTo(options.primary.screen));
+    const list = component(listId, 'dataList', {
+        label: options.title,
+        rows: fromQuery(queries.rows),
+        columns: fromQuery(queries.columns),
+        titleField: options.titleField,
+        pageSize: options.cards ? 12 : 10,
+        urlKey: options.urlKey,
+        ...localeOfData,
+        rowActions: options.rowActions,
+        ...options.readOnly ? {} : {
+            selectionMode: options.recordScreen || options.recordDialog ? 'single' : 'multiple'
+        },
+        ...options.cards ? {
+            variant: 'cards',
+            ...options.cards.imageField ? {
+                imageField: options.cards.imageField
+            } : {}
+        } : {},
+        ...options.grouped ? {
+            variant: 'grouped',
+            groupBy: options.grouped.groupBy
+        } : {},
+        ...options.toneField ? {
+            toneField: options.toneField
+        } : {}
+    });
+    return {
+        name: options.name,
+        fitsSlot: 'content',
+        slots: listScreenTemplate.slots,
+        arrangement: listScreenTemplate.arrangement,
+        content: {
+            header: [
+                component(`${id}-header`, 'pageHeader', {
+                    title: options.title,
+                    subtitle: options.subtitle
+                }, {
+                    actions: [
+                        exportAction(`${id}-export`),
+                        primary
+                    ]
+                })
+            ],
+            toolbar: [
+                component(`${id}-search`, 'globalSearch', {
+                    placeholder: options.searchLabel,
+                    label: options.searchLabel,
+                    urlKey: `${options.urlKey}q`
+                }),
+                component(`${id}-views`, 'savedViewsMenu', {
+                    views: fromQuery(queries.views),
+                    savePermission: 'enabled',
+                    managePermission: 'enabled'
+                }),
+                component(`${id}-columns`, 'columnChooser', {
+                    columns: fromQuery(queries.columnChoices)
+                })
+            ],
+            filters: [
+                component(`${id}-filter`, 'filterBuilder', {
+                    fields: fromQuery(queries.filterFields),
+                    ...localeOfData
+                })
+            ],
+            list: [
+                options.recordScreen ? withBehaviors(list, opensRecordOnSelect(listId, options.recordScreen)) : list
+            ],
+            bulkBar: options.recordScreen || options.recordDialog || options.readOnly ? [] : [
+                component(`${id}-bulk`, 'bulkBar', {
+                    selection: fromQuery(queries.selection),
+                    actions: options.bulkActions
+                })
+            ],
+            footer: []
+        },
+        displayName: options.displayName,
+        description: options.description,
+        metadata: ordersMetadata(options.name, 'List', listScopes)
+    };
+}
+/** The orders: every order with its customer, dates, total and status, filtered by customer, status and channel. Choosing an order opens it. */ const ordersListTemplate = listTemplateOf({
+    name: 'OrdersList',
+    entity: OrdersEntityKind.Order,
+    displayName: 'Orders list',
+    description: 'Every order with customer, placed and delivery dates, total and status, filtered by customer, status, channel and date.',
+    title: 'Orders',
+    subtitle: 'Everything customers have ordered',
+    searchLabel: 'Search orders',
+    urlKey: 'orders',
+    primary: {
+        label: 'New order',
+        dialog: 'OrdersQuickCreateOrder'
+    },
+    rowActions: [
+        'Open',
+        'Cancel order'
+    ],
+    bulkActions: [],
+    titleField: 'number',
+    recordScreen: 'orders.record'
+});
+
+export { ordersListTemplate };
+//# sourceMappingURL=listTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"listTemplates.js","sources":["../../../templates/listTemplates.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 { InteractionActionKind, InteractionTriggerKind, NotificationLevel, NotifyAction, ScreenTemplate, TemplateScope } from '@cratis/scene.model';\nimport { listScreenTemplate } from '@cratis/scene.blueprint.default';\nimport { OrdersEntityKind, fromQuery, ordersQueriesOf, localeOfData } from '../ordersQueries';\nimport { actionButton, component, goesTo, ordersMetadata, opensDialog, opensRecordOnSelect, withBehaviors } from '../ordersParts';\n\nconst listScopes = [TemplateScope.Module, TemplateScope.Feature];\n\n/** The Export button: it tells the user the export has started, which is what the shell does for a long-running action it does not wait on. */\nconst exportAction = (id: string) => withBehaviors(actionButton(id, 'Export', 'secondary'), [{\n    bindings: [{\n        trigger: { kind: InteractionTriggerKind.Click },\n        actions: [{ kind: InteractionActionKind.Notify, level: NotificationLevel.Info, message: { text: 'The export has started.' } } as unknown as NotifyAction],\n    }],\n}]);\n\ninterface ListOptions {\n    name: string;\n    entity: OrdersEntityKind;\n    displayName: string;\n    description: string;\n    title: string;\n    subtitle: string;\n    searchLabel: string;\n    urlKey: string;\n    /** The primary action of the header: a quick-create dialog to open, or a screen to go to. */\n    primary: { label: string; dialog?: string; screen?: string };\n    rowActions: string[];\n    bulkActions: string[];\n    titleField: string;\n    /** The screen a chosen row opens; the list then selects one row at a time. Absent, rows are selected many at a time for the bulk bar. */\n    recordScreen?: string;\n    /** The side sheet a chosen row opens instead of a record page; the list then selects one row at a time. */\n    recordDialog?: string;\n    /** Group the rows (`variant: grouped`) by this field. */\n    grouped?: { groupBy: string };\n    /** Rows are not selectable at all: a record of what happened, which nobody edits. */\n    readOnly?: boolean;\n    /** Show the records as cards, each with the picture its `imageField` names. */\n    cards?: { imageField?: string };\n    /** Tint a row by the tone in this field (always beside a status column that says the same in words). */\n    toneField?: string;\n}\n\n/**\n * One orders list: the foundation `ListScreen` with its header, toolbar, filters, list and bulk bar filled for an entity. The slots, arrangement and\n * every behavior - sort, search, paging and selection in the address, the table collapsing to cards on a phone - are the foundation's.\n */\nfunction listTemplateOf(options: ListOptions): ScreenTemplate {\n    const queries = ordersQueriesOf(options.entity);\n    const id = options.name;\n    const listId = `${id}-records`;\n    const primary = withBehaviors(actionButton(`${id}-primary`, options.primary.label, 'primary'), options.primary.dialog ? opensDialog(options.primary.dialog) : goesTo(options.primary.screen!));\n    const list = component(listId, 'dataList', {\n        label: options.title, rows: fromQuery(queries.rows), columns: fromQuery(queries.columns), titleField: options.titleField, pageSize: options.cards ? 12 : 10, urlKey: options.urlKey, ...localeOfData,\n        rowActions: options.rowActions,\n        ...(options.readOnly ? {} : { selectionMode: options.recordScreen || options.recordDialog ? 'single' : 'multiple' }),\n        ...(options.cards ? { variant: 'cards', ...(options.cards.imageField ? { imageField: options.cards.imageField } : {}) } : {}),\n        ...(options.grouped ? { variant: 'grouped', groupBy: options.grouped.groupBy } : {}),\n        ...(options.toneField ? { toneField: options.toneField } : {}),\n    });\n\n    return {\n        name: options.name,\n        fitsSlot: 'content',\n        slots: listScreenTemplate.slots,\n        arrangement: listScreenTemplate.arrangement,\n        content: {\n            header: [component(`${id}-header`, 'pageHeader', { title: options.title, subtitle: options.subtitle }, { actions: [exportAction(`${id}-export`), primary] })],\n            toolbar: [\n                component(`${id}-search`, 'globalSearch', { placeholder: options.searchLabel, label: options.searchLabel, urlKey: `${options.urlKey}q` }),\n                component(`${id}-views`, 'savedViewsMenu', { views: fromQuery(queries.views), savePermission: 'enabled', managePermission: 'enabled' }),\n                component(`${id}-columns`, 'columnChooser', { columns: fromQuery(queries.columnChoices) }),\n            ],\n            filters: [component(`${id}-filter`, 'filterBuilder', { fields: fromQuery(queries.filterFields), ...localeOfData })],\n            list: [options.recordScreen ? withBehaviors(list, opensRecordOnSelect(listId, options.recordScreen)) : list],\n            bulkBar: options.recordScreen || options.recordDialog || options.readOnly ? [] : [component(`${id}-bulk`, 'bulkBar', { selection: fromQuery(queries.selection), actions: options.bulkActions })],\n            footer: [],\n        },\n        displayName: options.displayName,\n        description: options.description,\n        metadata: ordersMetadata(options.name, 'List', listScopes),\n    };\n}\n\n/** The orders: every order with its customer, dates, total and status, filtered by customer, status and channel. Choosing an order opens it. */\nexport const ordersListTemplate = listTemplateOf({\n    name: 'OrdersList', entity: OrdersEntityKind.Order, displayName: 'Orders list', description: 'Every order with customer, placed and delivery dates, total and status, filtered by customer, status, channel and date.',\n    title: 'Orders', subtitle: 'Everything customers have ordered', searchLabel: 'Search orders', urlKey: 'orders', primary: { label: 'New order', dialog: 'OrdersQuickCreateOrder' },\n    rowActions: ['Open', 'Cancel order'], bulkActions: [], titleField: 'number', recordScreen: 'orders.record',\n});\n"],"names":["listScopes","TemplateScope","Module","Feature","exportAction","id","withBehaviors","actionButton","bindings","trigger","kind","InteractionTriggerKind","Click","actions","InteractionActionKind","Notify","level","NotificationLevel","Info","message","text","listTemplateOf","options","queries","ordersQueriesOf","entity","name","listId","primary","label","dialog","opensDialog","goesTo","screen","list","component","title","rows","fromQuery","columns","titleField","pageSize","cards","urlKey","localeOfData","rowActions","readOnly","selectionMode","recordScreen","recordDialog","variant","imageField","grouped","groupBy","toneField","fitsSlot","slots","listScreenTemplate","arrangement","content","header","subtitle","toolbar","placeholder","searchLabel","views","savePermission","managePermission","columnChoices","filters","fields","filterFields","opensRecordOnSelect","bulkBar","selection","bulkActions","footer","displayName","description","metadata","ordersMetadata","ordersListTemplate","OrdersEntityKind","Order"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const orderPageTemplate: ScreenTemplate;
+//# sourceMappingURL=recordTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recordTemplates.d.ts","sourceRoot":"","sources":["../../../templates/recordTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAiB,MAAM,qBAAqB,CAAC;AAWpE,eAAO,MAAM,iBAAiB,EAAE,cA4B/B,CAAC"}

package/dist/esm/templates/recordTemplates.js

@@ -0,0 +1,99 @@
+import { TemplateScope } from '@cratis/scene.model';
+import { component, recordPageTemplate } from '@cratis/scene.blueprint.default';
+import { localeOfData, fromQuery, currencyOfData, OrdersQuery, ordersQueriesOf, OrdersEntityKind } from '../ordersQueries.js';
+import { ordersMetadata, withBehaviors, goesTo, actionButton } from '../ordersParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const order = ordersQueriesOf(OrdersEntityKind.Order);
+/**
+ * The order page: the foundation `RecordPage` with the order number as its title, its status, total and days to delivery as key facts, the order's fields, its
+ * lines and shipments in the main region, and the activity beside it.
+ */ const orderPageTemplate = {
+    name: 'OrderPage',
+    fitsSlot: 'content',
+    slots: recordPageTemplate.slots,
+    arrangement: recordPageTemplate.arrangement,
+    content: {
+        header: [
+            component('OrderPage-header', 'pageHeader', {
+                title: fromQuery(order.record, '0.number'),
+                subtitle: fromQuery(order.record, '0.summary')
+            }, {
+                actions: [
+                    withBehaviors(actionButton('OrderPage-back', 'Back to orders', 'secondary'), goesTo('orders.list'))
+                ]
+            })
+        ],
+        summary: [
+            component('OrderPage-status', 'statusChip', {
+                status: fromQuery(order.summary, '0.status'),
+                tone: fromQuery(order.summary, '0.tone')
+            }),
+            component('OrderPage-total', 'statCard', {
+                label: 'Order total',
+                value: fromQuery(order.summary, '0.total'),
+                format: 'currency',
+                ...currencyOfData
+            }),
+            component('OrderPage-items', 'statCard', {
+                label: 'Items',
+                value: fromQuery(order.summary, '0.items'),
+                ...localeOfData
+            }),
+            component('OrderPage-days', 'statCard', {
+                label: 'Days to delivery',
+                value: fromQuery(order.summary, '0.daysToDelivery'),
+                ...localeOfData
+            })
+        ],
+        tabs: [
+            component('OrderPage-tabs', 'tabSet', {
+                tabs: fromQuery(OrdersQuery.RecordTabs),
+                urlKey: 'tab',
+                label: 'Order sections'
+            })
+        ],
+        main: [
+            component('OrderPage-form', 'formScreenBody', {
+                mode: 'readOnly',
+                sections: fromQuery(order.sections),
+                values: fromQuery(order.record, '0'),
+                ...currencyOfData
+            }),
+            component('OrderPage-lines', 'dataList', {
+                label: 'Order lines',
+                rows: fromQuery(OrdersQuery.Lines),
+                columns: fromQuery(OrdersQuery.LineColumns),
+                titleField: 'name',
+                pageSize: 8,
+                ...currencyOfData
+            }),
+            component('OrderPage-shipments', 'dataList', {
+                label: 'Shipments',
+                rows: fromQuery(OrdersQuery.Shipments),
+                columns: fromQuery(OrdersQuery.ShipmentColumns),
+                titleField: 'reference',
+                ...localeOfData
+            })
+        ],
+        related: [],
+        activity: [
+            component('OrderPage-activity', 'activityFeed', {
+                label: 'Activity',
+                entries: fromQuery(order.activity),
+                ...localeOfData
+            })
+        ],
+        aside: []
+    },
+    displayName: 'Order page',
+    description: 'One order: key facts, its lines and shipments, and its activity.',
+    metadata: ordersMetadata('OrderPage', 'Detail', [
+        TemplateScope.Feature,
+        TemplateScope.Subfeature
+    ])
+};
+
+export { orderPageTemplate };
+//# sourceMappingURL=recordTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recordTemplates.js","sources":["../../../templates/recordTemplates.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, TemplateScope } from '@cratis/scene.model';\nimport { recordPageTemplate } from '@cratis/scene.blueprint.default';\nimport { OrdersEntityKind, OrdersQuery, fromQuery, localeOfData, ordersQueriesOf, currencyOfData } from '../ordersQueries';\nimport { actionButton, component, goesTo, ordersMetadata, withBehaviors } from '../ordersParts';\n\nconst order = ordersQueriesOf(OrdersEntityKind.Order);\n\n/**\n * The order page: the foundation `RecordPage` with the order number as its title, its status, total and days to delivery as key facts, the order's fields, its\n * lines and shipments in the main region, and the activity beside it.\n */\nexport const orderPageTemplate: ScreenTemplate = {\n    name: 'OrderPage',\n    fitsSlot: 'content',\n    slots: recordPageTemplate.slots,\n    arrangement: recordPageTemplate.arrangement,\n    content: {\n        header: [component('OrderPage-header', 'pageHeader', { title: fromQuery(order.record, '0.number'), subtitle: fromQuery(order.record, '0.summary') }, {\n            actions: [withBehaviors(actionButton('OrderPage-back', 'Back to orders', 'secondary'), goesTo('orders.list'))],\n        })],\n        summary: [\n            component('OrderPage-status', 'statusChip', { status: fromQuery(order.summary, '0.status'), tone: fromQuery(order.summary, '0.tone') }),\n            component('OrderPage-total', 'statCard', { label: 'Order total', value: fromQuery(order.summary, '0.total'), format: 'currency', ...currencyOfData }),\n            component('OrderPage-items', 'statCard', { label: 'Items', value: fromQuery(order.summary, '0.items'), ...localeOfData }),\n            component('OrderPage-days', 'statCard', { label: 'Days to delivery', value: fromQuery(order.summary, '0.daysToDelivery'), ...localeOfData }),\n        ],\n        tabs: [component('OrderPage-tabs', 'tabSet', { tabs: fromQuery(OrdersQuery.RecordTabs), urlKey: 'tab', label: 'Order sections' })],\n        main: [\n            component('OrderPage-form', 'formScreenBody', { mode: 'readOnly', sections: fromQuery(order.sections), values: fromQuery(order.record, '0'), ...currencyOfData }),\n            component('OrderPage-lines', 'dataList', { label: 'Order lines', rows: fromQuery(OrdersQuery.Lines), columns: fromQuery(OrdersQuery.LineColumns), titleField: 'name', pageSize: 8, ...currencyOfData }),\n            component('OrderPage-shipments', 'dataList', { label: 'Shipments', rows: fromQuery(OrdersQuery.Shipments), columns: fromQuery(OrdersQuery.ShipmentColumns), titleField: 'reference', ...localeOfData }),\n        ],\n        related: [],\n        activity: [component('OrderPage-activity', 'activityFeed', { label: 'Activity', entries: fromQuery(order.activity), ...localeOfData })],\n        aside: [],\n    },\n    displayName: 'Order page',\n    description: 'One order: key facts, its lines and shipments, and its activity.',\n    metadata: ordersMetadata('OrderPage', 'Detail', [TemplateScope.Feature, TemplateScope.Subfeature]),\n};\n"],"names":["order","ordersQueriesOf","OrdersEntityKind","Order","orderPageTemplate","name","fitsSlot","slots","recordPageTemplate","arrangement","content","header","component","title","fromQuery","record","subtitle","actions","withBehaviors","actionButton","goesTo","summary","status","tone","label","value","format","currencyOfData","localeOfData","tabs","OrdersQuery","RecordTabs","urlKey","main","mode","sections","values","rows","Lines","columns","LineColumns","titleField","pageSize","Shipments","ShipmentColumns","related","activity","entries","aside","displayName","description","metadata","ordersMetadata","TemplateScope","Feature","Subfeature"],"mappings":"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"}