Bump the wp-packages group with 19 updates (#14144)

dependabot[bot] · swissspidy · web-flow · commit 90b45b941e25 · 2025-05-03T17:16:38.000+02:00
Co-authored-by: dependabot[bot] &lt;49699333+dependabot[bot]@users.noreply.github.com&gt;
Co-authored-by: Pascal Birchler &lt;pascalb@google.com&gt;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -94,14 +94,14 @@
     "@web-stories-wp/karma-failed-tests-reporter": "*",
     "@web-stories-wp/karma-puppeteer-client": "*",
     "@web-stories-wp/karma-puppeteer-launcher": "*",
-    "@wordpress/babel-plugin-import-jsx-pragma": "^4.33.0",
-    "@wordpress/dependency-extraction-webpack-plugin": "^5.1.0",
-    "@wordpress/eslint-plugin": "^17.7.0",
+    "@wordpress/babel-plugin-import-jsx-pragma": "^5.22.0",
+    "@wordpress/dependency-extraction-webpack-plugin": "^6.22.0",
+    "@wordpress/eslint-plugin": "^22.8.0",
     "ajv-cli": "^5.0.0",
     "ajv-formats": "^3.0.1",
     "babel-jest": "^29.6.1",
-    "babel-loader": "^9.2.1",
-    "babel-plugin-react-compiler": "19.0.0-beta-714736e-20250131",
+    "babel-loader": "^10.0.0",
+    "babel-plugin-react-compiler": "19.1.0-rc.1",
     "babel-plugin-styled-components": "^2.1.4",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "browserslist": "^4.24.5",
@@ -126,8 +126,8 @@
     "eslint-plugin-oxlint": "^0.16.8",
     "eslint-plugin-prettier": "^5.2.6",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-compiler": "19.0.0-beta-714736e-20250131",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-compiler": "19.1.0-rc.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-security": "^3.0.1",
     "eslint-plugin-styled-components-a11y": "^2.2.0",
     "eslint-plugin-testing-library": "^7.1.1",
@@ -162,7 +162,7 @@
     "postcss-syntax": "^0.36.2",
     "prettier": "^3.5.3",
     "puppeteer": "^24.8.0",
-    "react-compiler-runtime": "19.0.0-beta-714736e-20250131",
+    "react-compiler-runtime": "19.1.0-rc.1",
     "react-refresh": "^0.17.0",
     "react-test-renderer": "^17.0.2",
     "rollup": "^2.79.2",
diff --git a/packages/activation-notice/package.json b/packages/activation-notice/package.json
@@ -30,7 +30,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@googleforcreators/tracking": "*",
     "@wordpress/element": "^6.22.0",
-    "@wordpress/i18n": "^4.47.0",
+    "@wordpress/i18n": "^5.22.0",
     "flagged": "^2.0.10",
     "polished": "^4.3.1",
     "styled-components": "^6.0.7",
diff --git a/packages/animation/src/parts/createAnimation.tsx b/packages/animation/src/parts/createAnimation.tsx
@@ -32,7 +32,7 @@ import type { AMPAnimationProps, WAAPIAnimation, AnimationPart } from './types';
 function createAnimation<T extends Keyframes>(
   keyframes: T,
   timings: AMPEffectTiming,
-  useClippingContainer = false,
+  withClippingContainer = false,
   targetLeafElement = false
 ): AnimationPart<T> {
   const id = `anim-${uuidv4()}`;
@@ -41,7 +41,7 @@ function createAnimation<T extends Keyframes>(
     timings: sanitizeTimings(timings),
     keyframes,
     targetLeafElement,
-    useClippingContainer,
+    useClippingContainer: withClippingContainer,
   };
 
   const animationStyle = targetLeafElement
@@ -55,7 +55,7 @@ function createAnimation<T extends Keyframes>(
     <WithAnimation
       id={id}
       className="animation-wrapper"
-      useClippingContainer={useClippingContainer}
+      useClippingContainer={withClippingContainer}
       style={style}
       animationStyle={animationStyle}
     >
diff --git a/packages/dashboard/src/app/views/myStories/index.js b/packages/dashboard/src/app/views/myStories/index.js
@@ -82,6 +82,7 @@ function MyStoriesView() {
   const isMountedRef = useRef(false);
 
   useEffect(() => {
+    // eslint-disable-next-line react-compiler/react-compiler -- FIXME
     isMountedRef.current = true;
 
     return () => {
diff --git a/packages/dashboard/src/utils/useStoryView.js b/packages/dashboard/src/utils/useStoryView.js
@@ -90,6 +90,7 @@ export default function useStoryView({
   }, [viewStyle, setViewStyle]);
 
   const requestNextPage = useCallback(() => {
+    // eslint-disable-next-line react-compiler/react-compiler -- FIXME
     showStoriesWhileLoadingRef.current = true;
     setPageClamped(page + 1);
   }, [page, setPageClamped]);
diff --git a/packages/design-system/src/utils/useForwardedRef.ts b/packages/design-system/src/utils/useForwardedRef.ts
@@ -35,6 +35,7 @@ function useForwardedRef<T>(ref: React.ForwardedRef<T>) {
         if (typeof ref === 'function') {
           ref(referenceRef.current);
         } else {
+          // eslint-disable-next-line react-compiler/react-compiler -- FIXME
           ref.current = referenceRef.current;
         }
       }
diff --git a/packages/e2e-test-utils/package.json b/packages/e2e-test-utils/package.json
@@ -26,7 +26,7 @@
   "type": "module",
   "main": "./src/index.js",
   "dependencies": {
-    "@wordpress/url": "^3.48.0",
+    "@wordpress/url": "^4.22.0",
     "expect-puppeteer": "^11.0.0"
   },
   "devDependencies": {
diff --git a/packages/e2e-tests/package.json b/packages/e2e-tests/package.json
@@ -29,7 +29,7 @@
     "@web-stories-wp/e2e-test-utils": "*",
     "@web-stories-wp/jest-puppeteer-amp": "*",
     "@web-stories-wp/jest-resolver": "*",
-    "@wordpress/jest-console": "^7.18.0",
+    "@wordpress/jest-console": "^8.22.0",
     "babel-jest": "^29.5.0",
     "expect-puppeteer": "^11.0.0",
     "jest-extended": "^4.0.2",
diff --git a/packages/e2e-tests/src/jest.config.js b/packages/e2e-tests/src/jest.config.js
@@ -46,7 +46,7 @@ export default {
   setupFilesAfterEnv: [
     'jest-extended/all',
     '<rootDir>/packages/e2e-tests/src/config/bootstrap.js',
-    '<rootDir>/packages/e2e-tests/node_modules/@wordpress/jest-console',
+    '<rootDir>/node_modules/@wordpress/jest-console',
     '<rootDir>/node_modules/expect-puppeteer',
   ],
   modulePathIgnorePatterns: ['<rootDir>/build', '<rootDir>/vendor'],
diff --git a/packages/element-library/src/video/trim.tsx b/packages/element-library/src/video/trim.tsx
@@ -115,6 +115,7 @@ function VideoTrim({
   );
   const setRef = useCallback(
     (node: HTMLVideoElement) => {
+      // eslint-disable-next-line react-compiler/react-compiler -- FIXME
       videoRef.current = node;
       setVideoNode(node);
     },
diff --git a/packages/stories-block/package.json b/packages/stories-block/package.json
@@ -32,21 +32,21 @@
   "dependencies": {
     "@googleforcreators/tracking": "*",
     "@web-stories-wp/glider": "*",
-    "@wordpress/api-fetch": "^6.44.0",
-    "@wordpress/block-editor": "^12.15.0",
-    "@wordpress/blocks": "^12.24.0",
-    "@wordpress/components": "^25.13.0",
-    "@wordpress/compose": "^6.24.0",
-    "@wordpress/core-data": "^6.24.0",
-    "@wordpress/data": "^9.17.0",
-    "@wordpress/date": "^4.47.0",
+    "@wordpress/api-fetch": "^7.22.0",
+    "@wordpress/block-editor": "^14.17.0",
+    "@wordpress/blocks": "^14.11.0",
+    "@wordpress/components": "^29.8.0",
+    "@wordpress/compose": "^7.22.0",
+    "@wordpress/core-data": "^7.22.0",
+    "@wordpress/data": "^10.22.0",
+    "@wordpress/date": "^5.22.0",
     "@wordpress/element": "^6.22.0",
-    "@wordpress/i18n": "^4.47.0",
-    "@wordpress/icons": "^9.38.0",
-    "@wordpress/interactivity": "^6.19.0",
-    "@wordpress/notices": "^4.15.0",
-    "@wordpress/url": "^3.48.0",
-    "@wordpress/viewport": "^5.24.0",
+    "@wordpress/i18n": "^5.22.0",
+    "@wordpress/icons": "^10.22.0",
+    "@wordpress/interactivity": "^6.22.0",
+    "@wordpress/notices": "^5.22.0",
+    "@wordpress/url": "^4.22.0",
+    "@wordpress/viewport": "^6.22.0",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1"
diff --git a/packages/story-editor/src/components/colorPicker/gradientLine.js b/packages/story-editor/src/components/colorPicker/gradientLine.js
@@ -126,14 +126,11 @@ function GradientLine({
       ))}
       {tempPointerPosition && (
         <TempPointer
-          aria-label={
-            /* eslint-disable-next-line @wordpress/valid-sprintf -- False positive. */
-            sprintf(
-              /* translators: %d: stop percentage */
-              __('Temporary gradient stop at %d%%', 'web-stories'),
-              Math.round(100 * (tempPointerPosition / LINE_LENGTH))
-            )
-          }
+          aria-label={sprintf(
+            /* translators: %d: stop percentage */
+            __('Temporary gradient stop at %d%%', 'web-stories'),
+            Math.round(100 * (tempPointerPosition / LINE_LENGTH))
+          )}
           x={tempPointerPosition}
         />
       )}
diff --git a/packages/story-editor/src/components/colorPicker/gradientStop.js b/packages/story-editor/src/components/colorPicker/gradientStop.js
@@ -101,14 +101,11 @@ function GradientStopWithRef(
       position={position}
       onFocus={() => onSelect(index)}
       onClick={() => onSelect(index)}
-      aria-label={
-        /* eslint-disable-next-line @wordpress/valid-sprintf -- False positive. */
-        sprintf(
-          /* translators: %d: stop percentage */
-          __('Gradient stop at %d%%', 'web-stories'),
-          Math.round(100 - position * 100)
-        )
-      }
+      aria-label={sprintf(
+        /* translators: %d: stop percentage */
+        __('Gradient stop at %d%%', 'web-stories'),
+        Math.round(100 - position * 100)
+      )}
     >
       <IconWrapper isSelected={isSelected}>
         <Icons.TailedRectangle />
diff --git a/packages/story-editor/src/components/footer/zoomSelector/zoomSelector.js b/packages/story-editor/src/components/footer/zoomSelector/zoomSelector.js
@@ -99,7 +99,6 @@ function ZoomSelector() {
       return option.label;
     }
 
-    // eslint-disable-next-line @wordpress/valid-sprintf -- False positive.
     return sprintf(
       /* translators: %d: zoom level percentage value. */
       _x('%d%%', 'zoom level', 'web-stories'),
diff --git a/packages/story-editor/src/components/panels/design/sizePosition/sizePosition.js b/packages/story-editor/src/components/panels/design/sizePosition/sizePosition.js
@@ -374,7 +374,7 @@ function SizePositionPanel(props) {
         <Area area="r">
           <NumericInput
             suffix={<Icons.Angle />}
-            unit={_x('°', 'Degrees, 0 - 360.', 'web-stories')}
+            unit={_x('°', 'Degrees, 0 — 360.', 'web-stories')}
             value={rotationAngle}
             min={MIN_MAX.ROTATION.MIN}
             max={MIN_MAX.ROTATION.MAX}
diff --git a/packages/story-editor/src/components/sidebar/sidebarProvider.js b/packages/story-editor/src/components/sidebar/sidebarProvider.js
@@ -101,6 +101,7 @@ function SidebarProvider({ sidebarTabs, children }) {
   const [usersLoadingState, setUsersLoadingState] = useState('idle');
 
   const setSidebarContentNode = useCallback((node) => {
+    // eslint-disable-next-line react-compiler/react-compiler -- FIXME
     sidebarContentRef.current = node;
   }, []);
 
diff --git a/packages/tinymce-button/package.json b/packages/tinymce-button/package.json
@@ -25,12 +25,12 @@
   },
   "main": "./src/index.js",
   "dependencies": {
-    "@wordpress/components": "^25.13.0",
-    "@wordpress/compose": "^6.24.0",
-    "@wordpress/data": "^9.17.0",
-    "@wordpress/dom-ready": "^3.47.0",
+    "@wordpress/components": "^29.8.0",
+    "@wordpress/compose": "^7.22.0",
+    "@wordpress/data": "^10.22.0",
+    "@wordpress/dom-ready": "^4.22.0",
     "@wordpress/element": "^6.22.0",
-    "@wordpress/i18n": "^4.47.0",
+    "@wordpress/i18n": "^5.22.0",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
diff --git a/packages/tinymce-button/src/components/Modal.js b/packages/tinymce-button/src/components/Modal.js
@@ -86,6 +86,7 @@ const WebStoriesModal = (props) => {
           dispatch(store).setCurrentView(view_type);
         }}
         __nextHasNoMarginBottom
+        __next40pxDefaultSize
       />
 
       <RangeControl
@@ -100,6 +101,7 @@ const WebStoriesModal = (props) => {
           });
         }}
         __nextHasNoMarginBottom
+        __next40pxDefaultSize
       />
 
       <SelectControl
@@ -119,6 +121,7 @@ const WebStoriesModal = (props) => {
           updateViewSettings({ fieldObj: value, field: 'orderby' });
         }}
         __nextHasNoMarginBottom
+        __next40pxDefaultSize
       />
 
       <SelectControl
@@ -138,6 +141,7 @@ const WebStoriesModal = (props) => {
           updateViewSettings({ fieldObj: value, field: 'order' });
         }}
         __nextHasNoMarginBottom
+        __next40pxDefaultSize
       />
 
       <TinyMceToggle field="title" fieldObj={title} />
@@ -189,6 +193,7 @@ const WebStoriesModal = (props) => {
             });
           }}
           __nextHasNoMarginBottom
+          __next40pxDefaultSize
         />
       )}
 
@@ -206,6 +211,7 @@ const WebStoriesModal = (props) => {
             })
           }
           __nextHasNoMarginBottom
+          __next40pxDefaultSize
         />
       )}
 
@@ -222,6 +228,7 @@ const WebStoriesModal = (props) => {
             })
           }
           __nextHasNoMarginBottom
+          __next40pxDefaultSize
         />
       )}
 
diff --git a/packages/tinymce-button/src/components/test/Modal.js b/packages/tinymce-button/src/components/test/Modal.js
@@ -31,6 +31,7 @@ jest.mock('@wordpress/data', () => ({
   createReduxStore: jest.fn(),
   combineReducers: jest.fn(),
   register: jest.fn(),
+  createSelector: jest.fn(),
 }));
 
 jest.mock('@wordpress/i18n', () => ({
diff --git a/packages/widget/package.json b/packages/widget/package.json
@@ -27,7 +27,7 @@
   "type": "module",
   "main": "./src/index.js",
   "dependencies": {
-    "@wordpress/dom-ready": "^3.47.0"
+    "@wordpress/dom-ready": "^4.22.0"
   },
   "devDependencies": {}
 }
diff --git a/packages/wp-dashboard/package.json b/packages/wp-dashboard/package.json
@@ -39,8 +39,8 @@
     "@googleforcreators/tracking": "*",
     "@googleforcreators/url": "*",
     "@web-stories-wp/wp-utils": "*",
-    "@wordpress/api-fetch": "^6.44.0",
-    "@wordpress/dom-ready": "^3.47.0",
+    "@wordpress/api-fetch": "^7.22.0",
+    "@wordpress/dom-ready": "^4.22.0",
     "flagged": "^2.0.10",
     "opentype.js": "^1.3.4",
     "prop-types": "^15.8.1",
diff --git a/packages/wp-story-editor/package.json b/packages/wp-story-editor/package.json
@@ -40,8 +40,8 @@
     "@googleforcreators/tracking": "*",
     "@googleforcreators/url": "*",
     "@web-stories-wp/wp-utils": "*",
-    "@wordpress/api-fetch": "^6.44.0",
-    "@wordpress/dom-ready": "^3.47.0",
+    "@wordpress/api-fetch": "^7.22.0",
+    "@wordpress/dom-ready": "^4.22.0",
     "flagged": "^2.0.10",
     "polished": "^4.3.1",
     "react-calendar": "^4.3.0",
diff --git a/patches/eslint-plugin-react-hooks+5.1.0.patch b/patches/eslint-plugin-react-hooks+5.1.0.patch
diff --git a/patches/eslint-plugin-react-hooks+5.2.0.patch b/patches/eslint-plugin-react-hooks+5.2.0.patch
diff --git a/tests/js/jest.config.js b/tests/js/jest.config.js

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,7 @@ function useForwardedRef<T>(ref: React.ForwardedRef<T>) {`
`35`	`35`	`if (typeof ref === 'function') {`
`36`	`36`	`ref(referenceRef.current);`
`37`	`37`	`} else {`
	`38`	`+ // eslint-disable-next-line react-compiler/react-compiler -- FIXME`
`38`	`39`	`ref.current = referenceRef.current;`
`39`	`40`	`}`
`40`	`41`	`}`