@cratis/scene.blueprint.default 4.41.0 → 4.42.0

package/dist/esm/foundation/templates/stateScreenTemplates.js

@@ -0,0 +1,245 @@
+import { panel, externalComponent } from '../../gallery/elements.js';
+import { actionButton } from './dialogTemplates.js';
+import { column, slotLeaf } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const metadataOf = (name, type)=>({
+        ...foundationTemplateProvenance,
+        type,
+        category: `Foundation / ${type}`,
+        thumbnail: thumbnailOf(name)
+    });
+/** The way back every state screen offers: home, which is always somewhere the person is allowed to be. */ const backToDashboard = (id)=>actionButton(id, {
+        label: 'Back to the dashboard',
+        emphasis: 'secondary',
+        targetScreen: 'DashboardScreen'
+    });
+/**
+ * The sign-in screen: the logo, the sign-in form, a slot for the identity providers the application offers (`providers` - buttons, each starting its
+ * provider's flow, which the application fills), an error area that is a live region and says why a sign-in failed, and a link to help. The form is
+ * made of the foundation's form components, so it validates and announces like every other form.
+ */ const loginScreenTemplate = {
+    name: 'LoginScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'logo'
+        },
+        {
+            name: 'error'
+        },
+        {
+            name: 'form'
+        },
+        {
+            name: 'providers'
+        },
+        {
+            name: 'help'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('logo'),
+            slotLeaf('error'),
+            slotLeaf('form'),
+            slotLeaf('providers'),
+            slotLeaf('help')
+        ], 16)
+    },
+    content: {
+        logo: [
+            externalComponent('login-logo', 'logo', {
+                label: 'Contoso',
+                initials: 'C'
+            })
+        ],
+        error: [
+            component('login-error', 'notice', {
+                text: fromQuery('SignInError', '0.message'),
+                tone: 'danger'
+            })
+        ],
+        form: [
+            component('login-form', 'formScreenBody', {
+                mode: 'create',
+                saveAndNew: false,
+                strings: {
+                    formSave: 'Sign in',
+                    formCancel: 'Clear'
+                },
+                sections: fromQuery('SignInSections'),
+                values: fromQuery('SignInValues', '0'),
+                errors: fromQuery('FormErrors', '0')
+            })
+        ],
+        providers: [
+            panel('login-providers', [
+                actionButton('login-microsoft', {
+                    label: 'Continue with Microsoft',
+                    emphasis: 'secondary'
+                }),
+                actionButton('login-github', {
+                    label: 'Continue with GitHub',
+                    emphasis: 'secondary'
+                })
+            ])
+        ],
+        help: [
+            actionButton('login-help', {
+                label: 'Need help signing in?',
+                emphasis: 'quiet',
+                targetScreen: 'ForbiddenScreen'
+            })
+        ]
+    },
+    displayName: 'Sign in',
+    description: 'A sign-in form with a slot for identity providers, an error area and a help link.',
+    metadata: metadataOf('LoginScreen', 'Auth')
+};
+/** The wrong address: what happened in words, a search, and the way home. */ const notFoundScreenTemplate = {
+    name: 'NotFoundScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'search'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('search'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('not-found-message', 'emptyState', {
+                icon: 'file',
+                headline: 'That page is not here',
+                hint: 'The link may be old, or the thing it pointed at may have been removed.'
+            })
+        ],
+        search: [
+            component('not-found-search', 'globalSearch', {
+                label: 'Search the application',
+                placeholder: 'Search instead'
+            })
+        ],
+        actions: [
+            backToDashboard('not-found-home')
+        ]
+    },
+    displayName: 'Not found',
+    description: 'A wrong address explained, with a search and a link home.',
+    metadata: metadataOf('NotFoundScreen', 'State')
+};
+/**
+ * The refusal: signed in, and still not allowed. It says so and offers to ask for access, and it shows nothing of what was refused - the template binds
+ * no data at all, so there is nothing to leak.
+ */ const forbiddenScreenTemplate = {
+    name: 'ForbiddenScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('forbidden-message', 'emptyState', {
+                icon: 'lock',
+                headline: 'You do not have access to this',
+                hint: 'Your account is signed in, but it is not allowed here. An administrator can change that.',
+                actionLabel: 'Request access'
+            })
+        ],
+        actions: [
+            backToDashboard('forbidden-home')
+        ]
+    },
+    displayName: 'Forbidden',
+    description: 'A refusal that offers to request access and shows none of what was refused.',
+    metadata: metadataOf('ForbiddenScreen', 'State')
+};
+/** The failure on our side: a plain message, a retry, and the support reference id a person can quote. */ const errorScreenTemplate = {
+    name: 'ErrorScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'reference'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('reference'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('error-message', 'emptyState', {
+                icon: 'alert',
+                headline: 'Something went wrong on our side',
+                hint: 'The team has been told. Nothing you were working on was lost.',
+                actionLabel: 'Try again'
+            })
+        ],
+        reference: [
+            panel('error-reference', [
+                externalComponent('error-reference-label', 'text', {
+                    text: 'Support reference'
+                }),
+                externalComponent('error-reference-id', 'text', {
+                    text: fromQuery('SupportReference', '0.id')
+                })
+            ])
+        ],
+        actions: [
+            backToDashboard('error-home')
+        ]
+    },
+    displayName: 'Error',
+    description: 'A generic failure with a retry and the support reference id to quote.',
+    metadata: metadataOf('ErrorScreen', 'State')
+};
+/** The four auth and state screens of Part B 2.11. The legacy `Login`, `NotFound`, `AccessDenied` and `Error` remain as they were. */ const stateScreenTemplates = [
+    loginScreenTemplate,
+    notFoundScreenTemplate,
+    forbiddenScreenTemplate,
+    errorScreenTemplate
+];
+/** The earlier template each spec-named one stands beside: the old name keeps working, and is the alias of the new. */ const foundationTemplateAliases = {
+    LoginScreen: 'Login',
+    NotFoundScreen: 'NotFound',
+    ForbiddenScreen: 'AccessDenied',
+    ErrorScreen: 'Error',
+    QuickCreateDialog: 'FormDialog'
+};
+
+export { errorScreenTemplate, forbiddenScreenTemplate, foundationTemplateAliases, loginScreenTemplate, notFoundScreenTemplate, stateScreenTemplates };
+//# sourceMappingURL=stateScreenTemplates.js.map

package/dist/esm/foundation/templates/stateScreenTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateScreenTemplates.js","sources":["../../../../foundation/templates/stateScreenTemplates.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, TemplateMetadata } from '@cratis/scene.model';\nimport { externalComponent, panel } from '../../gallery/elements';\nimport { actionButton } from './dialogTemplates';\nimport { column, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\nconst metadataOf = (name: string, type: 'Auth' | 'State'): TemplateMetadata => ({ ...foundationTemplateProvenance, type, category: `Foundation / ${type}`, thumbnail: thumbnailOf(name) });\n\n/** The way back every state screen offers: home, which is always somewhere the person is allowed to be. */\nconst backToDashboard = (id: string) => actionButton(id, { label: 'Back to the dashboard', emphasis: 'secondary', targetScreen: 'DashboardScreen' });\n\n/**\n * The sign-in screen: the logo, the sign-in form, a slot for the identity providers the application offers (`providers` - buttons, each starting its\n * provider's flow, which the application fills), an error area that is a live region and says why a sign-in failed, and a link to help. The form is\n * made of the foundation's form components, so it validates and announces like every other form.\n */\nexport const loginScreenTemplate: ScreenTemplate = {\n    name: 'LoginScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'logo' }, { name: 'error' }, { name: 'form' }, { name: 'providers' }, { name: 'help' }],\n    arrangement: { root: column([slotLeaf('logo'), slotLeaf('error'), slotLeaf('form'), slotLeaf('providers'), slotLeaf('help')], 16) },\n    content: {\n        logo: [externalComponent('login-logo', 'logo', { label: 'Contoso', initials: 'C' })],\n        error: [component('login-error', 'notice', { text: fromQuery('SignInError', '0.message'), tone: 'danger' })],\n        form: [component('login-form', 'formScreenBody', {\n            mode: 'create', saveAndNew: false, strings: { formSave: 'Sign in', formCancel: 'Clear' },\n            sections: fromQuery('SignInSections'), values: fromQuery('SignInValues', '0'), errors: fromQuery('FormErrors', '0'),\n        })],\n        providers: [panel('login-providers', [actionButton('login-microsoft', { label: 'Continue with Microsoft', emphasis: 'secondary' }), actionButton('login-github', { label: 'Continue with GitHub', emphasis: 'secondary' })])],\n        help: [actionButton('login-help', { label: 'Need help signing in?', emphasis: 'quiet', targetScreen: 'ForbiddenScreen' })],\n    },\n    displayName: 'Sign in',\n    description: 'A sign-in form with a slot for identity providers, an error area and a help link.',\n    metadata: metadataOf('LoginScreen', 'Auth'),\n};\n\n/** The wrong address: what happened in words, a search, and the way home. */\nexport const notFoundScreenTemplate: ScreenTemplate = {\n    name: 'NotFoundScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'search' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('search'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('not-found-message', 'emptyState', { icon: 'file', headline: 'That page is not here', hint: 'The link may be old, or the thing it pointed at may have been removed.' })],\n        search: [component('not-found-search', 'globalSearch', { label: 'Search the application', placeholder: 'Search instead' })],\n        actions: [backToDashboard('not-found-home')],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address explained, with a search and a link home.',\n    metadata: metadataOf('NotFoundScreen', 'State'),\n};\n\n/**\n * The refusal: signed in, and still not allowed. It says so and offers to ask for access, and it shows nothing of what was refused - the template binds\n * no data at all, so there is nothing to leak.\n */\nexport const forbiddenScreenTemplate: ScreenTemplate = {\n    name: 'ForbiddenScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('forbidden-message', 'emptyState', {\n            icon: 'lock', headline: 'You do not have access to this', hint: 'Your account is signed in, but it is not allowed here. An administrator can change that.', actionLabel: 'Request access',\n        })],\n        actions: [backToDashboard('forbidden-home')],\n    },\n    displayName: 'Forbidden',\n    description: 'A refusal that offers to request access and shows none of what was refused.',\n    metadata: metadataOf('ForbiddenScreen', 'State'),\n};\n\n/** The failure on our side: a plain message, a retry, and the support reference id a person can quote. */\nexport const errorScreenTemplate: ScreenTemplate = {\n    name: 'ErrorScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'reference' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('reference'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('error-message', 'emptyState', {\n            icon: 'alert', headline: 'Something went wrong on our side', hint: 'The team has been told. Nothing you were working on was lost.', actionLabel: 'Try again',\n        })],\n        reference: [panel('error-reference', [\n            externalComponent('error-reference-label', 'text', { text: 'Support reference' }),\n            externalComponent('error-reference-id', 'text', { text: fromQuery('SupportReference', '0.id') }),\n        ])],\n        actions: [backToDashboard('error-home')],\n    },\n    displayName: 'Error',\n    description: 'A generic failure with a retry and the support reference id to quote.',\n    metadata: metadataOf('ErrorScreen', 'State'),\n};\n\n/** The four auth and state screens of Part B 2.11. The legacy `Login`, `NotFound`, `AccessDenied` and `Error` remain as they were. */\nexport const stateScreenTemplates: ScreenTemplate[] = [loginScreenTemplate, notFoundScreenTemplate, forbiddenScreenTemplate, errorScreenTemplate];\n\n/** The earlier template each spec-named one stands beside: the old name keeps working, and is the alias of the new. */\nexport const foundationTemplateAliases: Record<string, string> = {\n    LoginScreen: 'Login',\n    NotFoundScreen: 'NotFound',\n    ForbiddenScreen: 'AccessDenied',\n    ErrorScreen: 'Error',\n    QuickCreateDialog: 'FormDialog',\n};\n"],"names":["metadataOf","name","type","foundationTemplateProvenance","category","thumbnail","thumbnailOf","backToDashboard","id","actionButton","label","emphasis","targetScreen","loginScreenTemplate","fitsSlot","slots","arrangement","root","column","slotLeaf","content","logo","externalComponent","initials","error","component","text","fromQuery","tone","form","mode","saveAndNew","strings","formSave","formCancel","sections","values","errors","providers","panel","help","displayName","description","metadata","notFoundScreenTemplate","message","icon","headline","hint","search","placeholder","actions","forbiddenScreenTemplate","actionLabel","errorScreenTemplate","reference","stateScreenTemplates","foundationTemplateAliases","LoginScreen","NotFoundScreen","ForbiddenScreen","ErrorScreen","QuickCreateDialog"],"mappings":"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"}

package/dist/esm/gallery/FoundationDialogs.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/react';
+import { SampleDataPack } from '@cratis/scene.model';
+import { GalleryDialogPreview } from './GalleryDialogPreview';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+declare const loadPack: () => Promise<{
+    pack: SampleDataPack;
+}>;
+declare const meta: {
+    title: string;
+    component: typeof GalleryDialogPreview;
+    parameters: {
+        layout: string;
+    };
+    loaders: (typeof loadPack)[];
+    render: (args: import("./GalleryDialogPreview").GalleryDialogPreviewProps, { loaded }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, import("./GalleryDialogPreview").GalleryDialogPreviewProps>) => import("react").JSX.Element;
+    args: {
+        registry: import("@cratis/scene.react").ComponentRegistry;
+        dialogName: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Confirm: Story;
+export declare const QuickCreate: Story;
+export declare const Lookup: Story;
+export declare const LookupEmpty: Story;
+export declare const LookupLoading: Story;
+export declare const LookupError: Story;
+export declare const LookupNoPermission: Story;
+export declare const LookupPartial: Story;
+export declare const SideSheet: Story;
+export declare const Filter: Story;
+export declare const StateScreens: StoryObj<typeof GalleryScreenPreview>;
+//# sourceMappingURL=FoundationDialogs.stories.d.ts.map

package/dist/esm/gallery/FoundationDialogs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoundationDialogs.stories.d.ts","sourceRoot":"","sources":["../../../gallery/FoundationDialogs.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,QAAA,MAAM,QAAQ;UAA+D,cAAc;EAAG,CAAC;AAO/F,QAAA,MAAM,IAAI;;;;QAGQ,MAAM;;;;;;;;;CAKqB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAGjC,eAAO,MAAM,WAAW,EAAE,KAAqD,CAAC;AAGhF,eAAO,MAAM,MAAM,EAAE,KAAgD,CAAC;AAGtE,eAAO,MAAM,WAAW,EAAE,KAAmF,CAAC;AAG9G,eAAO,MAAM,aAAa,EAAE,KAA+F,CAAC;AAG5H,eAAO,MAAM,WAAW,EAAE,KAAiI,CAAC;AAG5J,eAAO,MAAM,kBAAkB,EAAE,KAAuI,CAAC;AAGzK,eAAO,MAAM,aAAa,EAAE,KAA4H,CAAC;AAGzJ,eAAO,MAAM,SAAS,EAAE,KAA6C,CAAC;AAGtE,eAAO,MAAM,MAAM,EAAE,KAAgD,CAAC;AAGtE,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,OAAO,oBAAoB,CAK9D,CAAC"}

package/dist/esm/gallery/FoundationDialogs.stories.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { corePackage, mergePackageRegistries } from '@cratis/scene.react';
+import { primeReactPackage } from '@cratis/scene.primereact';
+import { defaultBlueprint } from '../defaultBlueprint';
+import { ComponentState } from '../foundation';
+import { GalleryDialogPreview } from './GalleryDialogPreview';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+import { TemplatePreviewState } from './TemplatePreviewState';
+const registry = mergePackageRegistries([corePackage, primeReactPackage, defaultBlueprint]);
+const packUrl = new URL('../sampleData/foundation-en.json', import.meta.url).href;
+const loadPack = async () => ({ pack: await (await fetch(packUrl)).json() });
+const meta = {
+    title: 'Blueprint/Foundation dialogs',
+    component: GalleryDialogPreview,
+    parameters: { layout: 'fullscreen' },
+    loaders: [loadPack],
+    render: (args, { loaded }) => _jsx(GalleryDialogPreview, { ...args, pack: loaded.pack }),
+    args: { registry, dialogName: 'ConfirmDialog' },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Confirm = {};
+export const QuickCreate = { args: { dialogName: 'QuickCreateDialog' } };
+export const Lookup = { args: { dialogName: 'LookupDialog' } };
+export const LookupEmpty = { args: { dialogName: 'LookupDialog', state: TemplatePreviewState.Empty } };
+export const LookupLoading = { args: { dialogName: 'LookupDialog', forceState: { state: ComponentState.Loading } } };
+export const LookupError = { args: { dialogName: 'LookupDialog', forceState: { state: ComponentState.Error, error: 'The server did not answer' } } };
+export const LookupNoPermission = { args: { dialogName: 'LookupDialog', forceState: { state: ComponentState.NoPermission, permissionSubject: 'the accounts' } } };
+export const LookupPartial = { args: { dialogName: 'LookupDialog', forceState: { state: ComponentState.Partial, failedRegions: ['Accounts'] } } };
+export const SideSheet = { args: { dialogName: 'SideSheet' } };
+export const Filter = { args: { dialogName: 'FilterDialog' } };
+export const StateScreens = {
+    loaders: [loadPack],
+    render: (args, { loaded }) => _jsx(GalleryScreenPreview, { ...args, registry: registry, pack: loaded.pack }),
+    args: { screenName: 'LoginScreen' },
+    argTypes: { screenName: { control: 'select', options: ['LoginScreen', 'NotFoundScreen', 'ForbiddenScreen', 'ErrorScreen'] } },
+};
+//# sourceMappingURL=FoundationDialogs.stories.js.map

package/dist/esm/gallery/FoundationDialogs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoundationDialogs.stories.js","sourceRoot":"","sources":["../../../gallery/FoundationDialogs.stories.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,QAAQ,GAAG,sBAAsB,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAE5F,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,kCAAkC,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;AAClF,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAoB,EAAE,CAAC,CAAC;AAO/F,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IACpC,OAAO,EAAE,CAAC,QAAQ,CAAC;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAsB,GAAI;IACrG,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE;IAC/C,IAAI,EAAE,CAAC,UAAU,CAAC;CACuB,CAAC;AAE9C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC;AAGtE,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC;AAG9G,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC;AAG5H,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,CAAC;AAG5J,MAAM,CAAC,MAAM,kBAAkB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;AAGzK,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC;AAGzJ,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,CAAC;AAGtE,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC;AAGtE,MAAM,CAAC,MAAM,YAAY,GAA0C;IAC/D,OAAO,EAAE,CAAC,QAAQ,CAAC;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,IAAsB,GAAI;IACzH,IAAI,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE;IACnC,QAAQ,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,CAAC,EAAE,EAAE;CAChI,CAAC"}

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

@@ -0,0 +1,17 @@
+import { DialogTemplate, SampleDataPack, Theme } from '@cratis/scene.model';
+import { ComponentRegistry } from '@cratis/scene.react';
+import { LayoutConfigState } from '../configuration';
+import { ForcedComponentState } from './GalleryScreenPreview';
+import { TemplatePreviewState } from './TemplatePreviewState';
+export declare const galleryDialogTemplate: (name: string) => DialogTemplate | undefined;
+export interface GalleryDialogPreviewProps {
+    dialogName: string;
+    initialConfig?: Partial<LayoutConfigState>;
+    themes?: Theme[];
+    registry?: ComponentRegistry;
+    state?: TemplatePreviewState;
+    pack?: SampleDataPack;
+    forceState?: ForcedComponentState;
+}
+export declare function GalleryDialogPreview({ dialogName, initialConfig, themes, registry, state, pack, forceState }: GalleryDialogPreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=GalleryDialogPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryDialogPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryDialogPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAwB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI3E,OAAO,EAAE,oBAAoB,EAA+D,MAAM,wBAAwB,CAAC;AAI3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,eAAO,MAAM,qBAAqB,SAAU,MAAM,KAAG,cAAc,GAAG,SAA4E,CAAC;AAEnJ,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAGjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAG7B,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAG7B,IAAI,CAAC,EAAE,cAAc,CAAC;IAGtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAOD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,MAA+B,EAAE,QAAiC,EAAE,KAAsC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,yBAAyB,+BAoB1N"}

package/dist/esm/gallery/GalleryDialogPreview.js

@@ -0,0 +1,59 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { SceneElementView } from '@cratis/scene.react';
+import { LayoutConfigProvider } from '../configuration/LayoutConfigProvider.js';
+import { previewTemplateComponent, previewComponents } from '../preview-host/PreviewTemplate.js';
+import { defaultBlueprintThemes } from '../themes/defaultBlueprintThemes.js';
+import { LayoutThemeProvider } from '../themes/LayoutThemeProvider.js';
+import { externalComponent } from './elements.js';
+import { forceComponentState, galleryPreviewRegistry, queryResultsOf } from './GalleryScreenPreview.js';
+import { galleryDialogTemplates } from './dialogTemplates.js';
+import { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile.js';
+import { resolveElementComponentNames } from './resolveElementNames.js';
+import { TemplatePreviewState } from './TemplatePreviewState.js';
+
+/** One gallery dialog template by name, for a story or a host that opens a specific one. */ const galleryDialogTemplate = (name)=>galleryDialogTemplates.find((template)=>template.name === name);
+/**
+ * Opens one gallery dialog template the way a host does: inside a `role="dialog" aria-modal="true"` element, with the template's content in the wrapper
+ * a screen's template gets. Nothing here is a preview-only path - the dialog is a real {@link DialogTemplate} rendered by the real `SceneElementView`,
+ * and the dialog's own frame gives the host element its focus handling, placement and labelling exactly as it does in an application.
+ */ function GalleryDialogPreview({ dialogName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated, pack, forceState }) {
+    const template = galleryDialogTemplate(dialogName);
+    if (!template) throw new Error(`The gallery has no dialog template named '${dialogName}'.`);
+    const element = useMemo(()=>{
+        const composed = externalComponent(`dialog-${template.name}`, previewTemplateComponent, {}, template.content ?? {});
+        const resolved = resolveElementComponentNames(composed, galleryPreviewProfile, galleryComponentCatalog);
+        return forceState ? forceComponentState(resolved, forceState) : resolved;
+    }, [
+        template,
+        forceState
+    ]);
+    const full = useMemo(()=>({
+            ...registry,
+            ...previewComponents
+        }), [
+        registry
+    ]);
+    return /*#__PURE__*/ jsx(LayoutConfigProvider, {
+        initialConfig: initialConfig,
+        storage: null,
+        children: /*#__PURE__*/ jsx(LayoutThemeProvider, {
+            themes: themes,
+            children: /*#__PURE__*/ jsx("div", {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": template.displayName ?? template.name,
+                "data-scene-dialog": template.name,
+                children: /*#__PURE__*/ jsx(SceneElementView, {
+                    element: element,
+                    registry: full,
+                    resolveBinding: ()=>undefined,
+                    queryResults: queryResultsOf(pack, state)
+                })
+            })
+        })
+    });
+}
+
+export { GalleryDialogPreview, galleryDialogTemplate };
+//# sourceMappingURL=GalleryDialogPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryDialogPreview.js","sources":["../../../gallery/GalleryDialogPreview.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 { DialogTemplate, SampleDataPack, Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { previewComponents, previewTemplateComponent } from '../preview-host/PreviewTemplate';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { externalComponent } from './elements';\nimport { ForcedComponentState, forceComponentState, galleryPreviewRegistry, queryResultsOf } from './GalleryScreenPreview';\nimport { galleryDialogTemplates } from './dialogTemplates';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { TemplatePreviewState } from './TemplatePreviewState';\n\n/** One gallery dialog template by name, for a story or a host that opens a specific one. */\nexport const galleryDialogTemplate = (name: string): DialogTemplate | undefined => galleryDialogTemplates.find(template => template.name === name);\n\nexport interface GalleryDialogPreviewProps {\n    /** The name of the gallery dialog template to open. */\n    dialogName: string;\n\n    /** Configuration to start from. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the preview may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n\n    /** The sample-data pack that stands in for the queries the template binds to. */\n    pack?: SampleDataPack;\n\n    /** A standard state (spec Part B 1.4) to force on every foundation component of the dialog that owns the five states. */\n    forceState?: ForcedComponentState;\n}\n\n/**\n * Opens one gallery dialog template the way a host does: inside a `role=\"dialog\" aria-modal=\"true\"` element, with the template's content in the wrapper\n * a screen's template gets. Nothing here is a preview-only path - the dialog is a real {@link DialogTemplate} rendered by the real `SceneElementView`,\n * and the dialog's own frame gives the host element its focus handling, placement and labelling exactly as it does in an application.\n */\nexport function GalleryDialogPreview({ dialogName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated, pack, forceState }: GalleryDialogPreviewProps) {\n    const template = galleryDialogTemplate(dialogName);\n    if (!template) throw new Error(`The gallery has no dialog template named '${dialogName}'.`);\n\n    const element = useMemo(() => {\n        const composed = externalComponent(`dialog-${template.name}`, previewTemplateComponent, {}, template.content ?? {});\n        const resolved = resolveElementComponentNames(composed, galleryPreviewProfile, galleryComponentCatalog);\n        return forceState ? forceComponentState(resolved, forceState) : resolved;\n    }, [template, forceState]);\n    const full = useMemo(() => ({ ...registry, ...previewComponents }), [registry]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <div role='dialog' aria-modal='true' aria-label={template.displayName ?? template.name} data-scene-dialog={template.name}>\n                    <SceneElementView element={element} registry={full} resolveBinding={() => undefined} queryResults={queryResultsOf(pack, state)} />\n                </div>\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryDialogTemplate","name","galleryDialogTemplates","find","template","GalleryDialogPreview","dialogName","initialConfig","themes","defaultBlueprintThemes","registry","galleryPreviewRegistry","state","TemplatePreviewState","Populated","pack","forceState","Error","element","useMemo","composed","externalComponent","previewTemplateComponent","content","resolved","resolveElementComponentNames","galleryPreviewProfile","galleryComponentCatalog","forceComponentState","full","previewComponents","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","div","role","aria-modal","aria-label","displayName","data-scene-dialog","SceneElementView","resolveBinding","undefined","queryResults","queryResultsOf"],"mappings":";;;;;;;;;;;;;;AAgBA,6FACO,MAAMA,qBAAAA,GAAwB,CAACC,IAAAA,GAA6CC,sBAAAA,CAAuBC,IAAI,CAACC,CAAAA,QAAAA,GAAYA,QAAAA,CAASH,IAAI,KAAKA,IAAAA;AAyB7I;;;;IAKO,SAASI,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,MAAAA,GAASC,sBAAsB,EAAEC,QAAAA,GAAWC,sBAAsB,EAAEC,KAAAA,GAAQC,oBAAAA,CAAqBC,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAA6B,EAAA;AACvN,IAAA,MAAMZ,WAAWJ,qBAAAA,CAAsBM,UAAAA,CAAAA;IACvC,IAAI,CAACF,QAAAA,EAAU,MAAM,IAAIa,KAAAA,CAAM,CAAC,0CAA0C,EAAEX,UAAAA,CAAW,EAAE,CAAC,CAAA;AAE1F,IAAA,MAAMY,UAAUC,OAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,QAAAA,GAAWC,iBAAAA,CAAkB,CAAC,OAAO,EAAEjB,QAAAA,CAASH,IAAI,CAAA,CAAE,EAAEqB,0BAA0B,EAAC,EAAGlB,QAAAA,CAASmB,OAAO,IAAI,EAAC,CAAA;QACjH,MAAMC,QAAAA,GAAWC,4BAAAA,CAA6BL,QAAAA,EAAUM,qBAAAA,EAAuBC,uBAAAA,CAAAA;QAC/E,OAAOX,UAAAA,GAAaY,mBAAAA,CAAoBJ,QAAAA,EAAUR,UAAAA,CAAAA,GAAcQ,QAAAA;IACpE,CAAA,EAAG;AAACpB,QAAAA,QAAAA;AAAUY,QAAAA;AAAW,KAAA,CAAA;IACzB,MAAMa,IAAAA,GAAOV,OAAAA,CAAQ,KAAO;AAAE,YAAA,GAAGT,QAAQ;AAAE,YAAA,GAAGoB;AAAkB,SAAA,CAAA,EAAI;AAACpB,QAAAA;AAAS,KAAA,CAAA;AAE9E,IAAA,qBACIqB,GAAA,CAACC,oBAAAA,EAAAA;QAAqBzB,aAAAA,EAAeA,aAAAA;QAAe0B,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,GAAA,CAACG,mBAAAA,EAAAA;YAAoB1B,MAAAA,EAAQA,MAAAA;AACzB,YAAA,QAAA,gBAAAuB,GAAA,CAACI,KAAAA,EAAAA;gBAAIC,IAAAA,EAAK,QAAA;gBAASC,YAAAA,EAAW,MAAA;AAAOC,gBAAAA,YAAAA,EAAYlC,QAAAA,CAASmC,WAAW,IAAInC,QAAAA,CAASH,IAAI;AAAEuC,gBAAAA,mBAAAA,EAAmBpC,SAASH,IAAI;AACpH,gBAAA,QAAA,gBAAA8B,GAAA,CAACU,gBAAAA,EAAAA;oBAAiBvB,OAAAA,EAASA,OAAAA;oBAASR,QAAAA,EAAUmB,IAAAA;AAAMa,oBAAAA,cAAAA,EAAgB,IAAMC,SAAAA;AAAWC,oBAAAA,YAAAA,EAAcC,eAAe9B,IAAAA,EAAMH,KAAAA;;;;;AAK5I;;"}

package/dist/esm/gallery/GalleryScreenPreview.js

@@ -22,6 +22,8 @@ import '../foundation/templates/recordPageTemplate.js';
 import '../foundation/templates/wizardScreenTemplate.js';
 import '../foundation/templates/workspaceScreenTemplate.js';
 import '../foundation/templates/templateParts.js';
+import '../foundation/templates/dialogTemplates.js';
+import '../foundation/templates/stateScreenTemplates.js';
 import { composeScreenElement } from './composeScreen.js';
 import { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile.js';
 import { resolveElementComponentNames } from './resolveElementNames.js';

package/dist/esm/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 { ExternalComponent, SampleDataPack, SceneElement, Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { ComponentState, foundationSamples } from '../foundation';\nimport { defaultBlueprintName } from '../packageName';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\nimport { TemplatePreviewState } from './TemplatePreviewState';\nimport { applyTemplatePreviewState } from './applyTemplatePreviewState';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\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 */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\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 mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n\n    /**\n     * The sample-data pack that stands in for the queries the templates bind to: each set's `shape` is a query name and its `rows` that query's result.\n     * Templates carry no rows of their own - they declare where the data comes from (spec SD1) - so a preview of a foundation template needs one.\n     */\n    pack?: SampleDataPack;\n\n    /**\n     * A standard state (spec Part B 1.4) to force on every foundation component that owns the five states: loading, error, no-permission or partial.\n     * This is how a designer inspects each one on a real template - it only sets the `state` property the components already read, so there is no\n     * second code path. `error`, `permissionSubject` and `failedRegions` give the state its message.\n     */\n    forceState?: ForcedComponentState;\n}\n\n/** The standard states a preview can force on a template's components. */\nexport interface ForcedComponentState {\n    state: ComponentState;\n    error?: string;\n    permissionSubject?: string;\n    failedRegions?: string[];\n}\n\n/** Components that are chrome or controls rather than data-showing regions, and so do not own the five states. */\nconst withoutStates = new Set<string>([\n    ComponentName.EmptyState, ComponentName.TrendChip, ComponentName.StatusChip, ComponentName.BulkBar, ComponentName.GlobalSearch, ComponentName.NotificationsButton,\n]);\n\n/** Sets the forced state on every region that owns the five states, leaving chrome and controls as they are. */\nexport function forceComponentState(element: SceneElement, forced: ForcedComponentState): SceneElement {\n    const external = element as Partial<ExternalComponent>;\n    const children = (element as { children?: SceneElement[] }).children;\n    const slots = external.slots ? Object.fromEntries(Object.entries(external.slots).map(([slot, inner]) => [slot, inner.map(child => forceComponentState(child, forced))])) : undefined;\n    const bare = typeof external.componentName === 'string' ? external.componentName.substring(external.componentName.lastIndexOf(':') + 1) : undefined;\n    const owns = bare !== undefined && external.componentName!.includes(defaultBlueprintName) && (bare in foundationSamples) && foundationSamples[bare].stateful && !withoutStates.has(bare);\n\n    return {\n        ...element,\n        ...(owns ? { properties: { ...external.properties, ...forced } } : {}),\n        ...(slots ? { slots } : {}),\n        ...(children ? { children: children.map(child => forceComponentState(child, forced)) } : {}),\n    } as SceneElement;\n}\n\n/**\n * A pack as the query results the templates bind to: one entry for each set, keyed by the set's shape name.\n *\n * The state is a property of the *data*, not of the template: Empty answers every query with no rows; Loading and Error withhold the answer, which is\n * what a query that has not come back or has failed looks like to a component, so each shows its own skeleton or error exactly as it will in an application.\n * The elements themselves are untouched, which is why the same template previews in every state with no per-template code.\n */\nexport const queryResultsOf = (pack: SampleDataPack | undefined, state: TemplatePreviewState = TemplatePreviewState.Populated): Record<string, unknown> | undefined => {\n    if (pack === undefined) return undefined;\n    if (state === TemplatePreviewState.Empty) return Object.fromEntries(pack.sets.map(set => [set.shape, []]));\n    return Object.fromEntries(pack.sets.map(set => [set.shape, set.rows]));\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 {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated, pack, forceState }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        const resolved = applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);\n        return forceState ? forceComponentState(resolved, forceState) : resolved;\n    }, [screenName, state, forceState]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} queryResults={queryResultsOf(pack, state)} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","withoutStates","Set","ComponentName","EmptyState","TrendChip","StatusChip","BulkBar","GlobalSearch","NotificationsButton","forceComponentState","element","forced","external","children","slots","Object","fromEntries","entries","map","slot","inner","child","undefined","bare","componentName","substring","lastIndexOf","owns","includes","defaultBlueprintName","foundationSamples","stateful","has","properties","queryResultsOf","pack","state","TemplatePreviewState","Populated","Empty","sets","set","shape","rows","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","forceState","useMemo","screen","galleryScreen","Error","resolved","applyTemplatePreviewState","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","queryResults"],"mappings":"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"}
+{"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 { ExternalComponent, SampleDataPack, SceneElement, Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { ComponentState, foundationSamples } from '../foundation';\nimport { defaultBlueprintName } from '../packageName';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\nimport { TemplatePreviewState } from './TemplatePreviewState';\nimport { applyTemplatePreviewState } from './applyTemplatePreviewState';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\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 */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\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 mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n\n    /**\n     * The sample-data pack that stands in for the queries the templates bind to: each set's `shape` is a query name and its `rows` that query's result.\n     * Templates carry no rows of their own - they declare where the data comes from (spec SD1) - so a preview of a foundation template needs one.\n     */\n    pack?: SampleDataPack;\n\n    /**\n     * A standard state (spec Part B 1.4) to force on every foundation component that owns the five states: loading, error, no-permission or partial.\n     * This is how a designer inspects each one on a real template - it only sets the `state` property the components already read, so there is no\n     * second code path. `error`, `permissionSubject` and `failedRegions` give the state its message.\n     */\n    forceState?: ForcedComponentState;\n}\n\n/** The standard states a preview can force on a template's components. */\nexport interface ForcedComponentState {\n    state: ComponentState;\n    error?: string;\n    permissionSubject?: string;\n    failedRegions?: string[];\n}\n\n/** Components that are chrome or controls rather than data-showing regions, and so do not own the five states. */\nconst withoutStates = new Set<string>([\n    ComponentName.EmptyState, ComponentName.TrendChip, ComponentName.StatusChip, ComponentName.BulkBar, ComponentName.GlobalSearch, ComponentName.NotificationsButton,\n]);\n\n/** Sets the forced state on every region that owns the five states, leaving chrome and controls as they are. */\nexport function forceComponentState(element: SceneElement, forced: ForcedComponentState): SceneElement {\n    const external = element as Partial<ExternalComponent>;\n    const children = (element as { children?: SceneElement[] }).children;\n    const slots = external.slots ? Object.fromEntries(Object.entries(external.slots).map(([slot, inner]) => [slot, inner.map(child => forceComponentState(child, forced))])) : undefined;\n    const bare = typeof external.componentName === 'string' ? external.componentName.substring(external.componentName.lastIndexOf(':') + 1) : undefined;\n    const owns = bare !== undefined && external.componentName!.includes(defaultBlueprintName) && (bare in foundationSamples) && foundationSamples[bare].stateful && !withoutStates.has(bare);\n\n    return {\n        ...element,\n        ...(owns ? { properties: { ...external.properties, ...forced } } : {}),\n        ...(slots ? { slots } : {}),\n        ...(children ? { children: children.map(child => forceComponentState(child, forced)) } : {}),\n    } as SceneElement;\n}\n\n/**\n * A pack as the query results the templates bind to: one entry for each set, keyed by the set's shape name.\n *\n * The state is a property of the *data*, not of the template: Empty answers every query with no rows; Loading and Error withhold the answer, which is\n * what a query that has not come back or has failed looks like to a component, so each shows its own skeleton or error exactly as it will in an application.\n * The elements themselves are untouched, which is why the same template previews in every state with no per-template code.\n */\nexport const queryResultsOf = (pack: SampleDataPack | undefined, state: TemplatePreviewState = TemplatePreviewState.Populated): Record<string, unknown> | undefined => {\n    if (pack === undefined) return undefined;\n    if (state === TemplatePreviewState.Empty) return Object.fromEntries(pack.sets.map(set => [set.shape, []]));\n    return Object.fromEntries(pack.sets.map(set => [set.shape, set.rows]));\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 {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated, pack, forceState }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        const resolved = applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);\n        return forceState ? forceComponentState(resolved, forceState) : resolved;\n    }, [screenName, state, forceState]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} queryResults={queryResultsOf(pack, state)} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","withoutStates","Set","ComponentName","EmptyState","TrendChip","StatusChip","BulkBar","GlobalSearch","NotificationsButton","forceComponentState","element","forced","external","children","slots","Object","fromEntries","entries","map","slot","inner","child","undefined","bare","componentName","substring","lastIndexOf","owns","includes","defaultBlueprintName","foundationSamples","stateful","has","properties","queryResultsOf","pack","state","TemplatePreviewState","Populated","Empty","sets","set","shape","rows","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","forceState","useMemo","screen","galleryScreen","Error","resolved","applyTemplatePreviewState","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","queryResults"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/dialogTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAiBrD,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAiBhC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,cAoBlC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAAsE,CAAC"}
+{"version":3,"file":"dialogTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/dialogTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAsBrD,eAAO,MAAM,qBAAqB,EAAE,cAgBnC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAiBhC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,cAoBlC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAAoG,CAAC"}