@eccenca/gui-elements 25.0.0-rc.2 → 25.1.0-changeupgradedtoreact18cmem6639.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +149 -18
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js +30 -26
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/cjs/cmem/ActivityControl/ActivityExecutionErrorReportModal.js +11 -5
- package/dist/cjs/cmem/ActivityControl/ActivityExecutionErrorReportModal.js.map +1 -1
- package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js +1 -3
- package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js.map +1 -1
- package/dist/cjs/cmem/ContentBlobToggler/ContentBlobToggler.js +13 -6
- package/dist/cjs/cmem/ContentBlobToggler/ContentBlobToggler.js.map +1 -1
- package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js +49 -11
- package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js.map +1 -1
- package/dist/cjs/cmem/markdown/Markdown.js +2 -2
- package/dist/cjs/cmem/markdown/Markdown.js.map +1 -1
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV12.js.map +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/graph.js +0 -2
- package/dist/cjs/cmem/react-flow/configuration/graph.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/linking.js +0 -2
- package/dist/cjs/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/workflow.js +0 -2
- package/dist/cjs/cmem/react-flow/configuration/workflow.js.map +1 -1
- package/dist/cjs/common/Intent/index.js +1 -1
- package/dist/cjs/common/Intent/index.js.map +1 -1
- package/dist/cjs/common/index.js +4 -1
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/cjs/common/utils/colorHash.js +26 -12
- package/dist/cjs/common/utils/colorHash.js.map +1 -1
- package/dist/cjs/common/utils/reduceToText.js +26 -1
- package/dist/cjs/common/utils/reduceToText.js.map +1 -1
- package/dist/cjs/components/Application/ApplicationSidebarNavigation.js.map +1 -1
- package/dist/cjs/components/Application/ApplicationTitle.js +5 -1
- package/dist/cjs/components/Application/ApplicationTitle.js.map +1 -1
- package/dist/cjs/components/Application/ApplicationViewability.js +33 -0
- package/dist/cjs/components/Application/ApplicationViewability.js.map +1 -0
- package/dist/cjs/components/Application/index.js +1 -0
- package/dist/cjs/components/Application/index.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +2 -9
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/autoCompleteFieldUtils.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +6 -2
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/ColorField/ColorField.js +114 -0
- package/dist/cjs/components/ColorField/ColorField.js.map +1 -0
- package/dist/cjs/components/ContentGroup/ContentGroup.js +19 -19
- package/dist/cjs/components/ContentGroup/ContentGroup.js.map +1 -1
- package/dist/cjs/components/ContextOverlay/ContextMenu.js +4 -4
- package/dist/cjs/components/ContextOverlay/ContextMenu.js.map +1 -1
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js +64 -25
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/cjs/components/DecoupledOverlay/DecoupledOverlay.js +48 -0
- package/dist/cjs/components/DecoupledOverlay/DecoupledOverlay.js.map +1 -0
- package/dist/cjs/components/Icon/IconButton.js +2 -2
- package/dist/cjs/components/Icon/IconButton.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +10 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/Icon/transformIcon.js +14 -0
- package/dist/cjs/components/Icon/transformIcon.js.map +1 -0
- package/dist/cjs/components/MultiSelect/MultiSelect.js +63 -24
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/NotAvailable/NotAvailable.js +42 -0
- package/dist/cjs/components/NotAvailable/NotAvailable.js.map +1 -0
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/cjs/components/RadioButton/RadioButton.js +5 -2
- package/dist/cjs/components/RadioButton/RadioButton.js.map +1 -1
- package/dist/cjs/components/Select/Select.js +6 -4
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableContainer.js +1 -1
- package/dist/cjs/components/Table/TableContainer.js.map +1 -1
- package/dist/cjs/components/Table/TableExpandRow.js +2 -2
- package/dist/cjs/components/Table/TableExpandRow.js.map +1 -1
- package/dist/cjs/components/TextField/useTextValidation.js +17 -8
- package/dist/cjs/components/TextField/useTextValidation.js.map +1 -1
- package/dist/cjs/components/TextReducer/TextReducer.js +15 -3
- package/dist/cjs/components/TextReducer/TextReducer.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +11 -7
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/InlineText.js +29 -0
- package/dist/cjs/components/Typography/InlineText.js.map +1 -0
- package/dist/cjs/components/Typography/index.js +1 -0
- package/dist/cjs/components/Typography/index.js.map +1 -1
- package/dist/cjs/components/VisualTour/VisualTour.js +30 -36
- package/dist/cjs/components/VisualTour/VisualTour.js.map +1 -1
- package/dist/cjs/components/index.js +3 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +59 -21
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +1 -1
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -1
- package/dist/cjs/extensions/codemirror/tests/codemirrorTestHelper.js +2 -2
- package/dist/cjs/extensions/codemirror/tests/codemirrorTestHelper.js.map +1 -1
- package/dist/cjs/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js +23 -0
- package/dist/cjs/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js.map +1 -0
- package/dist/cjs/extensions/codemirror/toolbars/markdown.toolbar.js +5 -2
- package/dist/cjs/extensions/codemirror/toolbars/markdown.toolbar.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js +8 -3
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeNew.js +6 -4
- package/dist/cjs/extensions/react-flow/edges/EdgeNew.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeTools.js +2 -2
- package/dist/cjs/extensions/react-flow/edges/EdgeTools.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js +5 -2
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js +2 -2
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js.map +1 -1
- package/dist/cjs/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMapV12.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +7 -5
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js +5 -2
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeTools.js +6 -2
- package/dist/cjs/extensions/react-flow/nodes/NodeTools.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeUtils.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js +19 -14
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityExecutionErrorReportModal.js +4 -1
- package/dist/esm/cmem/ActivityControl/ActivityExecutionErrorReportModal.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/SilkActivityControl.js +1 -3
- package/dist/esm/cmem/ActivityControl/SilkActivityControl.js.map +1 -1
- package/dist/esm/cmem/ContentBlobToggler/ContentBlobToggler.js +9 -5
- package/dist/esm/cmem/ContentBlobToggler/ContentBlobToggler.js.map +1 -1
- package/dist/esm/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js +57 -9
- package/dist/esm/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js +1 -1
- package/dist/esm/cmem/markdown/Markdown.js.map +1 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlowV12.js.map +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/graph.js +0 -2
- package/dist/esm/cmem/react-flow/configuration/graph.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/linking.js +0 -2
- package/dist/esm/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/workflow.js +0 -2
- package/dist/esm/cmem/react-flow/configuration/workflow.js.map +1 -1
- package/dist/esm/common/Intent/index.js +1 -1
- package/dist/esm/common/Intent/index.js.map +1 -1
- package/dist/esm/common/index.js +5 -2
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/esm/common/utils/colorHash.js +26 -13
- package/dist/esm/common/utils/colorHash.js.map +1 -1
- package/dist/esm/common/utils/reduceToText.js +38 -2
- package/dist/esm/common/utils/reduceToText.js.map +1 -1
- package/dist/esm/components/Application/ApplicationSidebarNavigation.js.map +1 -1
- package/dist/esm/components/Application/ApplicationTitle.js +5 -1
- package/dist/esm/components/Application/ApplicationTitle.js.map +1 -1
- package/dist/esm/components/Application/ApplicationViewability.js +28 -0
- package/dist/esm/components/Application/ApplicationViewability.js.map +1 -0
- package/dist/esm/components/Application/index.js +1 -0
- package/dist/esm/components/Application/index.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js +9 -16
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/esm/components/AutocompleteField/autoCompleteFieldUtils.js.map +1 -1
- package/dist/esm/components/Button/Button.js +6 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/ColorField/ColorField.js +140 -0
- package/dist/esm/components/ColorField/ColorField.js.map +1 -0
- package/dist/esm/components/ContentGroup/ContentGroup.js +1 -1
- package/dist/esm/components/ContentGroup/ContentGroup.js.map +1 -1
- package/dist/esm/components/ContextOverlay/ContextMenu.js +4 -4
- package/dist/esm/components/ContextOverlay/ContextMenu.js.map +1 -1
- package/dist/esm/components/ContextOverlay/ContextOverlay.js +67 -28
- package/dist/esm/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/esm/components/DecoupledOverlay/DecoupledOverlay.js +42 -0
- package/dist/esm/components/DecoupledOverlay/DecoupledOverlay.js.map +1 -0
- package/dist/esm/components/Icon/IconButton.js +2 -2
- package/dist/esm/components/Icon/IconButton.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +10 -1
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/Icon/transformIcon.js +21 -0
- package/dist/esm/components/Icon/transformIcon.js.map +1 -0
- package/dist/esm/components/MultiSelect/MultiSelect.js +66 -27
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/NotAvailable/NotAvailable.js +46 -0
- package/dist/esm/components/NotAvailable/NotAvailable.js.map +1 -0
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/esm/components/RadioButton/RadioButton.js +6 -2
- package/dist/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/Select/Select.js +3 -1
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableContainer.js +1 -1
- package/dist/esm/components/Table/TableContainer.js.map +1 -1
- package/dist/esm/components/Table/TableExpandRow.js +1 -1
- package/dist/esm/components/Table/TableExpandRow.js.map +1 -1
- package/dist/esm/components/TextField/useTextValidation.js +39 -8
- package/dist/esm/components/TextField/useTextValidation.js.map +1 -1
- package/dist/esm/components/TextReducer/TextReducer.js +14 -3
- package/dist/esm/components/TextReducer/TextReducer.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +11 -7
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/InlineText.js +33 -0
- package/dist/esm/components/Typography/InlineText.js.map +1 -0
- package/dist/esm/components/Typography/index.js +1 -0
- package/dist/esm/components/Typography/index.js.map +1 -1
- package/dist/esm/components/VisualTour/VisualTour.js +31 -37
- package/dist/esm/components/VisualTour/VisualTour.js.map +1 -1
- package/dist/esm/components/index.js +3 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +62 -24
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +1 -1
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -1
- package/dist/esm/extensions/codemirror/tests/codemirrorTestHelper.js +3 -3
- package/dist/esm/extensions/codemirror/tests/codemirrorTestHelper.js.map +1 -1
- package/dist/esm/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js +47 -0
- package/dist/esm/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js.map +1 -0
- package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js +16 -2
- package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js +4 -2
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeNew.js +3 -1
- package/dist/esm/extensions/react-flow/edges/EdgeNew.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeTools.js +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeTools.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleContent.js +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js.map +1 -1
- package/dist/esm/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMapV12.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +4 -2
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeDefault.js +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeTools.js +2 -1
- package/dist/esm/extensions/react-flow/nodes/NodeTools.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/nodeUtils.js.map +1 -1
- package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +13 -4
- package/dist/types/cmem/ActivityControl/ActivityExecutionErrorReportModal.d.ts +1 -1
- package/dist/types/cmem/ActivityControl/SilkActivityControl.d.ts +4 -4
- package/dist/types/cmem/ContentBlobToggler/ContentBlobToggler.d.ts +5 -1
- package/dist/types/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.d.ts +27 -11
- package/dist/types/cmem/markdown/Markdown.d.ts +2 -1
- package/dist/types/cmem/react-flow/configuration/graph.d.ts +2 -1
- package/dist/types/cmem/react-flow/configuration/linking.d.ts +2 -1
- package/dist/types/cmem/react-flow/configuration/workflow.d.ts +2 -1
- package/dist/types/common/index.d.ts +4 -1
- package/dist/types/common/utils/CssCustomProperties.d.ts +2 -2
- package/dist/types/common/utils/colorHash.d.ts +5 -4
- package/dist/types/common/utils/reduceToText.d.ts +1 -1
- package/dist/types/components/Accordion/AccordionItem.d.ts +1 -1
- package/dist/types/components/Application/ApplicationSidebarNavigation.d.ts +2 -0
- package/dist/types/components/Application/ApplicationViewability.d.ts +36 -0
- package/dist/types/components/Application/index.d.ts +1 -0
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +2 -2
- package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +2 -12
- package/dist/types/components/AutocompleteField/autoCompleteFieldUtils.d.ts +1 -1
- package/dist/types/components/Button/Button.d.ts +3 -3
- package/dist/types/components/Card/CardHeader.d.ts +1 -1
- package/dist/types/components/ColorField/ColorField.d.ts +30 -0
- package/dist/types/components/ContentGroup/ContentGroup.d.ts +1 -1
- package/dist/types/components/ContextOverlay/ContextMenu.d.ts +9 -3
- package/dist/types/components/ContextOverlay/ContextOverlay.d.ts +8 -2
- package/dist/types/components/DecoupledOverlay/DecoupledOverlay.d.ts +22 -0
- package/dist/types/components/Depiction/Depiction.d.ts +1 -1
- package/dist/types/components/Dialog/SimpleDialog.d.ts +1 -1
- package/dist/types/components/Form/FieldItem.d.ts +1 -1
- package/dist/types/components/Form/FieldSet.d.ts +3 -3
- package/dist/types/components/HoverToggler/HoverToggler.d.ts +2 -2
- package/dist/types/components/Icon/IconButton.d.ts +1 -1
- package/dist/types/components/Icon/canonicalIconNames.d.ts +9 -1
- package/dist/types/components/Icon/transformIcon.d.ts +2 -0
- package/dist/types/components/Label/Label.d.ts +3 -3
- package/dist/types/components/Menu/MenuItem.d.ts +1 -1
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +17 -5
- package/dist/types/components/NotAvailable/NotAvailable.d.ts +32 -0
- package/dist/types/components/Notification/Notification.d.ts +2 -2
- package/dist/types/components/OverviewItem/OverviewItemActions.d.ts +1 -1
- package/dist/types/components/PropertyValuePair/PropertyValueList.d.ts +1 -1
- package/dist/types/components/RadioButton/RadioButton.d.ts +8 -2
- package/dist/types/components/Select/Select.d.ts +2 -1
- package/dist/types/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/types/components/Structure/TitleSubsection.d.ts +3 -6
- package/dist/types/components/SuggestField/index.d.ts +2 -2
- package/dist/types/components/Table/TableContainer.d.ts +3 -3
- package/dist/types/components/Tabs/Tab.d.ts +4 -10
- package/dist/types/components/Tabs/TabTitle.d.ts +1 -1
- package/dist/types/components/TextField/TextArea.d.ts +1 -1
- package/dist/types/components/TextReducer/TextReducer.d.ts +13 -1
- package/dist/types/components/Typography/InlineText.d.ts +13 -0
- package/dist/types/components/Typography/index.d.ts +1 -0
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +12 -9
- package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts +1 -1
- package/dist/types/extensions/codemirror/tests/codemirrorTestHelper.d.ts +1 -1
- package/dist/types/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.d.ts +24 -0
- package/dist/types/extensions/codemirror/toolbars/markdown.toolbar.d.ts +2 -0
- package/dist/types/extensions/react-flow/edges/EdgeLabel.d.ts +3 -3
- package/dist/types/extensions/react-flow/edges/EdgeTools.d.ts +1 -1
- package/dist/types/extensions/react-flow/handles/HandleContent.d.ts +2 -2
- package/dist/types/extensions/react-flow/handles/HandleTools.d.ts +2 -2
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +3 -3
- package/dist/types/extensions/react-flow/nodes/NodeTools.d.ts +2 -2
- package/package.json +69 -63
- package/src/_shame.scss +1 -35
- package/src/cmem/ActivityControl/ActivityControlWidget.stories.tsx +3 -8
- package/src/cmem/ActivityControl/ActivityControlWidget.tsx +74 -41
- package/src/cmem/ActivityControl/ActivityExecutionErrorReportModal.tsx +6 -4
- package/src/cmem/ActivityControl/SilkActivityControl.tsx +5 -5
- package/src/cmem/ContentBlobToggler/ContentBlobToggler.tsx +16 -6
- package/src/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.tsx +72 -19
- package/src/cmem/ContentBlobToggler/stories/StringPreviewContentBlobToggler.stories.tsx +27 -0
- package/src/cmem/ContentBlobToggler/tests/StringPreviewContentBlobToggler.test.tsx +98 -0
- package/src/cmem/markdown/Markdown.stories.tsx +2 -2
- package/src/cmem/markdown/Markdown.tsx +2 -1
- package/src/cmem/markdown/markdown.scss +1 -1
- package/src/cmem/react-flow/ReactFlow/ReactFlowV12.tsx +1 -0
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +1 -1
- package/src/cmem/react-flow/configuration/graph.ts +2 -3
- package/src/cmem/react-flow/configuration/linking.ts +2 -3
- package/src/cmem/react-flow/configuration/workflow.ts +2 -3
- package/src/common/Intent/index.ts +2 -1
- package/src/common/index.ts +8 -3
- package/src/common/scss/_accessibility-defaults.scss +101 -0
- package/src/common/utils/CssCustomProperties.ts +5 -3
- package/src/common/utils/colorHash.ts +38 -20
- package/src/common/utils/reduceToText.tsx +30 -2
- package/src/components/Accordion/AccordionItem.tsx +1 -1
- package/src/components/Accordion/Stories/AccordionItem.stories.tsx +1 -1
- package/src/components/Application/ApplicationSidebarNavigation.tsx +5 -2
- package/src/components/Application/ApplicationTitle.tsx +7 -1
- package/src/components/Application/ApplicationViewability.tsx +61 -0
- package/src/components/Application/_colors.scss +15 -0
- package/src/components/Application/_content.scss +7 -0
- package/src/components/Application/_header.scss +45 -21
- package/src/components/Application/_sidebar.scss +6 -0
- package/src/components/Application/_toolbar.scss +3 -3
- package/src/components/Application/_viewability.scss +13 -0
- package/src/components/Application/application.scss +1 -0
- package/src/components/Application/index.ts +1 -0
- package/src/components/Application/stories/ApplicationViewability.stories.tsx +37 -0
- package/src/components/Application/stories/ColorPalettes.stories.tsx +4 -3
- package/src/components/Application/tests/ApplicationViewability.test.tsx +43 -0
- package/src/components/AutoSuggestion/AutoSuggestion.scss +3 -1
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +4 -4
- package/src/components/AutoSuggestion/AutoSuggestionList.tsx +1 -1
- package/src/components/AutoSuggestion/tests/ExtendedCodeEditor.test.tsx +1 -1
- package/src/components/AutocompleteField/AutoCompleteField.tsx +9 -18
- package/src/components/AutocompleteField/autoCompleteFieldUtils.tsx +1 -1
- package/src/components/Badge/Badge.stories.tsx +1 -1
- package/src/components/Badge/Badge.test.tsx +22 -0
- package/src/components/Breadcrumb/breadcrumb.scss +2 -2
- package/src/components/Button/Button.test.tsx +16 -2
- package/src/components/Button/Button.tsx +11 -6
- package/src/components/Button/button.scss +2 -0
- package/src/components/Card/CardHeader.tsx +1 -1
- package/src/components/Card/card.scss +6 -0
- package/src/components/Card/stories/Card.stories.tsx +1 -1
- package/src/components/Checkbox/Stories/Checkbox.stories.tsx +1 -1
- package/src/components/Checkbox/checkbox.scss +23 -3
- package/src/components/ColorField/ColorField.stories.tsx +72 -0
- package/src/components/ColorField/ColorField.test.tsx +101 -0
- package/src/components/ColorField/ColorField.tsx +200 -0
- package/src/components/ColorField/_colorfield.scss +67 -0
- package/src/components/ContentGroup/ContentGroup.stories.tsx +1 -1
- package/src/components/ContentGroup/ContentGroup.tsx +3 -3
- package/src/components/ContentGroup/_contentgroup.scss +9 -0
- package/src/components/ContextOverlay/ContextMenu.tsx +14 -5
- package/src/components/ContextOverlay/ContextOverlay.tsx +97 -28
- package/src/components/ContextOverlay/tests/ContextMenu.test.tsx +43 -0
- package/src/components/ContextOverlay/tests/ContextOverlay.test.tsx +71 -0
- package/src/components/DecoupledOverlay/DecoupledOverlay.stories.tsx +30 -0
- package/src/components/DecoupledOverlay/DecoupledOverlay.tsx +100 -0
- package/src/components/DecoupledOverlay/_decoupledoverlay.scss +46 -0
- package/src/components/Depiction/Depiction.tsx +1 -1
- package/src/components/Depiction/depiction.scss +6 -0
- package/src/components/Dialog/SimpleDialog.tsx +1 -1
- package/src/components/Dialog/dialog.scss +10 -2
- package/src/components/Dialog/stories/Modal.stories.tsx +12 -150
- package/src/components/Dialog/stories/ModalContext.stories.tsx +153 -0
- package/src/components/FlexibleLayout/flexiblelayout.scss +16 -0
- package/src/components/Form/FieldItem.tsx +1 -1
- package/src/components/Form/FieldSet.tsx +3 -3
- package/src/components/Form/Stories/FieldItem.stories.tsx +1 -1
- package/src/components/Form/Stories/FieldSet.stories.tsx +1 -1
- package/src/components/Form/form.scss +2 -2
- package/src/components/Grid/grid.scss +17 -0
- package/src/components/Grid/stories/Grid.stories.tsx +10 -7
- package/src/components/Grid/stories/GridColumn.stories.tsx +1 -1
- package/src/components/Grid/stories/GridRow.stories.tsx +14 -8
- package/src/components/HoverToggler/HoverToggler.tsx +2 -2
- package/src/components/Icon/IconButton.tsx +3 -3
- package/src/components/Icon/canonicalIconNames.tsx +11 -1
- package/src/components/Icon/stories/IconButton.stories.tsx +1 -1
- package/src/components/Icon/stories/TestIcon.stories.tsx +1 -1
- package/src/components/Icon/transformIcon.tsx +17 -0
- package/src/components/Label/Label.tsx +3 -3
- package/src/components/Link/Link.stories.tsx +30 -0
- package/src/components/Link/link.scss +33 -8
- package/src/components/Menu/MenuItem.tsx +1 -1
- package/src/components/Menu/Stories/MenuItem.stories.tsx +1 -1
- package/src/components/MultiSelect/MultiSelect.tsx +104 -32
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +40 -1
- package/src/components/MultiSuggestField/_multisuggestfield.scss +18 -0
- package/src/components/MultiSuggestField/tests/MultiSuggestField.test.tsx +89 -37
- package/src/components/NotAvailable/NotAvailable.stories.tsx +15 -0
- package/src/components/NotAvailable/NotAvailable.tsx +71 -0
- package/src/components/Notification/Notification.stories.tsx +2 -1
- package/src/components/Notification/Notification.tsx +3 -3
- package/src/components/Notification/notification.scss +6 -0
- package/src/components/OverviewItem/OverviewItemActions.tsx +1 -1
- package/src/components/OverviewItem/OverviewItemDepiction.tsx +1 -1
- package/src/components/OverviewItem/overviewitem.scss +9 -0
- package/src/components/OverviewItem/stories/OverviewItem.stories.tsx +29 -1
- package/src/components/OverviewItem/stories/OverviewItemActions.stories.tsx +3 -3
- package/src/components/OverviewItem/stories/OverviewItemDepiction.stories.tsx +1 -1
- package/src/components/OverviewItem/stories/OverviewItemDescription.stories.tsx +2 -2
- package/src/components/OverviewItem/stories/OverviewItemLine.stories.tsx +1 -1
- package/src/components/Pagination/Stories/Pagination.stories.tsx +32 -0
- package/src/components/Pagination/pagination.scss +55 -5
- package/src/components/PropertyValuePair/PropertyValueList.tsx +1 -1
- package/src/components/PropertyValuePair/propertyvalue.scss +23 -1
- package/src/components/RadioButton/RadioButton.tsx +15 -3
- package/src/components/RadioButton/Stories/RadioButton.stories.tsx +1 -1
- package/src/components/RadioButton/radiobutton.scss +18 -1
- package/src/components/Select/Select.tsx +8 -6
- package/src/components/Separation/separation.scss +6 -0
- package/src/components/Skeleton/Skeleton.tsx +2 -2
- package/src/components/Structure/TitleSubsection.tsx +1 -1
- package/src/components/Table/Table.tsx +1 -1
- package/src/components/Table/TableContainer.tsx +4 -4
- package/src/components/Table/TableExpandRow.tsx +1 -1
- package/src/components/Table/table.scss +22 -0
- package/src/components/Tabs/TabTitle.tsx +1 -1
- package/src/components/Tabs/stories/TabTitle.stories.tsx +7 -2
- package/src/components/Tabs/tabs.scss +2 -2
- package/src/components/Tag/stories/Tag.stories.tsx +1 -1
- package/src/components/Tag/stories/TagList.stories.tsx +3 -3
- package/src/components/Tag/tag.scss +19 -9
- package/src/components/TextField/TextArea.tsx +1 -1
- package/src/components/TextField/stories/TextArea.stories.tsx +1 -1
- package/src/components/TextField/stories/TextField.stories.tsx +24 -3
- package/src/components/TextField/tests/useTextValidation.test.tsx +83 -0
- package/src/components/TextField/textfield.scss +20 -0
- package/src/components/TextField/useTextValidation.ts +17 -8
- package/src/components/TextReducer/TextReducer.stories.tsx +6 -2
- package/src/components/TextReducer/TextReducer.test.tsx +44 -0
- package/src/components/TextReducer/TextReducer.tsx +14 -4
- package/src/components/Toolbar/toolbar.scss +1 -2
- package/src/components/Tooltip/Tooltip.test.tsx +40 -5
- package/src/components/Tooltip/Tooltip.tsx +15 -11
- package/src/components/Typography/InlineText.tsx +24 -0
- package/src/components/Typography/_reset.scss +2 -0
- package/src/components/Typography/index.ts +1 -0
- package/src/components/Typography/stories/InlineText.stories.tsx +27 -0
- package/src/components/Typography/typography.scss +37 -3
- package/src/components/VisualTour/VisualTour.tsx +35 -55
- package/src/components/VisualTour/visualTour.scss +0 -34
- package/src/components/index.scss +2 -0
- package/src/components/index.ts +3 -0
- package/src/configuration/_customproperties.scss +32 -0
- package/src/configuration/stories/customproperties.stories.tsx +122 -0
- package/src/extensions/codemirror/CodeMirror.stories.tsx +9 -4
- package/src/extensions/codemirror/CodeMirror.tsx +93 -37
- package/src/extensions/codemirror/_codemirror.scss +18 -28
- package/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts +1 -2
- package/src/extensions/codemirror/tests/CodeEditor.test.tsx +138 -0
- package/src/extensions/codemirror/tests/EditorAppearanceConfigMenu.test.tsx +131 -0
- package/src/extensions/codemirror/tests/codemirrorTestHelper.ts +3 -3
- package/src/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.tsx +59 -0
- package/src/extensions/codemirror/toolbars/markdown.toolbar.tsx +17 -3
- package/src/extensions/react-flow/_config.scss +3 -3
- package/src/extensions/react-flow/_react-flow_v12.scss +1 -1
- package/src/extensions/react-flow/edges/EdgeLabel.tsx +15 -11
- package/src/extensions/react-flow/edges/EdgeNew.tsx +6 -6
- package/src/extensions/react-flow/edges/EdgeTools.tsx +5 -6
- package/src/extensions/react-flow/edges/_edges.scss +3 -2
- package/src/extensions/react-flow/edges/stories/EdgeLabel.stories.tsx +2 -1
- package/src/extensions/react-flow/handles/HandleContent.tsx +4 -4
- package/src/extensions/react-flow/handles/HandleDefault.tsx +3 -3
- package/src/extensions/react-flow/handles/HandleTools.tsx +3 -3
- package/src/extensions/react-flow/handles/_handles.scss +3 -3
- package/src/extensions/react-flow/markers/ReactFlowMarkers.tsx +1 -1
- package/src/extensions/react-flow/minimap/MiniMap.tsx +2 -1
- package/src/extensions/react-flow/minimap/MiniMapV12.tsx +1 -1
- package/src/extensions/react-flow/nodes/NodeContent.tsx +20 -19
- package/src/extensions/react-flow/nodes/NodeDefault.tsx +1 -1
- package/src/extensions/react-flow/nodes/NodeDefaultV12.tsx +1 -2
- package/src/extensions/react-flow/nodes/NodeTools.tsx +8 -8
- package/src/extensions/react-flow/nodes/_nodes.scss +4 -3
- package/src/extensions/react-flow/nodes/nodeUtils.tsx +1 -0
- package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +3 -1
- package/src/includes/carbon-components/_requisits.scss +3 -1
- package/src/index.scss +2 -0
- package/src/test/setupTests.js +1 -1
|
@@ -17,17 +17,26 @@ const useTextValidation = ({ value, onChange, invisibleCharacterWarning }) => {
|
|
|
17
17
|
state.current.detectedCodePoints = new Set();
|
|
18
18
|
}, []);
|
|
19
19
|
const detectionRegex = react_1.default.useMemo(() => characters_1.default.invisibleZeroWidthCharacters.createRegex(), []);
|
|
20
|
+
const segmenter = react_1.default.useMemo(() => new Intl.Segmenter(undefined, { granularity: "grapheme" }), []);
|
|
21
|
+
const emojiRegex = react_1.default.useMemo(() => new RegExp("\\p{Extended_Pictographic}|\\u20E3", "u"), []);
|
|
20
22
|
const detectIssues = react_1.default.useCallback((value) => {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
for (const { segment } of segmenter.segment(value)) {
|
|
24
|
+
if (emojiRegex.test(segment)) {
|
|
25
|
+
// skip emoji clusters since they legitimately contain variation selectors, ZWJ, tags, etc.
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
detectionRegex.lastIndex = 0;
|
|
29
|
+
let matchArray = detectionRegex.exec(segment);
|
|
30
|
+
while (matchArray) {
|
|
31
|
+
const codePoint = matchArray[0].codePointAt(0);
|
|
32
|
+
if (codePoint) {
|
|
33
|
+
state.current.detectedCodePoints.add(codePoint);
|
|
34
|
+
}
|
|
35
|
+
matchArray = detectionRegex.exec(segment);
|
|
36
|
+
}
|
|
27
37
|
}
|
|
28
|
-
matchArray = detectionRegex.exec(value);
|
|
29
38
|
}
|
|
30
|
-
}, [detectionRegex]);
|
|
39
|
+
}, [detectionRegex, segmenter, emojiRegex]);
|
|
31
40
|
// Checks if the value contains any problematic characters with a small delay.
|
|
32
41
|
const checkValue = react_1.default.useCallback((value) => {
|
|
33
42
|
state.current.detectedCodePoints = new Set();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAkD;AAElD,+EAAkD;AA6BlD,2DAA2D;AACpD,MAAM,iBAAiB,GAAG,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAY,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,QAAQ,CAAC;IACrD,MAAM,aAAa,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,aAAa,CAAC;IAC/D,MAAM,KAAK,GAAG,eAAK,CAAC,MAAM,CAIvB,EAAE,kBAAkB,EAAE,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,4BAA4B,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACjG,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAQ,EAAE;QACpB,cAAc,CAAC,SAAS,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useTextValidation.js","sourceRoot":"","sources":["../../../../src/components/TextField/useTextValidation.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAkD;AAElD,+EAAkD;AA6BlD,2DAA2D;AACpD,MAAM,iBAAiB,GAAG,CAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAY,EAAE,EAAE;IAC7F,MAAM,QAAQ,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,QAAQ,CAAC;IACrD,MAAM,aAAa,GAAG,yBAAyB,aAAzB,yBAAyB,uBAAzB,yBAAyB,CAAE,aAAa,CAAC;IAC/D,MAAM,KAAK,GAAG,eAAK,CAAC,MAAM,CAIvB,EAAE,kBAAkB,EAAE,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7D,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,4BAA4B,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;IACjG,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACtG,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,MAAM,CAAC,oCAAoC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CAClC,CAAC,KAAa,EAAQ,EAAE;QACpB,KAAK,MAAM,EAAE,OAAO,EAAE,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACjD,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC3B,2FAA2F;YAC/F,CAAC;iBAAM,CAAC;gBACJ,cAAc,CAAC,SAAS,GAAG,CAAC,CAAC;gBAC7B,IAAI,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC9C,OAAO,UAAU,EAAE,CAAC;oBAChB,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC/C,IAAI,SAAS,EAAE,CAAC;wBACZ,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;oBACpD,CAAC;oBACD,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC9C,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,CAC1C,CAAC;IACF,8EAA8E;IAC9E,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAChC,CAAC,KAA8C,EAAE,EAAE;QAC/C,KAAK,CAAC,OAAO,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;QAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,UAAU,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;QAC5D,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,CAAC,CACvC,CAAC;IACF,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACnC,CAAC,KAA8C,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YACvC,OAAO;QACX,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,KAAK,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;gBACvC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,UAAU,EAAE,CAAC;YACjB,CAAC;QACL,CAAC,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,GAAG,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC,CAC1C,CAAC;IACF,gCAAgC;IAChC,MAAM,sBAAsB,GAA0B,eAAK,CAAC,WAAW,CACnE,CAAC,KAAK,EAAE,EAAE;QACN,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAa,CAAC;QACtC,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC7C,aAAa,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,UAAU,EAAE,CAAC;QACjB,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,EACD,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAC,CACxC,CAAC;IACF,sBAAsB;IACtB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,IAAI,KAAK,IAAI,IAAI,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACpC,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAChB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC;IACpB,CAAC;SAAM,CAAC;QACJ,OAAO,sBAAsB,CAAC;IAClC,CAAC;AACL,CAAC,CAAC;AA7FW,QAAA,iBAAiB,qBA6F5B"}
|
|
@@ -1,22 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
17
|
exports.TextReducer = void 0;
|
|
7
18
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
19
|
+
const common_1 = require("../../common");
|
|
9
20
|
const constants_1 = require("../../configuration/constants");
|
|
10
21
|
const Typography_1 = require("./../Typography");
|
|
11
22
|
/**
|
|
12
23
|
* Component to reduce HTML markup content to simple text.
|
|
13
24
|
* Display can be wrapped easily in `OverflowText`.
|
|
14
25
|
*/
|
|
15
|
-
const TextReducer = (
|
|
26
|
+
const TextReducer = (_a) => {
|
|
27
|
+
var { children, useOverflowTextWrapper, overflowTextProps } = _a, reduceToTextOptions = __rest(_a, ["children", "useOverflowTextWrapper", "overflowTextProps"]);
|
|
16
28
|
if (typeof children === "undefined") {
|
|
17
29
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
18
30
|
}
|
|
19
|
-
const shrinkedContent =
|
|
31
|
+
const shrinkedContent = common_1.utils.reduceToText(children, reduceToTextOptions);
|
|
20
32
|
return useOverflowTextWrapper ? (react_1.default.createElement(Typography_1.OverflowText, Object.assign({}, overflowTextProps, { className: `${constants_1.CLASSPREFIX}-textreducer` +
|
|
21
33
|
(overflowTextProps && overflowTextProps.className ? ` ${overflowTextProps.className}` : "") }), shrinkedContent)) : (react_1.default.createElement(react_1.default.Fragment, null, shrinkedContent));
|
|
22
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextReducer.js","sourceRoot":"","sources":["../../../../src/components/TextReducer/TextReducer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextReducer.js","sourceRoot":"","sources":["../../../../src/components/TextReducer/TextReducer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,yCAAgE;AAChE,6DAAsE;AAEtE,gDAAkE;AAkClE;;;GAGG;AACI,MAAM,WAAW,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACxB,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,OAEF,EADZ,mBAAmB,cAJE,2DAK3B,CADyB;IAEtB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,6DAAK,CAAC;IACjB,CAAC;IAED,MAAM,eAAe,GAAG,cAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAE1E,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAC5B,8BAAC,yBAAY,oBACL,iBAAiB,IACrB,SAAS,EACL,GAAG,uBAAM,cAAc;YACvB,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAG9F,eAAe,CACL,CAClB,CAAC,CAAC,CAAC,CACA,8DAAG,eAAe,CAAI,CACzB,CAAC;AACN,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB;AAEF,kBAAe,mBAAW,CAAC"}
|
|
@@ -39,6 +39,7 @@ const Tooltip = (_a) => {
|
|
|
39
39
|
react_1.default.useEffect(() => {
|
|
40
40
|
if (placeholderRef.current !== null) {
|
|
41
41
|
const swap = (ev) => {
|
|
42
|
+
var _a;
|
|
42
43
|
if (swapDelay.current) {
|
|
43
44
|
clearTimeout(swapDelay.current);
|
|
44
45
|
}
|
|
@@ -51,13 +52,16 @@ const Tooltip = (_a) => {
|
|
|
51
52
|
}, swapDelayTime);
|
|
52
53
|
if (placeholderRef.current !== null) {
|
|
53
54
|
const eventType = ev.type === "focusin" ? "focusout" : "mouseleave";
|
|
54
|
-
placeholderRef.current.
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
eventMemory.current
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
const innerFocusTarget = (_a = placeholderRef.current.querySelector("[tabindex='0']")) === null || _a === void 0 ? void 0 : _a.children[0];
|
|
56
|
+
if (innerFocusTarget) {
|
|
57
|
+
innerFocusTarget.addEventListener(eventType, () => {
|
|
58
|
+
if ((eventType === "focusout" && eventMemory.current === "afterfocus") ||
|
|
59
|
+
(eventType === "mouseleave" && eventMemory.current === "afterhover")) {
|
|
60
|
+
eventMemory.current = null;
|
|
61
|
+
}
|
|
62
|
+
clearTimeout(swapDelay.current);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
61
65
|
}
|
|
62
66
|
};
|
|
63
67
|
placeholderRef.current.addEventListener("mouseenter", swap);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAK2B;AAE3B,6DAAsE;AAEtE,6DAAyE;AA4ClE,MAAM,OAAO,GAAG,CAAC,EAYT,EAAE,EAAE;QAZK,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,QAAQ,EACf,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,MAAM,EACxB,aAAa,EACb,cAAc,EACd,oBAAoB,GAAG,GAAG,EAC1B,cAAc,GAAG,GAAG,OAET,EADR,iBAAiB,cAXA,4JAYvB,CADuB;IAEpB,MAAM,cAAc,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAqC,IAAI,CAAC,CAAC;IAC3E,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,oBAAoB,CAAC;IAC3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAChD,CAAC,iBAAiB,CAAC,QAAQ;QACvB,CAAC,iBAAiB,CAAC,aAAa;QAChC,CAAC,iBAAiB,CAAC,MAAM;QACzB,iBAAiB,CAAC,YAAY,KAAK,SAAS;QAC5C,aAAa,GAAG,CAAC;QACjB,cAAc,GAAG,aAAa;QAC9B,CAAC,cAAc,KAAK,IAAI,IAAI,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,cAAc,KAAK,KAAK,CAAC,CAAC,CAC7F,CAAC;IAEF,MAAM,eAAe,GACjB,GAAG,uBAAM,mBAAmB;QAC5B,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QAClC,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,cAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE5E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAClC,MAAM,IAAI,GAAG,CAAC,EAAsC,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.InlineText = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const constants_1 = require("../../configuration/constants");
|
|
20
|
+
/**
|
|
21
|
+
* Forces all children to be displayed as inline content.
|
|
22
|
+
*/
|
|
23
|
+
const InlineText = (_a) => {
|
|
24
|
+
var { className = "", children } = _a, otherProps = __rest(_a, ["className", "children"]);
|
|
25
|
+
return (react_1.default.createElement("div", Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-typography__inlinetext` + (className ? " " + className : "") }), children));
|
|
26
|
+
};
|
|
27
|
+
exports.InlineText = InlineText;
|
|
28
|
+
exports.default = exports.InlineText;
|
|
29
|
+
//# sourceMappingURL=InlineText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InlineText.js","sourceRoot":"","sources":["../../../../src/components/Typography/InlineText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAUtE;;GAEG;AACI,MAAM,UAAU,GAAG,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,OAAkC,EAA7B,UAAU,cAAzC,yBAA2C,CAAF;IAChE,OAAO,CACH,uDAAS,UAAU,IAAE,SAAS,EAAE,GAAG,uBAAM,yBAAyB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAClG,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AANW,QAAA,UAAU,cAMrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -18,4 +18,5 @@ __exportStar(require("./Highlighter"), exports);
|
|
|
18
18
|
__exportStar(require("./HtmlContentBlock"), exports);
|
|
19
19
|
__exportStar(require("./OverflowText"), exports);
|
|
20
20
|
__exportStar(require("./WhiteSpaceContainer"), exports);
|
|
21
|
+
__exportStar(require("./InlineText"), exports);
|
|
21
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,wDAAsC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,wDAAsC;AACtC,+CAA6B"}
|
|
@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.VisualTour = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_dom_1 = require("react-dom");
|
|
9
|
-
const core_1 = require("@blueprintjs/core");
|
|
10
|
-
const core_2 = require("@popperjs/core");
|
|
11
9
|
const constants_1 = require("../../configuration/constants");
|
|
12
10
|
const index_1 = require("../../index");
|
|
13
11
|
const highlightElementBaseClass = `${constants_1.CLASSPREFIX}-visual-tour__highlighted-element`;
|
|
14
12
|
/** A visual tour multi-step tour of the current view. */
|
|
15
13
|
const VisualTour = ({ steps, onClose, closeLabel = "Close", nextLabel = "Next", prevLabel = "Back", usableStepTarget = false, isOpen = false, }) => {
|
|
16
|
-
if (isOpen === false) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
14
|
const [currentStepIndex, setCurrentStepIndex] = react_1.default.useState(0);
|
|
20
15
|
const [currentStepComponent, setCurrentStepComponent] = react_1.default.useState(null);
|
|
21
16
|
react_1.default.useEffect(() => {
|
|
@@ -56,12 +51,12 @@ const VisualTour = ({ steps, onClose, closeLabel = "Close", nextLabel = "Next",
|
|
|
56
51
|
stepDisplay,
|
|
57
52
|
closeButton));
|
|
58
53
|
const actionButtons = [
|
|
59
|
-
hasNextStep ? (react_1.default.createElement(index_1.Button, { key: "next", variant: "outlined",
|
|
54
|
+
hasNextStep ? (react_1.default.createElement(index_1.Button, { key: "next", variant: "outlined", elevated: true, onClick: () => {
|
|
60
55
|
setCurrentStepIndex(currentStepIndex + 1);
|
|
61
56
|
}, rightIcon: "navigation-next" },
|
|
62
57
|
nextLabel,
|
|
63
58
|
": ",
|
|
64
|
-
steps[currentStepIndex + 1].title)) : (react_1.default.createElement(index_1.Button, { key: "close", text: closeLabel, onClick: closeTour, variant: "outlined",
|
|
59
|
+
steps[currentStepIndex + 1].title)) : (react_1.default.createElement(index_1.Button, { key: "close", text: closeLabel, onClick: closeTour, variant: "outlined", elevated: true, rightIcon: "navigation-close" })),
|
|
65
60
|
hasPreviousStep ? (react_1.default.createElement(index_1.CardActionsAux, null,
|
|
66
61
|
react_1.default.createElement(index_1.Button, { key: "prev", variant: "outlined", onClick: () => {
|
|
67
62
|
setCurrentStepIndex(currentStepIndex - 1);
|
|
@@ -127,7 +122,12 @@ const VisualTour = ({ steps, onClose, closeLabel = "Close", nextLabel = "Next",
|
|
|
127
122
|
}
|
|
128
123
|
};
|
|
129
124
|
}, [currentStepIndex, usableStepTarget]);
|
|
130
|
-
|
|
125
|
+
if (isOpen === false) {
|
|
126
|
+
return null;
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
return currentStepComponent;
|
|
130
|
+
}
|
|
131
131
|
};
|
|
132
132
|
exports.VisualTour = VisualTour;
|
|
133
133
|
// Main content of a step
|
|
@@ -146,22 +146,6 @@ const StepModal = ({ step, titleOption, onClose, actionButtons }) => {
|
|
|
146
146
|
};
|
|
147
147
|
/** Popover that is displayed and points at the highlighted element. */
|
|
148
148
|
const StepPopover = ({ highlightedElement, step, titleOption, actionButtons }) => {
|
|
149
|
-
var _a;
|
|
150
|
-
const tooltipRef = react_1.default.useCallback((tooltip) => {
|
|
151
|
-
if (tooltip) {
|
|
152
|
-
(0, core_2.createPopper)(highlightedElement, tooltip, {
|
|
153
|
-
placement: "auto",
|
|
154
|
-
modifiers: [
|
|
155
|
-
{
|
|
156
|
-
name: "offset",
|
|
157
|
-
options: {
|
|
158
|
-
offset: [0, 15],
|
|
159
|
-
},
|
|
160
|
-
},
|
|
161
|
-
],
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
}, [highlightedElement]);
|
|
165
149
|
const backdropRef = react_1.default.useCallback((backdrop) => {
|
|
166
150
|
const highlightStencil = () => {
|
|
167
151
|
const targetRect = highlightedElement.getBoundingClientRect();
|
|
@@ -179,22 +163,32 @@ const StepPopover = ({ highlightedElement, step, titleOption, actionButtons }) =
|
|
|
179
163
|
}
|
|
180
164
|
return;
|
|
181
165
|
}, [highlightedElement]);
|
|
166
|
+
// map to only tooltip size because the `DecoupledOverlay` only supports them
|
|
167
|
+
let overlaySize = "large";
|
|
168
|
+
switch (step.size) {
|
|
169
|
+
case "tiny":
|
|
170
|
+
overlaySize = "small";
|
|
171
|
+
break;
|
|
172
|
+
case "regular":
|
|
173
|
+
overlaySize = "medium";
|
|
174
|
+
break;
|
|
175
|
+
case "xlarge":
|
|
176
|
+
case "fullscreen":
|
|
177
|
+
overlaySize = "large";
|
|
178
|
+
break;
|
|
179
|
+
}
|
|
182
180
|
return (0, react_dom_1.createPortal)(react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-visual-tour` },
|
|
183
181
|
react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-visual-tour__focushelper`, ref: backdropRef }),
|
|
184
182
|
react_1.default.createElement("div", null,
|
|
185
183
|
react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-visual-tour__backdrop` })),
|
|
186
|
-
react_1.default.createElement(
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
react_1.default.createElement(index_1.
|
|
192
|
-
react_1.default.createElement(
|
|
193
|
-
|
|
194
|
-
react_1.default.createElement(index_1.CardOptions, null, titleOption)),
|
|
195
|
-
react_1.default.createElement(index_1.CardContent, null,
|
|
196
|
-
react_1.default.createElement(StepContent, { step: step })),
|
|
197
|
-
react_1.default.createElement(index_1.CardActions, { inverseDirection: true }, actionButtons))))), document.body);
|
|
184
|
+
react_1.default.createElement(index_1.DecoupledOverlay, { targetSelectorOrElement: highlightedElement, size: overlaySize, usePortal: false },
|
|
185
|
+
react_1.default.createElement(index_1.Card, { isOnlyLayout: true, elevation: -1, whitespaceAmount: "small" },
|
|
186
|
+
react_1.default.createElement(index_1.CardHeader, null,
|
|
187
|
+
react_1.default.createElement(index_1.CardTitle, null, step.title),
|
|
188
|
+
react_1.default.createElement(index_1.CardOptions, null, titleOption)),
|
|
189
|
+
react_1.default.createElement(index_1.CardContent, null,
|
|
190
|
+
react_1.default.createElement(StepContent, { step: step })),
|
|
191
|
+
react_1.default.createElement(index_1.CardActions, { inverseDirection: true }, actionButtons)))), document.body);
|
|
198
192
|
};
|
|
199
193
|
exports.default = exports.VisualTour;
|
|
200
194
|
//# sourceMappingURL=VisualTour.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualTour.js","sourceRoot":"","sources":["../../../../src/components/VisualTour/VisualTour.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yCAAyC;
|
|
1
|
+
{"version":3,"file":"VisualTour.js","sourceRoot":"","sources":["../../../../src/components/VisualTour/VisualTour.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,8 +23,10 @@ __exportStar(require("./Card"), exports);
|
|
|
23
23
|
__exportStar(require("./Chat"), exports);
|
|
24
24
|
__exportStar(require("./Checkbox/Checkbox"), exports);
|
|
25
25
|
__exportStar(require("./CodeAutocompleteField"), exports);
|
|
26
|
+
__exportStar(require("./ColorField/ColorField"), exports);
|
|
26
27
|
__exportStar(require("./ContentGroup/ContentGroup"), exports);
|
|
27
28
|
__exportStar(require("./ContextOverlay"), exports);
|
|
29
|
+
__exportStar(require("./DecoupledOverlay/DecoupledOverlay"), exports);
|
|
28
30
|
__exportStar(require("./Depiction/Depiction"), exports);
|
|
29
31
|
__exportStar(require("./Dialog"), exports);
|
|
30
32
|
__exportStar(require("./FlexibleLayout"), exports);
|
|
@@ -39,6 +41,7 @@ __exportStar(require("./Link/Link"), exports);
|
|
|
39
41
|
__exportStar(require("./List/List"), exports);
|
|
40
42
|
__exportStar(require("./Menu"), exports);
|
|
41
43
|
__exportStar(require("./MultiSuggestField"), exports);
|
|
44
|
+
__exportStar(require("./NotAvailable/NotAvailable"), exports);
|
|
42
45
|
__exportStar(require("./Notification"), exports);
|
|
43
46
|
__exportStar(require("./OverviewItem"), exports);
|
|
44
47
|
__exportStar(require("./Pagination/Pagination"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,yCAAuB;AACvB,yCAAuB;AACvB,sDAAoC;AACpC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,wDAAsC;AACtC,2CAAyB;AACzB,mDAAiC;AACjC,yCAAuB;AACvB,yCAAuB;AACvB,8DAA4C;AAC5C,yCAAuB;AACvB,2CAAyB;AACzB,oEAAkD;AAClD,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,yCAAuB;AACvB,sDAAoC;AACpC,iDAA+B;AAC/B,iDAA+B;AAC/B,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC;AACpC,4DAA0C;AAC1C,kDAAgC;AAChC,uDAAqC;AACrC,uDAAqC;AACrC,sDAAoC;AACpC,oDAAkC;AAClC,2CAAyB;AACzB,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,8CAA4B;AAC5B,4DAA0C;AAC1C,4CAA0B;AAC1B,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,0DAAwC;AACxC,8CAA4B;AAE5B,+CAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,yCAAuB;AACvB,yCAAuB;AACvB,sDAAoC;AACpC,0DAAwC;AACxC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,sEAAoD;AACpD,wDAAsC;AACtC,2CAAyB;AACzB,mDAAiC;AACjC,yCAAuB;AACvB,yCAAuB;AACvB,8DAA4C;AAC5C,yCAAuB;AACvB,2CAAyB;AACzB,oEAAkD;AAClD,gDAA8B;AAC9B,8CAA4B;AAC5B,8CAA4B;AAC5B,yCAAuB;AACvB,sDAAoC;AACpC,8DAA4C;AAC5C,iDAA+B;AAC/B,iDAA+B;AAC/B,0DAAwC;AACxC,gDAA8B;AAC9B,sDAAoC;AACpC,4DAA0C;AAC1C,kDAAgC;AAChC,uDAAqC;AACrC,uDAAqC;AACrC,sDAAoC;AACpC,oDAAkC;AAClC,2CAAyB;AACzB,8CAA4B;AAC5B,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB;AACtB,8CAA4B;AAC5B,4DAA0C;AAC1C,4CAA0B;AAC1B,oDAAkC;AAClC,8CAA4B;AAC5B,+CAA6B;AAC7B,0DAAwC;AACxC,8CAA4B;AAE5B,+CAA6B"}
|
|
@@ -41,9 +41,9 @@ const language_1 = require("@codemirror/language");
|
|
|
41
41
|
const state_1 = require("@codemirror/state");
|
|
42
42
|
const view_1 = require("@codemirror/view");
|
|
43
43
|
const codemirror_1 = require("codemirror");
|
|
44
|
-
const markText_1 = require("../../components/AutoSuggestion/extensions/markText");
|
|
45
|
-
const markdown_toolbar_1 = require("./toolbars/markdown.toolbar");
|
|
46
44
|
const Markdown_1 = require("../../cmem/markdown/Markdown");
|
|
45
|
+
const EditorAppearanceConfigMenu_1 = require("./toolbars/EditorAppearanceConfigMenu");
|
|
46
|
+
const markText_1 = require("../../components/AutoSuggestion/extensions/markText");
|
|
47
47
|
const constants_1 = require("../../configuration/constants");
|
|
48
48
|
//hooks
|
|
49
49
|
const useCodemirrorModeExtension_hooks_1 = require("./hooks/useCodemirrorModeExtension.hooks");
|
|
@@ -51,6 +51,7 @@ const jsLinter_1 = require("./linters/jsLinter");
|
|
|
51
51
|
const turtleLinter_1 = require("./linters/turtleLinter");
|
|
52
52
|
//adaptations
|
|
53
53
|
const codemirrorTestHelper_1 = require("./tests/codemirrorTestHelper");
|
|
54
|
+
const markdown_toolbar_1 = require("./toolbars/markdown.toolbar");
|
|
54
55
|
const addExtensionsFor = (flag, ...extensions) => (flag ? [...extensions] : []);
|
|
55
56
|
const addToKeyMapConfigFor = (flag, ...keys) => (flag ? [...keys] : []);
|
|
56
57
|
const addHandlersFor = (flag, handlerName, handler) => flag ? { [handlerName]: handler } : {};
|
|
@@ -59,17 +60,39 @@ const ModeLinterMap = new Map([
|
|
|
59
60
|
["javascript", [jsLinter_1.jsLinter]],
|
|
60
61
|
]);
|
|
61
62
|
const ModeToolbarSupport = ["markdown"];
|
|
63
|
+
const defaultAppearanceForModeWithToolbar = new Map([
|
|
64
|
+
["markdown", { wrapLines: true, preventLineNumbers: true }]
|
|
65
|
+
]);
|
|
66
|
+
const getDefaultAppearanceForModeWithToolbar = (hasToolbar, mode) => {
|
|
67
|
+
if (hasToolbar && mode) {
|
|
68
|
+
return defaultAppearanceForModeWithToolbar.get(mode);
|
|
69
|
+
}
|
|
70
|
+
return undefined;
|
|
71
|
+
};
|
|
62
72
|
/**
|
|
63
73
|
* Includes a code editor, currently we use CodeMirror library as base.
|
|
64
74
|
*/
|
|
65
75
|
const CodeEditor = (_a) => {
|
|
66
|
-
var
|
|
76
|
+
var _b, _c;
|
|
77
|
+
var { className, onChange, onSelection, onMouseDown, onFocusChange, onKeyDown, onCursorChange, name, id, mode, preventLineNumbers, wrapLines, defaultValue = "", readOnly = false, shouldHaveMinimalSetup = true, onScroll, setEditorView, supportCodeFolding = false, shouldHighlightActiveLine = false, outerDivAttributes, tabIntentSize = 2, tabIntentStyle = "tab", placeholder, additionalExtensions = [], tabForceSpaceForModes = ["python", "yaml"], enableTab = false, height, useLinting = false, autoFocus = false, disabled = false, intent, useToolbar = false, translate } = _a, otherCodeEditorProps = __rest(_a, ["className", "onChange", "onSelection", "onMouseDown", "onFocusChange", "onKeyDown", "onCursorChange", "name", "id", "mode", "preventLineNumbers", "wrapLines", "defaultValue", "readOnly", "shouldHaveMinimalSetup", "onScroll", "setEditorView", "supportCodeFolding", "shouldHighlightActiveLine", "outerDivAttributes", "tabIntentSize", "tabIntentStyle", "placeholder", "additionalExtensions", "tabForceSpaceForModes", "enableTab", "height", "useLinting", "autoFocus", "disabled", "intent", "useToolbar", "translate"]);
|
|
67
78
|
const parent = (0, react_1.useRef)(undefined);
|
|
68
79
|
const [view, setView] = react_1.default.useState();
|
|
69
|
-
const
|
|
80
|
+
const defaultAppearanceForModeWithToolbar = getDefaultAppearanceForModeWithToolbar(useToolbar, mode);
|
|
81
|
+
const [editorAppearance, setEditorAppearance] = react_1.default.useState({
|
|
82
|
+
// we also set the fallback default here
|
|
83
|
+
wrapLines: (_b = wrapLines !== null && wrapLines !== void 0 ? wrapLines : defaultAppearanceForModeWithToolbar === null || defaultAppearanceForModeWithToolbar === void 0 ? void 0 : defaultAppearanceForModeWithToolbar.wrapLines) !== null && _b !== void 0 ? _b : false,
|
|
84
|
+
preventLineNumbers: (_c = preventLineNumbers !== null && preventLineNumbers !== void 0 ? preventLineNumbers : defaultAppearanceForModeWithToolbar === null || defaultAppearanceForModeWithToolbar === void 0 ? void 0 : defaultAppearanceForModeWithToolbar.preventLineNumbers) !== null && _c !== void 0 ? _c : false,
|
|
85
|
+
});
|
|
86
|
+
const currentView = react_1.default.useRef(undefined);
|
|
70
87
|
currentView.current = view;
|
|
71
88
|
const currentReadOnly = react_1.default.useRef(readOnly);
|
|
72
89
|
currentReadOnly.current = readOnly;
|
|
90
|
+
const currentOnChange = react_1.default.useRef(onChange);
|
|
91
|
+
currentOnChange.current = onChange;
|
|
92
|
+
const currentDisabled = react_1.default.useRef(disabled);
|
|
93
|
+
currentDisabled.current = disabled;
|
|
94
|
+
const currentIntent = react_1.default.useRef(intent);
|
|
95
|
+
currentIntent.current = intent;
|
|
73
96
|
const [showPreview, setShowPreview] = react_1.default.useState(false);
|
|
74
97
|
// CodeMirror Compartments in order to allow for re-configuration after initialization
|
|
75
98
|
const readOnlyCompartment = react_1.default.useRef((0, codemirrorTestHelper_1.compartment)());
|
|
@@ -139,16 +162,16 @@ const CodeEditor = (_a) => {
|
|
|
139
162
|
(0, codemirrorTestHelper_1.AdaptedEditorViewDomEventHandlers)(domEventHandlers),
|
|
140
163
|
view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.updateListener.of((v) => {
|
|
141
164
|
var _a, _b;
|
|
142
|
-
if (
|
|
165
|
+
if (currentDisabled.current)
|
|
143
166
|
return;
|
|
144
|
-
if (
|
|
167
|
+
if (currentOnChange.current && v.docChanged) {
|
|
145
168
|
// Only fire if the text has actually been changed
|
|
146
|
-
|
|
169
|
+
currentOnChange.current(v.state.doc.toString());
|
|
147
170
|
}
|
|
148
171
|
if (onSelection)
|
|
149
172
|
onSelection(v.state.selection.ranges.filter((r) => !r.empty).map(({ from, to }) => ({ from, to })));
|
|
150
|
-
if (onFocusChange &&
|
|
151
|
-
v.view.dom.classList.add(`${constants_1.CLASSPREFIX}-intent--${
|
|
173
|
+
if (onFocusChange && currentIntent.current && !((_a = v.view.dom.classList) === null || _a === void 0 ? void 0 : _a.contains(`${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`))) {
|
|
174
|
+
v.view.dom.classList.add(`${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`);
|
|
152
175
|
}
|
|
153
176
|
if (onCursorChange) {
|
|
154
177
|
const cursorPosition = (_b = v.state.selection.main.head) !== null && _b !== void 0 ? _b : 0;
|
|
@@ -163,9 +186,9 @@ const CodeEditor = (_a) => {
|
|
|
163
186
|
}
|
|
164
187
|
}),
|
|
165
188
|
shouldHaveMinimalSetupCompartment.current.of(addExtensionsFor(shouldHaveMinimalSetup, codemirror_1.minimalSetup)),
|
|
166
|
-
preventLineNumbersCompartment.current.of(addExtensionsFor(!preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)())),
|
|
189
|
+
preventLineNumbersCompartment.current.of(addExtensionsFor(!editorAppearance.preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)())),
|
|
167
190
|
shouldHighlightActiveLineCompartment.current.of(addExtensionsFor(shouldHighlightActiveLine, (0, codemirrorTestHelper_1.adaptedHighlightActiveLine)())),
|
|
168
|
-
wrapLinesCompartment.current.of(addExtensionsFor(wrapLines, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping)),
|
|
191
|
+
wrapLinesCompartment.current.of(addExtensionsFor((editorAppearance.wrapLines), view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping)),
|
|
169
192
|
supportCodeFoldingCompartment.current.of(addExtensionsFor(supportCodeFolding, (0, codemirrorTestHelper_1.adaptedFoldGutter)(), (0, codemirrorTestHelper_1.adaptedCodeFolding)())),
|
|
170
193
|
useLintingCompartment.current.of(addExtensionsFor(useLinting, ...linters)),
|
|
171
194
|
(0, codemirrorTestHelper_1.adaptedSyntaxHighlighting)(language_1.defaultHighlightStyle),
|
|
@@ -184,10 +207,10 @@ const CodeEditor = (_a) => {
|
|
|
184
207
|
view.dom.style.height = typeof height === "string" ? height : `${height}px`;
|
|
185
208
|
}
|
|
186
209
|
if (disabled) {
|
|
187
|
-
view.dom.
|
|
210
|
+
view.dom.classList.add(`${constants_1.CLASSPREFIX}-disabled`);
|
|
188
211
|
}
|
|
189
|
-
if (
|
|
190
|
-
view.dom.className += ` ${constants_1.CLASSPREFIX}-intent--${
|
|
212
|
+
if (currentIntent.current) {
|
|
213
|
+
view.dom.className += ` ${constants_1.CLASSPREFIX}-intent--${currentIntent.current}`;
|
|
191
214
|
}
|
|
192
215
|
if (autoFocus) {
|
|
193
216
|
view.focus();
|
|
@@ -230,19 +253,31 @@ const CodeEditor = (_a) => {
|
|
|
230
253
|
}, [tabIntentSize]);
|
|
231
254
|
react_1.default.useEffect(() => {
|
|
232
255
|
updateExtension(view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.editable.of(!disabled), disabledCompartment.current);
|
|
256
|
+
if (view === null || view === void 0 ? void 0 : view.dom) {
|
|
257
|
+
if (disabled) {
|
|
258
|
+
view.dom.classList.add(`${constants_1.CLASSPREFIX}-disabled`);
|
|
259
|
+
}
|
|
260
|
+
else {
|
|
261
|
+
view.dom.classList.remove(`${constants_1.CLASSPREFIX}-disabled`);
|
|
262
|
+
}
|
|
263
|
+
}
|
|
233
264
|
}, [disabled]);
|
|
265
|
+
react_1.default.useEffect(() => {
|
|
266
|
+
var _a;
|
|
267
|
+
setEditorAppearance(Object.assign(Object.assign({}, editorAppearance), { preventLineNumbers: (_a = preventLineNumbers !== null && preventLineNumbers !== void 0 ? preventLineNumbers : editorAppearance === null || editorAppearance === void 0 ? void 0 : editorAppearance.preventLineNumbers) !== null && _a !== void 0 ? _a : false }));
|
|
268
|
+
updateExtension(addExtensionsFor(!editorAppearance.preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)()), preventLineNumbersCompartment.current);
|
|
269
|
+
}, [preventLineNumbers, editorAppearance.preventLineNumbers]);
|
|
270
|
+
react_1.default.useEffect(() => {
|
|
271
|
+
var _a;
|
|
272
|
+
setEditorAppearance(Object.assign(Object.assign({}, editorAppearance), { wrapLines: (_a = wrapLines !== null && wrapLines !== void 0 ? wrapLines : editorAppearance === null || editorAppearance === void 0 ? void 0 : editorAppearance.wrapLines) !== null && _a !== void 0 ? _a : false }));
|
|
273
|
+
updateExtension(addExtensionsFor(editorAppearance.wrapLines, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping), wrapLinesCompartment.current);
|
|
274
|
+
}, [wrapLines, editorAppearance.wrapLines]);
|
|
234
275
|
react_1.default.useEffect(() => {
|
|
235
276
|
updateExtension(addExtensionsFor(shouldHaveMinimalSetup !== null && shouldHaveMinimalSetup !== void 0 ? shouldHaveMinimalSetup : true, codemirror_1.minimalSetup), shouldHaveMinimalSetupCompartment.current);
|
|
236
277
|
}, [shouldHaveMinimalSetup]);
|
|
237
|
-
react_1.default.useEffect(() => {
|
|
238
|
-
updateExtension(addExtensionsFor(!preventLineNumbers, (0, codemirrorTestHelper_1.adaptedLineNumbers)()), preventLineNumbersCompartment.current);
|
|
239
|
-
}, [preventLineNumbers]);
|
|
240
278
|
react_1.default.useEffect(() => {
|
|
241
279
|
updateExtension(addExtensionsFor(shouldHighlightActiveLine !== null && shouldHighlightActiveLine !== void 0 ? shouldHighlightActiveLine : false, (0, codemirrorTestHelper_1.adaptedHighlightActiveLine)()), shouldHighlightActiveLineCompartment.current);
|
|
242
280
|
}, [shouldHighlightActiveLine]);
|
|
243
|
-
react_1.default.useEffect(() => {
|
|
244
|
-
updateExtension(addExtensionsFor(wrapLines !== null && wrapLines !== void 0 ? wrapLines : false, view_1.EditorView === null || view_1.EditorView === void 0 ? void 0 : view_1.EditorView.lineWrapping), wrapLinesCompartment.current);
|
|
245
|
-
}, [wrapLines]);
|
|
246
281
|
react_1.default.useEffect(() => {
|
|
247
282
|
updateExtension(addExtensionsFor(supportCodeFolding !== null && supportCodeFolding !== void 0 ? supportCodeFolding : false, (0, codemirrorTestHelper_1.adaptedFoldGutter)(), (0, codemirrorTestHelper_1.adaptedCodeFolding)()), supportCodeFoldingCompartment.current);
|
|
248
283
|
}, [supportCodeFolding]);
|
|
@@ -256,7 +291,10 @@ const CodeEditor = (_a) => {
|
|
|
256
291
|
case "markdown":
|
|
257
292
|
return (react_1.default.createElement("div", null,
|
|
258
293
|
react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-codeeditor__toolbar` },
|
|
259
|
-
react_1.default.createElement(markdown_toolbar_1.MarkdownToolbar, { view: view, togglePreviewStatus: () => setShowPreview((p) => !p), showPreview: showPreview, translate: getTranslation, disabled: disabled, readonly: readOnly })
|
|
294
|
+
react_1.default.createElement(markdown_toolbar_1.MarkdownToolbar, { view: view, togglePreviewStatus: () => setShowPreview((p) => !p), showPreview: showPreview, translate: getTranslation, disabled: disabled, readonly: readOnly, configMenu: (react_1.default.createElement(EditorAppearanceConfigMenu_1.EditorAppearanceConfigMenu, { config: Object.assign({}, editorAppearance), configLocked: {
|
|
295
|
+
wrapLines,
|
|
296
|
+
preventLineNumbers,
|
|
297
|
+
}, setConfig: setEditorAppearance, configPropertyTranslate: getTranslation })) })),
|
|
260
298
|
showPreview && (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-codeeditor__preview` },
|
|
261
299
|
react_1.default.createElement(Markdown_1.Markdown, null, (_a = view === null || view === void 0 ? void 0 : view.state.doc.toString()) !== null && _a !== void 0 ? _a : "")))));
|
|
262
300
|
default:
|