@cratis/scene.blueprint.vendors 0.0.0-stage → 4.71.0

package/dist/cjs/templates/boardTemplate.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var vendorsQueries = require('../vendorsQueries.js');
+var vendorsParts = require('../vendorsParts.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One board: the foundation `BoardScreen` with a column for each step and a card for each record. A card moves to another step by dragging or by its own Move-to menu,
+ * and a column says in words when its limit is exceeded.
+ */ function boardOf(options) {
+    const id = options.name;
+    return {
+        name: options.name,
+        fitsSlot: 'content',
+        slots: scene_blueprint_default.boardScreenTemplate.slots,
+        arrangement: scene_blueprint_default.boardScreenTemplate.arrangement,
+        content: {
+            header: [
+                scene_blueprint_default.component(`${id}-header`, 'pageHeader', {
+                    title: options.title,
+                    subtitle: options.subtitle
+                }, {
+                    actions: [
+                        vendorsParts.withBehaviors(vendorsParts.actionButton(`${id}-new`, options.primary.label, 'primary'), vendorsParts.opensDialog(options.primary.dialog))
+                    ]
+                })
+            ],
+            toolbar: [
+                scene_blueprint_default.component(`${id}-search`, 'globalSearch', {
+                    placeholder: options.searchLabel,
+                    label: options.searchLabel
+                }),
+                scene_blueprint_default.component(`${id}-views`, 'savedViewsMenu', {
+                    views: vendorsQueries.fromQuery(vendorsQueries.vendorsQueriesOf(options.entity).views),
+                    savePermission: 'enabled',
+                    managePermission: 'enabled'
+                })
+            ],
+            board: [
+                scene_blueprint_default.component(`${id}-columns`, 'kanbanBoard', {
+                    columns: vendorsQueries.fromQuery(options.columns),
+                    cards: vendorsQueries.fromQuery(options.cards),
+                    editPermission: 'enabled',
+                    label: options.label,
+                    ...vendorsQueries.localeOfData
+                })
+            ]
+        },
+        displayName: options.displayName,
+        description: options.description,
+        metadata: vendorsParts.vendorsMetadata(options.name, 'Board', [
+            scene_model.TemplateScope.Module,
+            scene_model.TemplateScope.Feature
+        ])
+    };
+}
+/** The onboarding board: a column for each step a vendor goes through and a card for each vendor with its category and country. */ const vendorsOnboardingTemplate = boardOf({
+    name: 'VendorsOnboardingBoard',
+    displayName: 'Vendors onboarding board',
+    description: 'Vendors as cards in a column for each onboarding step, moved by dragging or by menu.',
+    title: 'Onboarding',
+    subtitle: 'Drag a vendor to its next step',
+    searchLabel: 'Search the board',
+    label: 'Vendors by onboarding step',
+    entity: vendorsQueries.VendorsEntityKind.Vendor,
+    columns: vendorsQueries.VendorsQuery.OnboardingColumns,
+    cards: vendorsQueries.VendorsQuery.OnboardingCards,
+    primary: {
+        label: 'New vendor',
+        dialog: 'VendorsQuickCreateVendor'
+    }
+});
+
+exports.vendorsOnboardingTemplate = vendorsOnboardingTemplate;
+//# sourceMappingURL=boardTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boardTemplate.js","sources":["../../../templates/boardTemplate.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 { boardScreenTemplate } from '@cratis/scene.blueprint.default';\nimport { VendorsEntityKind, VendorsQuery, fromQuery, localeOfData, vendorsQueriesOf } from '../vendorsQueries';\nimport { actionButton, component, vendorsMetadata, opensDialog, withBehaviors } from '../vendorsParts';\n\ninterface BoardOptions {\n    name: string;\n    displayName: string;\n    description: string;\n    title: string;\n    subtitle: string;\n    searchLabel: string;\n    label: string;\n    entity: VendorsEntityKind;\n    columns: string;\n    cards: string;\n    primary: { label: string; dialog: string };\n}\n\n/**\n * One board: the foundation `BoardScreen` with a column for each step and a card for each record. A card moves to another step by dragging or by its own Move-to menu,\n * and a column says in words when its limit is exceeded.\n */\nfunction boardOf(options: BoardOptions): ScreenTemplate {\n    const id = options.name;\n    return {\n        name: options.name,\n        fitsSlot: 'content',\n        slots: boardScreenTemplate.slots,\n        arrangement: boardScreenTemplate.arrangement,\n        content: {\n            header: [component(`${id}-header`, 'pageHeader', { title: options.title, subtitle: options.subtitle }, {\n                actions: [withBehaviors(actionButton(`${id}-new`, options.primary.label, 'primary'), opensDialog(options.primary.dialog))],\n            })],\n            toolbar: [\n                component(`${id}-search`, 'globalSearch', { placeholder: options.searchLabel, label: options.searchLabel }),\n                component(`${id}-views`, 'savedViewsMenu', { views: fromQuery(vendorsQueriesOf(options.entity).views), savePermission: 'enabled', managePermission: 'enabled' }),\n            ],\n            board: [component(`${id}-columns`, 'kanbanBoard', { columns: fromQuery(options.columns), cards: fromQuery(options.cards), editPermission: 'enabled', label: options.label, ...localeOfData })],\n        },\n        displayName: options.displayName,\n        description: options.description,\n        metadata: vendorsMetadata(options.name, 'Board', [TemplateScope.Module, TemplateScope.Feature]),\n    };\n}\n\n/** The onboarding board: a column for each step a vendor goes through and a card for each vendor with its category and country. */\nexport const vendorsOnboardingTemplate = boardOf({\n    name: 'VendorsOnboardingBoard', displayName: 'Vendors onboarding board', description: 'Vendors as cards in a column for each onboarding step, moved by dragging or by menu.', title: 'Onboarding', subtitle: 'Drag a vendor to its next step', searchLabel: 'Search the board', label: 'Vendors by onboarding step',\n    entity: VendorsEntityKind.Vendor, columns: VendorsQuery.OnboardingColumns, cards: VendorsQuery.OnboardingCards, primary: { label: 'New vendor', dialog: 'VendorsQuickCreateVendor' },\n});\n"],"names":["boardOf","options","id","name","fitsSlot","slots","boardScreenTemplate","arrangement","content","header","component","title","subtitle","actions","withBehaviors","actionButton","primary","label","opensDialog","dialog","toolbar","placeholder","searchLabel","views","fromQuery","vendorsQueriesOf","entity","savePermission","managePermission","board","columns","cards","editPermission","localeOfData","displayName","description","metadata","vendorsMetadata","TemplateScope","Module","Feature","vendorsOnboardingTemplate","VendorsEntityKind","Vendor","VendorsQuery","OnboardingColumns","OnboardingCards"],"mappings":";;;;;;;AAAA;AACA;AAqBA;;;IAIA,SAASA,QAAQC,OAAqB,EAAA;IAClC,MAAMC,EAAAA,GAAKD,QAAQE,IAAI;IACvB,OAAO;AACHA,QAAAA,IAAAA,EAAMF,QAAQE,IAAI;QAClBC,QAAAA,EAAU,SAAA;AACVC,QAAAA,KAAAA,EAAOC,4CAAoBD,KAAK;AAChCE,QAAAA,WAAAA,EAAaD,4CAAoBC,WAAW;QAC5CC,OAAAA,EAAS;YACLC,MAAAA,EAAQ;AAACC,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,OAAO,CAAC,EAAE,YAAA,EAAc;AAAES,oBAAAA,KAAAA,EAAOV,QAAQU,KAAK;AAAEC,oBAAAA,QAAAA,EAAUX,QAAQW;iBAAS,EAAG;oBACnGC,OAAAA,EAAS;AAACC,wBAAAA,0BAAAA,CAAcC,0BAAa,CAAA,EAAGb,EAAAA,CAAG,IAAI,CAAC,EAAED,OAAAA,CAAQe,OAAO,CAACC,KAAK,EAAE,SAAA,CAAA,EAAYC,wBAAAA,CAAYjB,OAAAA,CAAQe,OAAO,CAACG,MAAM,CAAA;AAAG;AAC9H,iBAAA;AAAG,aAAA;YACHC,OAAAA,EAAS;AACLV,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,OAAO,CAAC,EAAE,cAAA,EAAgB;AAAEmB,oBAAAA,WAAAA,EAAapB,QAAQqB,WAAW;AAAEL,oBAAAA,KAAAA,EAAOhB,QAAQqB;AAAY,iBAAA,CAAA;AACzGZ,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,MAAM,CAAC,EAAE,gBAAA,EAAkB;AAAEqB,oBAAAA,KAAAA,EAAOC,wBAAAA,CAAUC,+BAAAA,CAAiBxB,OAAAA,CAAQyB,MAAM,EAAEH,KAAK,CAAA;oBAAGI,cAAAA,EAAgB,SAAA;oBAAWC,gBAAAA,EAAkB;AAAU,iBAAA;AACjK,aAAA;YACDC,KAAAA,EAAO;AAACnB,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,QAAQ,CAAC,EAAE,aAAA,EAAe;oBAAE4B,OAAAA,EAASN,wBAAAA,CAAUvB,QAAQ6B,OAAO,CAAA;oBAAGC,KAAAA,EAAOP,wBAAAA,CAAUvB,QAAQ8B,KAAK,CAAA;oBAAGC,cAAAA,EAAgB,SAAA;AAAWf,oBAAAA,KAAAA,EAAOhB,QAAQgB,KAAK;AAAE,oBAAA,GAAGgB;AAAa,iBAAA;AAAG;AAClM,SAAA;AACAC,QAAAA,WAAAA,EAAajC,QAAQiC,WAAW;AAChCC,QAAAA,WAAAA,EAAalC,QAAQkC,WAAW;AAChCC,QAAAA,QAAAA,EAAUC,4BAAAA,CAAgBpC,OAAAA,CAAQE,IAAI,EAAE,OAAA,EAAS;AAACmC,YAAAA,yBAAAA,CAAcC,MAAM;AAAED,YAAAA,yBAAAA,CAAcE;AAAQ,SAAA;AAClG,KAAA;AACJ;AAEA,oIACO,MAAMC,yBAAAA,GAA4BzC,OAAAA,CAAQ;IAC7CG,IAAAA,EAAM,wBAAA;IAA0B+B,WAAAA,EAAa,0BAAA;IAA4BC,WAAAA,EAAa,sFAAA;IAAwFxB,KAAAA,EAAO,YAAA;IAAcC,QAAAA,EAAU,gCAAA;IAAkCU,WAAAA,EAAa,kBAAA;IAAoBL,KAAAA,EAAO,4BAAA;AACvRS,IAAAA,MAAAA,EAAQgB,iCAAkBC,MAAM;AAAEb,IAAAA,OAAAA,EAASc,4BAAaC,iBAAiB;AAAEd,IAAAA,KAAAA,EAAOa,4BAAaE,eAAe;IAAE9B,OAAAA,EAAS;QAAEC,KAAAA,EAAO,YAAA;QAAcE,MAAAA,EAAQ;AAA2B;AACvL,CAAA;;"}

package/dist/cjs/templates/dashboardTemplates.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var vendorsQueries = require('../vendorsQueries.js');
+var vendorsParts = require('../vendorsParts.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * One dashboard: the foundation `DashboardScreen` - key figures over two charts, a table beneath and a list beside - with every region its own component with its own
+ * loading, empty and error states, so one failed query leaves the others on the page.
+ */ function dashboardOf(options) {
+    const id = options.name;
+    return {
+        name: options.name,
+        fitsSlot: 'content',
+        slots: scene_blueprint_default.dashboardScreenTemplate.slots,
+        arrangement: scene_blueprint_default.dashboardScreenTemplate.arrangement,
+        content: {
+            header: [
+                scene_blueprint_default.component(`${id}-header`, 'pageHeader', {
+                    title: options.title,
+                    subtitle: options.subtitle
+                }, {
+                    actions: options.actions.map((action)=>vendorsParts.withBehaviors(vendorsParts.actionButton(`${id}-${action.id}`, action.label, action.emphasis), action.dialog ? vendorsParts.opensDialog(action.dialog) : vendorsParts.goesTo(action.screen)))
+                })
+            ],
+            kpis: options.figures.map((figure)=>scene_blueprint_default.component(`${id}-${figure.id}`, 'statCard', {
+                    label: figure.label,
+                    value: vendorsQueries.fromQuery(figure.query, `${figure.index}.value`),
+                    change: vendorsQueries.fromQuery(figure.query, `${figure.index}.change`),
+                    comparison: figure.comparison,
+                    ...figure.format ? {
+                        format: figure.format
+                    } : {},
+                    ...figure.fractionDigits === undefined ? {} : {
+                        fractionDigits: figure.fractionDigits
+                    },
+                    ...figure.goodDirection ? {
+                        goodDirection: figure.goodDirection
+                    } : {},
+                    ...vendorsQueries.currencyOfData
+                })),
+            charts: options.charts.map((chart)=>scene_blueprint_default.component(`${id}-${chart.id}`, 'chartWrapper', {
+                    title: chart.title,
+                    kind: chart.kind,
+                    categories: vendorsQueries.fromQuery(chart.query, '0.categories'),
+                    series: vendorsQueries.fromQuery(chart.query, '0.series'),
+                    ...vendorsQueries.localeOfData
+                })),
+            tables: [
+                scene_blueprint_default.component(`${id}-table`, 'dataList', {
+                    label: options.table.label,
+                    rows: vendorsQueries.fromQuery(options.table.rows),
+                    columns: vendorsQueries.fromQuery(options.table.columns),
+                    titleField: options.table.titleField,
+                    pageSize: options.table.pageSize,
+                    ...vendorsQueries.localeOfData
+                })
+            ],
+            aside: [
+                options.aside.kind === 'activity' ? scene_blueprint_default.component(`${id}-aside`, 'activityFeed', {
+                    label: options.aside.label,
+                    entries: vendorsQueries.fromQuery(options.aside.query),
+                    ...vendorsQueries.localeOfData
+                }) : scene_blueprint_default.component(`${id}-aside`, 'checklistSection', {
+                    label: options.aside.label,
+                    sections: vendorsQueries.fromQuery(options.aside.query),
+                    ...vendorsQueries.localeOfData
+                })
+            ]
+        },
+        displayName: options.displayName,
+        description: options.description,
+        metadata: vendorsParts.vendorsMetadata(options.name, 'Dashboard', [
+            scene_model.TemplateScope.Module,
+            scene_model.TemplateScope.Feature
+        ])
+    };
+}
+/** The performance dashboard: three key figures over two charts - spend by category and on-time delivery - with the vendors beneath and the latest activity beside them. */ const vendorsPerformanceTemplate = dashboardOf({
+    name: 'VendorsPerformance',
+    displayName: 'Vendors performance',
+    description: 'Active vendors, spend this year, on-time delivery, spend by category, delivery over the quarters and the vendors to watch.',
+    title: 'Vendor performance',
+    subtitle: 'Spend and delivery this year',
+    figures: [
+        {
+            id: 'active',
+            label: 'Active vendors',
+            query: vendorsQueries.VendorsQuery.Kpis,
+            index: 0,
+            comparison: 'last year'
+        },
+        {
+            id: 'spend',
+            label: 'Spend this year',
+            query: vendorsQueries.VendorsQuery.Kpis,
+            index: 1,
+            format: 'currency',
+            fractionDigits: 0,
+            comparison: 'last year'
+        },
+        {
+            id: 'ontime',
+            label: 'On-time delivery',
+            query: vendorsQueries.VendorsQuery.Kpis,
+            index: 2,
+            format: 'percent',
+            comparison: 'last quarter'
+        }
+    ],
+    charts: [
+        {
+            id: 'spend-chart',
+            title: 'Spend by category',
+            kind: 'bar',
+            query: vendorsQueries.VendorsQuery.SpendByCategory
+        },
+        {
+            id: 'ontime-chart',
+            title: 'On-time delivery',
+            kind: 'line',
+            query: vendorsQueries.VendorsQuery.OnTimeDelivery
+        }
+    ],
+    table: {
+        label: 'Vendors',
+        titleField: 'name',
+        pageSize: 5,
+        rows: vendorsQueries.vendorsQueriesOf(vendorsQueries.VendorsEntityKind.Vendor).rows,
+        columns: vendorsQueries.vendorsQueriesOf(vendorsQueries.VendorsEntityKind.Vendor).columns
+    },
+    aside: {
+        kind: 'activity',
+        label: 'Latest activity',
+        query: vendorsQueries.VendorsQuery.Activity
+    },
+    actions: [
+        {
+            id: 'vendors',
+            label: 'Open the vendors',
+            emphasis: 'secondary',
+            screen: 'vendors.list'
+        }
+    ]
+});
+
+exports.vendorsPerformanceTemplate = vendorsPerformanceTemplate;
+//# sourceMappingURL=dashboardTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardTemplates.js","sources":["../../../templates/dashboardTemplates.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 { dashboardScreenTemplate } from '@cratis/scene.blueprint.default';\nimport { VendorsEntityKind, VendorsQuery, currencyOfData, fromQuery, localeOfData, vendorsQueriesOf } from '../vendorsQueries';\nimport { actionButton, component, goesTo, vendorsMetadata, opensDialog, withBehaviors } from '../vendorsParts';\n\ninterface KeyFigure { id: string; label: string; query: string; index: number; format?: 'currency' | 'percent'; fractionDigits?: number; goodDirection?: 'up' | 'down'; comparison: string }\ninterface Chart { id: string; title: string; kind: 'bar' | 'line' | 'donut' | 'funnel'; query: string }\ninterface Action { id: string; label: string; emphasis: 'primary' | 'secondary' | 'quiet' | 'danger'; dialog?: string; screen?: string }\n\ninterface DashboardOptions {\n    name: string;\n    displayName: string;\n    description: string;\n    title: string;\n    subtitle: string;\n    figures: KeyFigure[];\n    charts: Chart[];\n    table: { label: string; rows: string; columns: string; titleField: string; pageSize: number };\n    aside: { kind: 'activity'; label: string; query: string } | { kind: 'checklist'; label: string; query: string };\n    actions: Action[];\n}\n\n/**\n * One dashboard: the foundation `DashboardScreen` - key figures over two charts, a table beneath and a list beside - with every region its own component with its own\n * loading, empty and error states, so one failed query leaves the others on the page.\n */\nfunction dashboardOf(options: DashboardOptions): ScreenTemplate {\n    const id = options.name;\n    return {\n        name: options.name,\n        fitsSlot: 'content',\n        slots: dashboardScreenTemplate.slots,\n        arrangement: dashboardScreenTemplate.arrangement,\n        content: {\n            header: [component(`${id}-header`, 'pageHeader', { title: options.title, subtitle: options.subtitle }, {\n                actions: options.actions.map(action => withBehaviors(actionButton(`${id}-${action.id}`, action.label, action.emphasis), action.dialog ? opensDialog(action.dialog) : goesTo(action.screen!))),\n            })],\n            kpis: options.figures.map(figure => component(`${id}-${figure.id}`, 'statCard', {\n                label: figure.label, value: fromQuery(figure.query, `${figure.index}.value`), change: fromQuery(figure.query, `${figure.index}.change`), comparison: figure.comparison,\n                ...(figure.format ? { format: figure.format } : {}), ...(figure.fractionDigits === undefined ? {} : { fractionDigits: figure.fractionDigits }), ...(figure.goodDirection ? { goodDirection: figure.goodDirection } : {}), ...currencyOfData,\n            })),\n            charts: options.charts.map(chart => component(`${id}-${chart.id}`, 'chartWrapper', {\n                title: chart.title, kind: chart.kind, categories: fromQuery(chart.query, '0.categories'), series: fromQuery(chart.query, '0.series'), ...localeOfData,\n            })),\n            tables: [component(`${id}-table`, 'dataList', {\n                label: options.table.label, rows: fromQuery(options.table.rows), columns: fromQuery(options.table.columns), titleField: options.table.titleField, pageSize: options.table.pageSize, ...localeOfData,\n            })],\n            aside: [options.aside.kind === 'activity'\n                ? component(`${id}-aside`, 'activityFeed', { label: options.aside.label, entries: fromQuery(options.aside.query), ...localeOfData })\n                : component(`${id}-aside`, 'checklistSection', { label: options.aside.label, sections: fromQuery(options.aside.query), ...localeOfData })],\n        },\n        displayName: options.displayName,\n        description: options.description,\n        metadata: vendorsMetadata(options.name, 'Dashboard', [TemplateScope.Module, TemplateScope.Feature]),\n    };\n}\n\n/** The performance dashboard: three key figures over two charts - spend by category and on-time delivery - with the vendors beneath and the latest activity beside them. */\nexport const vendorsPerformanceTemplate = dashboardOf({\n    name: 'VendorsPerformance', displayName: 'Vendors performance', description: 'Active vendors, spend this year, on-time delivery, spend by category, delivery over the quarters and the vendors to watch.', title: 'Vendor performance', subtitle: 'Spend and delivery this year',\n    figures: [\n        { id: 'active', label: 'Active vendors', query: VendorsQuery.Kpis, index: 0, comparison: 'last year' },\n        { id: 'spend', label: 'Spend this year', query: VendorsQuery.Kpis, index: 1, format: 'currency', fractionDigits: 0, comparison: 'last year' },\n        { id: 'ontime', label: 'On-time delivery', query: VendorsQuery.Kpis, index: 2, format: 'percent', comparison: 'last quarter' },\n    ],\n    charts: [\n        { id: 'spend-chart', title: 'Spend by category', kind: 'bar', query: VendorsQuery.SpendByCategory },\n        { id: 'ontime-chart', title: 'On-time delivery', kind: 'line', query: VendorsQuery.OnTimeDelivery },\n    ],\n    table: { label: 'Vendors', titleField: 'name', pageSize: 5, rows: vendorsQueriesOf(VendorsEntityKind.Vendor).rows, columns: vendorsQueriesOf(VendorsEntityKind.Vendor).columns },\n    aside: { kind: 'activity', label: 'Latest activity', query: VendorsQuery.Activity },\n    actions: [{ id: 'vendors', label: 'Open the vendors', emphasis: 'secondary', screen: 'vendors.list' }],\n});\n"],"names":["dashboardOf","options","id","name","fitsSlot","slots","dashboardScreenTemplate","arrangement","content","header","component","title","subtitle","actions","map","action","withBehaviors","actionButton","label","emphasis","dialog","opensDialog","goesTo","screen","kpis","figures","figure","value","fromQuery","query","index","change","comparison","format","fractionDigits","undefined","goodDirection","currencyOfData","charts","chart","kind","categories","series","localeOfData","tables","table","rows","columns","titleField","pageSize","aside","entries","sections","displayName","description","metadata","vendorsMetadata","TemplateScope","Module","Feature","vendorsPerformanceTemplate","VendorsQuery","Kpis","SpendByCategory","OnTimeDelivery","vendorsQueriesOf","VendorsEntityKind","Vendor","Activity"],"mappings":";;;;;;;AAAA;AACA;AAwBA;;;IAIA,SAASA,YAAYC,OAAyB,EAAA;IAC1C,MAAMC,EAAAA,GAAKD,QAAQE,IAAI;IACvB,OAAO;AACHA,QAAAA,IAAAA,EAAMF,QAAQE,IAAI;QAClBC,QAAAA,EAAU,SAAA;AACVC,QAAAA,KAAAA,EAAOC,gDAAwBD,KAAK;AACpCE,QAAAA,WAAAA,EAAaD,gDAAwBC,WAAW;QAChDC,OAAAA,EAAS;YACLC,MAAAA,EAAQ;AAACC,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,OAAO,CAAC,EAAE,YAAA,EAAc;AAAES,oBAAAA,KAAAA,EAAOV,QAAQU,KAAK;AAAEC,oBAAAA,QAAAA,EAAUX,QAAQW;iBAAS,EAAG;AACnGC,oBAAAA,OAAAA,EAASZ,OAAAA,CAAQY,OAAO,CAACC,GAAG,CAACC,CAAAA,MAAAA,GAAUC,0BAAAA,CAAcC,yBAAAA,CAAa,CAAA,EAAGf,EAAAA,CAAG,CAAC,EAAEa,OAAOb,EAAE,CAAA,CAAE,EAAEa,MAAAA,CAAOG,KAAK,EAAEH,MAAAA,CAAOI,QAAQ,GAAGJ,MAAAA,CAAOK,MAAM,GAAGC,wBAAAA,CAAYN,MAAAA,CAAOK,MAAM,CAAA,GAAIE,mBAAAA,CAAOP,OAAOQ,MAAM,CAAA,CAAA;AAC7L,iBAAA;AAAG,aAAA;AACHC,YAAAA,IAAAA,EAAMvB,QAAQwB,OAAO,CAACX,GAAG,CAACY,CAAAA,MAAAA,GAAUhB,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,CAAC,EAAEwB,MAAAA,CAAOxB,EAAE,CAAA,CAAE,EAAE,UAAA,EAAY;AAC5EgB,oBAAAA,KAAAA,EAAOQ,OAAOR,KAAK;oBAAES,KAAAA,EAAOC,wBAAAA,CAAUF,OAAOG,KAAK,EAAE,GAAGH,MAAAA,CAAOI,KAAK,CAAC,MAAM,CAAC,CAAA;oBAAGC,MAAAA,EAAQH,wBAAAA,CAAUF,OAAOG,KAAK,EAAE,GAAGH,MAAAA,CAAOI,KAAK,CAAC,OAAO,CAAC,CAAA;AAAGE,oBAAAA,UAAAA,EAAYN,OAAOM,UAAU;oBACtK,GAAIN,MAAAA,CAAOO,MAAM,GAAG;AAAEA,wBAAAA,MAAAA,EAAQP,OAAOO;AAAO,qBAAA,GAAI,EAAE;AAAG,oBAAA,GAAIP,MAAAA,CAAOQ,cAAc,KAAKC,SAAAA,GAAY,EAAC,GAAI;AAAED,wBAAAA,cAAAA,EAAgBR,OAAOQ;qBAAgB;oBAAG,GAAIR,MAAAA,CAAOU,aAAa,GAAG;AAAEA,wBAAAA,aAAAA,EAAeV,OAAOU;AAAc,qBAAA,GAAI,EAAE;AAAG,oBAAA,GAAGC;AACjO,iBAAA,CAAA,CAAA;AACAC,YAAAA,MAAAA,EAAQrC,QAAQqC,MAAM,CAACxB,GAAG,CAACyB,CAAAA,KAAAA,GAAS7B,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,CAAC,EAAEqC,KAAAA,CAAMrC,EAAE,CAAA,CAAE,EAAE,cAAA,EAAgB;AAC/ES,oBAAAA,KAAAA,EAAO4B,MAAM5B,KAAK;AAAE6B,oBAAAA,IAAAA,EAAMD,MAAMC,IAAI;oBAAEC,UAAAA,EAAYb,wBAAAA,CAAUW,KAAAA,CAAMV,KAAK,EAAE,cAAA,CAAA;oBAAiBa,MAAAA,EAAQd,wBAAAA,CAAUW,KAAAA,CAAMV,KAAK,EAAE,UAAA,CAAA;AAAa,oBAAA,GAAGc;AAC7I,iBAAA,CAAA,CAAA;YACAC,MAAAA,EAAQ;AAAClC,gBAAAA,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,MAAM,CAAC,EAAE,UAAA,EAAY;oBAC1CgB,KAAAA,EAAOjB,OAAAA,CAAQ4C,KAAK,CAAC3B,KAAK;AAAE4B,oBAAAA,IAAAA,EAAMlB,wBAAAA,CAAU3B,OAAAA,CAAQ4C,KAAK,CAACC,IAAI,CAAA;AAAGC,oBAAAA,OAAAA,EAASnB,wBAAAA,CAAU3B,OAAAA,CAAQ4C,KAAK,CAACE,OAAO,CAAA;oBAAGC,UAAAA,EAAY/C,OAAAA,CAAQ4C,KAAK,CAACG,UAAU;oBAAEC,QAAAA,EAAUhD,OAAAA,CAAQ4C,KAAK,CAACI,QAAQ;AAAE,oBAAA,GAAGN;AAC3L,iBAAA;AAAG,aAAA;YACHO,KAAAA,EAAO;gBAACjD,OAAAA,CAAQiD,KAAK,CAACV,IAAI,KAAK,UAAA,GACzB9B,iCAAAA,CAAU,CAAA,EAAGR,EAAAA,CAAG,MAAM,CAAC,EAAE,cAAA,EAAgB;oBAAEgB,KAAAA,EAAOjB,OAAAA,CAAQiD,KAAK,CAAChC,KAAK;AAAEiC,oBAAAA,OAAAA,EAASvB,wBAAAA,CAAU3B,OAAAA,CAAQiD,KAAK,CAACrB,KAAK,CAAA;AAAG,oBAAA,GAAGc;AAAa,iBAAA,CAAA,GAChIjC,kCAAU,CAAA,EAAGR,EAAAA,CAAG,MAAM,CAAC,EAAE,kBAAA,EAAoB;oBAAEgB,KAAAA,EAAOjB,OAAAA,CAAQiD,KAAK,CAAChC,KAAK;AAAEkC,oBAAAA,QAAAA,EAAUxB,wBAAAA,CAAU3B,OAAAA,CAAQiD,KAAK,CAACrB,KAAK,CAAA;AAAG,oBAAA,GAAGc;AAAa,iBAAA;AAAG;AAClJ,SAAA;AACAU,QAAAA,WAAAA,EAAapD,QAAQoD,WAAW;AAChCC,QAAAA,WAAAA,EAAarD,QAAQqD,WAAW;AAChCC,QAAAA,QAAAA,EAAUC,4BAAAA,CAAgBvD,OAAAA,CAAQE,IAAI,EAAE,WAAA,EAAa;AAACsD,YAAAA,yBAAAA,CAAcC,MAAM;AAAED,YAAAA,yBAAAA,CAAcE;AAAQ,SAAA;AACtG,KAAA;AACJ;AAEA,6KACO,MAAMC,0BAAAA,GAA6B5D,WAAAA,CAAY;IAClDG,IAAAA,EAAM,oBAAA;IAAsBkD,WAAAA,EAAa,qBAAA;IAAuBC,WAAAA,EAAa,4HAAA;IAA8H3C,KAAAA,EAAO,oBAAA;IAAsBC,QAAAA,EAAU,8BAAA;IAClPa,OAAAA,EAAS;AACL,QAAA;YAAEvB,EAAAA,EAAI,QAAA;YAAUgB,KAAAA,EAAO,gBAAA;AAAkBW,YAAAA,KAAAA,EAAOgC,4BAAaC,IAAI;YAAEhC,KAAAA,EAAO,CAAA;YAAGE,UAAAA,EAAY;AAAY,SAAA;AACrG,QAAA;YAAE9B,EAAAA,EAAI,OAAA;YAASgB,KAAAA,EAAO,iBAAA;AAAmBW,YAAAA,KAAAA,EAAOgC,4BAAaC,IAAI;YAAEhC,KAAAA,EAAO,CAAA;YAAGG,MAAAA,EAAQ,UAAA;YAAYC,cAAAA,EAAgB,CAAA;YAAGF,UAAAA,EAAY;AAAY,SAAA;AAC5I,QAAA;YAAE9B,EAAAA,EAAI,QAAA;YAAUgB,KAAAA,EAAO,kBAAA;AAAoBW,YAAAA,KAAAA,EAAOgC,4BAAaC,IAAI;YAAEhC,KAAAA,EAAO,CAAA;YAAGG,MAAAA,EAAQ,SAAA;YAAWD,UAAAA,EAAY;AAAe;AAChI,KAAA;IACDM,MAAAA,EAAQ;AACJ,QAAA;YAAEpC,EAAAA,EAAI,aAAA;YAAeS,KAAAA,EAAO,mBAAA;YAAqB6B,IAAAA,EAAM,KAAA;AAAOX,YAAAA,KAAAA,EAAOgC,4BAAaE;AAAgB,SAAA;AAClG,QAAA;YAAE7D,EAAAA,EAAI,cAAA;YAAgBS,KAAAA,EAAO,kBAAA;YAAoB6B,IAAAA,EAAM,MAAA;AAAQX,YAAAA,KAAAA,EAAOgC,4BAAaG;AAAe;AACrG,KAAA;IACDnB,KAAAA,EAAO;QAAE3B,KAAAA,EAAO,SAAA;QAAW8B,UAAAA,EAAY,MAAA;QAAQC,QAAAA,EAAU,CAAA;AAAGH,QAAAA,IAAAA,EAAMmB,+BAAAA,CAAiBC,gCAAAA,CAAkBC,MAAM,CAAA,CAAErB,IAAI;AAAEC,QAAAA,OAAAA,EAASkB,+BAAAA,CAAiBC,gCAAAA,CAAkBC,MAAM,CAAA,CAAEpB;AAAQ,KAAA;IAC/KG,KAAAA,EAAO;QAAEV,IAAAA,EAAM,UAAA;QAAYtB,KAAAA,EAAO,iBAAA;AAAmBW,QAAAA,KAAAA,EAAOgC,4BAAaO;AAAS,KAAA;IAClFvD,OAAAA,EAAS;AAAC,QAAA;YAAEX,EAAAA,EAAI,SAAA;YAAWgB,KAAAA,EAAO,kBAAA;YAAoBC,QAAAA,EAAU,WAAA;YAAaI,MAAAA,EAAQ;AAAe;AAAE;AAC1G,CAAA;;"}

package/dist/cjs/templates/formTemplates.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var vendorsQueries = require('../vendorsQueries.js');
+var vendorsParts = require('../vendorsParts.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, submit) {
+    return {
+        name,
+        slots: scene_blueprint_default.quickCreateDialogTemplate.slots,
+        content: {
+            header: [
+                scene_blueprint_default.component(`${name}-frame`, 'dialogFrame', {
+                    title,
+                    subtitle: 'Only what is needed to get started'
+                })
+            ],
+            body: [
+                vendorsParts.withBehaviors(scene_blueprint_default.component(`${name}-form`, 'formScreenBody', {
+                    mode: 'create',
+                    saveAndNew: false,
+                    strings: {
+                        formSave: submit
+                    },
+                    sections: vendorsQueries.fromQuery(sections),
+                    errors: vendorsQueries.fromQuery(vendorsQueries.VendorsQuery.FormErrors, '0'),
+                    ...vendorsQueries.localeOfData
+                }), vendorsParts.closesDialog())
+            ],
+            actions: []
+        },
+        displayName: `Vendors quick create ${noun}`,
+        description: `A short form that creates one ${noun} without leaving the page.`,
+        metadata: vendorsParts.vendorsMetadata(name, 'Dialog', [
+            scene_model.TemplateScope.Slice
+        ])
+    };
+}
+/** The quick dialogs of the blueprint. */ const vendorsDialogs = [
+    quickCreateOf('VendorsQuickCreateVendor', 'New vendor', 'VendorQuickSections', 'vendor', 'Create')
+];
+
+exports.vendorsDialogs = vendorsDialogs;
+//# sourceMappingURL=formTemplates.js.map

package/dist/cjs/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 { VendorsQuery, fromQuery, localeOfData } from '../vendorsQueries';\nimport { closesDialog, component, vendorsMetadata, withBehaviors } from '../vendorsParts';\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, submit: 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: submit }, sections: fromQuery(sections), errors: fromQuery(VendorsQuery.FormErrors, '0'), ...localeOfData,\n            }), closesDialog())],\n            actions: [],\n        },\n        displayName: `Vendors quick create ${noun}`,\n        description: `A short form that creates one ${noun} without leaving the page.`,\n        metadata: vendorsMetadata(name, 'Dialog', [TemplateScope.Slice]),\n    };\n}\n\n/** The quick dialogs of the blueprint. */\nexport const vendorsDialogs: DialogTemplate[] = [\n    quickCreateOf('VendorsQuickCreateVendor', 'New vendor', 'VendorQuickSections', 'vendor', 'Create'),\n];\n"],"names":["quickCreateOf","name","title","sections","noun","submit","slots","quickCreateDialogTemplate","content","header","component","subtitle","body","withBehaviors","mode","saveAndNew","strings","formSave","fromQuery","errors","VendorsQuery","FormErrors","localeOfData","closesDialog","actions","displayName","description","metadata","vendorsMetadata","TemplateScope","Slice","vendorsDialogs"],"mappings":";;;;;;;AAAA;AACA;AAOA;;;IAIA,SAASA,aAAAA,CAAcC,IAAY,EAAEC,KAAa,EAAEC,QAAgB,EAAEC,IAAY,EAAEC,MAAc,EAAA;IAC9F,OAAO;AACHJ,QAAAA,IAAAA;AACAK,QAAAA,KAAAA,EAAOC,kDAA0BD,KAAK;QACtCE,OAAAA,EAAS;YACLC,MAAAA,EAAQ;AAACC,gBAAAA,iCAAAA,CAAU,CAAA,EAAGT,IAAAA,CAAK,MAAM,CAAC,EAAE,aAAA,EAAe;AAAEC,oBAAAA,KAAAA;oBAAOS,QAAAA,EAAU;AAAqC,iBAAA;AAAG,aAAA;YAC9GC,IAAAA,EAAM;AAACC,gBAAAA,0BAAAA,CAAcH,kCAAU,CAAA,EAAGT,IAAAA,CAAK,KAAK,CAAC,EAAE,gBAAA,EAAkB;oBAC7Da,IAAAA,EAAM,QAAA;oBAAUC,UAAAA,EAAY,KAAA;oBAAOC,OAAAA,EAAS;wBAAEC,QAAAA,EAAUZ;AAAO,qBAAA;AAAGF,oBAAAA,QAAAA,EAAUe,wBAAAA,CAAUf,QAAAA,CAAAA;oBAAWgB,MAAAA,EAAQD,wBAAAA,CAAUE,2BAAAA,CAAaC,UAAU,EAAE,GAAA,CAAA;AAAM,oBAAA,GAAGC;iBACzJ,CAAA,EAAIC,yBAAAA,EAAAA;AAAgB,aAAA;AACpBC,YAAAA,OAAAA,EAAS;AACb,SAAA;QACAC,WAAAA,EAAa,CAAC,qBAAqB,EAAErB,IAAAA,CAAAA,CAAM;AAC3CsB,QAAAA,WAAAA,EAAa,CAAC,8BAA8B,EAAEtB,IAAAA,CAAK,0BAA0B,CAAC;QAC9EuB,QAAAA,EAAUC,4BAAAA,CAAgB3B,MAAM,QAAA,EAAU;AAAC4B,YAAAA,yBAAAA,CAAcC;AAAM,SAAA;AACnE,KAAA;AACJ;AAEA,2CACO,MAAMC,cAAAA,GAAmC;IAC5C/B,aAAAA,CAAc,0BAAA,EAA4B,YAAA,EAAc,qBAAA,EAAuB,QAAA,EAAU,QAAA;;;"}

package/dist/cjs/templates/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var listTemplates = require('./listTemplates.js');
+var recordTemplates = require('./recordTemplates.js');
+var boardTemplate = require('./boardTemplate.js');
+var dashboardTemplates = require('./dashboardTemplates.js');
+var formTemplates = require('./formTemplates.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** Every screen template this blueprint provides, in the order the manifest lists them. */ const vendorsScreenTemplates = [
+    listTemplates.vendorsListTemplate,
+    recordTemplates.vendorPageTemplate,
+    boardTemplate.vendorsOnboardingTemplate,
+    dashboardTemplates.vendorsPerformanceTemplate
+];
+
+exports.vendorsListTemplate = listTemplates.vendorsListTemplate;
+exports.vendorPageTemplate = recordTemplates.vendorPageTemplate;
+exports.vendorsOnboardingTemplate = boardTemplate.vendorsOnboardingTemplate;
+exports.vendorsPerformanceTemplate = dashboardTemplates.vendorsPerformanceTemplate;
+exports.vendorsDialogTemplates = formTemplates.vendorsDialogs;
+exports.vendorsDialogs = formTemplates.vendorsDialogs;
+exports.vendorsScreenTemplates = vendorsScreenTemplates;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../templates/index.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 { vendorsListTemplate } from './listTemplates';\nimport { vendorPageTemplate } from './recordTemplates';\nimport { vendorsOnboardingTemplate } from './boardTemplate';\nimport { vendorsPerformanceTemplate } from './dashboardTemplates';\n\nexport * from './listTemplates';\nexport * from './recordTemplates';\nexport * from './boardTemplate';\nexport * from './dashboardTemplates';\nexport * from './formTemplates';\n\n/** Every screen template this blueprint provides, in the order the manifest lists them. */\nexport const vendorsScreenTemplates = [vendorsListTemplate, vendorPageTemplate, vendorsOnboardingTemplate, vendorsPerformanceTemplate];\n\nexport { vendorsDialogs as vendorsDialogTemplates } from './formTemplates';\n"],"names":["vendorsScreenTemplates","vendorsListTemplate","vendorPageTemplate","vendorsOnboardingTemplate","vendorsPerformanceTemplate"],"mappings":";;;;;;;;AAAA;AACA;AAaA,4FACO,MAAMA,sBAAAA,GAAyB;AAACC,IAAAA,iCAAAA;AAAqBC,IAAAA,kCAAAA;AAAoBC,IAAAA,uCAAAA;AAA2BC,IAAAA;;;;;;;;;"}

package/dist/cjs/templates/listTemplates.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var vendorsQueries = require('../vendorsQueries.js');
+var vendorsParts = require('../vendorsParts.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 = [
+    scene_model.TemplateScope.Module,
+    scene_model.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)=>vendorsParts.withBehaviors(vendorsParts.actionButton(id, 'Export', 'secondary'), [
+        {
+            bindings: [
+                {
+                    trigger: {
+                        kind: scene_model.InteractionTriggerKind.Click
+                    },
+                    actions: [
+                        {
+                            kind: scene_model.InteractionActionKind.Notify,
+                            level: scene_model.NotificationLevel.Info,
+                            message: {
+                                text: 'The export has started.'
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]);
+/**
+ * One 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 = vendorsQueries.vendorsQueriesOf(options.entity);
+    const id = options.name;
+    const listId = `${id}-records`;
+    const primary = vendorsParts.withBehaviors(vendorsParts.actionButton(`${id}-primary`, options.primary.label, 'primary'), options.primary.dialog ? vendorsParts.opensDialog(options.primary.dialog) : vendorsParts.goesTo(options.primary.screen));
+    const list = scene_blueprint_default.component(listId, 'dataList', {
+        label: options.title,
+        rows: vendorsQueries.fromQuery(queries.rows),
+        columns: vendorsQueries.fromQuery(queries.columns),
+        titleField: options.titleField,
+        pageSize: options.cards ? 12 : 10,
+        urlKey: options.urlKey,
+        ...vendorsQueries.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: scene_blueprint_default.listScreenTemplate.slots,
+        arrangement: scene_blueprint_default.listScreenTemplate.arrangement,
+        content: {
+            header: [
+                scene_blueprint_default.component(`${id}-header`, 'pageHeader', {
+                    title: options.title,
+                    subtitle: options.subtitle
+                }, {
+                    actions: [
+                        exportAction(`${id}-export`),
+                        primary
+                    ]
+                })
+            ],
+            toolbar: [
+                scene_blueprint_default.component(`${id}-search`, 'globalSearch', {
+                    placeholder: options.searchLabel,
+                    label: options.searchLabel,
+                    urlKey: `${options.urlKey}q`
+                }),
+                scene_blueprint_default.component(`${id}-views`, 'savedViewsMenu', {
+                    views: vendorsQueries.fromQuery(queries.views),
+                    savePermission: 'enabled',
+                    managePermission: 'enabled'
+                }),
+                scene_blueprint_default.component(`${id}-columns`, 'columnChooser', {
+                    columns: vendorsQueries.fromQuery(queries.columnChoices)
+                })
+            ],
+            filters: [
+                scene_blueprint_default.component(`${id}-filter`, 'filterBuilder', {
+                    fields: vendorsQueries.fromQuery(queries.filterFields),
+                    ...vendorsQueries.localeOfData
+                })
+            ],
+            list: [
+                options.recordScreen ? vendorsParts.withBehaviors(list, vendorsParts.opensRecordOnSelect(listId, options.recordScreen)) : options.recordDialog ? vendorsParts.withBehaviors(list, vendorsParts.opensDialogOnSelect(options.recordDialog)) : list
+            ],
+            bulkBar: options.recordScreen || options.recordDialog || options.readOnly ? [] : [
+                scene_blueprint_default.component(`${id}-bulk`, 'bulkBar', {
+                    selection: vendorsQueries.fromQuery(queries.selection),
+                    actions: options.bulkActions
+                })
+            ],
+            footer: []
+        },
+        displayName: options.displayName,
+        description: options.description,
+        metadata: vendorsParts.vendorsMetadata(options.name, 'List', listScopes)
+    };
+}
+/** The vendors: every vendor with its category, country, spend this year, rating and status. Choosing a vendor opens it. */ const vendorsListTemplate = listTemplateOf({
+    name: 'VendorsList',
+    entity: vendorsQueries.VendorsEntityKind.Vendor,
+    displayName: 'Vendors list',
+    description: 'Every vendor with its category, country, spend, rating and status, filtered by category, status, country and account manager.',
+    title: 'Vendors',
+    subtitle: 'Everyone you buy from',
+    searchLabel: 'Search vendors',
+    urlKey: 'vendors',
+    primary: {
+        label: 'New vendor',
+        dialog: 'VendorsQuickCreateVendor'
+    },
+    rowActions: [
+        'Open',
+        'Suspend'
+    ],
+    bulkActions: [],
+    titleField: 'name',
+    recordScreen: 'vendors.record'
+});
+
+exports.vendorsListTemplate = vendorsListTemplate;
+//# sourceMappingURL=listTemplates.js.map

package/dist/cjs/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 { VendorsEntityKind, fromQuery, vendorsQueriesOf, localeOfData } from '../vendorsQueries';\nimport { actionButton, component, goesTo, vendorsMetadata, opensDialog, opensDialogOnSelect, opensRecordOnSelect, withBehaviors } from '../vendorsParts';\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: VendorsEntityKind;\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 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 = vendorsQueriesOf(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)) : options.recordDialog ? withBehaviors(list, opensDialogOnSelect(options.recordDialog)) : 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: vendorsMetadata(options.name, 'List', listScopes),\n    };\n}\n\n\n/** The vendors: every vendor with its category, country, spend this year, rating and status. Choosing a vendor opens it. */\nexport const vendorsListTemplate = listTemplateOf({\n    name: 'VendorsList',\n    entity: VendorsEntityKind.Vendor, displayName: 'Vendors list', description: 'Every vendor with its category, country, spend, rating and status, filtered by category, status, country and account manager.', title: 'Vendors', subtitle: 'Everyone you buy from', searchLabel: 'Search vendors', urlKey: 'vendors',\n    primary: { label: 'New vendor', dialog: 'VendorsQuickCreateVendor' },\n    rowActions: ['Open', 'Suspend'], bulkActions: [],\n    titleField: 'name', recordScreen: 'vendors.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","vendorsQueriesOf","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","opensDialogOnSelect","bulkBar","selection","bulkActions","footer","displayName","description","metadata","vendorsMetadata","vendorsListTemplate","VendorsEntityKind","Vendor"],"mappings":"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"}