Releases: eccenca/gui-elements
v23.3.1
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.1
Storybook: https://62150dbccb2d77003a2a5093-mearcnyqwy.chromatic.com/
Fixed
<ContextOverlay />
- remove always white space at start of
portalClassName
to prevent runtime error in BlueprintJS
- remove always white space at start of
v23.3.1-rc.2
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.1-rc.2
Storybook:
Fixed
<ContextOverlay />
- remove always white space at start of
portalClassName
to prevent runtime error in BlueprintJS
- remove always white space at start of
v23.3.1-rc.1
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.1-rc.1
Storybook:
Fixed
<ContextOverlay />
- remove always white space at start of
portalClassName
to prevent runtime error in BlueprintJS
- remove always white space at start of
v23.3.1-rc.0
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.1-rc.0
Storybook:
Fixed
<ContextOverlay />
- remove always white space at start of
portalClassName
to prevent runtime error in BlueprintJS
- remove always white space at start of
v23.3.0
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.0
Storybook: https://62150dbccb2d77003a2a5093-tbpjwpqbei.chromatic.com/
Added
<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
Changed
<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
Fixed
<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
v23.3.0-rc.1
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.0-rc.1
Storybook:
Added
<PropertyName />
- provide
labelProps
to configure the automatically injectedLabel
element whenPropertyName
is only a string
- provide
<TextField />
- Parameter
escapeToBlur
: If set to true the input field blurs/de-focuces when theEscape
key is pressed.
- Parameter
<CodeEditor />
- support for additional modes: jinja2, yaml and json
- add read-only mode
- add
height
parameter to set a fixed height of the editor - add
wrapLines
option to control auto-wrapping long lines (the default for wrap long lines is set to false now)
<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.
<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
parameter could be used to visualize the node was added or updated
<EdgeLabel />
loose
property 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
- methods
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!
- methods
Changed
<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
- The handlers can be overwritten via
wrapperDivProps
.
- 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
- 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
Fixed
<Modal />
- Escape key to close does not work anymore after clicking on the backdrop for
canOutsideClickClose=false
andcanEscapeKeyClose=true
.
- Escape key to close does not work anymore after clicking on the backdrop for
<Spacing />
- allow other
div
attributes, e.g.style
- allow other
- Tooltips of Carbon based elements display 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
v23.3.0-rc.0
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.3.0-rc.0
Storybook:
Added
<PropertyName />
- provide
labelProps
to configure the automatically injectedLabel
element whenPropertyName
is only a string
- provide
<CodeEditor />
- support for additional modes: jinja2, yaml and json
- add read-only mode
- add
height
parameter to set a fixed height of the editor - add
wrapLines
option to control auto-wrapping long lines (the default for wrap long lines is set to false now)
<TextField />
:- Parameter
escapeToBlur
: If set to true the input field blurs/de-focuces when theEscape
key is pressed.
- Parameter
<Modal />
:- Parameter
modalFocusable: boolean
: 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.
- Parameter
<HandleTools />
: can be used as single handle content to add an context menu to handles<NodeContent />
introductionTime
parameter could be used to visualize the node was added or updated
<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.
Changed
<ApplicationHeader />
- it is now possible to overwrite the background color by setting
--eccgui-appheader-color-background
- 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
Fixed
<Modal />
:- Escape key to close does not work anymore after clicking on the backdrop for
canOutsideClickClose=false
andcanEscapeKeyClose=true
.
- Escape key to close does not work anymore after clicking on the backdrop for
<PropertyName />
- provide
labelProps
to configure the automatically injectedLabel
element whenPropertyName
is only a string
- provide
<Spacing />
- allow other
div
attributes, e.g.style
- allow other
v23.2.0
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.2.0
Storybook: https://62150dbccb2d77003a2a5093-veodvzkyrq.chromatic.com/
Added
- 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
Changed
<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
Fixed
- use correct import for codemirror stylesheetss
<BreadcrumbItem />
is not displayed clickable when it has nohref
oronClick
property set
Deprecated
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
v23.2.0-rc.1
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.2.0-rc.1
Storybook:
Added
- 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
Changed
<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
Fixed
- use correct import for codemirror stylesheetss
<BreadcrumbItem />
is not displayed clickable when it has nohref
oronClick
property set
Deprecated
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
v23.2.0-rc.0
NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.2.0-rc.0
Storybook:
Added
- linting the code automatically via git hook on commit action
<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
Changed
- 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
Fixed
- use correct import for codemirror stylesheetss
Deprecated
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 />
IProps
interface is now deprecated, useAutoSuggestionProps
instead
<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
<MultiSelect />
SelectedParamsType
: renamed toMultiSelectSelectionProps
<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