@eccenca/gui-elements 24.4.1-featurechatcomponentscmem6775.4 → 24.4.1-featurepreparefinalnextcmem6943.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 +95 -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 +11 -7
- 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 +45 -21
- 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 +9 -6
- 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 +24 -8
- 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 +111 -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 +13 -28
- 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 +47 -11
- package/src/extensions/react-flow/edges/EdgeDefaultV12.tsx +68 -77
- 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 -1
- package/src/extensions/react-flow/edges/stories/EdgeDefaultV12.stories.tsx +22 -24
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/edges/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -37,8 +37,7 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
37
37
|
return ar;
|
|
38
38
|
};
|
|
39
39
|
import React, { memo } from "react";
|
|
40
|
-
import { Handle as
|
|
41
|
-
import { Handle as HandleNext } from "react-flow-renderer-lts";
|
|
40
|
+
import { Handle as HandleV9 } from "react-flow-renderer";
|
|
42
41
|
import { Handle as HandleV12 } from "@xyflow/react";
|
|
43
42
|
import { Classes as BlueprintClasses } from "@blueprintjs/core";
|
|
44
43
|
import { intentClassName } from "../../../common/Intent/index.js";
|
|
@@ -49,16 +48,18 @@ export var HandleDefault = memo(function (_a) {
|
|
|
49
48
|
var flowVersion = _a.flowVersion, data = _a.data, tooltip = _a.tooltip, children = _a.children, category = _a.category, intent = _a.intent, handleProps = __rest(_a, ["flowVersion", "data", "tooltip", "children", "category", "intent"]);
|
|
50
49
|
var evaluateFlowVersion = useReactFlowVersion();
|
|
51
50
|
var flowVersionCheck = flowVersion || evaluateFlowVersion;
|
|
52
|
-
var handleDefaultRef = React.useRef();
|
|
51
|
+
var handleDefaultRef = React.useRef(null);
|
|
53
52
|
var _b = __read(React.useState(false), 2), extendedTooltipDisplayed = _b[0], setExtendedTooltipDisplayed = _b[1];
|
|
54
53
|
var toolsTarget;
|
|
55
54
|
React.useEffect(function () {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
if (handleDefaultRef.current) {
|
|
56
|
+
toolsTarget = handleDefaultRef.current.getElementsByClassName("".concat(eccgui, "-graphviz__handletools-target"));
|
|
57
|
+
if (toolsTarget && toolsTarget[0]) {
|
|
58
|
+
// Polyfill for FF that does not support the `:has()` pseudo selector until at least version 119 or 120
|
|
59
|
+
// need to be re-evaluated then
|
|
60
|
+
// @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
|
|
61
|
+
handleDefaultRef.current.classList.add("ffpolyfill-has-".concat(eccgui, "-graphviz__handletools-target"));
|
|
62
|
+
}
|
|
62
63
|
}
|
|
63
64
|
});
|
|
64
65
|
var tooltipTitle = tooltip ? { title: tooltip } : {};
|
|
@@ -78,11 +79,11 @@ export var HandleDefault = memo(function (_a) {
|
|
|
78
79
|
className: "".concat(eccgui, "-graphviz__handle__tooltip-target"),
|
|
79
80
|
isOpen: extendedTooltipDisplayed,
|
|
80
81
|
};
|
|
81
|
-
var handleContentProps = __assign(__assign({}, data), { tooltipProps: __assign(__assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
|
|
82
|
-
var handleContent = React.createElement(HandleContent, __assign({}, handleContentProps), children);
|
|
82
|
+
var handleContentProps = React.useMemo(function () { return (__assign(__assign({}, data), { tooltipProps: __assign(__assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) })); }, [intent, category, handleProps.isConnectable]);
|
|
83
|
+
var handleContent = React.useMemo(function () { return React.createElement(HandleContent, __assign({}, handleContentProps), children); }, []);
|
|
83
84
|
var switchTooltipTimerOn;
|
|
84
85
|
var switchToolsTimerOff;
|
|
85
|
-
var handleConfig = __assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent ? "".concat(intentClassName(intent), " ") : "", onClick: function (e) {
|
|
86
|
+
var handleConfig = React.useMemo(function () { return (__assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent ? "".concat(intentClassName(intent), " ") : "" + " ".concat(eccgui, "-graphviz__handle ").concat(eccgui, "-graphviz__handle--").concat(flowVersionCheck), onClick: function (e) {
|
|
86
87
|
if (handleProps.onClick) {
|
|
87
88
|
handleProps.onClick(e);
|
|
88
89
|
}
|
|
@@ -104,12 +105,10 @@ export var HandleDefault = memo(function (_a) {
|
|
|
104
105
|
switchToolsTimerOff = setTimeout(function () { return toolsTarget[0].click(); }, 500);
|
|
105
106
|
}
|
|
106
107
|
setExtendedTooltipDisplayed(false);
|
|
107
|
-
} });
|
|
108
|
+
} })); }, [intent, category, tooltip, handleProps.isConnectable, handleProps.style]);
|
|
108
109
|
switch (flowVersionCheck) {
|
|
109
|
-
case "
|
|
110
|
-
return (React.createElement(
|
|
111
|
-
case "next":
|
|
112
|
-
return (React.createElement(HandleNext, __assign({ ref: handleDefaultRef }, handleConfig), handleContent));
|
|
110
|
+
case "v9":
|
|
111
|
+
return (React.createElement(HandleV9, __assign({ ref: handleDefaultRef }, handleConfig), handleContent));
|
|
113
112
|
case "v12":
|
|
114
113
|
return (React.createElement(HandleV12, __assign({ ref: handleDefaultRef }, handleConfig), handleContent));
|
|
115
114
|
default:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAyC,MAAM,qBAAqB,CAAC;AAChG,OAAO,EAAE,MAAM,IAAI,SAAS,EAA0C,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAe,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EAA+B,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAErF,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAyCpE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAC7B,UAAC,EAA8F;IAA5F,IAAA,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,WAAW,cAAxE,oEAA0E,CAAF;IACrE,IAAM,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAClD,IAAM,gBAAgB,GAAG,WAAW,IAAI,mBAAmB,CAAC;IAC5D,IAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,IAAA,KAAA,OAA0D,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAvF,wBAAwB,QAAA,EAAE,2BAA2B,QAAkC,CAAC;IAE/F,IAAI,WAAsC,CAAC;IAE3C,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC3B,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,CAAC,UAAG,MAAM,kCAA+B,CAAC,CAAC;YACxG,IAAI,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;gBAChC,uGAAuG;gBACvG,+BAA+B;gBAC/B,kHAAkH;gBAClH,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAkB,MAAM,kCAA+B,CAAC,CAAC;YACpG,CAAC;QACL,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,IAAM,yBAAyB,GAA0B;QACrD,SAAS,EACL,WAAW,CAAC,QAAQ,KAAK,MAAM,IAAI,WAAW,CAAC,QAAQ,KAAK,OAAO;YAC/D,CAAC,CAAC,UAAG,WAAW,CAAC,QAAQ,SAAM;YAC/B,CAAC,CAAC,SAAS;QACnB,SAAS,EAAE;YACP,MAAM,EAAE;gBACJ,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE;oBACL,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;iBAClB;aACJ;SACJ;QACD,MAAM,EAAE,MAAgB;QACxB,SAAS,EAAE,UAAG,MAAM,sCAAmC;QACvD,MAAM,EAAE,wBAAwB;KACnC,CAAA;IAED,IAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,uBACxC,IAAI,KACP,YAAY,EAAE,sBACP,yBAAyB,GACzB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CACR,IACnB,EAN6C,CAM7C,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAA;IAElD,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,oBAAC,aAAa,eAAK,kBAAkB,GAAG,QAAQ,CAAiB,EAAjE,CAAiE,EAAE,EAAE,CAAC,CAAA;IAEhH,IAAI,oBAAmD,CAAC;IACxD,IAAI,mBAAkD,CAAC;IAEvD,IAAM,YAAY,GAAI,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,gCACnC,WAAW,GACX,YAAY,KACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAG,eAAe,CAAC,MAAM,CAAC,MAAG,CAAC,CAAC,CAAC,EAAE,GAAG,WAAI,MAAM,+BAAqB,MAAM,gCAAsB,gBAAgB,CAAE,EACtI,OAAO,EAAE,UAAC,CAA+C;YACrD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACtB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC3B,CAAC;YACD,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAClE,2BAA2B,CAAC,KAAK,CAAC,CAAC;gBAClC,WAAW,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE,CAAC;YAC5C,CAAC;QACL,CAAC,EACD,eAAe,EAAE,QAAQ,EACzB,YAAY,EAAE,UAAC,CAA+C;;YAC1D,IAAI,mBAAmB;gBAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;YAC3D,IAAI,CAAC,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBACxC,oBAAoB,GAAG,UAAU,CAC7B,cAAM,OAAA,2BAA2B,CAAC,IAAI,CAAC,EAAjC,CAAiC,EACvC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,cAAc,mCAAI,GAAG,CAC5C,CAAC;YACN,CAAC;QACL,CAAC,EACD,YAAY,EAAE;YACV,IAAI,oBAAoB;gBAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;YAC7D,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC7F,mBAAmB,GAAG,UAAU,CAAC,cAAM,OAAC,WAAW,CAAC,CAAC,CAAiB,CAAC,KAAK,EAAE,EAAvC,CAAuC,EAAE,GAAG,CAAC,CAAC;YACzF,CAAC;YACD,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,IACH,EA9BwC,CA8BxC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,aAAa,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/E,QAAQ,gBAAgB,EAAE,CAAC;QACvB,KAAK,IAAI;YACL,OAAO,CACH,oBAAC,QAAQ,aAAC,GAAG,EAAE,gBAAgB,IAAO,YAA8B,GAC/D,aAAa,CACP,CACd,CAAC;QACN,KAAK,KAAK;YACN,OAAO,CACH,oBAAC,SAAS,aAAC,GAAG,EAAE,gBAAgB,IAAO,YAA+B,GACjE,aAAa,CACN,CACf,CAAC;QAEN;YACI,OAAO,yCAAK,CAAC;IACrB,CAAC;AACL,CAAC,CACJ,CAAC"}
|
|
@@ -6,17 +6,20 @@ export * from "./nodes/nodeUtils.js";
|
|
|
6
6
|
export * from "./handles/HandleDefault.js";
|
|
7
7
|
export * from "./handles/HandleContent.js";
|
|
8
8
|
export * from "./handles/HandleTools.js";
|
|
9
|
+
export * from "./edges/EdgeBezier.js";
|
|
9
10
|
export * from "./edges/EdgeDefault.js";
|
|
11
|
+
export * from "./edges/EdgeDefaultV12.js";
|
|
12
|
+
export * from "./edges/EdgeDefs.js";
|
|
10
13
|
export * from "./edges/EdgeStep.js";
|
|
14
|
+
export * from "./edges/EdgeStraight.js";
|
|
15
|
+
export * from "./edges/EdgeNew.js";
|
|
11
16
|
export * from "./edges/EdgeTools.js";
|
|
12
17
|
export * from "./edges/EdgeLabel.js";
|
|
13
18
|
export * from "./edges/EdgeDefs.js";
|
|
14
19
|
export * from "./edges/EdgeDefaultV12.js";
|
|
15
20
|
export * from "./markers/ReactFlowMarkers.js";
|
|
16
21
|
export * from "./minimap/MiniMap.js";
|
|
22
|
+
export * from "./minimap/MiniMapV12.js";
|
|
17
23
|
export * from "./minimap/utils.js";
|
|
18
24
|
export * from "./versionsupport.js";
|
|
19
|
-
// deprecated exports
|
|
20
|
-
export { nodeTypes } from "./nodes/nodeTypes.js"; // @deprecated removed in v25
|
|
21
|
-
export { edgeTypes } from "./edges/edgeTypes.js"; // @deprecated removed in v25
|
|
22
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/react-flow/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/react-flow/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated (v26) only necessary for react flow v9, support will be removed
|
|
4
|
+
*/
|
|
2
5
|
export var MarkerArrowClosedInverse = function () {
|
|
3
6
|
return (React.createElement("marker", { className: "react-flow__arrowhead", id: "react-flow__arrowclosed-inverse", markerWidth: "12.5", markerHeight: "12.5", viewBox: "-10 -10 20 20", orient: "auto", refX: "0", refY: "0" },
|
|
4
7
|
React.createElement("polyline", { stroke: "#b1b1b7", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1", fill: "#b1b1b7", points: "5,-4 0,0 5,4 5,-4" })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkerArrowClosedInverse.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/markers/MarkerArrowClosedInverse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAO;IACxC,OAAO,CACH,gCACI,SAAS,EAAC,uBAAuB,EACjC,EAAE,EAAC,iCAAiC,EACpC,WAAW,EAAC,MAAM,EAClB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,eAAe,EACvB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG;QAER,kCACI,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,mBAAmB,GAClB,CACP,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"MarkerArrowClosedInverse.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/markers/MarkerArrowClosedInverse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,IAAM,wBAAwB,GAAO;IACxC,OAAO,CACH,gCACI,SAAS,EAAC,uBAAuB,EACjC,EAAE,EAAC,iCAAiC,EACpC,WAAW,EAAC,MAAM,EAClB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,eAAe,EACvB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG;QAER,kCACI,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,mBAAmB,GAClB,CACP,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { intentClassName } from "../../../common/Intent/index.js";
|
|
3
|
+
import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
2
4
|
// FIXME: we need to check how these markers are used and if we can justify the namings
|
|
3
5
|
import { MarkerArrowClosedInverse } from "./MarkerArrowClosedInverse.js";
|
|
6
|
+
var ReactFlowMarker = function (_a) {
|
|
7
|
+
var className = _a.className, _b = _a.appearance, appearance = _b === void 0 ? "arrow-closed" : _b, intent = _a.intent, reverse = _a.reverse;
|
|
8
|
+
var markerDisplay = {
|
|
9
|
+
"arrow-closed": (React.createElement("path", { d: "M-5,-4 L5,0 L-5,4 Z", fill: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })),
|
|
10
|
+
};
|
|
11
|
+
return (React.createElement("marker", { id: "react-flow__marker--".concat(appearance).concat(intent ? "-".concat(intent) : "").concat(reverse ? "-reverse" : ""), className: "".concat(eccgui, "-graphviz__marker") +
|
|
12
|
+
(className ? " ".concat(className) : "") +
|
|
13
|
+
(intent ? " ".concat(intentClassName(intent)) : ""), markerWidth: "12.5", markerHeight: "12.5", viewBox: "-10 -10 20 20", refX: "0", refY: "0", orient: reverse ? "auto-start-reverse" : "auto" }, markerDisplay[appearance]));
|
|
14
|
+
};
|
|
4
15
|
var ReactFlowMarkers = function () {
|
|
16
|
+
var intents = ["none", "primary", "accent", "success", "warning", "danger", "info"];
|
|
5
17
|
return (React.createElement("svg", null,
|
|
6
18
|
React.createElement("defs", null,
|
|
7
|
-
React.createElement(MarkerArrowClosedInverse, null)
|
|
19
|
+
React.createElement(MarkerArrowClosedInverse, null),
|
|
20
|
+
intents.map(function (intent) { return (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement(ReactFlowMarker, { appearance: "arrow-closed", intent: intent }),
|
|
22
|
+
React.createElement(ReactFlowMarker, { appearance: "arrow-closed", intent: intent, reverse: true }))); }))));
|
|
8
23
|
};
|
|
9
|
-
export { MarkerArrowClosedInverse, ReactFlowMarkers };
|
|
24
|
+
export { MarkerArrowClosedInverse, ReactFlowMarkers, ReactFlowMarker };
|
|
10
25
|
//# sourceMappingURL=ReactFlowMarkers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactFlowMarkers.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/markers/ReactFlowMarkers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,uFAAuF;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"ReactFlowMarkers.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/markers/ReactFlowMarkers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,eAAe,EAAe,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEzE,uFAAuF;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAqBtE,IAAM,eAAe,GAAG,UAAC,EAAiF;QAA/E,SAAS,eAAA,EAAE,kBAA2B,EAA3B,UAAU,mBAAG,cAAc,KAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAC9E,IAAM,aAAa,GAA+C;QAC9D,cAAc,EAAE,CACZ,8BAAM,CAAC,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACtG;KACJ,CAAC;IAEF,OAAO,CACH,gCACI,EAAE,EAAE,8BAAuB,UAAU,SAAG,MAAM,CAAC,CAAC,CAAC,WAAI,MAAM,CAAE,CAAC,CAAC,CAAC,EAAE,SAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAChG,SAAS,EACL,UAAG,MAAM,sBAAmB;YAC5B,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAClC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAI,eAAe,CAAC,MAAM,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAEjD,WAAW,EAAC,MAAM,EAClB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,eAAe,EACvB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,IAE9C,aAAa,CAAC,UAAU,CAAC,CACrB,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAO;IACzB,IAAM,OAAO,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAmB,CAAC;IAExG,OAAO,CACH;QACI;YACI,oBAAC,wBAAwB,OAAG;YAC3B,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACrB;gBACI,oBAAC,eAAe,IAAC,UAAU,EAAC,cAAc,EAAC,MAAM,EAAE,MAAM,GAAI;gBAC7D,oBAAC,eAAe,IAAC,UAAU,EAAC,cAAc,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,SAAG,CACtE,CACN,EALwB,CAKxB,CAAC,CACC,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -21,8 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { memo, useEffect } from "react";
|
|
24
|
-
import { MiniMap as
|
|
25
|
-
import { miniMapUtils } from "
|
|
24
|
+
import { MiniMap as ReactFlowMiniMapV9 } from "react-flow-renderer";
|
|
25
|
+
import { miniMapUtils } from "./utils.js";
|
|
26
|
+
import { ReactFlowVersions, useReactFlowVersion } from "../versionsupport.js";
|
|
27
|
+
import { MiniMapV12 } from "./MiniMapV12.js";
|
|
26
28
|
var minimapCalcConf = {
|
|
27
29
|
navigationOn: false,
|
|
28
30
|
minimapElement: null,
|
|
@@ -30,6 +32,22 @@ var minimapCalcConf = {
|
|
|
30
32
|
};
|
|
31
33
|
/** An improved mini-map for react-flow that supports navigation via the mini-map. */
|
|
32
34
|
export var MiniMap = memo(function (_a) {
|
|
35
|
+
var flowVersion = _a.flowVersion, otherProps = __rest(_a, ["flowVersion"]);
|
|
36
|
+
var flowVersionCheck = flowVersion || useReactFlowVersion();
|
|
37
|
+
switch (flowVersionCheck) {
|
|
38
|
+
case ReactFlowVersions.V9:
|
|
39
|
+
return React.createElement(MiniMapV9, __assign({}, otherProps));
|
|
40
|
+
case ReactFlowVersions.V12:
|
|
41
|
+
return React.createElement(MiniMapV12, __assign({}, otherProps));
|
|
42
|
+
default:
|
|
43
|
+
return React.createElement(React.Fragment, null); // cannot exit on its own
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
/**
|
|
47
|
+
* Mini-map support for for React Flow v9.
|
|
48
|
+
* @deprecated (v26) will be removed, use when `MiniMap` directly
|
|
49
|
+
*/
|
|
50
|
+
export var MiniMapV9 = memo(function (_a) {
|
|
33
51
|
var _b;
|
|
34
52
|
var flowInstance = _a.flowInstance, _c = _a.enableNavigation, enableNavigation = _c === void 0 ? false : _c, _d = _a.maskColor, maskColor = _d === void 0 ? "#ddddddbb" : _d, _e = _a.nodeClassName, nodeClassName = _e === void 0 ? miniMapUtils.nodeClassName : _e, _f = _a.nodeColor, nodeColor = _f === void 0 ? miniMapUtils.nodeColor : _f, _g = _a.nodeStrokeColor, nodeStrokeColor = _g === void 0 ? miniMapUtils.borderColor : _g, wrapperProps = _a.wrapperProps, minimapProps = __rest(_a, ["flowInstance", "enableNavigation", "maskColor", "nodeClassName", "nodeColor", "nodeStrokeColor", "wrapperProps"]);
|
|
35
53
|
var minimapWrapper = React.useRef(null);
|
|
@@ -92,6 +110,7 @@ export var MiniMap = memo(function (_a) {
|
|
|
92
110
|
};
|
|
93
111
|
return (React.createElement("div", __assign({ ref: minimapWrapper, onMouseDown: handleMiniMapMouseDown, onMouseUp: handleMiniMapMouseUp, onMouseMove: handleMiniMapMouseMove, onMouseLeave: handleMiniMapMouseUp }, wrapperProps, { style: flowInstance && enableNavigation
|
|
94
112
|
? __assign(__assign({}, ((_b = wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style) !== null && _b !== void 0 ? _b : {})), { cursor: "grab" }) : wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style }),
|
|
95
|
-
React.createElement(
|
|
113
|
+
React.createElement(ReactFlowMiniMapV9, __assign({ maskColor: maskColor, nodeClassName: nodeClassName, nodeColor: nodeColor, nodeStrokeColor: nodeStrokeColor }, minimapProps))));
|
|
96
114
|
});
|
|
115
|
+
export default MiniMap;
|
|
97
116
|
//# sourceMappingURL=MiniMap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"MiniMap.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React, { memo } from "react";
|
|
24
|
+
import { MiniMap as ReactFlowMiniMap } from "@xyflow/react";
|
|
25
|
+
import { miniMapUtils } from "./utils.js";
|
|
26
|
+
/**
|
|
27
|
+
* Mini-map support for for React Flow v12.
|
|
28
|
+
* @deprecated (v26) will be removed when `MiniMap` supports v12 directly
|
|
29
|
+
*/
|
|
30
|
+
export var MiniMapV12 = memo(function (_a) {
|
|
31
|
+
var _b;
|
|
32
|
+
var _c = _a.enableNavigation, enableNavigation = _c === void 0 ? false : _c, _d = _a.nodeClassName, nodeClassName = _d === void 0 ? miniMapUtils.nodeClassName : _d, _e = _a.nodeColor, nodeColor = _e === void 0 ? miniMapUtils.nodeColor : _e, _f = _a.nodeStrokeColor, nodeStrokeColor = _f === void 0 ? miniMapUtils.borderColor : _f, wrapperProps = _a.wrapperProps, minimapProps = __rest(_a, ["enableNavigation", "nodeClassName", "nodeColor", "nodeStrokeColor", "wrapperProps"]);
|
|
33
|
+
return (React.createElement("div", __assign({}, wrapperProps, { style: enableNavigation ? __assign(__assign({}, ((_b = wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style) !== null && _b !== void 0 ? _b : {})), { cursor: "grab" }) : wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style }),
|
|
34
|
+
React.createElement(ReactFlowMiniMap, __assign({ nodeClassName: nodeClassName, nodeColor: nodeColor, nodeStrokeColor: nodeStrokeColor }, minimapProps, { zoomable: enableNavigation, pannable: enableNavigation }))));
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=MiniMapV12.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MiniMapV12.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/minimap/MiniMapV12.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAyC,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC;;;GAGG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,IAAI,CAC1B,UAAC,EAOiB;;IANd,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,qBAA0C,EAA1C,aAAa,mBAAG,YAAY,CAAC,aAAa,KAAA,EAC1C,iBAAkC,EAAlC,SAAS,mBAAG,YAAY,CAAC,SAAS,KAAA,EAClC,uBAA0C,EAA1C,eAAe,mBAAG,YAAY,CAAC,WAAW,KAAA,EAC1C,YAAY,kBAAA,EACT,YAAY,cANlB,qFAOA,CADkB;IAEf,OAAO,CACH,wCACQ,YAAY,IAChB,KAAK,EAAE,gBAAgB,CAAC,CAAC,uBAAM,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,mCAAI,EAAE,CAAC,KAAE,MAAM,EAAE,MAAM,IAAG,CAAC,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK;QAElG,oBAAC,gBAAgB,aACb,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,IAC5B,YAAY,IAChB,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,gBAAgB,IAC5B,CACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -37,22 +37,18 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
37
37
|
return ar;
|
|
38
38
|
};
|
|
39
39
|
import React from "react";
|
|
40
|
-
import { Position, useStoreState as
|
|
41
|
-
import { useStore as
|
|
42
|
-
import { useStore as useStoreFlowV12 } from "@xyflow/react";
|
|
40
|
+
import { Position, useStoreState as getStoreStateFlowV9 } from "react-flow-renderer";
|
|
41
|
+
import { useStore as getStoreStateFlowV12 } from "@xyflow/react";
|
|
43
42
|
import Color from "color";
|
|
44
43
|
import { Resizable } from "re-resizable";
|
|
45
44
|
import { intentClassName } from "../../../common/Intent/index.js";
|
|
46
45
|
import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
47
46
|
import { Depiction, Icon, OverflowText } from "../../../index.js";
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
47
|
+
import { ReactFlowVersions, useReactFlowVersion } from "../versionsupport.js";
|
|
48
|
+
import { HandleDefault } from "./../handles/HandleDefault.js";
|
|
50
49
|
var defaultHandles = function (flowVersion) {
|
|
51
50
|
switch (flowVersion) {
|
|
52
|
-
case "
|
|
53
|
-
return [{ type: "target" }, { type: "source" }];
|
|
54
|
-
case "next":
|
|
55
|
-
return [{ type: "target" }, { type: "source" }];
|
|
51
|
+
case "v9":
|
|
56
52
|
case "v12":
|
|
57
53
|
return [{ type: "target" }, { type: "source" }];
|
|
58
54
|
default:
|
|
@@ -69,7 +65,7 @@ var getDefaultMinimalTooltipData = function (node) {
|
|
|
69
65
|
};
|
|
70
66
|
};
|
|
71
67
|
var addHandles = function (handles, position, posDirection, isConnectable, nodeStyle, flowVersion) {
|
|
72
|
-
if (flowVersion === void 0) { flowVersion =
|
|
68
|
+
if (flowVersion === void 0) { flowVersion = ReactFlowVersions.V9; }
|
|
73
69
|
return handles[position].map(function (handle, idx) {
|
|
74
70
|
var _a, _b;
|
|
75
71
|
// FIXME: remove? orig v12 change: return handles[position].map((handle: any, idx: any) => {
|
|
@@ -84,7 +80,8 @@ var addHandles = function (handles, position, posDirection, isConnectable, nodeS
|
|
|
84
80
|
posdirection: posDirection,
|
|
85
81
|
isConnectable: typeof handle.isConnectable !== "undefined" ? handle.isConnectable : isConnectable,
|
|
86
82
|
});
|
|
87
|
-
return React.createElement(MemoHandler, __assign({ flowVersion: flowVersion }, handleProperties, { key: "handle" + idx }));
|
|
83
|
+
return (React.createElement(MemoHandler, __assign({ flowVersion: flowVersion }, handleProperties, { key: "handle" + idx })));
|
|
84
|
+
// FIXME: remove? orig v12 change: return <MemoHandler flowVersion={flowVersion} {...handleProperties} key={"handle" + idx} />;
|
|
88
85
|
});
|
|
89
86
|
};
|
|
90
87
|
function compareStyleDirection(styleA, styleB, direction) {
|
|
@@ -99,54 +96,55 @@ var MemoHandler = React.memo(function (props) { return React.createElement(Handl
|
|
|
99
96
|
prev.intent === next.intent &&
|
|
100
97
|
prev.category === next.category);
|
|
101
98
|
});
|
|
99
|
+
var DEFAULT_RESIZE_DIRECTIONS = { bottom: true, right: true };
|
|
102
100
|
/**
|
|
103
101
|
* The `NodeContent` element manages the main view of how a node is displaying which content.
|
|
104
102
|
* This element cannot be used directly, all properties must be routed through the `data` property of an `elements` property item inside the `ReactFlow` container.
|
|
105
103
|
*/
|
|
106
104
|
export function NodeContent(_a) {
|
|
107
|
-
var _b, _c, _d
|
|
108
|
-
var _f, _g, _h
|
|
109
|
-
var flowVersion = _a.flowVersion, iconName = _a.iconName, depiction = _a.depiction, leftElement = _a.leftElement, typeLabel = _a.typeLabel, label = _a.label, labelSubline = _a.labelSubline, enlargeHeader = _a.enlargeHeader, fullWidth = _a.fullWidth,
|
|
105
|
+
var _b, _c, _d;
|
|
106
|
+
var _e, _f, _g, _h;
|
|
107
|
+
var flowVersion = _a.flowVersion, iconName = _a.iconName, depiction = _a.depiction, leftElement = _a.leftElement, typeLabel = _a.typeLabel, label = _a.label, labelSubline = _a.labelSubline, enlargeHeader = _a.enlargeHeader, fullWidth = _a.fullWidth, _j = _a.showExecutionButtons, showExecutionButtons = _j === void 0 ? true : _j, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, footerContent = _a.footerContent, _k = _a.size, size = _k === void 0 ? "small" : _k, _l = _a.minimalShape, minimalShape = _l === void 0 ? "circular" : _l, intent = _a.intent, border = _a.border, highlightColor = _a.highlightColor,
|
|
110
108
|
//handles = defaultHandles(),
|
|
111
|
-
adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount,
|
|
109
|
+
adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _m = _a.adaptSizeIncrement, adaptSizeIncrement = _m === void 0 ? 15 : _m,
|
|
112
110
|
// FIXME: getMinimalTooltipData is just being ignored, only used in `NodeDefault`
|
|
113
|
-
|
|
111
|
+
_o = _a.getMinimalTooltipData,
|
|
114
112
|
// FIXME: getMinimalTooltipData is just being ignored, only used in `NodeDefault`
|
|
115
|
-
getMinimalTooltipData =
|
|
113
|
+
getMinimalTooltipData = _o === void 0 ? getDefaultMinimalTooltipData : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.showUnconnectableHandles, showUnconnectableHandles = _q === void 0 ? false : _q, _r = _a.animated, animated = _r === void 0 ? false : _r, _s = _a.introductionTime, introductionTime = _s === void 0 ? 0 : _s,
|
|
116
114
|
// resizing
|
|
117
|
-
onNodeResize = _a.onNodeResize, nodeDimensions = _a.nodeDimensions,
|
|
115
|
+
onNodeResize = _a.onNodeResize, nodeDimensions = _a.nodeDimensions, _t = _a.resizeDirections, resizeDirections = _t === void 0 ? DEFAULT_RESIZE_DIRECTIONS : _t, resizeMaxDimensions = _a.resizeMaxDimensions,
|
|
118
116
|
// forwarded props
|
|
119
|
-
|
|
117
|
+
_u = _a.targetPosition,
|
|
120
118
|
// forwarded props
|
|
121
|
-
targetPosition =
|
|
119
|
+
targetPosition = _u === void 0 ? Position.Left : _u, _v = _a.sourcePosition, sourcePosition = _v === void 0 ? Position.Right : _v, _w = _a.isConnectable, isConnectable = _w === void 0 ? true : _w, selected = _a.selected, _x = _a.letPassWheelEvents, letPassWheelEvents = _x === void 0 ? false : _x,
|
|
122
120
|
// FIXME: businessData is just being ignored
|
|
123
121
|
businessData = _a.businessData,
|
|
124
122
|
// other props for DOM element
|
|
125
123
|
otherDomProps = __rest(_a, ["flowVersion", "iconName", "depiction", "leftElement", "typeLabel", "label", "labelSubline", "enlargeHeader", "fullWidth", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "footerContent", "size", "minimalShape", "intent", "border", "highlightColor", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "introductionTime", "onNodeResize", "nodeDimensions", "resizeDirections", "resizeMaxDimensions", "targetPosition", "sourcePosition", "isConnectable", "selected", "letPassWheelEvents", "businessData"]);
|
|
126
124
|
var evaluateFlowVersion = useReactFlowVersion();
|
|
127
125
|
var flowVersionCheck = flowVersion || evaluateFlowVersion;
|
|
128
|
-
var
|
|
129
|
-
|
|
126
|
+
var _y = __read(React.useState(false), 2), introductionDone = _y[0], setIntroductionDone = _y[1];
|
|
127
|
+
// ignore some properties for now (remove them later)
|
|
128
|
+
// if (otherDomProps.businessData) { delete otherDomProps.businessData }
|
|
129
|
+
// if (otherDomProps.getMinimalTooltipData) { delete otherDomProps.getMinimalTooltipData }
|
|
130
|
+
var _z = otherDomProps.handles, handles = _z === void 0 ? defaultHandles(flowVersionCheck) : _z, otherProps = __rest(otherDomProps, ["handles"]);
|
|
130
131
|
var hasValidResizeDirection = resizeDirections.bottom || resizeDirections.right;
|
|
131
132
|
var isResizable = typeof onNodeResize === "function" && hasValidResizeDirection && minimalShape === "none";
|
|
132
|
-
var
|
|
133
|
-
var
|
|
133
|
+
var _3 = __read(React.useState((_e = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) !== null && _e !== void 0 ? _e : undefined), 2), width = _3[0], setWidth = _3[1];
|
|
134
|
+
var _4 = __read(React.useState((_f = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) !== null && _f !== void 0 ? _f : undefined), 2), height = _4[0], setHeight = _4[1];
|
|
134
135
|
// Keeps the initial size of the element
|
|
135
136
|
var originalSize = React.useRef({});
|
|
136
137
|
var zoom = 1;
|
|
137
138
|
if (isResizable)
|
|
138
139
|
try {
|
|
139
140
|
switch (flowVersionCheck) {
|
|
140
|
-
case "
|
|
141
|
-
_b = __read(
|
|
142
|
-
break;
|
|
143
|
-
case "next":
|
|
144
|
-
_c = __read(getStoreStateFlowNext(function (state) { return state.transform; }), 3), zoom = _c[2];
|
|
141
|
+
case "v9":
|
|
142
|
+
_b = __read(getStoreStateFlowV9(function (state) { return state.transform; }), 3), zoom = _b[2];
|
|
145
143
|
break;
|
|
146
144
|
case "v12":
|
|
147
145
|
// we are calling a hook here conditionally. Not recommended, by the flowversion check is
|
|
148
146
|
// is basically compile time determined. So we just do it.
|
|
149
|
-
|
|
147
|
+
_c = __read(getStoreStateFlowV12(function (state) { return state.transform; }), 3), zoom = _c[2];
|
|
150
148
|
break;
|
|
151
149
|
}
|
|
152
150
|
}
|
|
@@ -155,14 +153,14 @@ export function NodeContent(_a) {
|
|
|
155
153
|
// eslint-disable-next-line no-console
|
|
156
154
|
console.error(error);
|
|
157
155
|
}
|
|
158
|
-
var
|
|
156
|
+
var _5 = __read(React.useState({}), 2), adjustedContentProps = _5[0], setAdjustedContentProps = _5[1];
|
|
159
157
|
var nodeContentRef = React.useRef();
|
|
160
|
-
var handleStack = (
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
158
|
+
var handleStack = (_d = {},
|
|
159
|
+
_d[Position.Top] = [],
|
|
160
|
+
_d[Position.Right] = [],
|
|
161
|
+
_d[Position.Bottom] = [],
|
|
162
|
+
_d[Position.Left] = [],
|
|
163
|
+
_d);
|
|
166
164
|
var saveOriginalSize = function () {
|
|
167
165
|
var currentClassNames = nodeContentRef.current.classList;
|
|
168
166
|
if (currentClassNames.contains("was-resized") && !width && !height) {
|
|
@@ -256,21 +254,22 @@ export function NodeContent(_a) {
|
|
|
256
254
|
return 0;
|
|
257
255
|
})
|
|
258
256
|
.forEach(function (handle) {
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
handleStack[handle.position].push(handle);
|
|
257
|
+
var position = handle.position;
|
|
258
|
+
// force position regarding special configuration
|
|
259
|
+
if (handle.category === "configuration") {
|
|
260
|
+
position = Position.Top;
|
|
264
261
|
}
|
|
265
262
|
else {
|
|
266
263
|
var handleType = handle;
|
|
267
264
|
if (handleType.type === "target") {
|
|
268
|
-
|
|
265
|
+
position = targetPosition;
|
|
269
266
|
}
|
|
270
267
|
if (handleType.type === "source") {
|
|
271
|
-
|
|
268
|
+
position = sourcePosition;
|
|
272
269
|
}
|
|
273
270
|
}
|
|
271
|
+
handle.position = position;
|
|
272
|
+
handleStack[position].push(handle);
|
|
274
273
|
});
|
|
275
274
|
}
|
|
276
275
|
var styleExpandDimensions = Object.create(null);
|
|
@@ -283,13 +282,13 @@ export function NodeContent(_a) {
|
|
|
283
282
|
var minHeightRight = handleStack[Position.Right].length * adaptSizeIncrement;
|
|
284
283
|
styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
|
|
285
284
|
}
|
|
286
|
-
var
|
|
285
|
+
var _6 = evaluateHighlightColors("--node-highlight", highlightColor), highlightClassNameSuffix = _6.highlightClassNameSuffix, highlightCustomPropertySettings = _6.highlightCustomPropertySettings;
|
|
287
286
|
var resizableStyles = isResizable && (width !== null && width !== void 0 ? width : 0) + (height !== null && height !== void 0 ? height : 0) > 0
|
|
288
287
|
? {
|
|
289
288
|
width: width,
|
|
290
289
|
height: height,
|
|
291
|
-
maxWidth: resizeDirections.right ? (
|
|
292
|
-
maxHeight: resizeDirections.bottom ? (
|
|
290
|
+
maxWidth: resizeDirections.right ? (_g = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.width) !== null && _g !== void 0 ? _g : undefined : undefined,
|
|
291
|
+
maxHeight: resizeDirections.bottom ? (_h = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.height) !== null && _h !== void 0 ? _h : undefined : undefined,
|
|
293
292
|
}
|
|
294
293
|
: {};
|
|
295
294
|
var introductionStyles = introductionTime && !introductionDone
|
|
@@ -299,6 +298,7 @@ export function NodeContent(_a) {
|
|
|
299
298
|
: {};
|
|
300
299
|
var nodeContent = (React.createElement(React.Fragment, null,
|
|
301
300
|
React.createElement("section", __assign({ ref: nodeContentRef }, otherProps, { style: __assign(__assign(__assign(__assign(__assign({}, style), highlightCustomPropertySettings), styleExpandDimensions), resizableStyles), introductionStyles), className: "".concat(eccgui, "-graphviz__node") +
|
|
301
|
+
" ".concat(eccgui, "-graphviz__node--").concat(flowVersionCheck) +
|
|
302
302
|
" ".concat(eccgui, "-graphviz__node--").concat(size) +
|
|
303
303
|
" ".concat(eccgui, "-graphviz__node--minimal-").concat(minimalShape) +
|
|
304
304
|
(fullWidth ? " ".concat(eccgui, "-graphviz__node--fullwidth") : "") +
|
|
@@ -369,44 +369,47 @@ export function NodeContent(_a) {
|
|
|
369
369
|
var validatedHeight = Math.max(Math.min(resizedHeight, max), min);
|
|
370
370
|
return validatedHeight;
|
|
371
371
|
};
|
|
372
|
+
var onResize = React.useCallback(function (_0, _1, _2, d) {
|
|
373
|
+
var _a, _b;
|
|
374
|
+
if (nodeContentRef.current) {
|
|
375
|
+
var nextWidth = resizeDirections.right
|
|
376
|
+
? ((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width
|
|
377
|
+
: undefined;
|
|
378
|
+
var nextHeight = resizeDirections.bottom
|
|
379
|
+
? ((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height
|
|
380
|
+
: undefined;
|
|
381
|
+
if (nextWidth || nextHeight) {
|
|
382
|
+
var currentClassNames = nodeContentRef.current.classList;
|
|
383
|
+
currentClassNames.add("was-resized");
|
|
384
|
+
}
|
|
385
|
+
if (nextWidth) {
|
|
386
|
+
nodeContentRef.current.style.width = "".concat(nextWidth, "px");
|
|
387
|
+
}
|
|
388
|
+
if (nextHeight) {
|
|
389
|
+
nodeContentRef.current.style.height = "".concat(nextHeight, "px");
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
}, [resizeDirections, originalSize]);
|
|
393
|
+
var onResizeStop = React.useCallback(function (_0, _1, _2, d) {
|
|
394
|
+
var _a, _b;
|
|
395
|
+
var nextWidth = validateWidth(((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width);
|
|
396
|
+
var nextHeight = validateHeight(((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height);
|
|
397
|
+
setWidth(nextWidth);
|
|
398
|
+
setHeight(nextHeight);
|
|
399
|
+
if (onNodeResize) {
|
|
400
|
+
onNodeResize({
|
|
401
|
+
height: nextHeight,
|
|
402
|
+
width: nextWidth,
|
|
403
|
+
});
|
|
404
|
+
}
|
|
405
|
+
}, [onNodeResize]);
|
|
406
|
+
var resizableSize = React.useMemo(function () { return ({ height: height !== null && height !== void 0 ? height : "auto", width: width !== null && width !== void 0 ? width : "auto" }); }, [height, width]);
|
|
407
|
+
var enableResize = React.useMemo(function () { return resizeDirections.bottom && resizeDirections.right ? { bottomRight: true } : resizeDirections; }, [resizeDirections]);
|
|
372
408
|
var resizableNode = function () {
|
|
373
409
|
var _a, _b;
|
|
374
|
-
var size = { height: height !== null && height !== void 0 ? height : "auto", width: width !== null && width !== void 0 ? width : "auto" };
|
|
375
410
|
return (React.createElement(Resizable, { className: "".concat(eccgui, "-graphviz__node__resizer") +
|
|
376
411
|
(resizeDirections.right ? " ".concat(eccgui, "-graphviz__node__resizer--right") : "") +
|
|
377
|
-
(resizeDirections.bottom ? " ".concat(eccgui, "-graphviz__node__resizer--bottom") : ""), handleWrapperClass: "".concat(eccgui, "-graphviz__node__resizer--cursorhandles") + " nodrag", size:
|
|
378
|
-
var _a, _b;
|
|
379
|
-
if (nodeContentRef.current) {
|
|
380
|
-
var nextWidth = resizeDirections.right
|
|
381
|
-
? ((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width
|
|
382
|
-
: undefined;
|
|
383
|
-
var nextHeight = resizeDirections.bottom
|
|
384
|
-
? ((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height
|
|
385
|
-
: undefined;
|
|
386
|
-
if (nextWidth || nextHeight) {
|
|
387
|
-
var currentClassNames = nodeContentRef.current.classList;
|
|
388
|
-
currentClassNames.add("was-resized");
|
|
389
|
-
}
|
|
390
|
-
if (nextWidth) {
|
|
391
|
-
nodeContentRef.current.style.width = "".concat(nextWidth, "px");
|
|
392
|
-
}
|
|
393
|
-
if (nextHeight) {
|
|
394
|
-
nodeContentRef.current.style.height = "".concat(nextHeight, "px");
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
}, onResizeStop: function (_0, _1, _2, d) {
|
|
398
|
-
var _a, _b;
|
|
399
|
-
var nextWidth = validateWidth(((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width);
|
|
400
|
-
var nextHeight = validateHeight(((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height);
|
|
401
|
-
setWidth(nextWidth);
|
|
402
|
-
setHeight(nextHeight);
|
|
403
|
-
if (onNodeResize) {
|
|
404
|
-
onNodeResize({
|
|
405
|
-
height: nextHeight,
|
|
406
|
-
width: nextWidth,
|
|
407
|
-
});
|
|
408
|
-
}
|
|
409
|
-
} }, nodeContent));
|
|
412
|
+
(resizeDirections.bottom ? " ".concat(eccgui, "-graphviz__node__resizer--bottom") : ""), handleWrapperClass: "".concat(eccgui, "-graphviz__node__resizer--cursorhandles") + " nodrag", size: resizableSize, maxHeight: (_a = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.height) !== null && _a !== void 0 ? _a : undefined, maxWidth: (_b = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.width) !== null && _b !== void 0 ? _b : undefined, enable: enableResize, scale: zoom, onResize: onResize, onResizeStop: onResizeStop }, nodeContent));
|
|
410
413
|
};
|
|
411
414
|
return isResizable ? resizableNode() : nodeContent;
|
|
412
415
|
}
|