@react-pdf/stylesheet 4.2.2 → 4.2.4
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/lib/index.cjs +18 -16
- package/lib/index.js +2 -0
- package/package.json +4 -4
package/lib/index.cjs
CHANGED
|
@@ -10,14 +10,14 @@ var colorString = require('color-string');
|
|
|
10
10
|
var _extends = require('@babel/runtime/helpers/extends');
|
|
11
11
|
var matchMedia = require('media-engine');
|
|
12
12
|
|
|
13
|
-
function
|
|
13
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
14
|
|
|
15
|
-
var parse__default = /*#__PURE__*/
|
|
16
|
-
var parseUnit__default = /*#__PURE__*/
|
|
17
|
-
var hlsToHex__default = /*#__PURE__*/
|
|
18
|
-
var colorString__default = /*#__PURE__*/
|
|
19
|
-
var _extends__default = /*#__PURE__*/
|
|
20
|
-
var matchMedia__default = /*#__PURE__*/
|
|
15
|
+
var parse__default = /*#__PURE__*/_interopDefaultCompat(parse$1);
|
|
16
|
+
var parseUnit__default = /*#__PURE__*/_interopDefaultCompat(parseUnit);
|
|
17
|
+
var hlsToHex__default = /*#__PURE__*/_interopDefaultCompat(hlsToHex);
|
|
18
|
+
var colorString__default = /*#__PURE__*/_interopDefaultCompat(colorString);
|
|
19
|
+
var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
|
|
20
|
+
var matchMedia__default = /*#__PURE__*/_interopDefaultCompat(matchMedia);
|
|
21
21
|
|
|
22
22
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/flex#values
|
|
23
23
|
|
|
@@ -49,6 +49,8 @@ var expandFlex = function expandFlex(key, value) {
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
/* eslint-disable no-plusplus */
|
|
52
|
+
// This file is ran directly with Node - needs to have .js extension
|
|
53
|
+
// eslint-disable-next-line import/extensions
|
|
52
54
|
var BOX_MODEL_UNITS = 'px,in,mm,cm,pt,%,vw,vh';
|
|
53
55
|
var logError = function logError(style, value) {
|
|
54
56
|
console.error("\n @react-pdf/stylesheet parsing error:\n\n " + style + ": " + value + ",\n " + ' '.repeat(style.length + 2) + "^\n Unsupported " + style + " value format\n ");
|
|
@@ -69,7 +71,7 @@ var expandBoxModel = function expandBoxModel(_temp) {
|
|
|
69
71
|
autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
|
|
70
72
|
return function (model, value) {
|
|
71
73
|
var _ref2;
|
|
72
|
-
var nodes = parse__default
|
|
74
|
+
var nodes = parse__default.default("" + value);
|
|
73
75
|
var parts = [];
|
|
74
76
|
for (var i = 0; i < nodes.length; i++) {
|
|
75
77
|
var node = nodes[i];
|
|
@@ -84,7 +86,7 @@ var expandBoxModel = function expandBoxModel(_temp) {
|
|
|
84
86
|
if (node.value === 'auto' && autoSupported) {
|
|
85
87
|
parts.push(node.value);
|
|
86
88
|
} else {
|
|
87
|
-
var result = parseUnit__default
|
|
89
|
+
var result = parseUnit__default.default(node.value);
|
|
88
90
|
|
|
89
91
|
// when unit isn't specified this condition is true
|
|
90
92
|
if (result && BOX_MODEL_UNITS.includes(result.unit)) {
|
|
@@ -468,8 +470,8 @@ var isHsl = function isHsl(value) {
|
|
|
468
470
|
* @returns {Object} transformed value
|
|
469
471
|
*/
|
|
470
472
|
var parseRgb = function parseRgb(value) {
|
|
471
|
-
var rgb = colorString__default
|
|
472
|
-
return colorString__default
|
|
473
|
+
var rgb = colorString__default.default.get.rgb(value);
|
|
474
|
+
return colorString__default.default.to.hex(rgb);
|
|
473
475
|
};
|
|
474
476
|
|
|
475
477
|
/**
|
|
@@ -479,8 +481,8 @@ var parseRgb = function parseRgb(value) {
|
|
|
479
481
|
* @returns {Object} transformed value
|
|
480
482
|
*/
|
|
481
483
|
var parseHsl = function parseHsl(value) {
|
|
482
|
-
var hsl = colorString__default
|
|
483
|
-
var hex = hlsToHex__default
|
|
484
|
+
var hsl = colorString__default.default.get.hsl(value).map(Math.round);
|
|
485
|
+
var hex = hlsToHex__default.default.apply(void 0, hsl);
|
|
484
486
|
return hex.toUpperCase();
|
|
485
487
|
};
|
|
486
488
|
|
|
@@ -740,9 +742,9 @@ var resolveMediaQueries = function resolveMediaQueries(container, styles) {
|
|
|
740
742
|
var _extends2;
|
|
741
743
|
if (/@media/.test(key)) {
|
|
742
744
|
var _matchMedia;
|
|
743
|
-
return _extends__default
|
|
745
|
+
return _extends__default.default({}, acc, matchMedia__default.default((_matchMedia = {}, _matchMedia[key] = styles[key], _matchMedia), container));
|
|
744
746
|
}
|
|
745
|
-
return _extends__default
|
|
747
|
+
return _extends__default.default({}, acc, (_extends2 = {}, _extends2[key] = styles[key], _extends2));
|
|
746
748
|
}, {});
|
|
747
749
|
};
|
|
748
750
|
|
|
@@ -760,7 +762,7 @@ var resolveStyles = function resolveStyles(container, style) {
|
|
|
760
762
|
return fns.compose(transform(container), expand, computeMediaQueries, flatten)(style);
|
|
761
763
|
};
|
|
762
764
|
|
|
763
|
-
exports
|
|
765
|
+
exports.default = resolveStyles;
|
|
764
766
|
exports.flatten = flatten;
|
|
765
767
|
exports.processTransform = processTransform;
|
|
766
768
|
exports.transformColor = transformColor;
|
package/lib/index.js
CHANGED
|
@@ -36,6 +36,8 @@ var expandFlex = function expandFlex(key, value) {
|
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
/* eslint-disable no-plusplus */
|
|
39
|
+
// This file is ran directly with Node - needs to have .js extension
|
|
40
|
+
// eslint-disable-next-line import/extensions
|
|
39
41
|
var BOX_MODEL_UNITS = 'px,in,mm,cm,pt,%,vw,vh';
|
|
40
42
|
var logError = function logError(style, value) {
|
|
41
43
|
console.error("\n @react-pdf/stylesheet parsing error:\n\n " + style + ": " + value + ",\n " + ' '.repeat(style.length + 2) + "^\n Unsupported " + style + " value format\n ");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-pdf/stylesheet",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A styles engine for Node and the browser",
|
|
6
6
|
"author": "Diego Muracciole <diegomuracciole@gmail.com>",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"directory": "packages/stylesheet"
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
24
|
-
"test": "
|
|
24
|
+
"test": "vitest",
|
|
25
25
|
"build": "rimraf ./lib && rollup -c",
|
|
26
26
|
"watch": "rimraf ./lib && rollup -c -w"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@babel/runtime": "^7.20.13",
|
|
30
|
-
"@react-pdf/fns": "2.1
|
|
31
|
-
"@react-pdf/types": "^2.4.
|
|
30
|
+
"@react-pdf/fns": "2.2.1",
|
|
31
|
+
"@react-pdf/types": "^2.4.1",
|
|
32
32
|
"color-string": "^1.9.1",
|
|
33
33
|
"hsl-to-hex": "^1.0.0",
|
|
34
34
|
"media-engine": "^1.0.3",
|