@automattic/jetpack-components 0.64.2 → 0.65.0

package/CHANGELOG.md

@@ -2,7 +2,11 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
-## [0.64.2] - 2024-12-10
+## [0.65.0] - 2024-12-16
+### Changed
+- Fixes ThreatsDataViews defaultLayouts. [#40598]
+- Updated package dependencies. [#40564] [#40598]
+
 ### Fixed
 - Fix ToggleControl's help text indent to align with label text. [#40510]
 
@@ -1247,7 +1251,7 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
-[0.64.2]: https://github.com/Automattic/jetpack-components/compare/0.64.1...0.64.2
+[0.65.0]: https://github.com/Automattic/jetpack-components/compare/0.64.1...0.65.0
 [0.64.1]: https://github.com/Automattic/jetpack-components/compare/0.64.0...0.64.1
 [0.64.0]: https://github.com/Automattic/jetpack-components/compare/0.63.0...0.64.0
 [0.63.0]: https://github.com/Automattic/jetpack-components/compare/0.62.0...0.63.0

package/components/boost-score-graph/annotations-plugin.ts

@@ -3,11 +3,12 @@ import { Annotation } from '.';
 
 import './style-annotation.scss';
 
-// eslint-disable-next-line jsdoc/require-returns
 /**
  * Custom tooltips plugin for uPlot.
  *
- * @param {Annotation[]} annotations - The periods to display in the tooltip.
+ * @param annotations - The periods to display in the tooltip.
+ *
+ * @return The plugin object.
  */
 export function annotationsPlugin( annotations: Annotation[] ) {
 	let containerEl, annotationsContainer;

package/components/boost-score-graph/tooltips-plugin.ts

@@ -6,10 +6,10 @@ import { Period } from '.';
 /**
  * Custom tooltips plugin for uPlot.
  *
- * @param {Period[]} periods - The periods to display in the tooltip.
- * @return {object} The uPlot plugin object with hooks.
+ * @param periods - The periods to display in the tooltip.
+ * @return The uPlot plugin object with hooks.
  */
-export function tooltipsPlugin( periods ) {
+export function tooltipsPlugin( periods: Period[] ) {
 	const reactRoot = document.createElement( 'div' );
 	const container = document.createElement( 'div' );
 	let reactDom;

package/components/threats-data-views/constants.ts

@@ -22,8 +22,8 @@ export const THREAT_TYPES = [
 ];
 
 export const THREAT_ICONS = {
-	plugin: pluginIcon,
-	theme: themeIcon,
+	plugins: pluginIcon,
+	themes: themeIcon,
 	core: coreIcon,
 	file: fileIcon,
 	default: shieldIcon,

package/components/threats-data-views/index.tsx

@@ -33,7 +33,6 @@ import {
 	THREAT_FIELD_SIGNATURE,
 	THREAT_FIELD_STATUS,
 	THREAT_FIELD_THEME,
-	THREAT_FIELD_THREAT,
 	THREAT_FIELD_TITLE,
 	THREAT_FIELD_TYPE,
 	THREAT_ICONS,
@@ -101,23 +100,10 @@ export default function ThreatsDataViews( {
 	const defaultLayouts: SupportedLayouts = {
 		table: {
 			...baseView,
-			fields: [
-				THREAT_FIELD_SEVERITY,
-				THREAT_FIELD_THREAT,
-				THREAT_FIELD_TYPE,
-				THREAT_FIELD_AUTO_FIX,
-			],
-			layout: {
-				primaryField: THREAT_FIELD_SEVERITY,
-				combinedFields: [
-					{
-						id: THREAT_FIELD_THREAT,
-						label: __( 'Threat', 'jetpack-components' ),
-						children: [ THREAT_FIELD_TITLE, THREAT_FIELD_DESCRIPTION ],
-						direction: 'vertical',
-					},
-				],
-			},
+			fields: [ THREAT_FIELD_SEVERITY, THREAT_FIELD_TYPE, THREAT_FIELD_AUTO_FIX ],
+			titleField: THREAT_FIELD_TITLE,
+			descriptionField: THREAT_FIELD_DESCRIPTION,
+			showMedia: false,
 		},
 		list: {
 			...baseView,
@@ -127,10 +113,9 @@ export default function ThreatsDataViews( {
 				THREAT_FIELD_EXTENSION,
 				THREAT_FIELD_SIGNATURE,
 			],
-			layout: {
-				primaryField: THREAT_FIELD_TITLE,
-				mediaField: THREAT_FIELD_ICON,
-			},
+			titleField: THREAT_FIELD_TITLE,
+			mediaField: THREAT_FIELD_ICON,
+			showMedia: true,
 		},
 	};
 
@@ -222,7 +207,7 @@ export default function ThreatsDataViews( {
 		const result: Field< Threat >[] = [
 			{
 				id: THREAT_FIELD_TITLE,
-				label: __( 'Title', 'jetpack-components' ),
+				label: __( 'Threat', 'jetpack-components' ),
 				enableGlobalSearch: true,
 				enableHiding: false,
 				render: ( { item }: { item: Threat } ) => (

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.64.2",
+	"version": "0.65.0",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,29 +15,29 @@
 	},
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-boost-score-api": "^0.1.49",
-		"@automattic/jetpack-scan": "^0.5.1",
+		"@automattic/jetpack-boost-score-api": "^0.1.50",
+		"@automattic/jetpack-scan": "^0.5.2",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "6.13.0",
-		"@wordpress/components": "28.13.0",
-		"@wordpress/compose": "7.13.0",
-		"@wordpress/data": "10.13.0",
-		"@wordpress/dataviews": "4.9.0",
-		"@wordpress/date": "5.13.0",
-		"@wordpress/element": "6.13.0",
-		"@wordpress/i18n": "5.13.0",
-		"@wordpress/icons": "10.13.0",
-		"@wordpress/notices": "5.13.0",
+		"@wordpress/browserslist-config": "6.14.0",
+		"@wordpress/components": "29.0.0",
+		"@wordpress/compose": "7.14.0",
+		"@wordpress/data": "10.14.0",
+		"@wordpress/dataviews": "4.10.0",
+		"@wordpress/date": "5.14.0",
+		"@wordpress/element": "6.14.0",
+		"@wordpress/i18n": "5.14.0",
+		"@wordpress/icons": "10.14.0",
+		"@wordpress/notices": "5.14.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "3.1.0",
 		"react-slider": "2.0.5",
-		"social-logos": "^3.1.14",
+		"social-logos": "^3.1.15",
 		"uplot": "1.6.31",
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.38",
+		"@automattic/jetpack-base-styles": "^0.6.39",
 		"@babel/core": "7.26.0",
 		"@babel/preset-react": "7.25.9",
 		"@jest/globals": "29.4.3",