@cratis/scene.blueprint.components 4.9.0 → 4.11.0

package/dist/cjs/componentsBlueprint.js

@@ -3,14 +3,7 @@
 var scene_model = require('@cratis/scene.model');
 var ComponentName = require('./ComponentName.js');
 var componentsBlueprintComponents = require('./componentsBlueprintComponents.js');
-require('./gallery/navigation.js');
 require('@cratis/scene.blueprint.default');
-var screens = require('./gallery/screens.js');
-require('./gallery/previewProfile.js');
-require('./gallery/GalleryScreenPreview.js');
-require('react/jsx-runtime');
-require('react');
-require('@cratis/scene.react');
 require('./templates/listTemplates.js');
 require('./templates/workspaceTemplates.js');
 require('./templates/commandTemplates.js');
@@ -18,6 +11,13 @@ require('./templates/editorTemplates.js');
 require('./templates/nesting.js');
 var dialogTemplates = require('./templates/dialogTemplates.js');
 var screenTemplates = require('./templates/screenTemplates.js');
+require('./gallery/navigation.js');
+var screens = require('./gallery/screens.js');
+require('./gallery/previewProfile.js');
+require('./gallery/GalleryScreenPreview.js');
+require('react/jsx-runtime');
+require('react');
+require('@cratis/scene.react');
 var packageName = require('./packageName.js');
 
 // Copyright (c) Cratis. All rights reserved.

package/dist/cjs/gallery/GalleryScreenPreview.js

@@ -2,10 +2,20 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var core = require('@primereact/core');
+var scene_model = require('@cratis/scene.model');
 var scene_react = require('@cratis/scene.react');
 var scene_components = require('@cratis/scene.components');
 var scene_blueprint_default = require('@cratis/scene.blueprint.default');
 var componentsBlueprintComponents = require('../componentsBlueprintComponents.js');
+var packageName = require('../packageName.js');
+require('../templates/listTemplates.js');
+require('../templates/workspaceTemplates.js');
+require('../templates/commandTemplates.js');
+require('../templates/editorTemplates.js');
+require('../templates/nesting.js');
+var dialogTemplates = require('../templates/dialogTemplates.js');
+var screenTemplates = require('../templates/screenTemplates.js');
 var previewProfile = require('./previewProfile.js');
 var screens = require('./screens.js');
 
@@ -19,12 +29,86 @@ var screens = require('./screens.js');
  * Four of the profile's five packages are present. `PrimeReact` is not, which is why a `column` inside a
  * table comes out unresolved - and it never reaches the DOM, because the table it belongs to is a
  * placeholder until a host registers its query.
- */ const componentsPreviewRegistry = {
-    ...scene_react.coreComponents,
-    ...scene_components.cratisComponents,
-    ...scene_blueprint_default.defaultBlueprintComponents,
-    ...componentsBlueprintComponents.componentsBlueprintComponents
-};
+ */ const previewComponent = ({ element })=>/*#__PURE__*/ jsxRuntime.jsx("span", {
+        "data-preview-component": element.componentName,
+        children: String(element.properties.label ?? element.componentName)
+    });
+const componentsPreviewBundles = [
+    scene_react.corePackage,
+    {
+        manifest: {
+            name: 'Tailwind',
+            version: '4.0.0',
+            kind: scene_model.PackageKind.Styling,
+            dependencies: [],
+            components: [],
+            layouts: [],
+            screenTemplates: [],
+            dialogTemplates: [],
+            themes: [],
+            assets: [
+                'styles/tailwind.css',
+                'fonts/inter.woff2'
+            ]
+        },
+        components: {}
+    },
+    {
+        manifest: {
+            name: 'PrimeReact',
+            version: '11.1.0',
+            kind: scene_model.PackageKind.ComponentLibrary,
+            dependencies: [
+                {
+                    name: 'Tailwind'
+                }
+            ],
+            components: previewProfile.primeReactComponentNames,
+            layouts: [],
+            screenTemplates: [],
+            dialogTemplates: [],
+            themes: []
+        },
+        components: Object.fromEntries(previewProfile.primeReactComponentNames.map((name)=>[
+                `PrimeReact:${name}`,
+                previewComponent
+            ]))
+    },
+    scene_components.cratisComponentsPackage,
+    scene_blueprint_default.defaultBlueprint,
+    {
+        manifest: {
+            name: packageName.componentsBlueprintName,
+            version: '1.0.0',
+            kind: scene_model.PackageKind.Blueprint,
+            dependencies: [
+                {
+                    name: 'Cratis.Blueprint.Default'
+                },
+                {
+                    name: 'Cratis.Components'
+                }
+            ],
+            components: Object.keys(componentsBlueprintComponents.componentsBlueprintComponents).map((name)=>name.slice(`${packageName.componentsBlueprintName}:`.length)),
+            layouts: [],
+            screenTemplates: screenTemplates.componentsScreenTemplates.map((template)=>template.name),
+            dialogTemplates: dialogTemplates.componentsDialogTemplates.map((template)=>template.name),
+            themes: []
+        },
+        components: componentsBlueprintComponents.componentsBlueprintComponents,
+        screenTemplates: screenTemplates.componentsScreenTemplates,
+        dialogTemplates: dialogTemplates.componentsDialogTemplates,
+        screens: screens.componentsGalleryScreens
+    }
+];
+/** Compatibility registry for callers that render individual gallery elements directly. */ const componentsPreviewRegistry = scene_react.resolvePackageHost({
+    profile: previewProfile.componentsBlueprintProfile,
+    bundles: componentsPreviewBundles,
+    policy: {
+        allowExecutableImports: false,
+        allowNetworkAssets: false
+    }
+}).components;
 /**
  * Boots one gallery screen through the real engine.
  *
@@ -36,7 +120,7 @@ var screens = require('./screens.js');
  * `LayoutConfigProvider` and `LayoutThemeProvider` are the default blueprint's, because the shell being
  * previewed is the default blueprint's shell. This package provides Arc-bound pages to put inside it, and
  * previewing them without the thing they were designed to sit in would prove the wrong thing.
- */ function GalleryScreenPreview({ screenName, initialConfig, registry = componentsPreviewRegistry }) {
+ */ function GalleryScreenPreview({ screenName, initialConfig, bundles = componentsPreviewBundles }) {
     const element = react.useMemo(()=>{
         const screen = screens.componentsGalleryScreen(screenName);
         if (!screen) {
@@ -46,20 +130,29 @@ var screens = require('./screens.js');
     }, [
         screenName
     ]);
-    return /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutConfigProvider, {
-        initialConfig: initialConfig,
-        storage: null,
-        children: /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutThemeProvider, {
-            themes: scene_blueprint_default.defaultBlueprintThemes,
-            children: /*#__PURE__*/ jsxRuntime.jsx(scene_react.SceneElementView, {
-                element: element,
-                registry: registry,
-                resolveBinding: ()=>undefined
+    return /*#__PURE__*/ jsxRuntime.jsx(core.PrimeReactProvider, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutConfigProvider, {
+            initialConfig: initialConfig,
+            storage: null,
+            children: /*#__PURE__*/ jsxRuntime.jsx(scene_blueprint_default.LayoutThemeProvider, {
+                themes: scene_blueprint_default.defaultBlueprintThemes,
+                children: /*#__PURE__*/ jsxRuntime.jsx(scene_react.PackageHostView, {
+                    configuration: {
+                        profile: previewProfile.componentsBlueprintProfile,
+                        bundles,
+                        policy: {
+                            allowExecutableImports: false,
+                            allowNetworkAssets: false
+                        }
+                    },
+                    element: element
+                })
             })
         })
     });
 }
 
 exports.GalleryScreenPreview = GalleryScreenPreview;
+exports.componentsPreviewBundles = componentsPreviewBundles;
 exports.componentsPreviewRegistry = componentsPreviewRegistry;
 //# sourceMappingURL=GalleryScreenPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.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 { useMemo } from 'react';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { cratisComponents } from '@cratis/scene.components';\nimport { LayoutConfigProvider, LayoutConfigState, LayoutThemeProvider, composeScreenElement, defaultBlueprintComponents, defaultBlueprintThemes, resolveElementComponentNames } from '@cratis/scene.blueprint.default';\nimport { componentsBlueprintComponents } from '../componentsBlueprintComponents';\nimport { componentsBlueprintCatalog, componentsBlueprintProfile } from './previewProfile';\nimport { componentsGalleryScreen } from './screens';\n\n/**\n * The registry a preview resolves against: `core`, `Cratis.Components`, the default blueprint, and this one.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's own\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n *\n * Four of the profile's five packages are present. `PrimeReact` is not, which is why a `column` inside a\n * table comes out unresolved - and it never reaches the DOM, because the table it belongs to is a\n * placeholder until a host registers its query.\n */\nexport const componentsPreviewRegistry: ComponentRegistry = {\n    ...coreComponents,\n    ...cratisComponents,\n    ...defaultBlueprintComponents,\n    ...componentsBlueprintComponents,\n};\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a layout mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The component registry to render against. Defaults to {@link componentsPreviewRegistry}. */\n    registry?: ComponentRegistry;\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real `Screen`, its element tree is resolved by the\n * real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real registry.\n * That is the point of shipping a gallery at all - a mockup proves someone can draw an invoice list, and\n * this proves the blueprint renders one.\n *\n * `LayoutConfigProvider` and `LayoutThemeProvider` are the default blueprint's, because the shell being\n * previewed is the default blueprint's shell. This package provides Arc-bound pages to put inside it, and\n * previewing them without the thing they were designed to sit in would prove the wrong thing.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, registry = componentsPreviewRegistry }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = componentsGalleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return resolveElementComponentNames(composeScreenElement(screen), componentsBlueprintProfile, componentsBlueprintCatalog);\n    }, [screenName]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={defaultBlueprintThemes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["componentsPreviewRegistry","coreComponents","cratisComponents","defaultBlueprintComponents","componentsBlueprintComponents","GalleryScreenPreview","screenName","initialConfig","registry","element","useMemo","screen","componentsGalleryScreen","Error","resolveElementComponentNames","composeScreenElement","componentsBlueprintProfile","componentsBlueprintCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","themes","defaultBlueprintThemes","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;AAWA;;;;;;;;;;UAWaA,yBAAAA,GAA+C;AACxD,IAAA,GAAGC,0BAAc;AACjB,IAAA,GAAGC,iCAAgB;AACnB,IAAA,GAAGC,kDAA0B;AAC7B,IAAA,GAAGC;AACP;AAaA;;;;;;;;;;;IAYO,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAAA,GAAWR,yBAAyB,EAA6B,EAAA;AAC/H,IAAA,MAAMS,UAAUC,aAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,+BAAAA,CAAwBN,UAAAA,CAAAA;AACvC,QAAA,IAAI,CAACK,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAEP,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;QAEA,OAAOQ,oDAAAA,CAA6BC,4CAAAA,CAAqBJ,MAAAA,CAAAA,EAASK,yCAAAA,EAA4BC,yCAAAA,CAAAA;IAClG,CAAA,EAAG;AAACX,QAAAA;AAAW,KAAA,CAAA;AAEf,IAAA,qBACIY,cAAA,CAACC,4CAAAA,EAAAA;QAAqBZ,aAAAA,EAAeA,aAAAA;QAAea,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,cAAA,CAACG,2CAAAA,EAAAA;YAAoBC,MAAAA,EAAQC,8CAAAA;AACzB,YAAA,QAAA,gBAAAL,cAAA,CAACM,4BAAAA,EAAAA;gBAAiBf,OAAAA,EAASA,OAAAA;gBAASD,QAAAA,EAAUA,QAAAA;AAAUiB,gBAAAA,cAAAA,EAAgB,IAAMC;;;;AAI9F;;;"}
+{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.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 { useMemo } from 'react';\nimport { PrimeReactProvider } from '@primereact/core';\nimport { PackageKind } from '@cratis/scene.model';\nimport { ComponentRegistry, PackageHostView, RegisteredComponentProps, ScenePackageBundle, corePackage, resolvePackageHost } from '@cratis/scene.react';\nimport { cratisComponentsPackage } from '@cratis/scene.components';\nimport { defaultBlueprint, LayoutConfigProvider, LayoutConfigState, LayoutThemeProvider, composeScreenElement, defaultBlueprintThemes, resolveElementComponentNames } from '@cratis/scene.blueprint.default';\nimport { componentsBlueprintComponents } from '../componentsBlueprintComponents';\nimport { componentsBlueprintName } from '../packageName';\nimport { componentsDialogTemplates, componentsScreenTemplates } from '../templates';\nimport { componentsBlueprintCatalog, componentsBlueprintProfile, primeReactComponentNames } from './previewProfile';\nimport { componentsGalleryScreen, componentsGalleryScreens } from './screens';\n\n/**\n * The registry a preview resolves against: `core`, `Cratis.Components`, the default blueprint, and this one.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's own\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n *\n * Four of the profile's five packages are present. `PrimeReact` is not, which is why a `column` inside a\n * table comes out unresolved - and it never reaches the DOM, because the table it belongs to is a\n * placeholder until a host registers its query.\n */\nconst previewComponent = ({ element }: RegisteredComponentProps) => <span data-preview-component={element.componentName}>{String(element.properties.label ?? element.componentName)}</span>;\n\nexport const componentsPreviewBundles: ScenePackageBundle[] = [\n    corePackage,\n    {\n        manifest: {\n            name: 'Tailwind',\n            version: '4.0.0',\n            kind: PackageKind.Styling,\n            dependencies: [],\n            components: [],\n            layouts: [],\n            screenTemplates: [],\n            dialogTemplates: [],\n            themes: [],\n            assets: ['styles/tailwind.css', 'fonts/inter.woff2'],\n        },\n        components: {},\n    },\n    {\n        manifest: {\n            name: 'PrimeReact',\n            version: '11.1.0',\n            kind: PackageKind.ComponentLibrary,\n            dependencies: [{ name: 'Tailwind' }],\n            components: primeReactComponentNames,\n            layouts: [],\n            screenTemplates: [],\n            dialogTemplates: [],\n            themes: [],\n        },\n        components: Object.fromEntries(primeReactComponentNames.map(name => [`PrimeReact:${name}`, previewComponent])),\n    },\n    cratisComponentsPackage,\n    defaultBlueprint,\n    {\n        manifest: {\n            name: componentsBlueprintName,\n            version: '1.0.0',\n            kind: PackageKind.Blueprint,\n            dependencies: [{ name: 'Cratis.Blueprint.Default' }, { name: 'Cratis.Components' }],\n            components: Object.keys(componentsBlueprintComponents).map(name => name.slice(`${componentsBlueprintName}:`.length)),\n            layouts: [],\n            screenTemplates: componentsScreenTemplates.map(template => template.name),\n            dialogTemplates: componentsDialogTemplates.map(template => template.name),\n            themes: [],\n        },\n        components: componentsBlueprintComponents,\n        screenTemplates: componentsScreenTemplates,\n        dialogTemplates: componentsDialogTemplates,\n        screens: componentsGalleryScreens,\n    },\n];\n\n/** Compatibility registry for callers that render individual gallery elements directly. */\nexport const componentsPreviewRegistry: ComponentRegistry = resolvePackageHost({\n    profile: componentsBlueprintProfile,\n    bundles: componentsPreviewBundles,\n    policy: { allowExecutableImports: false, allowNetworkAssets: false },\n}).components;\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a layout mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The approved package set to render against. Defaults to {@link componentsPreviewBundles}. */\n    bundles?: ScenePackageBundle[];\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real `Screen`, its element tree is resolved by the\n * real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real registry.\n * That is the point of shipping a gallery at all - a mockup proves someone can draw an invoice list, and\n * this proves the blueprint renders one.\n *\n * `LayoutConfigProvider` and `LayoutThemeProvider` are the default blueprint's, because the shell being\n * previewed is the default blueprint's shell. This package provides Arc-bound pages to put inside it, and\n * previewing them without the thing they were designed to sit in would prove the wrong thing.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, bundles = componentsPreviewBundles }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = componentsGalleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return resolveElementComponentNames(composeScreenElement(screen), componentsBlueprintProfile, componentsBlueprintCatalog);\n    }, [screenName]);\n\n    return (\n        <PrimeReactProvider>\n            <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n                <LayoutThemeProvider themes={defaultBlueprintThemes}>\n                    <PackageHostView\n                        configuration={{\n                            profile: componentsBlueprintProfile,\n                            bundles,\n                            policy: { allowExecutableImports: false, allowNetworkAssets: false },\n                        }}\n                        element={element} />\n                </LayoutThemeProvider>\n            </LayoutConfigProvider>\n        </PrimeReactProvider>\n    );\n}\n"],"names":["previewComponent","element","_jsx","span","data-preview-component","componentName","String","properties","label","componentsPreviewBundles","corePackage","manifest","name","version","kind","PackageKind","Styling","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","assets","ComponentLibrary","primeReactComponentNames","Object","fromEntries","map","cratisComponentsPackage","defaultBlueprint","componentsBlueprintName","Blueprint","keys","componentsBlueprintComponents","slice","length","componentsScreenTemplates","template","componentsDialogTemplates","screens","componentsGalleryScreens","componentsPreviewRegistry","resolvePackageHost","profile","componentsBlueprintProfile","bundles","policy","allowExecutableImports","allowNetworkAssets","GalleryScreenPreview","screenName","initialConfig","useMemo","screen","componentsGalleryScreen","Error","resolveElementComponentNames","composeScreenElement","componentsBlueprintCatalog","PrimeReactProvider","LayoutConfigProvider","storage","LayoutThemeProvider","defaultBlueprintThemes","PackageHostView","configuration"],"mappings":"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"}

package/dist/cjs/gallery/businessGallery.js

@@ -0,0 +1,34 @@
+'use strict';
+
+require('@cratis/scene.blueprint.default');
+require('../templates/listTemplates.js');
+require('../templates/workspaceTemplates.js');
+require('../templates/commandTemplates.js');
+require('../templates/editorTemplates.js');
+require('../templates/nesting.js');
+require('../templates/dialogTemplates.js');
+var screenTemplates = require('../templates/screenTemplates.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Returns templates grouped by visible gallery category and filtered by scope metadata.
+ */ function businessGallery(scope, templates = screenTemplates.componentsPageTemplates) {
+    const categories = new Map();
+    for (const template of templates.filter((template)=>template.metadata?.scopes?.includes(scope))){
+        const category = template.metadata?.category ?? 'Business / Other';
+        categories.set(category, [
+            ...categories.get(category) ?? [],
+            template
+        ]);
+    }
+    return [
+        ...categories.entries()
+    ].map(([category, categoryTemplates])=>({
+            category,
+            templates: categoryTemplates
+        }));
+}
+
+exports.businessGallery = businessGallery;
+//# sourceMappingURL=businessGallery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"businessGallery.js","sources":["../../../gallery/businessGallery.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 { BusinessGalleryCategory } from './BusinessGalleryCategory';\nimport { componentsPageTemplates } from '../templates';\n\n/**\n * Returns templates grouped by visible gallery category and filtered by scope metadata.\n */\nexport function businessGallery(scope: TemplateScope, templates: ScreenTemplate[] = componentsPageTemplates): BusinessGalleryCategory[] {\n    const categories = new Map<string, ScreenTemplate[]>();\n    for (const template of templates.filter(template => template.metadata?.scopes?.includes(scope))) {\n        const category = template.metadata?.category ?? 'Business / Other';\n        categories.set(category, [...(categories.get(category) ?? []), template]);\n    }\n\n    return [...categories.entries()].map(([category, categoryTemplates]) => ({ category, templates: categoryTemplates }));\n}\n"],"names":["businessGallery","scope","templates","componentsPageTemplates","categories","Map","template","filter","metadata","scopes","includes","category","set","get","entries","map","categoryTemplates"],"mappings":";;;;;;;;;;;AAAA;AACA;AAMA;;AAEC,IACM,SAASA,eAAAA,CAAgBC,KAAoB,EAAEC,YAA8BC,uCAAuB,EAAA;AACvG,IAAA,MAAMC,aAAa,IAAIC,GAAAA,EAAAA;AACvB,IAAA,KAAK,MAAMC,QAAAA,IAAYJ,SAAAA,CAAUK,MAAM,CAACD,CAAAA,QAAAA,GAAYA,QAAAA,CAASE,QAAQ,EAAEC,MAAAA,EAAQC,QAAAA,CAAST,KAAAA,CAAAA,CAAAA,CAAS;AAC7F,QAAA,MAAMU,QAAAA,GAAWL,QAAAA,CAASE,QAAQ,EAAEG,QAAAA,IAAY,kBAAA;QAChDP,UAAAA,CAAWQ,GAAG,CAACD,QAAAA,EAAU;eAAKP,UAAAA,CAAWS,GAAG,CAACF,QAAAA,CAAAA,IAAa,EAAE;AAAGL,YAAAA;AAAS,SAAA,CAAA;AAC5E,IAAA;IAEA,OAAO;AAAIF,QAAAA,GAAAA,UAAAA,CAAWU,OAAO;AAAG,KAAA,CAACC,GAAG,CAAC,CAAC,CAACJ,QAAAA,EAAUK,iBAAAA,CAAkB,IAAM;AAAEL,YAAAA,QAAAA;YAAUT,SAAAA,EAAWc;SAAkB,CAAA,CAAA;AACtH;;"}

package/dist/cjs/index.js

@@ -21,6 +21,7 @@ var editorTemplates = require('./templates/editorTemplates.js');
 var nesting = require('./templates/nesting.js');
 var dialogTemplates = require('./templates/dialogTemplates.js');
 var screenTemplates = require('./templates/screenTemplates.js');
+var businessGallery = require('./gallery/businessGallery.js');
 var navigation = require('./gallery/navigation.js');
 var applicationChrome = require('./gallery/applicationChrome.js');
 var screens = require('./gallery/screens.js');
@@ -98,6 +99,7 @@ exports.componentsDialogTemplates = dialogTemplates.componentsDialogTemplates;
 exports.confirmDialogTemplate = dialogTemplates.confirmDialogTemplate;
 exports.componentsPageTemplates = screenTemplates.componentsPageTemplates;
 exports.componentsScreenTemplates = screenTemplates.componentsScreenTemplates;
+exports.businessGallery = businessGallery.businessGallery;
 exports.componentsNavigationContributions = navigation.componentsNavigationContributions;
 exports.componentsNavigationEntries = navigation.componentsNavigationEntries;
 exports.componentsNavigationGroups = navigation.componentsNavigationGroups;
@@ -111,6 +113,7 @@ exports.componentsBlueprintCatalog = previewProfile.componentsBlueprintCatalog;
 exports.componentsBlueprintProfile = previewProfile.componentsBlueprintProfile;
 exports.primeReactComponentNames = previewProfile.primeReactComponentNames;
 exports.GalleryScreenPreview = GalleryScreenPreview.GalleryScreenPreview;
+exports.componentsPreviewBundles = GalleryScreenPreview.componentsPreviewBundles;
 exports.componentsPreviewRegistry = GalleryScreenPreview.componentsPreviewRegistry;
 exports.DialogTemplatePreview = DialogTemplatePreview.DialogTemplatePreview;
 exports.componentsBlueprintComponents = componentsBlueprintComponents.componentsBlueprintComponents;

package/dist/cjs/index.js.map

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

package/dist/cjs/templates/commandTemplates.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var scene_model = require('@cratis/scene.model');
 var scene_blueprint_default = require('@cratis/scene.blueprint.default');
 var elements = require('./elements.js');
 var formElements = require('./formElements.js');
@@ -70,6 +71,13 @@ var SampleBindingName = require('./SampleBindingName.js');
             ])
         ]
     },
+    metadata: {
+        type: 'Form',
+        category: 'Business / Command',
+        scopes: [
+            scene_model.TemplateScope.Slice
+        ]
+    },
     displayName: 'Command form page',
     description: 'A generated command form under a header that states the command, with its own action bar.'
 };

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

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

package/dist/cjs/templates/listTemplates.js

@@ -63,6 +63,13 @@ var SampleBindingName = require('./SampleBindingName.js');
             dataElements.dataPage('data-list-body', SampleBindingName.SampleBindingName.AllInvoices, dataElements.invoiceTableOptions, dataElements.invoiceColumns)
         ]
     },
+    metadata: {
+        type: 'List',
+        category: 'Business / List',
+        scopes: [
+            scene_model.TemplateScope.Slice
+        ]
+    },
     displayName: 'Data list page',
     description: 'A dataPage bound to one query, under a header that states the binding - the whole list screen in two elements.'
 };
@@ -100,6 +107,13 @@ var SampleBindingName = require('./SampleBindingName.js');
             ])
         ]
     },
+    metadata: {
+        type: 'List',
+        category: 'Business / Live operations',
+        scopes: [
+            scene_model.TemplateScope.Slice
+        ]
+    },
     displayName: 'Observable data list page',
     description: 'A live list over an observable query, which re-renders when the read model changes on the server.'
 };
@@ -171,6 +185,13 @@ var SampleBindingName = require('./SampleBindingName.js');
             ])
         ]
     },
+    metadata: {
+        type: 'Detail',
+        category: 'Business / Master detail',
+        scopes: [
+            scene_model.TemplateScope.Slice
+        ]
+    },
     displayName: 'Data list with detail page',
     description: 'A dataPage beside a detail region showing the selected record document and its history.'
 };

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

@@ -1 +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 { ScreenTemplate, WidthSizeClass } from '@cratis/scene.model';\nimport { SlotName, TemplateSlotName, column, row, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { dataPage, invoiceColumns, invoiceTableOptions, observableDataTable } from './dataElements';\nimport { objectContentEditor, objectNavigationalBar, timeMachine } from './editorElements';\nimport { arcPageHeader, page, toolbar, toolbarButton, toolbarGroup, toolbarSeparator } from './elements';\nimport { SampleBindingName } from './SampleBindingName';\n\n/**\n * The three list shapes an Arc application repeats: a list, a live list, and a list with the selected\n * record beside it.\n *\n * All three fill the application shell's `content` slot, which is the only slot the default blueprint's\n * `AppShell` layout declares for a screen - so an application that has picked the default blueprint can\n * drop any of these in without arranging anything.\n *\n * What makes them worth shipping is what is *already wired*. A list page is not \"a table in a slot\"; it is\n * a query name, a set of columns, an empty message, a data key, a filter field list, a header that states\n * what the page is bound to, and an action bar. Every one of those is a decision, and repeating all seven\n * per screen is how a list page ends up subtly different on every screen of an application.\n */\n\n/**\n * The archetype: a `dataPage` filling the body, under a header that says what it is bound to.\n *\n * `dataPage` is the single highest-leverage name `Cratis.Components` exposes - the library's whole\n * list-screen composite, with its title bar, menubar, filterable table and optional details pane driven\n * from one query. Building the same thing out of a `table` and a `toolbar` in a screen is pages of\n * modeling for a worse result, and this template is the answer to that: an application supplies a query\n * name and has a working list page.\n */\nexport const dataListPageTemplate: ScreenTemplate = {\n    name: 'DataListPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader(\n                'data-list-header',\n                { title: 'Invoices', subtitle: 'Every invoice, filterable and paged against the server', section: 'Billing', query: SampleBindingName.AllInvoices },\n                [\n                    toolbar('data-list-actions', [\n                        toolbarButton('data-list-new', 'Register an invoice', 'pi pi-plus', 'New'),\n                        toolbarButton('data-list-refresh', 'Refresh', 'pi pi-refresh'),\n                        toolbarSeparator('data-list-separator'),\n                        toolbarGroup('data-list-export', [\n                            toolbarButton('data-list-download', 'Download as CSV', 'pi pi-download'),\n                            toolbarButton('data-list-print', 'Print', 'pi pi-print'),\n                        ]),\n                    ]),\n                ],\n            ),\n        ],\n        [TemplateSlotName.Body]: [dataPage('data-list-body', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns)],\n    },\n    displayName: 'Data list page',\n    description: 'A dataPage bound to one query, under a header that states the binding - the whole list screen in two elements.',\n};\n\n/**\n * The live variant: the same page shape over an observable query.\n *\n * A separate template rather than a flag, for the same reason `observableDataTable` is a separate name\n * from `dataTable`: the difference lives in the *proxy* a host registers, not in how the page is\n * configured. An observable query opens a subscription and the page re-renders when the read model\n * changes on the server. Choosing this template is an application saying its data is live, and that is a\n * decision worth being able to read off the screen rather than infer from a property.\n */\nexport const observableDataListPageTemplate: ScreenTemplate = {\n    name: 'ObservableDataListPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('observable-list-header', {\n                title: 'Invoices in flight',\n                subtitle: 'Updates as the read model changes - no refresh button, because there is nothing to refresh',\n                section: 'Billing',\n                query: SampleBindingName.InvoicesInFlight,\n            }),\n        ],\n        [TemplateSlotName.Body]: [\n            page('observable-list-body', 'In flight', [\n                observableDataTable('observable-list-table', SampleBindingName.InvoicesInFlight, invoiceTableOptions, invoiceColumns),\n            ]),\n        ],\n    },\n    displayName: 'Observable data list page',\n    description: 'A live list over an observable query, which re-renders when the read model changes on the server.',\n};\n\n/**\n * List plus detail: the whole list screen, with the selected record's document and history beside it.\n *\n * The detail region is built from the library's Arc-free editors, which is the interesting part. They read\n * their content out of the property bag rather than from a query, so this half of the page renders fully\n * at design time while the list half is still a placeholder - and in an event-sourced application the\n * record's *history* is as natural a thing to show as its current values, which is why the time machine is\n * here rather than in some optional extra.\n *\n * Its arrangement drops the detail column below the list at a compact width, because a document editor and\n * a paged table side by side on a phone are two unreadable slivers.\n */\nexport const dataListWithDetailPageTemplate: ScreenTemplate = {\n    name: 'DataListWithDetailPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), row([slotLeaf(TemplateSlotName.Body, { grow: 2 }), slotLeaf(TemplateSlotName.SidePanel, { grow: 1 })], 16)]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Body), slotLeaf(TemplateSlotName.SidePanel)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('list-detail-header', {\n                title: 'Invoices',\n                subtitle: 'The list, with the selected invoice beside it',\n                section: 'Billing',\n                query: SampleBindingName.AllInvoices,\n            }),\n        ],\n        [TemplateSlotName.Body]: [dataPage('list-detail-body', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns)],\n        [TemplateSlotName.SidePanel]: [\n            page('list-detail-panel', 'Selected invoice', [\n                objectNavigationalBar('list-detail-trail'),\n                objectContentEditor('list-detail-document', false),\n                timeMachine('list-detail-history'),\n            ]),\n        ],\n    },\n    displayName: 'Data list with detail page',\n    description: 'A dataPage beside a detail region showing the selected record document and its history.',\n};\n\n/** The three list-shaped templates. */\nexport const listTemplates: ScreenTemplate[] = [dataListPageTemplate, observableDataListPageTemplate, dataListWithDetailPageTemplate];\n"],"names":["dataListPageTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","content","arcPageHeader","title","subtitle","section","query","SampleBindingName","AllInvoices","toolbar","toolbarButton","toolbarSeparator","toolbarGroup","dataPage","invoiceTableOptions","invoiceColumns","displayName","description","observableDataListPageTemplate","InvoicesInFlight","page","observableDataTable","dataListWithDetailPageTemplate","SidePanel","arrangement","root","column","slotLeaf","row","grow","overrides","width","WidthSizeClass","Compact","objectNavigationalBar","objectContentEditor","timeMachine","listTemplates"],"mappings":"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"}
+{"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 { ScreenTemplate, TemplateScope, WidthSizeClass } from '@cratis/scene.model';\nimport { SlotName, TemplateSlotName, column, row, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { dataPage, invoiceColumns, invoiceTableOptions, observableDataTable } from './dataElements';\nimport { objectContentEditor, objectNavigationalBar, timeMachine } from './editorElements';\nimport { arcPageHeader, page, toolbar, toolbarButton, toolbarGroup, toolbarSeparator } from './elements';\nimport { SampleBindingName } from './SampleBindingName';\n\n/**\n * The three list shapes an Arc application repeats: a list, a live list, and a list with the selected\n * record beside it.\n *\n * All three fill the application shell's `content` slot, which is the only slot the default blueprint's\n * `AppShell` layout declares for a screen - so an application that has picked the default blueprint can\n * drop any of these in without arranging anything.\n *\n * What makes them worth shipping is what is *already wired*. A list page is not \"a table in a slot\"; it is\n * a query name, a set of columns, an empty message, a data key, a filter field list, a header that states\n * what the page is bound to, and an action bar. Every one of those is a decision, and repeating all seven\n * per screen is how a list page ends up subtly different on every screen of an application.\n */\n\n/**\n * The archetype: a `dataPage` filling the body, under a header that says what it is bound to.\n *\n * `dataPage` is the single highest-leverage name `Cratis.Components` exposes - the library's whole\n * list-screen composite, with its title bar, menubar, filterable table and optional details pane driven\n * from one query. Building the same thing out of a `table` and a `toolbar` in a screen is pages of\n * modeling for a worse result, and this template is the answer to that: an application supplies a query\n * name and has a working list page.\n */\nexport const dataListPageTemplate: ScreenTemplate = {\n    name: 'DataListPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader(\n                'data-list-header',\n                { title: 'Invoices', subtitle: 'Every invoice, filterable and paged against the server', section: 'Billing', query: SampleBindingName.AllInvoices },\n                [\n                    toolbar('data-list-actions', [\n                        toolbarButton('data-list-new', 'Register an invoice', 'pi pi-plus', 'New'),\n                        toolbarButton('data-list-refresh', 'Refresh', 'pi pi-refresh'),\n                        toolbarSeparator('data-list-separator'),\n                        toolbarGroup('data-list-export', [\n                            toolbarButton('data-list-download', 'Download as CSV', 'pi pi-download'),\n                            toolbarButton('data-list-print', 'Print', 'pi pi-print'),\n                        ]),\n                    ]),\n                ],\n            ),\n        ],\n        [TemplateSlotName.Body]: [dataPage('data-list-body', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns)],\n    },\n    metadata: { type: 'List', category: 'Business / List', scopes: [TemplateScope.Slice] },\n    displayName: 'Data list page',\n    description: 'A dataPage bound to one query, under a header that states the binding - the whole list screen in two elements.',\n};\n\n/**\n * The live variant: the same page shape over an observable query.\n *\n * A separate template rather than a flag, for the same reason `observableDataTable` is a separate name\n * from `dataTable`: the difference lives in the *proxy* a host registers, not in how the page is\n * configured. An observable query opens a subscription and the page re-renders when the read model\n * changes on the server. Choosing this template is an application saying its data is live, and that is a\n * decision worth being able to read off the screen rather than infer from a property.\n */\nexport const observableDataListPageTemplate: ScreenTemplate = {\n    name: 'ObservableDataListPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('observable-list-header', {\n                title: 'Invoices in flight',\n                subtitle: 'Updates as the read model changes - no refresh button, because there is nothing to refresh',\n                section: 'Billing',\n                query: SampleBindingName.InvoicesInFlight,\n            }),\n        ],\n        [TemplateSlotName.Body]: [\n            page('observable-list-body', 'In flight', [\n                observableDataTable('observable-list-table', SampleBindingName.InvoicesInFlight, invoiceTableOptions, invoiceColumns),\n            ]),\n        ],\n    },\n    metadata: { type: 'List', category: 'Business / Live operations', scopes: [TemplateScope.Slice] },\n    displayName: 'Observable data list page',\n    description: 'A live list over an observable query, which re-renders when the read model changes on the server.',\n};\n\n/**\n * List plus detail: the whole list screen, with the selected record's document and history beside it.\n *\n * The detail region is built from the library's Arc-free editors, which is the interesting part. They read\n * their content out of the property bag rather than from a query, so this half of the page renders fully\n * at design time while the list half is still a placeholder - and in an event-sourced application the\n * record's *history* is as natural a thing to show as its current values, which is why the time machine is\n * here rather than in some optional extra.\n *\n * Its arrangement drops the detail column below the list at a compact width, because a document editor and\n * a paged table side by side on a phone are two unreadable slivers.\n */\nexport const dataListWithDetailPageTemplate: ScreenTemplate = {\n    name: 'DataListWithDetailPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), row([slotLeaf(TemplateSlotName.Body, { grow: 2 }), slotLeaf(TemplateSlotName.SidePanel, { grow: 1 })], 16)]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Body), slotLeaf(TemplateSlotName.SidePanel)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('list-detail-header', {\n                title: 'Invoices',\n                subtitle: 'The list, with the selected invoice beside it',\n                section: 'Billing',\n                query: SampleBindingName.AllInvoices,\n            }),\n        ],\n        [TemplateSlotName.Body]: [dataPage('list-detail-body', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns)],\n        [TemplateSlotName.SidePanel]: [\n            page('list-detail-panel', 'Selected invoice', [\n                objectNavigationalBar('list-detail-trail'),\n                objectContentEditor('list-detail-document', false),\n                timeMachine('list-detail-history'),\n            ]),\n        ],\n    },\n    metadata: { type: 'Detail', category: 'Business / Master detail', scopes: [TemplateScope.Slice] },\n    displayName: 'Data list with detail page',\n    description: 'A dataPage beside a detail region showing the selected record document and its history.',\n};\n\n/** The three list-shaped templates. */\nexport const listTemplates: ScreenTemplate[] = [dataListPageTemplate, observableDataListPageTemplate, dataListWithDetailPageTemplate];\n"],"names":["dataListPageTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","content","arcPageHeader","title","subtitle","section","query","SampleBindingName","AllInvoices","toolbar","toolbarButton","toolbarSeparator","toolbarGroup","dataPage","invoiceTableOptions","invoiceColumns","metadata","type","category","scopes","TemplateScope","Slice","displayName","description","observableDataListPageTemplate","InvoicesInFlight","page","observableDataTable","dataListWithDetailPageTemplate","SidePanel","arrangement","root","column","slotLeaf","row","grow","overrides","width","WidthSizeClass","Compact","objectNavigationalBar","objectContentEditor","timeMachine","listTemplates"],"mappings":"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"}

package/dist/esm/componentsBlueprint.js

@@ -1,14 +1,7 @@
 import { PackageKind } from '@cratis/scene.model';
 import { ComponentName } from './ComponentName.js';
 import { componentsBlueprintComponents } from './componentsBlueprintComponents.js';
-import './gallery/navigation.js';
 import '@cratis/scene.blueprint.default';
-import { componentsGalleryScreens } from './gallery/screens.js';
-import './gallery/previewProfile.js';
-import './gallery/GalleryScreenPreview.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@cratis/scene.react';
 import './templates/listTemplates.js';
 import './templates/workspaceTemplates.js';
 import './templates/commandTemplates.js';
@@ -16,6 +9,13 @@ import './templates/editorTemplates.js';
 import './templates/nesting.js';
 import { componentsDialogTemplates } from './templates/dialogTemplates.js';
 import { componentsScreenTemplates } from './templates/screenTemplates.js';
+import './gallery/navigation.js';
+import { componentsGalleryScreens } from './gallery/screens.js';
+import './gallery/previewProfile.js';
+import './gallery/GalleryScreenPreview.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@cratis/scene.react';
 import { componentsBlueprintName } from './packageName.js';
 
 // Copyright (c) Cratis. All rights reserved.

package/dist/esm/gallery/BusinessGalleryCategory.d.ts

@@ -0,0 +1,6 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export interface BusinessGalleryCategory {
+    category: string;
+    templates: ScreenTemplate[];
+}
+//# sourceMappingURL=BusinessGalleryCategory.d.ts.map

package/dist/esm/gallery/BusinessGalleryCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessGalleryCategory.d.ts","sourceRoot":"","sources":["../../../gallery/BusinessGalleryCategory.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,cAAc,EAAE,CAAC;CAC/B"}

package/dist/esm/gallery/BusinessGalleryCategory.js

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

package/dist/esm/gallery/BusinessGalleryCategory.js.map

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

package/dist/esm/gallery/GalleryScreenPreview.d.ts

@@ -1,10 +1,11 @@
-import { ComponentRegistry } from '@cratis/scene.react';
+import { ComponentRegistry, ScenePackageBundle } from '@cratis/scene.react';
 import { LayoutConfigState } from '@cratis/scene.blueprint.default';
+export declare const componentsPreviewBundles: ScenePackageBundle[];
 export declare const componentsPreviewRegistry: ComponentRegistry;
 export interface GalleryScreenPreviewProps {
     screenName: string;
     initialConfig?: Partial<LayoutConfigState>;
-    registry?: ComponentRegistry;
+    bundles?: ScenePackageBundle[];
 }
-export declare function GalleryScreenPreview({ screenName, initialConfig, registry }: GalleryScreenPreviewProps): import("react").JSX.Element;
+export declare function GalleryScreenPreview({ screenName, initialConfig, bundles }: GalleryScreenPreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=GalleryScreenPreview.d.ts.map

package/dist/esm/gallery/GalleryScreenPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryScreenPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryScreenPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAE1F,OAAO,EAAwB,iBAAiB,EAA+H,MAAM,iCAAiC,CAAC;AAgBvN,eAAO,MAAM,yBAAyB,EAAE,iBAKvC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAcD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,QAAoC,EAAE,EAAE,yBAAyB,+BAiBlI"}
+{"version":3,"file":"GalleryScreenPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryScreenPreview.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAA6C,kBAAkB,EAAmC,MAAM,qBAAqB,CAAC;AAExJ,OAAO,EAA0C,iBAAiB,EAAmG,MAAM,iCAAiC,CAAC;AAoB7M,eAAO,MAAM,wBAAwB,EAAE,kBAAkB,EAkDxD,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,iBAI3B,CAAC;AAEd,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAClC;AAcD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,OAAkC,EAAE,EAAE,yBAAyB,+BAyBhI"}