feat: upgrade ui5-webcomponents to 1.0.0-rc.9 (#705)

BREAKING CHANGE: **Token**: the Token text is now defined via the `text` prop, `children` has no effect anymore.
BREAKING CHANGE: **Token**: `onDelete` is removed as the Token shouldn’t be used as a standalone component.

Closes #674

Author: MarcusNotheis

.github/workflows/release-rc.yml

@@ -2,6 +2,11 @@ name: 'Release - Release Candidate'
 
 on: 
   workflow_dispatch
+  inputs:
+    release_type:
+      description: 'Release Type: premajor | preminor | prepatch | prerelease'
+      required: true
+      default: 'prerelease'
 
 jobs:
   build-and-release:
@@ -32,7 +37,7 @@ jobs:
         git config user.email ${{ secrets.BOT_GIT_EMAIL }}
         git config user.name ${{ secrets.BOT_GIT_USERNAME }}
 
-        ${GITHUB_WORKSPACE}/node_modules/.bin/lerna publish prerelease \
+        ${GITHUB_WORKSPACE}/node_modules/.bin/lerna publish ${{ github.event.inputs.release_type }} \
           --conventional-prerelease \
           --create-release github \
           --dist-tag next \

package.json

@@ -13,7 +13,7 @@
     "pretest": "rimraf coverage && lerna run build:i18n",
     "test": "jest --config=config/jest.config.js --coverage",
     "clean": "lerna run clean --stream && rimraf coverage",
-    "prettier:all": "prettier --write --config ./prettier.config.js \"packages/**/*.{ts,tsx}\"",
+    "prettier:all": "prettier --write --config ./prettier.config.js \"packages/**/*.{ts,tsx,mdx}\"",
     "lint": "eslint packages",
     "lerna:version-dryrun": "lerna version --conventional-graduate --no-git-tag-version --no-push",
     "deploy:storybook": "lerna run build:i18n && storybook-to-ghpages --ci"
@@ -27,9 +27,9 @@
     "@storybook/cli": "6.0.26",
     "@storybook/react": "6.0.26",
     "@storybook/theming": "6.0.26",
-    "@ui5/webcomponents": "1.0.0-rc.8",
-    "@ui5/webcomponents-fiori": "1.0.0-rc.8",
-    "@ui5/webcomponents-icons": "1.0.0-rc.8",
+    "@ui5/webcomponents": "1.0.0-rc.9",
+    "@ui5/webcomponents-fiori": "1.0.0-rc.9",
+    "@ui5/webcomponents-icons": "1.0.0-rc.9",
     "react": "16.8.0",
     "react-dom": "16.8.0",
     "react-syntax-highlighter": "^13.5.1"
@@ -59,7 +59,7 @@
     "@types/react-dom": "^16.9.6",
     "@typescript-eslint/eslint-plugin": "^4.4.0",
     "@typescript-eslint/parser": "^4.4.0",
-    "@ui5/webcomponents-tools": "^1.0.0-rc.8",
+    "@ui5/webcomponents-tools": "^1.0.0-rc.9",
     "babel-loader": "^8.1.0",
     "chalk": "^4.0.0",
     "dedent": "^0.7.0",

packages/base/package.json

@@ -36,7 +36,7 @@
     "@sap-theming/theming-base-content": "11.1.18"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-base": "0.22.0",
+    "@ui5/webcomponents-base": "1.0.0-rc.9",
     "react": "^16.8.0",
     "react-jss": "^10.0.4"
   },

packages/charts/package.json

@@ -26,8 +26,8 @@
     "recharts": "2.0.0-beta.6"
   },
   "peerDependencies": {
-    "@ui5/webcomponents-react": "^0.9.0",
-    "@ui5/webcomponents-react-base": "^0.9.0",
+    "@ui5/webcomponents-react": "^0.11.0",
+    "@ui5/webcomponents-react-base": "^0.11.0",
     "react": "^16.8.0",
     "react-jss": "^10.0.4"
   },

packages/cra-template/template.json

@@ -1,10 +1,10 @@
 {
   "package": {
     "dependencies": {
-      "@ui5/webcomponents": "1.0.0-rc.8",
-      "@ui5/webcomponents-fiori": "1.0.0-rc.8",
-      "@ui5/webcomponents-icons": "1.0.0-rc.8",
-      "@ui5/webcomponents-react": "^0.10.0",
+      "@ui5/webcomponents": "1.0.0-rc.9",
+      "@ui5/webcomponents-fiori": "1.0.0-rc.9",
+      "@ui5/webcomponents-icons": "1.0.0-rc.9",
+      "@ui5/webcomponents-react": "^0.11.0",
       "@testing-library/react": "^9.3.2",
       "@testing-library/jest-dom": "^4.2.4",
       "@testing-library/user-event": "^7.1.2",

packages/main/package.json

@@ -41,10 +41,10 @@
     "react-virtual": "2.2.4"
   },
   "peerDependencies": {
-    "@ui5/webcomponents": "1.0.0-rc.8",
-    "@ui5/webcomponents-base": "0.22.0",
-    "@ui5/webcomponents-fiori": "1.0.0-rc.8",
-    "@ui5/webcomponents-icons": "1.0.0-rc.8",
+    "@ui5/webcomponents": "1.0.0-rc.9",
+    "@ui5/webcomponents-base": "1.0.0-rc.9",
+    "@ui5/webcomponents-fiori": "1.0.0-rc.9",
+    "@ui5/webcomponents-icons": "1.0.0-rc.9",
     "react": "^16.8.0",
     "react-dom": "^16.8.0"
   },

packages/main/src/components/ActionSheet/__snapshots__/ActionSheet.test.tsx.snap

@@ -7,23 +7,27 @@ exports[`ActionSheet Render without Crashing 1`] = `
     class="ActionSheet-actionSheet myCustomClass"
     horizontal-align="Center"
     placement-type="Right"
+    ui5-responsive-popover=""
     vertical-align="Center"
   >
     <ui5-button
       data-is-action-sheet-button=""
       design="Transparent"
+      ui5-button=""
     >
       Accept
     </ui5-button>
     <ui5-button
       data-is-action-sheet-button=""
       design="Transparent"
+      ui5-button=""
     >
       Reject
     </ui5-button>
     <ui5-button
       data-is-action-sheet-button=""
       design="Transparent"
+      ui5-button=""
     >
       This is my super long text!
     </ui5-button>
@@ -38,11 +42,13 @@ exports[`ActionSheet does not crash with other component 1`] = `
     class="ActionSheet-actionSheet"
     horizontal-align="Center"
     placement-type="Right"
+    ui5-responsive-popover=""
     vertical-align="Center"
   >
     <ui5-label
       data-is-action-sheet-button=""
       design="Transparent"
+      ui5-label=""
     >
       I should not crash
     </ui5-label>

packages/main/src/components/AnalyticalTable/__snapshots__/AnalyticalTable.test.tsx.snap

@@ -2741,6 +2741,7 @@ exports[`AnalyticalTable test Asc desc 1`] = `
     >
       <ui5-title
         level="H2"
+        ui5-title=""
       >
         Test
       </ui5-title>
@@ -3147,6 +3148,7 @@ exports[`AnalyticalTable test Asc desc 2`] = `
     >
       <ui5-title
         level="H2"
+        ui5-title=""
       >
         Test
       </ui5-title>
@@ -3553,6 +3555,7 @@ exports[`AnalyticalTable test Asc desc 3`] = `
     >
       <ui5-title
         level="H2"
+        ui5-title=""
       >
         Test
       </ui5-title>