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
+113-4Lines changed: 113 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,9 +10,118 @@ This is a major release, and it might be not compatible with your current usage
10
10
11
11
### Added
12
12
13
-
- Extended existing height and readOnly props from `CodeEditorProps` to `AutoSuggestionProps` & `ExtendedCodeEditorProps` to be configurable from `<CodeAutocompleteField />`
14
-
- `<CodeAutocompleteField />:
15
-
- outerDivAttributes parameter: Allows to set parameter of the container div element of the code complete field.
13
+
-`<EdgeStraight />`
14
+
- it's basically `<EdgeDefault />` without any special configs
15
+
-`<EdgeBezier />`
16
+
- only supported for v12, in v9 as straight edge is used
17
+
- use `curvature` property in the edge `data` object to define the bezier layout (0..1, default: 0.25)
18
+
-`<EdgeDefaultV12 />`
19
+
- the `data` object provides `markerAppearance` to set and remove the edge arrows
20
+
-`<EdgeNew />`
21
+
- component for React Flow v12, displaying new connection lines
22
+
-`<VisualTour />`
23
+
- component to display a visual tour multi-step tour of the current view
24
+
- new color palette that includes 4 sections with 20+ color tints in 5 weights each
25
+
- indentity, semantic, layout, extra
26
+
- managed via CSS custom properties
27
+
- see `README.md` for inf about usage
28
+
- SCSS color functions
29
+
-`eccgui-color-var`: returns a var of a custom property used for palette color
30
+
-`eccgui-color-mix`: mix 2 colors in `srgb`, works with all types of color values and CSS custom properties
31
+
-`eccgui-color-rgba`: like `rgba()` but it works also for CSS custom properties
32
+
-`colorCalculateDistance()`
33
+
- function to calculate the difference between 2 colors using the simple CIE76 formula
34
+
-`textToColorHash()`
35
+
- function to calculate a color from a text string
36
+
- new icons
37
+
-`artefact-task-sqlupdatequeryoperator`
38
+
-`artefact-task-customsqlexecution`
39
+
40
+
### Removed
41
+
42
+
- support for React Flow v10 was completely removed
43
+
44
+
### Fixed
45
+
46
+
-`<Modal />`:
47
+
- 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.
48
+
49
+
### Changed
50
+
51
+
-`<EdgeDefault />` and `<EdgeStep />`
52
+
- support now v9 and v12 of react flow
53
+
-`<ReactFlowExtended />`
54
+
- use `<EdgeNew />` by default for new connection lines, you can overwrite it by setting `connectionLineComponent` to `undefined`
55
+
- overrite the native SCSS `rgba()` function, so it now works for SCSS color values and CSS custom properties
56
+
-`getColorConfiguration()` works with CSS custom properties
57
+
58
+
### Deprecated
59
+
60
+
- support for React Flow v9 will be removed in v26
61
+
-`<EdgeDefs />`
62
+
- use `<ReactFlowMarkers />` or build it on single `<ReactFlowMarker />`
63
+
- property names returned by `getCOlorConfiguration` were changed to kebab case because they are originally defined via CSS custom properties
64
+
- e.g. `graphNode` is now `eccgui-graph-node` and `graphNodeBright` is `eccgui-graph-node-bright`
65
+
66
+
## [24.4.1] - 2025-08-25
67
+
68
+
### Fixed
69
+
70
+
- React flow v12:
71
+
- add missing styles from react flow library to ensure proper functionality of new connection lines
72
+
-`<Tooltip />`
73
+
- re-check hover state after swapping the placeholder before triggering the event bubbling
74
+
75
+
### Changed
76
+
77
+
-`<IconButton/>`
78
+
- increase the default delay before swapping the tooltip placeholder of the icon, reducing unwanted swaps because of mouseovers that were not intended
79
+
-`IntentBaseTypes` now available via root export
80
+
- some `intent` properties support less or more intent types, in case you need to test supported types before, then you can use it directly from the component interface, e.g. `TextFieldProps["intent"]`
81
+
82
+
### Added
83
+
84
+
-`application-colors` and `data-color` icons, both represented by the Carbon `ColorPalette` icon
85
+
86
+
## [24.3.1] - 2025-08-21
87
+
88
+
### Fixed
89
+
90
+
- React flow v12:
91
+
- add missing styles from react flow library to ensure proper functionality of new connection lines
92
+
93
+
## [24.4.0] - 2025-08-07
94
+
95
+
### Added
96
+
97
+
-`<ExtendedCodeEditor />`
98
+
-`height` and `readOnly` properties to forward them to `<CodeEditor/>`
99
+
-`<CodeAutocompleteField />`:
100
+
-`outerDivAttributes` property: allows to set parameter of the container element
101
+
-`height` and `readOnly` properties to forward them to `<ExtendedCodeEditor/>`
102
+
-`<ActivityControlWidget />`
103
+
-`additionalActions` property to include other more complex components between the action buttons and the context menu of the widget
104
+
-`<Tooltip />`
105
+
-`swapPlaceholderDelay` property to allow configuration of the delay time before the placeholder element is replaced by the actual tooltip component
106
+
107
+
### Fixed
108
+
109
+
-`<CodeEditor />`
110
+
- Editor is re-created after certain property changes and is reset, i.e. loses it current state.
111
+
- Enter key handling (adding new line) was broken when `onKeyDown` is defined.
112
+
-`<CodeAutocompleteField />`
113
+
- First auto-completion item not marked as active when drop down first shown.
114
+
- Read-only mode does not work correctly. It is still possible to change the value via pressing Enter (in multiline mode) or clicking the clear button.
115
+
116
+
### Changed
117
+
118
+
-`<NodeContent />`
119
+
- prevent start of a react flow drag action of a node when user clicks in the node menu section
120
+
121
+
### Deprecated
122
+
123
+
-`<CodeEditor />`
124
+
-`onChange` property: support for `(v: any) => void` type will be exchanged to more specific `(v: string) => void`
16
125
17
126
## [24.3.0] - 2025-06-05
18
127
@@ -98,7 +207,7 @@ If you use Jest then you can use the same aliases for the `moduleNameMapper` con
98
207
99
208
### Migration from v24 to v25
100
209
101
-
- 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 v24.* changelogs.
210
+
- 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 v24.\* changelogs.
102
211
- we changed the integration of the supported react flow versions, formerly names `legacy` and `next` resources were renamed to more precise `v9` and `v10`, please see all info in the section about changes
All [configuration variables](https://github.com/eccenca/gui-elements/blob/develop/src/configuration/_variables.scss) can be set before importing the full library or the default configuration but for the main changes you should need to change only a few parameters:
32
-
33
-
- Basic colors
34
-
-`$eccgui-color-primary`: color for very important buttons and switches
35
-
-`$eccgui-color-primary-contrast`: readable text color used on primary color areas
36
-
-`$eccgui-color-accent`: color for most conformation buttons, links, etc
37
-
-`$eccgui-color-accent-contrast`: readable text color used on accent color areas
38
-
-`$eccgui-color-applicationheader-text`
39
-
-`$eccgui-color-applicationheader-background`
40
-
-`$eccgui-color-workspace-text`
41
-
-`$eccgui-color-workspace-background`
42
-
- Basic sizes
43
-
-`$eccgui-size-typo-base`: size including absolute unit, currently only `px` is supported
44
-
-`$eccgui-size-typo-base-lineheight`: only ratio to font size, no unit!
45
-
-`$eccgui-size-type-levelratio`: ratio without unit! used to calculate different text sizes based on `$eccgui-size-typo-base`
46
-
-`$eccgui-size-block-whitespace`: white space between block level elements, currently only `px` is supported
31
+
All [configuration variables](https://github.com/eccenca/gui-elements/blob/develop/src/configuration/_variables.scss) can be set before importing the full library or the default configuration but for the main properties you should need to change only a few parameters
32
+
33
+
#### Colors
34
+
35
+
Since v25 we use a color palette as basic foundation for color configurations. The palette is defined in 4 sections containing various color tints, each tint includes 5 different weights from 100 (light color) to 900 (dark color).
36
+
37
+
The default palette can be overwritten if it is defined before the configuration or full library is imported to your Sass styles. The palette need to be defined entirely, we currently don't support overwriting it partly.
All palette colors will be transformed into CSS custom properties automatically and can be referenced by name scheme `--eccgui-color-palette-{groupname}-{colortint}-{colorweight}`, e.g. `--eccgui-color-palette-identity-brand-100`.
76
+
77
+
All other colors are based on the palette but it is still possible to set them before the default values are used by importing the configuration or the full library.
78
+
79
+
-`$eccgui-color-primary`: color for very important buttons and switches
80
+
-`$eccgui-color-primary-contrast`: readable text color used on primary color areas
81
+
-`$eccgui-color-accent`: color for most conformation buttons, links, etc
82
+
-`$eccgui-color-accent-contrast`: readable text color used on accent color areas
83
+
-`$eccgui-color-applicationheader-text`
84
+
-`$eccgui-color-applicationheader-background`
85
+
-`$eccgui-color-workspace-text`
86
+
-`$eccgui-color-workspace-background`
87
+
88
+
#### Sizes
89
+
90
+
-`$eccgui-size-typo-base`: size including absolute unit, currently only `px` is supported
91
+
-`$eccgui-size-typo-base-lineheight`: only ratio to font size, no unit!
92
+
-`$eccgui-size-type-levelratio`: ratio without unit! used to calculate different text sizes based on `$eccgui-size-typo-base`
93
+
-`$eccgui-size-block-whitespace`: white space between block level elements, currently only `px` is supported
47
94
48
95
## Development
49
96
@@ -125,7 +172,7 @@ After you tested the GUI elements package locally you can Clean up your applicat
125
172
3. Pull request from release branch into `main` need to be approved
126
173
- then ["Publish: final release "](https://github.com/eccenca/gui-elements/actions/workflows/publish-final-release.yml) can be used on `main` (or `next` and `legacy`) to publish final release packages
127
174
- another PR is automatically created for changes done during publishing process
0 commit comments