You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+52-19Lines changed: 52 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,12 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
8
8
9
9
This is a major release, and it might be not compatible with your current usage of our library. Please read about the necessary changes in the section about how to migrate.
10
10
11
+
### Migration from v24 to v25
12
+
13
+
- remove deprecated components, properties and imports from your project, if the info cannot be found here then it was already mentioned in **Deprecated** sections of the past changelogs
14
+
- in case you set your own colors before importing GUI elements you need to update your configuration to the new color palette structure, see `README.md`
15
+
- change `intent="primary"` to `intent="accent"` for `<Button />`, `<IconButton />` and `<Spinner />`, if supported you may check if it is better to use `affirmative={true}` or `elevated={true}` instead of `intent`
16
+
11
17
### Added
12
18
13
19
-`<ChatContent />`
@@ -35,24 +41,48 @@ This is a major release, and it might be not compatible with your current usage
35
41
- component for React Flow v12, displaying new connection lines
36
42
-`<VisualTour />`
37
43
- component to display a visual tour multi-step tour of the current view
38
-
- new color palette that includes 4 sections with 20+ color tints in 5 weights each
39
-
- indentity, semantic, layout, extra
40
-
- managed via CSS custom properties
41
-
- see `README.md` for inf about usage
44
+
-`<Button />`
45
+
-`accent` value for `intent` was added to align property with other components
46
+
-`<Spinner />`
47
+
-`accent` value for `intent` was added to align property with other components
48
+
-`elevated` property can be used to highlight the spinner, currently the `intent="accent"` display is used
49
+
-`<Modal />`:
50
+
- Add `ModalContext` to track open/close state of all used application modals.
51
+
- Add `modalId` property to give a modal a unique ID for tracking purposes.
52
+
-`preventReactFlowEvents`: adds 'nopan', 'nowheel' and 'nodrag' classes to overlay classes in order to prevent react-flow to react to drag and pan actions in modals.
53
+
- new `utils` methods
54
+
-`colorCalculateDistance()`: calculates the difference between 2 colors using the simple CIE76 formula
55
+
-`textToColorHash()`: calculates a color from a text string
56
+
-`reduceToText`: shrinks HTML content and React elements to plain text, used for `<TextReducer />`
57
+
-`decodeHtmlEntities`: decode a string of HTML text, map HTML entities back to UTF-8 chars
42
58
- SCSS color functions
43
59
-`eccgui-color-var`: returns a var of a custom property used for palette color
44
60
-`eccgui-color-mix`: mix 2 colors in `srgb`, works with all types of color values and CSS custom properties
45
61
-`eccgui-color-rgba`: like `rgba()` but it works also for CSS custom properties
46
-
-`colorCalculateDistance()`
47
-
-function to calculate the difference between 2 colors using the simple CIE76 formula
48
-
-`textToColorHash()`
49
-
-function to calculate a color from a text string
50
-
-new icons
62
+
-Color palette: includes 4 sections with 20+ color tints in 5 weights each
63
+
-indentity, semantic, layout, extra
64
+
-managed via CSS custom properties
65
+
-see `README.md` for more information about usage
66
+
-New icons
51
67
-`artefact-task-sqlupdatequeryoperator`
52
68
-`artefact-task-customsqlexecution`
69
+
-`item-legend`
70
+
-`operation-tour`
71
+
-`toggler-carettop`
72
+
-`toggler-caretleft`
73
+
-`toggler-micon`
74
+
-`toggler-micoff`
75
+
-`toggler-radio`
76
+
-`toggler-radio-checked`
77
+
-`state-flagged`
78
+
-`state-progress`
79
+
-`state-progress-error`
80
+
-`state-progress-warning`
81
+
- more icons for build tasks
53
82
54
83
### Removed
55
84
85
+
- support for React Flow v10 was completely removed
56
86
- removed direct replacements for legacy components (imported via `@eccenca/gui-elements/src/legacy-replacements` or `LegacyReplacements`)
@@ -65,20 +95,18 @@ This is a major release, and it might be not compatible with your current usage
65
95
-`densityHigh` property was removed
66
96
-`<CodeEditor />`
67
97
- static fallback for test id `codemirror-wrapper` was removed, add `data-test-id` (or your test id data attribute) always directly to `CodeEditor`.
68
-
-`nodeTypes` and `edgeTypes` exports were removed
69
-
- use `<ReactFlow/` with `configuration`, or define it yourself
70
-
- SCSS variables `$eccgui-color-application-text` and `$eccgui-color-application-background` were removed
71
-
- use `$eccgui-color-workspace-text` and `$eccgui-color-workspace-background`
72
-
- support for React Flow v10 was completely removed
73
98
-`<EdgeDefault />`
74
99
- removed `inversePath` property, can be replaced with `arrowDirection: "inversed"` property
75
100
-`<Spinner />`
76
101
-`description` property was removed because it was defined but not implemented for a very long time, but we plan to add that type of caption later
102
+
-`nodeTypes` and `edgeTypes` exports were removed
103
+
- use `<ReactFlow />` with `configuration`, or define it yourself
104
+
- SCSS variables `$eccgui-color-application-text` and `$eccgui-color-application-background` were removed
105
+
- use `$eccgui-color-workspace-text` and `$eccgui-color-workspace-background`
106
+
- Removed `remark-typograf` plugin from `<Markdown />` rendering to maintain display expectation
77
107
78
108
### Fixed
79
109
80
-
-`<Modal />`:
81
-
- Add 'nopan', 'nowheel' and 'nodrag' classes to Modal's overlay classes in order to always prevent react-flow to react to drag and pan actions in modals.
82
110
-`<CodeAutocompleteField />`:
83
111
- In multiline mode, validation errors might be highlighted incorrectly (relative line offset added).
84
112
@@ -93,17 +121,22 @@ This is a major release, and it might be not compatible with your current usage
93
121
-`<OverflowText />`
94
122
- beside explicitly specified properties it allows only basic HTML element properties and testing IDs
95
123
- overrite the native SCSS `rgba()` function, so it now works for SCSS color values and CSS custom properties
96
-
-`getColorConfiguration()` works with CSS custom properties
97
124
-`<SuggestField />`
98
125
- Always add class 'nodrag' to popover content element to always prevent dragging of react-flow and dnd-kit elements when interacting with the component.
126
+
-`utils.getColorConfiguration()` works with CSS custom properties
127
+
- property names returned by `getColorConfiguration` were changed to kebab case because they are originally defined via CSS custom properties
128
+
- e.g. `graphNode` is now `eccgui-graph-node` and `graphNodeBright` is `eccgui-graph-node-bright`
129
+
-`<Button />` and `<IconButton />`
130
+
-`intent` display was aligned with other components, `intent="primary"` is now `intent="accent"`, in most cases it may be better to use `affirmative={true}` or `elevated={true}` instead of primary/accent intent
131
+
-`<Spinner />`
132
+
-`intent` display was aligned with other components, `intent="primary"` is now `intent="accent"`, in most cases it may be better to use `elevated={true}` instead of using intent
133
+
- icons: arrow directions for `list-sortasc` and `list-sortdesc` were switched, up arrow is now used for ascending sort
99
134
100
135
### Deprecated
101
136
102
137
- support for React Flow v9 will be removed in v26
103
138
-`<EdgeDefs />`
104
139
- use `<ReactFlowMarkers />` or build it on single `<ReactFlowMarker />`
105
-
- property names returned by `getCOlorConfiguration` were changed to kebab case because they are originally defined via CSS custom properties
106
-
- e.g. `graphNode` is now `eccgui-graph-node` and `graphNodeBright` is `eccgui-graph-node-bright`
0 commit comments