Updated dev deps

This commit is contained in:
Alejandro Celaya 2022-10-04 23:17:12 +02:00
parent e124cd2490
commit d2de9fb669
7 changed files with 5466 additions and 4986 deletions

9919
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -70,41 +70,41 @@
"devDependencies": {
"@shlinkio/eslint-config-js-coding-standard": "~2.0.2",
"@shlinkio/stylelint-config-css-coding-standard": "~1.0.1",
"@stryker-mutator/core": "^6.0.2",
"@stryker-mutator/jest-runner": "^6.0.2",
"@stryker-mutator/typescript-checker": "^6.0.2",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.1.1",
"@testing-library/user-event": "^14.1.1",
"@types/jest": "^27.4.1",
"@stryker-mutator/core": "^6.2.2",
"@stryker-mutator/jest-runner": "^6.2.2",
"@stryker-mutator/typescript-checker": "^6.2.2",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^14.4.3",
"@types/jest": "^29.1.1",
"@types/json2csv": "^5.0.3",
"@types/leaflet": "^1.7.9",
"@types/leaflet": "^1.8.0",
"@types/qs": "^6.9.7",
"@types/ramda": "0.27.38",
"@types/react": "^18.0.8",
"@types/ramda": "^0.28.15",
"@types/react": "^18.0.21",
"@types/react-color": "^3.0.6",
"@types/react-copy-to-clipboard": "^5.0.2",
"@types/react-datepicker": "^4.3.4",
"@types/react-dom": "^18.0.3",
"@types/react-tag-autocomplete": "^6.1.1",
"@types/react-copy-to-clipboard": "^5.0.4",
"@types/react-datepicker": "^4.4.2",
"@types/react-dom": "^18.0.6",
"@types/react-tag-autocomplete": "^6.3.0",
"@types/uuid": "^8.3.4",
"adm-zip": "^0.5.9",
"babel-jest": "^28.0.3",
"babel-jest": "^29.1.2",
"chalk": "^5.0.1",
"eslint": "^8.12.0",
"eslint": "^8.24.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^28.0.3",
"jest": "^29.1.2",
"jest-canvas-mock": "^2.4.0",
"jest-environment-jsdom": "^28.0.2",
"jest-environment-jsdom": "^29.1.2",
"react-scripts": "^5.0.1",
"resize-observer-polyfill": "^1.5.1",
"sass": "^1.49.9",
"serve": "^13.0.2",
"sass": "^1.55.0",
"serve": "^14.0.1",
"stryker-cli": "^1.0.2",
"stylelint": "^14.8.2",
"stylelint": "^14.13.0",
"ts-mockery": "^1.2.0",
"typescript": "^4.6.2",
"webpack": "^5.70.0"
"typescript": "^4.8.4",
"webpack": "^5.74.0"
},
"browserslist": [
">0.2%",

View file

@ -1,5 +1,5 @@
import { Mock } from 'ts-mockery';
import { screen, waitForElementToBeRemoved } from '@testing-library/react';
import { screen } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';
import { ReportExporter } from '../../../src/common/services/ReportExporter';
import { ExportShortUrlsBtn as createExportShortUrlsBtn } from '../../../src/short-urls/helpers/ExportShortUrlsBtn';
@ -52,7 +52,6 @@ describe('<ExportShortUrlsBtn />', () => {
const { user } = setUp(amount, Mock.of<ReachableServer>({ id: '123' }));
await user.click(screen.getByRole('button'));
await waitForElementToBeRemoved(() => screen.getByText('Exporting...'));
expect(listShortUrls).toHaveBeenCalledTimes(expectedPageLoads);
expect(exportShortUrls).toHaveBeenCalled();

View file

@ -40,7 +40,7 @@ describe('<DropdownBtn />', () => {
await user.click(screen.getByRole('button'));
expect(screen.getByRole('menu')).toHaveAttribute(
'style',
`${expectedStyle}position: absolute; left: 0px; top: 0px;`,
`${expectedStyle}position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);`,
);
});
});

View file

@ -1,9 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<DoughnutChart /> renders Doughnut with expected props 1`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -11,7 +11,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,

View file

@ -1,9 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<HorizontalBarChart /> renders chart with expected canvas 1`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -11,7 +11,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -21,11 +21,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -35,11 +35,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "foo",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -49,11 +49,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -63,11 +63,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "bar",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -77,11 +77,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -91,11 +91,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -105,11 +105,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -119,11 +119,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -133,11 +133,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "500",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -147,11 +147,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -165,9 +165,9 @@ Array [
`;
exports[`<HorizontalBarChart /> renders chart with expected canvas 2`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -175,7 +175,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -185,11 +185,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -199,11 +199,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "one",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -213,11 +213,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -227,11 +227,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "two",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -241,11 +241,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -255,11 +255,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -269,11 +269,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -283,11 +283,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -297,11 +297,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "200,000",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -311,11 +311,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -329,9 +329,9 @@ Array [
`;
exports[`<HorizontalBarChart /> renders chart with expected canvas 3`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -339,7 +339,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -349,11 +349,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -363,11 +363,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "one",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -377,11 +377,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -391,11 +391,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "two",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -405,11 +405,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -419,11 +419,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "max",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -433,11 +433,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -447,11 +447,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -461,11 +461,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -475,11 +475,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -489,11 +489,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "200,000",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -503,11 +503,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,

View file

@ -1,9 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<LineChartCard /> renders chart with expected data 1`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -11,7 +11,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -21,11 +21,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -35,11 +35,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -49,11 +49,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -63,11 +63,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "1",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -77,11 +77,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -95,9 +95,9 @@ Array [
`;
exports[`<LineChartCard /> renders chart with expected data 2`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -105,7 +105,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -115,11 +115,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -129,11 +129,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -143,11 +143,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -157,11 +157,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "1",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -171,11 +171,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -189,9 +189,9 @@ Array [
`;
exports[`<LineChartCard /> renders chart with expected data 3`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -199,7 +199,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -209,11 +209,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -223,11 +223,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -237,11 +237,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -251,11 +251,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "1",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -265,11 +265,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -279,11 +279,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -293,11 +293,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "2016-04",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -307,11 +307,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -325,9 +325,9 @@ Array [
`;
exports[`<LineChartCard /> renders chart with expected data 4`] = `
Array [
Object {
"props": Object {
[
{
"props": {
"a": 1,
"b": 0,
"c": 0,
@ -335,7 +335,7 @@ Array [
"e": 0,
"f": 0,
},
"transform": Array [
"transform": [
1,
0,
0,
@ -345,11 +345,11 @@ Array [
],
"type": "setTransform",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -359,11 +359,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "0",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -373,11 +373,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -387,11 +387,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "1",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -401,11 +401,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -415,11 +415,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -429,11 +429,11 @@ Array [
],
"type": "font",
},
Object {
"props": Object {
{
"props": {
"text": "2016-04",
},
"transform": Array [
"transform": [
1,
0,
0,
@ -443,11 +443,11 @@ Array [
],
"type": "measureText",
},
Object {
"props": Object {
"value": "12px \\"Helvetica Neue\\", 'Helvetica', 'Arial', sans-serif",
{
"props": {
"value": "12px "Helvetica Neue", 'Helvetica', 'Arial', sans-serif",
},
"transform": Array [
"transform": [
1,
0,
0,