Skip to content

v1.0.0-rc.5
Compare
Choose a tag to compare
@ilhan007 ilhan007 released this 02 Dec 12:54
· 4308 commits to master since this release
v1.0.0-rc.5
3a5d5e8
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.

Change Log

All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.

1.0.0-rc.5 (2019-12-02)

Migration guide from v1.0.0-rc.4 to v1.0.0-rc.5

The current release includes several new npm packages, such as @ui5/webcomponents-fiori and @ui5/webcomponents-icons.
To make the transition from v1.0.0-rc.4 to v1.0.0-rc.5 smoother, we prepared this migration guide.

Bug Fixes

  • ui5-button: prevents setting 0 height to icons in IE (#902) (20511c6)
  • ui5-checkbox: fix layouting in IE (#926) (ffdc271)
  • ui5-checkbox: fix truncation in compactSize (#998) (3cdcede)
  • ui5-datepicker: fix hover effect (#999) (44d6c27)
  • ui5-datepicker: enable setting an empty placeholder (#997) (3eca602)
  • ui5-input: correct ACC implementation (#846) (7d547ec)
  • ui5-input: fix input pushed downward (#891) (bda9714)
  • ui5-multi-combobox: close popover & empty value on selection (#832) (1b3e40d)
  • ui5-popover: restrict max content height when overflowing the screen (#908) (6671793)
  • ui5-select: remove unsupported method in IE (#919) (f1bceea)
  • ui5-tabcontainer: adjust tabs to take 100% of TC height (#895) (6fcf259)
  • ui5-tabcontainer: fix overflow items default semantic color (#989) (a003189), closes #988
  • ui5-tabcontainer: fix overflow items appearance and selection (#988) (8cd2a8b)
  • ui5-list: prevent item navigaion with Left/Right keys(#985) (3d46e2d)
  • ui5-table: pressing SPACE works for HTML elements inside ui5-table (#964) (2384236)
  • ui5-table: fix JS error when there are less cells than columns (#841) (fd3b690)
  • ui5-table: fix row navigation and focus handling (#876) (f69f42c)
  • ItemNavigation: fix Item Navigation cycling (#985) (3d46e2d)
  • Framework: order slots in state as in Light DOM (#874) (b8efea0), closes #873
  • Framework: skip waiting for polyfill in case already loaded (#851) (d5e19f6)
  • Framework: trigger DOM mutation observer independent of insertion order (#847) (d7d96ec), closes #839
  • JS Doc enable release candidates versions to be displayed as since tags (#983) (3051d76)

Features

  • ui5-product-switch: introduce new component within @ui5/webcomponents-fiori package(#971) (4646fcd)
  • ui5-input: introduce maxlength property (#976) (c149f5f)
  • ui5-label: introduce showColon property (#965) (ae95a8d)
  • ui5-multicombobox: implement ACC support (#937) (0a44a92)
  • ui5-multicombobox: introduce open property and openChange event (#930) (c0b51f5)
  • ui5-panel: improve accessibility (#864) (b133468)
  • ui5-textarea: implement input event (#543) (7c5647e)
  • Documentation: introduce new playground app (#751) (fdcddaa)
  • Configuration: introduce animationMode configuration (#905) (c90e3b0)
  • Framework: render SVG content with lit svg` (#904) (59fead4)
  • Framework: introduce navigationMode property (#910) (9c43533)

Code Refactoring

  • ui5-button: subscribe event handlers via HBS template
  • ui5-shellbar: move component to @ui5/webcomponents-fiori package (#887) (06f1770)
  • ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)
  • ui5-icon: change "src" property to "name" (#928) (0489673)
  • ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)
  • ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)
  • ui5-shellbar: optimize animated co-pilot SVG size from 15kb to 8kb (#960) (42bd7cd)
  • ui5-shellbar-item: rename "src" property to "name" (#928) (8e060d1)

BREAKING CHANGES

  • icons: move all individual icons to a new npm package called @ui5/webcomponents-icons.

You have to install the package

npm i @ui5/webcomponents-icons --save

The import statements should be changed

Before:

@ui5/webcomponents/dist/icons/add.js

After:

@ui5/webcomponents-icons/dist/icons/add.js

Note: The ui5-icon web component is not affected by this change, it is still in the @ui5/webcomponents package. Only the icons themselves (the icon assets) have been moved.

  • ui5-icon: "src" property was renamed to "name".

The "name" poperty accepts icon name (such as "add") instead of icon src (such as "sap-icon://add").
Note: the src property will continue to work until the next release due to the impact of the change, but will produce a warning in the console.

  • ui5-shellbar: move component to new @ui5/webcomponents-fiori package (#887) (06f1770)

Now, you have to import the <ui5-shellbar> from the newly created package as follows:

import @ui5/webcomponents-fiori/dist/ShellBar.js
  • ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)

Now, the slot accepts a ui5-button, that would be overstyled to match ui5-shellbar viusal design.

  • ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)

Now, to get the coPilot animated version, you have to import the following module:

import @ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js`
  • ui5-shellbar-item: "src" property renamed to "name" (#928) (8e060d1)

The "src" property has been renamed to icon and it accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")

  • ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)

The "avatar" property has been removed, use the "avatar" slot instead - you can pass an icon(<ui5-icon>) or an image(<img/>).

Before:

<ui5-card avatar="sap-icon://add"></ui5-card>

After:

<ui5-card><ui5-icon name="add" slot="avatar"></ui5-icon></ui5-card>`

and respectively:

<ui5-card avatar="http://url/to/my/image"></ui5-card>`

becomes:

<ui5-card><img src="http://url/to/my/image" slot="avatar"/></ui5-card>`
Assets 2
Loading