@eccenca/gui-elements 23.0.0-rc.7 → 23.0.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 +23 -19
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,29 +5,33 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
5
5
|
|
|
6
6
|
## [Unreleased]
|
|
7
7
|
|
|
8
|
+
## [23.0.0] - 2022-11-18
|
|
9
|
+
|
|
8
10
|
### Added
|
|
9
11
|
|
|
10
12
|
* `<CodeEditor />` element based on `CodeMirror` library, supporting Markdown, Python, Sparql, SQL, Turtle and XML syntax
|
|
11
|
-
*
|
|
12
|
-
* `<
|
|
13
|
-
* `<ReactFlowMarkers />` custom markers for ReactFlow edges, currently one new marker `arrowClosed-inverse` available
|
|
14
|
-
* `EdgeDefault.data.markerStart` param allows to add a marker to the edge starting point
|
|
15
|
-
* `EdgeDefault.data.inversePath` param allows to inverse the edge direction
|
|
16
|
-
* `EdgeDefault.data.renderLabel` function allows to render fully custom edge label including any ReactNode
|
|
17
|
-
* new `<HoverToggler />` element that allows to switch elements when hovered over.
|
|
18
|
-
* `StickyNoteNode`, usable by `stickynote` type in react flow editors for workflows and linking rules
|
|
19
|
-
* add option for `footerContent` to react flow node data
|
|
20
|
-
* add `decideContrastColorValue` method to `Utilities`, can be used to get a second color related to the lightness of the testes input color
|
|
21
|
-
* `<AutoSuggestion>`: new properties `autoCompletionRequestDelay` and `validationRequestDelay`, to configure the delay when a request is sent after nothing is typed in anymore.
|
|
22
|
-
* `<FieldItemRow`: new property `justifyItemWidths` to display all children using equal width inside the row
|
|
23
|
-
* `<BreadcrumbList />`: new properties `ignoreOverflow` and `latenOverflow`, that can be used to implement a second overflow strategy beside BlueprintJS overflow list, for example in case the overflow list leads to re-rendering loops
|
|
24
|
-
* new `<InteractionGate />` element that can wrap content that need to be blocked from user interactions, it also has options to display a spinner as overlay
|
|
25
|
-
* `<Spinner />`: new `showLocalBackdrop` property to include backdrop behind spinner making the background less visible
|
|
26
|
-
* `ContextMenu.disabled` parameter that if set to true disables the button to open the menu.
|
|
27
|
-
* `<Tooltip />`: new properties `markdownEnabler` and `markdownProps` to enable better formatted tooltips with options for line breaks, etc.
|
|
13
|
+
* `<HoverToggler />` element that allows to switch elements when hovered over.
|
|
14
|
+
* `<InteractionGate />` element that can wrap content that need to be blocked from user interactions, it also has options to display a spinner as overlay
|
|
28
15
|
* `<Tree />` component
|
|
29
16
|
* `<TabPanel />` component that can be used if `<Tabs />` is used in uncontrolled mode.
|
|
30
|
-
* `<
|
|
17
|
+
* `<ReactFlowMarkers />` custom markers for ReactFlow edges, currently one new marker `arrowClosed-inverse` available
|
|
18
|
+
* `<StickyNoteNode />`, usable by `stickynote` type in react flow editors for workflows and linking rules
|
|
19
|
+
* `CssCustomProperties` and `getColorConfiguration` utilities can be used to exchange color configurations between SCSS and JS
|
|
20
|
+
* `decideContrastColorValue` method to get a second color related to the lightness of the testes input color
|
|
21
|
+
* `<SimpleDialog />`: properties `showFullScreenToggler` and `startInFullScreenMode`
|
|
22
|
+
* `<EdgeDefault />`: new properties for the edge data
|
|
23
|
+
* `markerStart` allows to add a marker to the edge starting point
|
|
24
|
+
* `inversePath` allows to inverse the edge direction
|
|
25
|
+
* `renderLabel` function to render fully custom edge label including any ReactNode
|
|
26
|
+
* `<NodeContent />`: property `footerContent` to add footer content to a react flow node
|
|
27
|
+
* `<AutoSuggestion>`: properties `autoCompletionRequestDelay` and `validationRequestDelay`, to configure the delay when a request is sent after nothing is typed in anymore.
|
|
28
|
+
* `<FieldItemRow`: property `justifyItemWidths` to display all children using equal width inside the row
|
|
29
|
+
* `<BreadcrumbList />`: properties `ignoreOverflow` and `latenOverflow`, that can be used to implement a second overflow strategy beside BlueprintJS overflow list, for example in case the overflow list leads to re-rendering loops
|
|
30
|
+
* `<Spinner />`: `showLocalBackdrop` property to include backdrop behind spinner making the background less visible
|
|
31
|
+
* `<ContextMenu />`: `disabled` property that disables the button to open the menu.
|
|
32
|
+
* `<Tooltip />`: properties `markdownEnabler` and `markdownProps` to enable better formatted tooltips with options for line breaks, etc.
|
|
33
|
+
* `<AutoCompleteField />`: `onlyDropdownWithQuery` property to prevent dropdown as long as the input field is empty
|
|
34
|
+
* large addition to the Storybook, we almost doubled available components and stories
|
|
31
35
|
|
|
32
36
|
### Fixed
|
|
33
37
|
|
|
@@ -49,7 +53,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
49
53
|
* this comes also with a necessary switch from `node-sass` to `sass` package, a javascript port from the original dart sass library, see migration notes to update your build process
|
|
50
54
|
* `<TextField />` and `<AutoCompleteField />` now include a `title` attribute on the natively used `input` element to show the value if it is `disabled` or `readOnly`
|
|
51
55
|
* flashing color regarding the intent state of a `<TextField />`
|
|
52
|
-
* AutoCompleteField
|
|
56
|
+
* `<AutoCompleteField />`: Add 'hasBackDrop' parameter to use a backdrop for its popover in order for outside clicks to always close the popover. Default: false
|
|
53
57
|
|
|
54
58
|
### Migration notes
|
|
55
59
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eccenca/gui-elements",
|
|
3
3
|
"description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
|
|
4
|
-
"version": "23.0.0
|
|
4
|
+
"version": "23.0.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"homepage": "https://github.com/eccenca/gui-elements",
|
|
7
7
|
"bugs": "https://github.com/eccenca/gui-elements/issues",
|