@cratis/scene.components 4.15.0 → 4.17.0

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