@automattic/jetpack-components 1.3.1 → 1.3.3

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ### This is a list detailing changes for the Jetpack RNA Components package releases.
 
+## [1.3.3] - 2025-09-19
+### Changed
+- Update package dependencies. [#45173] [#45229]
+
+## [1.3.2] - 2025-09-08
+### Changed
+- Update package dependencies. [#45027] [#45097]
+
 ## [1.3.1] - 2025-09-01
 ### Changed
 - My Jetpack: Add product interstitials state management. [#44772]
@@ -1524,6 +1532,8 @@
 ### Changed
 - Update node version requirement to 14.16.1
 
+[1.3.3]: https://github.com/Automattic/jetpack-components/compare/1.3.2...1.3.3
+[1.3.2]: https://github.com/Automattic/jetpack-components/compare/1.3.1...1.3.2
 [1.3.1]: https://github.com/Automattic/jetpack-components/compare/1.3.0...1.3.1
 [1.3.0]: https://github.com/Automattic/jetpack-components/compare/1.2.2...1.3.0
 [1.2.2]: https://github.com/Automattic/jetpack-components/compare/1.2.1...1.2.2

package/build/components/boost-score-graph/uplot-line-chart.d.ts

@@ -1,6 +1,6 @@
 import uPlot from 'uplot';
 import { type Annotation, Period } from './index.tsx';
-import './style-uplot.scss';
+import 'uplot/dist/uPlot.min.css';
 import type { RefObject } from 'react';
 interface UplotChartProps {
     periods: Period[];

package/build/components/boost-score-graph/uplot-line-chart.js

@@ -11,7 +11,7 @@ import getDateFormat from "./get-date-format.js";
 import { tooltipsPlugin } from "./tooltips-plugin.js";
 import { useBoostScoreTransform } from "./use-boost-score-transform.js";
 import useResize from "./use-resize.js";
-import './style-uplot.scss';
+import 'uplot/dist/uPlot.min.css';
 const DEFAULT_DIMENSIONS = {
     height: 300,
     width: 600,

package/components/boost-score-graph/uplot-line-chart.tsx

@@ -11,7 +11,7 @@ import { type Annotation, Period } from './index.tsx';
 import { tooltipsPlugin } from './tooltips-plugin.ts';
 import { useBoostScoreTransform } from './use-boost-score-transform.ts';
 import useResize from './use-resize.ts';
-import './style-uplot.scss';
+import 'uplot/dist/uPlot.min.css';
 import type { ReactElement, RefObject, ComponentType } from 'react';
 
 const DEFAULT_DIMENSIONS = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-components",
-	"version": "1.3.1",
+	"version": "1.3.3",
 	"description": "Jetpack Components Package",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/components/#readme",
 	"bugs": {
@@ -41,30 +41,30 @@
 	],
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
-		"@automattic/jetpack-api": "^1.0.8",
-		"@automattic/jetpack-boost-score-api": "^1.0.12",
-		"@automattic/jetpack-script-data": "^0.5.2",
-		"@automattic/number-formatters": "^1.0.10",
+		"@automattic/jetpack-api": "^1.0.10",
+		"@automattic/jetpack-boost-score-api": "^1.0.14",
+		"@automattic/jetpack-script-data": "^0.5.3",
+		"@automattic/number-formatters": "^1.0.12",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "6.28.0",
-		"@wordpress/components": "30.1.0",
-		"@wordpress/compose": "7.28.0",
-		"@wordpress/data": "10.28.0",
-		"@wordpress/date": "5.28.0",
-		"@wordpress/element": "6.28.0",
-		"@wordpress/i18n": "6.1.0",
-		"@wordpress/icons": "10.28.0",
-		"@wordpress/notices": "5.28.0",
+		"@wordpress/browserslist-config": "6.31.0",
+		"@wordpress/components": "30.4.0",
+		"@wordpress/compose": "7.31.0",
+		"@wordpress/data": "10.31.0",
+		"@wordpress/date": "5.31.0",
+		"@wordpress/element": "6.31.0",
+		"@wordpress/i18n": "6.4.0",
+		"@wordpress/icons": "10.31.0",
+		"@wordpress/notices": "5.31.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "4.2.0",
 		"react-slider": "2.0.5",
-		"social-logos": "^3.2.9",
+		"social-logos": "^3.2.10",
 		"uplot": "1.6.31",
 		"uplot-react": "1.1.4"
 	},
 	"devDependencies": {
-		"@automattic/jetpack-base-styles": "^1.0.8",
+		"@automattic/jetpack-base-styles": "^1.0.10",
 		"@babel/core": "7.28.0",
 		"@babel/preset-react": "7.27.1",
 		"@jest/globals": "30.0.4",
@@ -84,8 +84,8 @@
 		"require-from-string": "2.0.2",
 		"storybook": "9.0.15",
 		"ts-dedent": "2.2.0",
-		"typescript": "5.8.3",
-		"webpack": "5.94.0",
+		"typescript": "5.9.2",
+		"webpack": "5.101.3",
 		"webpack-cli": "6.0.1"
 	},
 	"peerDependencies": {

package/components/boost-score-graph/style-uplot.scss

@@ -1,5 +0,0 @@
-/*
-This is a bit of a cheating. The content are copied from node_modules/uplot/dist/uPlot.min.css.
-This is because if the css file imports directly from the css file sass-loader is not loading it. And if we import it from the js file, it breaks jest.
-*/
-.uplot, .uplot *, .uplot *::before, .uplot *::after {box-sizing: border-box;}.uplot {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;width: min-content;}.u-title {text-align: center;font-size: 18px;font-weight: bold;}.u-wrap {position: relative;user-select: none;}.u-over, .u-under {position: absolute;}.u-under {overflow: hidden;}.uplot canvas {display: block;position: relative;width: 100%;height: 100%;}.u-axis {position: absolute;}.u-legend {font-size: 14px;margin: auto;text-align: center;}.u-inline {display: block;}.u-inline * {display: inline-block;}.u-inline tr {margin-right: 16px;}.u-legend th {font-weight: 600;}.u-legend th > * {vertical-align: middle;display: inline-block;}.u-legend .u-marker {width: 1em;height: 1em;margin-right: 4px;background-clip: padding-box !important;}.u-inline.u-live th::after {content: ":";vertical-align: middle;}.u-inline:not(.u-live) .u-value {display: none;}.u-series > * {padding: 4px;}.u-series th {cursor: pointer;}.u-legend .u-off > * {opacity: 0.3;}.u-select {background: rgba(0,0,0,0.07);position: absolute;pointer-events: none;}.u-cursor-x, .u-cursor-y {position: absolute;left: 0;top: 0;pointer-events: none;will-change: transform;z-index: 100;}.u-hz .u-cursor-x, .u-vt .u-cursor-y {height: 100%;border-right: 1px dashed #607D8B;}.u-hz .u-cursor-y, .u-vt .u-cursor-x {width: 100%;border-bottom: 1px dashed #607D8B;}.u-cursor-pt {position: absolute;top: 0;left: 0;border-radius: 50%;border: 0 solid;pointer-events: none;will-change: transform;z-index: 100;/*this has to be !important since we set inline "background" shorthand */background-clip: padding-box !important;}.u-axis.u-off, .u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off {display: none;}