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 removed 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.nodeColor
- 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

23.2.0-rc.1

Diff

ecc-admin

published 23.2.0-rc.1 • 2 years ago

23.2.0-rc.0

Diff

ecc-admin

published 23.2.0-rc.0 • 2 years ago

23.1.0

Diff

ecc-admin

published 23.1.0 • 2 years ago

Changelog

Source

[23.1.0] - 2023-04-20

Added

<Badge /> element
- add more context like icons, text or numbers to another element
- <Button /> and <IconButton /> now have a badge 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 /> property
- whitespaceAmount: controls how much whitespace is displayed within the card subelements
<CardContent /> (react flow) property
- noFlexHeight: changes the behaviour how the component uses the remaining space inside the Card element
<Divider /> properties
- width: width of the horizontal rule
- alignment: horizontal alignment of the horizontal rule
<EdgeDefault /> (react flow) properties
- strokeType: overwrites the default style how the edge stroke is displayed
- intent: visual feedback about the current state of the edge
- highlightColor: color(s) of used highlights to mark the edge
<Markdown /> property
- linkTargetName: browser target name to open links from the Markdown content
<MultiSelect /> property
- requestDelay: To delay requests on query changes and only fire the most recent request.
<NodeContent /> (react flow) properties
- leftElement: any element that should be displayed before the node label
- labelSubline: displayed under the label in the header
- fullWidth: stretches the node to the full available width, e.g. when used outside React Flow context
- enlargeHeader: increase hight of header
- border: property to overwrite default styles
- intent: visual feedback about the current state of the node
- highlightColor: color(s) of used highlights to mark the node, together with intent it replaces highlightedState
<Pagination /> property
- hideBorders: element is displayed without dividing borders
<Tag /> property
- add support for intent property
<TextField /> and <TextArea /> property
- invisibleCharacterWarning: callback to warn of invisible, hard to spot characters in the input text.
- intent: state of the text field
<ReactFlow /> property
- scrollOnDrag: Support to scroll the pane when going beyond the pane borders on all drag and connection operations.
<SilkActivityControl /> property
- executePrioritized that is executed when the 'start prioritized' button is clicked while an activity is waiting for execution.
<WhiteSpaceContainer /> property
- linebreakForced: insert line breaks within an otherwise unbreakable string to prevent text from overflowing the container

Changed

use option --outputCss for yarn compile-scss to get the transpiled CSS echoed out
upgrade to Carbon icons v11
switch from carbon-components to @carbon/styles
<GridRow /> property dontWrapColumns=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

Fixed

<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.

Deprecated

<Grid /> property fullWidth is now deprecated as grids are always used for the full viewport width
<NodeContent /> property highlightedState is replaced by intent and highlightColor and should not be used anymore
<CardHeader /> properties densityHigh and hasSpacing are now deprecated, use Card.whitespaceAmount now
<TextField /> properties hasStatePrimary, hasStateSuccess, hasStateWarning and hasStateDanger are now deprecated, use intent now