@eccenca/gui-elements 24.0.0-rc.2 → 24.0.0-rc.3
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 +59 -5
- package/README.md +5 -3
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js.map +1 -1
- package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js +3 -5
- package/dist/cjs/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js.map +1 -1
- package/dist/cjs/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.js +4 -8
- package/dist/cjs/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.js.map +1 -1
- package/dist/cjs/cmem/markdown/Markdown.js.map +1 -1
- package/dist/cjs/cmem/markdown/highlightSearchWords.js +5 -8
- package/dist/cjs/cmem/markdown/highlightSearchWords.js.map +1 -1
- package/dist/cjs/cmem/react-flow/nodes/StickyNoteNode.js.map +1 -1
- package/dist/cjs/common/index.js +1 -3
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/components/Accordion/Accordion.js +2 -7
- package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/Accordion/AccordionItem.js +1 -2
- package/dist/cjs/components/Accordion/AccordionItem.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js +114 -63
- package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js +13 -51
- package/dist/cjs/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/cjs/components/AutoSuggestion/extensions/markText.js +55 -0
- package/dist/cjs/components/AutoSuggestion/extensions/markText.js.map +1 -0
- package/dist/cjs/components/AutoSuggestion/index.js +1 -3
- package/dist/cjs/components/AutoSuggestion/index.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +2 -6
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/cjs/components/AutocompleteField/index.js +1 -0
- package/dist/cjs/components/AutocompleteField/index.js.map +1 -1
- package/dist/cjs/components/Breadcrumb/BreadcrumbList.js +2 -2
- package/dist/cjs/components/Breadcrumb/BreadcrumbList.js.map +1 -1
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/CardHeader.js +2 -2
- package/dist/cjs/components/Card/CardHeader.js.map +1 -1
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js +3 -3
- package/dist/cjs/components/CodeAutocompleteField/CodeAutocompleteField.js.map +1 -1
- package/dist/cjs/components/Dialog/AlertDialog.js.map +1 -1
- package/dist/cjs/components/Dialog/Modal.js +2 -2
- package/dist/cjs/components/Dialog/Modal.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/Grid/GridColumn.js +1 -1
- package/dist/cjs/components/Grid/GridColumn.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.js +3 -5
- package/dist/cjs/components/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +6 -15
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js +7 -2
- package/dist/cjs/components/MultiSuggestField/MultiSuggestField.js.map +1 -1
- package/dist/cjs/components/Notification/Notification.js +2 -5
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/Select/Select.js +0 -6
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/SuggestField/SuggestField.js +2 -2
- package/dist/cjs/components/SuggestField/SuggestField.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +0 -3
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Tag/Tag.js +1 -0
- package/dist/cjs/components/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/TextField/TextArea.js +1 -19
- package/dist/cjs/components/TextField/TextArea.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.js +6 -24
- package/dist/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/Highlighter.js +0 -6
- package/dist/cjs/components/Typography/Highlighter.js.map +1 -1
- package/dist/cjs/components/Typography/index.js +0 -8
- package/dist/cjs/components/Typography/index.js.map +1 -1
- package/dist/cjs/components/Workspace/WorkspaceContent.js +1 -1
- package/dist/cjs/components/Workspace/WorkspaceContent.js.map +1 -1
- package/dist/cjs/components/index.js +0 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +91 -86
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +43 -0
- package/dist/cjs/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -0
- package/dist/cjs/extensions/codemirror/tests/codemirrorTestHelper.js +49 -0
- package/dist/cjs/extensions/codemirror/tests/codemirrorTestHelper.js.map +1 -0
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js +1 -1
- package/dist/cjs/extensions/react-flow/edges/edgeTypes.js.map +1 -1
- package/dist/cjs/extensions/react-flow/index.js +3 -14
- package/dist/cjs/extensions/react-flow/index.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/utils.js +4 -7
- package/dist/cjs/extensions/react-flow/minimap/utils.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +2 -10
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeTypes.js +1 -1
- package/dist/cjs/extensions/react-flow/nodes/nodeTypes.js.map +1 -1
- package/dist/cjs/index.js +1 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/legacy-replacements/Button/AffirmativeButton.js +1 -0
- package/dist/cjs/legacy-replacements/Button/AffirmativeButton.js.map +1 -1
- package/dist/cjs/legacy-replacements/Button/Button.js +2 -0
- package/dist/cjs/legacy-replacements/Button/Button.js.map +1 -1
- package/dist/cjs/legacy-replacements/Button/DismissiveButton.js +1 -0
- package/dist/cjs/legacy-replacements/Button/DismissiveButton.js.map +1 -1
- package/dist/cjs/legacy-replacements/Button/DisruptiveButton.js +1 -0
- package/dist/cjs/legacy-replacements/Button/DisruptiveButton.js.map +1 -1
- package/dist/cjs/legacy-replacements/Checkbox/Checkbox.js +2 -0
- package/dist/cjs/legacy-replacements/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/legacy-replacements/Radio/RadioButton.js +2 -0
- package/dist/cjs/legacy-replacements/Radio/RadioButton.js.map +1 -1
- package/dist/cjs/legacy-replacements/Tabs/Tabs.js +1 -0
- package/dist/cjs/legacy-replacements/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/legacy-replacements/TextField/TextField.js +2 -0
- package/dist/cjs/legacy-replacements/TextField/TextField.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/SilkActivityControl.js.map +1 -1
- package/dist/esm/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js +3 -4
- package/dist/esm/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.js.map +1 -1
- package/dist/esm/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.js +2 -4
- package/dist/esm/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js.map +1 -1
- package/dist/esm/cmem/markdown/highlightSearchWords.js +5 -8
- package/dist/esm/cmem/markdown/highlightSearchWords.js.map +1 -1
- package/dist/esm/cmem/react-flow/nodes/StickyNoteNode.js.map +1 -1
- package/dist/esm/common/index.js +0 -2
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/components/Accordion/Accordion.js +2 -7
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/Accordion/AccordionItem.js +1 -2
- package/dist/esm/components/Accordion/AccordionItem.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js +133 -81
- package/dist/esm/components/AutoSuggestion/AutoSuggestion.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/AutoSuggestionList.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js +36 -60
- package/dist/esm/components/AutoSuggestion/ExtendedCodeEditor.js.map +1 -1
- package/dist/esm/components/AutoSuggestion/extensions/markText.js +72 -0
- package/dist/esm/components/AutoSuggestion/extensions/markText.js.map +1 -0
- package/dist/esm/components/AutoSuggestion/index.js +1 -2
- package/dist/esm/components/AutoSuggestion/index.js.map +1 -1
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js +3 -6
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/esm/components/AutocompleteField/index.js +1 -0
- package/dist/esm/components/AutocompleteField/index.js.map +1 -1
- package/dist/esm/components/Breadcrumb/BreadcrumbList.js +2 -2
- package/dist/esm/components/Breadcrumb/BreadcrumbList.js.map +1 -1
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +2 -2
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js +2 -2
- package/dist/esm/components/CodeAutocompleteField/CodeAutocompleteField.js.map +1 -1
- package/dist/esm/components/Dialog/AlertDialog.js.map +1 -1
- package/dist/esm/components/Dialog/Modal.js +3 -3
- package/dist/esm/components/Dialog/Modal.js.map +1 -1
- package/dist/esm/components/Grid/Grid.js.map +1 -1
- package/dist/esm/components/Grid/GridColumn.js +1 -1
- package/dist/esm/components/Grid/GridColumn.js.map +1 -1
- package/dist/esm/components/Icon/Icon.js +1 -2
- package/dist/esm/components/Icon/Icon.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +7 -15
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js +6 -1
- package/dist/esm/components/MultiSuggestField/MultiSuggestField.js.map +1 -1
- package/dist/esm/components/Notification/Notification.js +2 -6
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/Select/Select.js +0 -6
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/SuggestField/SuggestField.js +1 -1
- package/dist/esm/components/SuggestField/SuggestField.js.map +1 -1
- package/dist/esm/components/Table/Table.js +0 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Tag/Tag.js +1 -0
- package/dist/esm/components/Tag/Tag.js.map +1 -1
- package/dist/esm/components/TextField/TextArea.js +2 -20
- package/dist/esm/components/TextField/TextArea.js.map +1 -1
- package/dist/esm/components/TextField/TextField.js +6 -24
- package/dist/esm/components/TextField/TextField.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/Highlighter.js +3 -6
- package/dist/esm/components/Typography/Highlighter.js.map +1 -1
- package/dist/esm/components/Typography/index.js +0 -7
- package/dist/esm/components/Typography/index.js.map +1 -1
- package/dist/esm/components/Workspace/WorkspaceContent.js +1 -1
- package/dist/esm/components/Workspace/WorkspaceContent.js.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +132 -83
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js +39 -0
- package/dist/esm/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.js.map +1 -0
- package/dist/esm/extensions/codemirror/tests/codemirrorTestHelper.js +55 -0
- package/dist/esm/extensions/codemirror/tests/codemirrorTestHelper.js.map +1 -0
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js +1 -1
- package/dist/esm/extensions/react-flow/edges/edgeTypes.js.map +1 -1
- package/dist/esm/extensions/react-flow/index.js +2 -12
- package/dist/esm/extensions/react-flow/index.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/utils.js +4 -7
- package/dist/esm/extensions/react-flow/minimap/utils.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +2 -10
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/nodeTypes.js +1 -1
- package/dist/esm/extensions/react-flow/nodes/nodeTypes.js.map +1 -1
- package/dist/esm/index.js +1 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/legacy-replacements/Button/AffirmativeButton.js +1 -0
- package/dist/esm/legacy-replacements/Button/AffirmativeButton.js.map +1 -1
- package/dist/esm/legacy-replacements/Button/Button.js +2 -0
- package/dist/esm/legacy-replacements/Button/Button.js.map +1 -1
- package/dist/esm/legacy-replacements/Button/DismissiveButton.js +1 -0
- package/dist/esm/legacy-replacements/Button/DismissiveButton.js.map +1 -1
- package/dist/esm/legacy-replacements/Button/DisruptiveButton.js +1 -0
- package/dist/esm/legacy-replacements/Button/DisruptiveButton.js.map +1 -1
- package/dist/esm/legacy-replacements/Checkbox/Checkbox.js +2 -0
- package/dist/esm/legacy-replacements/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/legacy-replacements/Radio/RadioButton.js +2 -0
- package/dist/esm/legacy-replacements/Radio/RadioButton.js.map +1 -1
- package/dist/esm/legacy-replacements/Tabs/Tabs.js +1 -0
- package/dist/esm/legacy-replacements/Tabs/Tabs.js.map +1 -1
- package/dist/esm/legacy-replacements/TextField/TextField.js +2 -0
- package/dist/esm/legacy-replacements/TextField/TextField.js.map +1 -1
- package/dist/types/cmem/ActivityControl/ActivityControlTypes.d.ts +3 -5
- package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +0 -2
- package/dist/types/cmem/ActivityControl/SilkActivityControl.d.ts +7 -11
- package/dist/types/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.d.ts +3 -3
- package/dist/types/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.d.ts +1 -12
- package/dist/types/cmem/markdown/Markdown.d.ts +0 -1
- package/dist/types/cmem/markdown/highlightSearchWords.d.ts +0 -6
- package/dist/types/cmem/react-flow/nodes/StickyNoteNode.d.ts +2 -2
- package/dist/types/common/index.d.ts +0 -24
- package/dist/types/components/Accordion/Accordion.d.ts +1 -6
- package/dist/types/components/Accordion/AccordionItem.d.ts +1 -6
- package/dist/types/components/AutoSuggestion/AutoSuggestion.d.ts +27 -17
- package/dist/types/components/AutoSuggestion/AutoSuggestionList.d.ts +0 -1
- package/dist/types/components/AutoSuggestion/ExtendedCodeEditor.d.ts +10 -11
- package/dist/types/components/AutoSuggestion/extensions/markText.d.ts +16 -0
- package/dist/types/components/AutoSuggestion/index.d.ts +2 -2
- package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +11 -15
- package/dist/types/components/AutocompleteField/index.d.ts +1 -0
- package/dist/types/components/AutocompleteField/interfaces.d.ts +4 -2
- package/dist/types/components/Breadcrumb/BreadcrumbList.d.ts +1 -6
- package/dist/types/components/Button/Button.d.ts +0 -2
- package/dist/types/components/Card/CardHeader.d.ts +1 -9
- package/dist/types/components/Dialog/AlertDialog.d.ts +0 -1
- package/dist/types/components/Grid/Grid.d.ts +0 -5
- package/dist/types/components/Grid/GridColumn.d.ts +1 -6
- package/dist/types/components/Icon/BaseIcon.d.ts +2 -2
- package/dist/types/components/Icon/Icon.d.ts +0 -5
- package/dist/types/components/Icon/canonicalIconNames.d.ts +2 -7
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +6 -8
- package/dist/types/components/MultiSuggestField/MultiSuggestField.d.ts +11 -2
- package/dist/types/components/Notification/Notification.d.ts +1 -14
- package/dist/types/components/Select/Select.d.ts +0 -3
- package/dist/types/components/Spinner/Spinner.d.ts +3 -3
- package/dist/types/components/SuggestField/SuggestField.d.ts +5 -0
- package/dist/types/components/SuggestField/index.d.ts +1 -1
- package/dist/types/components/Table/Table.d.ts +1 -4
- package/dist/types/components/Tag/Tag.d.ts +0 -5
- package/dist/types/components/TextField/TextArea.d.ts +1 -21
- package/dist/types/components/TextField/TextField.d.ts +3 -23
- package/dist/types/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/types/components/Typography/Highlighter.d.ts +3 -6
- package/dist/types/components/Typography/index.d.ts +0 -6
- package/dist/types/components/index.d.ts +0 -1
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +54 -26
- package/dist/types/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.d.ts +23 -0
- package/dist/types/extensions/codemirror/tests/codemirrorTestHelper.d.ts +20 -0
- package/dist/types/extensions/react-flow/edges/edgeTypes.d.ts +1 -0
- package/dist/types/extensions/react-flow/index.d.ts +0 -14
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +6 -14
- package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts +0 -1
- package/dist/types/extensions/react-flow/nodes/nodeTypes.d.ts +1 -0
- package/dist/types/extensions/react-flow/nodes/sharedTypes.d.ts +0 -1
- package/dist/types/index.d.ts +1 -9
- package/dist/types/legacy-replacements/Button/AffirmativeButton.d.ts +1 -0
- package/dist/types/legacy-replacements/Button/Button.d.ts +1 -0
- package/dist/types/legacy-replacements/Button/DismissiveButton.d.ts +1 -0
- package/dist/types/legacy-replacements/Button/DisruptiveButton.d.ts +1 -0
- package/dist/types/legacy-replacements/Checkbox/Checkbox.d.ts +1 -0
- package/dist/types/legacy-replacements/Radio/RadioButton.d.ts +1 -0
- package/dist/types/legacy-replacements/Tabs/Tabs.d.ts +4 -2
- package/dist/types/legacy-replacements/TextField/TextField.d.ts +1 -0
- package/package.json +7 -4
- package/src/cmem/ActivityControl/ActivityControlTypes.ts +3 -7
- package/src/cmem/ActivityControl/ActivityControlWidget.tsx +0 -6
- package/src/cmem/ActivityControl/SilkActivityControl.tsx +8 -18
- package/src/cmem/ContentBlobToggler/StringPreviewContentBlobToggler.tsx +14 -11
- package/src/cmem/DateTimeDisplay/ElapsedDateTimeDisplay.tsx +11 -7
- package/src/cmem/DateTimeDisplay/tests/ElapsedDateTimeDisplay.test.tsx +9 -4
- package/src/cmem/markdown/Markdown.tsx +0 -2
- package/src/cmem/markdown/highlightSearchWords.test.ts +3 -2
- package/src/cmem/markdown/highlightSearchWords.ts +5 -10
- package/src/cmem/markdown/markdown.utils.ts +10 -10
- package/src/cmem/markdown/markdownutils.test.ts +9 -5
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +1 -1
- package/src/cmem/react-flow/nodes/StickyNoteNode.tsx +2 -2
- package/src/common/index.ts +0 -3
- package/src/components/Accordion/Accordion.tsx +0 -13
- package/src/components/Accordion/AccordionItem.tsx +0 -7
- package/src/components/Accordion/accordion.scss +0 -5
- package/src/components/AutoSuggestion/AutoSuggestion.scss +20 -17
- package/src/components/AutoSuggestion/AutoSuggestion.tsx +171 -100
- package/src/components/AutoSuggestion/AutoSuggestionList.tsx +0 -3
- package/src/components/AutoSuggestion/ExtendedCodeEditor.tsx +47 -83
- package/src/components/AutoSuggestion/extensions/markText.ts +63 -0
- package/src/components/AutoSuggestion/index.ts +2 -2
- package/src/components/AutoSuggestion/tests/ExtendedCodeEditor.test.tsx +13 -11
- package/src/components/AutocompleteField/AutoCompleteField.tsx +17 -19
- package/src/components/AutocompleteField/index.ts +1 -0
- package/src/components/AutocompleteField/interfaces.ts +5 -2
- package/src/components/Breadcrumb/BreadcrumbList.tsx +0 -7
- package/src/components/Button/Button.tsx +0 -5
- package/src/components/Card/CardHeader.tsx +2 -10
- package/src/components/CodeAutocompleteField/CodeAutocompleteField.stories.tsx +9 -3
- package/src/components/CodeAutocompleteField/CodeAutocompleteField.tsx +2 -2
- package/src/components/Dialog/AlertDialog.tsx +0 -3
- package/src/components/Dialog/Modal.tsx +3 -3
- package/src/components/Grid/Grid.tsx +0 -5
- package/src/components/Grid/GridColumn.tsx +0 -6
- package/src/components/Icon/BaseIcon.tsx +2 -2
- package/src/components/Icon/Icon.tsx +1 -5
- package/src/components/Icon/canonicalIconNames.tsx +3 -9
- package/src/components/MultiSelect/MultiSelect.tsx +9 -19
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +2 -2
- package/src/components/MultiSuggestField/MultiSuggestField.tsx +16 -3
- package/src/components/MultiSuggestField/tests/MultiSuggestField.test.tsx +6 -6
- package/src/components/Notification/Notification.tsx +2 -17
- package/src/components/Notification/notification.scss +1 -2
- package/src/components/Select/Select.tsx +0 -10
- package/src/components/Spinner/Spinner.tsx +3 -6
- package/src/components/SuggestField/SuggestField.tsx +6 -1
- package/src/components/Table/Table.tsx +2 -7
- package/src/components/Tag/Tag.tsx +1 -8
- package/src/components/TextField/TextArea.tsx +2 -45
- package/src/components/TextField/TextField.tsx +9 -51
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Typography/Highlighter.tsx +3 -6
- package/src/components/Typography/index.ts +0 -9
- package/src/components/Workspace/WorkspaceContent.tsx +1 -1
- package/src/components/index.ts +0 -1
- package/src/extensions/codemirror/CodeMirror.tsx +189 -106
- package/src/extensions/codemirror/_codemirror.scss +24 -41
- package/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts +44 -0
- package/src/extensions/codemirror/tests/codemirrorTestHelper.ts +57 -0
- package/src/extensions/react-flow/edges/edgeTypes.ts +1 -1
- package/src/extensions/react-flow/index.ts +2 -13
- package/src/extensions/react-flow/minimap/_minimap.scss +0 -22
- package/src/extensions/react-flow/minimap/utils.ts +2 -5
- package/src/extensions/react-flow/nodes/NodeContent.tsx +4 -27
- package/src/extensions/react-flow/nodes/NodeDefault.tsx +0 -3
- package/src/extensions/react-flow/nodes/_nodes.scss +0 -55
- package/src/extensions/react-flow/nodes/nodeTypes.ts +1 -1
- package/src/extensions/react-flow/nodes/sharedTypes.ts +0 -1
- package/src/index.ts +1 -3
- package/src/legacy-replacements/Button/AffirmativeButton.tsx +1 -0
- package/src/legacy-replacements/Button/Button.tsx +2 -0
- package/src/legacy-replacements/Button/DismissiveButton.tsx +1 -0
- package/src/legacy-replacements/Button/DisruptiveButton.tsx +1 -0
- package/src/legacy-replacements/Checkbox/Checkbox.tsx +2 -0
- package/src/legacy-replacements/Radio/RadioButton.tsx +2 -0
- package/src/legacy-replacements/Tabs/Tabs.tsx +5 -4
- package/src/legacy-replacements/TextField/TextField.tsx +2 -0
- package/dist/cjs/components/NumericInput/NumericInput.js +0 -9
- package/dist/cjs/components/NumericInput/NumericInput.js.map +0 -1
- package/dist/esm/components/NumericInput/NumericInput.js +0 -6
- package/dist/esm/components/NumericInput/NumericInput.js.map +0 -1
- package/dist/types/components/NumericInput/NumericInput.d.ts +0 -3
- package/src/components/AutoSuggestion/AutoSuggestion.stories.tsx +0 -14
- package/src/components/MultiSelect/MultiSelect.stories.tsx +0 -14
- package/src/components/NumericInput/NumericInput.tsx +0 -6
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StateField } from "@codemirror/state";
|
|
2
|
+
import { EditorView } from "@codemirror/view";
|
|
3
|
+
export declare const markField: StateField<any>;
|
|
4
|
+
type marksConfig = {
|
|
5
|
+
view: EditorView;
|
|
6
|
+
from: number;
|
|
7
|
+
to: number;
|
|
8
|
+
className?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const markText: (config: marksConfig) => {
|
|
12
|
+
from: number;
|
|
13
|
+
to: number;
|
|
14
|
+
};
|
|
15
|
+
export declare const removeMarkFromText: (config: marksConfig) => void;
|
|
16
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { AutoSuggestionProps } from "./AutoSuggestion";
|
|
2
2
|
import { AutoSuggestionList, AutoSuggestionListProps } from "./AutoSuggestionList";
|
|
3
3
|
import { ExtendedCodeEditor, ExtendedCodeEditorProps } from "./ExtendedCodeEditor";
|
|
4
|
-
export {
|
|
4
|
+
export { AutoSuggestionList, ExtendedCodeEditor };
|
|
5
5
|
export type { AutoSuggestionProps, AutoSuggestionListProps, ExtendedCodeEditorProps };
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { HTMLInputProps as BlueprintHTMLInputProps,
|
|
2
|
+
import { HTMLInputProps as BlueprintHTMLInputProps, InputGroupProps as BlueprintInputGroupProps } from "@blueprintjs/core";
|
|
3
3
|
import { ContextOverlayProps } from "../../index";
|
|
4
|
-
import {
|
|
5
|
-
export type IElementWidth = IElementWidthOrig;
|
|
6
|
-
export type IRenderModifiers = IRenderModifiersOrig;
|
|
4
|
+
import { SuggestFieldItemRendererModifierProps } from "./interfaces";
|
|
7
5
|
type SearchFunction<T> = (value: string) => T[];
|
|
8
6
|
type AsyncSearchFunction<T> = (value: string) => Promise<T[]>;
|
|
9
7
|
/**
|
|
10
|
-
*
|
|
11
|
-
* @param T is the input data structure/type of the items that can be selected.
|
|
12
|
-
* @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
|
|
8
|
+
* @deprecated (v25) replaced by SuggestFieldProps
|
|
13
9
|
*/
|
|
14
10
|
export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
|
|
15
11
|
/**
|
|
@@ -40,7 +36,7 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
|
|
|
40
36
|
* @param handleClick The function that needs to be called when the rendered item gets clicked. Else a selection
|
|
41
37
|
* via mouse is not possible. This only needs to be used when returning a JSX.Element.
|
|
42
38
|
*/
|
|
43
|
-
itemRenderer(item: T, query: string, modifiers:
|
|
39
|
+
itemRenderer(item: T, query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: () => any): string | JSX.Element;
|
|
44
40
|
/** Renders the string that should be displayed in the input field after the item has been selected.
|
|
45
41
|
*/
|
|
46
42
|
itemValueRenderer(item: T): string;
|
|
@@ -82,7 +78,7 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
|
|
|
82
78
|
/** Creates a new item from the query. */
|
|
83
79
|
itemFromQuery: (query: string) => T;
|
|
84
80
|
/** Renders how the option to newly create an item should look like in the selection list. */
|
|
85
|
-
itemRenderer: (query: string, modifiers:
|
|
81
|
+
itemRenderer: (query: string, modifiers: SuggestFieldItemRendererModifierProps, handleClick: React.MouseEventHandler<HTMLElement>) => JSX.Element | undefined;
|
|
86
82
|
/** If the new item option will always be shown as the first entry in the suggestion list, else it will be the last entry.
|
|
87
83
|
* @default false
|
|
88
84
|
*/
|
|
@@ -112,15 +108,15 @@ export interface AutoCompleteFieldProps<T, UPDATE_VALUE> {
|
|
|
112
108
|
/** Utility that fetches more options when clicked*/
|
|
113
109
|
loadMoreResults?: () => Promise<T[] | undefined>;
|
|
114
110
|
}
|
|
111
|
+
/**
|
|
112
|
+
* @deprecated (v25) replaced by SuggestFieldProps
|
|
113
|
+
*/
|
|
115
114
|
export type IAutoCompleteFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
|
|
116
115
|
/**
|
|
117
|
-
*
|
|
118
|
-
* Use `SuggestField` as replacement.
|
|
119
|
-
*
|
|
120
|
-
* @deprecated
|
|
116
|
+
* @deprecated (support already removed) use `SuggestField` as replacement.
|
|
121
117
|
*/
|
|
122
|
-
|
|
123
|
-
|
|
118
|
+
declare function AutoCompleteField<T, UPDATE_VALUE>(props: AutoCompleteFieldProps<T, UPDATE_VALUE>): React.JSX.Element;
|
|
119
|
+
declare namespace AutoCompleteField {
|
|
124
120
|
var defaultProps: {
|
|
125
121
|
autoFocus: boolean;
|
|
126
122
|
disabled: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from "./AutoCompleteField";
|
|
2
|
+
export * from "./interfaces";
|
|
2
3
|
export declare const autoCompleteFieldUtils: {
|
|
3
4
|
createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./interfaces").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
|
|
4
5
|
};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface SuggestFieldItemRendererModifierProps {
|
|
2
2
|
active: boolean;
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
styleWidth?: IElementWidth;
|
|
5
5
|
highlightingEnabled: boolean;
|
|
6
6
|
}
|
|
7
|
-
/**
|
|
7
|
+
/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps` */
|
|
8
|
+
export type IRenderModifiers = SuggestFieldItemRendererModifierProps;
|
|
9
|
+
/** @deprecated (v25) use `SuggestFieldItemRendererModifierProps["styleWidth"]` */
|
|
8
10
|
export interface IElementWidth {
|
|
9
11
|
minWidth: string;
|
|
10
12
|
maxWidth: string;
|
|
@@ -12,11 +12,6 @@ export interface BreadcrumbListProps extends TestableComponent, Omit<BlueprintBr
|
|
|
12
12
|
Is only used if the breadcrumb item have not defined an own `onClick` handler.
|
|
13
13
|
*/
|
|
14
14
|
onItemClick?(itemUrl: string | undefined, event: object): boolean | void;
|
|
15
|
-
/**
|
|
16
|
-
native attributes for the unordered HTML list (ul)
|
|
17
|
-
@deprecated will be removed because the BlueprintJS `Breadcrumbs` component does not support native `ul` attributes. Use `wrapperProps` as alternate way to add native attributes to a container `div` element.
|
|
18
|
-
*/
|
|
19
|
-
htmlUlProps?: React.HTMLAttributes<HTMLUListElement>;
|
|
20
15
|
/**
|
|
21
16
|
* If set then a `div` element is used as wrapper.
|
|
22
17
|
* It uses the attributes given via this property.
|
|
@@ -39,5 +34,5 @@ export interface BreadcrumbListProps extends TestableComponent, Omit<BlueprintBr
|
|
|
39
34
|
/**
|
|
40
35
|
* Navigation path to the currently show resource or view in the application.
|
|
41
36
|
*/
|
|
42
|
-
export declare const BreadcrumbList: ({ className, onItemClick,
|
|
37
|
+
export declare const BreadcrumbList: ({ className, onItemClick, ignoreOverflow, latenOverflow, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherBlueprintBreadcrumbsProps }: BreadcrumbListProps) => React.JSX.Element;
|
|
43
38
|
export default BreadcrumbList;
|
|
@@ -3,8 +3,6 @@ import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as Bluepri
|
|
|
3
3
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
4
4
|
import { BadgeProps } from "./../Badge/Badge";
|
|
5
5
|
import { TooltipProps } from "./../Tooltip/Tooltip";
|
|
6
|
-
/** @deprecated will be removed, there is no replacement */
|
|
7
|
-
export type AnchorOrButtonProps = Omit<BlueprintButtonProps, "elementRef" | "icon" | "rightIcon"> | Omit<BlueprintAnchorButtonProps, "elementRef" | "icon" | "rightIcon">;
|
|
8
6
|
interface AdditionalButtonProps {
|
|
9
7
|
/**
|
|
10
8
|
* Always use this when the button triggers an affirmative action, e.g. confirm a process.
|
|
@@ -2,14 +2,6 @@ import React from "react";
|
|
|
2
2
|
import { OverviewItemProps } from "./../OverviewItem/OverviewItem";
|
|
3
3
|
export interface CardHeaderProps extends Omit<OverviewItemProps, "densityHigh" | "hasSpacing"> {
|
|
4
4
|
children: JSX.Element | (JSX.Element | undefined | null)[] | null | undefined;
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated use `whitespaceAmount` option of `<Card />`
|
|
7
|
-
*/
|
|
8
|
-
densityHigh?: OverviewItemProps["densityHigh"];
|
|
9
|
-
/**
|
|
10
|
-
* @deprecated use `whitespaceAmount` option of `<Card />`
|
|
11
|
-
*/
|
|
12
|
-
hasSpacing?: OverviewItemProps["hasSpacing"];
|
|
13
5
|
}
|
|
14
|
-
export declare const CardHeader: ({ children, className,
|
|
6
|
+
export declare const CardHeader: ({ children, className, ...otherProps }: CardHeaderProps) => React.JSX.Element;
|
|
15
7
|
export default CardHeader;
|
|
@@ -14,7 +14,6 @@ export interface AlertDialogProps extends Omit<SimpleDialogProps, "intent"> {
|
|
|
14
14
|
*/
|
|
15
15
|
danger?: boolean;
|
|
16
16
|
}
|
|
17
|
-
export type IAlertDialogProps = AlertDialogProps;
|
|
18
17
|
/**
|
|
19
18
|
* Special element to display alert notification in modal dialogs.
|
|
20
19
|
* Inherits all properties from `SimpleDialog`, except `intent`.
|
|
@@ -16,11 +16,6 @@ export interface GridProps extends Omit<CarbonGridProps<"article" | "section" |
|
|
|
16
16
|
* Provide a HTML element name to render instead of the default `div`.
|
|
17
17
|
*/
|
|
18
18
|
as?: "article" | "section" | "div";
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated
|
|
21
|
-
* This is set always by default.
|
|
22
|
-
*/
|
|
23
|
-
fullWidth?: boolean;
|
|
24
19
|
}
|
|
25
20
|
/**
|
|
26
21
|
* Layouts a grid that can contain rows and columns.
|
|
@@ -19,15 +19,10 @@ export interface GridColumnProps extends Omit<CarbonGridColumnProps<"div">, "max
|
|
|
19
19
|
* Overwrite column sizes by using the original size config of the Carbon grid column.
|
|
20
20
|
*/
|
|
21
21
|
carbonSizeConfig?: Pick<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm">;
|
|
22
|
-
/**
|
|
23
|
-
* @deprecated
|
|
24
|
-
* Grid column always uses full width if it is the only column and does not have any othe size config.
|
|
25
|
-
*/
|
|
26
|
-
full?: boolean;
|
|
27
22
|
}
|
|
28
23
|
/**
|
|
29
24
|
* Grid columns can be used in grid rows.
|
|
30
25
|
* They can contain other grids if this is necessary for more complex layouts.
|
|
31
26
|
*/
|
|
32
|
-
export declare const GridColumn: ({ children, className, small, medium,
|
|
27
|
+
export declare const GridColumn: ({ children, className, small, medium, verticalAlign, carbonSizeConfig, ...otherProps }: GridColumnProps) => React.JSX.Element;
|
|
33
28
|
export default GridColumn;
|
|
@@ -30,7 +30,7 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
|
|
|
30
30
|
className?: string;
|
|
31
31
|
/**
|
|
32
32
|
* Description for icon as accessibility fallback.
|
|
33
|
-
* @deprecated Use `title` as replacement.
|
|
33
|
+
* @deprecated (v25) Use `title` as replacement.
|
|
34
34
|
*/
|
|
35
35
|
description?: string;
|
|
36
36
|
/**
|
|
@@ -38,7 +38,7 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
|
|
|
38
38
|
*/
|
|
39
39
|
tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
|
|
40
40
|
/**
|
|
41
|
-
* @deprecated Use `title` as replacement.
|
|
41
|
+
* @deprecated (v25) Use `title` as replacement.
|
|
42
42
|
*/
|
|
43
43
|
iconTitle?: CarbonIconProps["title"];
|
|
44
44
|
}
|
|
@@ -8,11 +8,6 @@ export interface IconProps extends Omit<BaseIconProps, "iconComponent"> {
|
|
|
8
8
|
*/
|
|
9
9
|
name: ValidIconName | string[];
|
|
10
10
|
}
|
|
11
|
-
/**
|
|
12
|
-
* Returns the first icon name that exists or the fallback icon name.
|
|
13
|
-
* @deprecated use `iconUtils.findExistingIconName`
|
|
14
|
-
*/
|
|
15
|
-
export declare const findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
|
|
16
11
|
export declare const iconUtils: {
|
|
17
12
|
findExistingIconName: (iconNames: string[], fallbackIconName?: ValidIconName) => ValidIconName;
|
|
18
13
|
};
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import * as icons from "@carbon/react/icons";
|
|
2
2
|
import { CarbonIconType as IconType } from "@carbon/react/icons";
|
|
3
|
-
export type CarbonIconType = IconType;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated
|
|
6
|
-
* use CarbonIconType instead
|
|
7
|
-
*/
|
|
8
|
-
export type IconSized = CarbonIconType;
|
|
9
3
|
declare const canonicalIcons: {
|
|
10
4
|
"application-activities": icons.CarbonIconType;
|
|
11
5
|
"application-dataintegration": icons.CarbonIconType;
|
|
@@ -164,6 +158,7 @@ declare const canonicalIcons: {
|
|
|
164
158
|
"form-template": icons.CarbonIconType;
|
|
165
159
|
undefined: icons.CarbonIconType;
|
|
166
160
|
};
|
|
167
|
-
export type ValidIconName = keyof typeof canonicalIcons;
|
|
168
161
|
declare const canonicalIconNames: Record<ValidIconName, CarbonIconType>;
|
|
162
|
+
export type CarbonIconType = IconType;
|
|
163
|
+
export type ValidIconName = keyof typeof canonicalIcons;
|
|
169
164
|
export default canonicalIconNames;
|
|
@@ -3,12 +3,12 @@ import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
|
|
|
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
|
+
/** @deprecated (v25) use MultiSuggestFieldSelectionProps */
|
|
6
7
|
export interface MultiSelectSelectionProps<T> {
|
|
7
8
|
newlySelected?: T;
|
|
8
9
|
selectedItems: T[];
|
|
9
10
|
createdItems: Partial<T>[];
|
|
10
11
|
}
|
|
11
|
-
export type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
|
|
12
12
|
interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
|
|
13
13
|
/**
|
|
14
14
|
* Additional class name, space separated.
|
|
@@ -104,6 +104,7 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
|
|
|
104
104
|
*/
|
|
105
105
|
searchPredicate?: (item: T, query: string) => boolean;
|
|
106
106
|
}
|
|
107
|
+
/** @deprecated (v25) use MultiSuggestFieldProps */
|
|
107
108
|
export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
|
|
108
109
|
/**
|
|
109
110
|
* Predefined selected values
|
|
@@ -118,14 +119,11 @@ export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
|
|
|
118
119
|
prePopulateWithItems?: boolean;
|
|
119
120
|
});
|
|
120
121
|
/**
|
|
121
|
-
*
|
|
122
|
-
*
|
|
123
|
-
*
|
|
124
|
-
* This component will be re-implemented later as a `Select` allowing multiple selections.
|
|
125
|
-
* @deprecated
|
|
122
|
+
* This component will be re-implemented as `Select` like element allowing multiple selections (or a `Select` option).
|
|
123
|
+
* New name for this component is `MultiSuggestField`.
|
|
126
124
|
*/
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
|
|
126
|
+
declare namespace MultiSelect {
|
|
129
127
|
var ofType: typeof BlueprintMultiSelect.ofType;
|
|
130
128
|
}
|
|
131
129
|
export default MultiSelect;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { MultiSelectProps } from "../MultiSelect/MultiSelect";
|
|
3
|
-
export type
|
|
2
|
+
import { MultiSelectProps, MultiSelectSelectionProps } from "../MultiSelect/MultiSelect";
|
|
3
|
+
export type MultiSuggestFieldSelectionProps<T> = MultiSelectSelectionProps<T>;
|
|
4
|
+
export interface MultiSuggestFieldProps<T> extends Omit<MultiSelectProps<T>, "onSelection"> {
|
|
5
|
+
/**
|
|
6
|
+
* function handler that would be called anytime an item is selected/deselected or an item is created/removed
|
|
7
|
+
*/
|
|
8
|
+
onSelection?: (params: MultiSuggestFieldSelectionProps<T>) => void;
|
|
9
|
+
}
|
|
4
10
|
/**
|
|
5
11
|
* Element behaves very similar to `SuggestField` but allows multiple selections.
|
|
6
12
|
* Its value does not represent a string but a stack of objects.
|
|
@@ -8,3 +14,6 @@ export type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
|
|
|
8
14
|
* Example usage: input field for user created tags.
|
|
9
15
|
*/
|
|
10
16
|
export declare function MultiSuggestField<T>({ className, ...otherProps }: MultiSuggestFieldProps<T>): React.JSX.Element;
|
|
17
|
+
export declare namespace MultiSuggestField {
|
|
18
|
+
var ofType: typeof import("@blueprintjs/select").MultiSelect.ofType;
|
|
19
|
+
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ToastProps as BlueprintToastProps } from "@blueprintjs/core";
|
|
3
3
|
import { TestableComponent } from "../interfaces";
|
|
4
|
-
import { ValidIconName } from "./../Icon/canonicalIconNames";
|
|
5
4
|
import { IconProps } from "./../Icon/Icon";
|
|
6
5
|
import { TestIconProps } from "./../Icon/TestIcon";
|
|
7
6
|
export interface NotificationProps extends TestableComponent, Omit<BlueprintToastProps, "message" | "action" | "icon" | "intent">, React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -32,13 +31,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
32
31
|
* This defines the colorization and the icon symbol.
|
|
33
32
|
*/
|
|
34
33
|
danger?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* @deprecated
|
|
37
|
-
* Notification uses the the given space more flexible.
|
|
38
|
-
* Deprecation notice: Property name will removed in future versions.
|
|
39
|
-
* Please use `flexWidth`.
|
|
40
|
-
*/
|
|
41
|
-
fullWidth?: boolean;
|
|
42
34
|
/**
|
|
43
35
|
* Notification uses the the given space more flexible.
|
|
44
36
|
* Default notification is displayed in min and max limits.
|
|
@@ -50,11 +42,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
50
42
|
* Set it to false if you need to prevent automatically set icon regarding the notification type.
|
|
51
43
|
*/
|
|
52
44
|
icon?: false | React.ReactElement<IconProps> | React.ReactElement<TestIconProps>;
|
|
53
|
-
/**
|
|
54
|
-
* @deprecated
|
|
55
|
-
* Icon used as depiction that is displayed with the notification.
|
|
56
|
-
*/
|
|
57
|
-
iconName?: ValidIconName | null;
|
|
58
45
|
/**
|
|
59
46
|
* If set then a `div` element is used as wrapper.
|
|
60
47
|
* It uses the attributes given via this property.
|
|
@@ -65,5 +52,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
|
|
|
65
52
|
* Displays a notification message, optionally combined with depiction and further action buttons.
|
|
66
53
|
* By default it uses colorization of an blueish info alert.
|
|
67
54
|
*/
|
|
68
|
-
export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral,
|
|
55
|
+
export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: NotificationProps) => React.JSX.Element;
|
|
69
56
|
export default Notification;
|
|
@@ -41,7 +41,4 @@ export interface SelectProps<T> extends TestableComponent, Omit<BlueprintSelectP
|
|
|
41
41
|
* **Use this input element when the value is primarily selected from a defined set of elements.**
|
|
42
42
|
*/
|
|
43
43
|
export declare function Select<T>({ contextOverlayProps, className, children, text, placeholder, icon, rightIcon, onClearanceHandler, inputProps, onClearanceText, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, ...otherSelectProps }: SelectProps<T>): React.JSX.Element;
|
|
44
|
-
export declare namespace Select {
|
|
45
|
-
var ofType: <U>() => (props: SelectProps<U>) => React.JSX.Element;
|
|
46
|
-
}
|
|
47
44
|
export default Select;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
type SpinnerPosition = "local" | "inline" | "global";
|
|
4
|
+
type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
|
|
5
|
+
type SpinnerStroke = "thin" | "medium" | "bold";
|
|
6
6
|
type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
|
|
7
7
|
/** A spinner that is either displayed globally or locally. */
|
|
8
8
|
export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { AutoCompleteFieldProps } from "../AutocompleteField/AutoCompleteField";
|
|
3
|
+
/**
|
|
4
|
+
* Parameters for the auto-complete field parameterized by T and U.
|
|
5
|
+
* @param T is the input data structure/type of the items that can be selected.
|
|
6
|
+
* @param UPDATE_VALUE The value type that will be pushed into the onChange callback.
|
|
7
|
+
*/
|
|
3
8
|
export type SuggestFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
|
|
4
9
|
/**
|
|
5
10
|
* A component with the appearance of an input field that allows to select and optionally create new items.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export * from "./SuggestField";
|
|
2
2
|
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("
|
|
3
|
+
createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("..").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
|
|
4
4
|
};
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@carbon/react";
|
|
3
|
-
type
|
|
4
|
-
export type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
|
|
3
|
+
export type TableRowHeightSize = "small" | "medium" | "large";
|
|
5
4
|
type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
|
|
6
5
|
export interface TableProps extends Omit<CarbonTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
|
|
7
6
|
/**
|
|
8
7
|
* Sets basically the height of a row inside the table.
|
|
9
|
-
* Please use only `small`, `medium` and `large`.
|
|
10
|
-
* `compact` and `tall` are deprecated.
|
|
11
8
|
*/
|
|
12
9
|
size?: TableRowHeightSize;
|
|
13
10
|
/**
|
|
@@ -34,11 +34,6 @@ export interface TagProps extends Omit<BlueprintTagProps, "active" | "fill" | "i
|
|
|
34
34
|
* Icon displayed left from the tag label.
|
|
35
35
|
*/
|
|
36
36
|
icon?: ValidIconName | React.ReactElement<IconProps> | React.ReactElement<TestIconProps>;
|
|
37
|
-
/**
|
|
38
|
-
* @deprecated
|
|
39
|
-
* **deprecated**, use `minimal=false` plus `emphasis="stronger"`
|
|
40
|
-
*/
|
|
41
|
-
emphasized?: never;
|
|
42
37
|
}
|
|
43
38
|
declare function Tag({ children, className, intent, icon, emphasis, minimal, small, large, backgroundColor, ...otherProps }: TagProps): React.JSX.Element;
|
|
44
39
|
export default Tag;
|
|
@@ -4,26 +4,6 @@ import { IntentTypes } from "../../common/Intent";
|
|
|
4
4
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
5
5
|
import { InvisibleCharacterWarningProps } from "./useTextValidation";
|
|
6
6
|
export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
|
|
7
|
-
/**
|
|
8
|
-
* when set to true the input takes a blue border color
|
|
9
|
-
* @deprecated Use the `intent` property.
|
|
10
|
-
*/
|
|
11
|
-
hasStatePrimary?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* when set to true the input takes a green border color
|
|
14
|
-
* @deprecated Use the `intent` property.
|
|
15
|
-
*/
|
|
16
|
-
hasStateSuccess?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* when set to true the input takes an orange border color
|
|
19
|
-
* @deprecated Use the `intent` property.
|
|
20
|
-
*/
|
|
21
|
-
hasStateWarning?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* when set to true the input takes a red border color
|
|
24
|
-
* @deprecated Use the `intent` property.
|
|
25
|
-
*/
|
|
26
|
-
hasStateDanger?: boolean;
|
|
27
7
|
/**
|
|
28
8
|
* Intent state of the text area.
|
|
29
9
|
*/
|
|
@@ -48,5 +28,5 @@ export interface TextAreaProps extends Omit<BlueprintTextAreaProps, "intent"> {
|
|
|
48
28
|
*/
|
|
49
29
|
wrapperDivProps?: Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
|
|
50
30
|
}
|
|
51
|
-
export declare const TextArea: ({ className,
|
|
31
|
+
export declare const TextArea: ({ className, rows, invisibleCharacterWarning, leftIcon, rightElement, wrapperDivProps, intent, ...otherBlueprintTextAreaProps }: TextAreaProps) => React.JSX.Element;
|
|
52
32
|
export default TextArea;
|
|
@@ -1,29 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { HTMLInputProps,
|
|
2
|
+
import { HTMLInputProps, InputGroupProps as BlueprintInputGroupProps, MaybeElement } from "@blueprintjs/core";
|
|
3
3
|
import { IntentTypes } from "../../common/Intent";
|
|
4
4
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
5
5
|
import { InvisibleCharacterWarningProps } from "./useTextValidation";
|
|
6
|
-
export interface TextFieldProps extends Partial<Omit<
|
|
7
|
-
/**
|
|
8
|
-
* The input element is displayed with primary color scheme.
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
11
|
-
hasStatePrimary?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* The input element is displayed with success (some type of green) color scheme.
|
|
14
|
-
* @deprecated
|
|
15
|
-
*/
|
|
16
|
-
hasStateSuccess?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* The input element is displayed with warning (some type of orange) color scheme.
|
|
19
|
-
* @deprecated
|
|
20
|
-
*/
|
|
21
|
-
hasStateWarning?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* The input element is displayed with danger (some type of red) color scheme.
|
|
24
|
-
* @deprecated
|
|
25
|
-
*/
|
|
26
|
-
hasStateDanger?: boolean;
|
|
6
|
+
export interface TextFieldProps extends Partial<Omit<BlueprintInputGroupProps, "intent" | "leftIcon" | "leftElement"> & HTMLInputProps> {
|
|
27
7
|
/**
|
|
28
8
|
* Intent state of the text field.
|
|
29
9
|
*/
|
|
@@ -46,5 +26,5 @@ export interface TextFieldProps extends Partial<Omit<InputGroupProps2, "intent"
|
|
|
46
26
|
/**
|
|
47
27
|
* Text input field.
|
|
48
28
|
*/
|
|
49
|
-
export declare const TextField: ({ className,
|
|
29
|
+
export declare const TextField: ({ className, fullWidth, leftIcon, invisibleCharacterWarning, escapeToBlur, intent, ...otherBlueprintInputGroupProps }: TextFieldProps) => React.JSX.Element;
|
|
50
30
|
export default TextField;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TooltipProps as BlueprintTooltipProps } from "@blueprintjs/core";
|
|
3
|
-
import {
|
|
3
|
+
import { MarkdownProps } from "./../../cmem/markdown/Markdown";
|
|
4
4
|
export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
5
5
|
/**
|
|
6
6
|
* Add dotted underline as visual indication to the target that a tooltip is attached.
|
|
@@ -24,7 +24,7 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
|
24
24
|
/**
|
|
25
25
|
* Set properties for the Markdown parser
|
|
26
26
|
*/
|
|
27
|
-
markdownProps?: Omit<
|
|
27
|
+
markdownProps?: Omit<MarkdownProps, "children">;
|
|
28
28
|
}
|
|
29
29
|
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, ...otherProps }: TooltipProps) => React.JSX.Element;
|
|
30
30
|
export default Tooltip;
|
|
@@ -11,19 +11,16 @@ export interface HighlighterProps {
|
|
|
11
11
|
export declare function Highlighter({ label, searchValue }: HighlighterProps): React.JSX.Element;
|
|
12
12
|
/**
|
|
13
13
|
* Extracts search words separated by white space.
|
|
14
|
-
* @deprecated moved to `highlighterUtils.extractSearchWords`
|
|
15
14
|
*/
|
|
16
|
-
|
|
15
|
+
declare function extractSearchWords(textQuery: string, toLowerCase?: boolean): string[];
|
|
17
16
|
/**
|
|
18
17
|
* Returns true if all search words are included in the given text
|
|
19
|
-
* @deprecated moved to `highlighterUtils.matchesAllWords`
|
|
20
18
|
*/
|
|
21
|
-
|
|
19
|
+
declare function matchesAllWords(text: string, searchWords: string[]): boolean;
|
|
22
20
|
/**
|
|
23
21
|
* Creates a case-insensitive multi-word regex, that matches any of the given words.
|
|
24
|
-
* @deprecated moved to `highlighterUtils.createMultiWordRegex`
|
|
25
22
|
*/
|
|
26
|
-
|
|
23
|
+
declare function createMultiWordRegex(multiWordQuery: string[], global?: boolean): RegExp;
|
|
27
24
|
export declare const highlighterUtils: {
|
|
28
25
|
extractSearchWords: typeof extractSearchWords;
|
|
29
26
|
matchesAllWords: typeof matchesAllWords;
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import { createMultiWordRegex, extractSearchWords, matchesAllWords } from "./Highlighter";
|
|
2
|
-
export declare const HighlighterFunctions: {
|
|
3
|
-
extractSearchWords: typeof extractSearchWords;
|
|
4
|
-
matchesAllWords: typeof matchesAllWords;
|
|
5
|
-
createMultiWordRegex: typeof createMultiWordRegex;
|
|
6
|
-
};
|
|
7
1
|
export * from "./Highlighter";
|
|
8
2
|
export * from "./HtmlContentBlock";
|
|
9
3
|
export * from "./OverflowText";
|
|
@@ -26,7 +26,6 @@ export * from "./Menu";
|
|
|
26
26
|
export * from "./MultiSelect/MultiSelect";
|
|
27
27
|
export * from "./MultiSuggestField/MultiSuggestField";
|
|
28
28
|
export * from "./Notification";
|
|
29
|
-
export * from "./NumericInput/NumericInput";
|
|
30
29
|
export * from "./OverviewItem";
|
|
31
30
|
export * from "./Pagination/Pagination";
|
|
32
31
|
export * from "./ProgressBar";
|