All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
<ReactFlow/>
,<StickyNoteModal/>
,<EdgeDefault/>
,<EdgeLabel/>
,<HandleContent/>
,<HandleTools/>
,<MiniMap/>
- all react flow components are now be able to process test ids as data attributes, e.g.
data-test-id
anddata-testid
, sometimes as direct property, in other cases as part of properties routed to the wrapper elements - storybook documentation was enhanced by demonstration the usage of test ids
- all react flow components are now be able to process test ids as data attributes, e.g.
<Markdown />
- Do syntax highlighting when a class name is set in the form
language-<LANGUAGE_NAME>
.
- Do syntax highlighting when a class name is set in the form
<AutoCompleteField />
- Support loading more results when scrolling to the end of the result list.
<MultiSuggestField />
- Added logic for contolled state for the component if
selectedItems
andonSelection
passed.
- Added logic for contolled state for the component if
<StickyNoteModal/>
- static test id
data-test-id="sticky-note-modal"
will be removed with next major version
- static test id
<BreadcrumbList/>
,<MultiSuggestField/>
,<Notification/>
,<Select/>
,<Tabs/>
data-test-id
(anddata-testid
as alias of it): can be defined to add test ids to the DOM elementswrapperProps
: can be defined by usingdiv
attributes, and if given adiv
element with wrap the component. This wrapper is also used for test ids because the underlaying BlueprintJS components do not forward data attributes to the DOM.- if a test id is used on
<Select/>
or<MultiSuggestField/>
then the toggle button, the dropdown and the search filter get automatically their own test id, suffixed by_togger
,_drowpdown
and_searchinput
.
<CodeMirror />
:- Added support for N-triples and Mathematica modes.
- Allow direct access to the underlying code mirror instance.
- Allow to register a scroll handler.
- Support code folding for some modes, e.g. xml, json.
<Modal/>
,<SimpleDialog/>
,<AlertDialog/>
data-test-id
(anddata-testid
as alias of it): can be defined to add test ids to the DOM elements
<MultiSuggestField />
selectedItems
can be used to set default selected items
- new use hook
useApplicationHeaderOverModals
: forces the application header to be displayed over modal backgrounds
ClassNames
now forwards all BlueprintJS CSS class names-
import { ClassNames } from "@eccenca/gui-elements"; export const bpButtonClass = ClassNames.Blueprint.BUTTON;
-
- new icons:
state-locked
,state-unlocked
,application-notification
<Card />
- fix styles for
selected=true
, allow it without interactive functionality on card element - align colors with active menu items
- fix styles for
<MultiSuggestField />
- reset the list of options when the query is cleared but nothing from the list is selected
- add the created element to the list of filtered elements immediately after its creation
- block input if
disabled
property is set
<TagList />
- vertical alignment fixed in nowrap containers and for tags with icons
- BlueprintJS libraries was updated to v5
- Popover2 lib was removed because we can now again use the internal component from core lib again
<ApplicationContainer />
<OverlaysProvider />
from BlueprintJS is now used- @see https://github.com/palantir/blueprint/wiki/Overlay2-migration
<Tag />
- included icons are always limited to the height of the text label
<Button />
- interface
AnchorOrButtonProps
is currently exported together with the component but it will be removed with the next major version - there won't be a replacement or alternate interface because
ButtonProps
should be enough
- interface
<BreadcrumbList/>
- property
htmlUlProps
: this is going to be removed because the BlueprintJSBreadcrumbs
component does not support nativeul
attributes. The element provides a newwrapperProps
property.
- property
<MultiSuggestField />
- static usage of
data-test-id="clear-all-items"
for the clearance button is deprecated, will be replaced by a test id later that is created from the given test id for the component plus a_clearance
suffix
- static usage of
<CodeEditor />
- visualize the usage of tabulator chars by background color and arrow symbol
- new
tabIntentSize
,tabIntentStyle
,tabForceSpaceForModes
properties to give better control over tabulator usage
<Depiction />
- images representing SVG without
width
property on their root element are displayed with a minimal forced dimension to prevent that they are hidden in some browsers
- images representing SVG without
- icons
- use older version of icon library to prevent typescript issues after changes in recent versions
<PropertyValuePair />
,<PropertyName />
,<PropertyValue />
nowrap
: force display on one line without breaks
<Skeleton />
- provides a loading state display of its children elements
<TableCell />
alignHorizontal
: allow to center cell contents
<ActivityControlWidget />
- added extra line to show timer for execution period
<ExtendedCodeEditor />
- replaces
<SingleLineCodeEditor />
to get used for the<AutoSuggestion />
component
- replaces
- new icons
data-string
,data-url
,data-date
,data-time
,data-datetime
,data-number
<Pagination />
- adjust color of arrow in disabled navigation button
<ContextOverlay />
- remove always white space at start of
portalClassName
to prevent runtime error in BlueprintJS
- remove always white space at start of
<PropertyName />
labelProps
: configure the automatically injectedLabel
element whenPropertyName
is only a string
<TextField />
escapeToBlur
: if set to true the input field blurs/de-focuces when theEscape
key is pressed.
<CodeEditor />
- support for additional modes:
jinja2
,yaml
andjson
- add read-only mode
height
: set a fixed height of the editorwrapLines
: control auto-wrapping long lines (the default for wrap long lines is set to false now)
- support for additional modes:
<Modal />
modalFocusable
: whentrue
the outerdiv
element of the modal can be focused by clicking on it. This is needed e.g. when key (down, up) events should trigger on the modal in order to bubble up to its parent elements.forceTopPosition
: whentrue
then thez-index
of the modal's portal element is recalculated, so that the modal is always displayed on top of all other visible elements. Use with care, see documentation.
<ContextOverlay />
preventTopPosition
: when true then thez-index
is decreased to the value for modals. Use it when you need to display modal dialogs out of the context overlay. Type of counter property toModal.forceTopPosition
.
<ReactFlow />
- support disabling the react-flow hot keys via a React context, e.g.
Delete
etc.
- support disabling the react-flow hot keys via a React context, e.g.
<HandleDefault />
- new
category
options that lead to different handle layouts:dependency
,fixed
,flexible
andunknown
intent
option with defined colors for: primary, accent, info, success, warning, danger
- new
<HandleTools />
- can be used as single handle content to add an context menu to handles
<NodeContent />
introductionTime
: can be used to visualize the node was added or updated
<EdgeLabel />
loose
: can be set totrue
to prevent the box with border on the label component
<TableExpandHeader />
toggleIcon
: optional icon that should be displayed instead of the default ones.
Utilities
getGlobalVar
andsetGlobalVar
: can be used to manage global variables indepentently from component states. They are stored to thewindow
object under aeccgui
"namespace". Can be used for example to manage globally increased counters. Do not use them if you need to store user session properties or confidential data!
- canonical icons for
artefact-chatlog
,entity-human
,entity-robot
andoperation-magic
<SimpleDialog />
- by default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected):
- event handler:
onContextMenu
,onDrag
,onDragStart
,onDragEnd
,onMouseDown
,onMouseUp
,onClick
- handlers can be overwritten via
wrapperDivProps
- event handler:
- by default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected):
<ApplicationHeader />
- it is now possible to overwrite the background color by setting
--eccgui-appheader-color-background
in itsstyle
attribute
- it is now possible to overwrite the background color by setting
<Modal />
- new
xlarge
size option - re-configure appearance of the sizes,
small
is displayed a bit smaller,large
a bit larger than before
- new
<Modal />
Escape
key to close does not work anymore after clicking on the backdrop forcanOutsideClickClose=false
andcanEscapeKeyClose=true
.
<Spacing />
- allow other
div
attributes, e.g.style
- allow other
- tooltips of Carbon based elements are displayed correctly in position and layout
<PropertyValuePair />
- force maximum width for situation when the block could be wider, e.g. inside a flex layout, otherwise name and value could be wrongly aligned in a list with other property value pairs
- linting the code automatically via git hook on commit action
<SuggestField />
- will replace
<AutoCompleteField />
- match dropdown to element width when
fill=true
- display dropdown toggler when
onlyDropdownWithQuery=false
- will replace
<MultiSuggestField />
: will replace<MultiSelect />
clearQueryOnSelection
option to set an empty query after selections- match dropdown to element width when
fullWidth=true
<CodeAutocompleteField />
: will replace<AutoSuggestion />
<Select />
:- has now a default target when it is not controlled directly by its children
onClearanceHandler
andonClearanceText
as options to include automatically a dedicated clearance button to the element
<PropertyName />
size
option to increase/decrease width consumed by its display
<EdgeLabel />
: usetitle
property on its text sub element<Application* />
elements now have defined and exposed interfaces<FieldSet />
element now have a defined and exposed interface<PropertyValue* />
elements now have defined and exposed interfaces<GridColumn />
carbonSizeConfig
property to overwrite automatically set column sizes by using the original size config from the Carbon component
<TitleSubsection />
element now have a defined and exposed interface- all inferfaces of the main elements in
src/components
are now exposed via@eccenca/gui-elements
- all inferfaces of the main elements in
src/extensions
are now exposed via@eccenca/gui-elements
- all inferfaces of the main elements in
src/cmem
are now exposed via@eccenca/gui-elements
<ApplicationToolbarPanel />
- event handler
onLeave
andonOutsideClick
, could be used to close the menu panel automatically
- event handler
<Select />
:- match dropdown to element width when
fill=true
- use rounded input for query input to align it with
<SearchField />
- match dropdown to element width when
- Upgraded dependencies
- BlueprintJS was upgraded to the recent version (and a few method calls fixed after)
- Carbon was upgraded to the recent version
- almost all other dependencies were upgraded to their recent minor and major versions
- Removed dependencies
package-json-validator
(not maintained anymore and disfunctional) - so currently there is not automatic check and validation of thepackage.json
fileeslint
,eslint-config-react-app
,@typescript-eslint/eslint-plugin
,@typescript-eslint/parser
- not directly necessary, they may be still installed by other sub packages
- Changed version resolutions
- set
postcss
to at recent version to fix a moderate security vulnerability - remove resolutions for
node-gyp
,glob-parent
,trim
,trim-newlines
,minimist
- packages are not use, or resolution is not necessary anymore
- set
<ActivityControlWidget />
IActivityAction
interface was renamed toActivityControlWidgetAction
<AutoSuggestion />
IProps
interface was renamed toAutoSuggestionProps
<AutoSuggestionList />
IDropdownProps
interface was renamed toAutoSuggestionListProps
<MultiSelect />
SelectedParamsType
interface was renamed toMultiSelectSelectionProps
<SingleLineCodeEditor />
IEditorProps
interface was renamed toSingleLineCodeEditorProps
<AlertDialog />
IAlertDialogProps
interface was renamed toAlertDialogProps
<WorkspaceHeader />
IWorkspaceHeaderProps
interface was renamed toWorkspaceHeaderProps
<NodeDefault />
NodeProps
interface was renamed toNodeDefaultProps
to justify naming convention
<NodeContent />
IHandleProps
interface was renamed toNodeContentHandleProps
to justify naming convention
Utilities
obejct was renamed toutils
and enhanced with new functions:getColorConfiguration
,invisibleZeroWidthCharacters
- improve style imports, now it is a bit easier to inlcude all parts separately
<IconButton />
- prevent double tab index when it comes with an extra tooltip element attached to it
- prevent tooltip tab selection when button is disabled or has set inactive tabindex itself
<SimpleDialog />
enforceFocus: false
is set by default, so that searchable selects keep focus on their search input field
- use correct import for codemirror stylesheetss
<BreadcrumbItem />
is not displayed clickable when it has nohref
oronClick
property set
Select.ofType
method:- instead of
MyTypeSelect = Select.ofType<MyType>()
use directly<Select<MyType> {...props} />
- instead of
<AutoCompleteField />
: use<SuggestField />
<MultiSelect />
SelectedParamsType
: renamed toMultiSelectSelectionProps
- element will be re-implemented, use
<MultiSuggestField />
instead
Utilities
object is now deprecated, useutils
insteadHelperClasses
object is now deprecated, useClassNames
instead<ActivityControlWidget />
IActivityAction
: renamed toActivityControlWidgetAction
<AutoCompleteField />
IRenderModifiers
: import fromsrc/components/AutocompleteField/interfaces
IElementWidth
: import fromsrc/components/AutocompleteField/interfaces
<AutoSuggestion />
- elemenat was renamed, use
<CodeAutocompleteField />
instead IProps
interface is now deprecated, useCodeAutocompleteFieldProps
instead
- elemenat was renamed, use
<AutoSuggestionList />
IDropdownProps
interface is now deprecated, useAutoSuggestionListProps
instead
<SingleLineCodeEditor />
IEditorProps
interface is now deprecated, useSingleLineCodeEditorProps
instead
<AlertDialog />
IAlertDialogProps
interface is now deprecated, useAlertDialogProps
instead
<WorkspaceHeader />
IWorkspaceHeaderProps
interface is now deprecated, useWorkspaceHeaderProps
instead
<NumericInput />
- It will be remove because beside the special arrow buttons it does not add any special. Could be done also with
<TextField />
combined with correcttype
.
- It will be remove because beside the special arrow buttons it does not add any special. Could be done also with
<Highlighter />
HighlighterFunctions
renamed tohighlighterUtils
extractSearchWords
moved tohighlighterUtils.extractSearchWords
matchesAllWords
moved tohighlighterUtils.matchesAllWords
createMultiWordRegex
moved tohighlighterUtils.createMultiWordRegex
<Icon />
findExistingIconName
: useiconUtils.findExistingIconName
<Spinner />
SpinnerPosition
: useSpinnerProps['position']
SpinnerSize
: useSpinnerProps['size']
SpinnerStroke
: useSpinnerProps['stroke']
ReactFlow
extensionsNodeProps
: renamed toNodeDefaultProps
minimapNodeClassName
: moved tominiMapUtils.nodeClassName
minimapNodeColor
: moved tominiMapUtils.nodeClassName
nodeUtils
: renamed tonodeDefaultUtils
IHandleProps
: renamed toNodeContentHandleProps
NodeDimensions
: useNodeContentProps<any>['nodeDimensions']
HighlightingState
: useNodeContentProps<any>['highlightedState']
(or import fromsrc/extensions/react-flow/nodes/sharedTypes
)
ActivityControl
components:IActivityControlLayoutProps
: renamed toSilkActivityControlLayoutProps
IActivityExecutionReport
: renamed toSilkActivityExecutionReportProps
ActivityControlTranslationKeys
: renamed toSilkActivityControlTranslationKeys
ActivityAction
: renamed toSilkActivityControlAction
IActivityControlProps
: renamed toActivityControlWidgetProps
IActivityStatus
: renamed toSilkActivityStatusProps
ConcreteActivityStatus
: renamed toSilkActivityStatusConcrete
ContentBlobToggler
components:firstNonEmptyLine
: moved tostringPreviewContentBlobTogglerUtils.firstNonEmptyLine
Markdown
components:highlightSearchWordsPluginFactory
moved tomarkdownUtils.highlightSearchWordsPluginFactory
<Badge />
element- add more context like icons, text or numbers to another element
<Button />
and<IconButton />
now have abadge
property for simple attachment
<ConfidenceValue/>
element- combines a value and a bar
<Depiction />
element- include different types of images controlling of resizing, ratio, shape
<EdgeLabel />
(react flow) element- can be used for custom edge labels, provides support for depiction, text, actions and intent states
<Table />
,<TableExpandHeader />
,<TableRow />
,<TableExpandRow />
and<TableCell />
elements- Carbon based elements
- other table elements are still used directly from the Carbon library
<TestIcon />
: test icons without the need to define them via a canonical name before.<Card />
propertywhitespaceAmount
: controls how much whitespace is displayed within the card subelements
<CardContent />
(react flow) propertynoFlexHeight
: changes the behaviour how the component uses the remaining space inside the Card element
<Divider />
propertieswidth
: width of the horizontal rulealignment
: horizontal alignment of the horizontal rule
<EdgeDefault />
(react flow) propertiesstrokeType
: overwrites the default style how the edge stroke is displayedintent
: visual feedback about the current state of the edgehighlightColor
: color(s) of used highlights to mark the edge
<Markdown />
propertylinkTargetName
: browser target name to open links from the Markdown content
<MultiSelect />
propertyrequestDelay
: To delay requests on query changes and only fire the most recent request.
<NodeContent />
(react flow) propertiesleftElement
: any element that should be displayed before the node labellabelSubline
: displayed under the label in the headerfullWidth
: stretches the node to the full available width, e.g. when used outside React Flow contextenlargeHeader
: increase hight of headerborder
: property to overwrite default stylesintent
: visual feedback about the current state of the nodehighlightColor
: color(s) of used highlights to mark the node, together withintent
it replaceshighlightedState
<Pagination />
propertyhideBorders
: element is displayed without dividing borders
<Tag />
property- add support for
intent
property
- add support for
<TextField />
and<TextArea />
propertyinvisibleCharacterWarning
: callback to warn of invisible, hard to spot characters in the input text.intent
: state of the text field
<ReactFlow />
propertyscrollOnDrag
: Support to scroll the pane when going beyond the pane borders on all drag and connection operations.
<SilkActivityControl />
propertyexecutePrioritized
that is executed when the 'start prioritized' button is clicked while an activity is waiting for execution.
<WhiteSpaceContainer />
propertylinebreakForced
: insert line breaks within an otherwise unbreakable string to prevent text from overflowing the container
- use option
--outputCss
foryarn compile-scss
to get the transpiled CSS echoed out - upgrade to Carbon icons v11
- switch from
carbon-components
to@carbon/styles
<GridRow />
propertydontWrapColumns=true
only works for grids on medium sized and larger viewports<NodeContent />
animation is now displayed on the border, not by a pulsing shadow anymore<NodeDefault />
,<NodeContent />
and<HandleDefault />
support now React Flow 9 and 10
<WorkspaceContent />
: do not prevent wrapping the columns of the included grid<SingleLineCodeEditor />
: Convert multi-line initial value to a single line value.<MenuItem />
: do not display empty icon wrapper.<MultiSelect />
: Requests e.g. on slow networks could get mixed up, resulting in not showing the most recent results.
<Grid />
propertyfullWidth
is now deprecated as grids are always used for the full viewport width<NodeContent />
propertyhighlightedState
is replaced byintent
andhighlightColor
and should not be used anymore<CardHeader />
propertiesdensityHigh
andhasSpacing
are now deprecated, useCard.whitespaceAmount
now<TextField />
propertieshasStatePrimary
,hasStateSuccess
,hasStateWarning
andhasStateDanger
are now deprecated, useintent
now
<CodeEditor />
element based onCodeMirror
library, supporting Markdown, Python, Sparql, SQL, Turtle and XML syntax<HoverToggler />
element that allows to switch elements when hovered over.<InteractionGate />
element that can wrap content that need to be blocked from user interactions, it also has options to display a spinner as overlay<Tree />
component<TabPanel />
component that can be used if<Tabs />
is used in uncontrolled mode.<ReactFlowMarkers />
custom markers for ReactFlow edges, currently one new markerarrowClosed-inverse
available<StickyNoteNode />
, usable bystickynote
type in react flow editors for workflows and linking rulesCssCustomProperties
andgetColorConfiguration
utilities can be used to exchange color configurations between SCSS and JSdecideContrastColorValue
method to get a second color related to the lightness of the testes input color<SimpleDialog />
: propertiesshowFullScreenToggler
andstartInFullScreenMode
<EdgeDefault />
: new properties for the edge datamarkerStart
allows to add a marker to the edge starting pointinversePath
allows to inverse the edge directionrenderLabel
function to render fully custom edge label including any ReactNode
<NodeContent />
: propertyfooterContent
to add footer content to a react flow node<AutoSuggestion>
: propertiesautoCompletionRequestDelay
andvalidationRequestDelay
, to configure the delay when a request is sent after nothing is typed in anymore.<FieldItemRow
: propertyjustifyItemWidths
to display all children using equal width inside the row<BreadcrumbList />
: propertiesignoreOverflow
andlatenOverflow
, 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<Spinner />
:showLocalBackdrop
property to include backdrop behind spinner making the background less visible<ContextMenu />
:disabled
property that disables the button to open the menu.<Tooltip />
: propertiesmarkdownEnabler
andmarkdownProps
to enable better formatted tooltips with options for line breaks, etc.<AutoCompleteField />
:onlyDropdownWithQuery
property to prevent dropdown as long as the input field is empty- large addition to the Storybook, we almost doubled available components and stories
- allow children of
<Accordion />
item to get calculated based on their DOM sizes - add borders to CodeMirror editor area and include display of focused state
- GUI elements library can be now used easier in applications because it does not force usage of SCSS modules via JS/Webpack4
- fixed ReactFlow stories re-rerender on configuration change
- fix used font family and layout of
<AutoSuggestion />
element, and justify it with the other single line text inputs - fix condition to include the class name of a
<TagList />
and set maximum width for the items - fixed
<MultiSelect />
to correctly update created items that are selected while still maintaining a cache of all newly created items - do not change cursor to pointer by default on tooltip targets
- move style imports of CodeMirror layout to
extensions
- color configurations for react flow editor are not exported as modules anymore, they need to be fetched by
getColorConfiguration
method in JS directly - BlueprintJS was upgraded to a recent v4
- elements were also upgraded to usage of
Popover2
,Tooltip2
,Select2
,MultiSelect2
andBreadcrumbs2
- this comes also with a necessary switch from
node-sass
tosass
package, a javascript port from the original dart sass library, see migration notes to update your build process
- elements were also upgraded to usage of
<TextField />
and<AutoCompleteField />
now include atitle
attribute on the natively usedinput
element to show the value if it isdisabled
orreadOnly
- flashing color regarding the intent state of a
<TextField />
<AutoCompleteField />
: Add 'hasBackDrop' parameter to use a backdrop for its popover in order for outside clicks to always close the popover. Default: false
- old
{ colors }
imports forcmem/react-flow/configurations/*
do not keep working anymore, usegetColorConfiguration
method now <IconButton>
:tooltipOpenDelay
was removed, usetooltipProps.hoverOpenDelay
directly<FieldItem>
:labelAttributes
was renamed tolabelProps
<MenuItem>
: this element now extends directly the Blueprint element, sointernalProps
was removed, use properties directly onMenuItem
<AutoCompleteField>
:popoverProps
was renamed tocontextOverlayProps
<Button>
:tooltipProperties
was renamed totooltipProps
<ContextMenu>
: usecontextOverlayProps
to route properties to the overlay element<Icon>
:tooltipProperties
was renamed totooltipProps
,tooltipOpenDelay
was removed, usetooltipProps.hoverOpenDelay
directly<Label>
:tooltipProperties
was renamed totooltipProps
<MultiSelect>
:popoverProps
was renamed tocontextOverlayProps
<Select>
:popoverProps
was renamed tocontextOverlayProps
<Tooltip>
: this element now extends directly the Blueprint element, sotolltipProps
was removed, use properties directly onTooltip
<BreadcrumbItem>
:IBreadcrumbItemProps
interface was renamed toBreadcrumbItemProps
BreadcrumbList
:IBreadcrumbListProps
interface was renamed toBreadcrumbListProps
- Remove
node-sass
and addsass
package via npm or yarn:$ yarn remove node-sass && yarn add --dev sass
- Include
sass
and our configurationconst sass = require('sass'); const sassRenderSyncOptions = require("@eccenca/gui-elements/config/sassOptions");
- Configure the webpack
sass-loader
, you can extend this by options regarding the provided loader interface{ loader: "sass-loader", options: { implementation: sass, sassOptions: sassRenderSyncOptions, }, }
MultiSelect
element that let select multiple options and adding new elements.ReactFlow
element withconfiguration
property to load it with pre-set configurations for node and edge typesTab
element got new property forbackgroundColor
- Support highlighting of div elements via
eccgui-container--highlighted
class - Allow DefaultNode's execution buttons to read and adjust state of the node content in order for them to have effects on the node content
letPassWheelEvents
property for<NodeContent />
elements to enable/disable mouse wheel event propagation to the react flow zoom panescrollinOnFocus
property for<Card />
element, enables card to scroll controlled into the viewportslideOutOfNode
property for<NodeContentExtension />
element, by default it is disabledlabelWrapper
andhasSpacing
properties for<ActivityControlWidget />
to enable more control over its display from outsidenoScrollbarsOnChildren
property for<HtmlContentBlock />
to allow merging scroll bars of both axes
- text color of button inside
<Notification />
element is not changed when it has an explicit intent state - use correct import paths in ESM distribution exports
- correct alignment of children in vertical toolbar
- Allow
round
attribute inTag
component - Allow tooltips on buttons only if they do not set on
loading
state - Improve routing calculations of
<ReactFlow />
edges reagrding our current use cases - Expose
<NodeTools />
menu API to ouside elements <ActivityExecutionErrorReportModal />
now offers always the option to display it in fullscreen size
- deprecated
<Tabs/>
interface for tab items was removed, if necessary it can be used now fromlegacy-repelacements
imports
- make used package version more stable, re-allowing also a yarn lock file
- correct documentation about package registry
Tag
element got new property forbackgroundColor
- Styles for footnotes and task lists, rendered by Markdown GFM parser.
- React-Flow
NodeContent
element can now be extented bycontentExtension
property containing aNodeContentExtension
element.
- Add missing import to
components/Spinner/Spinner.tsx
. - Add bottom white space in tables in content block elements.
fullWidth
on/off display ofTextField
is now working like expected
TextField
elements are usingfullWidth=true
by defaultSearchField
uses now by default"operation-search"
asleftIcon
SimpleDialog
element now usesintent
property instead ofintentClassName
- Changelog documentation
- Readme project overview
- Iframe and IframeModal basic elements
- Support for special components shared between applications of the eccenca Corporate Memory GUI
- ActivityControl widget
- ContentBlobToggler component
- Markdown parser widget
- Support animated NodeDefault shadows to visualize activities
- Height of NodeDefault can be aligned to number of handles
- React-Flow Minipmap can be used for navigation on canvas
- Support more icons
- Support intent states for Icon
- ApplicationContainer is not based on Carbon anymore
- sidenav expansion state must be managed outside of that element now
- OverviewItemActions can be shown only when OverviewItem is hovered
- Rail naviagtion is openen just after a short delay to prevent openeing on wrong hover actions
- Use own property to hide overflow content in ToolbarSection
- Stabilize icon dimensions
- Small font size amrkup now works inside HTML content block
- Stabilize tabs
- Do not ignore size and stroke properties for Spinner
- First release, it provides:
- Basic GUI elements based on BlueprintJS and IBM Carbon Design System
- Accordion
- Application layout
- AutocompleteField
- Breadcrumb
- Button
- Card
- Checkbox
- ContextOverlay
- Dialog
- Form
- Grid
- Icon
- Intent
- Label
- Link
- Menu
- Notification
- NumericInput
- OverviewItem
- Pagination
- PropertyValuePair
- RadioButton
- Separation
- SimpleTable
- Spinner
- Structure
- Switch
- Tabs
- Tag
- TagInput
- TextField
- Toolbar
- Tooltip
- Typography
- Workspace view parts
- Extensions for React-Flow
- EdgeDefault
- EdgeStep
- EdgeTools
- HandleContent
- HandleDefault
- NodeDefault
- NodeTools
- Basic GUI elements based on BlueprintJS and IBM Carbon Design System