@ui5/webcomponents - npm Package Versions

2.1.0-rc.2 (2024-07-25)

Bug Fixes

• ui5-busy-indicator: let focus border radius be set from the host element (#9508) (01af2a6)
• ui5-input, ui5-multi-input: fix issues in inputs test pages (#9506) (b9de887), closes #9446
• ui5-input: fire change event properly when suggestions (#9429) (a77cd4b), closes #8912
• ui5-li-notification: fix aria-level value (#9504) (ca153d0)
• ui5-multi-combobox, ui5-combobox, ui5-input: improve popup announcement (#9513) (8dc5e51)
• ui5-multi-combobox: correct readonly functionality (#9525) (4a4d2d6)
• ui5-tabcontainer: fix overflow button focus border radius (#9507) (04b8f47)
• ui5-table: adds the missing TableHeaderRow dependency (#9490) (0b836b3)
• ui5-toolbar: failing test fixed (#9518) (4adcb2d)
• ui5-upload-collection: make empty upload collection focusable (#9403) (16d7bef)

Features

• framework: add configuration to prevent font loading (#9483) (d188638)
• ui5-calendar: allow overstyling (#9383) (ba7d213)
• ui5-input: expose select event (#9530) (b7bfadc)
• ui5-table: improve horizontal scrolling (#9293) (4b36593)

2.1.0-rc.1 (2024-07-18)

Bug Fixes

• ui5-combobox: correct valueStateMessage documentation (#9458) (62cbfb4)
• ui5-combobox: remove the cloning of the value state message (#9384) (a24c6b7), closes #9347
• ui5-dialog, ui5-popover: add missing ui5-title dependency (#9480) (57b3d37)
• ui5-dialog: fix draggable dialog header focusing with mouse (#9420) (654306a)
• ui5-flexible-column-layout: correct separator visualization (#9478) (1be8d6c), closes #9477
• ui5-option: correct tooltip property forwarding (#9502) (dde34fc), closes #9015
• ui5-popover: immediate open by dynamically created UI5Element no longer throws error (#9486) (a4bc8e0)
• ui5-select: prevent unnecessary change event (#9489) (02059bc)
• ui5-select: prevent unnecessary live-change event (#9499) (1efb84b)
• ui5-tabcontainer: fix selected sub items screen readers announcement (#9426) (fae1a3a)
• ui5-tag: fix wrapped text styles (#9320) (2388edd)
• ui5-toolbar: prevent child events bubble (#9464) (3361725)
• ui5-wizard: disabled steps are no longer clickable (#9459) (2ea26ca)

Features

• ui5-li-group: drag and drop enabled (#9415) (963e0c2)
• ui5-prompt-input: implement suggestions (#9390) (a261cfb)
• ui5-title: add new "size" property (#9327) (8e430e2)

2.1.0-rc.0 (2024-07-11)

Bug Fixes

• ui5-li-notification-group: suspend nested item navigation (#9361) (90f5f11)
• ui5-menu: include icon (#9413) (d5508a7)
• ui5-multi-combobox: remove the cloning of the value state message (#9391) (68ea4af), closes #9347
• ui5-notification-list-item: focus is no longer trapped in loading item (#8969) (fa37d92), closes #8768
• ui5-notification-list: fixed show more test (#9419) (4ba9173)
• ui5-table: access interactive content inside popin cell (#9428) (60c5b98), closes #9288
• ui5-table: correct announced row count (#9442) (011815b)
• ui5-table: correct font weight (#9417) (9cc7aeb), closes #9046
• ui5-table: correct load-more event on mode change (#9434) (55aa134)
• ui5-textarea: remove the cloning of the value state message (#9401) (185d598), closes #9347
• ui5-upload-collection-item: delete can be triggered by keyboard now (#9392) (b3de325)

Features

• ui5-menu-item: add accessibility attributes (#9333) (74782e6)
• ui5-time-picker: add required, accessibleName & accessibleNameRef (#9352) (08988c4), closes #5895

2.0.1 (2024-07-05)

Bug Fixes

• ui5-menu: restore focus to the opener (#9041) (0ada944), closes #9317
• ui5-notification-list: fixed show more test (#9400) (c19c5e3)

2.0.0 (2024-07-03)

Bug Fixes

• dynamic-page: some remarks fixed (#9341) (eb99114)
• fix DateRangePicker test (7f7f663)
• Popup: correct "open" event (#9298) (e84c2e5)
• template result comparison (#9279) (3a02e3e)
• ui5-calendar: add icon dependency (#9289) (165d7bc)
• ui5-calendar: year button accessibility (#9255) (fc18c6d), closes #9107
• ui5-calendar: year button accessibility (#9255) (0b915d6), closes #9107
• ui5-checkbox: adjust focus outline in wrapped mode (#9335) (13f87f5), closes #9254
• ui5-color-palette-popover: enable navigation over the swatches (#9336) (0660ae5)
• ui5-daterange-picker: adjust selected range accessibility semantics (#9251) (88b3ba7), closes #9241
• ui5-link: remove the space between end-icon and text in long links (#9325) (b559431)
• ui5-list: improved items initial rendering (#9283) (2623882), closes #9266
• ui5-message-strip: Remove icon when design changes to a color set (#9229) (4f110d2), closes #9181
• ui5-multi-combobox: collapse the tokenizer on mobile devices picker close (#9291) (74e3c50), closes #9176
• ui5-multi-combobox: collapse tokenizer on n-more collapse (#9367) (1ad4b42), closes #8493
• ui5-rating-indicator: fix test page - remove duplicates (#9364) (d98fc5c)
• ui5-rating-indicator: make rating indicator ACC WCAG 2.2 compliant (#9222) (6503675)
• ui5-segmented-button-item: prevent focus of disabled items (#9239) (ca0509a), closes #9236
• ui5-tab-container: change display (#9274) (f2d94e9), closes #9248
• ui5-tab-container: enhance documentation page (#9271) (a7f99e6), closes #9079 #9248
• ui5-table: adjust unstable loading test (#9267) (3c483a1)
• ui5-table: lint issue is fixed (#9294) (71ea07c)
• ui5-table: remove circular dependency from table and row (#9261) (9932adf)
• ui5-tag: fix styling issues (#9305) (24dd42b)
• UI5Element: component invalidated when children change slots (#9104) (a882721)

Code Refactoring

• rename ListSeparators enum to ListSeparator (#9308) (26bb513)
• ui5-combobox, ui5-multi-combobox: prepare for physical list items (#9307) (3e66cc6), closes #8461
• ui5-combobox, ui5-multi-combobox: prepare for physical list items (#9307) (67c7597), closes #8461
• ui5-illustrated-message: rename IllustrationMessageSize enum (#9302) (6fe2a02), closes #8605 #8461 #7887
• ui5-input: suggestions refactoring (#9092) (36c9c8f), closes #8461 #7890
• ui5-li: replace the usage of image property with image slot (#9089) (391ffaa)
• ui5-view-settings-dialog: change opening api to open property (#9249) (52106cc)

Features

• add property initializers (#8846) (eef0cc9)
• ui5-ai-button: initial implementation (b39548f)
• ui5-flexible-column-layout: enable resize via separators drag-and-drop (#9160) (9b54af4)
• ui5-menu-separator: add new component (#8871) (f7fea29), closes #8461
• ui5-table: add range selection to selection feature (#9205) (55d99d2)
• ui5-table: navigated property for rows (#9292) (6a51172)
• ui5-table: table loading indicator (#9214) (fabc911)
• UI5Element: better support for kebab-case slots (#9106) (e1dd34c)

Reverts

• Revert "WIP: create announcing-v2.mdx" (#9350) (95b90e4), closes #9350 #9346

BREAKING CHANGES

• ui5-li: The image property of the ui5-li is removed and the imageContent slot is renamed to image. If you have previously used the image property:

<ui5-li image="./img/HT-1022.jpg">Standard List Item</ui5-li>

or the imageContent slot:

<ui5-li> Avatar inside imageContent slot
	<ui5-avatar slot="imageContent" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
</ui5-li>

Now use image slot instead:

<ui5-li> Avatar inside image slot
	<ui5-avatar slot="image" shape="Square" initials="ABC" color-scheme="Accent2"></ui5-avatar>
</ui5-li>

Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887, https://github.com/SAP/ui5-webcomponents/issues/9200

• ui5-combobox, ui5-multi-combobox: The ui5-cb-item-group & ui5-mcb-item-group text property is renamed to header-text. If you previously used the text property:

<ui5-cb-item-group text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> Now you must rename it to header-text: <ui5-cb-item-group header-text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group header-text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> * **ui5-combobox, ui5-multi-combobox:** The ui5-cb-item-group & ui5-mcb-item-group text property is renamed to header-text. If you previously used the text property: <ui5-cb-item-group text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> Now you must rename it to header-text: <ui5-cb-item-group header-text="A"> <ui5-cb-item text="Algeria"></ui5-cb-item> </ui5-cb-item-group> <ui5-mcb-item-group header-text="A"> <ui5-mcb-item text="Afghanistan"></ui5-mcb-item> </ui5-mcb-item-group> * The `ListSeparators` (plural form) enum has been renamed to `ListSeparator` (singular form). If you previously imported the `ListSeparators`: ```ts import ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js"; import type ListSeparators from "@ui5/webcomponents/dist/types/ListSeparators.js"; ```

Now, you must import the ListSeparator enumeration as follows:

import ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";
import type ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";

Related to: https://github.com/SAP/ui5-webcomponents/issues/8461

• ui5-illustrated-message: The enum IllustrationMessageSize is renamed to IllustrationMessageDesign. If you have previously imported the enum:

import IllustrationMessageSize from "@ui5/webcomponents-base/dist/types/IllustrationMessageSize.js"; Now import IllustrationMessageDesign instead:

import IllustrationMessageDesign from "@ui5/webcomponents-base/dist/types/IllustrationMessageDesign.js";

• ui5-input: remove type, description, icon, iconEnd, image from ui5-suggestion-item and introduce ui5-suggestion-item-custom

ui5-suggestion-item:

• type property is removed, use ui5-suggestion-item-custom instead.
• description property is removed, use ui5-suggestion-item-custom instead.
• icon property is removed, use ui5-suggestion-item-custom instead.
• iconEnd property is removed, use ui5-suggestion-item-custom instead.
• image property is removed, use ui5-suggestion-item-custom instead.

ui5-suggestion-group-item:

• renamed to ui5-suggestion-item-group
• text is removed, use headerText instead

ui5-suggestion-item-custom:

• custom suggestion item with open content similar to ui5-li-custom
• to be used for custom scenarios
• to highlight custom items use @ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js

All suggestion items are now physical items and can be overstyled. Grouping now works with via nesting: e.g.

<ui5-input show-suggestions>
  <ui5-suggestion-item-group header-text="Group 1">
    <ui5-suggestion-item text="Group Item 1"></ui5-suggestion-item>
  </ui5-suggestion-item-group>
</ui5-input>

• ui5-view-settings-dialog: Removed show and close methods.

Before, the ui5-view-settings-dialog could be opened and closed by calling show() and close():

const viewSettingsDialog = document.getElementById("exampleID");
viewSettingsDialog.show();
viewSettingsDialog.close();

Now, the dialog is opened and closed by setting the open property to true or false:

const viewSettingsDialog = document.getElementById("exampleID");
viewSettingsDialog.open = true;
viewSettingsDialog.open = false;

fixes: https://github.com/SAP/ui5-webcomponents/issues/9240

• @property decorator must be adapted according to new type parameter
• ui5-menu-separator: startsSection property removed from MenuItems

Before:

<ui5-menu> <ui5-menu-item text="Item A"></ui5-menu-item> <ui5-menu-item text="Item B" starts-section></ui5-menu-item> </ui5-menu>

Now:

<ui5-menu> <ui5-menu-item text="Item A"></ui5-menu-item> <ui5-menu-separator></ui5-menu-separator> <ui5-menu-item text="Item B"></ui5-menu-item> </ui5-menu>