@cratis/scene.components 4.16.0 → 4.17.0

package/cratisComponentsDescriptors.ts

@@ -87,6 +87,21 @@ const commandFormProperties: PropertyDescriptor[] = [
  * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the
  * same way it adds a component to the manifest.
  */
+const toolbarButtonProperties: PropertyDescriptor[] = [
+    { path: 'title', label: 'Label', group: 'Content', valueType: PropertyValueType.String, description: 'The accessible name and tooltip.' },
+    { path: 'icon', label: 'Icon', group: 'Content', valueType: PropertyValueType.Icon, editorKind: 'icon' },
+    { path: 'text', label: 'Text', group: 'Content', valueType: PropertyValueType.String, description: 'Short text shown instead of the icon.' },
+    { path: 'active', label: 'Active', group: 'Presentation', valueType: PropertyValueType.Boolean, default: false },
+    {
+        path: 'tooltipPosition', label: 'Tooltip position', group: 'Presentation', valueType: PropertyValueType.Enum, default: 'right',
+        choices: [{ value: 'top', label: 'Top' }, { value: 'right', label: 'Right' }, { value: 'bottom', label: 'Bottom' }, { value: 'left', label: 'Left' }],
+    },
+    {
+        path: 'destination', label: 'Destination', group: 'Navigation', valueType: PropertyValueType.Destination,
+        description: 'The screen, slice or dialog the button opens - executed by the enclosing navigation host.',
+    },
+];
+
 export const cratisComponentsDescriptors: ComponentDescriptor[] = [
     { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },
     { component: key('table'), displayName: 'Table', properties: dataTableProperties },
@@ -104,4 +119,5 @@ export const cratisComponentsDescriptors: ComponentDescriptor[] = [
             description: 'Creates a deterministic editable field layout from the selected command metadata.',
         }],
     },
+    { component: key('toolbarButton'), displayName: 'Toolbar button', properties: toolbarButtonProperties },
 ];

package/dist/cjs/cratisComponentsDescriptors.js

@@ -230,7 +230,69 @@ const commandFormProperties = [
  * Only the query-bound tables are described so far; the form, dialog and editor composites carry
  * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the
  * same way it adds a component to the manifest.
- */ const cratisComponentsDescriptors = [
+ */ const toolbarButtonProperties = [
+    {
+        path: 'title',
+        label: 'Label',
+        group: 'Content',
+        valueType: scene_model.PropertyValueType.String,
+        description: 'The accessible name and tooltip.'
+    },
+    {
+        path: 'icon',
+        label: 'Icon',
+        group: 'Content',
+        valueType: scene_model.PropertyValueType.Icon,
+        editorKind: 'icon'
+    },
+    {
+        path: 'text',
+        label: 'Text',
+        group: 'Content',
+        valueType: scene_model.PropertyValueType.String,
+        description: 'Short text shown instead of the icon.'
+    },
+    {
+        path: 'active',
+        label: 'Active',
+        group: 'Presentation',
+        valueType: scene_model.PropertyValueType.Boolean,
+        default: false
+    },
+    {
+        path: 'tooltipPosition',
+        label: 'Tooltip position',
+        group: 'Presentation',
+        valueType: scene_model.PropertyValueType.Enum,
+        default: 'right',
+        choices: [
+            {
+                value: 'top',
+                label: 'Top'
+            },
+            {
+                value: 'right',
+                label: 'Right'
+            },
+            {
+                value: 'bottom',
+                label: 'Bottom'
+            },
+            {
+                value: 'left',
+                label: 'Left'
+            }
+        ]
+    },
+    {
+        path: 'destination',
+        label: 'Destination',
+        group: 'Navigation',
+        valueType: scene_model.PropertyValueType.Destination,
+        description: 'The screen, slice or dialog the button opens - executed by the enclosing navigation host.'
+    }
+];
+const cratisComponentsDescriptors = [
     {
         component: key('dataTable'),
         displayName: 'Data table',
@@ -260,6 +322,11 @@ const commandFormProperties = [
                 description: 'Creates a deterministic editable field layout from the selected command metadata.'
             }
         ]
+    },
+    {
+        component: key('toolbarButton'),
+        displayName: 'Toolbar button',
+        properties: toolbarButtonProperties
     }
 ];
 

package/dist/cjs/cratisComponentsDescriptors.js.map

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { BindingMode, BindingSourceKind, ComponentDescriptor, DesignTimeActionPlacement, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n    {\n        path: 'selectedItem', label: 'Selected item', group: 'Outputs', valueType: PropertyValueType.Object, readOnly: true,\n        output: true, bindingMode: BindingMode.OneWay,\n        description: 'The currently selected row, or null after selection is cleared.',\n    },\n];\n\nconst commandFormProperties: PropertyDescriptor[] = [\n    {\n        path: 'command', label: 'Command', group: 'Command', valueType: PropertyValueType.String, editorKind: 'commandBinding',\n        constraints: { required: true },\n        description: 'The Arc command proxy rendered through the native command form runtime.',\n    },\n    {\n        path: 'mode', label: 'Mode', group: 'Layout', valueType: PropertyValueType.Enum,\n        choices: [{ value: 'auto', label: 'Auto' }, { value: 'manual', label: 'Manual' }], default: 'auto',\n        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.',\n    },\n    { path: 'columns', label: 'Legacy columns', group: 'Layout', valueType: PropertyValueType.Number, default: 1, description: 'Backward-compatible column count used when no typed layout metadata is authored.' },\n    { path: 'layout', label: 'Layout', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormLayout', description: 'Typed command-form geometry: columns, gaps and field placements. Independent of auto/manual field generation.' },\n    {\n        path: 'widthSizeClass', label: 'Width size class', group: 'Layout', valueType: PropertyValueType.Enum, default: 'Regular',\n        choices: [{ value: 'Regular', label: 'Regular' }, { value: 'Compact', label: 'Compact' }],\n        description: 'The width size class the host evaluated. At Compact the fields of a manual form stack in one column in reading order.',\n    },\n    { path: 'fieldWidths', label: 'Legacy field widths', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'fieldWidths' },\n    {\n        path: 'inputs', label: 'Fields', group: 'Layout', valueType: PropertyValueType.Collection, editorKind: 'commandFields',\n        acceptedBindingKinds: [BindingSourceKind.DataContext, BindingSourceKind.ComponentProperty],\n        item: {\n            label: 'Field',\n            properties: [\n                { path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'type', label: 'Type', group: 'Field', valueType: PropertyValueType.Enum, choices: [{ value: 'string', label: 'String' }, { value: 'guid', label: 'Guid' }] },\n                { path: 'label', label: 'Label', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'column', label: 'Legacy column', group: 'Layout', valueType: PropertyValueType.Number },\n                { path: 'width', label: 'Legacy width token', group: 'Layout', valueType: PropertyValueType.String },\n                { path: 'placement', label: 'Placement', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormFieldPlacement' },\n            ],\n        },\n    },\n    {\n        path: 'exclude', label: 'Excluded fields', group: 'Command', valueType: PropertyValueType.Collection,\n        item: { label: 'Excluded field', properties: [{ path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String }] },\n    },\n    { path: 'submitLabel', label: 'Submit label', group: 'Content', valueType: PropertyValueType.String, default: 'Submit' },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n    {\n        component: key('commandForm'),\n        displayName: 'Command form',\n        editorKind: 'commandFormDesigner',\n        properties: commandFormProperties,\n        actions: [{\n            id: 'Cratis.Components.commandForm.generateFields',\n            label: 'Generate fields',\n            placement: DesignTimeActionPlacement.Toolbar,\n            availability: 'commandForm.canGenerateFields',\n            description: 'Creates a deterministic editable field layout from the selected command metadata.',\n        }],\n    },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","readOnly","output","bindingMode","BindingMode","OneWay","commandFormProperties","Enum","choices","value","Number","acceptedBindingKinds","BindingSourceKind","DataContext","ComponentProperty","item","properties","cratisComponentsDescriptors","component","displayName","actions","id","placement","DesignTimeActionPlacement","Toolbar","availability"],"mappings":"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"}
+{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { BindingMode, BindingSourceKind, ComponentDescriptor, DesignTimeActionPlacement, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n    {\n        path: 'selectedItem', label: 'Selected item', group: 'Outputs', valueType: PropertyValueType.Object, readOnly: true,\n        output: true, bindingMode: BindingMode.OneWay,\n        description: 'The currently selected row, or null after selection is cleared.',\n    },\n];\n\nconst commandFormProperties: PropertyDescriptor[] = [\n    {\n        path: 'command', label: 'Command', group: 'Command', valueType: PropertyValueType.String, editorKind: 'commandBinding',\n        constraints: { required: true },\n        description: 'The Arc command proxy rendered through the native command form runtime.',\n    },\n    {\n        path: 'mode', label: 'Mode', group: 'Layout', valueType: PropertyValueType.Enum,\n        choices: [{ value: 'auto', label: 'Auto' }, { value: 'manual', label: 'Manual' }], default: 'auto',\n        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.',\n    },\n    { path: 'columns', label: 'Legacy columns', group: 'Layout', valueType: PropertyValueType.Number, default: 1, description: 'Backward-compatible column count used when no typed layout metadata is authored.' },\n    { path: 'layout', label: 'Layout', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormLayout', description: 'Typed command-form geometry: columns, gaps and field placements. Independent of auto/manual field generation.' },\n    {\n        path: 'widthSizeClass', label: 'Width size class', group: 'Layout', valueType: PropertyValueType.Enum, default: 'Regular',\n        choices: [{ value: 'Regular', label: 'Regular' }, { value: 'Compact', label: 'Compact' }],\n        description: 'The width size class the host evaluated. At Compact the fields of a manual form stack in one column in reading order.',\n    },\n    { path: 'fieldWidths', label: 'Legacy field widths', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'fieldWidths' },\n    {\n        path: 'inputs', label: 'Fields', group: 'Layout', valueType: PropertyValueType.Collection, editorKind: 'commandFields',\n        acceptedBindingKinds: [BindingSourceKind.DataContext, BindingSourceKind.ComponentProperty],\n        item: {\n            label: 'Field',\n            properties: [\n                { path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'type', label: 'Type', group: 'Field', valueType: PropertyValueType.Enum, choices: [{ value: 'string', label: 'String' }, { value: 'guid', label: 'Guid' }] },\n                { path: 'label', label: 'Label', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'column', label: 'Legacy column', group: 'Layout', valueType: PropertyValueType.Number },\n                { path: 'width', label: 'Legacy width token', group: 'Layout', valueType: PropertyValueType.String },\n                { path: 'placement', label: 'Placement', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormFieldPlacement' },\n            ],\n        },\n    },\n    {\n        path: 'exclude', label: 'Excluded fields', group: 'Command', valueType: PropertyValueType.Collection,\n        item: { label: 'Excluded field', properties: [{ path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String }] },\n    },\n    { path: 'submitLabel', label: 'Submit label', group: 'Content', valueType: PropertyValueType.String, default: 'Submit' },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nconst toolbarButtonProperties: PropertyDescriptor[] = [\n    { path: 'title', label: 'Label', group: 'Content', valueType: PropertyValueType.String, description: 'The accessible name and tooltip.' },\n    { path: 'icon', label: 'Icon', group: 'Content', valueType: PropertyValueType.Icon, editorKind: 'icon' },\n    { path: 'text', label: 'Text', group: 'Content', valueType: PropertyValueType.String, description: 'Short text shown instead of the icon.' },\n    { path: 'active', label: 'Active', group: 'Presentation', valueType: PropertyValueType.Boolean, default: false },\n    {\n        path: 'tooltipPosition', label: 'Tooltip position', group: 'Presentation', valueType: PropertyValueType.Enum, default: 'right',\n        choices: [{ value: 'top', label: 'Top' }, { value: 'right', label: 'Right' }, { value: 'bottom', label: 'Bottom' }, { value: 'left', label: 'Left' }],\n    },\n    {\n        path: 'destination', label: 'Destination', group: 'Navigation', valueType: PropertyValueType.Destination,\n        description: 'The screen, slice or dialog the button opens - executed by the enclosing navigation host.',\n    },\n];\n\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n    {\n        component: key('commandForm'),\n        displayName: 'Command form',\n        editorKind: 'commandFormDesigner',\n        properties: commandFormProperties,\n        actions: [{\n            id: 'Cratis.Components.commandForm.generateFields',\n            label: 'Generate fields',\n            placement: DesignTimeActionPlacement.Toolbar,\n            availability: 'commandForm.canGenerateFields',\n            description: 'Creates a deterministic editable field layout from the selected command metadata.',\n        }],\n    },\n    { component: key('toolbarButton'), displayName: 'Toolbar button', properties: toolbarButtonProperties },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","readOnly","output","bindingMode","BindingMode","OneWay","commandFormProperties","Enum","choices","value","Number","acceptedBindingKinds","BindingSourceKind","DataContext","ComponentProperty","item","properties","toolbarButtonProperties","Icon","Boolean","Destination","cratisComponentsDescriptors","component","displayName","actions","id","placement","DesignTimeActionPlacement","Toolbar","availability"],"mappings":"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"}

package/dist/cjs/toolbar/SceneToolbarButton.js

@@ -1,7 +1,9 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
 var Toolbar = require('@cratis/components/Toolbar');
+var scene_react = require('@cratis/scene.react');
 var properties = require('../properties.js');
 
 /** Which side of the button its tooltip appears on. */ const tooltipPositions = [
@@ -17,16 +19,46 @@ var properties = require('../properties.js');
  * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the
  * icons. It defaults to the `text` property rather than to an empty string, so a button that has a
  * visible label is never left nameless.
- */ function SceneToolbarButton({ element }) {
+ */ /**
+ * A toolbar button. Its authored `destination` - a screen in an outlet, or a dialog - is executed by the
+ * enclosing navigation host; outside one it is announced with the host-neutral `cratis.scene.navigate` event.
+ * Interactions attached by the document run first.
+ */ function SceneToolbarButton({ element, interactions }) {
     const text = properties.stringProperty(element.properties, 'text');
+    const navigation = react.useContext(scene_react.SceneNavigationContextInternal);
+    const destination = isDestination(element.properties.destination) ? element.properties.destination : undefined;
+    const onClick = ()=>{
+        interactions?.onClick?.({
+            stopPropagation: ()=>undefined
+        });
+        if (!destination) return;
+        if (navigation) navigation.navigate(destination);
+        else globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+            detail: {
+                destination,
+                element
+            }
+        }));
+    };
     return /*#__PURE__*/ jsxRuntime.jsx(Toolbar.ToolbarButton, {
         icon: properties.stringProperty(element.properties, 'icon'),
         text: text,
         title: properties.stringProperty(element.properties, 'title') ?? text ?? '',
         active: properties.booleanProperty(element.properties, 'active'),
-        tooltipPosition: properties.unionProperty(element.properties, 'tooltipPosition', tooltipPositions)
+        tooltipPosition: properties.unionProperty(element.properties, 'tooltipPosition', tooltipPositions),
+        onClick: onClick
     });
 }
+function isDestination(value) {
+    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;
+    const candidate = value;
+    return [
+        'screen',
+        'module',
+        'route',
+        'dialog'
+    ].some((key)=>typeof candidate[key] === 'string');
+}
 
 exports.SceneToolbarButton = SceneToolbarButton;
 //# sourceMappingURL=SceneToolbarButton.js.map

package/dist/cjs/toolbar/SceneToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { ToolbarButton } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\nexport function SceneToolbarButton({ element }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n        />\n    );\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","text","stringProperty","properties","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty"],"mappings":";;;;;;AAOA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;AAOC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAMC,IAAAA,GAAOC,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;AAEhD,IAAA,qBACIC,cAAA,CAACC,qBAAAA,EAAAA;QACGC,IAAAA,EAAMJ,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNM,QAAAA,KAAAA,EAAOL,yBAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DO,MAAAA,EAAQC,0BAAAA,CAAgBT,OAAAA,CAAQG,UAAU,EAAE,QAAA,CAAA;AAC5CO,QAAAA,eAAAA,EAAiBC,wBAAAA,CAAcX,OAAAA,CAAQG,UAAU,EAAE,iBAAA,EAAmBL,gBAAAA;;AAGlF;;"}
+{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { useContext } from 'react';\nimport { ToolbarButton } from '@cratis/components/Toolbar';\nimport { DestinationReference } from '@cratis/scene.model';\nimport { RegisteredComponentProps, SceneNavigationContextInternal } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\n/**\n * A toolbar button. Its authored `destination` - a screen in an outlet, or a dialog - is executed by the\n * enclosing navigation host; outside one it is announced with the host-neutral `cratis.scene.navigate` event.\n * Interactions attached by the document run first.\n */\nexport function SceneToolbarButton({ element, interactions }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n    const navigation = useContext(SceneNavigationContextInternal);\n    const destination = isDestination(element.properties.destination) ? element.properties.destination : undefined;\n    const onClick = () => {\n        interactions?.onClick?.({ stopPropagation: () => undefined });\n        if (!destination) return;\n        if (navigation) navigation.navigate(destination);\n        else globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', { detail: { destination, element } }));\n    };\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n            onClick={onClick}\n        />\n    );\n}\n\nfunction isDestination(value: unknown): value is DestinationReference {\n    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;\n    const candidate = value as Record<string, unknown>;\n    return ['screen', 'module', 'route', 'dialog'].some(key => typeof candidate[key] === 'string');\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","interactions","text","stringProperty","properties","navigation","useContext","SceneNavigationContextInternal","destination","isDestination","undefined","onClick","stopPropagation","navigate","globalThis","dispatchEvent","CustomEvent","detail","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty","value","Array","isArray","candidate","some","key"],"mappings":";;;;;;;;AASA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;;;;;AAYC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAAEC,YAAY,EAA4B,EAAA;AAClF,IAAA,MAAMC,IAAAA,GAAOC,yBAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,MAAA,CAAA;AAChD,IAAA,MAAMC,aAAaC,gBAAAA,CAAWC,0CAAAA,CAAAA;IAC9B,MAAMC,WAAAA,GAAcC,aAAAA,CAAcT,OAAAA,CAAQI,UAAU,CAACI,WAAW,CAAA,GAAIR,OAAAA,CAAQI,UAAU,CAACI,WAAW,GAAGE,SAAAA;AACrG,IAAA,MAAMC,OAAAA,GAAU,IAAA;AACZV,QAAAA,YAAAA,EAAcU,OAAAA,GAAU;AAAEC,YAAAA,eAAAA,EAAiB,IAAMF;AAAU,SAAA,CAAA;AAC3D,QAAA,IAAI,CAACF,WAAAA,EAAa;QAClB,IAAIH,UAAAA,EAAYA,UAAAA,CAAWQ,QAAQ,CAACL,WAAAA,CAAAA;AAC/BM,aAAAA,UAAAA,CAAWC,aAAa,CAAC,IAAIC,WAAAA,CAAY,uBAAA,EAAyB;YAAEC,MAAAA,EAAQ;AAAET,gBAAAA,WAAAA;AAAaR,gBAAAA;AAAQ;AAAE,SAAA,CAAA,CAAA;AAC9G,IAAA,CAAA;AAEA,IAAA,qBACIkB,cAAA,CAACC,qBAAAA,EAAAA;QACGC,IAAAA,EAAMjB,yBAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNmB,QAAAA,KAAAA,EAAOlB,yBAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DoB,MAAAA,EAAQC,0BAAAA,CAAgBvB,OAAAA,CAAQI,UAAU,EAAE,QAAA,CAAA;AAC5CoB,QAAAA,eAAAA,EAAiBC,wBAAAA,CAAczB,OAAAA,CAAQI,UAAU,EAAE,iBAAA,EAAmBN,gBAAAA,CAAAA;QACtEa,OAAAA,EAASA;;AAGrB;AAEA,SAASF,cAAciB,KAAc,EAAA;IACjC,IAAIA,KAAAA,KAAU,QAAQ,OAAOA,KAAAA,KAAU,YAAYC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,KAAA;AAChF,IAAA,MAAMG,SAAAA,GAAYH,KAAAA;IAClB,OAAO;AAAC,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;KAAS,CAACI,IAAI,CAACC,CAAAA,GAAAA,GAAO,OAAOF,SAAS,CAACE,IAAI,KAAK,QAAA,CAAA;AACzF;;"}

package/dist/esm/cratisComponentsDescriptors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsDescriptors.d.ts","sourceRoot":"","sources":["../../cratisComponentsDescriptors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkC,mBAAmB,EAAsF,MAAM,qBAAqB,CAAC;AAsF9K,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAiB5D,CAAC"}
+{"version":3,"file":"cratisComponentsDescriptors.d.ts","sourceRoot":"","sources":["../../cratisComponentsDescriptors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkC,mBAAmB,EAAsF,MAAM,qBAAqB,CAAC;AAqG9K,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAkB5D,CAAC"}

package/dist/esm/cratisComponentsDescriptors.js

@@ -228,7 +228,69 @@ const commandFormProperties = [
  * Only the query-bound tables are described so far; the form, dialog and editor composites carry
  * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the
  * same way it adds a component to the manifest.
- */ const cratisComponentsDescriptors = [
+ */ const toolbarButtonProperties = [
+    {
+        path: 'title',
+        label: 'Label',
+        group: 'Content',
+        valueType: PropertyValueType.String,
+        description: 'The accessible name and tooltip.'
+    },
+    {
+        path: 'icon',
+        label: 'Icon',
+        group: 'Content',
+        valueType: PropertyValueType.Icon,
+        editorKind: 'icon'
+    },
+    {
+        path: 'text',
+        label: 'Text',
+        group: 'Content',
+        valueType: PropertyValueType.String,
+        description: 'Short text shown instead of the icon.'
+    },
+    {
+        path: 'active',
+        label: 'Active',
+        group: 'Presentation',
+        valueType: PropertyValueType.Boolean,
+        default: false
+    },
+    {
+        path: 'tooltipPosition',
+        label: 'Tooltip position',
+        group: 'Presentation',
+        valueType: PropertyValueType.Enum,
+        default: 'right',
+        choices: [
+            {
+                value: 'top',
+                label: 'Top'
+            },
+            {
+                value: 'right',
+                label: 'Right'
+            },
+            {
+                value: 'bottom',
+                label: 'Bottom'
+            },
+            {
+                value: 'left',
+                label: 'Left'
+            }
+        ]
+    },
+    {
+        path: 'destination',
+        label: 'Destination',
+        group: 'Navigation',
+        valueType: PropertyValueType.Destination,
+        description: 'The screen, slice or dialog the button opens - executed by the enclosing navigation host.'
+    }
+];
+const cratisComponentsDescriptors = [
     {
         component: key('dataTable'),
         displayName: 'Data table',
@@ -258,6 +320,11 @@ const commandFormProperties = [
                 description: 'Creates a deterministic editable field layout from the selected command metadata.'
             }
         ]
+    },
+    {
+        component: key('toolbarButton'),
+        displayName: 'Toolbar button',
+        properties: toolbarButtonProperties
     }
 ];
 

package/dist/esm/cratisComponentsDescriptors.js.map

@@ -1 +1 @@
-{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { BindingMode, BindingSourceKind, ComponentDescriptor, DesignTimeActionPlacement, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n    {\n        path: 'selectedItem', label: 'Selected item', group: 'Outputs', valueType: PropertyValueType.Object, readOnly: true,\n        output: true, bindingMode: BindingMode.OneWay,\n        description: 'The currently selected row, or null after selection is cleared.',\n    },\n];\n\nconst commandFormProperties: PropertyDescriptor[] = [\n    {\n        path: 'command', label: 'Command', group: 'Command', valueType: PropertyValueType.String, editorKind: 'commandBinding',\n        constraints: { required: true },\n        description: 'The Arc command proxy rendered through the native command form runtime.',\n    },\n    {\n        path: 'mode', label: 'Mode', group: 'Layout', valueType: PropertyValueType.Enum,\n        choices: [{ value: 'auto', label: 'Auto' }, { value: 'manual', label: 'Manual' }], default: 'auto',\n        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.',\n    },\n    { path: 'columns', label: 'Legacy columns', group: 'Layout', valueType: PropertyValueType.Number, default: 1, description: 'Backward-compatible column count used when no typed layout metadata is authored.' },\n    { path: 'layout', label: 'Layout', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormLayout', description: 'Typed command-form geometry: columns, gaps and field placements. Independent of auto/manual field generation.' },\n    {\n        path: 'widthSizeClass', label: 'Width size class', group: 'Layout', valueType: PropertyValueType.Enum, default: 'Regular',\n        choices: [{ value: 'Regular', label: 'Regular' }, { value: 'Compact', label: 'Compact' }],\n        description: 'The width size class the host evaluated. At Compact the fields of a manual form stack in one column in reading order.',\n    },\n    { path: 'fieldWidths', label: 'Legacy field widths', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'fieldWidths' },\n    {\n        path: 'inputs', label: 'Fields', group: 'Layout', valueType: PropertyValueType.Collection, editorKind: 'commandFields',\n        acceptedBindingKinds: [BindingSourceKind.DataContext, BindingSourceKind.ComponentProperty],\n        item: {\n            label: 'Field',\n            properties: [\n                { path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'type', label: 'Type', group: 'Field', valueType: PropertyValueType.Enum, choices: [{ value: 'string', label: 'String' }, { value: 'guid', label: 'Guid' }] },\n                { path: 'label', label: 'Label', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'column', label: 'Legacy column', group: 'Layout', valueType: PropertyValueType.Number },\n                { path: 'width', label: 'Legacy width token', group: 'Layout', valueType: PropertyValueType.String },\n                { path: 'placement', label: 'Placement', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormFieldPlacement' },\n            ],\n        },\n    },\n    {\n        path: 'exclude', label: 'Excluded fields', group: 'Command', valueType: PropertyValueType.Collection,\n        item: { label: 'Excluded field', properties: [{ path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String }] },\n    },\n    { path: 'submitLabel', label: 'Submit label', group: 'Content', valueType: PropertyValueType.String, default: 'Submit' },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n    {\n        component: key('commandForm'),\n        displayName: 'Command form',\n        editorKind: 'commandFormDesigner',\n        properties: commandFormProperties,\n        actions: [{\n            id: 'Cratis.Components.commandForm.generateFields',\n            label: 'Generate fields',\n            placement: DesignTimeActionPlacement.Toolbar,\n            availability: 'commandForm.canGenerateFields',\n            description: 'Creates a deterministic editable field layout from the selected command metadata.',\n        }],\n    },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","readOnly","output","bindingMode","BindingMode","OneWay","commandFormProperties","Enum","choices","value","Number","acceptedBindingKinds","BindingSourceKind","DataContext","ComponentProperty","item","properties","cratisComponentsDescriptors","component","displayName","actions","id","placement","DesignTimeActionPlacement","Toolbar","availability"],"mappings":"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"}
+{"version":3,"file":"cratisComponentsDescriptors.js","sources":["../../cratisComponentsDescriptors.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 { BindingMode, BindingSourceKind, ComponentDescriptor, DesignTimeActionPlacement, PropertyDescriptor, PropertyValueType, QueryResultShape } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\n\n// The package name, spelled out so describing components does not pull every adapter (and its UI dependencies) in\n// with it; the bundle's validation checks each key against the manifest.\nconst key = (name: string) => componentRegistryKey('Cratis.Components', name);\n\n/**\n * The properties every query-bound data table shares: which query feeds it, and the few settings that shape how\n * it shows the result.\n *\n * `query` is a `QueryReference`, so an editor binds it to a host-supplied query candidate and validates the\n * arguments against it. What is stored is a `QueryBinding`; a plain query name - what screens carried before\n * bindings existed - is still read, as a binding with no explicit connections. The columns are not properties:\n * they are the `content` slot's children, edited as nodes.\n */\nconst dataTableProperties: PropertyDescriptor[] = [\n    {\n        path: 'query', label: 'Query', group: 'Data', valueType: PropertyValueType.QueryReference, editorKind: 'queryBinding',\n        description: 'The collection query that feeds the table.',\n        constraints: { required: true, resultShapes: [QueryResultShape.Collection] },\n    },\n    { path: 'emptyMessage', label: 'Empty message', group: 'Content', valueType: PropertyValueType.String, default: '' },\n    {\n        path: 'dataKey', label: 'Row identity', group: 'Data', valueType: PropertyValueType.String, editorKind: 'resultField',\n        description: 'The result field that identifies a row.',\n    },\n    {\n        path: 'globalFilterFields', label: 'Searchable fields', group: 'Data', valueType: PropertyValueType.Object, editorKind: 'resultFieldList',\n        description: 'The result fields the table\\'s search box looks in.',\n    },\n    {\n        path: 'selectedItem', label: 'Selected item', group: 'Outputs', valueType: PropertyValueType.Object, readOnly: true,\n        output: true, bindingMode: BindingMode.OneWay,\n        description: 'The currently selected row, or null after selection is cleared.',\n    },\n];\n\nconst commandFormProperties: PropertyDescriptor[] = [\n    {\n        path: 'command', label: 'Command', group: 'Command', valueType: PropertyValueType.String, editorKind: 'commandBinding',\n        constraints: { required: true },\n        description: 'The Arc command proxy rendered through the native command form runtime.',\n    },\n    {\n        path: 'mode', label: 'Mode', group: 'Layout', valueType: PropertyValueType.Enum,\n        choices: [{ value: 'auto', label: 'Auto' }, { value: 'manual', label: 'Manual' }], default: 'auto',\n        description: 'Auto follows command metadata; manual renders explicit inputs inside the same native form boundary.',\n    },\n    { path: 'columns', label: 'Legacy columns', group: 'Layout', valueType: PropertyValueType.Number, default: 1, description: 'Backward-compatible column count used when no typed layout metadata is authored.' },\n    { path: 'layout', label: 'Layout', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormLayout', description: 'Typed command-form geometry: columns, gaps and field placements. Independent of auto/manual field generation.' },\n    {\n        path: 'widthSizeClass', label: 'Width size class', group: 'Layout', valueType: PropertyValueType.Enum, default: 'Regular',\n        choices: [{ value: 'Regular', label: 'Regular' }, { value: 'Compact', label: 'Compact' }],\n        description: 'The width size class the host evaluated. At Compact the fields of a manual form stack in one column in reading order.',\n    },\n    { path: 'fieldWidths', label: 'Legacy field widths', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'fieldWidths' },\n    {\n        path: 'inputs', label: 'Fields', group: 'Layout', valueType: PropertyValueType.Collection, editorKind: 'commandFields',\n        acceptedBindingKinds: [BindingSourceKind.DataContext, BindingSourceKind.ComponentProperty],\n        item: {\n            label: 'Field',\n            properties: [\n                { path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'type', label: 'Type', group: 'Field', valueType: PropertyValueType.Enum, choices: [{ value: 'string', label: 'String' }, { value: 'guid', label: 'Guid' }] },\n                { path: 'label', label: 'Label', group: 'Field', valueType: PropertyValueType.String },\n                { path: 'column', label: 'Legacy column', group: 'Layout', valueType: PropertyValueType.Number },\n                { path: 'width', label: 'Legacy width token', group: 'Layout', valueType: PropertyValueType.String },\n                { path: 'placement', label: 'Placement', group: 'Layout', valueType: PropertyValueType.Object, editorKind: 'commandFormFieldPlacement' },\n            ],\n        },\n    },\n    {\n        path: 'exclude', label: 'Excluded fields', group: 'Command', valueType: PropertyValueType.Collection,\n        item: { label: 'Excluded field', properties: [{ path: 'property', label: 'Property', group: 'Field', valueType: PropertyValueType.String }] },\n    },\n    { path: 'submitLabel', label: 'Submit label', group: 'Content', valueType: PropertyValueType.String, default: 'Submit' },\n];\n\n/**\n * What can be edited on the `Cratis.Components` package's components.\n *\n * Only the query-bound tables are described so far; the form, dialog and editor composites carry\n * Arc proxy classes by name and are configured through their own tooling. A package adds a descriptor here the\n * same way it adds a component to the manifest.\n */\nconst toolbarButtonProperties: PropertyDescriptor[] = [\n    { path: 'title', label: 'Label', group: 'Content', valueType: PropertyValueType.String, description: 'The accessible name and tooltip.' },\n    { path: 'icon', label: 'Icon', group: 'Content', valueType: PropertyValueType.Icon, editorKind: 'icon' },\n    { path: 'text', label: 'Text', group: 'Content', valueType: PropertyValueType.String, description: 'Short text shown instead of the icon.' },\n    { path: 'active', label: 'Active', group: 'Presentation', valueType: PropertyValueType.Boolean, default: false },\n    {\n        path: 'tooltipPosition', label: 'Tooltip position', group: 'Presentation', valueType: PropertyValueType.Enum, default: 'right',\n        choices: [{ value: 'top', label: 'Top' }, { value: 'right', label: 'Right' }, { value: 'bottom', label: 'Bottom' }, { value: 'left', label: 'Left' }],\n    },\n    {\n        path: 'destination', label: 'Destination', group: 'Navigation', valueType: PropertyValueType.Destination,\n        description: 'The screen, slice or dialog the button opens - executed by the enclosing navigation host.',\n    },\n];\n\nexport const cratisComponentsDescriptors: ComponentDescriptor[] = [\n    { component: key('dataTable'), displayName: 'Data table', properties: dataTableProperties },\n    { component: key('table'), displayName: 'Table', properties: dataTableProperties },\n    { component: key('observableDataTable'), displayName: 'Live data table', properties: dataTableProperties },\n    {\n        component: key('commandForm'),\n        displayName: 'Command form',\n        editorKind: 'commandFormDesigner',\n        properties: commandFormProperties,\n        actions: [{\n            id: 'Cratis.Components.commandForm.generateFields',\n            label: 'Generate fields',\n            placement: DesignTimeActionPlacement.Toolbar,\n            availability: 'commandForm.canGenerateFields',\n            description: 'Creates a deterministic editable field layout from the selected command metadata.',\n        }],\n    },\n    { component: key('toolbarButton'), displayName: 'Toolbar button', properties: toolbarButtonProperties },\n];\n"],"names":["key","name","componentRegistryKey","dataTableProperties","path","label","group","valueType","PropertyValueType","QueryReference","editorKind","description","constraints","required","resultShapes","QueryResultShape","Collection","String","default","Object","readOnly","output","bindingMode","BindingMode","OneWay","commandFormProperties","Enum","choices","value","Number","acceptedBindingKinds","BindingSourceKind","DataContext","ComponentProperty","item","properties","toolbarButtonProperties","Icon","Boolean","Destination","cratisComponentsDescriptors","component","displayName","actions","id","placement","DesignTimeActionPlacement","Toolbar","availability"],"mappings":"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"}

package/dist/esm/toolbar/SceneToolbarButton.d.ts

@@ -1,3 +1,3 @@
 import { RegisteredComponentProps } from '@cratis/scene.react';
-export declare function SceneToolbarButton({ element }: RegisteredComponentProps): import("react").JSX.Element;
+export declare function SceneToolbarButton({ element, interactions }: RegisteredComponentProps): import("react").JSX.Element;
 //# sourceMappingURL=SceneToolbarButton.d.ts.map

package/dist/esm/toolbar/SceneToolbarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneToolbarButton.d.ts","sourceRoot":"","sources":["../../../toolbar/SceneToolbarButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAc/D,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAYvE"}
+{"version":3,"file":"SceneToolbarButton.d.ts","sourceRoot":"","sources":["../../../toolbar/SceneToolbarButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAkC,MAAM,qBAAqB,CAAC;AAmB/F,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,wBAAwB,+BAqBrF"}

package/dist/esm/toolbar/SceneToolbarButton.js

@@ -1,5 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
+import { useContext } from 'react';
 import { ToolbarButton } from '@cratis/components/Toolbar';
+import { SceneNavigationContextInternal } from '@cratis/scene.react';
 import { stringProperty, unionProperty, booleanProperty } from '../properties.js';
 
 /** Which side of the button its tooltip appears on. */ const tooltipPositions = [
@@ -15,16 +17,46 @@ import { stringProperty, unionProperty, booleanProperty } from '../properties.js
  * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the
  * icons. It defaults to the `text` property rather than to an empty string, so a button that has a
  * visible label is never left nameless.
- */ function SceneToolbarButton({ element }) {
+ */ /**
+ * A toolbar button. Its authored `destination` - a screen in an outlet, or a dialog - is executed by the
+ * enclosing navigation host; outside one it is announced with the host-neutral `cratis.scene.navigate` event.
+ * Interactions attached by the document run first.
+ */ function SceneToolbarButton({ element, interactions }) {
     const text = stringProperty(element.properties, 'text');
+    const navigation = useContext(SceneNavigationContextInternal);
+    const destination = isDestination(element.properties.destination) ? element.properties.destination : undefined;
+    const onClick = ()=>{
+        interactions?.onClick?.({
+            stopPropagation: ()=>undefined
+        });
+        if (!destination) return;
+        if (navigation) navigation.navigate(destination);
+        else globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+            detail: {
+                destination,
+                element
+            }
+        }));
+    };
     return /*#__PURE__*/ jsx(ToolbarButton, {
         icon: stringProperty(element.properties, 'icon'),
         text: text,
         title: stringProperty(element.properties, 'title') ?? text ?? '',
         active: booleanProperty(element.properties, 'active'),
-        tooltipPosition: unionProperty(element.properties, 'tooltipPosition', tooltipPositions)
+        tooltipPosition: unionProperty(element.properties, 'tooltipPosition', tooltipPositions),
+        onClick: onClick
     });
 }
+function isDestination(value) {
+    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;
+    const candidate = value;
+    return [
+        'screen',
+        'module',
+        'route',
+        'dialog'
+    ].some((key)=>typeof candidate[key] === 'string');
+}
 
 export { SceneToolbarButton };
 //# sourceMappingURL=SceneToolbarButton.js.map

package/dist/esm/toolbar/SceneToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { ToolbarButton } from '@cratis/components/Toolbar';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\nexport function SceneToolbarButton({ element }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n        />\n    );\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","text","stringProperty","properties","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty"],"mappings":";;;;AAOA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;AAOC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAA4B,EAAA;AACpE,IAAA,MAAMC,IAAAA,GAAOC,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;AAEhD,IAAA,qBACIC,GAAA,CAACC,aAAAA,EAAAA;QACGC,IAAAA,EAAMJ,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNM,QAAAA,KAAAA,EAAOL,cAAAA,CAAeF,OAAAA,CAAQG,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DO,MAAAA,EAAQC,eAAAA,CAAgBT,OAAAA,CAAQG,UAAU,EAAE,QAAA,CAAA;AAC5CO,QAAAA,eAAAA,EAAiBC,aAAAA,CAAcX,OAAAA,CAAQG,UAAU,EAAE,iBAAA,EAAmBL,gBAAAA;;AAGlF;;"}
+{"version":3,"file":"SceneToolbarButton.js","sources":["../../../toolbar/SceneToolbarButton.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 { useContext } from 'react';\nimport { ToolbarButton } from '@cratis/components/Toolbar';\nimport { DestinationReference } from '@cratis/scene.model';\nimport { RegisteredComponentProps, SceneNavigationContextInternal } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty, unionProperty } from '../properties';\n\n/** Which side of the button its tooltip appears on. */\nconst tooltipPositions = ['top', 'right', 'bottom', 'left'] as const;\n\n/**\n * The `Cratis.Components:toolbarButton` component - `ToolbarButton` from `@cratis/components/Toolbar`.\n *\n * `title` is required by the underlying component and is not decoration: it is both the tooltip text and\n * the accessible name, so a toolbar of icon-only buttons is still usable by anyone who cannot see the\n * icons. It defaults to the `text` property rather than to an empty string, so a button that has a\n * visible label is never left nameless.\n */\n/**\n * A toolbar button. Its authored `destination` - a screen in an outlet, or a dialog - is executed by the\n * enclosing navigation host; outside one it is announced with the host-neutral `cratis.scene.navigate` event.\n * Interactions attached by the document run first.\n */\nexport function SceneToolbarButton({ element, interactions }: RegisteredComponentProps) {\n    const text = stringProperty(element.properties, 'text');\n    const navigation = useContext(SceneNavigationContextInternal);\n    const destination = isDestination(element.properties.destination) ? element.properties.destination : undefined;\n    const onClick = () => {\n        interactions?.onClick?.({ stopPropagation: () => undefined });\n        if (!destination) return;\n        if (navigation) navigation.navigate(destination);\n        else globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', { detail: { destination, element } }));\n    };\n\n    return (\n        <ToolbarButton\n            icon={stringProperty(element.properties, 'icon')}\n            text={text}\n            title={stringProperty(element.properties, 'title') ?? text ?? ''}\n            active={booleanProperty(element.properties, 'active')}\n            tooltipPosition={unionProperty(element.properties, 'tooltipPosition', tooltipPositions)}\n            onClick={onClick}\n        />\n    );\n}\n\nfunction isDestination(value: unknown): value is DestinationReference {\n    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;\n    const candidate = value as Record<string, unknown>;\n    return ['screen', 'module', 'route', 'dialog'].some(key => typeof candidate[key] === 'string');\n}\n"],"names":["tooltipPositions","SceneToolbarButton","element","interactions","text","stringProperty","properties","navigation","useContext","SceneNavigationContextInternal","destination","isDestination","undefined","onClick","stopPropagation","navigate","globalThis","dispatchEvent","CustomEvent","detail","_jsx","ToolbarButton","icon","title","active","booleanProperty","tooltipPosition","unionProperty","value","Array","isArray","candidate","some","key"],"mappings":";;;;;;AASA,wDACA,MAAMA,gBAAAA,GAAmB;AAAC,IAAA,KAAA;AAAO,IAAA,OAAA;AAAS,IAAA,QAAA;AAAU,IAAA;AAAO,CAAA;AAE3D;;;;;;;;;;;AAYC,IACM,SAASC,kBAAAA,CAAmB,EAAEC,OAAO,EAAEC,YAAY,EAA4B,EAAA;AAClF,IAAA,MAAMC,IAAAA,GAAOC,cAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,MAAA,CAAA;AAChD,IAAA,MAAMC,aAAaC,UAAAA,CAAWC,8BAAAA,CAAAA;IAC9B,MAAMC,WAAAA,GAAcC,aAAAA,CAAcT,OAAAA,CAAQI,UAAU,CAACI,WAAW,CAAA,GAAIR,OAAAA,CAAQI,UAAU,CAACI,WAAW,GAAGE,SAAAA;AACrG,IAAA,MAAMC,OAAAA,GAAU,IAAA;AACZV,QAAAA,YAAAA,EAAcU,OAAAA,GAAU;AAAEC,YAAAA,eAAAA,EAAiB,IAAMF;AAAU,SAAA,CAAA;AAC3D,QAAA,IAAI,CAACF,WAAAA,EAAa;QAClB,IAAIH,UAAAA,EAAYA,UAAAA,CAAWQ,QAAQ,CAACL,WAAAA,CAAAA;AAC/BM,aAAAA,UAAAA,CAAWC,aAAa,CAAC,IAAIC,WAAAA,CAAY,uBAAA,EAAyB;YAAEC,MAAAA,EAAQ;AAAET,gBAAAA,WAAAA;AAAaR,gBAAAA;AAAQ;AAAE,SAAA,CAAA,CAAA;AAC9G,IAAA,CAAA;AAEA,IAAA,qBACIkB,GAAA,CAACC,aAAAA,EAAAA;QACGC,IAAAA,EAAMjB,cAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,MAAA,CAAA;QACzCF,IAAAA,EAAMA,IAAAA;AACNmB,QAAAA,KAAAA,EAAOlB,cAAAA,CAAeH,OAAAA,CAAQI,UAAU,EAAE,YAAYF,IAAAA,IAAQ,EAAA;QAC9DoB,MAAAA,EAAQC,eAAAA,CAAgBvB,OAAAA,CAAQI,UAAU,EAAE,QAAA,CAAA;AAC5CoB,QAAAA,eAAAA,EAAiBC,aAAAA,CAAczB,OAAAA,CAAQI,UAAU,EAAE,iBAAA,EAAmBN,gBAAAA,CAAAA;QACtEa,OAAAA,EAASA;;AAGrB;AAEA,SAASF,cAAciB,KAAc,EAAA;IACjC,IAAIA,KAAAA,KAAU,QAAQ,OAAOA,KAAAA,KAAU,YAAYC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,KAAA;AAChF,IAAA,MAAMG,SAAAA,GAAYH,KAAAA;IAClB,OAAO;AAAC,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;KAAS,CAACI,IAAI,CAACC,CAAAA,GAAAA,GAAO,OAAOF,SAAS,CAACE,IAAI,KAAK,QAAA,CAAA;AACzF;;"}