v23.2.0
github-actions
released this
14 Jul 09:33
·
405 commits
to develop
since this release
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