@eccenca/gui-elements - npm Package Versions

[23.6.0] - 2024-04-17

Added

• <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 elements
  • wrapperProps: 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.
  • if a test id is used on <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 />:
  • Added support for N-triples and Mathematica modes.
  • Allow direct access to the underlying code mirror instance.
  • Allow to register a scroll handler.
  • Support code folding for some modes, e.g. xml, json.
• <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 items
• new use hook
  • useApplicationHeaderOverModals: forces the application header to be displayed over modal backgrounds
• ClassNames now forwards all BlueprintJS CSS class names

  • import { ClassNames } from "@eccenca/gui-elements";
    export const bpButtonClass = ClassNames.Blueprint.BUTTON;
    

• new icons: state-locked, state-unlocked, application-notification

Fixed

• <Card />
  • fix styles for selected=true, allow it without interactive functionality on card element
  • align colors with active menu items
• <MultiSuggestField />
  • reset the list of options when the query is cleared but nothing from the list is selected
  • add the created element to the list of filtered elements immediately after its creation
  • block input if disabled property is set
• <TagList />
  • vertical alignment fixed in nowrap containers and for tags with icons

Changed

• BlueprintJS libraries was updated to v5
  • Popover2 lib was removed because we can now again use the internal component from core lib again
• <ApplicationContainer />
  • <OverlaysProvider /> from BlueprintJS is now used
  • @see https://github.com/palantir/blueprint/wiki/Overlay2-migration
• <Tag />
  • included icons are always limited to the height of the text label

Deprecated

• <Button />
  • interface AnchorOrButtonProps is currently exported together with the component but it will be removed with the next major version
  • there won't be a replacement or alternate interface because ButtonProps should be enough
• <BreadcrumbList/>
  • property 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 />
  • static usage of 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

[23.5.0] - 2024-02-15

Added

• <CodeEditor />
  • visualize the usage of tabulator chars by background color and arrow symbol
  • new tabIntentSize, tabIntentStyle, tabForceSpaceForModes properties to give better control over tabulator usage

Fixed

• <Depiction />
  • images representing SVG without width property on their root element are displayed with a minimal forced dimension to prevent that they are hidden in some browsers

[23.4.1] - 2024-02-08

Fixed

• icons
  • use older version of icon library to prevent typescript issues after changes in recent versions

[23.4.0] - 2024-02-07

Added

• <PropertyValuePair />, <PropertyName />, <PropertyValue />
  • nowrap: force display on one line without breaks
• <Skeleton />
  • provides a loading state display of its children elements
• <TableCell />
  • alignHorizontal: allow to center cell contents
• <ActivityControlWidget />
  • added extra line to show timer for execution period
• <ExtendedCodeEditor />
  • replaces <SingleLineCodeEditor /> to get used for the <CodeAutocompleteField /> component
• new icons
  • data-string, data-url, data-date, data-time, data-datetime, data-number

Fixed

• <Pagination />
  • adjust color of arrow in disabled navigation button