@cratis/scene.blueprint.default 4.36.0 → 4.37.0

package/ComponentName.ts

@@ -93,4 +93,13 @@ export enum ComponentName {
 
     /** A drop zone and file picker with type and size checks. */
     FileUploader = 'fileUploader',
+
+    /** The steps a request goes through, who decides each, and where it stands. */
+    ApprovalChainStepper = 'approvalChainStepper',
+
+    /** An organization as an expandable tree. */
+    OrgTree = 'orgTree',
+
+    /** Roles across, permissions down, a checkbox where they meet. */
+    PermissionMatrix = 'permissionMatrix',
 }

package/defaultBlueprintComponents.ts

@@ -4,7 +4,7 @@
 import { ComponentRegistry, componentRegistryKey } from '@cratis/scene.react';
 import { ComponentName } from './ComponentName';
 import { defaultBlueprintName } from './packageName';
-import { ActivityFeed, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';
+import { ActivityFeed, ApprovalChainStepper, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, OrgTree, PermissionMatrix, SavedViewsMenu, StatCard, StatusChip, TrendChip } from './foundation';
 import {
     AppShell,
     Breadcrumb,
@@ -61,4 +61,7 @@ export const defaultBlueprintComponents: ComponentRegistry = {
     [componentRegistryKey(defaultBlueprintName, ComponentName.ActivityFeed)]: ActivityFeed,
     [componentRegistryKey(defaultBlueprintName, ComponentName.AvatarStack)]: AvatarStack,
     [componentRegistryKey(defaultBlueprintName, ComponentName.FileUploader)]: FileUploader,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.ApprovalChainStepper)]: ApprovalChainStepper,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.OrgTree)]: OrgTree,
+    [componentRegistryKey(defaultBlueprintName, ComponentName.PermissionMatrix)]: PermissionMatrix,
 };

package/dist/cjs/ComponentName.js

@@ -38,6 +38,9 @@
     /** What happened to a record, grouped by day. */ ComponentName["ActivityFeed"] = "activityFeed";
     /** Overlapping avatars for the people on a record. */ ComponentName["AvatarStack"] = "avatarStack";
     /** A drop zone and file picker with type and size checks. */ ComponentName["FileUploader"] = "fileUploader";
+    /** The steps a request goes through, who decides each, and where it stands. */ ComponentName["ApprovalChainStepper"] = "approvalChainStepper";
+    /** An organization as an expandable tree. */ ComponentName["OrgTree"] = "orgTree";
+    /** Roles across, permissions down, a checkbox where they meet. */ ComponentName["PermissionMatrix"] = "permissionMatrix";
     return ComponentName;
 }({});
 

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"],"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;AAlFnDA,IAAAA,OAAAA,aAAAA;AAoFX,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"],"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;AA3FxDA,IAAAA,OAAAA,aAAAA;AA6FX,CAAA,CAAA,EAAA;;"}

package/dist/cjs/defaultBlueprint.js

@@ -8,6 +8,7 @@ require('./foundation/ComponentState.js');
 require('react/jsx-runtime');
 require('react');
 require('./foundation/ActivityFeed.js');
+require('./foundation/ApprovalChainStepper.js');
 var foundationDescriptors = require('./foundation/foundationDescriptors.js');
 require('./foundation/foundationComponentMetadata.js');
 require('./foundation/foundationSamples.js');

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};\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;;;"}

package/dist/cjs/defaultBlueprintComponentMetadata.js

@@ -6,6 +6,7 @@ require('react/jsx-runtime');
 require('react');
 var scene_react = require('@cratis/scene.react');
 require('./foundation/ActivityFeed.js');
+require('./foundation/ApprovalChainStepper.js');
 require('./foundation/foundationDescriptors.js');
 var foundationComponentMetadata = require('./foundation/foundationComponentMetadata.js');
 require('./foundation/foundationSamples.js');

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":";;;;;;;;;;;;;;AAAA;AACA;AAMA,6HACO,MAAMA,iCAAAA,GAAuE;AAChF,IAAA,GAAGC,uDAA2B;AAC9BC,IAAAA,QAAAA,EAAUC,6BAAAA,CAAE,mBAAA,EAAqBC,6BAAAA,CAAkBC,MAAM,EAAE,YAAA,EAAc;AAAC,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;AAAS,KAAA,CAAA;AACtGC,IAAAA,aAAAA,EAAeH,6BAAAA,CAAE,iBAAA,EAAmBC,6BAAAA,CAAkBC,MAAM,EAAE,UAAA,EAAY;AAAC,QAAA,QAAA;AAAU,QAAA,YAAA;AAAc,QAAA;AAAQ,KAAA,CAAA;AAC3GE,IAAAA,MAAAA,EAAQJ,6BAAAA,CAAE,QAAA,EAAUC,6BAAAA,CAAkBI,UAAU,EAAE,WAAA,EAAa;AAAC,QAAA,QAAA;AAAU,QAAA,SAAA;AAAW,QAAA;AAAa,KAAA,EAAE,IAAA,EAAMC,gCAAAA,EAAAA,CAAAA;AAC1GC,IAAAA,OAAAA,EAASP,6BAAAA,CAAE,UAAA,EAAYC,6BAAAA,CAAkBI,UAAU,EAAE,YAAA,EAAc;AAAC,QAAA,YAAA;AAAc,QAAA,MAAA;AAAQ,QAAA;AAAa,KAAA,EAAE,MAAMC,gCAAAA,CAAqB;QAAEC,OAAAA,EAAS;AAAK,KAAA,CAAA,CAAA;AACpJC,IAAAA,IAAAA,EAAMR,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBI,UAAU,EAAE,MAAA,EAAQ;AAAC,QAAA,YAAA;AAAc,QAAA,MAAA;AAAQ,QAAA;AAAQ,KAAA,CAAA;AACrFI,IAAAA,QAAAA,EAAUT,6BAAAA,CAAE,WAAA,EAAaC,6BAAAA,CAAkBI,UAAU,EAAE,OAAA,EAAS;AAAC,QAAA,MAAA;AAAQ,QAAA,OAAA;AAAS,QAAA;AAAa,KAAA,CAAA;AAC/FK,IAAAA,UAAAA,EAAYV,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBI,UAAU,EAAE,eAAA,EAAiB;AAAC,QAAA,OAAA;AAAS,QAAA,MAAA;AAAQ,QAAA;AAAa,KAAA,CAAA;AAC3GM,IAAAA,MAAAA,EAAQX,6BAAAA,CAAE,QAAA,EAAUC,6BAAAA,CAAkBC,MAAM,EAAE,cAAA,EAAgB;AAAC,QAAA,QAAA;AAAU,QAAA;AAAc,KAAA,CAAA;AACvFU,IAAAA,UAAAA,EAAYZ,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBC,MAAM,EAAE,aAAA,EAAe;AAAC,QAAA,YAAA;AAAc,QAAA,QAAA;AAAU,QAAA;AAAQ,KAAA,CAAA;AACvGW,IAAAA,WAAAA,EAAab,6BAAAA,CAAE,cAAA,EAAgBC,6BAAAA,CAAkBC,MAAM,EAAE,UAAA,EAAY;AAAC,QAAA,UAAA;AAAY,QAAA,gBAAA;AAAkB,QAAA;AAAc,KAAA,CAAA;AAClHY,IAAAA,UAAAA,EAAYd,6BAAAA,CAAE,aAAA,EAAeC,6BAAAA,CAAkBC,MAAM,EAAE,SAAA,EAAW;AAAC,QAAA,OAAA;AAAS,QAAA,QAAA;AAAU,QAAA;AAAa,KAAA,CAAA;AACnGa,IAAAA,IAAAA,EAAMf,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBe,QAAQ,EAAE,QAAA,EAAU;AAAC,QAAA,SAAA;AAAW,QAAA,OAAA;AAAS,QAAA;AAAW,KAAA,CAAA;AACtFC,IAAAA,IAAAA,EAAMjB,6BAAAA,CAAE,MAAA,EAAQC,6BAAAA,CAAkBiB,WAAW,EAAE,OAAA,EAAS;AAAC,QAAA,OAAA;AAAS,QAAA,UAAA;AAAY,QAAA;AAAQ,KAAA,CAAA;AACtFC,IAAAA,QAAAA,EAAUnB,6BAAAA,CAAE,WAAA,EAAaC,6BAAAA,CAAkBmB,OAAO,EAAE,aAAA,EAAe;AAAC,QAAA,SAAA;AAAW,QAAA,SAAA;AAAW,QAAA;AAAW,KAAA,CAAA;AACrGC,IAAAA,aAAAA,EAAerB,6BAAAA,CAAE,gBAAA,EAAkBC,6BAAAA,CAAkBmB,OAAO,EAAE,SAAA,EAAW;AAAC,QAAA,OAAA;AAAS,QAAA,WAAA;AAAa,QAAA;AAAS,KAAA,CAAA;AACzGE,IAAAA,kBAAAA,EAAoBtB,6BAAAA,CAAE,sBAAA,EAAwBC,6BAAAA,CAAkBmB,OAAO,EAAE,kBAAA,EAAoB;AAAC,QAAA,QAAA;AAAU,QAAA,MAAA;AAAQ,QAAA;AAAmB,KAAA;AACvI;;"}

package/dist/cjs/defaultBlueprintComponents.js

@@ -18,6 +18,9 @@ var ChecklistSection = require('./foundation/ChecklistSection.js');
 var ActivityFeed = require('./foundation/ActivityFeed.js');
 var AvatarStack = require('./foundation/AvatarStack.js');
 var FileUploader = require('./foundation/FileUploader.js');
+var ApprovalChainStepper = require('./foundation/ApprovalChainStepper.js');
+var OrgTree = require('./foundation/OrgTree.js');
+var PermissionMatrix = require('./foundation/PermissionMatrix.js');
 require('./foundation/foundationDescriptors.js');
 require('./foundation/foundationComponentMetadata.js');
 require('./foundation/foundationSamples.js');
@@ -75,7 +78,10 @@ var LayoutModeSwitcher = require('./shell/LayoutModeSwitcher.js');
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.ChecklistSection)]: ChecklistSection.ChecklistSection,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.ActivityFeed)]: ActivityFeed.ActivityFeed,
     [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.AvatarStack)]: AvatarStack.AvatarStack,
-    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.FileUploader)]: FileUploader.FileUploader
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.FileUploader)]: FileUploader.FileUploader,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.ApprovalChainStepper)]: ApprovalChainStepper.ApprovalChainStepper,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.OrgTree)]: OrgTree.OrgTree,
+    [scene_react.componentRegistryKey(packageName.defaultBlueprintName, ComponentName.ComponentName.PermissionMatrix)]: PermissionMatrix.PermissionMatrix
 };
 
 exports.defaultBlueprintComponents = defaultBlueprintComponents;

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 { ActivityFeed, AvatarStack, ChartWrapper, ChecklistSection, ColumnChooser, FileUploader, EmptyState, FilterBuilder, 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};\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"],"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 { 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};\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"],"mappings":"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"}

package/dist/cjs/foundation/ApprovalChainStepper.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var approvalModel = require('./approvalModel.js');
+var ComponentState = require('./ComponentState.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var formatting = require('./formatting.js');
+var foundationStrings = require('./foundationStrings.js');
+var StateFrame = require('./StateFrame.js');
+
+const icons = {
+    [approvalModel.ApprovalState.Pending]: 'circle',
+    [approvalModel.ApprovalState.Current]: 'clock',
+    [approvalModel.ApprovalState.Approved]: 'check',
+    [approvalModel.ApprovalState.Rejected]: 'close',
+    [approvalModel.ApprovalState.Skipped]: 'minus'
+};
+const tones = {
+    [approvalModel.ApprovalState.Pending]: 'neutral',
+    [approvalModel.ApprovalState.Current]: 'info',
+    [approvalModel.ApprovalState.Approved]: 'success',
+    [approvalModel.ApprovalState.Rejected]: 'danger',
+    [approvalModel.ApprovalState.Skipped]: 'neutral'
+};
+/**
+ * The `approvalChainStepper` component: the steps a request goes through, who decides each, and where it stands.
+ *
+ * `steps` are written in order with a `label`, an `approver`, a `state` (pending, current, approved, rejected, skipped), and when it was
+ * decided (`at`) and a `comment`. The chain applies its own rules - a rejection stops the chain and the steps after it read "Not reached", and
+ * with no current step the first undecided one is it - so a request page needs no logic of its own. Every step says its state in words as
+ * well as by icon and color, the current step carries `aria-current="step"`, and the whole is an ordered list with the overall outcome
+ * stated above it. `orientation` is `horizontal` or `vertical`; below a phone's width it is always vertical.
+ */ function ApprovalChainStepper({ element, interactions }) {
+    const written = react.useMemo(()=>approvalModel.readSteps(element.properties.steps), [
+        element.properties.steps
+    ]);
+    const steps = react.useMemo(()=>approvalModel.effectiveSteps(written), [
+        written
+    ]);
+    const outcome = approvalModel.chainOutcome(written);
+    const strings = foundationStrings.readFoundationStrings(element);
+    const locale = formatting.readLocale(element);
+    const state = ComponentState.readComponentState(element, written.length > 0);
+    const stateText = {
+        pending: strings.approvalPending,
+        current: strings.approvalCurrent,
+        approved: strings.approvalApproved,
+        rejected: strings.approvalRejected,
+        skipped: strings.approvalSkipped
+    };
+    const outcomeText = {
+        approved: strings.approvalOutcomeApproved,
+        rejected: strings.approvalOutcomeRejected,
+        inProgress: strings.approvalOutcomeInProgress,
+        pending: strings.approvalOutcomePending
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(StateFrame.FoundationFrame, {
+        element: element,
+        interactions: interactions,
+        name: "approval-chain",
+        state: state,
+        skeleton: [
+            100,
+            100
+        ],
+        children: (state === ComponentState.ComponentState.Ready || state === ComponentState.ComponentState.Partial) && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("p", {
+                    className: "foundation-approval-outcome",
+                    "data-outcome": outcome,
+                    children: outcomeText[outcome]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("ol", {
+                    className: "foundation-approval-steps",
+                    "aria-label": strings.approvalChain,
+                    "data-orientation": element.properties.orientation === 'vertical' ? 'vertical' : 'horizontal',
+                    children: steps.map((step, index)=>/*#__PURE__*/ jsxRuntime.jsxs("li", {
+                            className: "foundation-approval-step",
+                            "data-state": step.state,
+                            "aria-current": step.state === approvalModel.ApprovalState.Current ? 'step' : undefined,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                                    className: "foundation-chip",
+                                    "data-tone": tones[step.state],
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                                            name: icons[step.state]
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                            children: step.notReached ? strings.approvalNotReached : stateText[step.state]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsxs("strong", {
+                                    className: "foundation-approval-label",
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                            className: "foundation-visually-hidden",
+                                            children: `${foundationStrings.formatText(strings.approvalStep, {
+                                                n: index + 1,
+                                                total: steps.length
+                                            })}: `
+                                        }),
+                                        step.label
+                                    ]
+                                }),
+                                step.approver && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-count",
+                                    children: step.approver
+                                }),
+                                step.at && /*#__PURE__*/ jsxRuntime.jsx("time", {
+                                    className: "foundation-count",
+                                    dateTime: step.at,
+                                    children: formatting.formatDate(step.at, locale, true)
+                                }),
+                                step.comment && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-approval-comment",
+                                    children: step.comment
+                                })
+                            ]
+                        }, step.label + index))
+                })
+            ]
+        })
+    });
+}
+
+exports.ApprovalChainStepper = ApprovalChainStepper;
+//# sourceMappingURL=ApprovalChainStepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalChainStepper.js","sources":["../../../foundation/ApprovalChainStepper.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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { ApprovalState, ChainOutcome, chainOutcome, effectiveSteps, readSteps } from './approvalModel';\nimport { ComponentState, readComponentState } from './ComponentState';\nimport { FoundationIcon, FoundationIconName } from './FoundationIcon';\nimport { formatDate, readLocale } from './formatting';\nimport { formatText, readFoundationStrings } from './foundationStrings';\nimport { FoundationFrame } from './StateFrame';\n\nconst icons: Record<ApprovalState, FoundationIconName> = {\n    [ApprovalState.Pending]: 'circle', [ApprovalState.Current]: 'clock', [ApprovalState.Approved]: 'check', [ApprovalState.Rejected]: 'close', [ApprovalState.Skipped]: 'minus',\n};\nconst tones: Record<ApprovalState, string> = {\n    [ApprovalState.Pending]: 'neutral', [ApprovalState.Current]: 'info', [ApprovalState.Approved]: 'success', [ApprovalState.Rejected]: 'danger', [ApprovalState.Skipped]: 'neutral',\n};\n\n/**\n * The `approvalChainStepper` component: the steps a request goes through, who decides each, and where it stands.\n *\n * `steps` are written in order with a `label`, an `approver`, a `state` (pending, current, approved, rejected, skipped), and when it was\n * decided (`at`) and a `comment`. The chain applies its own rules - a rejection stops the chain and the steps after it read \"Not reached\", and\n * with no current step the first undecided one is it - so a request page needs no logic of its own. Every step says its state in words as\n * well as by icon and color, the current step carries `aria-current=\"step\"`, and the whole is an ordered list with the overall outcome\n * stated above it. `orientation` is `horizontal` or `vertical`; below a phone's width it is always vertical.\n */\nexport function ApprovalChainStepper({ element, interactions }: RegisteredComponentProps) {\n    const written = useMemo(() => readSteps(element.properties.steps), [element.properties.steps]);\n    const steps = useMemo(() => effectiveSteps(written), [written]);\n    const outcome = chainOutcome(written);\n    const strings = readFoundationStrings(element);\n    const locale = readLocale(element);\n    const state = readComponentState(element, written.length > 0);\n    const stateText: Record<ApprovalState, string> = {\n        pending: strings.approvalPending, current: strings.approvalCurrent, approved: strings.approvalApproved, rejected: strings.approvalRejected, skipped: strings.approvalSkipped,\n    };\n    const outcomeText: Record<ChainOutcome, string> = {\n        approved: strings.approvalOutcomeApproved, rejected: strings.approvalOutcomeRejected, inProgress: strings.approvalOutcomeInProgress, pending: strings.approvalOutcomePending,\n    };\n\n    return (\n        <FoundationFrame element={element} interactions={interactions} name='approval-chain' state={state} skeleton={[100, 100]}>\n            {(state === ComponentState.Ready || state === ComponentState.Partial) && (\n                <>\n                    <p className='foundation-approval-outcome' data-outcome={outcome}>{outcomeText[outcome]}</p>\n                    <ol className='foundation-approval-steps' aria-label={strings.approvalChain} data-orientation={element.properties.orientation === 'vertical' ? 'vertical' : 'horizontal'}>\n                        {steps.map((step, index) => (\n                            <li key={step.label + index} className='foundation-approval-step' data-state={step.state} aria-current={step.state === ApprovalState.Current ? 'step' : undefined}>\n                                <span className='foundation-chip' data-tone={tones[step.state]}><FoundationIcon name={icons[step.state]} /><span>{step.notReached ? strings.approvalNotReached : stateText[step.state]}</span></span>\n                                <strong className='foundation-approval-label'>\n                                    <span className='foundation-visually-hidden'>{`${formatText(strings.approvalStep, { n: index + 1, total: steps.length })}: `}</span>\n                                    {step.label}\n                                </strong>\n                                {step.approver && <span className='foundation-count'>{step.approver}</span>}\n                                {step.at && <time className='foundation-count' dateTime={step.at}>{formatDate(step.at, locale, true)}</time>}\n                                {step.comment && <span className='foundation-approval-comment'>{step.comment}</span>}\n                            </li>\n                        ))}\n                    </ol>\n                </>\n            )}\n        </FoundationFrame>\n    );\n}\n"],"names":["icons","ApprovalState","Pending","Current","Approved","Rejected","Skipped","tones","ApprovalChainStepper","element","interactions","written","useMemo","readSteps","properties","steps","effectiveSteps","outcome","chainOutcome","strings","readFoundationStrings","locale","readLocale","state","readComponentState","length","stateText","pending","approvalPending","current","approvalCurrent","approved","approvalApproved","rejected","approvalRejected","skipped","approvalSkipped","outcomeText","approvalOutcomeApproved","approvalOutcomeRejected","inProgress","approvalOutcomeInProgress","approvalOutcomePending","_jsx","FoundationFrame","name","skeleton","ComponentState","Ready","Partial","_jsxs","_Fragment","p","className","data-outcome","ol","aria-label","approvalChain","data-orientation","orientation","map","step","index","li","data-state","aria-current","undefined","span","data-tone","FoundationIcon","notReached","approvalNotReached","strong","formatText","approvalStep","n","total","label","approver","at","time","dateTime","formatDate","comment"],"mappings":"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"}

package/dist/cjs/foundation/OrgTree.js

@@ -0,0 +1,188 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_react = require('@cratis/scene.react');
+var ComponentState = require('./ComponentState.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var foundationStrings = require('./foundationStrings.js');
+var orgModel = require('./orgModel.js');
+var StateFrame = require('./StateFrame.js');
+
+/**
+ * The `orgTree` component: an organization as an expandable tree of people and units.
+ *
+ * `nodes` are flat rows - `id`, `label`, `title`, `parentId` - as a query returns them; the tree is built from them, so someone whose manager is
+ * missing becomes a root and a reporting cycle is cut instead of looping. It follows the ARIA tree pattern: one tab stop, Up and Down move,
+ * Right expands or enters, Left collapses or goes to the parent, Home and End jump, Enter or Space selects. Each item says how many reports it
+ * has in words. The selected id is published as the `value` output; `expandedDepth` is how many levels are open at first.
+ */ function OrgTree({ element, interactions, bindingOutputs }) {
+    const nodes = react.useMemo(()=>orgModel.readOrgNodes(element.properties.nodes), [
+        element.properties.nodes
+    ]);
+    const roots = react.useMemo(()=>orgModel.buildOrgTree(nodes), [
+        nodes
+    ]);
+    const depth = typeof element.properties.expandedDepth === 'number' ? element.properties.expandedDepth : 2;
+    const initial = react.useMemo(()=>orgModel.expandedToDepth(roots, depth), [
+        roots,
+        depth
+    ]);
+    const [expanded, setExpanded] = react.useState(initial);
+    const [selected, setSelected] = react.useState(typeof element.properties.selected === 'string' ? element.properties.selected : undefined);
+    const [focused, setFocused] = react.useState(undefined);
+    const strings = foundationStrings.readFoundationStrings(element);
+    const state = ComponentState.readComponentState(element, nodes.length > 0);
+    const visible = orgModel.visibleNodes(roots, expanded);
+    const placed = react.useMemo(()=>orgModel.placements(roots), [
+        roots
+    ]);
+    const tabStop = visible.find((node)=>node.id === focused)?.id ?? visible.find((node)=>node.id === selected)?.id ?? visible[0]?.id;
+    const emptyElement = state === ComponentState.ComponentState.Empty ? {
+        ...element,
+        properties: {
+            emptyHeadline: strings.orgNone,
+            ...element.properties
+        }
+    } : element;
+    react.useEffect(()=>setExpanded(initial), [
+        initial
+    ]);
+    scene_react.useValueOutput(bindingOutputs, selected);
+    const move = (node, event)=>{
+        const index = visible.indexOf(node);
+        const focus = (target)=>{
+            if (!target) return;
+            event.preventDefault();
+            setFocused(target.id);
+            requestAnimationFrame(()=>document.getElementById(`${element.id}-${target.id}`)?.focus());
+        };
+        const toggle = (open)=>setExpanded((current)=>{
+                const next = new Set(current);
+                if (open) next.add(node.id);
+                else next.delete(node.id);
+                return next;
+            });
+        const parent = placed.get(node.id)?.parent;
+        switch(event.key){
+            case 'ArrowDown':
+                focus(visible[index + 1]);
+                break;
+            case 'ArrowUp':
+                focus(visible[index - 1]);
+                break;
+            case 'Home':
+                focus(visible[0]);
+                break;
+            case 'End':
+                focus(visible[visible.length - 1]);
+                break;
+            case 'ArrowRight':
+                if (node.children.length > 0 && !expanded.has(node.id)) {
+                    event.preventDefault();
+                    toggle(true);
+                } else focus(node.children[0]);
+                break;
+            case 'ArrowLeft':
+                if (node.children.length > 0 && expanded.has(node.id)) {
+                    event.preventDefault();
+                    toggle(false);
+                } else focus(parent);
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                setSelected(node.id);
+                interactions?.onSelect?.();
+                break;
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(StateFrame.FoundationFrame, {
+        element: emptyElement,
+        interactions: interactions,
+        name: "org-tree",
+        state: state,
+        skeleton: [
+            50,
+            70,
+            70,
+            60
+        ],
+        children: (state === ComponentState.ComponentState.Ready || state === ComponentState.ComponentState.Partial) && /*#__PURE__*/ jsxRuntime.jsx("ul", {
+            role: "tree",
+            "aria-label": strings.orgTree,
+            className: "foundation-tree",
+            children: visible.map((node)=>{
+                const siblings = placed.get(node.id)?.siblings ?? [
+                    node
+                ];
+                const reports = orgModel.descendantCount(node);
+                const open = expanded.has(node.id);
+                return /*#__PURE__*/ jsxRuntime.jsxs("li", {
+                    id: `${element.id}-${node.id}`,
+                    role: "treeitem",
+                    tabIndex: node.id === tabStop ? 0 : -1,
+                    "aria-level": node.depth,
+                    "aria-setsize": siblings.length,
+                    "aria-posinset": siblings.findIndex((sibling)=>sibling.id === node.id) + 1,
+                    "aria-expanded": node.children.length > 0 ? open : undefined,
+                    "aria-selected": node.id === selected,
+                    className: "foundation-tree-item",
+                    "data-selected": node.id === selected,
+                    style: {
+                        paddingInlineStart: `calc(var(--foundation-space-4) * ${node.depth - 1})`
+                    },
+                    onKeyDown: (event)=>move(node, event),
+                    onFocus: ()=>setFocused(node.id),
+                    onClick: ()=>{
+                        setSelected(node.id);
+                        interactions?.onSelect?.();
+                    },
+                    children: [
+                        node.children.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            type: "button",
+                            tabIndex: -1,
+                            className: "foundation-icon-button",
+                            "aria-hidden": "true",
+                            onClick: (event)=>{
+                                event.stopPropagation();
+                                setExpanded((current)=>{
+                                    const next = new Set(current);
+                                    if (open) next.delete(node.id);
+                                    else next.add(node.id);
+                                    return next;
+                                });
+                            },
+                            children: /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                                name: open ? 'chevron-down' : 'chevron-right'
+                            })
+                        }) : /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            className: "foundation-tree-spacer"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                            className: "foundation-tree-text",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                    children: node.label
+                                }),
+                                node.title && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    className: "foundation-count",
+                                    children: node.title
+                                })
+                            ]
+                        }),
+                        reports > 0 && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            className: "foundation-count",
+                            children: foundationStrings.formatText(strings.orgReports, {
+                                count: reports
+                            })
+                        })
+                    ]
+                }, node.id);
+            })
+        })
+    });
+}
+
+exports.OrgTree = OrgTree;
+//# sourceMappingURL=OrgTree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrgTree.js","sources":["../../../foundation/OrgTree.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 { KeyboardEvent, useEffect, useMemo, useState } from 'react';\nimport { RegisteredComponentProps, useValueOutput } from '@cratis/scene.react';\nimport { ComponentState, readComponentState } from './ComponentState';\nimport { FoundationIcon } from './FoundationIcon';\nimport { formatText, readFoundationStrings } from './foundationStrings';\nimport { descendantCount, expandedToDepth, OrgTreeNode, buildOrgTree, placements, readOrgNodes, visibleNodes } from './orgModel';\nimport { FoundationFrame } from './StateFrame';\n\n/**\n * The `orgTree` component: an organization as an expandable tree of people and units.\n *\n * `nodes` are flat rows - `id`, `label`, `title`, `parentId` - as a query returns them; the tree is built from them, so someone whose manager is\n * missing becomes a root and a reporting cycle is cut instead of looping. It follows the ARIA tree pattern: one tab stop, Up and Down move,\n * Right expands or enters, Left collapses or goes to the parent, Home and End jump, Enter or Space selects. Each item says how many reports it\n * has in words. The selected id is published as the `value` output; `expandedDepth` is how many levels are open at first.\n */\nexport function OrgTree({ element, interactions, bindingOutputs }: RegisteredComponentProps) {\n    const nodes = useMemo(() => readOrgNodes(element.properties.nodes), [element.properties.nodes]);\n    const roots = useMemo(() => buildOrgTree(nodes), [nodes]);\n    const depth = typeof element.properties.expandedDepth === 'number' ? element.properties.expandedDepth : 2;\n    const initial = useMemo(() => expandedToDepth(roots, depth), [roots, depth]);\n    const [expanded, setExpanded] = useState<Set<string>>(initial);\n    const [selected, setSelected] = useState<string | undefined>(typeof element.properties.selected === 'string' ? element.properties.selected : undefined);\n    const [focused, setFocused] = useState<string | undefined>(undefined);\n    const strings = readFoundationStrings(element);\n    const state = readComponentState(element, nodes.length > 0);\n    const visible = visibleNodes(roots, expanded);\n    const placed = useMemo(() => placements(roots), [roots]);\n    const tabStop = visible.find(node => node.id === focused)?.id ?? visible.find(node => node.id === selected)?.id ?? visible[0]?.id;\n    const emptyElement = state === ComponentState.Empty ? { ...element, properties: { emptyHeadline: strings.orgNone, ...element.properties } } : element;\n\n    useEffect(() => setExpanded(initial), [initial]);\n    useValueOutput(bindingOutputs, selected);\n\n    const move = (node: OrgTreeNode, event: KeyboardEvent) => {\n        const index = visible.indexOf(node);\n        const focus = (target: OrgTreeNode | undefined) => {\n            if (!target) return;\n            event.preventDefault();\n            setFocused(target.id);\n            requestAnimationFrame(() => document.getElementById(`${element.id}-${target.id}`)?.focus());\n        };\n        const toggle = (open: boolean) => setExpanded(current => { const next = new Set(current); if (open) next.add(node.id); else next.delete(node.id); return next; });\n        const parent = placed.get(node.id)?.parent;\n\n        switch (event.key) {\n            case 'ArrowDown': focus(visible[index + 1]); break;\n            case 'ArrowUp': focus(visible[index - 1]); break;\n            case 'Home': focus(visible[0]); break;\n            case 'End': focus(visible[visible.length - 1]); break;\n            case 'ArrowRight':\n                if (node.children.length > 0 && !expanded.has(node.id)) { event.preventDefault(); toggle(true); } else focus(node.children[0]);\n                break;\n            case 'ArrowLeft':\n                if (node.children.length > 0 && expanded.has(node.id)) { event.preventDefault(); toggle(false); } else focus(parent);\n                break;\n            case 'Enter':\n            case ' ':\n                event.preventDefault();\n                setSelected(node.id);\n                interactions?.onSelect?.();\n                break;\n            default: break;\n        }\n    };\n\n    return (\n        <FoundationFrame element={emptyElement} interactions={interactions} name='org-tree' state={state} skeleton={[50, 70, 70, 60]}>\n            {(state === ComponentState.Ready || state === ComponentState.Partial) && (\n                <ul role='tree' aria-label={strings.orgTree} className='foundation-tree'>\n                    {visible.map(node => {\n                        const siblings = placed.get(node.id)?.siblings ?? [node];\n                        const reports = descendantCount(node);\n                        const open = expanded.has(node.id);\n                        return (\n                            <li key={node.id} id={`${element.id}-${node.id}`} role='treeitem' tabIndex={node.id === tabStop ? 0 : -1} aria-level={node.depth}\n                                aria-setsize={siblings.length} aria-posinset={siblings.findIndex(sibling => sibling.id === node.id) + 1} aria-expanded={node.children.length > 0 ? open : undefined} aria-selected={node.id === selected}\n                                className='foundation-tree-item' data-selected={node.id === selected} style={{ paddingInlineStart: `calc(var(--foundation-space-4) * ${node.depth - 1})` }}\n                                onKeyDown={event => move(node, event)} onFocus={() => setFocused(node.id)} onClick={() => { setSelected(node.id); interactions?.onSelect?.(); }}>\n                                {node.children.length > 0 ? (\n                                    <button type='button' tabIndex={-1} className='foundation-icon-button' aria-hidden='true'\n                                        onClick={event => { event.stopPropagation(); setExpanded(current => { const next = new Set(current); if (open) next.delete(node.id); else next.add(node.id); return next; }); }}>\n                                        <FoundationIcon name={open ? 'chevron-down' : 'chevron-right'} />\n                                    </button>\n                                ) : <span className='foundation-tree-spacer' />}\n                                <span className='foundation-tree-text'>\n                                    <strong>{node.label}</strong>\n                                    {node.title && <span className='foundation-count'>{node.title}</span>}\n                                </span>\n                                {reports > 0 && <span className='foundation-count'>{formatText(strings.orgReports, { count: reports })}</span>}\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </FoundationFrame>\n    );\n}\n"],"names":["OrgTree","element","interactions","bindingOutputs","nodes","useMemo","readOrgNodes","properties","roots","buildOrgTree","depth","expandedDepth","initial","expandedToDepth","expanded","setExpanded","useState","selected","setSelected","undefined","focused","setFocused","strings","readFoundationStrings","state","readComponentState","length","visible","visibleNodes","placed","placements","tabStop","find","node","id","emptyElement","ComponentState","Empty","emptyHeadline","orgNone","useEffect","useValueOutput","move","event","index","indexOf","focus","target","preventDefault","requestAnimationFrame","document","getElementById","toggle","open","current","next","Set","add","delete","parent","get","key","children","has","onSelect","_jsx","FoundationFrame","name","skeleton","Ready","Partial","ul","role","aria-label","orgTree","className","map","siblings","reports","descendantCount","_jsxs","li","tabIndex","aria-level","aria-setsize","aria-posinset","findIndex","sibling","aria-expanded","aria-selected","data-selected","style","paddingInlineStart","onKeyDown","onFocus","onClick","button","type","aria-hidden","stopPropagation","FoundationIcon","span","strong","label","title","formatText","orgReports","count"],"mappings":";;;;;;;;;;;AAWA;;;;;;;IAQO,SAASA,OAAAA,CAAQ,EAAEC,OAAO,EAAEC,YAAY,EAAEC,cAAc,EAA4B,EAAA;IACvF,MAAMC,KAAAA,GAAQC,cAAQ,IAAMC,qBAAAA,CAAaL,QAAQM,UAAU,CAACH,KAAK,CAAA,EAAG;QAACH,OAAAA,CAAQM,UAAU,CAACH;AAAM,KAAA,CAAA;AAC9F,IAAA,MAAMI,KAAAA,GAAQH,aAAAA,CAAQ,IAAMI,qBAAAA,CAAaL,KAAAA,CAAAA,EAAQ;AAACA,QAAAA;AAAM,KAAA,CAAA;AACxD,IAAA,MAAMM,KAAAA,GAAQ,OAAOT,OAAAA,CAAQM,UAAU,CAACI,aAAa,KAAK,QAAA,GAAWV,OAAAA,CAAQM,UAAU,CAACI,aAAa,GAAG,CAAA;AACxG,IAAA,MAAMC,OAAAA,GAAUP,aAAAA,CAAQ,IAAMQ,wBAAAA,CAAgBL,OAAOE,KAAAA,CAAAA,EAAQ;AAACF,QAAAA,KAAAA;AAAOE,QAAAA;AAAM,KAAA,CAAA;AAC3E,IAAA,MAAM,CAACI,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,cAAAA,CAAsBJ,OAAAA,CAAAA;AACtD,IAAA,MAAM,CAACK,QAAAA,EAAUC,WAAAA,CAAY,GAAGF,cAAAA,CAA6B,OAAOf,OAAAA,CAAQM,UAAU,CAACU,QAAQ,KAAK,QAAA,GAAWhB,OAAAA,CAAQM,UAAU,CAACU,QAAQ,GAAGE,SAAAA,CAAAA;AAC7I,IAAA,MAAM,CAACC,OAAAA,EAASC,UAAAA,CAAW,GAAGL,cAAAA,CAA6BG,SAAAA,CAAAA;AAC3D,IAAA,MAAMG,UAAUC,uCAAAA,CAAsBtB,OAAAA,CAAAA;AACtC,IAAA,MAAMuB,KAAAA,GAAQC,iCAAAA,CAAmBxB,OAAAA,EAASG,KAAAA,CAAMsB,MAAM,GAAG,CAAA,CAAA;IACzD,MAAMC,OAAAA,GAAUC,sBAAapB,KAAAA,EAAOM,QAAAA,CAAAA;AACpC,IAAA,MAAMe,MAAAA,GAASxB,aAAAA,CAAQ,IAAMyB,mBAAAA,CAAWtB,KAAAA,CAAAA,EAAQ;AAACA,QAAAA;AAAM,KAAA,CAAA;IACvD,MAAMuB,OAAAA,GAAUJ,OAAAA,CAAQK,IAAI,CAACC,CAAAA,OAAQA,IAAAA,CAAKC,EAAE,KAAKd,OAAAA,CAAAA,EAAUc,EAAAA,IAAMP,OAAAA,CAAQK,IAAI,CAACC,CAAAA,IAAAA,GAAQA,IAAAA,CAAKC,EAAE,KAAKjB,WAAWiB,EAAAA,IAAMP,OAAO,CAAC,CAAA,CAAE,EAAEO,EAAAA;AAC/H,IAAA,MAAMC,YAAAA,GAAeX,KAAAA,KAAUY,6BAAAA,CAAeC,KAAK,GAAG;AAAE,QAAA,GAAGpC,OAAO;QAAEM,UAAAA,EAAY;AAAE+B,YAAAA,aAAAA,EAAehB,QAAQiB,OAAO;AAAE,YAAA,GAAGtC,QAAQM;AAAW;KAAE,GAAIN,OAAAA;IAE9IuC,eAAAA,CAAU,IAAMzB,YAAYH,OAAAA,CAAAA,EAAU;AAACA,QAAAA;AAAQ,KAAA,CAAA;AAC/C6B,IAAAA,0BAAAA,CAAetC,cAAAA,EAAgBc,QAAAA,CAAAA;IAE/B,MAAMyB,IAAAA,GAAO,CAACT,IAAAA,EAAmBU,KAAAA,GAAAA;QAC7B,MAAMC,KAAAA,GAAQjB,OAAAA,CAAQkB,OAAO,CAACZ,IAAAA,CAAAA;AAC9B,QAAA,MAAMa,QAAQ,CAACC,MAAAA,GAAAA;AACX,YAAA,IAAI,CAACA,MAAAA,EAAQ;AACbJ,YAAAA,KAAAA,CAAMK,cAAc,EAAA;AACpB3B,YAAAA,UAAAA,CAAW0B,OAAOb,EAAE,CAAA;AACpBe,YAAAA,qBAAAA,CAAsB,IAAMC,QAAAA,CAASC,cAAc,CAAC,CAAA,EAAGlD,OAAAA,CAAQiC,EAAE,CAAC,CAAC,EAAEa,MAAAA,CAAOb,EAAE,EAAE,CAAA,EAAGY,KAAAA,EAAAA,CAAAA;AACvF,QAAA,CAAA;AACA,QAAA,MAAMM,MAAAA,GAAS,CAACC,IAAAA,GAAkBtC,WAAAA,CAAYuC,CAAAA,OAAAA,GAAAA;gBAAa,MAAMC,IAAAA,GAAO,IAAIC,GAAAA,CAAIF,OAAAA,CAAAA;AAAU,gBAAA,IAAID,IAAAA,EAAME,IAAAA,CAAKE,GAAG,CAACxB,KAAKC,EAAE,CAAA;qBAAQqB,IAAAA,CAAKG,MAAM,CAACzB,IAAAA,CAAKC,EAAE,CAAA;gBAAG,OAAOqB,IAAAA;AAAM,YAAA,CAAA,CAAA;AAC/J,QAAA,MAAMI,SAAS9B,MAAAA,CAAO+B,GAAG,CAAC3B,IAAAA,CAAKC,EAAE,CAAA,EAAGyB,MAAAA;AAEpC,QAAA,OAAQhB,MAAMkB,GAAG;YACb,KAAK,WAAA;gBAAaf,KAAAA,CAAMnB,OAAO,CAACiB,KAAAA,GAAQ,CAAA,CAAE,CAAA;AAAG,gBAAA;YAC7C,KAAK,SAAA;gBAAWE,KAAAA,CAAMnB,OAAO,CAACiB,KAAAA,GAAQ,CAAA,CAAE,CAAA;AAAG,gBAAA;YAC3C,KAAK,MAAA;gBAAQE,KAAAA,CAAMnB,OAAO,CAAC,CAAA,CAAE,CAAA;AAAG,gBAAA;YAChC,KAAK,KAAA;AAAOmB,gBAAAA,KAAAA,CAAMnB,OAAO,CAACA,OAAAA,CAAQD,MAAM,GAAG,CAAA,CAAE,CAAA;AAAG,gBAAA;YAChD,KAAK,YAAA;AACD,gBAAA,IAAIO,IAAAA,CAAK6B,QAAQ,CAACpC,MAAM,GAAG,CAAA,IAAK,CAACZ,QAAAA,CAASiD,GAAG,CAAC9B,IAAAA,CAAKC,EAAE,CAAA,EAAG;AAAES,oBAAAA,KAAAA,CAAMK,cAAc,EAAA;oBAAII,MAAAA,CAAO,IAAA,CAAA;AAAO,gBAAA,CAAA,MAAON,KAAAA,CAAMb,IAAAA,CAAK6B,QAAQ,CAAC,CAAA,CAAE,CAAA;AAC7H,gBAAA;YACJ,KAAK,WAAA;gBACD,IAAI7B,IAAAA,CAAK6B,QAAQ,CAACpC,MAAM,GAAG,CAAA,IAAKZ,QAAAA,CAASiD,GAAG,CAAC9B,IAAAA,CAAKC,EAAE,CAAA,EAAG;AAAES,oBAAAA,KAAAA,CAAMK,cAAc,EAAA;oBAAII,MAAAA,CAAO,KAAA,CAAA;AAAQ,gBAAA,CAAA,MAAON,KAAAA,CAAMa,MAAAA,CAAAA;AAC7G,gBAAA;YACJ,KAAK,OAAA;YACL,KAAK,GAAA;AACDhB,gBAAAA,KAAAA,CAAMK,cAAc,EAAA;AACpB9B,gBAAAA,WAAAA,CAAYe,KAAKC,EAAE,CAAA;gBACnBhC,YAAAA,EAAc8D,QAAAA,IAAAA;AACd,gBAAA;AAER;AACJ,IAAA,CAAA;AAEA,IAAA,qBACIC,cAAA,CAACC,0BAAAA,EAAAA;QAAgBjE,OAAAA,EAASkC,YAAAA;QAAcjC,YAAAA,EAAcA,YAAAA;QAAciE,IAAAA,EAAK,UAAA;QAAW3C,KAAAA,EAAOA,KAAAA;QAAO4C,QAAAA,EAAU;AAAC,YAAA,EAAA;AAAI,YAAA,EAAA;AAAI,YAAA,EAAA;AAAI,YAAA;AAAG,SAAA;kBACvH,CAAC5C,KAAAA,KAAUY,6BAAAA,CAAeiC,KAAK,IAAI7C,UAAUY,6BAAAA,CAAekC,OAAO,mBAChEL,cAAA,CAACM,IAAAA,EAAAA;YAAGC,IAAAA,EAAK,MAAA;AAAOC,YAAAA,YAAAA,EAAYnD,QAAQoD,OAAO;YAAEC,SAAAA,EAAU,iBAAA;sBAClDhD,OAAAA,CAAQiD,GAAG,CAAC3C,CAAAA,IAAAA,GAAAA;AACT,gBAAA,MAAM4C,WAAWhD,MAAAA,CAAO+B,GAAG,CAAC3B,IAAAA,CAAKC,EAAE,GAAG2C,QAAAA,IAAY;AAAC5C,oBAAAA;AAAK,iBAAA;AACxD,gBAAA,MAAM6C,UAAUC,wBAAAA,CAAgB9C,IAAAA,CAAAA;AAChC,gBAAA,MAAMoB,IAAAA,GAAOvC,QAAAA,CAASiD,GAAG,CAAC9B,KAAKC,EAAE,CAAA;AACjC,gBAAA,qBACI8C,eAAA,CAACC,IAAAA,EAAAA;oBAAiB/C,EAAAA,EAAI,CAAA,EAAGjC,QAAQiC,EAAE,CAAC,CAAC,EAAED,IAAAA,CAAKC,EAAE,CAAA,CAAE;oBAAEsC,IAAAA,EAAK,UAAA;AAAWU,oBAAAA,QAAAA,EAAUjD,IAAAA,CAAKC,EAAE,KAAKH,OAAAA,GAAU,IAAI,EAAC;AAAGoD,oBAAAA,YAAAA,EAAYlD,KAAKvB,KAAK;AAC5H0E,oBAAAA,cAAAA,EAAcP,SAASnD,MAAM;oBAAE2D,eAAAA,EAAeR,QAAAA,CAASS,SAAS,CAACC,CAAAA,OAAAA,GAAWA,QAAQrD,EAAE,KAAKD,IAAAA,CAAKC,EAAE,CAAA,GAAI,CAAA;AAAGsD,oBAAAA,eAAAA,EAAevD,KAAK6B,QAAQ,CAACpC,MAAM,GAAG,IAAI2B,IAAAA,GAAOlC,SAAAA;oBAAWsE,eAAAA,EAAexD,IAAAA,CAAKC,EAAE,KAAKjB,QAAAA;oBAChM0D,SAAAA,EAAU,sBAAA;oBAAuBe,eAAAA,EAAezD,IAAAA,CAAKC,EAAE,KAAKjB,QAAAA;oBAAU0E,KAAAA,EAAO;wBAAEC,kBAAAA,EAAoB,CAAC,iCAAiC,EAAE3D,IAAAA,CAAKvB,KAAK,GAAG,CAAA,CAAE,CAAC;AAAE,qBAAA;oBACzJmF,SAAAA,EAAWlD,CAAAA,KAAAA,GAASD,IAAAA,CAAKT,IAAAA,EAAMU,KAAAA,CAAAA;oBAAQmD,OAAAA,EAAS,IAAMzE,UAAAA,CAAWY,IAAAA,CAAKC,EAAE,CAAA;oBAAG6D,OAAAA,EAAS,IAAA;AAAQ7E,wBAAAA,WAAAA,CAAYe,KAAKC,EAAE,CAAA;wBAAGhC,YAAAA,EAAc8D,QAAAA,IAAAA;AAAc,oBAAA,CAAA;;AAC7I/B,wBAAAA,IAAAA,CAAK6B,QAAQ,CAACpC,MAAM,GAAG,kBACpBuC,cAAA,CAAC+B,QAAAA,EAAAA;4BAAOC,IAAAA,EAAK,QAAA;AAASf,4BAAAA,QAAAA,EAAU,EAAC;4BAAGP,SAAAA,EAAU,wBAAA;4BAAyBuB,aAAAA,EAAY,MAAA;AAC/EH,4BAAAA,OAAAA,EAASpD,CAAAA,KAAAA,GAAAA;AAAWA,gCAAAA,KAAAA,CAAMwD,eAAe,EAAA;AAAIpF,gCAAAA,WAAAA,CAAYuC,CAAAA,OAAAA,GAAAA;oCAAa,MAAMC,IAAAA,GAAO,IAAIC,GAAAA,CAAIF,OAAAA,CAAAA;AAAU,oCAAA,IAAID,IAAAA,EAAME,IAAAA,CAAKG,MAAM,CAACzB,KAAKC,EAAE,CAAA;yCAAQqB,IAAAA,CAAKE,GAAG,CAACxB,IAAAA,CAAKC,EAAE,CAAA;oCAAG,OAAOqB,IAAAA;AAAM,gCAAA,CAAA,CAAA;AAAI,4BAAA,CAAA;AAC9K,4BAAA,QAAA,gBAAAU,cAAA,CAACmC,6BAAAA,EAAAA;AAAejC,gCAAAA,IAAAA,EAAMd,OAAO,cAAA,GAAiB;;2CAElDY,cAAA,CAACoC,MAAAA,EAAAA;4BAAK1B,SAAAA,EAAU;;sCACpBK,eAAA,CAACqB,MAAAA,EAAAA;4BAAK1B,SAAAA,EAAU,sBAAA;;8CACZV,cAAA,CAACqC,QAAAA,EAAAA;AAAQrE,oCAAAA,QAAAA,EAAAA,IAAAA,CAAKsE;;gCACbtE,IAAAA,CAAKuE,KAAK,kBAAIvC,cAAA,CAACoC,MAAAA,EAAAA;oCAAK1B,SAAAA,EAAU,kBAAA;AAAoB1C,oCAAAA,QAAAA,EAAAA,IAAAA,CAAKuE;;;;AAE3D1B,wBAAAA,OAAAA,GAAU,mBAAKb,cAAA,CAACoC,MAAAA,EAAAA;4BAAK1B,SAAAA,EAAU,kBAAA;sCAAoB8B,4BAAAA,CAAWnF,OAAAA,CAAQoF,UAAU,EAAE;gCAAEC,KAAAA,EAAO7B;AAAQ,6BAAA;;;AAd/F7C,iBAAAA,EAAAA,IAAAA,CAAKC,EAAE,CAAA;AAiBxB,YAAA,CAAA;;;AAKpB;;"}