@automattic/jetpack-components 1.6.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/build/components/admin-page/index.js +3 -8
  3. package/components/admin-page/index.tsx +2 -9
  4. package/package.json +8 -8
  5. package/tools/copy-scss-to-build.mjs +1 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [1.7.0] - 2026-03-30
6
+ ### Changed
7
+ - Remove double heading wrapper from AdminPage title, fixing header title sizing across all Jetpack admin pages. [#47696]
8
+ - Update legacy Node calls. [#47770]
9
+ - Update package dependencies. [#47799]
10
+
5
11
  ## [1.6.1] - 2026-03-23
6
12
  ### Changed
7
13
  - Update package dependencies. [#47684] [#47719]
@@ -1709,6 +1715,7 @@
1709
1715
  ### Changed
1710
1716
  - Update node version requirement to 14.16.1
1711
1717
 
1718
+ [1.7.0]: https://github.com/Automattic/jetpack-components/compare/1.6.1...1.7.0
1712
1719
  [1.6.1]: https://github.com/Automattic/jetpack-components/compare/1.6.0...1.6.1
1713
1720
  [1.6.0]: https://github.com/Automattic/jetpack-components/compare/1.5.0...1.6.0
1714
1721
  [1.5.0]: https://github.com/Automattic/jetpack-components/compare/1.4.16...1.5.0
package/build/components/admin-page/index.js CHANGED
@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import restApi from '@automattic/jetpack-api';
3
3
  import { Page } from '@wordpress/admin-ui';
4
4
  import '@wordpress/admin-ui/build-style/style.css';
5
- import { __experimentalHeading as Heading, // eslint-disable-line @wordpress/no-unsafe-wp-apis
6
- __experimentalHStack as HStack, // eslint-disable-line @wordpress/no-unsafe-wp-apis
5
+ import { __experimentalHStack as HStack, // eslint-disable-line @wordpress/no-unsafe-wp-apis
7
6
  } from '@wordpress/components';
8
7
  import { __, sprintf } from '@wordpress/i18n';
9
8
  import clsx from 'clsx';
@@ -44,12 +43,8 @@ const AdminPage = ({ children, className, moduleName = 'Jetpack' /** "Jetpack" i
44
43
  }
45
44
  }, []);
46
45
  // Compose the title with logo for the admin-ui Page header.
47
- // Note: The inner Heading causes a double h2 wrapping because Page's Header
48
- // also wraps title in a Heading. This is a known issue — the inner Heading is
49
- // needed until https://github.com/WordPress/gutenberg/pull/75899 fixes
50
- // non-string title rendering in admin-ui. Once that lands, remove the Heading
51
- // here and pass the plain HStack with a string child.
52
- const composedTitle = title ? (_jsxs(HStack, { spacing: 2, justify: "left", children: [logo || _jsx(JetpackLogo, { showText: false, height: 20 }), _jsx(Heading, { as: "h2", level: 3, weight: 500, truncate: true, children: title })
46
+ // Page's Header wraps this in an <h2> tag, so we just pass the content directly.
47
+ const composedTitle = title ? (_jsxs(HStack, { spacing: 2, justify: "left", children: [logo || _jsx(JetpackLogo, { showText: false, height: 20 }), _jsx("span", { children: title })
53
48
  ] })) : undefined;
54
49
  const footer = showFooter && (_jsx(Container, { className: styles['admin-page-footer'], horizontalSpacing: 5, children: _jsx(Col, { children: _jsx(JetpackFooter, { moduleName: moduleName, moduleNameHref: moduleNameHref, menu: optionalMenuItems, useInternalLinks: useInternalLinks }) }) }));
55
50
  // When title or breadcrumbs are provided, use admin-ui Page for the full page layout.
package/components/admin-page/index.tsx CHANGED
@@ -2,7 +2,6 @@ import restApi from '@automattic/jetpack-api';
2
2
  import { Page } from '@wordpress/admin-ui';
3
3
  import '@wordpress/admin-ui/build-style/style.css';
4
4
  import {
5
- __experimentalHeading as Heading, // eslint-disable-line @wordpress/no-unsafe-wp-apis
6
5
  __experimentalHStack as HStack, // eslint-disable-line @wordpress/no-unsafe-wp-apis
7
6
  } from '@wordpress/components';
8
7
  import { __, sprintf } from '@wordpress/i18n';
@@ -75,17 +74,11 @@ const AdminPage: FC< AdminPageProps > = ( {
75
74
  }, [] );
76
75
 
77
76
  // Compose the title with logo for the admin-ui Page header.
78
- // Note: The inner Heading causes a double h2 wrapping because Page's Header
79
- // also wraps title in a Heading. This is a known issue — the inner Heading is
80
- // needed until https://github.com/WordPress/gutenberg/pull/75899 fixes
81
- // non-string title rendering in admin-ui. Once that lands, remove the Heading
82
- // here and pass the plain HStack with a string child.
77
+ // Page's Header wraps this in an <h2> tag, so we just pass the content directly.
83
78
  const composedTitle = title ? (
84
79
  <HStack spacing={ 2 } justify="left">
85
80
  { logo || <JetpackLogo showText={ false } height={ 20 } /> }
86
- <Heading as="h2" level={ 3 } weight={ 500 } truncate>
87
- { title }
88
- </Heading>
81
+ <span>{ title }</span>
89
82
  </HStack>
90
83
  ) : undefined;
91
84
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "1.6.1",
3
+ "version": "1.7.0",
4
4
  "description": "Jetpack Components Package",
5
5
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
6
6
  "bugs": {
@@ -45,10 +45,10 @@
45
45
  ],
46
46
  "dependencies": {
47
47
  "@automattic/format-currency": "1.0.1",
48
- "@automattic/jetpack-api": "^1.0.20",
49
- "@automattic/jetpack-boost-score-api": "^1.0.34",
48
+ "@automattic/jetpack-api": "^1.0.21",
49
+ "@automattic/jetpack-boost-score-api": "^1.0.35",
50
50
  "@automattic/jetpack-script-data": "^0.6.1",
51
- "@automattic/number-formatters": "^1.1.2",
51
+ "@automattic/number-formatters": "^1.1.3",
52
52
  "@babel/runtime": "^7",
53
53
  "@wordpress/admin-ui": "1.10.0",
54
54
  "@wordpress/browserslist-config": "6.42.0",
@@ -64,7 +64,7 @@
64
64
  "prop-types": "^15.7.2",
65
65
  "qrcode.react": "4.2.0",
66
66
  "react-slider": "2.0.5",
67
- "social-logos": "^3.3.11",
67
+ "social-logos": "^3.3.12",
68
68
  "uplot": "1.6.31",
69
69
  "uplot-react": "1.1.4"
70
70
  },
@@ -72,18 +72,18 @@
72
72
  "@automattic/jetpack-base-styles": "^1.0.20",
73
73
  "@babel/core": "7.29.0",
74
74
  "@babel/preset-react": "7.28.5",
75
- "@jest/globals": "30.2.0",
75
+ "@jest/globals": "30.3.0",
76
76
  "@storybook/addon-docs": "10.3.1",
77
77
  "@storybook/react": "10.3.1",
78
78
  "@testing-library/dom": "10.4.1",
79
- "@testing-library/react": "16.3.0",
79
+ "@testing-library/react": "16.3.2",
80
80
  "@testing-library/user-event": "14.6.1",
81
81
  "@types/jest": "30.0.0",
82
82
  "@types/react": "18.3.28",
83
83
  "@types/react-dom": "18.3.7",
84
84
  "@types/react-slider": "1.3.6",
85
85
  "@typescript/native-preview": "7.0.0-dev.20260225.1",
86
- "jest": "30.2.0",
86
+ "jest": "30.3.0",
87
87
  "react": "18.3.1",
88
88
  "react-dom": "18.3.1",
89
89
  "require-from-string": "2.0.2",
package/tools/copy-scss-to-build.mjs CHANGED
@@ -1,12 +1,8 @@
1
1
  import fs from 'node:fs/promises';
2
2
  import path from 'node:path';
3
- import { fileURLToPath } from 'node:url';
4
-
5
- const __filename = fileURLToPath( import.meta.url );
6
- const __dirname = path.dirname( __filename );
7
3
 
8
4
  // `tools/` -> package root.
9
- const packageRoot = path.resolve( __dirname, '..' );
5
+ const packageRoot = path.resolve( import.meta.dirname, '..' );
10
6
  const buildRoot = path.join( packageRoot, 'build' );
11
7
 
12
8
  const IGNORED_DIRS = new Set( [ 'build', 'node_modules', '.git' ] );