diff --git a/package-lock.json b/package-lock.json index 319ccea61..4fc8e921c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8000,28 +8000,38 @@ } }, "node_modules/@patternfly/react-component-groups": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-1.2.1.tgz", - "integrity": "sha512-CDeQgTO8D4IKdLfJlTFAr7r3tS3PLZry800N8bT/QxXOticc+4JYVu9bH6FeyfOKnX9hpmeenpgwy/+Bmnjmbg==", + "version": "5.0.0-prerelease.5", + "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-5.0.0-prerelease.5.tgz", + "integrity": "sha512-LsOUwn4ldocLTx2M/XE4y72RQ5O5ZF5qfHoWRa7WusgmAI06l/fAhg8Et6teiDR9PopQiIiIVFqlBljhGrmKww==", "dependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "react-jss": "^10.9.2" + "@patternfly/react-core": "^5.1.1", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-table": "^5.1.1", + "clsx": "^2.0.0", + "react-jss": "^10.10.0" }, "peerDependencies": { "react": "^17 || ^18", "react-dom": "^17 || ^18" } }, + "node_modules/@patternfly/react-component-groups/node_modules/clsx": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", + "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==", + "engines": { + "node": ">=6" + } + }, "node_modules/@patternfly/react-core": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.0.0.tgz", - "integrity": "sha512-kewRVFhLw0Dvt8250pqrO47sVRx8E93sMGZbHQomJnZdachYeQ9STnQTP2gvOBq/GPnMei0LZLv0T99g8mPE4w==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.1.1.tgz", + "integrity": "sha512-9DbgQMXYmF8A4aCNLKXwIN1H07SIPoPaVLvx+yiDuJfDx4Qi0T+H7j5cx0VfDfxuCpqea3POJWqBQn1HnwS4wQ==", "dependencies": { - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-styles": "^5.0.0", - "@patternfly/react-tokens": "^5.0.0", - "focus-trap": "7.4.3", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-styles": "^5.1.1", + "@patternfly/react-tokens": "^5.1.1", + "focus-trap": "7.5.2", "react-dropzone": "^14.2.3", "tslib": "^2.5.0" }, @@ -8031,28 +8041,28 @@ } }, "node_modules/@patternfly/react-icons": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.0.0.tgz", - "integrity": "sha512-GG5Y/UYl0h346MyDU9U650Csaq4Mxk8S6U8XC7ERk/xIrRr2RF67O2uY7zKBDMTNLYdBvPzgc2s3OMV1+d2/mg==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.1.1.tgz", + "integrity": "sha512-9gCxkWz2xcdi0rtXu2F0L68w4tLIlsgGTACo1ggr4aVng9jRX++o1PlCOqscOd9o0NiFnFD7BLlZUGvJWaYEZg==", "peerDependencies": { "react": "^17 || ^18", "react-dom": "^17 || ^18" } }, "node_modules/@patternfly/react-styles": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.0.0.tgz", - "integrity": "sha512-xbSCgjx+fPrXbIzUznwTFWtJEbzVS0Wn4zrejdKJYQTY+4YcuPlFkeq2tl3syzwGsaYMpHiFwQiTaKyTvlwtuw==" + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.1.1.tgz", + "integrity": "sha512-swO9X+WixYYDsMVsEJp1V8QUfhEQY91QfFm4phfYP4jc2TQ2opIFYdUIHkc+yrZwBhrgb/pPUUfemyqAoSbZcA==" }, "node_modules/@patternfly/react-table": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-5.0.0.tgz", - "integrity": "sha512-Q3MBo9+ZmBvLJzVHxmV9f/4qQAz5Si743zVLHRwjh+tjbn/DrcbxJdT8Uxa3NGKkpvszzgi/LPeXipJOHOELug==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-5.1.1.tgz", + "integrity": "sha512-9tAtHj16hemJ6YRBWIm2O+QRNoFWYQt8ZLQ1G0KBwpg2t2G2CbGsS2RG+BamO4IVE6IPo3Yoo39p4UCNRiGVpA==", "dependencies": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-styles": "^5.0.0", - "@patternfly/react-tokens": "^5.0.0", + "@patternfly/react-core": "^5.1.1", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-styles": "^5.1.1", + "@patternfly/react-tokens": "^5.1.1", "lodash": "^4.17.19", "tslib": "^2.5.0" }, @@ -8062,9 +8072,9 @@ } }, "node_modules/@patternfly/react-tokens": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.0.0.tgz", - "integrity": "sha512-to2CXIZ6WTuzBcjLZ+nXi5LhnYkSIDu3RBMRZwrplmECOoUWv87CC+2T0EVxtASRtpQfikjD2PDKMsif5i0BxQ==" + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.1.1.tgz", + "integrity": "sha512-cHuNkzNA9IY9aDwfjSEkitQoVEvRhOJRKhH0yIRlRByEkbdoV9jJZ9xj20hNShE+bxmNuom+MCTQSkpkN1bV8A==" }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", @@ -21033,11 +21043,11 @@ } }, "node_modules/focus-trap": { - "version": "7.4.3", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.3.tgz", - "integrity": "sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==", + "version": "7.5.2", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.2.tgz", + "integrity": "sha512-p6vGNNWLDGwJCiEjkSK6oERj/hEyI9ITsSwIUICBoKLlWiTWXJRfQibCwcoi50rTZdbi87qDtUlMCmQwsGSgPw==", "dependencies": { - "tabbable": "^6.1.2" + "tabbable": "^6.2.0" } }, "node_modules/follow-redirects": { @@ -41993,7 +42003,7 @@ }, "packages/chrome": { "name": "@redhat-cloud-services/chrome", - "version": "1.0.3", + "version": "1.0.4", "license": "Apache-2.0", "dependencies": { "lodash": "^4.17.21" @@ -42015,7 +42025,7 @@ "version": "4.0.14", "license": "Apache-2.0", "dependencies": { - "@patternfly/react-component-groups": "^1.2.1", + "@patternfly/react-component-groups": "^5.0.0-prerelease.5", "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", "@redhat-cloud-services/types": "^0.0.24", "@scalprum/core": "^0.5.4", @@ -49154,56 +49164,65 @@ } }, "@patternfly/react-component-groups": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-1.2.1.tgz", - "integrity": "sha512-CDeQgTO8D4IKdLfJlTFAr7r3tS3PLZry800N8bT/QxXOticc+4JYVu9bH6FeyfOKnX9hpmeenpgwy/+Bmnjmbg==", + "version": "5.0.0-prerelease.5", + "resolved": "https://registry.npmjs.org/@patternfly/react-component-groups/-/react-component-groups-5.0.0-prerelease.5.tgz", + "integrity": "sha512-LsOUwn4ldocLTx2M/XE4y72RQ5O5ZF5qfHoWRa7WusgmAI06l/fAhg8Et6teiDR9PopQiIiIVFqlBljhGrmKww==", "requires": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "react-jss": "^10.9.2" + "@patternfly/react-core": "^5.1.1", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-table": "^5.1.1", + "clsx": "^2.0.0", + "react-jss": "^10.10.0" + }, + "dependencies": { + "clsx": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz", + "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==" + } } }, "@patternfly/react-core": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.0.0.tgz", - "integrity": "sha512-kewRVFhLw0Dvt8250pqrO47sVRx8E93sMGZbHQomJnZdachYeQ9STnQTP2gvOBq/GPnMei0LZLv0T99g8mPE4w==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-5.1.1.tgz", + "integrity": "sha512-9DbgQMXYmF8A4aCNLKXwIN1H07SIPoPaVLvx+yiDuJfDx4Qi0T+H7j5cx0VfDfxuCpqea3POJWqBQn1HnwS4wQ==", "requires": { - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-styles": "^5.0.0", - "@patternfly/react-tokens": "^5.0.0", - "focus-trap": "7.4.3", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-styles": "^5.1.1", + "@patternfly/react-tokens": "^5.1.1", + "focus-trap": "7.5.2", "react-dropzone": "^14.2.3", "tslib": "^2.5.0" } }, "@patternfly/react-icons": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.0.0.tgz", - "integrity": "sha512-GG5Y/UYl0h346MyDU9U650Csaq4Mxk8S6U8XC7ERk/xIrRr2RF67O2uY7zKBDMTNLYdBvPzgc2s3OMV1+d2/mg==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-5.1.1.tgz", + "integrity": "sha512-9gCxkWz2xcdi0rtXu2F0L68w4tLIlsgGTACo1ggr4aVng9jRX++o1PlCOqscOd9o0NiFnFD7BLlZUGvJWaYEZg==", "requires": {} }, "@patternfly/react-styles": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.0.0.tgz", - "integrity": "sha512-xbSCgjx+fPrXbIzUznwTFWtJEbzVS0Wn4zrejdKJYQTY+4YcuPlFkeq2tl3syzwGsaYMpHiFwQiTaKyTvlwtuw==" + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-5.1.1.tgz", + "integrity": "sha512-swO9X+WixYYDsMVsEJp1V8QUfhEQY91QfFm4phfYP4jc2TQ2opIFYdUIHkc+yrZwBhrgb/pPUUfemyqAoSbZcA==" }, "@patternfly/react-table": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-5.0.0.tgz", - "integrity": "sha512-Q3MBo9+ZmBvLJzVHxmV9f/4qQAz5Si743zVLHRwjh+tjbn/DrcbxJdT8Uxa3NGKkpvszzgi/LPeXipJOHOELug==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-5.1.1.tgz", + "integrity": "sha512-9tAtHj16hemJ6YRBWIm2O+QRNoFWYQt8ZLQ1G0KBwpg2t2G2CbGsS2RG+BamO4IVE6IPo3Yoo39p4UCNRiGVpA==", "requires": { - "@patternfly/react-core": "^5.0.0", - "@patternfly/react-icons": "^5.0.0", - "@patternfly/react-styles": "^5.0.0", - "@patternfly/react-tokens": "^5.0.0", + "@patternfly/react-core": "^5.1.1", + "@patternfly/react-icons": "^5.1.1", + "@patternfly/react-styles": "^5.1.1", + "@patternfly/react-tokens": "^5.1.1", "lodash": "^4.17.19", "tslib": "^2.5.0" } }, "@patternfly/react-tokens": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.0.0.tgz", - "integrity": "sha512-to2CXIZ6WTuzBcjLZ+nXi5LhnYkSIDu3RBMRZwrplmECOoUWv87CC+2T0EVxtASRtpQfikjD2PDKMsif5i0BxQ==" + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-5.1.1.tgz", + "integrity": "sha512-cHuNkzNA9IY9aDwfjSEkitQoVEvRhOJRKhH0yIRlRByEkbdoV9jJZ9xj20hNShE+bxmNuom+MCTQSkpkN1bV8A==" }, "@pkgjs/parseargs": { "version": "0.11.0", @@ -49330,7 +49349,7 @@ "requires": { "@cypress/webpack-dev-server": "^1.8.4", "@patternfly/patternfly": "^5.0.0", - "@patternfly/react-component-groups": "^1.2.1", + "@patternfly/react-component-groups": "^5.0.0-prerelease.5", "@redhat-cloud-services/frontend-components-config-utilities": "^3.0.0", "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", "@redhat-cloud-services/types": "^0.0.24", @@ -59166,11 +59185,11 @@ } }, "focus-trap": { - "version": "7.4.3", - "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.4.3.tgz", - "integrity": "sha512-BgSSbK4GPnS2VbtZ50VtOv1Sti6DIkj3+LkVjiWMNjLeAp1SH1UlLx3ULu/DCu4vq5R4/uvTm+zrvsMsuYmGLg==", + "version": "7.5.2", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.2.tgz", + "integrity": "sha512-p6vGNNWLDGwJCiEjkSK6oERj/hEyI9ITsSwIUICBoKLlWiTWXJRfQibCwcoi50rTZdbi87qDtUlMCmQwsGSgPw==", "requires": { - "tabbable": "^6.1.2" + "tabbable": "^6.2.0" } }, "follow-redirects": { diff --git a/packages/components/README.md b/packages/components/README.md index 790b05ecc..6e6758ae3 100644 --- a/packages/components/README.md +++ b/packages/components/README.md @@ -130,7 +130,6 @@ transform: (importName) =>`@redhat-cloud-services/frontend-components/esm/${FECM * [emptyTable](doc/emptyTable.md) * [input](doc/input.md) * [dropdown](doc/dropdown.md) - * [longTextTooltip](doc/longTextTooltip.md) * [spinner](doc/spinner.md) * [ansible](doc/ansible.md) * [filters](doc/filters.md) diff --git a/packages/components/doc/longTextTooltip.md b/packages/components/doc/longTextTooltip.md deleted file mode 100644 index 2c0a7056d..000000000 --- a/packages/components/doc/longTextTooltip.md +++ /dev/null @@ -1,32 +0,0 @@ -# LongTextTooltip - -Truncating long text by characters number and showing tooltip with full text variant above the truncated snippet. - -## Usage - -Import LongTextTooltip from this package. - -```JSX -import React from 'react'; -import { LongTextTooltip } from '@redhat-cloud-services/frontend-components'; -class YourCmp extends React.Component { - render() { - return ( - - ) - } -} -``` - -## Props - -LongTextTooltip - -```javascript -{ - content: propTypes.string, - maxLength: propTypes.number, - tooltipPosition: propTypes.string, // (top), right, bottom, left - tooltipMaxWidth: propTypes.string -}; -``` diff --git a/packages/components/package.json b/packages/components/package.json index 91c409a4d..2ee56dd97 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -49,7 +49,7 @@ "dependencies": { "@redhat-cloud-services/frontend-components-utilities": "^4.0.0", "@redhat-cloud-services/types": "^0.0.24", - "@patternfly/react-component-groups": "^1.2.1", + "@patternfly/react-component-groups": "^5.0.0-prerelease.5", "@scalprum/core": "^0.5.4", "@scalprum/react-core": "^0.5.4", "sanitize-html": "^2.7.2" diff --git a/packages/components/src/DownloadButton/__snapshots__/DownloadButton.test.js.snap b/packages/components/src/DownloadButton/__snapshots__/DownloadButton.test.js.snap index e1a19c32d..a79e7cebe 100644 --- a/packages/components/src/DownloadButton/__snapshots__/DownloadButton.test.js.snap +++ b/packages/components/src/DownloadButton/__snapshots__/DownloadButton.test.js.snap @@ -30,7 +30,7 @@ exports[`DownloadButton component API clicking should open dropdown 1`] = ` data-popper-escaped="true" data-popper-placement="bottom-start" data-popper-reference-hidden="true" - style="position: absolute; left: 0px; top: 0px; z-index: 9999; min-width: 0px; transform: translate(0px, 0px);" + style="position: absolute; left: 0px; top: 0px; z-index: 9999; opacity: 1; transition: opacity 0ms cubic-bezier(.54, 1.5, .38, 1.11); min-width: 0px; transform: translate(0px, 0px);" >
= (props) => ; - -export default LongTextTooltip; diff --git a/packages/components/src/LongTextTooltip/index.ts b/packages/components/src/LongTextTooltip/index.ts deleted file mode 100644 index 830a5e307..000000000 --- a/packages/components/src/LongTextTooltip/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from '@patternfly/react-component-groups/dist/dynamic/LongTextTooltip'; -export { default } from './LongTextTooltip'; -export { default as LongTextTooltip } from './LongTextTooltip'; diff --git a/packages/components/src/PrimaryToolbar/__snapshots__/Actions.test.js.snap b/packages/components/src/PrimaryToolbar/__snapshots__/Actions.test.js.snap index 0a83c1521..4522cfbbe 100644 --- a/packages/components/src/PrimaryToolbar/__snapshots__/Actions.test.js.snap +++ b/packages/components/src/PrimaryToolbar/__snapshots__/Actions.test.js.snap @@ -37,7 +37,7 @@ exports[`Actions - component API should update open 1`] = ` data-ouia-component-id="Actions" data-ouia-component-type="PF5/Dropdown" data-ouia-safe="true" - style="position: absolute; left: 0px; top: 0px; z-index: 9999; min-width: 0px;" + style="position: absolute; left: 0px; top: 0px; z-index: 9999; opacity: 0; transition: opacity 0ms cubic-bezier(.54, 1.5, .38, 1.11); min-width: 0px;" >
{
"name": "TooltipPosition"
}|`TooltipPosition.top`|| -|tooltipMaxWidth|`string`|`'50vw'`|| - - - diff --git a/packages/notifications/src/Notification/__snapshots__/Notification.test.tsx.snap b/packages/notifications/src/Notification/__snapshots__/Notification.test.tsx.snap index beec8543a..dcaf55b48 100644 --- a/packages/notifications/src/Notification/__snapshots__/Notification.test.tsx.snap +++ b/packages/notifications/src/Notification/__snapshots__/Notification.test.tsx.snap @@ -30,7 +30,7 @@ exports[`Notification component should render correctly 1`] = ` class="pf-v5-c-alert__title" > Success alert: @@ -87,7 +87,7 @@ exports[`Notification component should render correctly with HTML description 1` class="pf-v5-c-alert__title" > Success alert: @@ -144,7 +144,7 @@ exports[`Notification component should render correctly with HTML title 1`] = ` class="pf-v5-c-alert__title" > Success alert: @@ -201,7 +201,7 @@ exports[`Notification component should render correctly with dismiss button 1`] class="pf-v5-c-alert__title" > Success alert: @@ -283,7 +283,7 @@ exports[`Notification component should render correctly with sentryId 1`] = ` class="pf-v5-c-alert__title" > Success alert: @@ -354,7 +354,7 @@ exports[`Notification component should render correctly without description 1`] class="pf-v5-c-alert__title" > Success alert: diff --git a/packages/notifications/src/NotificationPortal/__snapshots__/NotificationPortal.test.js.snap b/packages/notifications/src/NotificationPortal/__snapshots__/NotificationPortal.test.js.snap index ea6beab24..2572dbad5 100644 --- a/packages/notifications/src/NotificationPortal/__snapshots__/NotificationPortal.test.js.snap +++ b/packages/notifications/src/NotificationPortal/__snapshots__/NotificationPortal.test.js.snap @@ -127,7 +127,7 @@ exports[`Notification portal should render notifications given as direct props 1 class="pf-v5-c-alert__title" > Success alert: @@ -210,7 +210,7 @@ exports[`Notification portal should render notifications given as direct props 1 class="pf-v5-c-alert__title" > Success alert: @@ -331,7 +331,7 @@ exports[`Notification portal should render notifications given as direct props 1 className="pf-v5-c-alert__title" > Success alert: @@ -553,7 +553,7 @@ exports[`Notification portal should render notifications given as direct props o class="pf-v5-c-alert__title" > Success alert: @@ -636,7 +636,7 @@ exports[`Notification portal should render notifications given as direct props o class="pf-v5-c-alert__title" > Success alert: @@ -719,7 +719,7 @@ exports[`Notification portal should render notifications given as direct props o class="pf-v5-c-alert__title" > Success alert: @@ -840,7 +840,7 @@ exports[`Notification portal should render notifications given as direct props o className="pf-v5-c-alert__title" > Success alert: @@ -1040,7 +1040,7 @@ exports[`Notification portal should render notifications given from store 1`] = class="pf-v5-c-alert__title" > Success alert: @@ -1161,7 +1161,7 @@ exports[`Notification portal should render notifications given from store 1`] = className="pf-v5-c-alert__title" > Success alert: