@eccenca/gui-elements 24.4.1-featurechatcomponentscmem6775.4 → 24.4.1-featurepreparefinalnextcmem6943.1
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 +101 -2
- package/README.md +63 -16
- package/dist/cjs/cmem/markdown/Markdown.js.map +1 -1
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +67 -13
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV12.js +45 -0
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV12.js.map +1 -0
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV9.js +30 -0
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlowV9.js.map +1 -0
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +2 -2
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/graph.js +12 -10
- package/dist/cjs/cmem/react-flow/configuration/graph.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/linking.js +2 -0
- package/dist/cjs/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/unspecified.js +2 -1
- package/dist/cjs/cmem/react-flow/configuration/unspecified.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/workflow.js +2 -0
- package/dist/cjs/cmem/react-flow/configuration/workflow.js.map +1 -1
- package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js +9 -3
- package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -1
- package/dist/cjs/cmem/react-flow/index.js +5 -1
- package/dist/cjs/cmem/react-flow/index.js.map +1 -1
- package/dist/cjs/common/index.js +5 -0
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/common/utils/CssCustomProperties.js +9 -3
- package/dist/cjs/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/cjs/common/utils/colorCalculateDistance.js +27 -0
- package/dist/cjs/common/utils/colorCalculateDistance.js.map +1 -0
- package/dist/cjs/common/utils/colorHash.js +143 -0
- package/dist/cjs/common/utils/colorHash.js.map +1 -0
- package/dist/cjs/common/utils/getColorConfiguration.js +37 -4
- package/dist/cjs/common/utils/getColorConfiguration.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +13 -10
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js +3 -0
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +16 -6
- 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 +11 -26
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/CodeAutocompleteField/index.js +6 -1
- package/dist/cjs/components/CodeAutocompleteField/index.js.map +1 -1
- package/dist/cjs/components/Dialog/Modal.js +2 -1
- package/dist/cjs/components/Dialog/Modal.js.map +1 -1
- package/dist/cjs/components/Dialog/SimpleDialog.js +2 -1
- package/dist/cjs/components/Dialog/SimpleDialog.js.map +1 -1
- package/dist/cjs/components/Form/FieldItem.js +2 -19
- package/dist/cjs/components/Form/FieldItem.js.map +1 -1
- package/dist/cjs/components/Form/FieldSet.js +2 -20
- package/dist/cjs/components/Form/FieldSet.js.map +1 -1
- package/dist/cjs/components/Icon/BaseIcon.js +2 -2
- package/dist/cjs/components/Icon/BaseIcon.js.map +1 -1
- package/dist/cjs/components/Icon/IconButton.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +2 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +14 -27
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/{AutocompleteField → MultiSuggestField}/index.js +1 -7
- package/dist/cjs/components/MultiSuggestField/index.js.map +1 -0
- package/dist/cjs/components/Notification/Notification.js +3 -23
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/OverviewItem/OverviewItemList.js +1 -2
- package/dist/cjs/components/OverviewItem/OverviewItemList.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +17 -8
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/SuggestField/index.js +5 -2
- package/dist/cjs/components/SuggestField/index.js.map +1 -1
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Table/TableContainer.js.map +1 -1
- package/dist/cjs/components/Tabs/Tab.js +3 -2
- package/dist/cjs/components/Tabs/Tab.js.map +1 -1
- package/dist/cjs/components/TextField/SearchField.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/OverflowText.js.map +1 -1
- package/dist/cjs/components/VisualTour/VisualTour.js +200 -0
- package/dist/cjs/components/VisualTour/VisualTour.js.map +1 -0
- package/dist/cjs/components/index.js +6 -8
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/configuration/constants.js +3 -1
- package/dist/cjs/configuration/constants.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +3 -2
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +3 -0
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeBezier.js +50 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeBezier.js.map +1 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js +21 -3
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeDefaultV12.js +46 -22
- package/dist/cjs/extensions/react-flow/edges/EdgeDefaultV12.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeDefs.js +3 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeDefs.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeNew.js +41 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeNew.js.map +1 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeStep.js +19 -2
- package/dist/cjs/extensions/react-flow/edges/EdgeStep.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeStraight.js +6 -0
- package/dist/cjs/extensions/react-flow/edges/EdgeStraight.js.map +1 -0
- package/dist/cjs/extensions/react-flow/edges/utils.js +12 -1
- package/dist/cjs/extensions/react-flow/edges/utils.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +14 -15
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/index.js +6 -6
- package/dist/cjs/extensions/react-flow/index.js.map +1 -1
- package/dist/cjs/extensions/react-flow/markers/MarkerArrowClosedInverse.js +3 -0
- package/dist/cjs/extensions/react-flow/markers/MarkerArrowClosedInverse.js.map +1 -1
- package/dist/cjs/extensions/react-flow/markers/ReactFlowMarkers.js +17 -2
- package/dist/cjs/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js +21 -2
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMapV12.js +51 -0
- package/dist/cjs/extensions/react-flow/minimap/MiniMapV12.js.map +1 -0
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +57 -54
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js +2 -2
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeUtils.js +2 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeUtils.js.map +1 -1
- package/dist/cjs/extensions/react-flow/versionsupport.js +13 -11
- package/dist/cjs/extensions/react-flow/versionsupport.js.map +1 -1
- package/dist/cjs/index.js +1 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js.map +1 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +67 -13
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlowV12.js +66 -0
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlowV12.js.map +1 -0
- package/dist/esm/{legacy-replacements/Button/AffirmativeButton.js → cmem/react-flow/ReactFlow/ReactFlowV9.js} +12 -7
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlowV9.js.map +1 -0
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +3 -3
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/graph.js +12 -10
- package/dist/esm/cmem/react-flow/configuration/graph.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/linking.js +2 -0
- package/dist/esm/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/unspecified.js +2 -1
- package/dist/esm/cmem/react-flow/configuration/unspecified.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/workflow.js +2 -0
- package/dist/esm/cmem/react-flow/configuration/workflow.js.map +1 -1
- package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js +7 -1
- package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -1
- package/dist/esm/cmem/react-flow/index.js +2 -1
- package/dist/esm/cmem/react-flow/index.js.map +1 -1
- package/dist/esm/common/index.js +5 -0
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/common/utils/CssCustomProperties.js +9 -3
- package/dist/esm/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/esm/common/utils/colorCalculateDistance.js +21 -0
- package/dist/esm/common/utils/colorCalculateDistance.js.map +1 -0
- package/dist/esm/common/utils/colorHash.js +140 -0
- package/dist/esm/common/utils/colorHash.js.map +1 -0
- package/dist/esm/common/utils/getColorConfiguration.js +37 -4
- package/dist/esm/common/utils/getColorConfiguration.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +13 -11
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js +3 -0
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js +15 -6
- 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 +11 -26
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/CodeAutocompleteField/index.js +4 -1
- package/dist/esm/components/CodeAutocompleteField/index.js.map +1 -1
- package/dist/esm/components/Dialog/Modal.js +2 -1
- package/dist/esm/components/Dialog/Modal.js.map +1 -1
- package/dist/esm/components/Dialog/SimpleDialog.js +2 -1
- package/dist/esm/components/Dialog/SimpleDialog.js.map +1 -1
- package/dist/esm/components/Form/FieldItem.js +2 -19
- package/dist/esm/components/Form/FieldItem.js.map +1 -1
- package/dist/esm/components/Form/FieldSet.js +2 -20
- package/dist/esm/components/Form/FieldSet.js.map +1 -1
- package/dist/esm/components/Icon/BaseIcon.js +2 -2
- package/dist/esm/components/Icon/BaseIcon.js.map +1 -1
- package/dist/esm/components/Icon/IconButton.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +2 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +13 -27
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/MultiSuggestField/index.js +2 -0
- package/dist/esm/components/MultiSuggestField/index.js.map +1 -0
- package/dist/esm/components/Notification/Notification.js +3 -23
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/OverviewItem/OverviewItemList.js +1 -2
- package/dist/esm/components/OverviewItem/OverviewItemList.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.js +14 -8
- package/dist/esm/components/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/SuggestField/index.js +4 -1
- package/dist/esm/components/SuggestField/index.js.map +1 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableContainer.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +3 -2
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/TextField/SearchField.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/OverflowText.js.map +1 -1
- package/dist/esm/components/VisualTour/VisualTour.js +213 -0
- package/dist/esm/components/VisualTour/VisualTour.js.map +1 -0
- package/dist/esm/components/index.js +6 -8
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/configuration/constants.js +2 -0
- package/dist/esm/configuration/constants.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +5 -4
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +3 -0
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeBezier.js +35 -0
- package/dist/esm/extensions/react-flow/edges/EdgeBezier.js.map +1 -0
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js +21 -3
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeDefaultV12.js +24 -20
- package/dist/esm/extensions/react-flow/edges/EdgeDefaultV12.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeDefs.js +3 -0
- package/dist/esm/extensions/react-flow/edges/EdgeDefs.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeNew.js +45 -0
- package/dist/esm/extensions/react-flow/edges/EdgeNew.js.map +1 -0
- package/dist/esm/extensions/react-flow/edges/EdgeStep.js +19 -2
- package/dist/esm/extensions/react-flow/edges/EdgeStep.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeStraight.js +2 -0
- package/dist/esm/extensions/react-flow/edges/EdgeStraight.js.map +1 -0
- package/dist/esm/extensions/react-flow/edges/utils.js +27 -1
- package/dist/esm/extensions/react-flow/edges/utils.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +16 -17
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/index.js +6 -3
- package/dist/esm/extensions/react-flow/index.js.map +1 -1
- package/dist/esm/extensions/react-flow/markers/MarkerArrowClosedInverse.js +3 -0
- package/dist/esm/extensions/react-flow/markers/MarkerArrowClosedInverse.js.map +1 -1
- package/dist/esm/extensions/react-flow/markers/ReactFlowMarkers.js +17 -2
- package/dist/esm/extensions/react-flow/markers/ReactFlowMarkers.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js +22 -3
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMapV12.js +36 -0
- package/dist/esm/extensions/react-flow/minimap/MiniMapV12.js.map +1 -0
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +84 -81
- 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/nodeUtils.js +2 -1
- package/dist/esm/extensions/react-flow/nodes/nodeUtils.js.map +1 -1
- package/dist/esm/extensions/react-flow/versionsupport.js +15 -13
- package/dist/esm/extensions/react-flow/versionsupport.js.map +1 -1
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/types/cmem/markdown/Markdown.d.ts +1 -8
- package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts +38 -6
- package/dist/types/cmem/react-flow/ReactFlow/ReactFlowV12.d.ts +7 -0
- package/dist/types/cmem/react-flow/ReactFlow/ReactFlowV9.d.ts +7 -0
- package/dist/types/cmem/react-flow/configuration/graph.d.ts +9 -9
- package/dist/types/cmem/react-flow/configuration/linking.d.ts +6 -6
- package/dist/types/cmem/react-flow/configuration/unspecified.d.ts +3 -3
- package/dist/types/cmem/react-flow/configuration/workflow.d.ts +4 -4
- package/dist/types/cmem/react-flow/extensions/scrollOnDragHook.d.ts +19 -16
- package/dist/types/cmem/react-flow/index.d.ts +2 -1
- package/dist/types/common/index.d.ts +5 -1
- package/dist/types/common/utils/CssCustomProperties.d.ts +6 -6
- package/dist/types/common/utils/colorCalculateDistance.d.ts +12 -0
- package/dist/types/common/utils/colorHash.d.ts +29 -0
- package/dist/types/common/utils/getColorConfiguration.d.ts +1 -1
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +7 -17
- package/dist/types/components/AutoSuggestion/AutoSuggestionList.d.ts +4 -4
- package/dist/types/components/AutoSuggestion/ExtendedCodeEditor.d.ts +0 -1
- package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +17 -10
- package/dist/types/components/AutocompleteField/autoCompleteFieldUtils.d.ts +2 -2
- package/dist/types/components/AutocompleteField/interfaces.d.ts +2 -4
- package/dist/types/components/Button/Button.d.ts +1 -21
- package/dist/types/components/CodeAutocompleteField/index.d.ts +5 -1
- package/dist/types/components/Dialog/Modal.d.ts +2 -1
- package/dist/types/components/Dialog/SimpleDialog.d.ts +0 -1
- package/dist/types/components/Form/FieldItem.d.ts +1 -25
- package/dist/types/components/Form/FieldSet.d.ts +1 -21
- package/dist/types/components/Icon/BaseIcon.d.ts +1 -10
- package/dist/types/components/Icon/IconButton.d.ts +2 -1
- package/dist/types/components/Icon/canonicalIconNames.d.ts +2 -0
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +17 -33
- package/dist/types/components/MultiSuggestField/index.d.ts +1 -0
- package/dist/types/components/Notification/Notification.d.ts +1 -24
- package/dist/types/components/OverviewItem/OverviewItemList.d.ts +1 -6
- package/dist/types/components/Spinner/Spinner.d.ts +6 -5
- package/dist/types/components/SuggestField/index.d.ts +6 -2
- package/dist/types/components/Table/Table.d.ts +1 -1
- package/dist/types/components/Table/TableContainer.d.ts +2 -2
- package/dist/types/components/Tabs/Tab.d.ts +4 -4
- package/dist/types/components/TextField/SearchField.d.ts +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +2 -1
- package/dist/types/components/Typography/OverflowText.d.ts +0 -5
- package/dist/types/components/VisualTour/VisualTour.d.ts +39 -0
- package/dist/types/components/index.d.ts +6 -8
- package/dist/types/configuration/constants.d.ts +2 -0
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +4 -5
- package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts +2 -0
- package/dist/types/extensions/react-flow/edges/EdgeBezier.d.ts +20 -0
- package/dist/types/extensions/react-flow/edges/EdgeDefault.d.ts +29 -7
- package/dist/types/extensions/react-flow/edges/EdgeDefaultV12.d.ts +16 -27
- package/dist/types/extensions/react-flow/edges/EdgeDefs.d.ts +3 -0
- package/dist/types/extensions/react-flow/edges/EdgeNew.d.ts +3 -0
- package/dist/types/extensions/react-flow/edges/EdgeStep.d.ts +23 -5
- package/dist/types/extensions/react-flow/edges/EdgeStraight.d.ts +1 -0
- package/dist/types/extensions/react-flow/edges/utils.d.ts +2 -0
- package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts +12 -6
- package/dist/types/extensions/react-flow/index.d.ts +6 -2
- package/dist/types/extensions/react-flow/markers/MarkerArrowClosedInverse.d.ts +3 -0
- package/dist/types/extensions/react-flow/markers/ReactFlowMarkers.d.ts +21 -2
- package/dist/types/extensions/react-flow/minimap/MiniMap.d.ts +18 -7
- package/dist/types/extensions/react-flow/minimap/MiniMapV12.d.ts +10 -0
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +15 -12
- package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts +7 -3
- package/dist/types/extensions/react-flow/nodes/nodeUtils.d.ts +12 -5
- package/dist/types/extensions/react-flow/versionsupport.d.ts +8 -4
- package/dist/types/index.d.ts +1 -2
- package/package.json +2 -3
- package/src/_shame.scss +1 -1
- package/src/cmem/markdown/Markdown.stories.tsx +0 -1
- package/src/cmem/markdown/Markdown.tsx +4 -12
- package/src/cmem/react-flow/ReactFlow/ReactFlow.stories.tsx +472 -366
- package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +176 -72
- package/src/cmem/react-flow/ReactFlow/ReactFlowV12.tsx +56 -0
- package/src/cmem/react-flow/ReactFlow/ReactFlowV9.tsx +29 -0
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +0 -1
- package/src/cmem/react-flow/_canvas.scss +1 -1
- package/src/cmem/react-flow/_edges.scss +13 -13
- package/src/cmem/react-flow/_handles.scss +18 -18
- package/src/cmem/react-flow/_minimap.scss +19 -19
- package/src/cmem/react-flow/configuration/_colors-graph.scss +19 -36
- package/src/cmem/react-flow/configuration/_colors-linking.scss +14 -26
- package/src/cmem/react-flow/configuration/_colors-workflow.scss +15 -27
- package/src/cmem/react-flow/configuration/graph.ts +13 -11
- package/src/cmem/react-flow/configuration/linking.ts +3 -1
- package/src/cmem/react-flow/configuration/unspecified.ts +2 -1
- package/src/cmem/react-flow/configuration/workflow.ts +3 -1
- package/src/cmem/react-flow/extensions/scrollOnDragHook.ts +19 -21
- package/src/cmem/react-flow/index.ts +2 -1
- package/src/cmem/react-flow/nodes/_colors.scss +20 -20
- package/src/common/index.ts +5 -0
- package/src/common/scss/_color-functions.scss +134 -0
- package/src/common/utils/CssCustomProperties.ts +22 -15
- package/src/common/utils/colorCalculateDistance.ts +28 -0
- package/src/common/utils/colorHash.ts +195 -0
- package/src/common/utils/getColorConfiguration.ts +45 -7
- package/src/components/Accordion/accordion.scss +6 -5
- package/src/components/Application/_colors.scss +15 -0
- package/src/components/Application/_header.scss +7 -7
- package/src/components/Application/_toolbar.scss +5 -5
- package/src/components/Application/application.scss +1 -0
- package/src/components/Application/stories/Application.stories.tsx +2 -2
- package/src/components/Application/stories/ColorPalettes.stories.tsx +885 -0
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +15 -31
- package/src/components/AutoSuggestion/AutoSuggestionList.tsx +12 -5
- package/src/components/AutoSuggestion/ExtendedCodeEditor.tsx +0 -2
- package/src/components/AutocompleteField/AutoCompleteField.tsx +19 -13
- package/src/components/AutocompleteField/autoCompleteFieldUtils.tsx +2 -2
- package/src/components/AutocompleteField/interfaces.ts +1 -5
- package/src/components/Button/Button.stories.tsx +0 -4
- package/src/components/Button/Button.tsx +10 -57
- package/src/components/Button/button.scss +17 -17
- package/src/components/Card/card.scss +13 -13
- package/src/components/Checkbox/checkbox.scss +2 -2
- package/src/components/CodeAutocompleteField/index.ts +8 -1
- package/src/components/ContentGroup/_contentgroup.scss +8 -2
- package/src/components/Dialog/Modal.tsx +5 -2
- package/src/components/Dialog/SimpleDialog.tsx +2 -1
- package/src/components/Dialog/dialog.scss +4 -1
- package/src/components/Form/FieldItem.tsx +3 -49
- package/src/components/Form/FieldSet.tsx +1 -45
- package/src/components/Form/form.scss +2 -2
- package/src/components/Icon/BaseIcon.tsx +0 -14
- package/src/components/Icon/IconButton.tsx +2 -1
- package/src/components/Icon/canonicalIconNames.tsx +2 -0
- package/src/components/Label/label.scss +1 -1
- package/src/components/Link/link.scss +1 -1
- package/src/components/Menu/menu.scss +4 -27
- package/src/components/MultiSelect/MultiSelect.tsx +23 -60
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +1 -1
- package/src/components/MultiSuggestField/index.ts +1 -0
- package/src/components/Notification/Notification.stories.tsx +4 -4
- package/src/components/Notification/Notification.tsx +3 -51
- package/src/components/Notification/notification.scss +3 -3
- package/src/components/OverviewItem/OverviewItemList.tsx +0 -7
- package/src/components/OverviewItem/overviewitem.scss +6 -9
- package/src/components/OverviewItem/stories/OverviewItemList.stories.tsx +0 -1
- package/src/components/Pagination/pagination.scss +1 -1
- package/src/components/Spinner/Spinner.tsx +19 -14
- package/src/components/Spinner/spinner.scss +5 -4
- package/src/components/Sticky/sticky.scss +7 -7
- package/src/components/SuggestField/index.ts +7 -1
- package/src/components/Table/Table.tsx +1 -2
- package/src/components/Table/TableContainer.tsx +2 -2
- package/src/components/Table/table.scss +34 -46
- package/src/components/Tabs/Tab.tsx +3 -2
- package/src/components/Tabs/stories/Tab.stories.tsx +1 -1
- package/src/components/Tabs/stories/TabPanel.stories.tsx +1 -1
- package/src/components/Tabs/stories/TabTitle.stories.tsx +1 -1
- package/src/components/Tag/tag.scss +20 -20
- package/src/components/TextField/SearchField.tsx +1 -6
- package/src/components/TextField/stories/SearchField.stories.tsx +0 -4
- package/src/components/TextField/textfield.scss +8 -8
- package/src/components/Tooltip/Tooltip.tsx +7 -4
- package/src/components/Tooltip/tooltip.scss +7 -3
- package/src/components/Typography/OverflowText.tsx +1 -6
- package/src/components/Typography/typography.scss +1 -1
- package/src/components/VisualTour/VisualTour.tsx +381 -0
- package/src/components/VisualTour/stories/VisualTour.stories.tsx +112 -0
- package/src/components/VisualTour/stories/defaultTour.ts +42 -0
- package/src/components/VisualTour/visualTour.scss +83 -0
- package/src/components/index.scss +1 -0
- package/src/components/index.ts +6 -8
- package/src/configuration/_libprefix.scss +1 -0
- package/src/configuration/_palettes.scss +39 -0
- package/src/configuration/_variables.scss +21 -20
- package/src/configuration/constants.ts +2 -0
- package/src/extensions/codemirror/CodeMirror.tsx +7 -8
- package/src/extensions/codemirror/_codemirror.scss +2 -2
- package/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts +4 -0
- package/src/extensions/react-flow/_config.scss +7 -6
- package/src/extensions/react-flow/_react-flow.scss +1 -4
- package/src/extensions/react-flow/_react-flow_v12.scss +215 -3
- package/src/extensions/react-flow/edges/EdgeBezier.tsx +47 -0
- package/src/extensions/react-flow/edges/EdgeDefault.tsx +51 -13
- package/src/extensions/react-flow/edges/EdgeDefaultV12.tsx +79 -78
- package/src/extensions/react-flow/edges/EdgeDefs.tsx +3 -0
- package/src/extensions/react-flow/edges/EdgeNew.tsx +52 -0
- package/src/extensions/react-flow/edges/EdgeStep.tsx +41 -6
- package/src/extensions/react-flow/edges/EdgeStraight.tsx +1 -0
- package/src/extensions/react-flow/edges/_edges.scss +10 -4
- package/src/extensions/react-flow/edges/stories/EdgeDefault.stories.tsx +1 -2
- package/src/extensions/react-flow/edges/stories/EdgeDefaultV12.stories.tsx +32 -25
- package/src/extensions/react-flow/edges/utils.ts +19 -1
- package/src/extensions/react-flow/handles/HandleDefault.tsx +40 -35
- package/src/extensions/react-flow/handles/_handles.scss +2 -2
- package/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx +4 -6
- package/src/extensions/react-flow/index.ts +7 -5
- package/src/extensions/react-flow/markers/MarkerArrowClosedInverse.tsx +3 -0
- package/src/extensions/react-flow/markers/ReactFlowMarkers.tsx +58 -1
- package/src/extensions/react-flow/markers/_markers.scss +31 -0
- package/src/extensions/react-flow/minimap/MiniMap.stories.tsx +12 -18
- package/src/extensions/react-flow/minimap/MiniMap.tsx +44 -9
- package/src/extensions/react-flow/minimap/MiniMapV12.tsx +39 -0
- package/src/extensions/react-flow/minimap/_minimap.scss +14 -0
- package/src/extensions/react-flow/nodes/NodeContent.tsx +135 -113
- package/src/extensions/react-flow/nodes/NodeDefault.tsx +9 -5
- package/src/extensions/react-flow/nodes/_nodes.scss +29 -23
- package/src/extensions/react-flow/nodes/nodeUtils.tsx +15 -6
- package/src/extensions/react-flow/nodes/stories/NodeDefault.stories.tsx +3 -5
- package/src/extensions/react-flow/versionsupport.ts +17 -15
- package/src/extensions/uppy/_fileupload.scss +2 -2
- package/src/includes/blueprintjs/_colormap.scss +150 -0
- package/src/includes/blueprintjs/_variables.scss +39 -9
- package/src/includes/carbon-components/_variables.scss +23 -8
- package/src/index.scss +11 -0
- package/src/index.ts +1 -2
- package/dist/cjs/components/AutoSuggestion/index.js +0 -8
- package/dist/cjs/components/AutoSuggestion/index.js.map +0 -1
- package/dist/cjs/components/AutocompleteField/index.js.map +0 -1
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js +0 -32
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js.map +0 -1
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js +0 -37
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js.map +0 -1
- package/dist/cjs/components/SuggestField/SuggestField.js +0 -38
- package/dist/cjs/components/SuggestField/SuggestField.js.map +0 -1
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js +0 -28
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js.map +0 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeTypes.js +0 -18
- package/dist/cjs/extensions/react-flow/nodes/nodeTypes.js.map +0 -1
- package/dist/cjs/legacy-replacements/Button/AffirmativeButton.js +0 -25
- package/dist/cjs/legacy-replacements/Button/AffirmativeButton.js.map +0 -1
- package/dist/cjs/legacy-replacements/Button/Button.js +0 -65
- package/dist/cjs/legacy-replacements/Button/Button.js.map +0 -1
- package/dist/cjs/legacy-replacements/Button/DismissiveButton.js +0 -25
- package/dist/cjs/legacy-replacements/Button/DismissiveButton.js.map +0 -1
- package/dist/cjs/legacy-replacements/Button/DisruptiveButton.js +0 -25
- package/dist/cjs/legacy-replacements/Button/DisruptiveButton.js.map +0 -1
- package/dist/cjs/legacy-replacements/Checkbox/Checkbox.js +0 -58
- package/dist/cjs/legacy-replacements/Checkbox/Checkbox.js.map +0 -1
- package/dist/cjs/legacy-replacements/Radio/RadioButton.js +0 -51
- package/dist/cjs/legacy-replacements/Radio/RadioButton.js.map +0 -1
- package/dist/cjs/legacy-replacements/Tabs/Tabs.js +0 -34
- package/dist/cjs/legacy-replacements/Tabs/Tabs.js.map +0 -1
- package/dist/cjs/legacy-replacements/TextField/TextField.js +0 -75
- package/dist/cjs/legacy-replacements/TextField/TextField.js.map +0 -1
- package/dist/cjs/legacy-replacements/index.js +0 -22
- package/dist/cjs/legacy-replacements/index.js.map +0 -1
- package/dist/esm/components/AutoSuggestion/index.js +0 -4
- package/dist/esm/components/AutoSuggestion/index.js.map +0 -1
- package/dist/esm/components/AutocompleteField/index.js +0 -7
- package/dist/esm/components/AutocompleteField/index.js.map +0 -1
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js +0 -37
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js.map +0 -1
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js +0 -42
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js.map +0 -1
- package/dist/esm/components/SuggestField/SuggestField.js +0 -43
- package/dist/esm/components/SuggestField/SuggestField.js.map +0 -1
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js +0 -25
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js.map +0 -1
- package/dist/esm/extensions/react-flow/nodes/nodeTypes.js +0 -15
- package/dist/esm/extensions/react-flow/nodes/nodeTypes.js.map +0 -1
- package/dist/esm/legacy-replacements/Button/AffirmativeButton.js.map +0 -1
- package/dist/esm/legacy-replacements/Button/Button.js +0 -69
- package/dist/esm/legacy-replacements/Button/Button.js.map +0 -1
- package/dist/esm/legacy-replacements/Button/DismissiveButton.js +0 -30
- package/dist/esm/legacy-replacements/Button/DismissiveButton.js.map +0 -1
- package/dist/esm/legacy-replacements/Button/DisruptiveButton.js +0 -30
- package/dist/esm/legacy-replacements/Button/DisruptiveButton.js.map +0 -1
- package/dist/esm/legacy-replacements/Checkbox/Checkbox.js +0 -63
- package/dist/esm/legacy-replacements/Checkbox/Checkbox.js.map +0 -1
- package/dist/esm/legacy-replacements/Radio/RadioButton.js +0 -56
- package/dist/esm/legacy-replacements/Radio/RadioButton.js.map +0 -1
- package/dist/esm/legacy-replacements/Tabs/Tabs.js +0 -39
- package/dist/esm/legacy-replacements/Tabs/Tabs.js.map +0 -1
- package/dist/esm/legacy-replacements/TextField/TextField.js +0 -82
- package/dist/esm/legacy-replacements/TextField/TextField.js.map +0 -1
- package/dist/esm/legacy-replacements/index.js +0 -10
- package/dist/esm/legacy-replacements/index.js.map +0 -1
- package/dist/types/components/AutoSuggestion/index.d.ts +0 -5
- package/dist/types/components/AutocompleteField/index.d.ts +0 -5
- package/dist/types/components/CodeAutocompleteField/CodeAutocompleteField.d.ts +0 -11
- package/dist/types/components/MultiSuggestField/MultiSuggestField.d.ts +0 -19
- package/dist/types/components/SuggestField/SuggestField.d.ts +0 -21
- package/dist/types/extensions/react-flow/edges/edgeTypes.d.ts +0 -16
- package/dist/types/extensions/react-flow/nodes/nodeTypes.d.ts +0 -13
- package/dist/types/legacy-replacements/Button/AffirmativeButton.d.ts +0 -3
- package/dist/types/legacy-replacements/Button/Button.d.ts +0 -6
- package/dist/types/legacy-replacements/Button/DismissiveButton.d.ts +0 -3
- package/dist/types/legacy-replacements/Button/DisruptiveButton.d.ts +0 -3
- package/dist/types/legacy-replacements/Checkbox/Checkbox.d.ts +0 -3
- package/dist/types/legacy-replacements/Radio/RadioButton.d.ts +0 -3
- package/dist/types/legacy-replacements/Tabs/Tabs.d.ts +0 -24
- package/dist/types/legacy-replacements/TextField/TextField.d.ts +0 -3
- package/dist/types/legacy-replacements/index.d.ts +0 -10
- package/src/components/AutoSuggestion/index.ts +0 -7
- package/src/components/AutocompleteField/AutoCompleteField.stories.tsx +0 -14
- package/src/components/AutocompleteField/index.ts +0 -6
- package/src/components/CodeAutocompleteField/CodeAutocompleteField.tsx +0 -22
- package/src/components/MultiSuggestField/MultiSuggestField.tsx +0 -35
- package/src/components/SuggestField/SuggestField.tsx +0 -33
- package/src/extensions/react-flow/edges/edgeTypes.ts +0 -29
- package/src/extensions/react-flow/nodes/nodeTypes.ts +0 -15
- package/src/legacy-replacements/Button/AffirmativeButton.tsx +0 -12
- package/src/legacy-replacements/Button/Button.tsx +0 -80
- package/src/legacy-replacements/Button/DismissiveButton.tsx +0 -12
- package/src/legacy-replacements/Button/DisruptiveButton.tsx +0 -12
- package/src/legacy-replacements/Checkbox/Checkbox.tsx +0 -59
- package/src/legacy-replacements/Radio/RadioButton.tsx +0 -37
- package/src/legacy-replacements/Tabs/Tabs.stories.tsx +0 -36
- package/src/legacy-replacements/Tabs/Tabs.tsx +0 -69
- package/src/legacy-replacements/TextField/TextField.tsx +0 -89
- package/src/legacy-replacements/index.ts +0 -11
|
@@ -14,16 +14,12 @@ export interface CodeAutocompleteFieldSuggestionBase {
|
|
|
14
14
|
label?: string;
|
|
15
15
|
description?: string;
|
|
16
16
|
}
|
|
17
|
-
/** @deprecated (v25) use CodeAutocompleteFieldSuggestionBase */
|
|
18
|
-
export type ISuggestionBase = CodeAutocompleteFieldSuggestionBase;
|
|
19
17
|
/** Same as CodeAutocompleteFieldSuggestionBase, but with the query that was used to fetch this suggestion. */
|
|
20
18
|
export interface CodeAutocompleteFieldSuggestionWithReplacementInfo extends CodeAutocompleteFieldSuggestionBase {
|
|
21
19
|
query: string;
|
|
22
20
|
from: number;
|
|
23
21
|
length: number;
|
|
24
22
|
}
|
|
25
|
-
/** @deprecated (v25) use CodeAutocompleteFieldSuggestionWithReplacementInfo */
|
|
26
|
-
export type ISuggestionWithReplacementInfo = CodeAutocompleteFieldSuggestionWithReplacementInfo;
|
|
27
23
|
/** The suggestions for a specific substring of the given input string. */
|
|
28
24
|
export interface CodeAutocompleteFieldReplacementResult {
|
|
29
25
|
replacementInterval: {
|
|
@@ -33,15 +29,11 @@ export interface CodeAutocompleteFieldReplacementResult {
|
|
|
33
29
|
extractedQuery: string;
|
|
34
30
|
replacements: CodeAutocompleteFieldSuggestionBase[];
|
|
35
31
|
}
|
|
36
|
-
/** @deprecated (v25) use CodeAutocompleteFieldReplacementResult */
|
|
37
|
-
export type IReplacementResult = CodeAutocompleteFieldReplacementResult;
|
|
38
32
|
export interface CodeAutocompleteFieldPartialAutoCompleteResult {
|
|
39
33
|
inputString: string;
|
|
40
34
|
cursorPosition: number;
|
|
41
35
|
replacementResults: CodeAutocompleteFieldReplacementResult[];
|
|
42
36
|
}
|
|
43
|
-
/** @deprecated (v25) use CodeAutocompleteFieldPartialAutoCompleteResult */
|
|
44
|
-
export type IPartialAutoCompleteResult = CodeAutocompleteFieldPartialAutoCompleteResult;
|
|
45
37
|
/** Validation result */
|
|
46
38
|
export interface CodeAutocompleteFieldValidationResult {
|
|
47
39
|
valid: boolean;
|
|
@@ -51,12 +43,7 @@ export interface CodeAutocompleteFieldValidationResult {
|
|
|
51
43
|
end: number;
|
|
52
44
|
};
|
|
53
45
|
}
|
|
54
|
-
|
|
55
|
-
export type IValidationResult = CodeAutocompleteFieldValidationResult;
|
|
56
|
-
/**
|
|
57
|
-
* @deprecated (v25) use `CodeAutocompleteFieldProps` instead.
|
|
58
|
-
*/
|
|
59
|
-
export interface AutoSuggestionProps {
|
|
46
|
+
export interface CodeAutocompleteFieldProps {
|
|
60
47
|
/** Additional class name.
|
|
61
48
|
*/
|
|
62
49
|
className?: string;
|
|
@@ -124,7 +111,10 @@ export interface AutoSuggestionProps {
|
|
|
124
111
|
outerDivAttributes?: Omit<React.HTMLAttributes<HTMLDivElement>, "id" | "data-test-id">;
|
|
125
112
|
}
|
|
126
113
|
/**
|
|
127
|
-
*
|
|
114
|
+
* Input component that allows partial, fine-grained auto-completion, i.e. of sub-strings of the input string.
|
|
115
|
+
* This is comparable to a one line code editor.
|
|
116
|
+
*
|
|
117
|
+
* Example usage: input of a path string offering auto-completion for each single part of the path.
|
|
128
118
|
*/
|
|
129
|
-
declare const
|
|
130
|
-
export default
|
|
119
|
+
export declare const CodeAutocompleteField: ({ className, label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText, clearIconText, onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions, placeholder, showScrollBar, autoCompletionRequestDelay, validationRequestDelay, mode, multiline, reInitOnInitialValueChange, height, readOnly, outerDivAttributes, }: CodeAutocompleteFieldProps) => React.JSX.Element;
|
|
120
|
+
export default CodeAutocompleteField;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { CodeAutocompleteFieldSuggestionWithReplacementInfo } from "./AutoSuggestion";
|
|
3
3
|
export interface AutoSuggestionListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
4
|
-
options: Array<
|
|
5
|
-
onItemSelectionChange: (item:
|
|
4
|
+
options: Array<CodeAutocompleteFieldSuggestionWithReplacementInfo>;
|
|
5
|
+
onItemSelectionChange: (item: CodeAutocompleteFieldSuggestionWithReplacementInfo) => any;
|
|
6
6
|
isOpen: boolean;
|
|
7
7
|
loading?: boolean;
|
|
8
8
|
currentlyFocusedIndex: number;
|
|
9
|
-
itemToHighlight: (item:
|
|
9
|
+
itemToHighlight: (item: CodeAutocompleteFieldSuggestionWithReplacementInfo | undefined) => any;
|
|
10
10
|
/** horizontal and vertical offset values in relation to the cursor */
|
|
11
11
|
offsetValues?: {
|
|
12
12
|
x: number;
|
|
@@ -31,7 +31,6 @@ export interface ExtendedCodeEditorProps {
|
|
|
31
31
|
/** Set read-only mode. Default: false */
|
|
32
32
|
readOnly?: boolean;
|
|
33
33
|
}
|
|
34
|
-
export type IEditorProps = ExtendedCodeEditorProps;
|
|
35
34
|
/** Supports single-line and multiline editing. */
|
|
36
35
|
export declare const ExtendedCodeEditor: ({ multiline, initialValue, onKeyDown, enableTab, mode, setCM, onFocusChange, onMouseDown, onChange, placeholder, onCursorChange, onSelection, codeEditorProps, height, readOnly }: ExtendedCodeEditorProps) => React.JSX.Element;
|
|
37
36
|
export default ExtendedCodeEditor;
|
|
@@ -5,9 +5,11 @@ import { SuggestFieldItemRendererModifierProps } from "./interfaces";
|
|
|
5
5
|
type SearchFunction<T> = (value: string) => T[];
|
|
6
6
|
type AsyncSearchFunction<T> = (value: string) => Promise<T[]>;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Parameters for the auto-complete field parameterized by T and U.
|
|
9
|
+
* @param T is the input data structure/type of the items that can be selected.
|
|
10
|
+
* @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
|
|
9
11
|
*/
|
|
10
|
-
export interface
|
|
12
|
+
export interface SuggestFieldProps<T, UPDATE_VALUE> {
|
|
11
13
|
/**
|
|
12
14
|
* Additional class names.
|
|
13
15
|
*/
|
|
@@ -109,14 +111,19 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
|
|
|
109
111
|
loadMoreResults?: () => Promise<T[] | undefined>;
|
|
110
112
|
}
|
|
111
113
|
/**
|
|
112
|
-
*
|
|
114
|
+
* A component with the appearance of an input field that allows to select and optionally create new items.
|
|
115
|
+
* It shows suggestions for the entered text from which the user can select any option.
|
|
116
|
+
* It has the following fixed behavior:
|
|
117
|
+
*
|
|
118
|
+
* - When not focused, a different representation of the item value can be shown, e.g. the label of the value.
|
|
119
|
+
* - When changing an existing item the input text is set to the original value in order to be able to edit the original value.
|
|
120
|
+
* - When for a specific input text, the only item returns is the currently set item itself, all items are shown below it, to make
|
|
121
|
+
* clear that there are still other items to choose from.
|
|
122
|
+
* - The suggestions are fetched with a short delay, so not too many unnecessary requests are fired.
|
|
123
|
+
* - Items where itemRenderer returns a string have a default representation, i.e. highlighting of search words, active flag etc.
|
|
113
124
|
*/
|
|
114
|
-
export
|
|
115
|
-
|
|
116
|
-
* @deprecated (support already removed) use `SuggestField` as replacement.
|
|
117
|
-
*/
|
|
118
|
-
declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
|
|
119
|
-
declare namespace AutoCompleteField {
|
|
125
|
+
export declare function SuggestField<T, UPDATE_VALUE>(props: SuggestFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
|
|
126
|
+
export declare namespace SuggestField {
|
|
120
127
|
var defaultProps: {
|
|
121
128
|
autoFocus: boolean;
|
|
122
129
|
disabled: boolean;
|
|
@@ -126,4 +133,4 @@ declare namespace AutoCompleteField {
|
|
|
126
133
|
hasBackDrop: boolean;
|
|
127
134
|
};
|
|
128
135
|
}
|
|
129
|
-
export default
|
|
136
|
+
export default SuggestField;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
3
3
|
import { TestIconProps } from "./../Icon/TestIcon";
|
|
4
|
-
import {
|
|
4
|
+
import { SuggestFieldItemRendererModifierProps } from "./interfaces";
|
|
5
5
|
/**
|
|
6
6
|
* Returns a function to be used in an AutoComplete widget for rendering custom elements based on the query string.
|
|
7
7
|
*
|
|
8
8
|
* @param itemTextRenderer The text or element that should be displayed for the new custom item suggestion.
|
|
9
9
|
* @param iconName Optional icon to show left to the text.
|
|
10
10
|
*/
|
|
11
|
-
export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers:
|
|
11
|
+
export declare const createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: ValidIconName | React.ReactElement<TestIconProps>) => (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => React.JSX.Element;
|
|
@@ -4,10 +4,8 @@ export interface SuggestFieldItemRendererModifierProps {
|
|
|
4
4
|
styleWidth?: IElementWidth;
|
|
5
5
|
highlightingEnabled: boolean;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
export type IRenderModifiers = SuggestFieldItemRendererModifierProps;
|
|
9
|
-
/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps["styleWidth"]` */
|
|
10
|
-
export interface IElementWidth {
|
|
7
|
+
interface IElementWidth {
|
|
11
8
|
minWidth: string;
|
|
12
9
|
maxWidth: string;
|
|
13
10
|
}
|
|
11
|
+
export {};
|
|
@@ -19,26 +19,6 @@ interface AdditionalButtonProps {
|
|
|
19
19
|
* The button is displayed with primary color scheme.
|
|
20
20
|
*/
|
|
21
21
|
elevated?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* The button is displayed with primary color scheme.
|
|
24
|
-
* @deprecated (v25) use `intent="primary"` instead.
|
|
25
|
-
*/
|
|
26
|
-
hasStatePrimary?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* The button is displayed with success (some type of green) color scheme.
|
|
29
|
-
* @deprecated (v25) use `intent="success"` instead.
|
|
30
|
-
*/
|
|
31
|
-
hasStateSuccess?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* The button is displayed with warning (some type of orange) color scheme.
|
|
34
|
-
* @deprecated (v25) use `intent="warning"` instead.
|
|
35
|
-
*/
|
|
36
|
-
hasStateWarning?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* The button is displayed with danger (some type of red) color scheme.
|
|
39
|
-
* @deprecated (v25) use `intent="danger"` instead.
|
|
40
|
-
*/
|
|
41
|
-
hasStateDanger?: boolean;
|
|
42
22
|
/**
|
|
43
23
|
* Content displayed in a badge that is attached to the button.
|
|
44
24
|
* By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
|
|
@@ -72,5 +52,5 @@ export type ButtonProps = ExtendedButtonProps & ExtendedAnchorButtonProps;
|
|
|
72
52
|
* Display a button element to enable user interaction.
|
|
73
53
|
* It normally should trigger action when clicked.
|
|
74
54
|
*/
|
|
75
|
-
export declare const Button: ({ children, className, affirmative, disruptive, elevated,
|
|
55
|
+
export declare const Button: ({ children, className, affirmative, disruptive, elevated, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
|
|
76
56
|
export default Button;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { AutoSuggestionList, AutoSuggestionListProps } from "./../AutoSuggestion/AutoSuggestionList";
|
|
2
|
+
import { ExtendedCodeEditor, ExtendedCodeEditorProps } from "./../AutoSuggestion/ExtendedCodeEditor";
|
|
3
|
+
export * from "./../AutoSuggestion/AutoSuggestion";
|
|
4
|
+
export { AutoSuggestionList, ExtendedCodeEditor };
|
|
5
|
+
export type { AutoSuggestionListProps, ExtendedCodeEditorProps };
|
|
@@ -10,7 +10,7 @@ export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
|
|
|
10
10
|
/**
|
|
11
11
|
* Size of the modal.
|
|
12
12
|
*/
|
|
13
|
-
size?:
|
|
13
|
+
size?: ModalSize;
|
|
14
14
|
/**
|
|
15
15
|
* Prevents that a backdrop area is displayed behind the modal elements.
|
|
16
16
|
*/
|
|
@@ -33,6 +33,7 @@ export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
|
|
|
33
33
|
*/
|
|
34
34
|
forceTopPosition?: boolean;
|
|
35
35
|
}
|
|
36
|
+
export type ModalSize = "tiny" | "small" | "regular" | "large" | "xlarge" | "fullscreen";
|
|
36
37
|
/**
|
|
37
38
|
* Displays contents on top of other elements, used to create dialogs.
|
|
38
39
|
* For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficient.
|
|
@@ -54,7 +54,6 @@ export declare const modalPreventEvents: {
|
|
|
54
54
|
onDrag: (event: BaseSyntheticEvent) => void;
|
|
55
55
|
onDragStart: (event: BaseSyntheticEvent) => void;
|
|
56
56
|
onDragEnd: (event: BaseSyntheticEvent) => void;
|
|
57
|
-
onMouseDown: (event: BaseSyntheticEvent) => void;
|
|
58
57
|
onMouseUp: (event: BaseSyntheticEvent) => void;
|
|
59
58
|
onClick: (event: BaseSyntheticEvent) => void;
|
|
60
59
|
};
|
|
@@ -3,30 +3,6 @@ import { IntentTypes } from "../../common/Intent";
|
|
|
3
3
|
import { TestableComponent } from "../interfaces";
|
|
4
4
|
import { LabelProps } from "../Label/Label";
|
|
5
5
|
export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
|
|
6
|
-
/**
|
|
7
|
-
* Set primary state.
|
|
8
|
-
* This is not routed through automatically.
|
|
9
|
-
* @deprecated (v25) use `intent="primary"` instead.
|
|
10
|
-
*/
|
|
11
|
-
hasStatePrimary?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Set success state.
|
|
14
|
-
* This is not routed through automatically.
|
|
15
|
-
* @deprecated (v25) use `intent="success"` instead.
|
|
16
|
-
*/
|
|
17
|
-
hasStateSuccess?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Set warning state.
|
|
20
|
-
* This is not routed through automatically.
|
|
21
|
-
* @deprecated (v25) use `intent="warning"` instead.
|
|
22
|
-
*/
|
|
23
|
-
hasStateWarning?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Set danger state.
|
|
26
|
-
* This is not routed through automatically.
|
|
27
|
-
* @deprecated (v25) use `intent="danger"` instead.
|
|
28
|
-
*/
|
|
29
|
-
hasStateDanger?: boolean;
|
|
30
6
|
/**
|
|
31
7
|
* Intent state of the field item.
|
|
32
8
|
*/
|
|
@@ -55,5 +31,5 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
|
|
|
55
31
|
/**
|
|
56
32
|
* Form element that manages the combination of label, helper texts, input element and feedback messages.
|
|
57
33
|
*/
|
|
58
|
-
export declare const FieldItem: ({
|
|
34
|
+
export declare const FieldItem: ({ children, className, disabled, labelProps, helperText, messageText, intent, ...otherProps }: FieldItemProps) => React.JSX.Element;
|
|
59
35
|
export default FieldItem;
|
|
@@ -6,26 +6,6 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
|
|
|
6
6
|
* Background color of the box is set automatically regarding the set intent state.
|
|
7
7
|
*/
|
|
8
8
|
boxed?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* The fieldsetsection is displayed with primary color scheme.
|
|
11
|
-
* @deprecated (v25) use `intent="primary"` instead.
|
|
12
|
-
*/
|
|
13
|
-
hasStatePrimary?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* The fieldset section is displayed with success (some type of green) color scheme.
|
|
16
|
-
* @deprecated (v25) use `intent="success"` instead.
|
|
17
|
-
*/
|
|
18
|
-
hasStateSuccess?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The fieldset section is displayed with warning (some type of orange) color scheme.
|
|
21
|
-
* @deprecated (v25) use `intent="warning"` instead.
|
|
22
|
-
*/
|
|
23
|
-
hasStateWarning?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* The fieldsetsection is displayed with danger (some type of red) color scheme.
|
|
26
|
-
* @deprecated (v25) use `intent="danger"` instead.
|
|
27
|
-
*/
|
|
28
|
-
hasStateDanger?: boolean;
|
|
29
9
|
/**
|
|
30
10
|
* Intent state of the field item.
|
|
31
11
|
*/
|
|
@@ -48,5 +28,5 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
|
|
|
48
28
|
/**
|
|
49
29
|
* Displays a group of input elements.
|
|
50
30
|
*/
|
|
51
|
-
export declare const FieldSet: ({ boxed, children, className,
|
|
31
|
+
export declare const FieldSet: ({ boxed, children, className, intent, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
|
|
52
32
|
export default FieldSet;
|
|
@@ -28,22 +28,13 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
|
|
|
28
28
|
* Additional CSS classes.
|
|
29
29
|
*/
|
|
30
30
|
className?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Description for icon as accessibility fallback.
|
|
33
|
-
* @deprecated (v25) Use `title` as replacement.
|
|
34
|
-
*/
|
|
35
|
-
description?: string;
|
|
36
31
|
/**
|
|
37
32
|
* Additonal tooltip properties, e.g. `hoverOpenDelay`.
|
|
38
33
|
*/
|
|
39
34
|
tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
|
|
40
|
-
/**
|
|
41
|
-
* @deprecated (v25) Use `title` as replacement.
|
|
42
|
-
*/
|
|
43
|
-
iconTitle?: CarbonIconProps["title"];
|
|
44
35
|
}
|
|
45
36
|
/**
|
|
46
37
|
* The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
|
|
47
38
|
*/
|
|
48
|
-
declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent,
|
|
39
|
+
declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
|
|
49
40
|
export default BaseIcon;
|
|
@@ -2,7 +2,8 @@ import React from "react";
|
|
|
2
2
|
import { ButtonProps } from "../Button/Button";
|
|
3
3
|
import { ValidIconName } from "./canonicalIconNames";
|
|
4
4
|
import { TestIconProps } from "./TestIcon";
|
|
5
|
-
|
|
5
|
+
import { TestableComponent } from "../interfaces";
|
|
6
|
+
interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "rightIcon" | "text" | "minimal" | "tooltip">, TestableComponent {
|
|
6
7
|
/**
|
|
7
8
|
* Canonical icon name, or an array of strings.
|
|
8
9
|
* In case of the array the first valid icon name is used.
|
|
@@ -21,6 +21,8 @@ declare const canonicalIcons: {
|
|
|
21
21
|
"artefact-task-pivot": icons.CarbonIconType;
|
|
22
22
|
"artefact-task-unpivot": icons.CarbonIconType;
|
|
23
23
|
"artefact-task-concatenatetofile": icons.CarbonIconType;
|
|
24
|
+
"artefact-task-sqlupdatequeryoperator": icons.CarbonIconType;
|
|
25
|
+
"artefact-task-customsqlexecution": icons.CarbonIconType;
|
|
24
26
|
"artefact-dataset-csv": icons.CarbonIconType;
|
|
25
27
|
"artefact-dataset-eccencadataplatform": icons.CarbonIconType;
|
|
26
28
|
"artefact-dataset-excel": icons.CarbonIconType;
|
|
@@ -3,13 +3,12 @@ import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent }
|
|
|
3
3
|
import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
|
|
4
4
|
import { TestableComponent } from "../interfaces";
|
|
5
5
|
import { ContextOverlayProps } from "./../../index";
|
|
6
|
-
|
|
7
|
-
export interface MultiSelectSelectionProps<T> {
|
|
6
|
+
export interface MultiSuggestFieldSelectionProps<T> {
|
|
8
7
|
newlySelected?: T;
|
|
9
8
|
selectedItems: T[];
|
|
10
9
|
createdItems: Partial<T>[];
|
|
11
10
|
}
|
|
12
|
-
interface
|
|
11
|
+
interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
|
|
13
12
|
/**
|
|
14
13
|
* Additional class name, space separated.
|
|
15
14
|
*/
|
|
@@ -26,7 +25,7 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
|
|
|
26
25
|
/**
|
|
27
26
|
* function handler that would be called anytime an item is selected/deselected or an item is created/removed
|
|
28
27
|
*/
|
|
29
|
-
onSelection?: (params:
|
|
28
|
+
onSelection?: (params: MultiSuggestFieldSelectionProps<T>) => void;
|
|
30
29
|
/**
|
|
31
30
|
* Props to spread to `ContextOverlay`. Note that `content` cannot be changed.
|
|
32
31
|
*/
|
|
@@ -68,26 +67,6 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
|
|
|
68
67
|
* Intent state of the multi select.
|
|
69
68
|
*/
|
|
70
69
|
intent?: BlueprintIntent;
|
|
71
|
-
/**
|
|
72
|
-
* The input element is displayed with primary color scheme.
|
|
73
|
-
* @deprecated (v25) use `intent="primary"` instead.
|
|
74
|
-
*/
|
|
75
|
-
hasStatePrimary?: boolean;
|
|
76
|
-
/**
|
|
77
|
-
* The input element is displayed with success (some type of green) color scheme.
|
|
78
|
-
* @deprecated (v25) use `intent="success"` instead.
|
|
79
|
-
*/
|
|
80
|
-
hasStateSuccess?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* The input element is displayed with warning (some type of orange) color scheme.
|
|
83
|
-
* @deprecated (v25) use `intent="warning"` instead.
|
|
84
|
-
*/
|
|
85
|
-
hasStateWarning?: boolean;
|
|
86
|
-
/**
|
|
87
|
-
* The input element is displayed with danger (some type of red) color scheme.
|
|
88
|
-
* @deprecated (v25) use `intent="danger"` instead.
|
|
89
|
-
*/
|
|
90
|
-
hasStateDanger?: boolean;
|
|
91
70
|
/**
|
|
92
71
|
* Disables the input element
|
|
93
72
|
*/
|
|
@@ -118,26 +97,31 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
|
|
|
118
97
|
*/
|
|
119
98
|
limitHeightOpened?: boolean | number;
|
|
120
99
|
}
|
|
121
|
-
|
|
122
|
-
export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
|
|
100
|
+
export type MultiSuggestFieldProps<T> = MultiSuggestFieldCommonProps<T> & ({
|
|
123
101
|
/**
|
|
124
|
-
* Predefined selected values
|
|
102
|
+
* Predefined selected values.
|
|
103
|
+
* `prePopulateWithItems` cannot be used then.
|
|
125
104
|
*/
|
|
126
105
|
selectedItems?: T[];
|
|
127
106
|
prePopulateWithItems?: never;
|
|
128
107
|
} | {
|
|
129
108
|
selectedItems?: never;
|
|
130
109
|
/**
|
|
131
|
-
* When set to true will set the multi-select value with all the items provided
|
|
110
|
+
* When set to `true` will set the multi-select value with all the items provided.
|
|
111
|
+
* `selectedItems` cannot be used then.
|
|
132
112
|
*/
|
|
133
113
|
prePopulateWithItems?: boolean;
|
|
134
114
|
});
|
|
135
115
|
/**
|
|
136
|
-
*
|
|
137
|
-
*
|
|
116
|
+
* Element behaves very similar to `SuggestField` but allows multiple selections.
|
|
117
|
+
* Its value does not represent a string but a stack of objects.
|
|
118
|
+
*
|
|
119
|
+
* Example usage: input field for user created tags.
|
|
120
|
+
*
|
|
121
|
+
* Attention: there may be another `MultiSelect` component in future but this will be a re-implemented `Select` like element allowing multiple selections.
|
|
138
122
|
*/
|
|
139
|
-
declare function
|
|
140
|
-
declare namespace
|
|
123
|
+
export declare function MultiSuggestField<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSuggestFieldProps<T>): React.JSX.Element;
|
|
124
|
+
export declare namespace MultiSuggestField {
|
|
141
125
|
var ofType: typeof BlueprintMultiSelect.ofType;
|
|
142
126
|
}
|
|
143
|
-
export default
|
|
127
|
+
export default MultiSuggestField;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./../MultiSelect/MultiSelect";
|
|
@@ -17,29 +17,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
17
17
|
* Intent state of the notification.
|
|
18
18
|
*/
|
|
19
19
|
intent?: Extract<IntentTypes, "neutral" | "success" | "warning" | "danger" | "info">;
|
|
20
|
-
/**
|
|
21
|
-
* Notification has a neutral color scheme.
|
|
22
|
-
* @deprecated (v25) use `intent="neutral"` instead.
|
|
23
|
-
*/
|
|
24
|
-
neutral?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Notification is a success info.
|
|
27
|
-
* This defines the colorization and the icon symbol.
|
|
28
|
-
* @deprecated (v25) use `intent="success"` instead.
|
|
29
|
-
*/
|
|
30
|
-
success?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Notification is a warning alert.
|
|
33
|
-
* This defines the colorization and the icon symbol.
|
|
34
|
-
* @deprecated (v25) use `intent="warning"` instead.
|
|
35
|
-
*/
|
|
36
|
-
warning?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Notification is a danger alert.
|
|
39
|
-
* This defines the colorization and the icon symbol.
|
|
40
|
-
* @deprecated (v25) use `intent="danger"` instead.
|
|
41
|
-
*/
|
|
42
|
-
danger?: boolean;
|
|
43
20
|
/**
|
|
44
21
|
* Notification uses the the given space more flexible.
|
|
45
22
|
* Default notification is displayed in min and max limits.
|
|
@@ -61,5 +38,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
61
38
|
* Displays a notification message, optionally combined with depiction and further action buttons.
|
|
62
39
|
* By default it uses colorization of an blueish info alert.
|
|
63
40
|
*/
|
|
64
|
-
export declare const Notification: ({ actions, children, className, message,
|
|
41
|
+
export declare const Notification: ({ actions, children, className, message, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, intent, ...otherProps }: NotificationProps) => React.JSX.Element;
|
|
65
42
|
export default Notification;
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
3
|
-
/**
|
|
4
|
-
* Displays the element using reduced height and less white space inside.
|
|
5
|
-
* @deprecated (v25) use property directly on `OverviewItem` children.
|
|
6
|
-
*/
|
|
7
|
-
densityHigh?: boolean;
|
|
8
3
|
/**
|
|
9
4
|
* Add a bit white space around each of the contained items.
|
|
10
5
|
*/
|
|
@@ -23,5 +18,5 @@ export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListEle
|
|
|
23
18
|
* This component is a listing container for multiple `OverviewItem` elements.
|
|
24
19
|
* It should only contains `OverviewItem` children but it does not check and control that condition.
|
|
25
20
|
*/
|
|
26
|
-
export declare const OverviewItemList: ({ children, className,
|
|
21
|
+
export declare const OverviewItemList: ({ children, className, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps) => React.JSX.Element;
|
|
27
22
|
export default OverviewItemList;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
|
|
3
|
+
import Color from "color";
|
|
3
4
|
type SpinnerPosition = "local" | "inline" | "global";
|
|
4
5
|
type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
|
|
5
6
|
type SpinnerStroke = "thin" | "medium" | "bold";
|
|
6
|
-
type Intent = "
|
|
7
|
+
type Intent = "primary" | "success" | "warning" | "danger";
|
|
7
8
|
/** A spinner that is either displayed globally or locally. */
|
|
8
|
-
export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent"> {
|
|
9
|
+
export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent" | "color"> {
|
|
9
10
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
11
|
+
* Must be a valid css color definition.
|
|
12
|
+
* `intent` property will always overwrite this setting.
|
|
12
13
|
*/
|
|
13
|
-
color?:
|
|
14
|
+
color?: Color | string | "inherit";
|
|
14
15
|
/**
|
|
15
16
|
* Intent state of the field item.
|
|
16
17
|
*/
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
export * from "
|
|
1
|
+
export * from "./../AutocompleteField/AutoCompleteField";
|
|
2
|
+
export * from "./../AutocompleteField/interfaces";
|
|
2
3
|
export declare const suggestFieldUtils: {
|
|
3
|
-
createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("
|
|
4
|
+
createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export declare const autoCompleteFieldUtils: {
|
|
7
|
+
createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
|
|
4
8
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@carbon/react";
|
|
3
|
-
|
|
3
|
+
type TableRowHeightSize = "small" | "medium" | "large";
|
|
4
4
|
type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
|
|
5
5
|
export interface TableProps extends Omit<CarbonTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
|
|
6
6
|
/**
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DataTableHeader as CarbonDataTableHeader, DataTableProps as CarbonDataTableProps, DataTableRow as CarbonDataTableRow } from "@carbon/react";
|
|
3
3
|
import { TableContainerProps as CarbonTableContainerProps } from "@carbon/react/es/components/DataTable/TableContainer";
|
|
4
|
-
import {
|
|
4
|
+
import { TableProps } from "./Table";
|
|
5
5
|
export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
|
|
6
6
|
children(signature: any): JSX.Element;
|
|
7
|
-
size?:
|
|
7
|
+
size?: TableProps["size"];
|
|
8
8
|
}
|
|
9
9
|
export interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
|
|
10
10
|
children?: JSX.Element;
|
|
@@ -29,9 +29,10 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
29
29
|
};
|
|
30
30
|
"data-test-id"?: string;
|
|
31
31
|
"data-testid"?: string;
|
|
32
|
+
color?: string | undefined;
|
|
32
33
|
slot?: string | undefined;
|
|
33
|
-
children?: React.ReactNode;
|
|
34
34
|
disabled?: boolean;
|
|
35
|
+
children?: React.ReactNode;
|
|
35
36
|
defaultChecked?: boolean | undefined;
|
|
36
37
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
37
38
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -67,7 +68,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
67
68
|
vocab?: string | undefined;
|
|
68
69
|
autoCorrect?: string | undefined;
|
|
69
70
|
autoSave?: string | undefined;
|
|
70
|
-
color?: string | undefined;
|
|
71
71
|
itemProp?: string | undefined;
|
|
72
72
|
itemScope?: boolean | undefined;
|
|
73
73
|
itemType?: string | undefined;
|
|
@@ -307,9 +307,10 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
307
307
|
style?: React.CSSProperties | undefined;
|
|
308
308
|
"data-test-id"?: string;
|
|
309
309
|
"data-testid"?: string;
|
|
310
|
+
color?: string | undefined;
|
|
310
311
|
slot?: string | undefined;
|
|
311
|
-
children?: React.ReactNode;
|
|
312
312
|
disabled?: boolean;
|
|
313
|
+
children?: React.ReactNode;
|
|
313
314
|
defaultChecked?: boolean | undefined;
|
|
314
315
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
315
316
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -345,7 +346,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
|
|
|
345
346
|
vocab?: string | undefined;
|
|
346
347
|
autoCorrect?: string | undefined;
|
|
347
348
|
autoSave?: string | undefined;
|
|
348
|
-
color?: string | undefined;
|
|
349
349
|
itemProp?: string | undefined;
|
|
350
350
|
itemScope?: boolean | undefined;
|
|
351
351
|
itemType?: string | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TestableComponent } from "../../components/interfaces";
|
|
3
3
|
import { TextFieldProps } from "./TextField";
|
|
4
|
-
export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder |
|
|
4
|
+
export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder" | "fullWidth"> {
|
|
5
5
|
/**
|
|
6
6
|
* Placeholder text for search box.
|
|
7
7
|
*/
|
|
@@ -10,7 +10,7 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
|
10
10
|
/**
|
|
11
11
|
* The size specifies the dimension the tooltip overlay element can maximal grow.
|
|
12
12
|
*/
|
|
13
|
-
size?:
|
|
13
|
+
size?: TooltipSize;
|
|
14
14
|
/**
|
|
15
15
|
* The tooltip will be attached to this element when it is hovered.
|
|
16
16
|
*/
|
|
@@ -40,5 +40,6 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
|
40
40
|
*/
|
|
41
41
|
swapPlaceholderDelay?: number;
|
|
42
42
|
}
|
|
43
|
+
export type TooltipSize = "small" | "medium" | "large";
|
|
43
44
|
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, swapPlaceholderDelay, hoverOpenDelay, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
|
|
44
45
|
export default Tooltip;
|