From 741ec54a40159b2438b2b09bf55c013bbff2c4ad Mon Sep 17 00:00:00 2001 From: TJ Egan Date: Fri, 2 Feb 2024 11:26:00 -0500 Subject: [PATCH 1/3] chore(release): v11.49.0 (#15677) * chore(release): v11.49.0 * fix(@carbon/icon-helpers): resolve to local package --- ...pers-npm-10.45.1-3f2ee2290e-69da5ae85b.zip | Bin 16930 -> 0 bytes examples/class-prefix/package.json | 4 +- examples/codesandbox-styles/package.json | 4 +- examples/custom-theme/package.json | 4 +- examples/id-prefix/package.json | 4 +- .../incremental-migration-vite/package.json | 4 +- examples/light-dark-mode/package.json | 4 +- examples/nextjs/package.json | 4 +- examples/v10-token-compat-in-v11/package.json | 4 +- examples/vite/package.json | 4 +- packages/carbon-components-react/package.json | 6 +- packages/carbon-components/package.json | 4 +- packages/elements/package.json | 6 +- packages/icon-build-helpers/package.json | 4 +- packages/icon-helpers/package.json | 2 +- packages/icons-react/package.json | 8 +- packages/icons-vue/package.json | 6 +- packages/icons/package.json | 4 +- packages/pictograms-react/package.json | 8 +- packages/pictograms/package.json | 4 +- packages/react/package.json | 8 +- packages/styles/package.json | 4 +- packages/themes/package.json | 2 +- www/package.json | 4 +- yarn.lock | 83 ++++++++---------- 25 files changed, 91 insertions(+), 98 deletions(-) delete mode 100644 .yarn/cache/@carbon-icon-helpers-npm-10.45.1-3f2ee2290e-69da5ae85b.zip diff --git a/.yarn/cache/@carbon-icon-helpers-npm-10.45.1-3f2ee2290e-69da5ae85b.zip b/.yarn/cache/@carbon-icon-helpers-npm-10.45.1-3f2ee2290e-69da5ae85b.zip deleted file mode 100644 index 1496960232d2534527d31f55cab65d7572fea456..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 16930 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" }, "dependencies": { - "@carbon/icon-helpers": "^10.46.0-rc.0", + "@carbon/icon-helpers": "^10.46.0", "@carbon/telemetry": "0.1.0", "prop-types": "^15.7.2" }, "devDependencies": { - "@carbon/icon-build-helpers": "^1.22.0-rc.0", - "@carbon/icons": "^11.35.0-rc.0", + "@carbon/icon-build-helpers": "^1.22.0", + "@carbon/icons": "^11.35.0", "rimraf": "^5.0.0" }, "sideEffects": false diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json index 9e508e1fb8fd..7edbb673b3d0 100644 --- a/packages/icons-vue/package.json +++ b/packages/icons-vue/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons-vue", "description": "Vue components for icons in digital and software products using the Carbon Design System", - "version": "10.84.0-rc.0", + "version": "10.84.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -29,11 +29,11 @@ "clean": "rimraf es lib" }, "dependencies": { - "@carbon/icon-helpers": "^10.46.0-rc.0" + "@carbon/icon-helpers": "^10.46.0" }, "devDependencies": { "@carbon/cli-reporter": "^10.7.0", - "@carbon/icons": "^11.35.0-rc.0", + "@carbon/icons": "^11.35.0", "fs-extra": "^11.0.0", "prettier": "^2.8.8", "rimraf": "^5.0.0", diff --git a/packages/icons/package.json b/packages/icons/package.json index 06be29422319..21ba8061d5af 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons", "description": "Icons for digital and software products using the Carbon Design System", - "version": "11.35.0-rc.0", + "version": "11.35.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -40,7 +40,7 @@ }, "devDependencies": { "@carbon/cli": "^11.15.0", - "@carbon/icon-build-helpers": "^1.22.0-rc.0", + "@carbon/icon-build-helpers": "^1.22.0", "rimraf": "^5.0.0" } } diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json index 0a5d7d146129..085212742e7d 100644 --- a/packages/pictograms-react/package.json +++ b/packages/pictograms-react/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/pictograms-react", "description": "React components for pictograms in digital and software products using the Carbon Design System", - "version": "11.57.0-rc.0", + "version": "11.57.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -38,13 +38,13 @@ "react": ">=16" }, "dependencies": { - "@carbon/icon-helpers": "^10.46.0-rc.0", + "@carbon/icon-helpers": "^10.46.0", "@carbon/telemetry": "0.1.0", "prop-types": "^15.7.2" }, "devDependencies": { - "@carbon/icon-build-helpers": "^1.22.0-rc.0", - "@carbon/pictograms": "^12.31.0-rc.0", + "@carbon/icon-build-helpers": "^1.22.0", + "@carbon/pictograms": "^12.31.0", "rimraf": "^5.0.0" }, "sideEffects": false diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json index 68e68febab47..192d31fcf9e5 100644 --- a/packages/pictograms/package.json +++ b/packages/pictograms/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/pictograms", "description": "Pictograms for digital and software products using the Carbon Design System", - "version": "12.31.0-rc.0", + "version": "12.31.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -32,7 +32,7 @@ "prepublishOnly": "yarn build" }, "devDependencies": { - "@carbon/icon-build-helpers": "^1.22.0-rc.0", + "@carbon/icon-build-helpers": "^1.22.0", "rimraf": "^5.0.0" } } diff --git a/packages/react/package.json b/packages/react/package.json index 1918637c35c0..e76250ba70a7 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/react", "description": "React components for the Carbon Design System", - "version": "1.49.0-rc.0", + "version": "1.49.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -49,9 +49,9 @@ "dependencies": { "@babel/runtime": "^7.18.3", "@carbon/feature-flags": "^0.16.0", - "@carbon/icons-react": "^11.35.0-rc.0", + "@carbon/icons-react": "^11.35.0", "@carbon/layout": "^11.20.0", - "@carbon/styles": "^1.49.0-rc.0", + "@carbon/styles": "^1.49.0", "@ibm/telemetry-js": "^1.2.0", "classnames": "2.5.1", "copy-to-clipboard": "^3.3.1", @@ -79,7 +79,7 @@ "@babel/preset-react": "^7.22.3", "@babel/preset-typescript": "^7.21.5", "@carbon/test-utils": "^10.30.0", - "@carbon/themes": "^11.30.0-rc.0", + "@carbon/themes": "^11.30.0", "@rollup/plugin-babel": "^6.0.0", "@rollup/plugin-commonjs": "^25.0.0", "@rollup/plugin-node-resolve": "^15.0.0", diff --git a/packages/styles/package.json b/packages/styles/package.json index 439b0618c3c2..cf17eff23c97 100644 --- a/packages/styles/package.json +++ b/packages/styles/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/styles", "description": "Styles for the Carbon Design System", - "version": "1.49.0-rc.0", + "version": "1.49.0", "license": "Apache-2.0", "repository": { "type": "git", @@ -43,7 +43,7 @@ "@carbon/grid": "^11.21.0", "@carbon/layout": "^11.20.0", "@carbon/motion": "^11.16.0", - "@carbon/themes": "^11.30.0-rc.0", + "@carbon/themes": "^11.30.0", "@carbon/type": "^11.25.0", "@ibm/plex": "6.0.0-next.6" }, diff --git a/packages/themes/package.json b/packages/themes/package.json index 9a8e0b1aa557..3474852c2d70 100644 --- a/packages/themes/package.json +++ b/packages/themes/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/themes", "description": "Themes for applying color in the Carbon Design System", - "version": "11.30.0-rc.0", + "version": "11.30.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", diff --git a/www/package.json b/www/package.json index 69a8fdf11aef..ee73da547005 100644 --- a/www/package.json +++ b/www/package.json @@ -1,7 +1,7 @@ { "name": "www", "private": true, - "version": "0.58.0-rc.0", + "version": "0.58.0", "license": "Apache-2.0", "repository": { "type": "git", @@ -22,7 +22,7 @@ "start": "next start" }, "dependencies": { - "@carbon/react": "^1.49.0-rc.0", + "@carbon/react": "^1.49.0", "@octokit/core": "^4.0.0", "@octokit/plugin-retry": "^3.0.9", "@octokit/plugin-throttling": "^4.0.0", diff --git a/yarn.lock b/yarn.lock index 903e2f357324..0e2dcc148459 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1828,10 +1828,10 @@ __metadata: "@carbon/cli": "npm:^11.15.0" "@carbon/colors": "npm:^11.20.0" "@carbon/grid": "npm:^11.21.0" - "@carbon/icons": "npm:^11.35.0-rc.0" + "@carbon/icons": "npm:^11.35.0" "@carbon/layout": "npm:^11.20.0" "@carbon/motion": "npm:^11.16.0" - "@carbon/themes": "npm:^11.30.0-rc.0" + "@carbon/themes": "npm:^11.30.0" "@carbon/type": "npm:^11.25.0" fs-extra: "npm:^11.0.0" klaw-sync: "npm:^6.0.0" @@ -1878,7 +1878,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/icon-build-helpers@npm:^1.22.0-rc.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers": +"@carbon/icon-build-helpers@npm:^1.22.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers": version: 0.0.0-use.local resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers" dependencies: @@ -1889,7 +1889,7 @@ __metadata: "@babel/template": "npm:^7.16.7" "@babel/types": "npm:^7.18.4" "@carbon/cli-reporter": "npm:^10.7.0" - "@carbon/icon-helpers": "npm:^10.46.0-rc.0" + "@carbon/icon-helpers": "npm:^10.46.0" "@hapi/joi": "npm:^17.1.1" "@rollup/plugin-babel": "npm:^6.0.0" "@rollup/plugin-replace": "npm:^5.0.0" @@ -1914,14 +1914,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/icon-helpers@npm:^10.28.0": - version: 10.45.1 - resolution: "@carbon/icon-helpers@npm:10.45.1" - checksum: 69da5ae85b586c5bb754f1db90069fb48f556c9f5023318a25572faa07e6dca0f07aaec237eaec883029bb75819b64c30bf4716339cdbab590ca0ee648ef67bc - languageName: node - linkType: hard - -"@carbon/icon-helpers@npm:^10.46.0-rc.0, @carbon/icon-helpers@workspace:packages/icon-helpers": +"@carbon/icon-helpers@npm:^10.28.0, @carbon/icon-helpers@npm:^10.46.0, @carbon/icon-helpers@workspace:packages/icon-helpers": version: 0.0.0-use.local resolution: "@carbon/icon-helpers@workspace:packages/icon-helpers" dependencies: @@ -1944,13 +1937,13 @@ __metadata: languageName: node linkType: hard -"@carbon/icons-react@npm:^11.35.0-rc.0, @carbon/icons-react@workspace:packages/icons-react": +"@carbon/icons-react@npm:^11.35.0, @carbon/icons-react@workspace:packages/icons-react": version: 0.0.0-use.local resolution: "@carbon/icons-react@workspace:packages/icons-react" dependencies: - "@carbon/icon-build-helpers": "npm:^1.22.0-rc.0" - "@carbon/icon-helpers": "npm:^10.46.0-rc.0" - "@carbon/icons": "npm:^11.35.0-rc.0" + "@carbon/icon-build-helpers": "npm:^1.22.0" + "@carbon/icon-helpers": "npm:^10.46.0" + "@carbon/icons": "npm:^11.35.0" "@carbon/telemetry": "npm:0.1.0" prop-types: "npm:^15.7.2" rimraf: "npm:^5.0.0" @@ -1964,8 +1957,8 @@ __metadata: resolution: "@carbon/icons-vue@workspace:packages/icons-vue" dependencies: "@carbon/cli-reporter": "npm:^10.7.0" - "@carbon/icon-helpers": "npm:^10.46.0-rc.0" - "@carbon/icons": "npm:^11.35.0-rc.0" + "@carbon/icon-helpers": "npm:^10.46.0" + "@carbon/icons": "npm:^11.35.0" fs-extra: "npm:^11.0.0" prettier: "npm:^2.8.8" rimraf: "npm:^5.0.0" @@ -1974,12 +1967,12 @@ __metadata: languageName: unknown linkType: soft -"@carbon/icons@npm:^11.35.0-rc.0, @carbon/icons@workspace:packages/icons": +"@carbon/icons@npm:^11.35.0, @carbon/icons@workspace:packages/icons": version: 0.0.0-use.local resolution: "@carbon/icons@workspace:packages/icons" dependencies: "@carbon/cli": "npm:^11.15.0" - "@carbon/icon-build-helpers": "npm:^1.22.0-rc.0" + "@carbon/icon-build-helpers": "npm:^1.22.0" rimraf: "npm:^5.0.0" languageName: unknown linkType: soft @@ -2017,9 +2010,9 @@ __metadata: version: 0.0.0-use.local resolution: "@carbon/pictograms-react@workspace:packages/pictograms-react" dependencies: - "@carbon/icon-build-helpers": "npm:^1.22.0-rc.0" - "@carbon/icon-helpers": "npm:^10.46.0-rc.0" - "@carbon/pictograms": "npm:^12.31.0-rc.0" + "@carbon/icon-build-helpers": "npm:^1.22.0" + "@carbon/icon-helpers": "npm:^10.46.0" + "@carbon/pictograms": "npm:^12.31.0" "@carbon/telemetry": "npm:0.1.0" prop-types: "npm:^15.7.2" rimraf: "npm:^5.0.0" @@ -2028,16 +2021,16 @@ __metadata: languageName: unknown linkType: soft -"@carbon/pictograms@npm:^12.31.0-rc.0, @carbon/pictograms@workspace:packages/pictograms": +"@carbon/pictograms@npm:^12.31.0, @carbon/pictograms@workspace:packages/pictograms": version: 0.0.0-use.local resolution: "@carbon/pictograms@workspace:packages/pictograms" dependencies: - "@carbon/icon-build-helpers": "npm:^1.22.0-rc.0" + "@carbon/icon-build-helpers": "npm:^1.22.0" rimraf: "npm:^5.0.0" languageName: unknown linkType: soft -"@carbon/react@npm:^1.49.0-rc.0, @carbon/react@workspace:packages/react": +"@carbon/react@npm:^1.49.0, @carbon/react@workspace:packages/react": version: 0.0.0-use.local resolution: "@carbon/react@workspace:packages/react" dependencies: @@ -2051,11 +2044,11 @@ __metadata: "@babel/preset-typescript": "npm:^7.21.5" "@babel/runtime": "npm:^7.18.3" "@carbon/feature-flags": "npm:^0.16.0" - "@carbon/icons-react": "npm:^11.35.0-rc.0" + "@carbon/icons-react": "npm:^11.35.0" "@carbon/layout": "npm:^11.20.0" - "@carbon/styles": "npm:^1.49.0-rc.0" + "@carbon/styles": "npm:^1.49.0" "@carbon/test-utils": "npm:^10.30.0" - "@carbon/themes": "npm:^11.30.0-rc.0" + "@carbon/themes": "npm:^11.30.0" "@ibm/telemetry-js": "npm:^1.2.0" "@rollup/plugin-babel": "npm:^6.0.0" "@rollup/plugin-commonjs": "npm:^25.0.0" @@ -2133,7 +2126,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/styles@npm:^1.49.0-rc.0, @carbon/styles@workspace:packages/styles": +"@carbon/styles@npm:^1.49.0, @carbon/styles@workspace:packages/styles": version: 0.0.0-use.local resolution: "@carbon/styles@workspace:packages/styles" dependencies: @@ -2143,7 +2136,7 @@ __metadata: "@carbon/layout": "npm:^11.20.0" "@carbon/motion": "npm:^11.16.0" "@carbon/test-utils": "npm:^10.30.0" - "@carbon/themes": "npm:^11.30.0-rc.0" + "@carbon/themes": "npm:^11.30.0" "@carbon/type": "npm:^11.25.0" "@ibm/plex": "npm:6.0.0-next.6" autoprefixer: "npm:^10.4.7" @@ -2186,7 +2179,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/themes@npm:^11.30.0-rc.0, @carbon/themes@workspace:packages/themes": +"@carbon/themes@npm:^11.30.0, @carbon/themes@workspace:packages/themes": version: 0.0.0-use.local resolution: "@carbon/themes@workspace:packages/themes" dependencies: @@ -9850,8 +9843,8 @@ __metadata: "@babel/plugin-transform-react-constant-elements": "npm:^7.17.12" "@babel/preset-env": "npm:^7.18.2" "@babel/preset-react": "npm:^7.17.12" - "@carbon/react": "npm:^1.49.0-rc.0" - "@carbon/styles": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" + "@carbon/styles": "npm:^1.49.0" "@carbon/telemetry": "npm:0.1.0" "@carbon/test-utils": "npm:^10.30.0" "@rollup/plugin-babel": "npm:^6.0.0" @@ -9890,7 +9883,7 @@ __metadata: version: 0.0.0-use.local resolution: "carbon-components@workspace:packages/carbon-components" dependencies: - "@carbon/styles": "npm:^1.49.0-rc.0" + "@carbon/styles": "npm:^1.49.0" "@carbon/telemetry": "npm:0.1.0" "@carbon/test-utils": "npm:^10.30.0" chalk: "npm:1.1.3" @@ -10239,7 +10232,7 @@ __metadata: version: 0.0.0-use.local resolution: "class-prefix@workspace:examples/class-prefix" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" @@ -10550,7 +10543,7 @@ __metadata: version: 0.0.0-use.local resolution: "codesandbox-styles@workspace:examples/codesandbox-styles" dependencies: - "@carbon/styles": "npm:^1.49.0-rc.0" + "@carbon/styles": "npm:^1.49.0" sass: "npm:^1.51.0" vite: "npm:^4.3.8" languageName: unknown @@ -11577,7 +11570,7 @@ __metadata: version: 0.0.0-use.local resolution: "custom-theme@workspace:examples/custom-theme" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" @@ -13644,7 +13637,7 @@ __metadata: version: 0.0.0-use.local resolution: "examples-light-dark@workspace:examples/light-dark-mode" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" eslint: "npm:8.40.0" next: "npm:13.5.1" react: "npm:18.2.0" @@ -13657,7 +13650,7 @@ __metadata: version: 0.0.0-use.local resolution: "examples-nextjs@workspace:examples/nextjs" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" eslint: "npm:8.40.0" eslint-config-next: "npm:13.4.7" next: "npm:13.5.6" @@ -15806,7 +15799,7 @@ __metadata: version: 0.0.0-use.local resolution: "id-prefix@workspace:examples/id-prefix" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" @@ -15920,7 +15913,7 @@ __metadata: resolution: "incremental-migration-vite@workspace:examples/incremental-migration-vite" dependencies: "@carbon/icons-react": "npm:^10.49.0" - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" carbon-components: "npm:^10.57.0" carbon-components-react: "npm:^7.57.0" @@ -27640,7 +27633,7 @@ __metadata: version: 0.0.0-use.local resolution: "v10-token-compat-in-v11@workspace:examples/v10-token-compat-in-v11" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" @@ -27926,7 +27919,7 @@ __metadata: version: 0.0.0-use.local resolution: "vite@workspace:examples/vite" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@vitejs/plugin-react": "npm:4.0.0" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" @@ -28496,7 +28489,7 @@ __metadata: version: 0.0.0-use.local resolution: "www@workspace:www" dependencies: - "@carbon/react": "npm:^1.49.0-rc.0" + "@carbon/react": "npm:^1.49.0" "@octokit/core": "npm:^4.0.0" "@octokit/plugin-retry": "npm:^3.0.9" "@octokit/plugin-throttling": "npm:^4.0.0" From b4464c16bb32c76042158e650c9eebcc2d72a610 Mon Sep 17 00:00:00 2001 From: "Andrea N. Cardona" Date: Mon, 5 Feb 2024 06:42:42 -0800 Subject: [PATCH 2/3] fix: 15256-multiselect-selected-options-bug (#15633) * fix: 15256-multiselect-selected-options-bug * fix: add item type --- .../react/src/components/MultiSelect/MultiSelect.tsx | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/MultiSelect/MultiSelect.tsx b/packages/react/src/components/MultiSelect/MultiSelect.tsx index ded2a65ff5ba..0d27f49c7ca4 100644 --- a/packages/react/src/components/MultiSelect/MultiSelect.tsx +++ b/packages/react/src/components/MultiSelect/MultiSelect.tsx @@ -89,6 +89,10 @@ interface SortItemsOptions selectedItems: ItemType[]; } +interface selectedItemType { + text: string; +} + interface MultiSelectSortingProps { /** * Provide a compare function that is used to determine the ordering of @@ -588,14 +592,18 @@ const MultiSelect = React.forwardRef( }); } + const itemsSelectedText = + selectedItems.length > 0 && + selectedItems.map((item) => (item as selectedItemType).text); + return (
From 722b329b1cba897e9f22adec0e5d1d14f267f352 Mon Sep 17 00:00:00 2001 From: Guilherme Datilio Ribeiro Date: Mon, 5 Feb 2024 12:15:50 -0300 Subject: [PATCH 3/3] Menu and Friends workstream (#15398) * feat: added top direction * feat: adding ellipse check * feat: adding alignments to menu * feat: added alignment working * feat: added ellipsis to combobutton * fix: added aalignments and ellipsis * fix: fixed popover * fix: fixed bugs in alignment * fix: fixed prop name * fix: added tests to ComboButton * feat: added story manipulation * test: updated snapshots * fix: changed style file re-use in other components * fix: fixed menu size when the combobutton is larger * fix: added comment * docs: added docs to menubutton * test: updated snapshots * fix: changed css and docs * feat: added menuAlignment to overflowMenu * fix: slipt css for menuAligment due to different block-sizes * test: added test for different files * fix: added new stories for MenuButton * fix: added box shadow to top alignment * fix: fixed visual changes in percy * fix: added the menuAlignment to playground * fix: fixed typo on the scss * Update _menu.scss remove comments * Update packages/react/src/components/Menu/Menu.tsx Co-authored-by: TJ Egan * Update packages/react/src/components/Menu/Menu.tsx Co-authored-by: TJ Egan * Update index.js * Update Menu.tsx * fix: fixed alignment naming * fix: removed console.log * fix: experimental property added to menualignment * test: fixed tests * fix: fixed ref and menuAlignment names * docs: fixed docs * fix: snapshots * Update packages/react/src/components/Menu/Menu.tsx * Update packages/react/src/components/ComboButton/ComboButton.mdx * fix: removed test playground code --------- Co-authored-by: Andrea N. Cardona Co-authored-by: TJ Egan Co-authored-by: Taylor Jones --- .../__snapshots__/PublicAPI-test.js.snap | 29 +++++++++ .../ComboButton/ComboButton-test.js | 45 ++++++++++++- .../components/ComboButton/ComboButton.mdx | 13 ++++ .../ComboButton/ComboButton.stories.js | 64 ++++++++++++++++++- .../react/src/components/ComboButton/index.js | 25 +++++++- packages/react/src/components/Menu/Menu.tsx | 64 +++++++++++++++++++ .../components/MenuButton/MenuButton-test.js | 26 ++++++++ .../src/components/MenuButton/MenuButton.mdx | 13 ++++ .../MenuButton/MenuButton.stories.js | 54 +++++++++++++++- .../react/src/components/MenuButton/index.js | 22 +++++++ .../OverflowMenu.featureflag.stories.js | 64 +++++++++++++++++++ .../OverflowMenu/next/OverflowMenu-test.js | 22 +++++++ .../OverflowMenu/next/OverflowMenu.mdx | 14 ++++ .../src/components/OverflowMenu/next/index.js | 34 +++++++++- .../combo-button/_combo-button.scss | 27 +++++++- .../components/menu-button/_menu-button.scss | 16 +++++ .../overflow-menu/_overflow-menu.scss | 11 ++++ .../styles/scss/utilities/_box-shadow.scss | 4 ++ 18 files changed, 536 insertions(+), 11 deletions(-) diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap index 99a46bc5b36a..66556fad566e 100644 --- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap +++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -1372,6 +1372,19 @@ Map { "isRequired": true, "type": "string", }, + "menuAlignment": Object { + "args": Array [ + Array [ + "top", + "top-start", + "top-end", + "bottom", + "bottom-start", + "bottom-end", + ], + ], + "type": "oneOf", + }, "onClick": Object { "type": "func", }, @@ -4470,6 +4483,9 @@ Map { "label": Object { "type": "string", }, + "menuAlignment": Object { + "type": "string", + }, "mode": Object { "args": Array [ Array [ @@ -4568,6 +4584,19 @@ Map { "isRequired": true, "type": "string", }, + "menuAlignment": Object { + "args": Array [ + Array [ + "top", + "top-start", + "top-end", + "bottom", + "bottom-start", + "bottom-end", + ], + ], + "type": "oneOf", + }, "size": Object { "args": Array [ Array [ diff --git a/packages/react/src/components/ComboButton/ComboButton-test.js b/packages/react/src/components/ComboButton/ComboButton-test.js index 0189db55fc83..653889445daf 100644 --- a/packages/react/src/components/ComboButton/ComboButton-test.js +++ b/packages/react/src/components/ComboButton/ComboButton-test.js @@ -1,3 +1,4 @@ +/* eslint-disable testing-library/no-node-access */ /** * Copyright IBM Corp. 2023 * @@ -106,7 +107,6 @@ describe('ComboButton', () => { ); - // eslint-disable-next-line testing-library/no-node-access expect(container.firstChild.lastChild).toHaveClass( `${prefix}--popover--${alignment}` ); @@ -114,6 +114,33 @@ describe('ComboButton', () => { }); }); + describe('supports props.menuAlignment', () => { + const alignments = [ + 'top', + 'top-start', + 'top-end', + 'bottom', + 'bottom-start', + 'bottom-end', + ]; + + alignments.forEach((alignment) => { + it(`menuAlignment="${alignment}"`, async () => { + render( + + + + ); + + await userEvent.click(screen.getAllByRole('button')[1]); + + expect(screen.getByRole('menu')).toHaveClass( + `${prefix}--combo-button__${alignment}` + ); + }); + }); + }); + it('supports props.translateWithId', () => { const t = () => 'test'; @@ -125,7 +152,6 @@ describe('ComboButton', () => { const triggerButton = screen.getAllByRole('button')[1]; const tooltipId = triggerButton.getAttribute('aria-labelledby'); - // eslint-disable-next-line testing-library/no-node-access const tooltip = document.getElementById(tooltipId); expect(tooltip).toHaveTextContent(t()); @@ -210,5 +236,20 @@ describe('ComboButton', () => { expect(spy).toHaveBeenCalled(); spy.mockRestore(); }); + + it('supports ellipsis in ComboButton by checking the className', async () => { + render( + + + + + + ); + + expect( + screen.getByTitle('Primary action super long text to enable ellipsis') + .parentElement + ).toHaveClass(`${prefix}--combo-button__primary-action`); + }); }); }); diff --git a/packages/react/src/components/ComboButton/ComboButton.mdx b/packages/react/src/components/ComboButton/ComboButton.mdx index 8325bbc88959..78083d2425e6 100644 --- a/packages/react/src/components/ComboButton/ComboButton.mdx +++ b/packages/react/src/components/ComboButton/ComboButton.mdx @@ -27,6 +27,19 @@ disclosed list next to the primary action. These additional actions must be ``` +## Menu Alignment (experimental) + +The `menuAlignment` prop enables you to define the placement of the Menu in +relation to the `ComboButton`. For instance, setting `menuAlignment="top"` on +the `ComboButton` will render the Menu above the button. + +If it seems your specified `menuAlignment` isn't working, it's because we +prioritize ensuring the Menu remains visible. We calculate the optimal position +to display the Menu in case the provided `menuAlignment` obscures it. + +We encourage you to play around in the Storybook playground to better understand +the `menuAlignment` prop. + ## Component API diff --git a/packages/react/src/components/ComboButton/ComboButton.stories.js b/packages/react/src/components/ComboButton/ComboButton.stories.js index 0f9755520a3e..d4323b6ac49f 100644 --- a/packages/react/src/components/ComboButton/ComboButton.stories.js +++ b/packages/react/src/components/ComboButton/ComboButton.stories.js @@ -30,7 +30,7 @@ export default { export const Default = () => ( - + @@ -38,7 +38,7 @@ export const Default = () => ( export const WithDanger = () => ( - + @@ -53,12 +53,70 @@ export const WithIcons = () => ( ); +export const WithMenuAlignment = () => ( + <> +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ +); + export const Playground = (args) => { const onClick = action('onClick (MenuItem)'); return ( - + diff --git a/packages/react/src/components/ComboButton/index.js b/packages/react/src/components/ComboButton/index.js index 403cb1f159e8..6e719ae4b01b 100644 --- a/packages/react/src/components/ComboButton/index.js +++ b/packages/react/src/components/ComboButton/index.js @@ -36,6 +36,7 @@ const ComboButton = React.forwardRef(function ComboButton( label, onClick, size = 'lg', + menuAlignment = 'bottom', tooltipAlignment, translateWithId: t = defaultTranslateWithId, ...rest @@ -44,7 +45,6 @@ const ComboButton = React.forwardRef(function ComboButton( ) { const id = useId('combobutton'); const prefix = usePrefix(); - const containerRef = useRef(null); const menuRef = useRef(null); const ref = useMergedRefs([forwardRef, containerRef]); @@ -74,6 +74,11 @@ const ComboButton = React.forwardRef(function ComboButton( function handleOpen() { menuRef.current.style.inlineSize = `${width}px`; + menuRef.current.style.minInlineSize = `${width}px`; + + if (menuAlignment !== 'bottom' && menuAlignment !== 'top') { + menuRef.current.style.inlineSize = `fit-content`; + } } const containerClasses = classNames( @@ -85,6 +90,8 @@ const ComboButton = React.forwardRef(function ComboButton( className ); + const menuClasses = classNames(`${prefix}--combo-button__${menuAlignment}`); + const primaryActionClasses = classNames( `${prefix}--combo-button__primary-action` ); @@ -98,6 +105,7 @@ const ComboButton = React.forwardRef(function ComboButton( aria-owns={open ? id : null}>
{ ); }; +export const WithMenuAlignment = (args) => { + return ( + <> +
+ + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ + ); +}; + export const Playground = (args) => { return ( @@ -128,4 +185,11 @@ Playground.argTypes = { disable: true, }, }, + menuAlignment: { + options: ['bottom-start', 'bottom-end', 'top-start', 'top-end'], + control: { type: 'select' }, + description: + 'Specify how the menu should align with the button element `bottom-start` `bottom-end` `top-start` `top-end`', + default: 'bottom-start', + }, }; diff --git a/packages/react/src/components/OverflowMenu/next/OverflowMenu-test.js b/packages/react/src/components/OverflowMenu/next/OverflowMenu-test.js index 90fee14c033c..519c0783a64a 100644 --- a/packages/react/src/components/OverflowMenu/next/OverflowMenu-test.js +++ b/packages/react/src/components/OverflowMenu/next/OverflowMenu-test.js @@ -11,6 +11,8 @@ import { MenuItem } from '../../Menu'; import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; +const prefix = 'cds'; + describe('OverflowMenu (enable-v12-overflowmenu)', () => { it('should render closed by default', () => { render( @@ -103,4 +105,24 @@ describe('OverflowMenu (enable-v12-overflowmenu)', () => { 'false' ); }); + + describe('supports props.menuAlignment', () => { + const alignments = ['top-start', 'top-end', 'bottom-start', 'bottom-end']; + + alignments.forEach((alignment) => { + it(`menuAlignment="${alignment}"`, async () => { + render( + + one + + ); + + await userEvent.click(screen.getByRole('button')); + + expect(screen.getAllByRole('menu')[0]).toHaveClass( + `${prefix}--overflow-menu__${alignment}` + ); + }); + }); + }); }); diff --git a/packages/react/src/components/OverflowMenu/next/OverflowMenu.mdx b/packages/react/src/components/OverflowMenu/next/OverflowMenu.mdx index 2f7d7013462e..ef2984a7399b 100644 --- a/packages/react/src/components/OverflowMenu/next/OverflowMenu.mdx +++ b/packages/react/src/components/OverflowMenu/next/OverflowMenu.mdx @@ -29,6 +29,20 @@ This version of the `OverflowMenu` can be enabled by using the ``` +## Menu Alignment + +The `menuAlignment` prop enables you to define the placement of the Menu in +relation to the `OverflowMenu`. For instance, setting +`menuAlignment="top-start"` on the `OverflowMenu` will render the Menu above the +button. + +If it seems your specified `menuAlignment` isn't working, it's because we +prioritize ensuring the Menu remains visible. We calculate the optimal position +to display the Menu in case the provided `menuAlignment` obscures it. + +We encourage you to play around in the Storybook playground to better understand +the `menuAlignment` prop. + ## Component API diff --git a/packages/react/src/components/OverflowMenu/next/index.js b/packages/react/src/components/OverflowMenu/next/index.js index 331be0ad6275..d9abb0707de2 100644 --- a/packages/react/src/components/OverflowMenu/next/index.js +++ b/packages/react/src/components/OverflowMenu/next/index.js @@ -26,6 +26,7 @@ const OverflowMenu = React.forwardRef(function OverflowMenu( label = 'Options', renderIcon: IconElement = OverflowMenuVertical, size = defaultSize, + menuAlignment = 'bottom-start', tooltipAlignment, ...rest }, @@ -35,14 +36,28 @@ const OverflowMenu = React.forwardRef(function OverflowMenu( const prefix = usePrefix(); const triggerRef = useRef(null); - const { open, x, y, handleClick, handleMousedown, handleClose } = - useAttachedMenu(triggerRef); + const { + open, + x, + y, + handleClick: hookOnClick, + handleMousedown, + handleClose, + } = useAttachedMenu(triggerRef); + + function handleTriggerClick() { + if (triggerRef.current) { + hookOnClick(); + } + } const containerClasses = classNames( className, `${prefix}--overflow-menu__container` ); + const menuClasses = classNames(`${prefix}--overflow-menu__${menuAlignment}`); + const triggerClasses = classNames( `${prefix}--overflow-menu`, { @@ -62,7 +77,7 @@ const OverflowMenu = React.forwardRef(function OverflowMenu( aria-haspopup aria-expanded={open} className={triggerClasses} - onClick={handleClick} + onClick={handleTriggerClick} onMouseDown={handleMousedown} ref={triggerRef} label={label} @@ -70,6 +85,9 @@ const OverflowMenu = React.forwardRef(function OverflowMenu(