@cratis/scene.react 4.2.1 → 4.3.0

package/SceneElementView.tsx

@@ -2,21 +2,30 @@
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
 import { useMemo } from 'react';
-import { renderElement, BindingResolver } from '@cratis/scene.engine';
-import { SceneElement } from '@cratis/scene.model';
+import { applyEffectiveConfiguration, renderElement, BindingResolver } from '@cratis/scene.engine';
+import { EffectiveConfiguration, SceneElement } from '@cratis/scene.model';
 import { ComponentRegistry, createReactRenderer } from './renderer';
 
 export interface SceneElementViewProps {
     element: SceneElement;
     registry: ComponentRegistry;
     resolveBinding: BindingResolver;
+
+    /**
+     * The resolved configuration of the template chain the element sits in, from `resolveEffectiveConfiguration`.
+     * When given, each configurable component renders with its resolved properties - what a screen's own values add
+     * to an inherited template. It is the same data the editor shows, and the same code path whether the screen is
+     * being edited or played: there is no design-time mode.
+     */
+    configuration?: EffectiveConfiguration;
 }
 
 /**
  * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's
  * preview surface and Stage's shipped web bundle both consume unmodified.
  */
-export function SceneElementView({ element, registry, resolveBinding }: SceneElementViewProps) {
+export function SceneElementView({ element, registry, resolveBinding, configuration }: SceneElementViewProps) {
     const renderer = useMemo(() => createReactRenderer(registry), [registry]);
-    return <>{renderElement(element, renderer, resolveBinding)}</>;
+    const configured = useMemo(() => configuration ? applyEffectiveConfiguration(element, configuration) : element, [element, configuration]);
+    return <>{renderElement(configured, renderer, resolveBinding)}</>;
 }

package/core/CoreNavigationBar.tsx

@@ -0,0 +1,53 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { RegisteredComponentProps } from '../renderer';
+
+interface NavigationBarItem {
+    id: string;
+    label: string;
+    icon?: { library: string; key: string; variant?: string };
+    destination?: { screen: string };
+}
+
+function isNavigationBarItem(value: unknown): value is NavigationBarItem {
+    const candidate = value as Partial<NavigationBarItem> | null;
+    return candidate !== null && typeof candidate === 'object' && typeof candidate.id === 'string' && typeof candidate.label === 'string';
+}
+
+/**
+ * The `core:navigationBar` component: a list of navigation items, the first of which a template author normally
+ * fixes as Home and the rest of which consumers of the template can add to.
+ *
+ * It reads `items` from the property bag it is given and nothing else, so it renders the same whether a screen is
+ * being played or edited - configuration is resolved into the bag before it gets here. An item names its destination
+ * as a screen, and activating it emits a host-neutral navigation event, the same as `core:navigate`. An item's icon
+ * is carried on the node as data attributes for a host to render; icon catalogs are not this component's business.
+ */
+export function CoreNavigationBar({ element }: RegisteredComponentProps) {
+    const items = Array.isArray(element.properties.items) ? element.properties.items.filter(isNavigationBarItem) : [];
+    const title = typeof element.properties.title === 'string' ? element.properties.title : undefined;
+
+    return (
+        <nav data-scene-id={element.id} aria-label={title}>
+            {items.map(item => {
+                const targetScreen = item.destination?.screen ?? '';
+                const navigate = () => globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', { detail: { targetScreen, element, item } }));
+                return (
+                    <button
+                        key={item.id}
+                        type='button'
+                        data-scene-item={item.id}
+                        data-scene-icon-library={item.icon?.library}
+                        data-scene-icon-key={item.icon?.key}
+                        data-scene-icon-variant={item.icon?.variant}
+                        disabled={targetScreen === ''}
+                        onClick={navigate}
+                    >
+                        {item.label}
+                    </button>
+                );
+            })}
+        </nav>
+    );
+}

package/core/coreComponents.ts

@@ -6,6 +6,7 @@ import { componentRegistryKey } from '../packages';
 import { CoreText } from './CoreText';
 import { CoreButton } from './CoreButton';
 import { CoreCard } from './CoreCard';
+import { CoreNavigationBar } from './CoreNavigationBar';
 import {
     CoreAction,
     CoreCode,
@@ -39,4 +40,5 @@ export const coreComponents: ComponentRegistry = {
     [componentRegistryKey('core', 'field')]: CoreField,
     [componentRegistryKey('core', 'code')]: CoreCode,
     [componentRegistryKey('core', 'file')]: CoreFile,
+    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,
 };

package/core/coreDescriptors.ts

@@ -0,0 +1,75 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { ComponentDescriptor, PropertyValueType } from '@cratis/scene.model';
+import { componentRegistryKey } from '../packages';
+
+const key = (name: string) => componentRegistryKey('core', name);
+
+/**
+ * What can be edited on the `core` package's components.
+ *
+ * Only the components an author configures by hand are described: a button's label, an action's command and its
+ * argument mapping, a column's heading, and the navigation bar. The Screenplay structural components - `data`,
+ * `section`, `summary` - have nothing to edit that is not already a node in the tree.
+ */
+export const coreDescriptors: ComponentDescriptor[] = [
+    {
+        component: key('button'),
+        displayName: 'Button',
+        properties: [
+            { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String, default: '' },
+        ],
+    },
+    {
+        component: key('action'),
+        displayName: 'Command action',
+        description: 'Invokes a modeled command. The command and its argument mapping are stored on the element; the host that handles the command event reads them.',
+        properties: [
+            { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String },
+            {
+                path: 'command', label: 'Command', group: 'Behavior', valueType: PropertyValueType.String,
+                editorKind: 'stateChangeReference', constraints: { required: true },
+                description: 'The state change this action submits.',
+            },
+            {
+                path: 'arguments', label: 'Argument mapping', group: 'Behavior', valueType: PropertyValueType.Collection,
+                description: 'Where each command argument comes from.',
+                item: {
+                    label: 'Argument',
+                    properties: [
+                        { path: 'name', label: 'Argument', group: 'Behavior', valueType: PropertyValueType.String, constraints: { required: true } },
+                        { path: 'source', label: 'Source', group: 'Behavior', valueType: PropertyValueType.String, editorKind: 'bindingPath', constraints: { required: true } },
+                    ],
+                },
+            },
+        ],
+    },
+    {
+        component: key('column'),
+        displayName: 'Table column',
+        properties: [
+            { path: 'property', label: 'Result field', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField', constraints: { required: true } },
+            { path: 'label', label: 'Heading', group: 'Content', valueType: PropertyValueType.String },
+        ],
+    },
+    {
+        component: key('navigationBar'),
+        displayName: 'Navigation bar',
+        description: 'A list of navigation items. A template author fixes the first item (Home) and can expose the list so that screens add their own.',
+        properties: [
+            { path: 'title', label: 'Title', group: 'Content', valueType: PropertyValueType.String, default: 'Navigation' },
+            {
+                path: 'items', label: 'Items', group: 'Content', valueType: PropertyValueType.Collection, default: [],
+                item: {
+                    label: 'Navigation item',
+                    properties: [
+                        { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String, constraints: { required: true, minimumLength: 1 } },
+                        { path: 'icon', label: 'Icon', group: 'Content', valueType: PropertyValueType.Icon, editorKind: 'iconPicker' },
+                        { path: 'destination', label: 'Destination', group: 'Content', valueType: PropertyValueType.Destination, editorKind: 'screenPicker', constraints: { required: true } },
+                    ],
+                },
+            },
+        ],
+    },
+];

package/core/corePackage.ts

@@ -4,6 +4,7 @@
 import { PackageKind, ScenePackage } from '@cratis/scene.model';
 import { ScenePackageBundle } from '../packages';
 import { coreComponents } from './coreComponents';
+import { coreDescriptors } from './coreDescriptors';
 
 /**
  * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;
@@ -32,6 +33,7 @@ export const corePackageManifest: ScenePackage = {
         'field',
         'code',
         'file',
+        'navigationBar',
     ],
     layouts: [],
     screenTemplates: [],
@@ -50,4 +52,5 @@ export const corePackageManifest: ScenePackage = {
 export const corePackage: ScenePackageBundle = {
     manifest: corePackageManifest,
     components: coreComponents,
+    descriptors: coreDescriptors,
 };

package/core/index.ts

@@ -4,6 +4,8 @@
 export * from './CoreText';
 export * from './CoreButton';
 export * from './CoreCard';
+export * from './CoreNavigationBar';
+export * from './coreDescriptors';
 export * from './ScreenplayCoreComponents';
 export * from './coreComponents';
 export * from './corePackage';

package/dist/cjs/SceneElementView.js

@@ -10,12 +10,16 @@ require('./interactions/NotificationHost.js');
 /**
  * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's
  * preview surface and Stage's shipped web bundle both consume unmodified.
- */ function SceneElementView({ element, registry, resolveBinding }) {
+ */ function SceneElementView({ element, registry, resolveBinding, configuration }) {
     const renderer = react.useMemo(()=>createReactRenderer.createReactRenderer(registry), [
         registry
     ]);
+    const configured = react.useMemo(()=>configuration ? scene_engine.applyEffectiveConfiguration(element, configuration) : element, [
+        element,
+        configuration
+    ]);
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: scene_engine.renderElement(element, renderer, resolveBinding)
+        children: scene_engine.renderElement(configured, renderer, resolveBinding)
     });
 }
 

package/dist/cjs/SceneElementView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneElementView.js","sources":["../../SceneElementView.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 { renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\n}\n\n/**\n * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's\n * preview surface and Stage's shipped web bundle both consume unmodified.\n */\nexport function SceneElementView({ element, registry, resolveBinding }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    return <>{renderElement(element, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","renderer","useMemo","createReactRenderer","_jsx","_Fragment","renderElement"],"mappings":";;;;;;;;;AAcA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAyB,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAWC,aAAAA,CAAQ,IAAMC,uCAAAA,CAAoBJ,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;IACxE,qBAAOK,cAAA,CAAAC,mBAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,0BAAAA,CAAcR,SAASG,QAAAA,EAAUD,cAAAA;;AAC/C;;"}
+{"version":3,"file":"SceneElementView.js","sources":["../../SceneElementView.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 { applyEffectiveConfiguration, renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { EffectiveConfiguration, SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\n\n    /**\n     * The resolved configuration of the template chain the element sits in, from `resolveEffectiveConfiguration`.\n     * When given, each configurable component renders with its resolved properties - what a screen's own values add\n     * to an inherited template. It is the same data the editor shows, and the same code path whether the screen is\n     * being edited or played: there is no design-time mode.\n     */\n    configuration?: EffectiveConfiguration;\n}\n\n/**\n * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's\n * preview surface and Stage's shipped web bundle both consume unmodified.\n */\nexport function SceneElementView({ element, registry, resolveBinding, configuration }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    const configured = useMemo(() => configuration ? applyEffectiveConfiguration(element, configuration) : element, [element, configuration]);\n    return <>{renderElement(configured, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","configuration","renderer","useMemo","createReactRenderer","configured","applyEffectiveConfiguration","_jsx","_Fragment","renderElement"],"mappings":";;;;;;;;;AAsBA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAyB,EAAA;AACxG,IAAA,MAAMC,QAAAA,GAAWC,aAAAA,CAAQ,IAAMC,uCAAAA,CAAoBL,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;AACxE,IAAA,MAAMM,aAAaF,aAAAA,CAAQ,IAAMF,gBAAgBK,wCAAAA,CAA4BR,OAAAA,EAASG,iBAAiBH,OAAAA,EAAS;AAACA,QAAAA,OAAAA;AAASG,QAAAA;AAAc,KAAA,CAAA;IACxI,qBAAOM,cAAA,CAAAC,mBAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,0BAAAA,CAAcJ,YAAYH,QAAAA,EAAUF,cAAAA;;AAClD;;"}

package/dist/cjs/core/CoreNavigationBar.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+function isNavigationBarItem(value) {
+    const candidate = value;
+    return candidate !== null && typeof candidate === 'object' && typeof candidate.id === 'string' && typeof candidate.label === 'string';
+}
+/**
+ * The `core:navigationBar` component: a list of navigation items, the first of which a template author normally
+ * fixes as Home and the rest of which consumers of the template can add to.
+ *
+ * It reads `items` from the property bag it is given and nothing else, so it renders the same whether a screen is
+ * being played or edited - configuration is resolved into the bag before it gets here. An item names its destination
+ * as a screen, and activating it emits a host-neutral navigation event, the same as `core:navigate`. An item's icon
+ * is carried on the node as data attributes for a host to render; icon catalogs are not this component's business.
+ */ function CoreNavigationBar({ element }) {
+    const items = Array.isArray(element.properties.items) ? element.properties.items.filter(isNavigationBarItem) : [];
+    const title = typeof element.properties.title === 'string' ? element.properties.title : undefined;
+    return /*#__PURE__*/ jsxRuntime.jsx("nav", {
+        "data-scene-id": element.id,
+        "aria-label": title,
+        children: items.map((item)=>{
+            const targetScreen = item.destination?.screen ?? '';
+            const navigate = ()=>globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+                    detail: {
+                        targetScreen,
+                        element,
+                        item
+                    }
+                }));
+            return /*#__PURE__*/ jsxRuntime.jsx("button", {
+                type: "button",
+                "data-scene-item": item.id,
+                "data-scene-icon-library": item.icon?.library,
+                "data-scene-icon-key": item.icon?.key,
+                "data-scene-icon-variant": item.icon?.variant,
+                disabled: targetScreen === '',
+                onClick: navigate,
+                children: item.label
+            }, item.id);
+        })
+    });
+}
+
+exports.CoreNavigationBar = CoreNavigationBar;
+//# sourceMappingURL=CoreNavigationBar.js.map

package/dist/cjs/core/CoreNavigationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreNavigationBar.js","sources":["../../../core/CoreNavigationBar.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 '../renderer';\n\ninterface NavigationBarItem {\n    id: string;\n    label: string;\n    icon?: { library: string; key: string; variant?: string };\n    destination?: { screen: string };\n}\n\nfunction isNavigationBarItem(value: unknown): value is NavigationBarItem {\n    const candidate = value as Partial<NavigationBarItem> | null;\n    return candidate !== null && typeof candidate === 'object' && typeof candidate.id === 'string' && typeof candidate.label === 'string';\n}\n\n/**\n * The `core:navigationBar` component: a list of navigation items, the first of which a template author normally\n * fixes as Home and the rest of which consumers of the template can add to.\n *\n * It reads `items` from the property bag it is given and nothing else, so it renders the same whether a screen is\n * being played or edited - configuration is resolved into the bag before it gets here. An item names its destination\n * as a screen, and activating it emits a host-neutral navigation event, the same as `core:navigate`. An item's icon\n * is carried on the node as data attributes for a host to render; icon catalogs are not this component's business.\n */\nexport function CoreNavigationBar({ element }: RegisteredComponentProps) {\n    const items = Array.isArray(element.properties.items) ? element.properties.items.filter(isNavigationBarItem) : [];\n    const title = typeof element.properties.title === 'string' ? element.properties.title : undefined;\n\n    return (\n        <nav data-scene-id={element.id} aria-label={title}>\n            {items.map(item => {\n                const targetScreen = item.destination?.screen ?? '';\n                const navigate = () => globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', { detail: { targetScreen, element, item } }));\n                return (\n                    <button\n                        key={item.id}\n                        type='button'\n                        data-scene-item={item.id}\n                        data-scene-icon-library={item.icon?.library}\n                        data-scene-icon-key={item.icon?.key}\n                        data-scene-icon-variant={item.icon?.variant}\n                        disabled={targetScreen === ''}\n                        onClick={navigate}\n                    >\n                        {item.label}\n                    </button>\n                );\n            })}\n        </nav>\n    );\n}\n"],"names":["isNavigationBarItem","value","candidate","id","label","CoreNavigationBar","element","items","Array","isArray","properties","filter","title","undefined","_jsx","nav","data-scene-id","aria-label","map","item","targetScreen","destination","screen","navigate","globalThis","dispatchEvent","CustomEvent","detail","button","type","data-scene-item","data-scene-icon-library","icon","library","data-scene-icon-key","key","data-scene-icon-variant","variant","disabled","onClick"],"mappings":";;;;AAAA;AACA;AAWA,SAASA,oBAAoBC,KAAc,EAAA;AACvC,IAAA,MAAMC,SAAAA,GAAYD,KAAAA;AAClB,IAAA,OAAOC,SAAAA,KAAc,IAAA,IAAQ,OAAOA,SAAAA,KAAc,QAAA,IAAY,OAAOA,SAAAA,CAAUC,EAAE,KAAK,QAAA,IAAY,OAAOD,SAAAA,CAAUE,KAAK,KAAK,QAAA;AACjI;AAEA;;;;;;;;AAQC,IACM,SAASC,iBAAAA,CAAkB,EAAEC,OAAO,EAA4B,EAAA;AACnE,IAAA,MAAMC,QAAQC,KAAAA,CAAMC,OAAO,CAACH,OAAAA,CAAQI,UAAU,CAACH,KAAK,CAAA,GAAID,OAAAA,CAAQI,UAAU,CAACH,KAAK,CAACI,MAAM,CAACX,uBAAuB,EAAE;AACjH,IAAA,MAAMY,KAAAA,GAAQ,OAAON,OAAAA,CAAQI,UAAU,CAACE,KAAK,KAAK,QAAA,GAAWN,OAAAA,CAAQI,UAAU,CAACE,KAAK,GAAGC,SAAAA;AAExF,IAAA,qBACIC,cAAA,CAACC,KAAAA,EAAAA;AAAIC,QAAAA,eAAAA,EAAeV,QAAQH,EAAE;QAAEc,YAAAA,EAAYL,KAAAA;kBACvCL,KAAAA,CAAMW,GAAG,CAACC,CAAAA,IAAAA,GAAAA;AACP,YAAA,MAAMC,YAAAA,GAAeD,IAAAA,CAAKE,WAAW,EAAEC,MAAAA,IAAU,EAAA;AACjD,YAAA,MAAMC,WAAW,IAAMC,UAAAA,CAAWC,aAAa,CAAC,IAAIC,YAAY,uBAAA,EAAyB;oBAAEC,MAAAA,EAAQ;AAAEP,wBAAAA,YAAAA;AAAcd,wBAAAA,OAAAA;AAASa,wBAAAA;AAAK;AAAE,iBAAA,CAAA,CAAA;AACnI,YAAA,qBACIL,cAAA,CAACc,QAAAA,EAAAA;gBAEGC,IAAAA,EAAK,QAAA;AACLC,gBAAAA,iBAAAA,EAAiBX,KAAKhB,EAAE;gBACxB4B,yBAAAA,EAAyBZ,IAAAA,CAAKa,IAAI,EAAEC,OAAAA;gBACpCC,qBAAAA,EAAqBf,IAAAA,CAAKa,IAAI,EAAEG,GAAAA;gBAChCC,yBAAAA,EAAyBjB,IAAAA,CAAKa,IAAI,EAAEK,OAAAA;AACpCC,gBAAAA,QAAAA,EAAUlB,YAAAA,KAAiB,EAAA;gBAC3BmB,OAAAA,EAAShB,QAAAA;AAERJ,gBAAAA,QAAAA,EAAAA,IAAAA,CAAKf;AATDe,aAAAA,EAAAA,IAAAA,CAAKhB,EAAE,CAAA;AAYxB,QAAA,CAAA;;AAGZ;;"}

package/dist/cjs/core/coreComponents.js

@@ -4,6 +4,7 @@ var ScenePackageBundle = require('../packages/ScenePackageBundle.js');
 var CoreText = require('./CoreText.js');
 var CoreButton = require('./CoreButton.js');
 var CoreCard = require('./CoreCard.js');
+var CoreNavigationBar = require('./CoreNavigationBar.js');
 var ScreenplayCoreComponents = require('./ScreenplayCoreComponents.js');
 
 // Copyright (c) Cratis. All rights reserved.
@@ -25,7 +26,8 @@ var ScreenplayCoreComponents = require('./ScreenplayCoreComponents.js');
     [ScenePackageBundle.componentRegistryKey('core', 'summary')]: ScreenplayCoreComponents.CoreSummary,
     [ScenePackageBundle.componentRegistryKey('core', 'field')]: ScreenplayCoreComponents.CoreField,
     [ScenePackageBundle.componentRegistryKey('core', 'code')]: ScreenplayCoreComponents.CoreCode,
-    [ScenePackageBundle.componentRegistryKey('core', 'file')]: ScreenplayCoreComponents.CoreFile
+    [ScenePackageBundle.componentRegistryKey('core', 'file')]: ScreenplayCoreComponents.CoreFile,
+    [ScenePackageBundle.componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar.CoreNavigationBar
 };
 
 exports.coreComponents = coreComponents;

package/dist/cjs/core/coreComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.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 } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile"],"mappings":";;;;;;;;AAAA;AACA;AAqBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,iBAAAA;IACxC,CAACD,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,qBAAAA;IAC1C,CAACF,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,iBAAAA;IACxC,CAACH,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,iCAAAA;IACxC,CAACJ,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,mCAAAA;IAC1C,CAACL,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,oCAAAA;IAC3C,CAACN,uCAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,qCAAAA;IAC5C,CAACP,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,kCAAAA;IACzC,CAACR,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,kCAAAA;IACzC,CAACT,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,mCAAAA;IAC1C,CAACV,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,oCAAAA;IAC3C,CAACX,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,kCAAAA;IACzC,CAACZ,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,iCAAAA;IACxC,CAACb,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc;AAC5C;;"}
+{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.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 } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\nimport { CoreNavigationBar } from './CoreNavigationBar';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile","CoreNavigationBar"],"mappings":";;;;;;;;;AAAA;AACA;AAsBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,iBAAAA;IACxC,CAACD,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,qBAAAA;IAC1C,CAACF,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,iBAAAA;IACxC,CAACH,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,iCAAAA;IACxC,CAACJ,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,mCAAAA;IAC1C,CAACL,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,oCAAAA;IAC3C,CAACN,uCAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,qCAAAA;IAC5C,CAACP,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,kCAAAA;IACzC,CAACR,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,kCAAAA;IACzC,CAACT,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,mCAAAA;IAC1C,CAACV,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,oCAAAA;IAC3C,CAACX,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,kCAAAA;IACzC,CAACZ,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,iCAAAA;IACxC,CAACb,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc,iCAAAA;IACxC,CAACd,uCAAAA,CAAqB,MAAA,EAAQ,eAAA,CAAA,GAAmBe;AACrD;;"}

package/dist/cjs/core/coreDescriptors.js

@@ -0,0 +1,162 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var ScenePackageBundle = require('../packages/ScenePackageBundle.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+const key = (name)=>ScenePackageBundle.componentRegistryKey('core', name);
+/**
+ * What can be edited on the `core` package's components.
+ *
+ * Only the components an author configures by hand are described: a button's label, an action's command and its
+ * argument mapping, a column's heading, and the navigation bar. The Screenplay structural components - `data`,
+ * `section`, `summary` - have nothing to edit that is not already a node in the tree.
+ */ const coreDescriptors = [
+    {
+        component: key('button'),
+        displayName: 'Button',
+        properties: [
+            {
+                path: 'label',
+                label: 'Label',
+                group: 'Content',
+                valueType: scene_model.PropertyValueType.String,
+                default: ''
+            }
+        ]
+    },
+    {
+        component: key('action'),
+        displayName: 'Command action',
+        description: 'Invokes a modeled command. The command and its argument mapping are stored on the element; the host that handles the command event reads them.',
+        properties: [
+            {
+                path: 'label',
+                label: 'Label',
+                group: 'Content',
+                valueType: scene_model.PropertyValueType.String
+            },
+            {
+                path: 'command',
+                label: 'Command',
+                group: 'Behavior',
+                valueType: scene_model.PropertyValueType.String,
+                editorKind: 'stateChangeReference',
+                constraints: {
+                    required: true
+                },
+                description: 'The state change this action submits.'
+            },
+            {
+                path: 'arguments',
+                label: 'Argument mapping',
+                group: 'Behavior',
+                valueType: scene_model.PropertyValueType.Collection,
+                description: 'Where each command argument comes from.',
+                item: {
+                    label: 'Argument',
+                    properties: [
+                        {
+                            path: 'name',
+                            label: 'Argument',
+                            group: 'Behavior',
+                            valueType: scene_model.PropertyValueType.String,
+                            constraints: {
+                                required: true
+                            }
+                        },
+                        {
+                            path: 'source',
+                            label: 'Source',
+                            group: 'Behavior',
+                            valueType: scene_model.PropertyValueType.String,
+                            editorKind: 'bindingPath',
+                            constraints: {
+                                required: true
+                            }
+                        }
+                    ]
+                }
+            }
+        ]
+    },
+    {
+        component: key('column'),
+        displayName: 'Table column',
+        properties: [
+            {
+                path: 'property',
+                label: 'Result field',
+                group: 'Data',
+                valueType: scene_model.PropertyValueType.String,
+                editorKind: 'resultField',
+                constraints: {
+                    required: true
+                }
+            },
+            {
+                path: 'label',
+                label: 'Heading',
+                group: 'Content',
+                valueType: scene_model.PropertyValueType.String
+            }
+        ]
+    },
+    {
+        component: key('navigationBar'),
+        displayName: 'Navigation bar',
+        description: 'A list of navigation items. A template author fixes the first item (Home) and can expose the list so that screens add their own.',
+        properties: [
+            {
+                path: 'title',
+                label: 'Title',
+                group: 'Content',
+                valueType: scene_model.PropertyValueType.String,
+                default: 'Navigation'
+            },
+            {
+                path: 'items',
+                label: 'Items',
+                group: 'Content',
+                valueType: scene_model.PropertyValueType.Collection,
+                default: [],
+                item: {
+                    label: 'Navigation item',
+                    properties: [
+                        {
+                            path: 'label',
+                            label: 'Label',
+                            group: 'Content',
+                            valueType: scene_model.PropertyValueType.String,
+                            constraints: {
+                                required: true,
+                                minimumLength: 1
+                            }
+                        },
+                        {
+                            path: 'icon',
+                            label: 'Icon',
+                            group: 'Content',
+                            valueType: scene_model.PropertyValueType.Icon,
+                            editorKind: 'iconPicker'
+                        },
+                        {
+                            path: 'destination',
+                            label: 'Destination',
+                            group: 'Content',
+                            valueType: scene_model.PropertyValueType.Destination,
+                            editorKind: 'screenPicker',
+                            constraints: {
+                                required: true
+                            }
+                        }
+                    ]
+                }
+            }
+        ]
+    }
+];
+
+exports.coreDescriptors = coreDescriptors;
+//# sourceMappingURL=coreDescriptors.js.map

package/dist/cjs/core/coreDescriptors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreDescriptors.js","sources":["../../../core/coreDescriptors.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 { ComponentDescriptor, PropertyValueType } from '@cratis/scene.model';\nimport { componentRegistryKey } from '../packages';\n\nconst key = (name: string) => componentRegistryKey('core', name);\n\n/**\n * What can be edited on the `core` package's components.\n *\n * Only the components an author configures by hand are described: a button's label, an action's command and its\n * argument mapping, a column's heading, and the navigation bar. The Screenplay structural components - `data`,\n * `section`, `summary` - have nothing to edit that is not already a node in the tree.\n */\nexport const coreDescriptors: ComponentDescriptor[] = [\n    {\n        component: key('button'),\n        displayName: 'Button',\n        properties: [\n            { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String, default: '' },\n        ],\n    },\n    {\n        component: key('action'),\n        displayName: 'Command action',\n        description: 'Invokes a modeled command. The command and its argument mapping are stored on the element; the host that handles the command event reads them.',\n        properties: [\n            { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String },\n            {\n                path: 'command', label: 'Command', group: 'Behavior', valueType: PropertyValueType.String,\n                editorKind: 'stateChangeReference', constraints: { required: true },\n                description: 'The state change this action submits.',\n            },\n            {\n                path: 'arguments', label: 'Argument mapping', group: 'Behavior', valueType: PropertyValueType.Collection,\n                description: 'Where each command argument comes from.',\n                item: {\n                    label: 'Argument',\n                    properties: [\n                        { path: 'name', label: 'Argument', group: 'Behavior', valueType: PropertyValueType.String, constraints: { required: true } },\n                        { path: 'source', label: 'Source', group: 'Behavior', valueType: PropertyValueType.String, editorKind: 'bindingPath', constraints: { required: true } },\n                    ],\n                },\n            },\n        ],\n    },\n    {\n        component: key('column'),\n        displayName: 'Table column',\n        properties: [\n            { path: 'property', label: 'Result field', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField', constraints: { required: true } },\n            { path: 'label', label: 'Heading', group: 'Content', valueType: PropertyValueType.String },\n        ],\n    },\n    {\n        component: key('navigationBar'),\n        displayName: 'Navigation bar',\n        description: 'A list of navigation items. A template author fixes the first item (Home) and can expose the list so that screens add their own.',\n        properties: [\n            { path: 'title', label: 'Title', group: 'Content', valueType: PropertyValueType.String, default: 'Navigation' },\n            {\n                path: 'items', label: 'Items', group: 'Content', valueType: PropertyValueType.Collection, default: [],\n                item: {\n                    label: 'Navigation item',\n                    properties: [\n                        { path: 'label', label: 'Label', group: 'Content', valueType: PropertyValueType.String, constraints: { required: true, minimumLength: 1 } },\n                        { path: 'icon', label: 'Icon', group: 'Content', valueType: PropertyValueType.Icon, editorKind: 'iconPicker' },\n                        { path: 'destination', label: 'Destination', group: 'Content', valueType: PropertyValueType.Destination, editorKind: 'screenPicker', constraints: { required: true } },\n                    ],\n                },\n            },\n        ],\n    },\n];\n"],"names":["key","name","componentRegistryKey","coreDescriptors","component","displayName","properties","path","label","group","valueType","PropertyValueType","String","default","description","editorKind","constraints","required","Collection","item","minimumLength","Icon","Destination"],"mappings":"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"}

package/dist/cjs/core/corePackage.js

@@ -2,6 +2,7 @@
 
 var scene_model = require('@cratis/scene.model');
 var coreComponents = require('./coreComponents.js');
+var coreDescriptors = require('./coreDescriptors.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -30,7 +31,8 @@ var coreComponents = require('./coreComponents.js');
         'summary',
         'field',
         'code',
-        'file'
+        'file',
+        'navigationBar'
     ],
     layouts: [],
     screenTemplates: [],
@@ -46,7 +48,8 @@ var coreComponents = require('./coreComponents.js');
  * The `core` package as a loadable bundle.
  */ const corePackage = {
     manifest: corePackageManifest,
-    components: coreComponents.coreComponents
+    components: coreComponents.coreComponents,
+    descriptors: coreDescriptors.coreDescriptors
 };
 
 exports.corePackage = corePackage;

package/dist/cjs/core/corePackage.js.map

@@ -1 +1 @@
-{"version":3,"file":"corePackage.js","sources":["../../../core/corePackage.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 } from '../packages';\nimport { coreComponents } from './coreComponents';\n\n/**\n * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;\n * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to\n * resolve regardless of which packages a profile lists. It is still declared the same way as any other -\n * a package picker should be able to show it, and the dependency resolver should be able to reason about\n * it, without a special case.\n */\nexport const corePackageManifest: ScenePackage = {\n    name: 'core',\n    version: '1.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [],\n    components: [\n        'text',\n        'button',\n        'card',\n        'data',\n        'action',\n        'section',\n        'navigate',\n        'title',\n        'table',\n        'column',\n        'summary',\n        'field',\n        'code',\n        'file',\n    ],\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n    themes: [],\n    displayName: 'Core',\n    description: 'The built-in fallback vocabulary every ui profile resolves against.',\n    module: '@cratis/scene.react',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","corePackage","manifest","coreComponents"],"mappings":";;;;;AAAA;AACA;AAMA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,OAAA;AACA,QAAA,OAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,OAAA;AACA,QAAA,MAAA;AACA,QAAA;AACH,KAAA;AACDC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,MAAAA,EAAQ,EAAE;IACVC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,qEAAA;IACbC,MAAAA,EAAQ,qBAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUlB,mBAAAA;IACVO,UAAAA,EAAYY;AAChB;;;"}
+{"version":3,"file":"corePackage.js","sources":["../../../core/corePackage.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 } from '../packages';\nimport { coreComponents } from './coreComponents';\nimport { coreDescriptors } from './coreDescriptors';\n\n/**\n * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;\n * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to\n * resolve regardless of which packages a profile lists. It is still declared the same way as any other -\n * a package picker should be able to show it, and the dependency resolver should be able to reason about\n * it, without a special case.\n */\nexport const corePackageManifest: ScenePackage = {\n    name: 'core',\n    version: '1.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [],\n    components: [\n        'text',\n        'button',\n        'card',\n        'data',\n        'action',\n        'section',\n        'navigate',\n        'title',\n        'table',\n        'column',\n        'summary',\n        'field',\n        'code',\n        'file',\n        'navigationBar',\n    ],\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n    themes: [],\n    displayName: 'Core',\n    description: 'The built-in fallback vocabulary every ui profile resolves against.',\n    module: '@cratis/scene.react',\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n    descriptors: coreDescriptors,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","corePackage","manifest","coreComponents","descriptors","coreDescriptors"],"mappings":";;;;;;AAAA;AACA;AAOA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,OAAA;AACA,QAAA,OAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,OAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA;AACH,KAAA;AACDC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,MAAAA,EAAQ,EAAE;IACVC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,qEAAA;IACbC,MAAAA,EAAQ,qBAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUlB,mBAAAA;IACVO,UAAAA,EAAYY,6BAAAA;IACZC,WAAAA,EAAaC;AACjB;;;"}

package/dist/cjs/index.js

@@ -7,6 +7,8 @@ var InteractiveComponent = require('./renderer/InteractiveComponent.js');
 var CoreText = require('./core/CoreText.js');
 var CoreButton = require('./core/CoreButton.js');
 var CoreCard = require('./core/CoreCard.js');
+var CoreNavigationBar = require('./core/CoreNavigationBar.js');
+var coreDescriptors = require('./core/coreDescriptors.js');
 var ScreenplayCoreComponents = require('./core/ScreenplayCoreComponents.js');
 var coreComponents = require('./core/coreComponents.js');
 var corePackage = require('./core/corePackage.js');
@@ -32,6 +34,8 @@ exports.InteractiveComponent = InteractiveComponent.InteractiveComponent;
 exports.CoreText = CoreText.CoreText;
 exports.CoreButton = CoreButton.CoreButton;
 exports.CoreCard = CoreCard.CoreCard;
+exports.CoreNavigationBar = CoreNavigationBar.CoreNavigationBar;
+exports.coreDescriptors = coreDescriptors.coreDescriptors;
 exports.CoreAction = ScreenplayCoreComponents.CoreAction;
 exports.CoreCode = ScreenplayCoreComponents.CoreCode;
 exports.CoreColumn = ScreenplayCoreComponents.CoreColumn;

package/dist/cjs/index.js.map

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