@automattic/jetpack-components 0.64.0 → 0.64.2

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [0.64.2] - 2024-12-10
+### Fixed
+- Fix ToggleControl's help text indent to align with label text. [#40510]
+
+## [0.64.1] - 2024-12-09
+### Removed
+- Remove bulk action support from the ThreatsDataViews component. [#40483]
+
+### Fixed
+- Fixed threat type values and labels. [#40467]
+
 ## [0.64.0] - 2024-12-04
 ### Changed
 - Changed text domain from 'jetpack' to 'jetpack-components'. [#40368]
@@ -1236,6 +1247,8 @@
 ### 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.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
 [0.62.0]: https://github.com/Automattic/jetpack-components/compare/0.61.0...0.62.0

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

@@ -17,10 +17,9 @@ export function tooltipsPlugin( periods ) {
 	/**
 	 * Initializes the tooltips plugin.
 	 *
-	 * @param {uPlot}  u     - The uPlot instance.
-	 * @param {object} _opts - Options for the uPlot instance.
+	 * @param {uPlot} u - The uPlot instance.
 	 */
-	function init( u: uPlot, _opts: object ) {
+	function init( u: uPlot ) {
 		container.classList.add( 'jb-score-tooltips-container' );
 		if ( ! reactDom ) {
 			reactDom = ReactDOM.createRoot( reactRoot );

package/components/number-slider/index.tsx

@@ -68,7 +68,7 @@ const NumberSlider: React.FC< NumberSliderProps > = ( {
 				min={ minValue }
 				step={ step }
 				renderThumb={ renderThumbCallback } // eslint-disable-line react/jsx-no-bind
-				onChange={ onChange } // eslint-disable-line react/jsx-no-bind
+				onChange={ onChange }
 				onBeforeChange={ onBeforeChangeCallback } // eslint-disable-line react/jsx-no-bind
 				onAfterChange={ onAfterChangeCallback } // eslint-disable-line react/jsx-no-bind
 			/>

package/components/pricing-table/index.tsx

@@ -1,15 +1,15 @@
 import { __, sprintf } from '@wordpress/i18n';
 import { Icon, check, closeSmall } from '@wordpress/icons';
 import clsx from 'clsx';
-import {
+import React, {
 	createContext,
 	useContext,
 	Children,
 	cloneElement,
 	PropsWithChildren,
 	ReactElement,
+	CSSProperties,
 } from 'react';
-import React, { CSSProperties } from 'react';
 import IconTooltip from '../icon-tooltip';
 import useBreakpointMatch from '../layout/use-breakpoint-match';
 import TermsOfService from '../terms-of-service';

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

@@ -15,8 +15,8 @@ export const THREAT_STATUSES: { value: string; label: string; variant?: 'success
 	];
 
 export const THREAT_TYPES = [
-	{ value: 'plugin', label: __( 'Plugin', 'jetpack-components' ) },
-	{ value: 'theme', label: __( 'Theme', 'jetpack-components' ) },
+	{ value: 'plugins', label: __( 'Plugin', 'jetpack-components' ) },
+	{ value: 'themes', label: __( 'Theme', 'jetpack-components' ) },
 	{ value: 'core', label: __( 'WordPress', 'jetpack-components' ) },
 	{ value: 'file', label: __( 'File', 'jetpack-components' ) },
 ];

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

@@ -168,12 +168,12 @@ export default function ThreatsDataViews( {
 				// Extensions (Themes and Plugins)
 				if ( threat.extension ) {
 					switch ( threat.extension.type ) {
-						case 'theme':
+						case 'themes':
 							if ( ! acc.themes.find( ( { value } ) => value === threat.extension.slug ) ) {
 								acc.themes.push( { value: threat.extension.slug, label: threat.extension.name } );
 							}
 							break;
-						case 'plugin':
+						case 'plugins':
 							if ( ! acc.plugins.find( ( { value } ) => value === threat.extension.slug ) ) {
 								acc.plugins.push( { value: threat.extension.slug, label: threat.extension.name } );
 							}
@@ -280,7 +280,18 @@ export default function ThreatsDataViews( {
 				label: __( 'Type', 'jetpack-components' ),
 				elements: THREAT_TYPES,
 				getValue( { item }: { item: Threat } ) {
-					return getThreatType( item ) ?? '';
+					switch ( getThreatType( item ) ) {
+						case 'core':
+							return __( 'WordPress', 'jetpack-components' );
+						case 'plugins':
+							return __( 'Plugin', 'jetpack-components' );
+						case 'themes':
+							return __( 'Theme', 'jetpack-components' );
+						case 'file':
+							return __( 'File', 'jetpack-components' );
+						default:
+							return __( 'Unknown', 'jetpack-components' );
+					}
 				},
 			},
 			{
@@ -428,7 +439,6 @@ export default function ThreatsDataViews( {
 				id: THREAT_ACTION_FIX,
 				label: __( 'Auto-fix', 'jetpack-components' ),
 				isPrimary: true,
-				supportsBulk: true,
 				callback: onFixThreats,
 				isEligible( item ) {
 					if ( ! onFixThreats ) {

package/components/toggle-control/styles.module.scss

@@ -4,6 +4,7 @@
 /// @link https://github.com/WordPress/gutenberg/tree/trunk/packages/components/src/form-toggle
 .toggle {
 	--base-width: 8px;
+	--track-width: calc( var(--base-width) * 6 );
 
 	&.is-small {
 		--base-width: 6px;
@@ -24,7 +25,7 @@
 			}
 
 			.components-form-toggle__track {
-				width: calc( var(--base-width) * 6 );
+				width: var( --track-width );
 				height: calc( var(--base-width) * 3 );
 				border-radius: 12px;
 				border-width: 2px;
@@ -41,6 +42,10 @@
 				transform: translateX( calc( var(--base-width) * 3 ) );
 			}
 		}
+		
+		.components-toggle-control__help {
+			margin-inline-start: calc( var( --track-width ) + var( --spacing-base ) );
+		}
 	}
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.64.0",
+	"version": "0.64.2",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,8 +15,8 @@
 	},
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-boost-score-api": "^0.1.48",
-		"@automattic/jetpack-scan": "^0.5.0",
+		"@automattic/jetpack-boost-score-api": "^0.1.49",
+		"@automattic/jetpack-scan": "^0.5.1",
 		"@babel/runtime": "^7",
 		"@wordpress/browserslist-config": "6.13.0",
 		"@wordpress/components": "28.13.0",
@@ -32,7 +32,7 @@
 		"prop-types": "^15.7.2",
 		"qrcode.react": "3.1.0",
 		"react-slider": "2.0.5",
-		"social-logos": "^3.1.13",
+		"social-logos": "^3.1.14",
 		"uplot": "1.6.31",
 		"uplot-react": "1.1.4"
 	},