@cratis/scene.blueprint.default 4.40.0 → 4.42.0

package/ComponentName.ts

@@ -112,6 +112,15 @@ export enum ComponentName {
     /** A module's sections as tabs or a left rail. */
     SubNavigation = 'subNavigation',
 
+    /** The head of a dialog template: title, message, consequences and the close button, and the focus handling of the dialog it opens in. */
+    DialogFrame = 'dialogFrame',
+
+    /** One action of a screen or dialog, with the permission rule and the behaviors of the element. */
+    ActionButton = 'actionButton',
+
+    /** One message about the region it sits in, as a live region. */
+    Notice = 'notice',
+
     /** The bar that appears when records are selected, with the bulk actions. */
     BulkBar = 'bulkBar',
 

package/defaultBlueprint.ts

@@ -46,6 +46,7 @@ export const defaultBlueprintManifest: ScenePackage = {
     module: '@cratis/scene.blueprint.default',
     license: 'MIT',
     licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',
+    sampleData: [{ id: 'foundation-en', title: 'Foundation · English', locale: 'en-GB', path: 'sampleData/foundation-en.json' }],
 };
 
 /**

package/defaultBlueprintComponents.ts

@@ -4,7 +4,7 @@
 import { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';
 import { ComponentName } from './ComponentName';
 import { defaultBlueprintName } from './packageName';
-import { BulkBar, DataList, FormScreenBody, GlobalSearch, KanbanBoard, NotificationsButton, SubNavigation, TabSet, WizardProgress, ActivityFeed, ApprovalChainStepper, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, OrgTree, PermissionMatrix, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';
+import { ActionButtonControl, DialogFrame, Notice, BulkBar, DataList, FormScreenBody, GlobalSearch, KanbanBoard, NotificationsButton, SubNavigation, TabSet, WizardProgress, ActivityFeed, ApprovalChainStepper, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, OrgTree, PermissionMatrix, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';
 import {
     AppShell,
     Breadcrumb,
@@ -67,6 +67,9 @@ export const defaultBlueprintComponents: ComponentRegistry = {
     [componentRegistryKey(defaultBlueprintName, ComponentName.DataList)]: DataList,
     [componentRegistryKey(defaultBlueprintName, ComponentName.TabSet)]: TabSet,
     [componentRegistryKey(defaultBlueprintName, ComponentName.SubNavigation)]: SubNavigation,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.DialogFrame)]: DialogFrame,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.ActionButton)]: ActionButtonControl,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.Notice)]: Notice,
     [componentRegistryKey(defaultBlueprintName, ComponentName.BulkBar)]: BulkBar,
     [componentRegistryKey(defaultBlueprintName, ComponentName.GlobalSearch)]: GlobalSearch,
     [componentRegistryKey(defaultBlueprintName, ComponentName.NotificationsButton)]: NotificationsButton,

package/dist/cjs/ComponentName.js

@@ -44,6 +44,9 @@
     /** List of records as table, cards or grouped, with search, sort, paging, selection and row actions. */ ComponentName["DataList"] = "dataList";
     /** Tabs with a panel for each, kept in the address. */ ComponentName["TabSet"] = "tabSet";
     /** A module's sections as tabs or a left rail. */ ComponentName["SubNavigation"] = "subNavigation";
+    /** The head of a dialog template: title, message, consequences and the close button, and the focus handling of the dialog it opens in. */ ComponentName["DialogFrame"] = "dialogFrame";
+    /** One action of a screen or dialog, with the permission rule and the behaviors of the element. */ ComponentName["ActionButton"] = "actionButton";
+    /** One message about the region it sits in, as a live region. */ ComponentName["Notice"] = "notice";
     /** The bar that appears when records are selected, with the bulk actions. */ ComponentName["BulkBar"] = "bulkBar";
     /** A search box for the topbar or a toolbar. */ ComponentName["GlobalSearch"] = "globalSearch";
     /** The topbar bell with the unread count. */ ComponentName["NotificationsButton"] = "notificationsButton";

package/dist/cjs/ComponentName.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentName.js","sources":["../../ComponentName.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The bare names this package declares components under.\n *\n * A page template writes a bare name and `resolveComponentName` decides which active package wins it, so\n * these names are public API: renaming one breaks every template that referenced it, in this package and\n * in anyone else's. Keeping them in one enum means the manifest, the registry and every template\n * reference the same symbol, and the specs can prove all three agree rather than hoping they do.\n */\nexport enum ComponentName {\n    /** The application shell - topbar, sidebar, breadcrumb, content, footer and an optional right panel. */\n    AppShell = 'appShell',\n\n    /** The chrome-less shell - content, an optional branding aside, and the configurator. */\n    FullPageShell = 'fullPageShell',\n\n    /** The fixed strip across the top of the application shell. */\n    Topbar = 'topbar',\n\n    /** The sidebar's own chrome, inside the shell-positioned panel. */\n    Sidebar = 'sidebar',\n\n    /** A navigation list. */\n    Menu = 'menu',\n\n    /** One entry in a navigation list, optionally with a submenu. */\n    MenuItem = 'menuItem',\n\n    /** The trail above the content. */\n    Breadcrumb = 'breadcrumb',\n\n    /** The strip below the content. */\n    Footer = 'footer',\n\n    /** The inspector panel down the right-hand edge. */\n    RightPanel = 'rightPanel',\n\n    /** The floating configurator: color scheme, layout mode, menu theme and theme. */\n    ConfigPanel = 'configPanel',\n\n    /** A screen's title, subtitle and actions. */\n    PageHeader = 'pageHeader',\n\n    /** The scrim behind a floating sidebar, which also closes it. */\n    Mask = 'mask',\n\n    /** The brand mark. */\n    Logo = 'logo',\n\n    /** The signed-in user's avatar and menu. */\n    UserMenu = 'userMenu',\n\n    /** Switches between the themes a host offers. */\n    ThemeSwitcher = 'themeSwitcher',\n\n    /** Switches between the layout modes. */\n    LayoutModeSwitcher = 'layoutModeSwitcher',\n\n    /** An icon, a headline, a hint and one primary action: what a region says when it has nothing to show. */\n    EmptyState = 'emptyState',\n\n    /** One key figure with its label, trend and comparison period. */\n    StatCard = 'statCard',\n\n    /** A change drawn as a direction, a magnitude and whether it is good. */\n    TrendChip = 'trendChip',\n\n    /** A status as a semantic color, an icon and its text. */\n    StatusChip = 'statusChip',\n\n    /** One chart - line, bar, stacked, donut or funnel - with its legend and a table of the same data. */\n    ChartWrapper = 'chartWrapper',\n\n    /** Conditions on fields, joined by AND or OR in nested groups. */\n    FilterBuilder = 'filterBuilder',\n\n    /** Which columns a table shows, and in what order. */\n    ColumnChooser = 'columnChooser',\n\n    /** A list's saved views as a menu button. */\n    SavedViewsMenu = 'savedViewsMenu',\n\n    /** Sections of tasks with owner, due date and progress. */\n    ChecklistSection = 'checklistSection',\n\n    /** What happened to a record, grouped by day. */\n    ActivityFeed = 'activityFeed',\n\n    /** Overlapping avatars for the people on a record. */\n    AvatarStack = 'avatarStack',\n\n    /** A drop zone and file picker with type and size checks. */\n    FileUploader = 'fileUploader',\n\n    /** The steps a request goes through, who decides each, and where it stands. */\n    ApprovalChainStepper = 'approvalChainStepper',\n\n    /** An organization as an expandable tree. */\n    OrgTree = 'orgTree',\n\n    /** Roles across, permissions down, a checkbox where they meet. */\n    PermissionMatrix = 'permissionMatrix',\n\n    /** List of records as table, cards or grouped, with search, sort, paging, selection and row actions. */\n    DataList = 'dataList',\n\n    /** Tabs with a panel for each, kept in the address. */\n    TabSet = 'tabSet',\n\n    /** A module's sections as tabs or a left rail. */\n    SubNavigation = 'subNavigation',\n\n    /** The bar that appears when records are selected, with the bulk actions. */\n    BulkBar = 'bulkBar',\n\n    /** A search box for the topbar or a toolbar. */\n    GlobalSearch = 'globalSearch',\n\n    /** The topbar bell with the unread count. */\n    NotificationsButton = 'notificationsButton',\n\n    /** Columns mapped to a status with cards that move between them. */\n    KanbanBoard = 'kanbanBoard',\n\n    /** The steps, back/next/finish and draft save of a linear wizard. */\n    WizardProgress = 'wizardProgress',\n\n    /** Sections of validated fields with the save bar and unsaved-changes guard. */\n    FormScreenBody = 'formScreenBody',\n}\n"],"names":["ComponentName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;6GAC8F,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8FAGf,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;oEAG1B,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;wEAGI,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;8BAG1C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;sEAGwC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;wCAG9B,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;wCAGA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;yDAGiB,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uFAG8B,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;mDAGpC,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;sEAGmB,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;2BAG3C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;iDAGsB,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;sDAGK,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;8CAGR,aAAA,CAAA,oBAAA,CAAA,GAAA,oBAAA;+GAGiE,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uEAGxC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8EAGO,aAAA,CAAA,WAAA,CAAA,GAAA,WAAA;+DAGf,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;2GAG4C,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;uEAGpC,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;2DAGZ,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;kDAGT,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;gEAGc,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;sDAGV,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;2DAGK,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;kEAGO,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;oFAGkB,aAAA,CAAA,sBAAA,CAAA,GAAA,sBAAA;kDAGlC,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;uEAGqB,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;6GAGsC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;4DAGjD,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;uDAGL,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;kFAG2B,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;qDAG7B,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;kDAGH,aAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;yEAGuB,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;0EAGC,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;qFAGW,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;AAtHtEA,IAAAA,OAAAA,aAAAA;AAwHX,CAAA,CAAA,EAAA;;"}
+{"version":3,"file":"ComponentName.js","sources":["../../ComponentName.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The bare names this package declares components under.\n *\n * A page template writes a bare name and `resolveComponentName` decides which active package wins it, so\n * these names are public API: renaming one breaks every template that referenced it, in this package and\n * in anyone else's. Keeping them in one enum means the manifest, the registry and every template\n * reference the same symbol, and the specs can prove all three agree rather than hoping they do.\n */\nexport enum ComponentName {\n    /** The application shell - topbar, sidebar, breadcrumb, content, footer and an optional right panel. */\n    AppShell = 'appShell',\n\n    /** The chrome-less shell - content, an optional branding aside, and the configurator. */\n    FullPageShell = 'fullPageShell',\n\n    /** The fixed strip across the top of the application shell. */\n    Topbar = 'topbar',\n\n    /** The sidebar's own chrome, inside the shell-positioned panel. */\n    Sidebar = 'sidebar',\n\n    /** A navigation list. */\n    Menu = 'menu',\n\n    /** One entry in a navigation list, optionally with a submenu. */\n    MenuItem = 'menuItem',\n\n    /** The trail above the content. */\n    Breadcrumb = 'breadcrumb',\n\n    /** The strip below the content. */\n    Footer = 'footer',\n\n    /** The inspector panel down the right-hand edge. */\n    RightPanel = 'rightPanel',\n\n    /** The floating configurator: color scheme, layout mode, menu theme and theme. */\n    ConfigPanel = 'configPanel',\n\n    /** A screen's title, subtitle and actions. */\n    PageHeader = 'pageHeader',\n\n    /** The scrim behind a floating sidebar, which also closes it. */\n    Mask = 'mask',\n\n    /** The brand mark. */\n    Logo = 'logo',\n\n    /** The signed-in user's avatar and menu. */\n    UserMenu = 'userMenu',\n\n    /** Switches between the themes a host offers. */\n    ThemeSwitcher = 'themeSwitcher',\n\n    /** Switches between the layout modes. */\n    LayoutModeSwitcher = 'layoutModeSwitcher',\n\n    /** An icon, a headline, a hint and one primary action: what a region says when it has nothing to show. */\n    EmptyState = 'emptyState',\n\n    /** One key figure with its label, trend and comparison period. */\n    StatCard = 'statCard',\n\n    /** A change drawn as a direction, a magnitude and whether it is good. */\n    TrendChip = 'trendChip',\n\n    /** A status as a semantic color, an icon and its text. */\n    StatusChip = 'statusChip',\n\n    /** One chart - line, bar, stacked, donut or funnel - with its legend and a table of the same data. */\n    ChartWrapper = 'chartWrapper',\n\n    /** Conditions on fields, joined by AND or OR in nested groups. */\n    FilterBuilder = 'filterBuilder',\n\n    /** Which columns a table shows, and in what order. */\n    ColumnChooser = 'columnChooser',\n\n    /** A list's saved views as a menu button. */\n    SavedViewsMenu = 'savedViewsMenu',\n\n    /** Sections of tasks with owner, due date and progress. */\n    ChecklistSection = 'checklistSection',\n\n    /** What happened to a record, grouped by day. */\n    ActivityFeed = 'activityFeed',\n\n    /** Overlapping avatars for the people on a record. */\n    AvatarStack = 'avatarStack',\n\n    /** A drop zone and file picker with type and size checks. */\n    FileUploader = 'fileUploader',\n\n    /** The steps a request goes through, who decides each, and where it stands. */\n    ApprovalChainStepper = 'approvalChainStepper',\n\n    /** An organization as an expandable tree. */\n    OrgTree = 'orgTree',\n\n    /** Roles across, permissions down, a checkbox where they meet. */\n    PermissionMatrix = 'permissionMatrix',\n\n    /** List of records as table, cards or grouped, with search, sort, paging, selection and row actions. */\n    DataList = 'dataList',\n\n    /** Tabs with a panel for each, kept in the address. */\n    TabSet = 'tabSet',\n\n    /** A module's sections as tabs or a left rail. */\n    SubNavigation = 'subNavigation',\n\n    /** The head of a dialog template: title, message, consequences and the close button, and the focus handling of the dialog it opens in. */\n    DialogFrame = 'dialogFrame',\n\n    /** One action of a screen or dialog, with the permission rule and the behaviors of the element. */\n    ActionButton = 'actionButton',\n\n    /** One message about the region it sits in, as a live region. */\n    Notice = 'notice',\n\n    /** The bar that appears when records are selected, with the bulk actions. */\n    BulkBar = 'bulkBar',\n\n    /** A search box for the topbar or a toolbar. */\n    GlobalSearch = 'globalSearch',\n\n    /** The topbar bell with the unread count. */\n    NotificationsButton = 'notificationsButton',\n\n    /** Columns mapped to a status with cards that move between them. */\n    KanbanBoard = 'kanbanBoard',\n\n    /** The steps, back/next/finish and draft save of a linear wizard. */\n    WizardProgress = 'wizardProgress',\n\n    /** Sections of validated fields with the save bar and unsaved-changes guard. */\n    FormScreenBody = 'formScreenBody',\n}\n"],"names":["ComponentName"],"mappings":";;AAAA;AACA;AAEA;;;;;;;IAQO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;6GAC8F,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8FAGf,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;oEAG1B,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;wEAGI,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;8BAG1C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;sEAGwC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;wCAG9B,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;wCAGA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;yDAGiB,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uFAG8B,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;mDAGpC,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;sEAGmB,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;2BAG3C,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;iDAGsB,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;sDAGK,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;8CAGR,aAAA,CAAA,oBAAA,CAAA,GAAA,oBAAA;+GAGiE,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;uEAGxC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;8EAGO,aAAA,CAAA,WAAA,CAAA,GAAA,WAAA;+DAGf,aAAA,CAAA,YAAA,CAAA,GAAA,YAAA;2GAG4C,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;uEAGpC,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;2DAGZ,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;kDAGT,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;gEAGc,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;sDAGV,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;2DAGK,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;kEAGO,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;oFAGkB,aAAA,CAAA,sBAAA,CAAA,GAAA,sBAAA;kDAGlC,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;uEAGqB,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;6GAGsC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;4DAGjD,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;uDAGL,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;+IAGwF,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;wGAGvC,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;sEAGlC,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;kFAGY,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;qDAG7B,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;kDAGH,aAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;yEAGuB,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;0EAGC,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;qFAGW,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;AA/HtEA,IAAAA,OAAAA,aAAAA;AAiIX,CAAA,CAAA,EAAA;;"}

package/dist/cjs/defaultBlueprint.js

@@ -15,6 +15,17 @@ require('./foundation/foundationSamples.js');
 var defaultBlueprintComponents = require('./defaultBlueprintComponents.js');
 var packageName = require('./packageName.js');
 var defaultBlueprintThemes = require('./themes/defaultBlueprintThemes.js');
+require('./foundation/templates/boardScreenTemplate.js');
+require('./foundation/templates/dashboardScreenTemplate.js');
+require('./foundation/templates/formScreenTemplate.js');
+require('./foundation/templates/listScreenTemplate.js');
+require('./foundation/templates/masterDetailScreenTemplate.js');
+require('./foundation/templates/recordPageTemplate.js');
+require('./foundation/templates/wizardScreenTemplate.js');
+require('./foundation/templates/workspaceScreenTemplate.js');
+require('./foundation/templates/templateParts.js');
+require('./foundation/templates/dialogTemplates.js');
+require('./foundation/templates/stateScreenTemplates.js');
 require('./gallery/elements.js');
 require('./gallery/navigation.js');
 var LayoutName = require('./layouts/LayoutName.js');
@@ -74,7 +85,15 @@ require('./gallery/GalleryScreenPreview.js');
     description: 'Application shells with eight menu modes, the components that fill their slots, and a full screen and dialog template set.',
     module: '@cratis/scene.blueprint.default',
     license: 'MIT',
-    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE'
+    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',
+    sampleData: [
+        {
+            id: 'foundation-en',
+            title: 'Foundation · English',
+            locale: 'en-GB',
+            path: 'sampleData/foundation-en.json'
+        }
+    ]
 };
 /**
  * The default blueprint as a loadable bundle.

package/dist/cjs/defaultBlueprint.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprint.js","sources":["../../defaultBlueprint.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle, describeComponents } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata';\nimport { foundationDescriptors } from './foundation';\nimport { defaultBlueprintComponents } from './defaultBlueprintComponents';\nimport { galleryDialogTemplates, galleryScreenTemplates, galleryScreens } from './gallery';\nimport { LayoutName, defaultLayouts } from './layouts';\nimport { defaultBlueprintName } from './packageName';\nimport { defaultBlueprintThemes } from './themes';\n\n/**\n * The default blueprint's declaration.\n *\n * A blueprint is the package an application picks once to get a coherent shape: the {@link Layout}s that\n * are its base navigational look, the {@link ScreenTemplate}s and {@link DialogTemplate}s that go inside\n * them, the components that fill their slots, and the themes that color all of it. Picking the parts\n * separately is how an application ends up with a sidebar from one design language and a form from\n * another.\n *\n * The dependency list is what makes a blueprint honest about what it is built from. This one declares\n * PrimeReact - the shell's buttons, breadcrumb, overlay menu and drawer are PrimeReact 10 components - and\n * Cratis Components, which its screen templates fill their content with. A profile that activated this\n * blueprint without them would render a shell whose every control was a dashed red placeholder, and\n * `resolvePackageDependencies` exists to catch that when the profile is configured rather than when\n * someone opens the page.\n *\n * `layouts` lists only true application shells. A dashboard, a CRUD list or a sign-in screen is a screen\n * template, not a layout, and is listed as one.\n */\nexport const defaultBlueprintManifest: ScenePackage = {\n    name: defaultBlueprintName,\n    version: '1.0.0',\n    kind: PackageKind.Blueprint,\n    dependencies: [{ name: 'PrimeReact' }, { name: 'Cratis.Components' }],\n    components: Object.values(ComponentName),\n    layouts: Object.values(LayoutName),\n    screenTemplates: galleryScreenTemplates.map(template => template.name),\n    dialogTemplates: galleryDialogTemplates.map(template => template.name),\n    themes: defaultBlueprintThemes.map(theme => theme.name),\n    displayName: 'Cratis Default Blueprint',\n    description: 'Application shells with eight menu modes, the components that fill their slots, and a full screen and dialog template set.',\n    module: '@cratis/scene.blueprint.default',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The default blueprint as a loadable bundle.\n *\n * The manifest names things; this provides them. `validatePackageBundle` is what proves the two agree, and\n * this package's specs run it - a manifest promising a component the bundle never registered renders as a\n * dashed red placeholder somewhere deep inside a screen, a long way from the declaration that caused it.\n *\n * The screens are the gallery: real {@link Screen} instances naming a layout, a screen template and the\n * content that fills it, so a preview boots them through the real engine as a working miniature\n * application rather than a set of pictures.\n */\nexport const defaultBlueprint: ScenePackageBundle = {\n    manifest: defaultBlueprintManifest,\n    components: defaultBlueprintComponents,\n    layouts: defaultLayouts,\n    screenTemplates: galleryScreenTemplates,\n    dialogTemplates: galleryDialogTemplates,\n    screens: galleryScreens,\n    themes: defaultBlueprintThemes,\n    descriptors: describeComponents(defaultBlueprintManifest.name, foundationDescriptors, defaultBlueprintComponentMetadata),\n};\n"],"names":["defaultBlueprintManifest","name","defaultBlueprintName","version","kind","PackageKind","Blueprint","dependencies","components","Object","values","ComponentName","layouts","LayoutName","screenTemplates","galleryScreenTemplates","map","template","dialogTemplates","galleryDialogTemplates","themes","defaultBlueprintThemes","theme","displayName","description","module","license","licenseUrl","defaultBlueprint","manifest","defaultBlueprintComponents","defaultLayouts","screens","galleryScreens","descriptors","describeComponents","foundationDescriptors","defaultBlueprintComponentMetadata"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAaA;;;;;;;;;;;;;;;;;;UAmBaA,wBAAAA,GAAyC;IAClDC,IAAAA,EAAMC,gCAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,SAAS;IAC3BC,YAAAA,EAAc;AAAC,QAAA;YAAEN,IAAAA,EAAM;AAAa,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAoB;AAAE,KAAA;IACrEO,UAAAA,EAAYC,MAAAA,CAAOC,MAAM,CAACC,2BAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,qBAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,+BAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uCAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,8CAAuBL,GAAG,CAACM,CAAAA,KAAAA,GAASA,MAAMrB,IAAI,CAAA;IACtDsB,WAAAA,EAAa,0BAAA;IACbC,WAAAA,EAAa,4HAAA;IACbC,MAAAA,EAAQ,iCAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;;;;;;;;;UAWaC,gBAAAA,GAAuC;IAChDC,QAAAA,EAAU7B,wBAAAA;IACVQ,UAAAA,EAAYsB,qDAAAA;IACZlB,OAAAA,EAASmB,6BAAAA;IACTjB,eAAAA,EAAiBC,8BAAAA;IACjBG,eAAAA,EAAiBC,sCAAAA;IACjBa,OAAAA,EAASC,sBAAAA;IACTb,MAAAA,EAAQC,6CAAAA;AACRa,IAAAA,WAAAA,EAAaC,8BAAAA,CAAmBnC,wBAAAA,CAAyBC,IAAI,EAAEmC,2CAAAA,EAAuBC,mEAAAA;AAC1F;;;"}
+{"version":3,"file":"defaultBlueprint.js","sources":["../../defaultBlueprint.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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle, describeComponents } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintComponentMetadata } from './defaultBlueprintComponentMetadata';\nimport { foundationDescriptors } from './foundation';\nimport { defaultBlueprintComponents } from './defaultBlueprintComponents';\nimport { galleryDialogTemplates, galleryScreenTemplates, galleryScreens } from './gallery';\nimport { LayoutName, defaultLayouts } from './layouts';\nimport { defaultBlueprintName } from './packageName';\nimport { defaultBlueprintThemes } from './themes';\n\n/**\n * The default blueprint's declaration.\n *\n * A blueprint is the package an application picks once to get a coherent shape: the {@link Layout}s that\n * are its base navigational look, the {@link ScreenTemplate}s and {@link DialogTemplate}s that go inside\n * them, the components that fill their slots, and the themes that color all of it. Picking the parts\n * separately is how an application ends up with a sidebar from one design language and a form from\n * another.\n *\n * The dependency list is what makes a blueprint honest about what it is built from. This one declares\n * PrimeReact - the shell's buttons, breadcrumb, overlay menu and drawer are PrimeReact 10 components - and\n * Cratis Components, which its screen templates fill their content with. A profile that activated this\n * blueprint without them would render a shell whose every control was a dashed red placeholder, and\n * `resolvePackageDependencies` exists to catch that when the profile is configured rather than when\n * someone opens the page.\n *\n * `layouts` lists only true application shells. A dashboard, a CRUD list or a sign-in screen is a screen\n * template, not a layout, and is listed as one.\n */\nexport const defaultBlueprintManifest: ScenePackage = {\n    name: defaultBlueprintName,\n    version: '1.0.0',\n    kind: PackageKind.Blueprint,\n    dependencies: [{ name: 'PrimeReact' }, { name: 'Cratis.Components' }],\n    components: Object.values(ComponentName),\n    layouts: Object.values(LayoutName),\n    screenTemplates: galleryScreenTemplates.map(template => template.name),\n    dialogTemplates: galleryDialogTemplates.map(template => template.name),\n    themes: defaultBlueprintThemes.map(theme => theme.name),\n    displayName: 'Cratis Default Blueprint',\n    description: 'Application shells with eight menu modes, the components that fill their slots, and a full screen and dialog template set.',\n    module: '@cratis/scene.blueprint.default',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n    sampleData: [{ id: 'foundation-en', title: 'Foundation · English', locale: 'en-GB', path: 'sampleData/foundation-en.json' }],\n};\n\n/**\n * The default blueprint as a loadable bundle.\n *\n * The manifest names things; this provides them. `validatePackageBundle` is what proves the two agree, and\n * this package's specs run it - a manifest promising a component the bundle never registered renders as a\n * dashed red placeholder somewhere deep inside a screen, a long way from the declaration that caused it.\n *\n * The screens are the gallery: real {@link Screen} instances naming a layout, a screen template and the\n * content that fills it, so a preview boots them through the real engine as a working miniature\n * application rather than a set of pictures.\n */\nexport const defaultBlueprint: ScenePackageBundle = {\n    manifest: defaultBlueprintManifest,\n    components: defaultBlueprintComponents,\n    layouts: defaultLayouts,\n    screenTemplates: galleryScreenTemplates,\n    dialogTemplates: galleryDialogTemplates,\n    screens: galleryScreens,\n    themes: defaultBlueprintThemes,\n    descriptors: describeComponents(defaultBlueprintManifest.name, foundationDescriptors, defaultBlueprintComponentMetadata),\n};\n"],"names":["defaultBlueprintManifest","name","defaultBlueprintName","version","kind","PackageKind","Blueprint","dependencies","components","Object","values","ComponentName","layouts","LayoutName","screenTemplates","galleryScreenTemplates","map","template","dialogTemplates","galleryDialogTemplates","themes","defaultBlueprintThemes","theme","displayName","description","module","license","licenseUrl","sampleData","id","title","locale","path","defaultBlueprint","manifest","defaultBlueprintComponents","defaultLayouts","screens","galleryScreens","descriptors","describeComponents","foundationDescriptors","defaultBlueprintComponentMetadata"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAaA;;;;;;;;;;;;;;;;;;UAmBaA,wBAAAA,GAAyC;IAClDC,IAAAA,EAAMC,gCAAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,SAAS;IAC3BC,YAAAA,EAAc;AAAC,QAAA;YAAEN,IAAAA,EAAM;AAAa,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAoB;AAAE,KAAA;IACrEO,UAAAA,EAAYC,MAAAA,CAAOC,MAAM,CAACC,2BAAAA,CAAAA;IAC1BC,OAAAA,EAASH,MAAAA,CAAOC,MAAM,CAACG,qBAAAA,CAAAA;AACvBC,IAAAA,eAAAA,EAAiBC,+BAAuBC,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEiB,IAAAA,eAAAA,EAAiBC,uCAAuBH,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAAShB,IAAI,CAAA;AACrEmB,IAAAA,MAAAA,EAAQC,8CAAuBL,GAAG,CAACM,CAAAA,KAAAA,GAASA,MAAMrB,IAAI,CAAA;IACtDsB,WAAAA,EAAa,0BAAA;IACbC,WAAAA,EAAa,4HAAA;IACbC,MAAAA,EAAQ,iCAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY,mDAAA;IACZC,UAAAA,EAAY;AAAC,QAAA;YAAEC,EAAAA,EAAI,eAAA;YAAiBC,KAAAA,EAAO,sBAAA;YAAwBC,MAAAA,EAAQ,OAAA;YAASC,IAAAA,EAAM;AAAgC;AAAE;AAChI;AAEA;;;;;;;;;;UAWaC,gBAAAA,GAAuC;IAChDC,QAAAA,EAAUlC,wBAAAA;IACVQ,UAAAA,EAAY2B,qDAAAA;IACZvB,OAAAA,EAASwB,6BAAAA;IACTtB,eAAAA,EAAiBC,8BAAAA;IACjBG,eAAAA,EAAiBC,sCAAAA;IACjBkB,OAAAA,EAASC,sBAAAA;IACTlB,MAAAA,EAAQC,6CAAAA;AACRkB,IAAAA,WAAAA,EAAaC,8BAAAA,CAAmBxC,wBAAAA,CAAyBC,IAAI,EAAEwC,2CAAAA,EAAuBC,mEAAAA;AAC1F;;;"}

package/dist/cjs/defaultBlueprintComponentMetadata.js

@@ -11,6 +11,17 @@ require('./foundation/foundationDescriptors.js');
 var foundationComponentMetadata = require('./foundation/foundationComponentMetadata.js');
 require('./foundation/foundationSamples.js');
 require('./defaultBlueprintComponents.js');
+require('./foundation/templates/boardScreenTemplate.js');
+require('./foundation/templates/dashboardScreenTemplate.js');
+require('./foundation/templates/formScreenTemplate.js');
+require('./foundation/templates/listScreenTemplate.js');
+require('./foundation/templates/masterDetailScreenTemplate.js');
+require('./foundation/templates/recordPageTemplate.js');
+require('./foundation/templates/wizardScreenTemplate.js');
+require('./foundation/templates/workspaceScreenTemplate.js');
+require('./foundation/templates/templateParts.js');
+require('./foundation/templates/dialogTemplates.js');
+require('./foundation/templates/stateScreenTemplates.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.

package/dist/cjs/defaultBlueprintComponentMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprintComponentMetadata.js","sources":["../../defaultBlueprintComponentMetadata.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 { ComponentCategory } from '@cratis/scene.model';\nimport { foundationComponentMetadata } from './foundation';\nimport { ComponentMetadata, componentMetadata as m, navigationDesignMode } from '@cratis/scene.react';\n\n/** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */\nexport const defaultBlueprintComponentMetadata: Record<string, ComponentMetadata> = {\n    ...foundationComponentMetadata,\n    appShell: m('Application shell', ComponentCategory.Layout, 'app-window', ['layout', 'frame', 'chrome']),\n    fullPageShell: m('Full page shell', ComponentCategory.Layout, 'maximize', ['layout', 'fullscreen', 'frame']),\n    topbar: m('Topbar', ComponentCategory.Navigation, 'panel-top', ['header', 'top bar', 'navigation'], 'Tp', navigationDesignMode()),\n    sidebar: m('Side bar', ComponentCategory.Navigation, 'panel-left', ['navigation', 'menu', 'side panel'], 'Sb', navigationDesignMode({ sidebar: true })),\n    menu: m('Menu', ComponentCategory.Navigation, 'menu', ['navigation', 'list', 'links']),\n    menuItem: m('Menu item', ComponentCategory.Navigation, 'minus', ['link', 'entry', 'navigation']),\n    breadcrumb: m('Breadcrumbs', ComponentCategory.Navigation, 'chevron-right', ['trail', 'path', 'navigation']),\n    footer: m('Footer', ComponentCategory.Layout, 'panel-bottom', ['bottom', 'page footer']),\n    rightPanel: m('Right panel', ComponentCategory.Layout, 'panel-right', ['side panel', 'drawer', 'aside']),\n    configPanel: m('Config panel', ComponentCategory.Layout, 'settings', ['settings', 'layout options', 'preferences']),\n    pageHeader: m('Page header', ComponentCategory.Layout, 'heading', ['title', 'header', 'page title']),\n    mask: m('Mask', ComponentCategory.Feedback, 'layers', ['overlay', 'scrim', 'backdrop']),\n    logo: m('Logo', ComponentCategory.DataDisplay, 'badge', ['brand', 'identity', 'image']),\n    userMenu: m('User menu', ComponentCategory.Actions, 'circle-user', ['account', 'profile', 'sign out']),\n    themeSwitcher: m('Theme switcher', ComponentCategory.Actions, 'palette', ['theme', 'dark mode', 'colors']),\n    layoutModeSwitcher: m('Layout mode switcher', ComponentCategory.Actions, 'layout-dashboard', ['layout', 'mode', 'navigation style']),\n};\n"],"names":["defaultBlueprintComponentMetadata","foundationComponentMetadata","appShell","m","ComponentCategory","Layout","fullPageShell","topbar","Navigation","navigationDesignMode","sidebar","menu","menuItem","breadcrumb","footer","rightPanel","configPanel","pageHeader","mask","Feedback","logo","DataDisplay","userMenu","Actions","themeSwitcher","layoutModeSwitcher"],"mappings":"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"}
+{"version":3,"file":"defaultBlueprintComponentMetadata.js","sources":["../../defaultBlueprintComponentMetadata.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 { ComponentCategory } from '@cratis/scene.model';\nimport { foundationComponentMetadata } from './foundation';\nimport { ComponentMetadata, componentMetadata as m, navigationDesignMode } from '@cratis/scene.react';\n\n/** The category, icon, keywords and picker badge of every component of the package (CMP1), keyed by bare component name. */\nexport const defaultBlueprintComponentMetadata: Record<string, ComponentMetadata> = {\n    ...foundationComponentMetadata,\n    appShell: m('Application shell', ComponentCategory.Layout, 'app-window', ['layout', 'frame', 'chrome']),\n    fullPageShell: m('Full page shell', ComponentCategory.Layout, 'maximize', ['layout', 'fullscreen', 'frame']),\n    topbar: m('Topbar', ComponentCategory.Navigation, 'panel-top', ['header', 'top bar', 'navigation'], 'Tp', navigationDesignMode()),\n    sidebar: m('Side bar', ComponentCategory.Navigation, 'panel-left', ['navigation', 'menu', 'side panel'], 'Sb', navigationDesignMode({ sidebar: true })),\n    menu: m('Menu', ComponentCategory.Navigation, 'menu', ['navigation', 'list', 'links']),\n    menuItem: m('Menu item', ComponentCategory.Navigation, 'minus', ['link', 'entry', 'navigation']),\n    breadcrumb: m('Breadcrumbs', ComponentCategory.Navigation, 'chevron-right', ['trail', 'path', 'navigation']),\n    footer: m('Footer', ComponentCategory.Layout, 'panel-bottom', ['bottom', 'page footer']),\n    rightPanel: m('Right panel', ComponentCategory.Layout, 'panel-right', ['side panel', 'drawer', 'aside']),\n    configPanel: m('Config panel', ComponentCategory.Layout, 'settings', ['settings', 'layout options', 'preferences']),\n    pageHeader: m('Page header', ComponentCategory.Layout, 'heading', ['title', 'header', 'page title']),\n    mask: m('Mask', ComponentCategory.Feedback, 'layers', ['overlay', 'scrim', 'backdrop']),\n    logo: m('Logo', ComponentCategory.DataDisplay, 'badge', ['brand', 'identity', 'image']),\n    userMenu: m('User menu', ComponentCategory.Actions, 'circle-user', ['account', 'profile', 'sign out']),\n    themeSwitcher: m('Theme switcher', ComponentCategory.Actions, 'palette', ['theme', 'dark mode', 'colors']),\n    layoutModeSwitcher: m('Layout mode switcher', ComponentCategory.Actions, 'layout-dashboard', ['layout', 'mode', 'navigation style']),\n};\n"],"names":["defaultBlueprintComponentMetadata","foundationComponentMetadata","appShell","m","ComponentCategory","Layout","fullPageShell","topbar","Navigation","navigationDesignMode","sidebar","menu","menuItem","breadcrumb","footer","rightPanel","configPanel","pageHeader","mask","Feedback","logo","DataDisplay","userMenu","Actions","themeSwitcher","layoutModeSwitcher"],"mappings":"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"}

package/dist/cjs/defaultBlueprintComponents.js

@@ -24,6 +24,9 @@ var PermissionMatrix = require('./foundation/PermissionMatrix.js');
 var DataList = require('./foundation/DataList.js');
 var TabSet = require('./foundation/TabSet.js');
 var SubNavigation = require('./foundation/SubNavigation.js');
+var DialogFrame = require('./foundation/DialogFrame.js');
+var Notice = require('./foundation/Notice.js');
+var ActionButtonControl = require('./foundation/ActionButtonControl.js');
 var BulkBar = require('./foundation/BulkBar.js');
 var GlobalSearch = require('./foundation/GlobalSearch.js');
 var NotificationsButton = require('./foundation/NotificationsButton.js');
@@ -33,6 +36,17 @@ var FormScreenBody = require('./foundation/FormScreenBody.js');
 require('./foundation/foundationDescriptors.js');
 require('./foundation/foundationComponentMetadata.js');
 require('./foundation/foundationSamples.js');
+require('./foundation/templates/boardScreenTemplate.js');
+require('./foundation/templates/dashboardScreenTemplate.js');
+require('./foundation/templates/formScreenTemplate.js');
+require('./foundation/templates/listScreenTemplate.js');
+require('./foundation/templates/masterDetailScreenTemplate.js');
+require('./foundation/templates/recordPageTemplate.js');
+require('./foundation/templates/wizardScreenTemplate.js');
+require('./foundation/templates/workspaceScreenTemplate.js');
+require('./foundation/templates/templateParts.js');
+require('./foundation/templates/dialogTemplates.js');
+require('./foundation/templates/stateScreenTemplates.js');
 var AppShell = require('./shell/AppShell.js');
 var FullPageShell = require('./shell/FullPageShell.js');
 var Topbar = require('./shell/Topbar.js');
@@ -94,6 +108,9 @@ var LayoutModeSwitcher = require('./shell/LayoutModeSwitcher.js');
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.DataList)]: DataList.DataList,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.TabSet)]: TabSet.TabSet,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.SubNavigation)]: SubNavigation.SubNavigation,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.DialogFrame)]: DialogFrame.DialogFrame,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.ActionButton)]: ActionButtonControl.ActionButtonControl,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.Notice)]: Notice.Notice,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.BulkBar)]: BulkBar.BulkBar,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.GlobalSearch)]: GlobalSearch.GlobalSearch,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.NotificationsButton)]: NotificationsButton.NotificationsButton,

package/dist/cjs/defaultBlueprintComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultBlueprintComponents.js","sources":["../../defaultBlueprintComponents.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 { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintName } from './packageName';\nimport { BulkBar, DataList, FormScreenBody, GlobalSearch, KanbanBoard, NotificationsButton, SubNavigation, TabSet, WizardProgress, ActivityFeed, ApprovalChainStepper, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, OrgTree, PermissionMatrix, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';\nimport {\n    AppShell,\n    Breadcrumb,\n    ConfigPanel,\n    Footer,\n    FullPageShell,\n    LayoutModeSwitcher,\n    Logo,\n    Mask,\n    Menu,\n    MenuItem,\n    PageHeader,\n    RightPanel,\n    Sidebar,\n    ThemeSwitcher,\n    Topbar,\n    UserMenu,\n} from './shell';\n\n/**\n * The components this package registers, keyed the way the renderer looks them up.\n *\n * Every key is built with `componentRegistryKey` rather than written out, because the separator between\n * package and component name is the registry's own business - it is deliberately not the `.` a screen uses\n * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is\n * how a component ends up registered under something no lookup will ever produce.\n */\nexport const defaultBlueprintComponents: ComponentRegistry = {\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AppShell)]: AppShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FullPageShell)]: FullPageShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Topbar)]: Topbar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Sidebar)]: Sidebar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Menu)]: Menu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.MenuItem)]: MenuItem,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Breadcrumb)]: Breadcrumb,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Footer)]: Footer,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.RightPanel)]: RightPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ConfigPanel)]: ConfigPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PageHeader)]: PageHeader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Mask)]: Mask,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Logo)]: Logo,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.UserMenu)]: UserMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ThemeSwitcher)]: ThemeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.EmptyState)]: EmptyState,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatCard)]: StatCard,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.TrendChip)]: TrendChip,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatusChip)]: StatusChip,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ChartWrapper)]: ChartWrapper,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FilterBuilder)]: FilterBuilder,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ColumnChooser)]: ColumnChooser,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.SavedViewsMenu)]: SavedViewsMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ChecklistSection)]: ChecklistSection,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ActivityFeed)]: ActivityFeed,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AvatarStack)]: AvatarStack,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FileUploader)]: FileUploader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ApprovalChainStepper)]: ApprovalChainStepper,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.OrgTree)]: OrgTree,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PermissionMatrix)]: PermissionMatrix,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.DataList)]: DataList,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.TabSet)]: TabSet,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.SubNavigation)]: SubNavigation,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.BulkBar)]: BulkBar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.GlobalSearch)]: GlobalSearch,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.NotificationsButton)]: NotificationsButton,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.KanbanBoard)]: KanbanBoard,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.WizardProgress)]: WizardProgress,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FormScreenBody)]: FormScreenBody,\n};\n"],"names":["defaultBlueprintComponents","componentRegistryKey","defaultBlueprintName","ComponentName","AppShell","FullPageShell","Topbar","Sidebar","Menu","MenuItem","Breadcrumb","Footer","RightPanel","ConfigPanel","PageHeader","Mask","Logo","UserMenu","ThemeSwitcher","LayoutModeSwitcher","EmptyState","StatCard","TrendChip","StatusChip","ChartWrapper","FilterBuilder","ColumnChooser","SavedViewsMenu","ChecklistSection","ActivityFeed","AvatarStack","FileUploader","ApprovalChainStepper","OrgTree","PermissionMatrix","DataList","TabSet","SubNavigation","BulkBar","GlobalSearch","NotificationsButton","KanbanBoard","WizardProgress","FormScreenBody"],"mappings":"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"}
+{"version":3,"file":"defaultBlueprintComponents.js","sources":["../../defaultBlueprintComponents.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 { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from './ComponentName';\nimport { defaultBlueprintName } from './packageName';\nimport { ActionButtonControl, DialogFrame, Notice, BulkBar, DataList, FormScreenBody, GlobalSearch, KanbanBoard, NotificationsButton, SubNavigation, TabSet, WizardProgress, ActivityFeed, ApprovalChainStepper, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, OrgTree, PermissionMatrix, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';\nimport {\n    AppShell,\n    Breadcrumb,\n    ConfigPanel,\n    Footer,\n    FullPageShell,\n    LayoutModeSwitcher,\n    Logo,\n    Mask,\n    Menu,\n    MenuItem,\n    PageHeader,\n    RightPanel,\n    Sidebar,\n    ThemeSwitcher,\n    Topbar,\n    UserMenu,\n} from './shell';\n\n/**\n * The components this package registers, keyed the way the renderer looks them up.\n *\n * Every key is built with `componentRegistryKey` rather than written out, because the separator between\n * package and component name is the registry's own business - it is deliberately not the `.` a screen uses\n * to qualify a name, so that a package name containing dots stays unambiguous. Building a key by hand is\n * how a component ends up registered under something no lookup will ever produce.\n */\nexport const defaultBlueprintComponents: ComponentRegistry = {\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AppShell)]: AppShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FullPageShell)]: FullPageShell,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Topbar)]: Topbar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Sidebar)]: Sidebar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Menu)]: Menu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.MenuItem)]: MenuItem,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Breadcrumb)]: Breadcrumb,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Footer)]: Footer,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.RightPanel)]: RightPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ConfigPanel)]: ConfigPanel,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PageHeader)]: PageHeader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Mask)]: Mask,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Logo)]: Logo,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.UserMenu)]: UserMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ThemeSwitcher)]: ThemeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.LayoutModeSwitcher)]: LayoutModeSwitcher,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.EmptyState)]: EmptyState,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatCard)]: StatCard,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.TrendChip)]: TrendChip,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.StatusChip)]: StatusChip,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ChartWrapper)]: ChartWrapper,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FilterBuilder)]: FilterBuilder,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ColumnChooser)]: ColumnChooser,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.SavedViewsMenu)]: SavedViewsMenu,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ChecklistSection)]: ChecklistSection,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ActivityFeed)]: ActivityFeed,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.AvatarStack)]: AvatarStack,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FileUploader)]: FileUploader,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ApprovalChainStepper)]: ApprovalChainStepper,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.OrgTree)]: OrgTree,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.PermissionMatrix)]: PermissionMatrix,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.DataList)]: DataList,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.TabSet)]: TabSet,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.SubNavigation)]: SubNavigation,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.DialogFrame)]: DialogFrame,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.ActionButton)]: ActionButtonControl,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.Notice)]: Notice,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.BulkBar)]: BulkBar,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.GlobalSearch)]: GlobalSearch,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.NotificationsButton)]: NotificationsButton,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.KanbanBoard)]: KanbanBoard,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.WizardProgress)]: WizardProgress,\n    [componentRegistryKey(defaultBlueprintName, ComponentName.FormScreenBody)]: FormScreenBody,\n};\n"],"names":["defaultBlueprintComponents","componentRegistryKey","defaultBlueprintName","ComponentName","AppShell","FullPageShell","Topbar","Sidebar","Menu","MenuItem","Breadcrumb","Footer","RightPanel","ConfigPanel","PageHeader","Mask","Logo","UserMenu","ThemeSwitcher","LayoutModeSwitcher","EmptyState","StatCard","TrendChip","StatusChip","ChartWrapper","FilterBuilder","ColumnChooser","SavedViewsMenu","ChecklistSection","ActivityFeed","AvatarStack","FileUploader","ApprovalChainStepper","OrgTree","PermissionMatrix","DataList","TabSet","SubNavigation","DialogFrame","ActionButton","ActionButtonControl","Notice","BulkBar","GlobalSearch","NotificationsButton","KanbanBoard","WizardProgress","FormScreenBody"],"mappings":"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"}

package/dist/cjs/foundation/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../foundation/ActionButton.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 { ReactNode } from 'react';\nimport { PermissionRule } from './PermissionRule';\n\nexport interface ActionButtonProps {\n    /** The permission rule that decides whether the control works, refuses or is not rendered. */\n    rule?: PermissionRule;\n\n    /** Why the control is disabled, announced and shown as its tooltip. */\n    disabledReason: string;\n\n    /** What the control does when pressed. */\n    onClick?: (event: { stopPropagation(): void }) => void;\n\n    /** The emphasis of the button. */\n    emphasis?: 'primary' | 'secondary' | 'quiet';\n\n    children: ReactNode;\n}\n\n/**\n * The one button every foundation component starts an action with, so the permission rule of spec Part B 1.5 is honoured in one place:\n * hidden renders nothing; disabled stays focusable-by-description (`aria-disabled`) and carries the reason, rather than a bare\n * greyed control nobody can explain.\n */\nexport function ActionButton({ rule = PermissionRule.Enabled, disabledReason, onClick, emphasis = 'primary', children }: ActionButtonProps) {\n    if (rule === PermissionRule.Hidden) return undefined;\n\n    const disabled = rule === PermissionRule.Disabled;\n    return (\n        <button type='button' className='foundation-button' data-emphasis={emphasis} aria-disabled={disabled || undefined}\n            title={disabled ? disabledReason : undefined} onClick={disabled ? undefined : onClick}>\n            {children}\n            {disabled && <span className='foundation-visually-hidden'>{`. ${disabledReason}`}</span>}\n        </button>\n    );\n}\n"],"names":["ActionButton","rule","PermissionRule","Enabled","disabledReason","onClick","emphasis","children","Hidden","undefined","disabled","Disabled","_jsxs","button","type","className","data-emphasis","aria-disabled","title","_jsx","span"],"mappings":";;;;;AAAA;AACA;AAqBA;;;;AAIC,IACM,SAASA,YAAAA,CAAa,EAAEC,IAAAA,GAAOC,8BAAeC,OAAO,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAAA,GAAW,SAAS,EAAEC,QAAQ,EAAqB,EAAA;AACtI,IAAA,IAAIN,IAAAA,KAASC,6BAAAA,CAAeM,MAAM,EAAE,OAAOC,SAAAA;IAE3C,MAAMC,QAAAA,GAAWT,IAAAA,KAASC,6BAAAA,CAAeS,QAAQ;AACjD,IAAA,qBACIC,eAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;QAASC,SAAAA,EAAU,mBAAA;QAAoBC,eAAAA,EAAeV,QAAAA;AAAUW,QAAAA,eAAAA,EAAeP,QAAAA,IAAYD,SAAAA;AACpGS,QAAAA,KAAAA,EAAOR,WAAWN,cAAAA,GAAiBK,SAAAA;AAAWJ,QAAAA,OAAAA,EAASK,WAAWD,SAAAA,GAAYJ,OAAAA;;AAC7EE,YAAAA,QAAAA;AACAG,YAAAA,QAAAA,kBAAYS,cAAA,CAACC,MAAAA,EAAAA;gBAAKL,SAAAA,EAAU,4BAAA;0BAA8B,CAAC,EAAE,EAAEX,cAAAA,CAAAA;;;;AAG5E;;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../foundation/ActionButton.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 { ReactNode } from 'react';\nimport { PermissionRule } from './PermissionRule';\n\nexport interface ActionButtonProps {\n    /** The permission rule that decides whether the control works, refuses or is not rendered. */\n    rule?: PermissionRule;\n\n    /** Why the control is disabled, announced and shown as its tooltip. */\n    disabledReason: string;\n\n    /** What the control does when pressed. */\n    onClick?: (event: { stopPropagation(): void }) => void;\n\n    /** The emphasis of the button. */\n    emphasis?: 'primary' | 'secondary' | 'quiet' | 'danger';\n\n    children: ReactNode;\n}\n\n/**\n * The one button every foundation component starts an action with, so the permission rule of spec Part B 1.5 is honoured in one place:\n * hidden renders nothing; disabled stays focusable-by-description (`aria-disabled`) and carries the reason, rather than a bare\n * greyed control nobody can explain.\n */\nexport function ActionButton({ rule = PermissionRule.Enabled, disabledReason, onClick, emphasis = 'primary', children }: ActionButtonProps) {\n    if (rule === PermissionRule.Hidden) return undefined;\n\n    const disabled = rule === PermissionRule.Disabled;\n    return (\n        <button type='button' className='foundation-button' data-emphasis={emphasis} aria-disabled={disabled || undefined}\n            title={disabled ? disabledReason : undefined} onClick={disabled ? undefined : onClick}>\n            {children}\n            {disabled && <span className='foundation-visually-hidden'>{`. ${disabledReason}`}</span>}\n        </button>\n    );\n}\n"],"names":["ActionButton","rule","PermissionRule","Enabled","disabledReason","onClick","emphasis","children","Hidden","undefined","disabled","Disabled","_jsxs","button","type","className","data-emphasis","aria-disabled","title","_jsx","span"],"mappings":";;;;;AAAA;AACA;AAqBA;;;;AAIC,IACM,SAASA,YAAAA,CAAa,EAAEC,IAAAA,GAAOC,8BAAeC,OAAO,EAAEC,cAAc,EAAEC,OAAO,EAAEC,QAAAA,GAAW,SAAS,EAAEC,QAAQ,EAAqB,EAAA;AACtI,IAAA,IAAIN,IAAAA,KAASC,6BAAAA,CAAeM,MAAM,EAAE,OAAOC,SAAAA;IAE3C,MAAMC,QAAAA,GAAWT,IAAAA,KAASC,6BAAAA,CAAeS,QAAQ;AACjD,IAAA,qBACIC,eAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;QAASC,SAAAA,EAAU,mBAAA;QAAoBC,eAAAA,EAAeV,QAAAA;AAAUW,QAAAA,eAAAA,EAAeP,QAAAA,IAAYD,SAAAA;AACpGS,QAAAA,KAAAA,EAAOR,WAAWN,cAAAA,GAAiBK,SAAAA;AAAWJ,QAAAA,OAAAA,EAASK,WAAWD,SAAAA,GAAYJ,OAAAA;;AAC7EE,YAAAA,QAAAA;AACAG,YAAAA,QAAAA,kBAAYS,cAAA,CAACC,MAAAA,EAAAA;gBAAKL,SAAAA,EAAU,4BAAA;0BAA8B,CAAC,EAAE,EAAEX,cAAAA,CAAAA;;;;AAG5E;;"}

package/dist/cjs/foundation/ActionButtonControl.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var elementProperties = require('../shell/elementProperties.js');
+var ActionButton = require('./ActionButton.js');
+var foundationStrings = require('./foundationStrings.js');
+var PermissionRule = require('./PermissionRule.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const emphases = [
+    'primary',
+    'secondary',
+    'quiet',
+    'danger'
+];
+/**
+ * The `actionButton` component: one action of a screen or a dialog, drawn the way every action of the foundation is.
+ *
+ * `label` is what it does - a verb, never "OK" - and `emphasis` is `primary`, `secondary`, `quiet` or `danger` (the confirming button of a destructive
+ * dialog). It honours the permission rule of spec Part B 1.5 through `permission`: enabled, disabled (shown, refusing, and saying why) or not rendered.
+ * Pressing it runs the behaviors attached to the element, which is how a document makes it close a dialog, navigate or execute a command; with
+ * `targetScreen` and no behavior it goes to that screen, as the shell's links do.
+ */ function ActionButtonControl({ element, interactions }) {
+    const strings = foundationStrings.readFoundationStrings(element);
+    const requested = elementProperties.readOptionalString(element, 'emphasis');
+    const emphasis = emphases.includes(requested ?? '') ? requested : 'primary';
+    const target = elementProperties.readOptionalString(element, 'targetScreen');
+    return /*#__PURE__*/ jsxRuntime.jsx("span", {
+        className: "foundation foundation-action",
+        "data-scene-id": element.id,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ActionButton.ActionButton, {
+            rule: PermissionRule.readPermissionRule(element),
+            emphasis: emphasis,
+            disabledReason: elementProperties.readOptionalString(element, 'disabledReason') ?? strings.disabledNoPermission,
+            onClick: (event)=>{
+                if (interactions?.onClick) interactions.onClick(event);
+                else if (target && typeof window !== 'undefined') window.location.hash = `#/${target}`;
+            },
+            children: elementProperties.readOptionalString(element, 'label') ?? ''
+        })
+    });
+}
+
+exports.ActionButtonControl = ActionButtonControl;
+//# sourceMappingURL=ActionButtonControl.js.map

package/dist/cjs/foundation/ActionButtonControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonControl.js","sources":["../../../foundation/ActionButtonControl.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { readOptionalString } from '../shell/elementProperties';\nimport { ActionButton } from './ActionButton';\nimport { readFoundationStrings } from './foundationStrings';\nimport { readPermissionRule } from './PermissionRule';\n\nconst emphases = ['primary', 'secondary', 'quiet', 'danger'] as const;\n\n/**\n * The `actionButton` component: one action of a screen or a dialog, drawn the way every action of the foundation is.\n *\n * `label` is what it does - a verb, never \"OK\" - and `emphasis` is `primary`, `secondary`, `quiet` or `danger` (the confirming button of a destructive\n * dialog). It honours the permission rule of spec Part B 1.5 through `permission`: enabled, disabled (shown, refusing, and saying why) or not rendered.\n * Pressing it runs the behaviors attached to the element, which is how a document makes it close a dialog, navigate or execute a command; with\n * `targetScreen` and no behavior it goes to that screen, as the shell's links do.\n */\nexport function ActionButtonControl({ element, interactions }: RegisteredComponentProps) {\n    const strings = readFoundationStrings(element);\n    const requested = readOptionalString(element, 'emphasis');\n    const emphasis = (emphases as readonly string[]).includes(requested ?? '') ? (requested as typeof emphases[number]) : 'primary';\n    const target = readOptionalString(element, 'targetScreen');\n\n    return (\n        <span className='foundation foundation-action' data-scene-id={element.id}>\n            <ActionButton rule={readPermissionRule(element)} emphasis={emphasis} disabledReason={readOptionalString(element, 'disabledReason') ?? strings.disabledNoPermission}\n                onClick={event => {\n                    if (interactions?.onClick) interactions.onClick(event);\n                    else if (target && typeof window !== 'undefined') window.location.hash = `#/${target}`;\n                }}>\n                {readOptionalString(element, 'label') ?? ''}\n            </ActionButton>\n        </span>\n    );\n}\n"],"names":["emphases","ActionButtonControl","element","interactions","strings","readFoundationStrings","requested","readOptionalString","emphasis","includes","target","_jsx","span","className","data-scene-id","id","ActionButton","rule","readPermissionRule","disabledReason","disabledNoPermission","onClick","event","window","location","hash"],"mappings":";;;;;;;;AAAA;AACA;AAQA,MAAMA,QAAAA,GAAW;AAAC,IAAA,SAAA;AAAW,IAAA,WAAA;AAAa,IAAA,OAAA;AAAS,IAAA;AAAS,CAAA;AAE5D;;;;;;;AAOC,IACM,SAASC,mBAAAA,CAAoB,EAAEC,OAAO,EAAEC,YAAY,EAA4B,EAAA;AACnF,IAAA,MAAMC,UAAUC,uCAAAA,CAAsBH,OAAAA,CAAAA;IACtC,MAAMI,SAAAA,GAAYC,qCAAmBL,OAAAA,EAAS,UAAA,CAAA;AAC9C,IAAA,MAAMM,WAAW,QAACR,CAA+BS,QAAQ,CAACH,SAAAA,IAAa,MAAOA,SAAAA,GAAwC,SAAA;IACtH,MAAMI,MAAAA,GAASH,qCAAmBL,OAAAA,EAAS,cAAA,CAAA;AAE3C,IAAA,qBACIS,cAAA,CAACC,MAAAA,EAAAA;QAAKC,SAAAA,EAAU,8BAAA;AAA+BC,QAAAA,eAAAA,EAAeZ,QAAQa,EAAE;AACpE,QAAA,QAAA,gBAAAJ,cAAA,CAACK,yBAAAA,EAAAA;AAAaC,YAAAA,IAAAA,EAAMC,iCAAAA,CAAmBhB,OAAAA,CAAAA;YAAUM,QAAAA,EAAUA,QAAAA;AAAUW,YAAAA,cAAAA,EAAgBZ,oCAAAA,CAAmBL,OAAAA,EAAS,gBAAA,CAAA,IAAqBE,OAAAA,CAAQgB,oBAAoB;AAC9JC,YAAAA,OAAAA,EAASC,CAAAA,KAAAA,GAAAA;AACL,gBAAA,IAAInB,YAAAA,EAAckB,OAAAA,EAASlB,YAAAA,CAAakB,OAAO,CAACC,KAAAA,CAAAA;AAC3C,qBAAA,IAAIZ,MAAAA,IAAU,OAAOa,MAAAA,KAAW,WAAA,EAAaA,MAAAA,CAAOC,QAAQ,CAACC,IAAI,GAAG,CAAC,EAAE,EAAEf,MAAAA,CAAAA,CAAQ;AAC1F,YAAA,CAAA;AACCH,YAAAA,QAAAA,EAAAA,oCAAAA,CAAmBL,SAAS,OAAA,CAAA,IAAY;;;AAIzD;;"}

package/dist/cjs/foundation/DialogFrame.js

@@ -0,0 +1,196 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_react = require('@cratis/scene.react');
+var elementProperties = require('../shell/elementProperties.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var foundationStrings = require('./foundationStrings.js');
+var formatting = require('./formatting.js');
+var useCompactWidth = require('./useCompactWidth.js');
+
+/** Where a dialog is drawn: in the middle of the page, as a drawer from the inline end, or filling the page. */ var DialogPlacement = /*#__PURE__*/ function(DialogPlacement) {
+    DialogPlacement["Center"] = "center";
+    DialogPlacement["Side"] = "side";
+    DialogPlacement["Full"] = "full";
+    return DialogPlacement;
+}({});
+/** What a dialog is about: an ordinary one, or one that cannot be undone and is drawn in the danger colors. */ var DialogTone = /*#__PURE__*/ function(DialogTone) {
+    DialogTone["Default"] = "default";
+    DialogTone["Danger"] = "danger";
+    return DialogTone;
+}({});
+const focusable = 'input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])';
+/** Reads the placement property, falling back to the center for anything that is not one of the three. */ function readDialogPlacement(element) {
+    const value = elementProperties.readOptionalString(element, 'placement');
+    return value === "side" || value === "full" ? value : "center";
+}
+/** The placement a dialog is drawn with in a window of the given width class: a phone gets every dialog at full height and width (spec Part B 2.10, 1.5). */ const placementFor = (requested, compact)=>compact ? "full" : requested;
+/** The elements a dialog's focus can rest on, in document order, that are not hidden. */ const focusableIn = (host)=>Array.from(host.querySelectorAll(focusable)).filter((candidate)=>!candidate.hidden && candidate.closest('[hidden]') === null);
+/**
+ * The `dialogFrame` component: the head of a dialog template and everything that makes what the host draws around it behave as a dialog.
+ *
+ * It draws the heading (`title`, `subtitle`), an optional `message` and `consequences` list - what a confirmation says will happen - and a close button.
+ * The host draws the box a dialog template opens in (a `role="dialog" aria-modal="true"` element); this component takes that element on and gives it the
+ * parts of a dialog that must not differ from one template to the next:
+ *
+ * - it is named by the heading, takes focus when it opens (the first field, else the primary action, else the close button), keeps Tab inside it, and
+ *   gives focus back to whatever opened it when it goes;
+ * - Escape and the close button run the behaviors attached to this element (a `CloseDialog` action), and close the dialog themselves when none is attached;
+ * - `placement` is `center` (default), `side` (a drawer from the inline end, which a right-to-left locale mirrors) or `full`; on a phone every dialog fills the page;
+ * - `tone` `danger` draws a dialog that cannot be undone in the danger colors.
+ *
+ * Every text it says comes from the strings table and the locale of the element, so an application localizes it like any foundation component.
+ */ function DialogFrame({ element, interactions }) {
+    const frame = react.useRef(null);
+    const heading = react.useId();
+    const navigation = react.useContext(scene_react.SceneNavigationContextInternal);
+    const compact = useCompactWidth.useCompactWidth();
+    const strings = foundationStrings.readFoundationStrings(element);
+    const locale = formatting.readLocale(element);
+    const title = elementProperties.readOptionalString(element, 'title') ?? '';
+    const subtitle = elementProperties.readOptionalString(element, 'subtitle');
+    const message = elementProperties.readOptionalString(element, 'message');
+    const consequences = elementProperties.readStrings(element, 'consequences');
+    const placement = placementFor(readDialogPlacement(element), compact);
+    const tone = element.properties.tone === "danger" ? "danger" : "default";
+    const onClick = interactions?.onClick;
+    const close = react.useCallback(()=>{
+        if (onClick) onClick({
+            stopPropagation: ()=>undefined
+        });
+        else navigation?.closeDialog();
+    }, [
+        onClick,
+        navigation
+    ]);
+    const closeRef = react.useRef(close);
+    closeRef.current = close;
+    react.useEffect(()=>{
+        const host = frame.current?.closest('[role="dialog"]');
+        if (!host) return;
+        const opener = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;
+        const before = {
+            className: host.className,
+            labelledBy: host.getAttribute('aria-labelledby'),
+            placement: host.getAttribute('data-placement'),
+            tone: host.getAttribute('data-tone')
+        };
+        host.classList.add('foundation', 'foundation-dialog-host');
+        host.setAttribute('aria-labelledby', heading);
+        host.setAttribute('data-placement', placement);
+        host.setAttribute('data-tone', tone);
+        host.dir = formatting.isRightToLeft(locale) ? 'rtl' : host.dir;
+        const closeButton = frame.current?.querySelector('.foundation-dialog-close');
+        const targets = focusableIn(host);
+        (targets.find((target)=>/^(INPUT|SELECT|TEXTAREA)$/.test(target.tagName)) ?? targets.find((target)=>target !== closeButton) ?? closeButton)?.focus();
+        const onKeyDown = (event)=>{
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                closeRef.current();
+            } else if (event.key === 'Tab') {
+                const inside = focusableIn(host);
+                if (inside.length === 0) {
+                    event.preventDefault();
+                    return;
+                }
+                const first = inside[0];
+                const last = inside[inside.length - 1];
+                if (event.shiftKey && (document.activeElement === first || !host.contains(document.activeElement))) {
+                    event.preventDefault();
+                    last.focus();
+                } else if (!event.shiftKey && (document.activeElement === last || !host.contains(document.activeElement))) {
+                    event.preventDefault();
+                    first.focus();
+                }
+            }
+        };
+        host.addEventListener('keydown', onKeyDown);
+        return ()=>{
+            host.removeEventListener('keydown', onKeyDown);
+            host.className = before.className;
+            for (const [name, value] of [
+                [
+                    'aria-labelledby',
+                    before.labelledBy
+                ],
+                [
+                    'data-placement',
+                    before.placement
+                ],
+                [
+                    'data-tone',
+                    before.tone
+                ]
+            ]){
+                if (value === null) host.removeAttribute(name);
+                else host.setAttribute(name, value);
+            }
+            if (opener?.isConnected) opener.focus();
+        };
+    }, [
+        heading,
+        placement,
+        tone,
+        locale
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs("header", {
+        ref: frame,
+        className: "foundation foundation-dialog-frame",
+        "data-scene-id": element.id,
+        "data-placement": placement,
+        "data-tone": tone,
+        lang: locale,
+        dir: formatting.isRightToLeft(locale) ? 'rtl' : undefined,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "foundation-dialog-heading",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                        className: "foundation-dialog-titles",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("h2", {
+                                id: heading,
+                                className: "foundation-dialog-title",
+                                children: title
+                            }),
+                            subtitle && /*#__PURE__*/ jsxRuntime.jsx("p", {
+                                className: "foundation-dialog-subtitle",
+                                children: subtitle
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        type: "button",
+                        className: "foundation-dialog-close",
+                        "aria-label": foundationStrings.formatText(strings.dialogClose, {
+                            title
+                        }),
+                        onClick: close,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                            name: "close"
+                        })
+                    })
+                ]
+            }),
+            message && /*#__PURE__*/ jsxRuntime.jsx("p", {
+                className: "foundation-dialog-message",
+                children: message
+            }),
+            consequences.length > 0 && /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                className: "foundation-dialog-consequences",
+                "aria-label": strings.dialogConsequences,
+                children: consequences.map((consequence)=>/*#__PURE__*/ jsxRuntime.jsx("li", {
+                        children: consequence
+                    }, consequence))
+            })
+        ]
+    });
+}
+
+exports.DialogFrame = DialogFrame;
+exports.DialogPlacement = DialogPlacement;
+exports.DialogTone = DialogTone;
+exports.placementFor = placementFor;
+exports.readDialogPlacement = readDialogPlacement;
+//# sourceMappingURL=DialogFrame.js.map