From e7008d71142fa99353ddf5ba9def6ef02f99a192 Mon Sep 17 00:00:00 2001 From: M Miller Date: Thu, 18 Jul 2024 18:58:13 -0700 Subject: [PATCH 01/11] Update pds-toolkit Testing first TS version --- package-lock.json | 41 +++++++++++++++++++++++++++++++++-------- 1 file changed, 33 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 733ae22b50..aeed280431 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4128,18 +4128,22 @@ } }, "node_modules/@pantheon-systems/pds-toolkit-react": { - "version": "1.0.0-dev.130", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.130.tgz", - "integrity": "sha512-9exrXbJEESEIqPUftIt4j0clT+9vPqcl7+rWNGcwJEH26AESNRr8+WCJ9h/S4cRxUrTX1PGbiLTN0p06LVOI3A==", + "version": "1.0.0-dev.133", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.133.tgz", + "integrity": "sha512-mDn3J5I2gPJISj/VSPMLt4VR9Q8cQv6hEOKbipnkIt7QnlP+QGjv/v+ccxubTvmXv2vwjdV3akq6/Wvs0JIgRw==", "dependencies": { "@floating-ui/react": "^0.24.3", - "@reactuses/core": "^5.0.14", + "@floating-ui/react-dom": "~1.3.0", + "@reactuses/core": "^5.0.15", "focus-trap-react": "^10.2.1", "hash-sum": "^2.0.0", "react-merge-refs": "^2.1.1", "react-router-dom": "^6.13.0", "react-toastify": "^9.0.3" }, + "engines": { + "node": ">=18.0.0 <=20.x" + }, "peerDependencies": { "react": "^16.0.0 || ^17.0.0 || ^18.0.0" } @@ -4158,6 +4162,18 @@ "react-dom": ">=16.8.0" } }, + "node_modules/@pantheon-systems/pds-toolkit-react/node_modules/@floating-ui/react-dom": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-1.3.0.tgz", + "integrity": "sha512-htwHm67Ji5E/pROEAr7f8IKFShuiCKHwUC/UY4vC3I5jiSvGFAYnSYiZO5MlGmads+QqvUkR9ANHEguGrDv72g==", + "dependencies": { + "@floating-ui/dom": "^1.2.1" + }, + "peerDependencies": { + "react": ">=16.8.0", + "react-dom": ">=16.8.0" + } + }, "node_modules/@pantheon-systems/pds-toolkit-react/node_modules/@floating-ui/react/node_modules/@floating-ui/react-dom": { "version": "2.0.8", "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz", @@ -29180,12 +29196,13 @@ } }, "@pantheon-systems/pds-toolkit-react": { - "version": "1.0.0-dev.130", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.130.tgz", - "integrity": "sha512-9exrXbJEESEIqPUftIt4j0clT+9vPqcl7+rWNGcwJEH26AESNRr8+WCJ9h/S4cRxUrTX1PGbiLTN0p06LVOI3A==", + "version": "1.0.0-dev.133", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.133.tgz", + "integrity": "sha512-mDn3J5I2gPJISj/VSPMLt4VR9Q8cQv6hEOKbipnkIt7QnlP+QGjv/v+ccxubTvmXv2vwjdV3akq6/Wvs0JIgRw==", "requires": { "@floating-ui/react": "^0.24.3", - "@reactuses/core": "^5.0.14", + "@floating-ui/react-dom": "~1.3.0", + "@reactuses/core": "^5.0.15", "focus-trap-react": "^10.2.1", "hash-sum": "^2.0.0", "react-merge-refs": "^2.1.1", @@ -29213,6 +29230,14 @@ } } }, + "@floating-ui/react-dom": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-1.3.0.tgz", + "integrity": "sha512-htwHm67Ji5E/pROEAr7f8IKFShuiCKHwUC/UY4vC3I5jiSvGFAYnSYiZO5MlGmads+QqvUkR9ANHEguGrDv72g==", + "requires": { + "@floating-ui/dom": "^1.2.1" + } + }, "focus-trap-react": { "version": "10.2.3", "resolved": "https://registry.npmjs.org/focus-trap-react/-/focus-trap-react-10.2.3.tgz", From 497ef269aae56e23d5f825af5cef333290e10cd6 Mon Sep 17 00:00:00 2001 From: M Miller Date: Thu, 18 Jul 2024 20:07:34 -0700 Subject: [PATCH 02/11] Update releaseNoteCategories.json Update to use new tag numbering --- .../releaseNoteCategories.json | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/source/releasenotescategories/releaseNoteCategories.json b/source/releasenotescategories/releaseNoteCategories.json index 0e23c30ca6..8320d15563 100644 --- a/source/releasenotescategories/releaseNoteCategories.json +++ b/source/releasenotescategories/releaseNoteCategories.json @@ -3,79 +3,79 @@ { "slug": "account-management", "displayName": "Account management", - "color": "color-1", + "color": "color-01", "description": "Highlights updates related to account permissions, user roles, and any changes that impact how users manage and interact with their accounts" }, { "slug": "action-required", "displayName": "Action required", - "color": "color-3", + "color": "color-03", "description": "Requires customer to act in order to avoid disruption" }, { "slug": "billing", "displayName": "Billing & Finance", - "color": "color-1", + "color": "color-01", "description": "Covers finance and billing-related updates, allowing billing and finance managers to track changes affecting their financial aspects" }, { "slug": "deprecated", "displayName": "Deprecated", - "color": "color-4", + "color": "color-04", "description": "Reserved for updates indicating the phasing out or discontinuation of specific features or functionalities" }, { "slug": "documentation", "displayName": "Pantheon Docs", - "color": "color-4", + "color": "color-04", "description": "Reserved for updates that involve substantive changes, additions, or clarifications within Pantheon Docs — the centralized hub containing manuals and essential documentation for Pantheon users" }, { "slug": "drupal", "displayName": "Drupal", - "color": "color-9", + "color": "color-09", "description": "Tailored for updates specific to the Drupal content management system, helping Drupal users stay informed about platform changes that directly impact their workflows" }, { "slug": "events", "displayName": "Events", - "color": "color-4", + "color": "color-04", "description": "Highlights updates related to special events, promotions, or limited-time occurrences on the Pantheon platform, keeping users informed about time-sensitive opportunities" }, { "slug": "front-end-sites", "displayName": "Front-End Sites", - "color": "color-9", + "color": "color-09", "description": "Focuses on updates related to Front-End Site (FES) enhancements, ensuring that developers and designers stay informed about changes affecting how they use the product" }, { "slug": "general", "displayName": "General", - "color": "color-4", + "color": "color-04", "description": "Serves as a catch-all for updates that don't neatly fit into specific categories, offering a broad overview of general changes on the Pantheon platform" }, { "slug": "infrastructure", "displayName": "Infrastructure", - "color": "color-8", + "color": "color-08", "description": "Details changes related to the underlying technology and architecture of the Pantheon platform, providing insights into changes that may impact performance and reliability" }, { "slug": "migration", "displayName": "Migration", - "color": "color-6", + "color": "color-06", "description": "Reserved for updates related to migrations, ensuring users are informed about changes affecting the movement of data and content within the Pantheon platform" }, { "slug": "new-feature", "displayName": "New feature", - "color": "color-7", + "color": "color-07", "description": "Consolidates information about both new features and improvements, providing users with insights into enhancements that contribute to a better overall experience" }, { "slug": "performance", "displayName": "Performance", - "color": "color-6", + "color": "color-06", "description": "Highlights updates focused on optimizing the speed, efficiency, and overall performance of the Pantheon platform, giving users insights into improvements that enhance user experience" }, { @@ -87,37 +87,37 @@ { "slug": "security", "displayName": "Security", - "color": "color-5", + "color": "color-05", "description": "Addresses security-related updates, emphasizing the importance of staying informed about changes aimed at maintaining a secure and protected environment for users" }, { "slug": "tools-apis", "displayName": "Tools & APIs", - "color": "color-2", + "color": "color-02", "description": "Keeps users informed about updates related to tools and APIs, helping developers understand changes that may impact their workflows and integrations" }, { "slug": "user-interface", "displayName": "User interface", - "color": "color-2", + "color": "color-02", "description": "Highlights updates related to changes in the user interface, ensuring that designers, marketers, and other users are aware of alterations to the visual and interactive elements of the platform" }, { "slug": "wordpress", "displayName": "WordPress", - "color": "color-9", + "color": "color-09", "description": "Tailored for updates specific to the WordPress content management system, helping WordPress users stay informed about platform changes that directly impact their workflows" }, { "slug": "plugins", "displayName": "Plugins", - "color": "color-7", + "color": "color-07", "description": "Keeps users informed about updates to WordPress plugins that we maintain." }, { "slug": "modules", "displayName": "Modules", - "color": "color-7", + "color": "color-07", "description": "Keeps users informed about updates to Drupal modules that we maintain." } ] From fb2ed098417b3519b4676d0081f9c805330ed9d1 Mon Sep 17 00:00:00 2001 From: M Miller Date: Thu, 18 Jul 2024 20:08:18 -0700 Subject: [PATCH 03/11] fix typo --- src/templates/releaseNotesListing/index.js | 2 +- src/templates/releaseNotesListing/style.css | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/templates/releaseNotesListing/index.js b/src/templates/releaseNotesListing/index.js index ff6289dc5b..58d364ca9e 100644 --- a/src/templates/releaseNotesListing/index.js +++ b/src/templates/releaseNotesListing/index.js @@ -276,7 +276,7 @@ const ReleaseNotesListingTemplate = ({ data }) => { onChange={debouncedHandleInputChange} /> - + { diff --git a/src/templates/releaseNotesListing/style.css b/src/templates/releaseNotesListing/style.css index 6b3376e16d..04e33d69a0 100644 --- a/src/templates/releaseNotesListing/style.css +++ b/src/templates/releaseNotesListing/style.css @@ -28,13 +28,13 @@ z-index: 100; } -.rn-popover-tigger-and-tags{ +.rn-popover-trigger-and-tags{ align-items: center; justify-content: flex-start; } @media(max-width: 640px){ - .rn-popover-tigger-and-tags{ + .rn-popover-trigger-and-tags{ align-items: flex-start; } } @@ -94,4 +94,4 @@ .rss-feed-link-icon{ color: var(--pds-color-social-rss); -} \ No newline at end of file +} From 08c2876adaaf99517c43fa0929bd136e7541f9d2 Mon Sep 17 00:00:00 2001 From: M Miller Date: Fri, 19 Jul 2024 11:28:31 -0700 Subject: [PATCH 04/11] Update pds-toolkit-react --- package-lock.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/package-lock.json b/package-lock.json index aeed280431..b55c154396 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4128,9 +4128,9 @@ } }, "node_modules/@pantheon-systems/pds-toolkit-react": { - "version": "1.0.0-dev.133", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.133.tgz", - "integrity": "sha512-mDn3J5I2gPJISj/VSPMLt4VR9Q8cQv6hEOKbipnkIt7QnlP+QGjv/v+ccxubTvmXv2vwjdV3akq6/Wvs0JIgRw==", + "version": "1.0.0-dev.134", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.134.tgz", + "integrity": "sha512-wkVzkxaGL3PCsCJZB4Nk7lFtqP7E0izxmSi39iTsUNZXtROQ8/gJp+0nrCkuTCg60z122UIpsjgqI//RwSO1Kg==", "dependencies": { "@floating-ui/react": "^0.24.3", "@floating-ui/react-dom": "~1.3.0", @@ -29196,9 +29196,9 @@ } }, "@pantheon-systems/pds-toolkit-react": { - "version": "1.0.0-dev.133", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.133.tgz", - "integrity": "sha512-mDn3J5I2gPJISj/VSPMLt4VR9Q8cQv6hEOKbipnkIt7QnlP+QGjv/v+ccxubTvmXv2vwjdV3akq6/Wvs0JIgRw==", + "version": "1.0.0-dev.134", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.134.tgz", + "integrity": "sha512-wkVzkxaGL3PCsCJZB4Nk7lFtqP7E0izxmSi39iTsUNZXtROQ8/gJp+0nrCkuTCg60z122UIpsjgqI//RwSO1Kg==", "requires": { "@floating-ui/react": "^0.24.3", "@floating-ui/react-dom": "~1.3.0", From 57f1d06ded71d53977c6f175a23e1c7f68ab1953 Mon Sep 17 00:00:00 2001 From: M Miller Date: Fri, 19 Jul 2024 11:31:33 -0700 Subject: [PATCH 05/11] Revert "Update releaseNoteCategories.json" This reverts commit 497ef269aae56e23d5f825af5cef333290e10cd6. --- .../releaseNoteCategories.json | 38 +++++++++---------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/source/releasenotescategories/releaseNoteCategories.json b/source/releasenotescategories/releaseNoteCategories.json index 8320d15563..0e23c30ca6 100644 --- a/source/releasenotescategories/releaseNoteCategories.json +++ b/source/releasenotescategories/releaseNoteCategories.json @@ -3,79 +3,79 @@ { "slug": "account-management", "displayName": "Account management", - "color": "color-01", + "color": "color-1", "description": "Highlights updates related to account permissions, user roles, and any changes that impact how users manage and interact with their accounts" }, { "slug": "action-required", "displayName": "Action required", - "color": "color-03", + "color": "color-3", "description": "Requires customer to act in order to avoid disruption" }, { "slug": "billing", "displayName": "Billing & Finance", - "color": "color-01", + "color": "color-1", "description": "Covers finance and billing-related updates, allowing billing and finance managers to track changes affecting their financial aspects" }, { "slug": "deprecated", "displayName": "Deprecated", - "color": "color-04", + "color": "color-4", "description": "Reserved for updates indicating the phasing out or discontinuation of specific features or functionalities" }, { "slug": "documentation", "displayName": "Pantheon Docs", - "color": "color-04", + "color": "color-4", "description": "Reserved for updates that involve substantive changes, additions, or clarifications within Pantheon Docs — the centralized hub containing manuals and essential documentation for Pantheon users" }, { "slug": "drupal", "displayName": "Drupal", - "color": "color-09", + "color": "color-9", "description": "Tailored for updates specific to the Drupal content management system, helping Drupal users stay informed about platform changes that directly impact their workflows" }, { "slug": "events", "displayName": "Events", - "color": "color-04", + "color": "color-4", "description": "Highlights updates related to special events, promotions, or limited-time occurrences on the Pantheon platform, keeping users informed about time-sensitive opportunities" }, { "slug": "front-end-sites", "displayName": "Front-End Sites", - "color": "color-09", + "color": "color-9", "description": "Focuses on updates related to Front-End Site (FES) enhancements, ensuring that developers and designers stay informed about changes affecting how they use the product" }, { "slug": "general", "displayName": "General", - "color": "color-04", + "color": "color-4", "description": "Serves as a catch-all for updates that don't neatly fit into specific categories, offering a broad overview of general changes on the Pantheon platform" }, { "slug": "infrastructure", "displayName": "Infrastructure", - "color": "color-08", + "color": "color-8", "description": "Details changes related to the underlying technology and architecture of the Pantheon platform, providing insights into changes that may impact performance and reliability" }, { "slug": "migration", "displayName": "Migration", - "color": "color-06", + "color": "color-6", "description": "Reserved for updates related to migrations, ensuring users are informed about changes affecting the movement of data and content within the Pantheon platform" }, { "slug": "new-feature", "displayName": "New feature", - "color": "color-07", + "color": "color-7", "description": "Consolidates information about both new features and improvements, providing users with insights into enhancements that contribute to a better overall experience" }, { "slug": "performance", "displayName": "Performance", - "color": "color-06", + "color": "color-6", "description": "Highlights updates focused on optimizing the speed, efficiency, and overall performance of the Pantheon platform, giving users insights into improvements that enhance user experience" }, { @@ -87,37 +87,37 @@ { "slug": "security", "displayName": "Security", - "color": "color-05", + "color": "color-5", "description": "Addresses security-related updates, emphasizing the importance of staying informed about changes aimed at maintaining a secure and protected environment for users" }, { "slug": "tools-apis", "displayName": "Tools & APIs", - "color": "color-02", + "color": "color-2", "description": "Keeps users informed about updates related to tools and APIs, helping developers understand changes that may impact their workflows and integrations" }, { "slug": "user-interface", "displayName": "User interface", - "color": "color-02", + "color": "color-2", "description": "Highlights updates related to changes in the user interface, ensuring that designers, marketers, and other users are aware of alterations to the visual and interactive elements of the platform" }, { "slug": "wordpress", "displayName": "WordPress", - "color": "color-09", + "color": "color-9", "description": "Tailored for updates specific to the WordPress content management system, helping WordPress users stay informed about platform changes that directly impact their workflows" }, { "slug": "plugins", "displayName": "Plugins", - "color": "color-07", + "color": "color-7", "description": "Keeps users informed about updates to WordPress plugins that we maintain." }, { "slug": "modules", "displayName": "Modules", - "color": "color-07", + "color": "color-7", "description": "Keeps users informed about updates to Drupal modules that we maintain." } ] From 007c757dd7af133e6fa2d89f8499b445113d5292 Mon Sep 17 00:00:00 2001 From: Rachel Whitton Date: Wed, 31 Jul 2024 10:50:11 -0500 Subject: [PATCH 06/11] Update tag colors for release notes categories --- .../releaseNoteCategories.json | 34 +++++++++---------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/source/releasenotescategories/releaseNoteCategories.json b/source/releasenotescategories/releaseNoteCategories.json index 0e23c30ca6..0f3b5d0283 100644 --- a/source/releasenotescategories/releaseNoteCategories.json +++ b/source/releasenotescategories/releaseNoteCategories.json @@ -3,37 +3,37 @@ { "slug": "account-management", "displayName": "Account management", - "color": "color-1", + "color": "color-3", "description": "Highlights updates related to account permissions, user roles, and any changes that impact how users manage and interact with their accounts" }, { "slug": "action-required", "displayName": "Action required", - "color": "color-3", + "color": "color-2", "description": "Requires customer to act in order to avoid disruption" }, { "slug": "billing", "displayName": "Billing & Finance", - "color": "color-1", + "color": "color-5", "description": "Covers finance and billing-related updates, allowing billing and finance managers to track changes affecting their financial aspects" }, { "slug": "deprecated", "displayName": "Deprecated", - "color": "color-4", + "color": "color-20", "description": "Reserved for updates indicating the phasing out or discontinuation of specific features or functionalities" }, { "slug": "documentation", "displayName": "Pantheon Docs", - "color": "color-4", + "color": "color-18", "description": "Reserved for updates that involve substantive changes, additions, or clarifications within Pantheon Docs — the centralized hub containing manuals and essential documentation for Pantheon users" }, { "slug": "drupal", "displayName": "Drupal", - "color": "color-9", + "color": "color-11", "description": "Tailored for updates specific to the Drupal content management system, helping Drupal users stay informed about platform changes that directly impact their workflows" }, { @@ -45,19 +45,19 @@ { "slug": "front-end-sites", "displayName": "Front-End Sites", - "color": "color-9", + "color": "color-12", "description": "Focuses on updates related to Front-End Site (FES) enhancements, ensuring that developers and designers stay informed about changes affecting how they use the product" }, { "slug": "general", "displayName": "General", - "color": "color-4", + "color": "color-6", "description": "Serves as a catch-all for updates that don't neatly fit into specific categories, offering a broad overview of general changes on the Pantheon platform" }, { "slug": "infrastructure", "displayName": "Infrastructure", - "color": "color-8", + "color": "color-9", "description": "Details changes related to the underlying technology and architecture of the Pantheon platform, providing insights into changes that may impact performance and reliability" }, { @@ -69,49 +69,49 @@ { "slug": "new-feature", "displayName": "New feature", - "color": "color-7", + "color": "color-19", "description": "Consolidates information about both new features and improvements, providing users with insights into enhancements that contribute to a better overall experience" }, { "slug": "performance", "displayName": "Performance", - "color": "color-6", + "color": "color-16", "description": "Highlights updates focused on optimizing the speed, efficiency, and overall performance of the Pantheon platform, giving users insights into improvements that enhance user experience" }, { "slug": "policy", "displayName": "Policy", - "color": "color-10", + "color": "color-8", "description": "Communicates updates related to platform policies, ensuring users are aware of any changes in rules or guidelines that may impact their usage" }, { "slug": "security", "displayName": "Security", - "color": "color-5", + "color": "color-15", "description": "Addresses security-related updates, emphasizing the importance of staying informed about changes aimed at maintaining a secure and protected environment for users" }, { "slug": "tools-apis", "displayName": "Tools & APIs", - "color": "color-2", + "color": "color-1", "description": "Keeps users informed about updates related to tools and APIs, helping developers understand changes that may impact their workflows and integrations" }, { "slug": "user-interface", "displayName": "User interface", - "color": "color-2", + "color": "color-14", "description": "Highlights updates related to changes in the user interface, ensuring that designers, marketers, and other users are aware of alterations to the visual and interactive elements of the platform" }, { "slug": "wordpress", "displayName": "WordPress", - "color": "color-9", + "color": "color-13", "description": "Tailored for updates specific to the WordPress content management system, helping WordPress users stay informed about platform changes that directly impact their workflows" }, { "slug": "plugins", "displayName": "Plugins", - "color": "color-7", + "color": "color-10", "description": "Keeps users informed about updates to WordPress plugins that we maintain." }, { From ff1c2997efa671b5ea5242a3ed4b2c6b55de0c97 Mon Sep 17 00:00:00 2001 From: M Miller Date: Tue, 13 Aug 2024 11:30:38 -0700 Subject: [PATCH 07/11] Update pds-toolkit version --- package-lock.json | 41 +++++++++++++++++++---------------------- 1 file changed, 19 insertions(+), 22 deletions(-) diff --git a/package-lock.json b/package-lock.json index b55c154396..882dd916cb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4127,17 +4127,23 @@ "@octokit/openapi-types": "^12.11.0" } }, - "node_modules/@pantheon-systems/pds-toolkit-react": { + "node_modules/@pantheon-systems/pds-design-tokens": { "version": "1.0.0-dev.134", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.134.tgz", - "integrity": "sha512-wkVzkxaGL3PCsCJZB4Nk7lFtqP7E0izxmSi39iTsUNZXtROQ8/gJp+0nrCkuTCg60z122UIpsjgqI//RwSO1Kg==", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-design-tokens/-/pds-design-tokens-1.0.0-dev.134.tgz", + "integrity": "sha512-3lnbRwnRTj2yZ/wpnpWAtcEDuXV9Be3mewM89xWIRoXNQ7srUyvFbj0NNNr/VegioT+Ftg1MMQWWfPJoGYbeuw==", + "license": "GPL-3.0-or-later" + }, + "node_modules/@pantheon-systems/pds-toolkit-react": { + "version": "1.0.0-dev.138", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.138.tgz", + "integrity": "sha512-dGRT5tapGBggyvdk0fV6xbpI5V5PsIXlP5NLC1yGPyoImKA7FK8H6InhLNkGD/YmR/nIDl7uBsFkEOBTK20UrA==", "dependencies": { "@floating-ui/react": "^0.24.3", "@floating-ui/react-dom": "~1.3.0", + "@pantheon-systems/pds-design-tokens": "^1.0.0-dev.134", "@reactuses/core": "^5.0.15", "focus-trap-react": "^10.2.1", "hash-sum": "^2.0.0", - "react-merge-refs": "^2.1.1", "react-router-dom": "^6.13.0", "react-toastify": "^9.0.3" }, @@ -22003,15 +22009,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/react-merge-refs": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/react-merge-refs/-/react-merge-refs-2.1.1.tgz", - "integrity": "sha512-jLQXJ/URln51zskhgppGJ2ub7b2WFKGq3cl3NYKtlHoTG+dN2q7EzWrn3hN3EgPsTMvpR9tpq5ijdp7YwFZkag==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/gregberge" - } - }, "node_modules/react-refresh": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", @@ -29195,17 +29192,22 @@ "@octokit/openapi-types": "^12.11.0" } }, - "@pantheon-systems/pds-toolkit-react": { + "@pantheon-systems/pds-design-tokens": { "version": "1.0.0-dev.134", - "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.134.tgz", - "integrity": "sha512-wkVzkxaGL3PCsCJZB4Nk7lFtqP7E0izxmSi39iTsUNZXtROQ8/gJp+0nrCkuTCg60z122UIpsjgqI//RwSO1Kg==", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-design-tokens/-/pds-design-tokens-1.0.0-dev.134.tgz", + "integrity": "sha512-3lnbRwnRTj2yZ/wpnpWAtcEDuXV9Be3mewM89xWIRoXNQ7srUyvFbj0NNNr/VegioT+Ftg1MMQWWfPJoGYbeuw==" + }, + "@pantheon-systems/pds-toolkit-react": { + "version": "1.0.0-dev.138", + "resolved": "https://registry.npmjs.org/@pantheon-systems/pds-toolkit-react/-/pds-toolkit-react-1.0.0-dev.138.tgz", + "integrity": "sha512-dGRT5tapGBggyvdk0fV6xbpI5V5PsIXlP5NLC1yGPyoImKA7FK8H6InhLNkGD/YmR/nIDl7uBsFkEOBTK20UrA==", "requires": { "@floating-ui/react": "^0.24.3", "@floating-ui/react-dom": "~1.3.0", + "@pantheon-systems/pds-design-tokens": "^1.0.0-dev.134", "@reactuses/core": "^5.0.15", "focus-trap-react": "^10.2.1", "hash-sum": "^2.0.0", - "react-merge-refs": "^2.1.1", "react-router-dom": "^6.13.0", "react-toastify": "^9.0.3" }, @@ -42327,11 +42329,6 @@ } } }, - "react-merge-refs": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/react-merge-refs/-/react-merge-refs-2.1.1.tgz", - "integrity": "sha512-jLQXJ/URln51zskhgppGJ2ub7b2WFKGq3cl3NYKtlHoTG+dN2q7EzWrn3hN3EgPsTMvpR9tpq5ijdp7YwFZkag==" - }, "react-refresh": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", From e33ca2dfc04caf8cf4af68118255b7600e1aa743 Mon Sep 17 00:00:00 2001 From: Rachel Whitton Date: Thu, 15 Aug 2024 11:27:43 -0500 Subject: [PATCH 08/11] Alternate: more contrast for a11y --- source/releasenotescategories/releaseNoteCategories.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/source/releasenotescategories/releaseNoteCategories.json b/source/releasenotescategories/releaseNoteCategories.json index 0f3b5d0283..53147101b1 100644 --- a/source/releasenotescategories/releaseNoteCategories.json +++ b/source/releasenotescategories/releaseNoteCategories.json @@ -21,7 +21,7 @@ { "slug": "deprecated", "displayName": "Deprecated", - "color": "color-20", + "color": "color-6", "description": "Reserved for updates indicating the phasing out or discontinuation of specific features or functionalities" }, { @@ -33,7 +33,7 @@ { "slug": "drupal", "displayName": "Drupal", - "color": "color-11", + "color": "color-7", "description": "Tailored for updates specific to the Drupal content management system, helping Drupal users stay informed about platform changes that directly impact their workflows" }, { @@ -99,13 +99,13 @@ { "slug": "user-interface", "displayName": "User interface", - "color": "color-14", + "color": "color-11", "description": "Highlights updates related to changes in the user interface, ensuring that designers, marketers, and other users are aware of alterations to the visual and interactive elements of the platform" }, { "slug": "wordpress", "displayName": "WordPress", - "color": "color-13", + "color": "color-10", "description": "Tailored for updates specific to the WordPress content management system, helping WordPress users stay informed about platform changes that directly impact their workflows" }, { From d407b034e214d475f5e3b0468c49fdcd9b86bf47 Mon Sep 17 00:00:00 2001 From: M Miller Date: Thu, 15 Aug 2024 11:26:15 -0700 Subject: [PATCH 09/11] Update releaseNotePopoverCategorySelector.js MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Remove `updateQueryStrings()` call — this had been moved to the template file. --- src/components/releaseNotePopoverCategorySelector.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/releaseNotePopoverCategorySelector.js b/src/components/releaseNotePopoverCategorySelector.js index c63a7e77df..04debaa266 100644 --- a/src/components/releaseNotePopoverCategorySelector.js +++ b/src/components/releaseNotePopoverCategorySelector.js @@ -2,7 +2,7 @@ import React, { useState } from "react" import { activeReleaseNoteCategories } from "../data/releaseNoteCategories" import { Button, FlexContainer, Popover } from "@pantheon-systems/pds-toolkit-react" -const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage, updateQueryStrings}) => { +const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage}) => { const [isPopoverOpen, setIsPopoverOpen] = useState(false) // Get the active categories data. @@ -25,7 +25,6 @@ const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage // Move pager to the first page setCurrentPage(1) - updateQueryStrings() } const handleClearCategoriesFilters = () => { From 71ee1c4737a85f813692cb312a83c49a6c174d10 Mon Sep 17 00:00:00 2001 From: gfbollingerHakuna Date: Wed, 21 Aug 2024 17:19:02 -0300 Subject: [PATCH 10/11] Use useLayoutEffect to set isLoaded state and add isDisabled state to PopoverButton --- src/components/releaseNotePopoverCategorySelector.js | 3 ++- src/components/releaseNotesPager.js | 3 ++- src/templates/releaseNotesListing/index.js | 11 ++++++++--- 3 files changed, 12 insertions(+), 5 deletions(-) diff --git a/src/components/releaseNotePopoverCategorySelector.js b/src/components/releaseNotePopoverCategorySelector.js index 04debaa266..f043631eb7 100644 --- a/src/components/releaseNotePopoverCategorySelector.js +++ b/src/components/releaseNotePopoverCategorySelector.js @@ -2,7 +2,7 @@ import React, { useState } from "react" import { activeReleaseNoteCategories } from "../data/releaseNoteCategories" import { Button, FlexContainer, Popover } from "@pantheon-systems/pds-toolkit-react" -const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage}) => { +const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage, isDisabled}) => { const [isPopoverOpen, setIsPopoverOpen] = useState(false) // Get the active categories data. @@ -103,6 +103,7 @@ const ReleaseNotePopoverCategorySelector = ({filters, setFilters, setCurrentPage iconName={popoverTriggerIcon} displayType='icon-end' onClick={() => setIsPopoverOpen(true)} + disabled={isDisabled} /> ) diff --git a/src/components/releaseNotesPager.js b/src/components/releaseNotesPager.js index 1678839116..1a9cdc5f75 100644 --- a/src/components/releaseNotesPager.js +++ b/src/components/releaseNotesPager.js @@ -2,7 +2,7 @@ import React from 'react' import { Icon } from "@pantheon-systems/pds-toolkit-react" import { navigate } from 'gatsby' -const ReleaseNotesPager = ({currentPage, setCurrentPage, totalPagesRef, queryStrings }) => { +const ReleaseNotesPager = ({currentPage, setCurrentPage, totalPagesRef, queryStrings, setIsPageLoaded }) => { const scrollToTop = () => { window.scrollTo({ top: 0, @@ -11,6 +11,7 @@ const ReleaseNotesPager = ({currentPage, setCurrentPage, totalPagesRef, queryStr } const handlePageChange = (newPage) => { + setIsPageLoaded(false) setCurrentPage(newPage) navigate(`/release-notes/${newPage}/?${queryStrings}`) scrollToTop() diff --git a/src/templates/releaseNotesListing/index.js b/src/templates/releaseNotesListing/index.js index 9482cf1f14..6e1024c3bf 100644 --- a/src/templates/releaseNotesListing/index.js +++ b/src/templates/releaseNotesListing/index.js @@ -1,4 +1,4 @@ -import React, { useEffect, useState, useRef } from "react" +import React, { useEffect, useState, useRef, useLayoutEffect } from "react" import { graphql, navigate } from "gatsby" import debounce from "lodash.debounce" import Mark from "mark.js" @@ -37,6 +37,7 @@ const ReleaseNotesListingTemplate = ({ data }) => { }) const [currentPage, setCurrentPage] = useState(1) const [queryStrings, setQueryStrings] = useState('') + const [isLoaded, setIsLoaded] = useState(false); const notesPerPage = 8 let totalPagesRef = useRef(0) @@ -241,6 +242,10 @@ const ReleaseNotesListingTemplate = ({ data }) => { // Preprocess intro text. const introText = data.releasenotesYaml.introText + useLayoutEffect(() => { + setIsLoaded(true); + }, []); + return ( { /> - + { filters && filters.categories.map(item => { @@ -315,7 +320,7 @@ const ReleaseNotesListingTemplate = ({ data }) => { setCurrentPage={setCurrentPage} totalPagesRef={totalPagesRef} queryStrings={queryStrings} - updateQueryStrings={updateQueryStrings} + setIsPageLoaded={setIsLoaded} /> From 866cafb099dd5e0da40d5de6582bf2f5868c1751 Mon Sep 17 00:00:00 2001 From: gfbollingerHakuna Date: Thu, 22 Aug 2024 11:58:19 -0300 Subject: [PATCH 11/11] fix: handle null categories in release notes filtering to prevent errors --- src/templates/releaseNotesListing/index.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/templates/releaseNotesListing/index.js b/src/templates/releaseNotesListing/index.js index 6e1024c3bf..6d0f68e661 100644 --- a/src/templates/releaseNotesListing/index.js +++ b/src/templates/releaseNotesListing/index.js @@ -80,8 +80,10 @@ const ReleaseNotesListingTemplate = ({ data }) => { // If there are selected categories, filter the data to include only items that belong to at least one of those categories if(filters.categories.length > 0){ newFilteredData = newFilteredData.filter(item => { + const categories = item.node.frontmatter.categories || [] + // Check if any category of the current item matches any of the selected categories - return item.node.frontmatter.categories.some(category => { + return categories.some(category => { return filters.categories.some(filterCategory => filterCategory.slug === category) }) })