Skip to content

Releases: eccenca/gui-elements

v23.3.1

15 Nov 15:08
Compare
Choose a tag to compare

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

v23.3.1-rc.2

15 Nov 14:41
Compare
Choose a tag to compare
v23.3.1-rc.2 Pre-release
Pre-release

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

v23.3.1-rc.1

15 Nov 14:17
Compare
Choose a tag to compare
v23.3.1-rc.1 Pre-release
Pre-release

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

v23.3.1-rc.0

13 Nov 12:01
Compare
Choose a tag to compare
v23.3.1-rc.0 Pre-release
Pre-release

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

v23.3.0

09 Nov 12:44
Compare
Choose a tag to compare

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 injected Label element when PropertyName is only a string
  • <TextField />
    • escapeToBlur: if set to true the input field blurs/de-focuces when the Escape key is pressed.
  • <CodeEditor />
    • support for additional modes: jinja2, yaml and json
    • add read-only mode
    • height: set a fixed height of the editor
    • wrapLines: control auto-wrapping long lines (the default for wrap long lines is set to false now)
  • <Modal />
    • modalFocusable: when true the outer div 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: when true then the z-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 the z-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 to Modal.forceTopPosition.
  • <ReactFlow />
    • support disabling the react-flow hot keys via a React context, e.g. Delete etc.
  • <HandleDefault />
    • new category options that lead to different handle layouts: dependency, fixed, flexible and unknown
    • intent option with defined colors for: primary, accent, info, success, warning, danger
  • <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 to true 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 and setGlobalVar: can be used to manage global variables indepentently from component states. They are stored to the window object under a eccgui "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 and operation-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
  • <ApplicationHeader />
    • it is now possible to overwrite the background color by setting --eccgui-appheader-color-background in its style attribute
  • <Modal />
    • new xlarge size option
    • re-configure appearance of the sizes, small is displayed a bit smaller, large a bit larger than before

Fixed

  • <Modal />
    • Escape key to close does not work anymore after clicking on the backdrop for canOutsideClickClose=false and canEscapeKeyClose=true.
  • <Spacing />
    • allow other div attributes, e.g. style
  • 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

17 Oct 08:03
Compare
Choose a tag to compare
v23.3.0-rc.1 Pre-release
Pre-release

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 injected Label element when PropertyName is only a string
  • <TextField />
    • Parameter escapeToBlur: If set to true the input field blurs/de-focuces when the Escape key is pressed.
  • <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: when true the outer div 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: when true then the z-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.
  • <HandleDefault />
    • new category options that lead to different handle layouts: dependency, fixed, flexible and unknown
    • intent option with defined colors for: primary, accent, info, success, warning, danger
  • <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 to true 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 and setGlobalVar can be used to manage global variables indepentently from component states. They are stored to the window object under a eccgui "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!

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.
  • <ApplicationHeader />
    • it is now possible to overwrite the background color by setting --eccgui-appheader-color-background
  • <Modal />
    • new xlarge size option
    • re-configure appearance of the sizes, small is displayed a bit smaller, large a bit larger than before

Fixed

  • <Modal />
    • Escape key to close does not work anymore after clicking on the backdrop for canOutsideClickClose=false and canEscapeKeyClose=true.
  • <Spacing />
    • allow other div attributes, e.g. style
  • 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

10 Oct 14:54
Compare
Choose a tag to compare
v23.3.0-rc.0 Pre-release
Pre-release

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 injected Label element when PropertyName is only a string
  • <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 the Escape key is pressed.
  • <Modal />:
    • Parameter modalFocusable: boolean: When true the outer div 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.
  • <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.

Changed

  • <ApplicationHeader />
    • it is now possible to overwrite the background color by setting --eccgui-appheader-color-background
  • <Modal />
    • new xlarge size option
    • re-configure appearance of the sizes, small is displayed a bit smaller, large a bit larger than before

Fixed

  • <Modal />:
    • Escape key to close does not work anymore after clicking on the backdrop for canOutsideClickClose=false and canEscapeKeyClose=true.
  • <PropertyName />
    • provide labelProps to configure the automatically injected Label element when PropertyName is only a string
  • <Spacing />
    • allow other div attributes, e.g. style

v23.2.0

14 Jul 09:33
Compare
Choose a tag to compare

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
  • <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 and onClearanceText as options to include automatically a dedicated clearance button to the element
  • <PropertyName />
    • size option to increase/decrease width consumed by its display
  • <EdgeLabel />: use title 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 and onOutsideClick, could be used to close the menu panel automatically

Changed

  • <Select />:
    • match dropdown to element width when fill=true
    • use rounded input for query input to align it with <SearchField />
  • 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 the package.json file
    • eslint, 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
  • <ActivityControlWidget />
    • IActivityAction interface was renamed to ActivityControlWidgetAction
  • <AutoSuggestion />
    • IProps interface was renamed to AutoSuggestionProps
  • <AutoSuggestionList />
    • IDropdownProps interface was renamed to AutoSuggestionListProps
  • <MultiSelect />
    • SelectedParamsType interface was renamed to MultiSelectSelectionProps
  • <SingleLineCodeEditor />
    • IEditorProps interface was renamed to SingleLineCodeEditorProps
  • <AlertDialog />
    • IAlertDialogProps interface was renamed to AlertDialogProps
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface was renamed to WorkspaceHeaderProps
  • <NodeDefault />
    • NodeProps interface was renamed to NodeDefaultProps to justify naming convention
  • <NodeContent />
    • IHandleProps interface was renamed to NodeContentHandleProps to justify naming convention
  • Utilities obejct was renamed to utils 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 no href or onClick property set

Deprecated

  • Select.ofType method:
    • instead of MyTypeSelect = Select.ofType<MyType>() use directly <Select<MyType> {...props} />
  • <AutoCompleteField />: use <SuggestField />
  • <MultiSelect />
    • SelectedParamsType: renamed to MultiSelectSelectionProps
    • element will be re-implemented, use <MultiSuggestField /> instead
  • Utilities object is now deprecated, use utils instead
  • HelperClasses object is now deprecated, use ClassNames instead
  • <ActivityControlWidget />
    • IActivityAction: renamed to ActivityControlWidgetAction
  • <AutoCompleteField />
    • IRenderModifiers: import from src/components/AutocompleteField/interfaces
    • IElementWidth: import from src/components/AutocompleteField/interfaces
  • <AutoSuggestion />
    • elemenat was renamed, use <CodeAutocompleteField /> instead
    • IProps interface is now deprecated, use CodeAutocompleteFieldProps instead
  • <AutoSuggestionList />
    • IDropdownProps interface is now deprecated, use AutoSuggestionListProps instead
  • <SingleLineCodeEditor />
    • IEditorProps interface is now deprecated, use SingleLineCodeEditorProps instead
  • <AlertDialog />
    • IAlertDialogProps interface is now deprecated, use AlertDialogProps instead
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface is now deprecated, use WorkspaceHeaderProps 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 correct type.
  • <Highlighter />
    • HighlighterFunctions renamed to highlighterUtils
    • extractSearchWords moved to highlighterUtils.extractSearchWords
    • matchesAllWords moved to highlighterUtils.matchesAllWords
    • createMultiWordRegex moved to highlighterUtils.createMultiWordRegex
  • <Icon />
    • findExistingIconName: use iconUtils.findExistingIconName
  • <Spinner />
    • SpinnerPosition: use SpinnerProps['position']
    • SpinnerSize: use SpinnerProps['size']
    • SpinnerStroke: use SpinnerProps['stroke']
  • ReactFlow extensions
    • NodeProps: renamed to NodeDefaultProps
    • minimapNodeClassName: moved to miniMapUtils.nodeClassName
    • minimapNodeColor: moved to miniMapUtils.nodeClassName
    • nodeUtils: renamed to nodeDefaultUtils
    • IHandleProps: renamed to NodeContentHandleProps
    • NodeDimensions: use NodeContentProps<any>['nodeDimensions']
    • HighlightingState: use NodeContentProps<any>['highlightedState'] (or import from src/extensions/react-flow/nodes/sharedTypes)
  • ActivityControl components:
    • IActivityControlLayoutProps: renamed to SilkActivityControlLayoutProps
    • IActivityExecutionReport: renamed to SilkActivityExecutionReportProps
    • ActivityControlTranslationKeys: renamed to SilkActivityControlTranslationKeys
    • ActivityAction: renamed to SilkActivityControlAction
    • IActivityControlProps: renamed to ActivityControlWidgetProps
    • IActivityStatus: renamed to SilkActivityStatusProps
    • ConcreteActivityStatus: renamed to SilkActivityStatusConcrete
  • ContentBlobToggler components:
    • firstNonEmptyLine: moved to stringPreviewContentBlobTogglerUtils.firstNonEmptyLine
  • Markdown components:
    • highlightSearchWordsPluginFactory moved to markdownUtils.highlightSearchWordsPluginFactory

v23.2.0-rc.1

10 Jul 12:45
Compare
Choose a tag to compare
v23.2.0-rc.1 Pre-release
Pre-release

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
  • <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 and onClearanceText as options to include automatically a dedicated clearance button to the element
  • <PropertyName />
    • size option to increase/decrease width consumed by its display
  • <EdgeLabel />: use title 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 and onOutsideClick, could be used to close the menu panel automatically

Changed

  • <Select />:
    • match dropdown to element width when fill=true
    • use rounded input for query input to align it with <SearchField />
  • 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 the package.json file
    • eslint, 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
  • <ActivityControlWidget />
    • IActivityAction interface was renamed to ActivityControlWidgetAction
  • <AutoSuggestion />
    • IProps interface was renamed to AutoSuggestionProps
  • <AutoSuggestionList />
    • IDropdownProps interface was renamed to AutoSuggestionListProps
  • <MultiSelect />
    • SelectedParamsType interface was renamed to MultiSelectSelectionProps
  • <SingleLineCodeEditor />
    • IEditorProps interface was renamed to SingleLineCodeEditorProps
  • <AlertDialog />
    • IAlertDialogProps interface was renamed to AlertDialogProps
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface was renamed to WorkspaceHeaderProps
  • <NodeDefault />
    • NodeProps interface was renamed to NodeDefaultProps to justify naming convention
  • <NodeContent />
    • IHandleProps interface was renamed to NodeContentHandleProps to justify naming convention
  • Utilities obejct was renamed to utils 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 no href or onClick property set

Deprecated

  • Select.ofType method:
    • instead of MyTypeSelect = Select.ofType<MyType>() use directly <Select<MyType> {...props} />
  • <AutoCompleteField />: use <SuggestField />
  • <MultiSelect />
    • SelectedParamsType: renamed to MultiSelectSelectionProps
    • element will be re-implemented, use <MultiSuggestField /> instead
  • Utilities object is now deprecated, use utils instead
  • HelperClasses object is now deprecated, use ClassNames instead
  • <ActivityControlWidget />
    • IActivityAction: renamed to ActivityControlWidgetAction
  • <AutoCompleteField />
    • IRenderModifiers: import from src/components/AutocompleteField/interfaces
    • IElementWidth: import from src/components/AutocompleteField/interfaces
  • <AutoSuggestion />
    • elemenat was renamed, use <CodeAutocompleteField /> instead
    • IProps interface is now deprecated, use CodeAutocompleteFieldProps instead
  • <AutoSuggestionList />
    • IDropdownProps interface is now deprecated, use AutoSuggestionListProps instead
  • <SingleLineCodeEditor />
    • IEditorProps interface is now deprecated, use SingleLineCodeEditorProps instead
  • <AlertDialog />
    • IAlertDialogProps interface is now deprecated, use AlertDialogProps instead
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface is now deprecated, use WorkspaceHeaderProps 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 correct type.
  • <Highlighter />
    • HighlighterFunctions renamed to highlighterUtils
    • extractSearchWords moved to highlighterUtils.extractSearchWords
    • matchesAllWords moved to highlighterUtils.matchesAllWords
    • createMultiWordRegex moved to highlighterUtils.createMultiWordRegex
  • <Icon />
    • findExistingIconName: use iconUtils.findExistingIconName
  • <Spinner />
    • SpinnerPosition: use SpinnerProps['position']
    • SpinnerSize: use SpinnerProps['size']
    • SpinnerStroke: use SpinnerProps['stroke']
  • ReactFlow extensions
    • NodeProps: renamed to NodeDefaultProps
    • minimapNodeClassName: moved to miniMapUtils.nodeClassName
    • minimapNodeColor: moved to miniMapUtils.nodeClassName
    • nodeUtils: renamed to nodeDefaultUtils
    • IHandleProps: renamed to NodeContentHandleProps
    • NodeDimensions: use NodeContentProps<any>['nodeDimensions']
    • HighlightingState: use NodeContentProps<any>['highlightedState'] (or import from src/extensions/react-flow/nodes/sharedTypes)
  • ActivityControl components:
    • IActivityControlLayoutProps: renamed to SilkActivityControlLayoutProps
    • IActivityExecutionReport: renamed to SilkActivityExecutionReportProps
    • ActivityControlTranslationKeys: renamed to SilkActivityControlTranslationKeys
    • ActivityAction: renamed to SilkActivityControlAction
    • IActivityControlProps: renamed to ActivityControlWidgetProps
    • IActivityStatus: renamed to SilkActivityStatusProps
    • ConcreteActivityStatus: renamed to SilkActivityStatusConcrete
  • ContentBlobToggler components:
    • firstNonEmptyLine: moved to stringPreviewContentBlobTogglerUtils.firstNonEmptyLine
  • Markdown components:
    • highlightSearchWordsPluginFactory moved to markdownUtils.highlightSearchWordsPluginFactory

v23.2.0-rc.0

19 Jun 10:07
Compare
Choose a tag to compare
v23.2.0-rc.0 Pre-release
Pre-release

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 />: use title 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 and onOutsideClick, could be used to close the menu panel automatically

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 the package.json file
    • eslint, 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
  • <ActivityControlWidget />
    • IActivityAction interface was renamed to ActivityControlWidgetAction
  • <AutoSuggestion />
    • IProps interface was renamed to AutoSuggestionProps
  • <AutoSuggestionList />
    • IDropdownProps interface was renamed to AutoSuggestionListProps
  • <MultiSelect />
    • SelectedParamsType interface was renamed to MultiSelectSelectionProps
  • <SingleLineCodeEditor />
    • IEditorProps interface was renamed to SingleLineCodeEditorProps
  • <AlertDialog />
    • IAlertDialogProps interface was renamed to AlertDialogProps
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface was renamed to WorkspaceHeaderProps
  • <NodeDefault />
    • NodeProps interface was renamed to NodeDefaultProps to justify naming convention
  • <NodeContent />
    • IHandleProps interface was renamed to NodeContentHandleProps to justify naming convention
  • Utilities obejct was renamed to utils 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, use utils instead
  • HelperClasses object is now deprecated, use ClassNames instead
  • <ActivityControlWidget />
    • IActivityAction: renamed to ActivityControlWidgetAction
  • <AutoCompleteField />
    • IRenderModifiers: import from src/components/AutocompleteField/interfaces
    • IElementWidth: import from src/components/AutocompleteField/interfaces
  • <AutoSuggestion />
    • IProps interface is now deprecated, use AutoSuggestionProps instead
  • <AutoSuggestionList />
    • IDropdownProps interface is now deprecated, use AutoSuggestionListProps instead
  • <SingleLineCodeEditor />
    • IEditorProps interface is now deprecated, use SingleLineCodeEditorProps instead
  • <AlertDialog />
    • IAlertDialogProps interface is now deprecated, use AlertDialogProps instead
  • <WorkspaceHeader />
    • IWorkspaceHeaderProps interface is now deprecated, use WorkspaceHeaderProps 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 correct type.
  • <Highlighter />
    • HighlighterFunctions renamed to highlighterUtils
    • extractSearchWords moved to highlighterUtils.extractSearchWords
    • matchesAllWords moved to highlighterUtils.matchesAllWords
    • createMultiWordRegex moved to highlighterUtils.createMultiWordRegex
  • <Icon />
    • findExistingIconName: use iconUtils.findExistingIconName
  • <MultiSelect />
    • SelectedParamsType: renamed to MultiSelectSelectionProps
  • <Spinner />
    • SpinnerPosition: use SpinnerProps['position']
    • SpinnerSize: use SpinnerProps['size']
    • SpinnerStroke: use SpinnerProps['stroke']
  • ReactFlow extensions
    • NodeProps: renamed to NodeDefaultProps
    • minimapNodeClassName: moved to miniMapUtils.nodeClassName
    • minimapNodeColor: moved to miniMapUtils.nodeClassName
    • nodeUtils: renamed to nodeDefaultUtils
    • IHandleProps: renamed to NodeContentHandleProps
    • NodeDimensions: use NodeContentProps<any>['nodeDimensions']
    • HighlightingState: use NodeContentProps<any>['highlightedState'] (or import from src/extensions/react-flow/nodes/sharedTypes)
  • ActivityControl components:
    • IActivityControlLayoutProps: renamed to SilkActivityControlLayoutProps
    • IActivityExecutionReport: renamed to SilkActivityExecutionReportProps
    • ActivityControlTranslationKeys: renamed to SilkActivityControlTranslationKeys
    • ActivityAction: renamed to SilkActivityControlAction
    • IActivityControlProps: renamed to ActivityControlWidgetProps
    • IActivityStatus: renamed to SilkActivityStatusProps
    • ConcreteActivityStatus: renamed to SilkActivityStatusConcrete
  • ContentBlobToggler components:
    • firstNonEmptyLine: moved to stringPreviewContentBlobTogglerUtils.firstNonEmptyLine
  • Markdown components:
    • highlightSearchWordsPluginFactory moved to markdownUtils.highlightSearchWordsPluginFactory