@automattic/jetpack-components 0.43.0 → 0.43.2

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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  ### This is a list detailing changes for the Jetpack RNA Components package releases.
4
4
 
5
+ ## [0.43.2] - 2023-10-11
6
+ ### Changed
7
+ - Changed Twitter icon and label to X [#33445]
8
+
9
+ ## [0.43.1] - 2023-10-10
10
+ ### Changed
11
+ - Boost Score Graph: Show a straight line before the first data point. [#33133]
12
+ - Updated package dependencies. [#33428]
13
+
5
14
  ## [0.43.0] - 2023-10-03
6
15
  ### Added
7
16
  - Added new sharing icon [#33244]
@@ -830,6 +839,8 @@
830
839
  ### Changed
831
840
  - Update node version requirement to 14.16.1
832
841
 
842
+ [0.43.2]: https://github.com/Automattic/jetpack-components/compare/0.43.1...0.43.2
843
+ [0.43.1]: https://github.com/Automattic/jetpack-components/compare/0.43.0...0.43.1
833
844
  [0.43.0]: https://github.com/Automattic/jetpack-components/compare/0.42.5...0.43.0
834
845
  [0.42.5]: https://github.com/Automattic/jetpack-components/compare/0.42.4...0.42.5
835
846
  [0.42.4]: https://github.com/Automattic/jetpack-components/compare/0.42.3...0.42.4
@@ -61,6 +61,17 @@ export const BoostScoreGraph: FunctionComponent< BoostScoreGraphProps > = ( {
61
61
  startDate = Math.min( periods[ 0 ].timestamp, dayBeforeEndDate );
62
62
  }
63
63
 
64
+ // Add a fake period before the start date to make the chart look better
65
+ if ( periods.length > 0 ) {
66
+ periods = [
67
+ {
68
+ timestamp: startDate - 24 * 60 * 60 * 1000,
69
+ dimensions: periods[ 0 ].dimensions,
70
+ },
71
+ ...periods,
72
+ ];
73
+ }
74
+
64
75
  return (
65
76
  <div className="jb-score-graph">
66
77
  { title && <Text variant="title-medium">{ title }</Text> }
@@ -273,6 +273,18 @@ export const TwitterIcon: React.FC< SocialIconWrapperProps > = ( { fill, size, c
273
273
  );
274
274
  };
275
275
 
276
+ export const XIcon: React.FC< SocialIconWrapperProps > = ( {
277
+ fill = 'black',
278
+ size,
279
+ className,
280
+ } ) => {
281
+ return (
282
+ <SocialIconWrapper fill={ fill } size={ size } className={ className }>
283
+ <Path d="M14.117 9.622L20.446 2h-1.5l-5.495 6.618L9.062 2H4l6.637 10.007L4 20h1.5l5.803-6.989L15.938 20H21L14.117 9.622zm-2.054 2.474l-.672-.997-5.35-7.93h2.303l4.318 6.4.672.996 5.613 8.319h-2.304l-4.58-6.788z" />
284
+ </SocialIconWrapper>
285
+ );
286
+ };
287
+
276
288
  export const LinkedinIcon: React.FC< SocialIconWrapperProps > = ( { fill, size, className } ) => {
277
289
  return (
278
290
  <SocialIconWrapper
@@ -367,6 +379,7 @@ const socialIcons = {
367
379
  google: GoogleIcon,
368
380
  mastodon: MastodonIcon,
369
381
  whatsapp: WhatsAppIcon,
382
+ x: XIcon,
370
383
  };
371
384
 
372
385
  const iconsMap = {
@@ -31,6 +31,7 @@ const StatCard = ( { className, icon, label, value, variant = 'square' }: StatCa
31
31
  <div className={ classnames( styles.info ) }>
32
32
  <Text className={ styles.label }>{ label }</Text>
33
33
  { variant === 'square' ? (
34
+ // @todo Switch to `placement` once WordPress 6.4 is the minimum.
34
35
  <Tooltip text={ formattedValue } position="top center">
35
36
  <Text variant="headline-small" className={ classnames( styles.value ) }>
36
37
  { compactValue }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@automattic/jetpack-components",
3
- "version": "0.43.0",
3
+ "version": "0.43.2",
4
4
  "description": "Jetpack Components Package",
5
5
  "author": "Automattic",
6
6
  "license": "GPL-2.0-or-later",
@@ -15,16 +15,16 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@automattic/format-currency": "1.0.1",
18
- "@automattic/jetpack-boost-score-api": "^0.1.11",
18
+ "@automattic/jetpack-boost-score-api": "^0.1.12",
19
19
  "@babel/runtime": "^7",
20
- "@wordpress/browserslist-config": "5.24.0",
21
- "@wordpress/components": "25.7.0",
22
- "@wordpress/compose": "6.18.0",
23
- "@wordpress/data": "9.11.0",
24
- "@wordpress/date": "4.41.0",
25
- "@wordpress/element": "5.18.0",
26
- "@wordpress/i18n": "4.41.0",
27
- "@wordpress/icons": "9.32.0",
20
+ "@wordpress/browserslist-config": "5.26.0",
21
+ "@wordpress/components": "25.9.0",
22
+ "@wordpress/compose": "6.20.0",
23
+ "@wordpress/data": "9.13.0",
24
+ "@wordpress/date": "4.43.0",
25
+ "@wordpress/element": "5.20.0",
26
+ "@wordpress/i18n": "4.43.0",
27
+ "@wordpress/icons": "9.34.0",
28
28
  "classnames": "2.3.2",
29
29
  "prop-types": "^15.7.2",
30
30
  "qrcode.react": "3.1.0",
@@ -33,7 +33,7 @@
33
33
  "uplot-react": "1.1.4"
34
34
  },
35
35
  "devDependencies": {
36
- "@automattic/jetpack-base-styles": "^0.6.9",
36
+ "@automattic/jetpack-base-styles": "^0.6.10",
37
37
  "@babel/core": "7.22.17",
38
38
  "@babel/preset-react": "7.22.15",
39
39
  "@jest/globals": "29.4.3",