v23.7.0-rc.2

NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.7.0-rc.2
Storybook:

Added

• <ReactFlow/>, <StickyNoteModal/>, <EdgeDefault/>, <EdgeLabel/>, <HandleContent/>, <HandleTools/>, <MiniMap/>
  • all react flow components are now be able to process test ids as data attributes, e.g. data-test-id and data-testid, sometimes as direct property, in other cases as part of properties routed to the wrapper elements
  • storybook documentation was enhanced by demonstration the usage of test ids
• <Markdown />
  • Do syntax highlighting when a class name is set in the form language-<LANGUAGE_NAME>.
• <StickyTarget/>
  • Element wraps the content that need to be displayed sticky.
• utils
  • getScrollParent: method to find the scroll parent of an element
• <AutoCompleteField />
  • Support loading more results when scrolling to the end of the result list.
• <TextArea />
  • intent property to set the state, formerly used hasStatePrimary, hasStateSuccess, hasStateWarning and hasStateDanger properties are now deprecated
  • leftIcon: set the left aligned icon
  • rightElement: renders on right side

Fixed

• <MultiSuggestField />
  • Added logic for contolled state for the component if selectedItems and onSelection passed.
  • Fixed deferred selectedItems setting.
• <StickyNoteModal/>
  • static test id 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

Changed

• <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 />
  • use "Search for item, or enter term to create new one..." as default placeholder if createNewItemFromQuery is given

Deprecated

• <TextArea />
  • hasStatePrimary, hasStateSuccess, hasStateWarning and hasStateDanger properties: use the intent property instead.