@eccenca/gui-elements
Advanced tools
Changelog
[23.7.0] - 2024-06-26
<ReactFlow/>
, <StickyNoteModal/>
, <EdgeDefault/>
, <EdgeLabel/>
, <HandleContent/>
, <HandleTools/>
, <MiniMap/>
data-test-id
and data-testid
, sometimes as direct property, in other cases as part of properties routed to the wrapper elements<Markdown />
language-<LANGUAGE_NAME>
.<StickyTarget/>
utils
getScrollParent
: method to find the scroll parent of an element<SuggestField />
<TextArea />
intent
property to set the state, formerly used hasStatePrimary
, hasStateSuccess
, hasStateWarning
and hasStateDanger
properties are now deprecatedleftIcon
: set the left aligned iconrightElement
: renders on right side<Depiction />
disabled
property could be used if the element is used inside a disabled interactive element or form control but the state is not adapted automatically to the depictionnavigation-extern
, toggler-list
, toggler-table
, data-boolean
<MultiSuggestField />
selectedItems
or prePopulateWithItems
properties, which is more logical.selectedItems
setting.<StickyNoteModal/>
data-test-id="sticky-note-modal"
will be removed with next major version<BreadcrumbsList />
onItemClick
handler is only executed if breadcrumb has href
set because this is one callback parameter and the handler would not have any information otherwise<Depiction />
<Button />
<Tooltip />
<NodeContent />
introductionTime
property<BreadcrumbsList />
onItemClick
handler is only executed when the breadcrumb has no own onClick
handler defined<Card />
elevation
allows now -1
as value, the card is borderless then<MultiSuggestField />
placeholder
if createNewItemFromQuery
is given<SilkActivityControl />
initialStatus
property has been updated with the so far missing lastUpdateTime
property. If you run in problems because of that you could use Date.now()
as fix. Or consider to use <ActivityControlWidget />
directly, what is probably even better.<Depiction />
<Button />
<TextArea />
hasStatePrimary
, hasStateSuccess
, hasStateWarning
and hasStateDanger
properties: use the intent
property instead.Changelog
[23.6.0] - 2024-04-17
<BreadcrumbList/>
, <MultiSuggestField/>
, <Notification/>
, <Select/>
, <Tabs/>
data-test-id
(and data-testid
as alias of it): can be defined to add test ids to the DOM elementswrapperProps
: can be defined by using div
attributes, and if given a div
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.<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 />
:
<Modal/>
, <SimpleDialog/>
, <AlertDialog/>
data-test-id
(and data-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 itemsuseApplicationHeaderOverModals
: forces the application header to be displayed over modal backgroundsClassNames
now forwards all BlueprintJS CSS class names
import { ClassNames } from "@eccenca/gui-elements";
export const bpButtonClass = ClassNames.Blueprint.BUTTON;
state-locked
, state-unlocked
, application-notification
<Card />
selected=true
, allow it without interactive functionality on card element<MultiSuggestField />
disabled
property is set<TagList />
<ApplicationContainer />
<OverlaysProvider />
from BlueprintJS is now used<Tag />
<Button />
AnchorOrButtonProps
is currently exported together with the component but it will be removed with the next major versionButtonProps
should be enough<BreadcrumbList/>
htmlUlProps
: this is going to be removed because the BlueprintJS Breadcrumbs
component does not support native ul
attributes. The element provides a new wrapperProps
property.<MultiSuggestField />
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