@automattic/jetpack-components 0.42.5 → 0.43.1

package/CHANGELOG.md

@@ -2,10 +2,19 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [0.43.1] - 2023-10-10
+### Changed
+- Boost Score Graph: Show a straight line before the first data point. [#33133]
+- Updated package dependencies. [#33428]
+
+## [0.43.0] - 2023-10-03
+### Added
+- Added new sharing icon [#33244]
+
 ## [0.42.5] - 2023-09-25
 ### Added
 - Added WhatsApp social icon. [#33074]
-- Aded CopyToClipboard component. [#33265]
+- Added CopyToClipboard component. [#33265]
 
 ## [0.42.4] - 2023-09-19
 
@@ -826,6 +835,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[0.43.1]: https://github.com/Automattic/jetpack-components/compare/0.43.0...0.43.1
+[0.43.0]: https://github.com/Automattic/jetpack-components/compare/0.42.5...0.43.0
 [0.42.5]: https://github.com/Automattic/jetpack-components/compare/0.42.4...0.42.5
 [0.42.4]: https://github.com/Automattic/jetpack-components/compare/0.42.3...0.42.4
 [0.42.3]: https://github.com/Automattic/jetpack-components/compare/0.42.2...0.42.3

package/components/boost-score-graph/index.tsx

@@ -61,6 +61,17 @@ export const BoostScoreGraph: FunctionComponent< BoostScoreGraphProps > = ( {
 		startDate = Math.min( periods[ 0 ].timestamp, dayBeforeEndDate );
 	}
 
+	// Add a fake period before the start date to make the chart look better
+	if ( periods.length > 0 ) {
+		periods = [
+			{
+				timestamp: startDate - 24 * 60 * 60 * 1000,
+				dimensions: periods[ 0 ].dimensions,
+			},
+			...periods,
+		];
+	}
+
 	return (
 		<div className="jb-score-graph">
 			{ title && <Text variant="title-medium">{ title }</Text> }

package/components/icons/README.md

@@ -48,6 +48,7 @@ return (
 * StarIcon
 * VideopressIcon
 * JetpackIcon
+* ShareIcon
 * FacebookIcon
 * TwitterIcon
 * LinkedinIcon
@@ -67,6 +68,7 @@ import {
 	StarIcon,
 	VideoPressIcon,
 	JetpackIcon,
+	ShareIcon,
 	FacebookIcon,
 	TwitterIcon,
 	LinkedinIcon,
@@ -87,6 +89,7 @@ return (
 		<StarIcon />
 		<VideoPressIcon />
 		<JetpackIcon />
+		<ShareIcon />
 		<FacebookIcon />
 		<TwitterIcon />
 		<LinkedinIcon />

package/components/icons/index.tsx

@@ -198,6 +198,19 @@ export const JetpackIcon: React.FC< BaseIconProps > = ( {
 	);
 };
 
+export const ShareIcon: React.FC< BaseIconProps > = ( { size = 16, className, color } ) => {
+	return (
+		<IconWrapper className={ className } size={ size } color={ color } viewBox="0 0 16 16">
+			<Path
+				fill="#161722"
+				fillRule="evenodd"
+				d="M8.3 4.66C3.85 5.308.727 9.75.034 13.69l-.02.117c-.137.842.809 1.232 1.446.68 2.013-1.745 3.648-2.475 5.318-2.719a10.482 10.482 0 011.524-.103v2.792c0 .694.82 1.041 1.3.55l6.176-6.307a.79.79 0 00.012-1.088L9.614 1.004C9.14.496 8.301.84 8.301 1.542v3.117zm1.525-1.175v1.85a.773.773 0 01-.654.77l-.655.096c-2.133.311-3.987 1.732-5.295 3.672-.472.7-.854 1.44-1.143 2.18a12.32 12.32 0 011.675-.972c1.58-.75 3.048-.972 4.548-.972h.762a.77.77 0 01.762.779v1.69l4.347-4.44-4.347-4.653z"
+				clipRule="evenodd"
+			></Path>
+		</IconWrapper>
+	);
+};
+
 /**
  * Wrapper of the Social Icons. Adds a default CSS class.
  *
@@ -342,6 +355,7 @@ const jetpackIcons = {
 	star: StarIcon,
 	videopress: VideopressIcon,
 	jetpack: JetpackIcon,
+	share: ShareIcon,
 };
 
 const socialIcons = {

package/components/stat-card/index.tsx

@@ -31,6 +31,7 @@ const StatCard = ( { className, icon, label, value, variant = 'square' }: StatCa
 			<div className={ classnames( styles.info ) }>
 				<Text className={ styles.label }>{ label }</Text>
 				{ variant === 'square' ? (
+					// @todo Switch to `placement` once WordPress 6.4 is the minimum.
 					<Tooltip text={ formattedValue } position="top center">
 						<Text variant="headline-small" className={ classnames( styles.value ) }>
 							{ compactValue }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "0.42.5",
+	"version": "0.43.1",
 	"description": "Jetpack Components Package",
 	"author": "Automattic",
 	"license": "GPL-2.0-or-later",
@@ -15,16 +15,16 @@
 	},
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-boost-score-api": "^0.1.11",
+		"@automattic/jetpack-boost-score-api": "^0.1.12",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "5.24.0",
-		"@wordpress/components": "25.7.0",
-		"@wordpress/compose": "6.18.0",
-		"@wordpress/data": "9.11.0",
-		"@wordpress/date": "4.41.0",
-		"@wordpress/element": "5.18.0",
-		"@wordpress/i18n": "4.41.0",
-		"@wordpress/icons": "9.32.0",
+		"@wordpress/browserslist-config": "5.26.0",
+		"@wordpress/components": "25.9.0",
+		"@wordpress/compose": "6.20.0",
+		"@wordpress/data": "9.13.0",
+		"@wordpress/date": "4.43.0",
+		"@wordpress/element": "5.20.0",
+		"@wordpress/i18n": "4.43.0",
+		"@wordpress/icons": "9.34.0",
 		"classnames": "2.3.2",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "3.1.0",
@@ -33,7 +33,7 @@
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^0.6.9",
+		"@automattic/jetpack-base-styles": "^0.6.10",
 		"@babel/core": "7.22.17",
 		"@babel/preset-react": "7.22.15",
 		"@jest/globals": "29.4.3",