v26.0.0

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/26.0.0
• Storybook: https://62150dbccb2d77003a2a5093-ofpcsrcxgj.chromatic.com/

This is a major release, and it might not be compatible with your current usage of our library. Please read about the necessary changes in the migration section below.

Migration from v25 to v26

• remove deprecated components, properties and imports from your project; if the info cannot be found here, it was already mentioned in the Deprecated sections of past changelogs
• apply changes mentioned in the Changed subsection

Added

• <NotAvailable />
  • simple placeholder element that can be used to display info about missing data
• <ContentBlobToggler />
  • forceInline property: force inline rendering
• <ContextMenu />
  • togglerSize: replaces the deprecated togglerLarge property
• <MultiSelect />
  • searchListPredicate property: allows filtering of the complete list of search options at once
  • the following optional BlueprintJS properties are now forwarded to override default behaviour: noResults, createNewItemRenderer and itemRenderer
  • isValidNewOption property: checks if an input string is or can be turned into a valid new option
• ActivityControlWidget
  • Support badge on activity control menu button.
• new icons:
  • module-marketplace
  • artefact-ruleblock

Fixed

• <MultiSelect />
  • borders of the BlueprintJS Tag elements were fixed
• extendedTooltip of a handle in the ReactFlow (v12) component does not show the tooltip.
• <CodeEditor />
  • readOnly appearance uses same borders like read-only text fields and it does not display a blinking cursor
• <Button />, <IconButton />
  • outlines for focus by keyboard navigation are more recognizable on buttons with colored backgrounds (intent states)
• <Tooltip />
  • given popoverClassName is added

Changed

• React and its types were updated to v18, so you may hit incompatibilities if you run it with React 16 or 17.
• color library was upgraded from v4 to v5, so the types changed
  • if you forward properties, they can no longer have Color as their type; use ColorLike instead
• @blueprintjs/core library was updated to v6
  • if you use an explicit BlueprintJS import in your project, you need to set "@blueprintjs/core": "6.8.1" and "@blueprintjs/select": "6.1.1"
  • you may need to update class names in your tests (the new prefix is bp6-)
  • Toaster.create is now an async function
• <MultiSelect />
  • by default, if no searchPredicate or searchListPredicate is defined, the filtering is done via case-insensitive multi-word matching
• <ProgressBar />, <MenuItem />, <FieldSet />, <FieldItem />, <Tooltip />, <MultiSuggestField />
  • color for intent="primary" was changed to our brand color
  • new option accent for intent uses the accent color
• <TextField />, <TextArea />
  • switch primary and accent colors

Deprecated

• support for React Flow v9 is retained for now, but will be removed in v27
• <ContextMenu />
  • togglerLarge: replaced by the more versatile togglerSize property
• <MultiSelect />
  • searchPredicate: replaced by searchListPredicate, which is more efficient in some cases
• DefinitionsBlueprint: use IntentBlueprint, this is now usable as type and enum var

Removed

• renamed React Flow types and components; use the new names directly:
  • NodeContentHandleProps: use HandleDefaultProps
  • ReactFlow: use ReactFlowExtended
  • MiniMapV9Props, MiniMapV9, MiniMapV12Props and MiniMapV12: use MiniMapProps and MiniMap; use flowVersion if the React Flow version is not recognized automatically
  • EdgeDefaultV9 and EdgeDefaultV12: use EdgeDefault
  • EdgeDefs: use ReactFlowMarkers
• autoCompleteFieldUtils: use suggestFieldUtils
• CodeMirror.outerDivAttributes: use all properties directly on CodeEditor
• MultiSuggestField.ofType: use <MultiSuggestField<TYPE>>
• StringPreviewContentBlobToggler.firstNonEmptyLineOnly: use useOnly="firstNonEmptyLine"
• color configuration is no longer possible via the previously used SCSS variables
  • $eccgui-color-primary, $eccgui-color-primary-contrast, $eccgui-color-accent, $eccgui-color-accent-contrast,
    $eccgui-color-success-text, $eccgui-color-success-background, $eccgui-color-info-text, $eccgui-color-info-background,
    $eccgui-color-warning-text, $eccgui-color-warning-background, $eccgui-color-danger-text, $eccgui-color-danger-background
  • use $eccgui-color-palette-light instead

v26.0.0-rc.1

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/26.0.0-rc.1
• Changelog: https://github.com/eccenca/gui-elements/blob/v26.0.0-rc.1/CHANGELOG.md#unreleased

v26.0.0-rc.0

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/26.0.0-rc.0
• Changelog: https://github.com/eccenca/gui-elements/blob/v26.0.0-rc.0/CHANGELOG.md#unreleased

v25.2.0

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.2.0
• Storybook: https://62150dbccb2d77003a2a5093-vinldlbinr.chromatic.com/

Added

• <CodeAutocompleteField />
  • Add intent property.
• new icons:
  • state-confirmed-all

Fixed

• <Pagination />
  • improve breakpoints to display widgets for page size and page number inside smaller containers
  • male the breakpoints configurable via SCSS

v25.2.0-rc.0

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.2.0-rc.0
• Changelog: https://github.com/eccenca/gui-elements/blob/v25.2.0-rc.0/CHANGELOG.md#unreleased

v25.1.0

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.1.0
• Storybook: https://62150dbccb2d77003a2a5093-yllzyjdntj.chromatic.com/

Added

• <ActivityControlWidget />
  • Add parameter active to activity control action to set the active state of its button.
  • action now can have a active and notification property
• <ApplicationViewability />
  • component for hiding elements in specific media
• <InlineText />
  • force children to get displayed as inline content
• <DecoupledOverlay />
  • similar to ContextOverlay component but not directly linked to a React element, it specifies the target in the DOM to get connected lazy
• <StringPreviewContentBlobToggler />
  • useOnly property: specify if only parts of the content should be used for the shortened preview, this property replaces firstNonEmptyLineOnly
• <ContextOverlay />
  • paddingSize property to add easily some white space
• <CodeEditor />
  • toolbar in markdown mode provides a user config menu for the editor appearance
• <RadioButton />
  • hideIndicator property: hide the radio inout indicator but click on children can be processed via onChange event
• <ColorField />
  • input component for colors
  • uses a subset from the configured color palette by default, but it also allows to enter custom colors
• <MultiSuggestField />
  • MultiSuggestFieldSelectionProps provides newlyRemoved for callbacks set when removing a selected item
• <HtmlContentClock />
  • inline code uses same gray background highlighting like code blocks
• CSS custom properties
  • beside the color palette we now mirror the most important layout configuration variables as CSS custom properties
• new icons:
  • state-confirmed-all
  • state-declined-all
  • data-sourceschema
  • data-targetschema
  • operation-ai-generate
  • operation-filterreset
  • toggler-pin-empty
  • toggler-pin-filled

Fixed

• <Tag />
  • create more whitespace inside small tag
  • reduce visual impact of border
• <StringPreviewContentBlobToggler />
  • take Markdown rendering into account before testing the maximum preview length
• <CodeEditor />
  • fix disabled property update
• <VisualTour />
  • fix color of buttons to move to previous/next step
  • take Markdown rendering into account before testing the maximum preview length
• <NodeContent />
  • header-menu items are vertically centered now
• <Link />
  • stabilize font size for on hover state
  • use correct font sizes when size property is set
• Typography
  • adjust displaying fallback symbols in different browsers
• <CodeMirror />
  • use the latest provided onChange function
• <TextField />, <TextArea />
  • fix emoji false-positives in invisible character detection
• <MultiSuggestField />
  • onSelection now sets newlySelected only for add actions and no longer sets it to the last element
  • border of the BlueprintJS Tag elements were fixed
• <Modal />
  • fix specificity for pointer-events rules on SVG
• <Button />
  • badge is correctly displayed when badge={0}
• Focus outlines
  • we use again bold focus outlines for input elements
  • they are also used for clickable elements that are focused via keyboard (tab navigation)

Changed

• <MultiSelect />:
  • Change default filter predicate to match multi-word queries.
• <EdgeDefault />
  • reduce stroke width to only 1px
• <CodeMirror />
  • wrapLines and preventLineNumber do not use false default value but if not set then it will be interpreted as false
  • in this way it can be overwritten by new user config for the markdown mode
• automatically hide user interaction elements in print view
  • all application header components except <WorkspaceHeader />
  • <CardActions /> and <CardOptions />
  • actionOptions of <ContentGroup />
  • actions of <Notification />
  • <OverviewItemActions />
• automatically serialize display of layout elements in print view
  • <FlexibleLayoutItem />
  • <GridColumn />
  • <PropertyName /> and <PropertyValue />

Deprecated

• <StringPreviewContentBlobToggler />
  • firstNonEmptyLineOnly will be removed, is replaced by useOnly="firstNonEmptyLine"

v25.1.0-rc.4

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.1.0-rc.4
• Changelog: https://github.com/eccenca/gui-elements/blob/v25.1.0-rc.4/CHANGELOG.md#unreleased

v25.1.0-rc.3

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.1.0-rc.3
• Changelog: https://github.com/eccenca/gui-elements/blob/v25.1.0-rc.3/CHANGELOG.md#unreleased

v25.1.0-rc.2

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.1.0-rc.2
• Changelog: https://github.com/eccenca/gui-elements/blob/v25.1.0-rc.2/CHANGELOG.md#unreleased

v25.1.0-rc.1

• NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/25.1.0-rc.1
• Changelog: https://github.com/eccenca/gui-elements/blob/v25.1.0-rc.1/CHANGELOG.md#unreleased