@react-pdf/stylesheet 2.0.13 → 3.1.0
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 +41 -0
- package/lib/expand/borders.js +4 -6
- package/lib/expand/boxModel.js +58 -23
- package/lib/expand/index.js +17 -9
- package/lib/expand/margins.js +49 -5
- package/lib/expand/paddings.js +44 -5
- package/lib/flatten/index.js +7 -19
- package/lib/index.js +9 -8
- package/lib/mediaQueries/index.js +2 -7
- package/lib/transform/colors.js +26 -12
- package/lib/transform/index.js +1 -1
- package/lib/transform/objectPosition.js +1 -1
- package/lib/transform/transformOrigin.js +1 -1
- package/lib/transform/units.js +6 -7
- package/lib/utils/castFloat.js +3 -6
- package/package.json +7 -5
- package/LICENSE +0 -21
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @react-pdf/stylesheet
|
|
2
|
+
|
|
3
|
+
## 3.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1869](https://github.com/diegomura/react-pdf/pull/1869) [`5d2c308`](https://github.com/diegomura/react-pdf/commit/5d2c3088cf438a8abf1038b14a21117fecf59d57) Thanks [@diegomura](https://github.com/diegomura)! - feat: variable dpi
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [[`1411d16`](https://github.com/diegomura/react-pdf/commit/1411d162e04ca237bad93729695c363fdf4bdbeb), [`4fadb48`](https://github.com/diegomura/react-pdf/commit/4fadb48983d7269452f89f80c7e341ece859aaee), [`ce8762f`](https://github.com/diegomura/react-pdf/commit/ce8762f6de5c796e69ec5a225c7f3ff9c619a960), [`5d2c308`](https://github.com/diegomura/react-pdf/commit/5d2c3088cf438a8abf1038b14a21117fecf59d57)]:
|
|
12
|
+
- @react-pdf/types@2.1.0
|
|
13
|
+
|
|
14
|
+
## 3.0.0
|
|
15
|
+
|
|
16
|
+
### Major Changes
|
|
17
|
+
|
|
18
|
+
- [#1829](https://github.com/diegomura/react-pdf/pull/1829) [`5458a00`](https://github.com/diegomura/react-pdf/commit/5458a00979d883341c6df094243cae859344d2b9) Thanks [@diegomura](https://github.com/diegomura)! - refactor: remove ramda from stylesheet package
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- [#1838](https://github.com/diegomura/react-pdf/pull/1838) [`9bdb5c9`](https://github.com/diegomura/react-pdf/commit/9bdb5c934a822340754cd4c892d399f91f6218de) Thanks [@diegomura](https://github.com/diegomura)! - feat: create fns package
|
|
23
|
+
|
|
24
|
+
- Updated dependencies [[`9bdb5c9`](https://github.com/diegomura/react-pdf/commit/9bdb5c934a822340754cd4c892d399f91f6218de), [`fe0f214`](https://github.com/diegomura/react-pdf/commit/fe0f214dbbf2f632b852ebfe65f886ecc4dd6953)]:
|
|
25
|
+
- @react-pdf/fns@1.0.0
|
|
26
|
+
- @react-pdf/types@2.0.9
|
|
27
|
+
|
|
28
|
+
## 2.1.0
|
|
29
|
+
|
|
30
|
+
### Minor Changes
|
|
31
|
+
|
|
32
|
+
- [#1535](https://github.com/diegomura/react-pdf/pull/1535) [`1f0eb6e`](https://github.com/diegomura/react-pdf/commit/1f0eb6e0d4e75480de6745a204924d5075859db7) Thanks [@jeetiss](https://github.com/jeetiss)! - fixed `margin: auto` parsing
|
|
33
|
+
|
|
34
|
+
* [#1654](https://github.com/diegomura/react-pdf/pull/1654) [`ccf3bf2`](https://github.com/diegomura/react-pdf/commit/ccf3bf22867a9bd49668cdd3543ec32492a40e4b) Thanks [@jeetiss](https://github.com/jeetiss)! - added `@babel/runtime` to dependencies
|
|
35
|
+
|
|
36
|
+
### Patch Changes
|
|
37
|
+
|
|
38
|
+
- [#1581](https://github.com/diegomura/react-pdf/pull/1581) [`04449ab`](https://github.com/diegomura/react-pdf/commit/04449ab352db0cca2155024dd3e8c690e42193ca) Thanks [@jeetiss](https://github.com/jeetiss)! - added changelog with changesets
|
|
39
|
+
|
|
40
|
+
- Updated dependencies [[`04449ab`](https://github.com/diegomura/react-pdf/commit/04449ab352db0cca2155024dd3e8c690e42193ca)]:
|
|
41
|
+
- @react-pdf/types@2.0.8
|
package/lib/expand/borders.js
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
exports.__esModule = true;
|
|
6
4
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
9
|
-
|
|
10
5
|
var BORDER_SHORTHAND_REGEX = /(-?\d+(\.\d+)?(px|in|mm|cm|pt|vw|vh|px)?)\s(\S+)\s(.+)/;
|
|
11
|
-
|
|
6
|
+
|
|
7
|
+
var matchBorderShorthand = function matchBorderShorthand(value) {
|
|
8
|
+
return value.match(BORDER_SHORTHAND_REGEX) || [];
|
|
9
|
+
};
|
|
12
10
|
|
|
13
11
|
var expandBorders = function expandBorders(key, value) {
|
|
14
12
|
var match = matchBorderShorthand("" + value);
|
package/lib/expand/boxModel.js
CHANGED
|
@@ -1,46 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _parse = _interopRequireDefault(require("postcss-value-parser/lib/parse"));
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
var matchBoxModelValue = R.match(BOX_MODEL_REGEX);
|
|
10
|
+
var _unit = _interopRequireDefault(require("postcss-value-parser/lib/unit"));
|
|
12
11
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var _ref;
|
|
12
|
+
/* eslint-disable no-plusplus */
|
|
13
|
+
var BOX_MODEL_UNITS = 'px,in,mm,cm,pt,%,vw,vh';
|
|
16
14
|
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
var logError = function logError(style, value) {
|
|
16
|
+
console.error("\n @react-pdf/stylesheet parsing error:\n\n " + style + ": " + value + ",\n " + ' '.repeat(style.length + 2) + "^\n Unsupported " + style + " value format\n ");
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var expandBoxModel = function expandBoxModel(_temp) {
|
|
20
|
+
var _ref = _temp === void 0 ? {} : _temp,
|
|
21
|
+
expandsTo = _ref.expandsTo,
|
|
22
|
+
_ref$maxValues = _ref.maxValues,
|
|
23
|
+
maxValues = _ref$maxValues === void 0 ? 1 : _ref$maxValues,
|
|
24
|
+
_ref$autoSupported = _ref.autoSupported,
|
|
25
|
+
autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
|
|
19
26
|
|
|
20
|
-
|
|
21
|
-
|
|
27
|
+
return function (model, value) {
|
|
28
|
+
var _ref2;
|
|
22
29
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var bottom = match[2] || match[0];
|
|
26
|
-
var left = match[3] || match[1] || match[0];
|
|
30
|
+
var nodes = (0, _parse.default)("" + value);
|
|
31
|
+
var parts = [];
|
|
27
32
|
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
for (var i = 0; i < nodes.length; i++) {
|
|
34
|
+
var node = nodes[i]; // value contains `calc`, `url` or other css function
|
|
35
|
+
// `,`, `/` or strings that unsupported by margin and padding
|
|
30
36
|
|
|
31
|
-
|
|
37
|
+
if (node.type === 'function' || node.type === 'string' || node.type === 'div') {
|
|
38
|
+
logError(model, value);
|
|
39
|
+
return {};
|
|
32
40
|
}
|
|
33
41
|
|
|
34
|
-
if (
|
|
35
|
-
|
|
42
|
+
if (node.type === 'word') {
|
|
43
|
+
if (node.value === 'auto' && autoSupported) {
|
|
44
|
+
parts.push(node.value);
|
|
45
|
+
} else {
|
|
46
|
+
var result = (0, _unit.default)(node.value); // when unit isn't specified this condition is true
|
|
36
47
|
|
|
37
|
-
|
|
48
|
+
if (result && BOX_MODEL_UNITS.includes(result.unit)) {
|
|
49
|
+
parts.push(node.value);
|
|
50
|
+
} else {
|
|
51
|
+
logError(model, value);
|
|
52
|
+
return {};
|
|
53
|
+
}
|
|
54
|
+
}
|
|
38
55
|
}
|
|
56
|
+
} // checks that we have enough parsed values
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
if (parts.length > maxValues) {
|
|
60
|
+
logError(model, value);
|
|
61
|
+
return {};
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
var first = parts[0];
|
|
39
65
|
|
|
40
|
-
|
|
66
|
+
if (expandsTo) {
|
|
67
|
+
var second = parts[1] || parts[0];
|
|
68
|
+
var third = parts[2] || parts[0];
|
|
69
|
+
var fourth = parts[3] || parts[1] || parts[0];
|
|
70
|
+
return expandsTo({
|
|
71
|
+
first: first,
|
|
72
|
+
second: second,
|
|
73
|
+
third: third,
|
|
74
|
+
fourth: fourth
|
|
75
|
+
});
|
|
41
76
|
}
|
|
42
77
|
|
|
43
|
-
return
|
|
78
|
+
return _ref2 = {}, _ref2[model] = first, _ref2;
|
|
44
79
|
};
|
|
45
80
|
};
|
|
46
81
|
|
package/lib/expand/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _flex = _interopRequireDefault(require("./flex"));
|
|
9
9
|
|
|
10
|
-
var _margins =
|
|
10
|
+
var _margins = require("./margins");
|
|
11
11
|
|
|
12
12
|
var _borders = _interopRequireDefault(require("./borders"));
|
|
13
13
|
|
|
14
|
-
var _paddings =
|
|
14
|
+
var _paddings = require("./paddings");
|
|
15
15
|
|
|
16
16
|
var _objectPosition = _interopRequireDefault(require("./objectPosition"));
|
|
17
17
|
|
|
@@ -19,12 +19,20 @@ var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
|
|
|
19
19
|
|
|
20
20
|
var shorthands = {
|
|
21
21
|
flex: _flex.default,
|
|
22
|
-
margin: _margins.
|
|
23
|
-
marginHorizontal: _margins.
|
|
24
|
-
marginVertical: _margins.
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
margin: _margins.processMargin,
|
|
23
|
+
marginHorizontal: _margins.processMarginHorizontal,
|
|
24
|
+
marginVertical: _margins.processMarginVertical,
|
|
25
|
+
marginTop: _margins.processMarginSingle,
|
|
26
|
+
marginRight: _margins.processMarginSingle,
|
|
27
|
+
marginBottom: _margins.processMarginSingle,
|
|
28
|
+
marginLeft: _margins.processMarginSingle,
|
|
29
|
+
padding: _paddings.processPadding,
|
|
30
|
+
paddingHorizontal: _paddings.processPaddingHorizontal,
|
|
31
|
+
paddingVertical: _paddings.processPaddingVertical,
|
|
32
|
+
paddingTop: _paddings.processPaddingSingle,
|
|
33
|
+
paddingRight: _paddings.processPaddingSingle,
|
|
34
|
+
paddingBottom: _paddings.processPaddingSingle,
|
|
35
|
+
paddingLeft: _paddings.processPaddingSingle,
|
|
28
36
|
border: _borders.default,
|
|
29
37
|
borderTop: _borders.default,
|
|
30
38
|
borderRight: _borders.default,
|
package/lib/expand/margins.js
CHANGED
|
@@ -1,12 +1,56 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.
|
|
6
|
+
exports.processMarginVertical = exports.processMarginSingle = exports.processMarginHorizontal = exports.processMargin = void 0;
|
|
7
7
|
|
|
8
8
|
var _boxModel = _interopRequireDefault(require("./boxModel"));
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
var processMargin = (0, _boxModel.default)({
|
|
11
|
+
expandsTo: function expandsTo(_ref) {
|
|
12
|
+
var first = _ref.first,
|
|
13
|
+
second = _ref.second,
|
|
14
|
+
third = _ref.third,
|
|
15
|
+
fourth = _ref.fourth;
|
|
16
|
+
return {
|
|
17
|
+
marginTop: first,
|
|
18
|
+
marginRight: second,
|
|
19
|
+
marginBottom: third,
|
|
20
|
+
marginLeft: fourth
|
|
21
|
+
};
|
|
22
|
+
},
|
|
23
|
+
maxValues: 4,
|
|
24
|
+
autoSupported: true
|
|
25
|
+
});
|
|
26
|
+
exports.processMargin = processMargin;
|
|
27
|
+
var processMarginVertical = (0, _boxModel.default)({
|
|
28
|
+
expandsTo: function expandsTo(_ref2) {
|
|
29
|
+
var first = _ref2.first,
|
|
30
|
+
second = _ref2.second;
|
|
31
|
+
return {
|
|
32
|
+
marginTop: first,
|
|
33
|
+
marginBottom: second
|
|
34
|
+
};
|
|
35
|
+
},
|
|
36
|
+
maxValues: 2,
|
|
37
|
+
autoSupported: true
|
|
38
|
+
});
|
|
39
|
+
exports.processMarginVertical = processMarginVertical;
|
|
40
|
+
var processMarginHorizontal = (0, _boxModel.default)({
|
|
41
|
+
expandsTo: function expandsTo(_ref3) {
|
|
42
|
+
var first = _ref3.first,
|
|
43
|
+
second = _ref3.second;
|
|
44
|
+
return {
|
|
45
|
+
marginRight: first,
|
|
46
|
+
marginLeft: second
|
|
47
|
+
};
|
|
48
|
+
},
|
|
49
|
+
maxValues: 2,
|
|
50
|
+
autoSupported: true
|
|
51
|
+
});
|
|
52
|
+
exports.processMarginHorizontal = processMarginHorizontal;
|
|
53
|
+
var processMarginSingle = (0, _boxModel.default)({
|
|
54
|
+
autoSupported: true
|
|
55
|
+
});
|
|
56
|
+
exports.processMarginSingle = processMarginSingle;
|
package/lib/expand/paddings.js
CHANGED
|
@@ -1,12 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.
|
|
6
|
+
exports.processPaddingVertical = exports.processPaddingSingle = exports.processPaddingHorizontal = exports.processPadding = void 0;
|
|
7
7
|
|
|
8
8
|
var _boxModel = _interopRequireDefault(require("./boxModel"));
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
var processPadding = (0, _boxModel.default)({
|
|
11
|
+
expandsTo: function expandsTo(_ref) {
|
|
12
|
+
var first = _ref.first,
|
|
13
|
+
second = _ref.second,
|
|
14
|
+
third = _ref.third,
|
|
15
|
+
fourth = _ref.fourth;
|
|
16
|
+
return {
|
|
17
|
+
paddingTop: first,
|
|
18
|
+
paddingRight: second,
|
|
19
|
+
paddingBottom: third,
|
|
20
|
+
paddingLeft: fourth
|
|
21
|
+
};
|
|
22
|
+
},
|
|
23
|
+
maxValues: 4
|
|
24
|
+
});
|
|
25
|
+
exports.processPadding = processPadding;
|
|
26
|
+
var processPaddingVertical = (0, _boxModel.default)({
|
|
27
|
+
expandsTo: function expandsTo(_ref2) {
|
|
28
|
+
var first = _ref2.first,
|
|
29
|
+
second = _ref2.second;
|
|
30
|
+
return {
|
|
31
|
+
paddingTop: first,
|
|
32
|
+
paddingBottom: second
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
|
+
maxValues: 2
|
|
36
|
+
});
|
|
37
|
+
exports.processPaddingVertical = processPaddingVertical;
|
|
38
|
+
var processPaddingHorizontal = (0, _boxModel.default)({
|
|
39
|
+
expandsTo: function expandsTo(_ref3) {
|
|
40
|
+
var first = _ref3.first,
|
|
41
|
+
second = _ref3.second;
|
|
42
|
+
return {
|
|
43
|
+
paddingRight: first,
|
|
44
|
+
paddingLeft: second
|
|
45
|
+
};
|
|
46
|
+
},
|
|
47
|
+
maxValues: 2
|
|
48
|
+
});
|
|
49
|
+
exports.processPaddingHorizontal = processPaddingHorizontal;
|
|
50
|
+
var processPaddingSingle = (0, _boxModel.default)();
|
|
51
|
+
exports.processPaddingSingle = processPaddingSingle;
|
package/lib/flatten/index.js
CHANGED
|
@@ -1,32 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
exports.__esModule = true;
|
|
6
4
|
exports.default = void 0;
|
|
7
5
|
|
|
8
|
-
var
|
|
6
|
+
var _fns = require("@react-pdf/fns");
|
|
9
7
|
|
|
10
|
-
var isNotArray = R.complement(R.is(Array));
|
|
11
|
-
var castArray = R.when(isNotArray, function (v) {
|
|
12
|
-
return [v];
|
|
13
|
-
});
|
|
14
8
|
/**
|
|
15
9
|
* Remove nil values from array
|
|
16
10
|
*
|
|
17
11
|
* @param {Array} array
|
|
18
12
|
* @returns {Array} array without nils
|
|
19
13
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
* Checks if value is array
|
|
24
|
-
*
|
|
25
|
-
* @param {any} value
|
|
26
|
-
* @returns {Boolean} is value an array
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
var isArray = R.is(Array);
|
|
14
|
+
var compact = function compact(array) {
|
|
15
|
+
return array.filter(Boolean);
|
|
16
|
+
};
|
|
30
17
|
/**
|
|
31
18
|
* Merges style objects array
|
|
32
19
|
*
|
|
@@ -34,9 +21,10 @@ var isArray = R.is(Array);
|
|
|
34
21
|
* @returns {Object} merged style object
|
|
35
22
|
*/
|
|
36
23
|
|
|
24
|
+
|
|
37
25
|
var mergeStyles = function mergeStyles(styles) {
|
|
38
26
|
return styles.reduce(function (acc, style) {
|
|
39
|
-
var s = isArray(style) ? flatten(style) : style;
|
|
27
|
+
var s = Array.isArray(style) ? flatten(style) : style;
|
|
40
28
|
Object.keys(s).forEach(function (key) {
|
|
41
29
|
if (s[key] !== null && s[key] !== undefined) {
|
|
42
30
|
acc[key] = s[key];
|
|
@@ -53,6 +41,6 @@ var mergeStyles = function mergeStyles(styles) {
|
|
|
53
41
|
*/
|
|
54
42
|
|
|
55
43
|
|
|
56
|
-
var flatten =
|
|
44
|
+
var flatten = (0, _fns.compose)(mergeStyles, compact, _fns.castArray);
|
|
57
45
|
var _default = flatten;
|
|
58
46
|
exports.default = _default;
|
package/lib/index.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
4
|
|
|
7
5
|
exports.__esModule = true;
|
|
8
|
-
exports.
|
|
6
|
+
exports.transformColor = exports.processTransform = exports.default = void 0;
|
|
9
7
|
|
|
10
|
-
var
|
|
8
|
+
var _fns = require("@react-pdf/fns");
|
|
11
9
|
|
|
12
10
|
var _expand = _interopRequireDefault(require("./expand"));
|
|
13
11
|
|
|
@@ -33,10 +31,13 @@ exports.processTransform = _transform2.default;
|
|
|
33
31
|
* @returns {Object} resolved style object
|
|
34
32
|
*/
|
|
35
33
|
var resolveStyles = function resolveStyles(container, style) {
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
var computeMediaQueries = function computeMediaQueries(value) {
|
|
35
|
+
return (0, _mediaQueries.default)(container, value);
|
|
36
|
+
};
|
|
38
37
|
|
|
38
|
+
return (0, _fns.compose)((0, _transform.default)(container), _expand.default, computeMediaQueries, _flatten.default)(style);
|
|
39
|
+
}; // Utils exported for SVG processing
|
|
39
40
|
|
|
40
|
-
var _default = R.curryN(2, resolveStyles);
|
|
41
41
|
|
|
42
|
+
var _default = resolveStyles;
|
|
42
43
|
exports.default = _default;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
4
|
|
|
7
5
|
exports.__esModule = true;
|
|
8
6
|
exports.default = void 0;
|
|
9
7
|
|
|
10
8
|
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
9
|
|
|
12
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
13
|
-
|
|
14
10
|
var _mediaEngine = _interopRequireDefault(require("media-engine"));
|
|
15
11
|
|
|
16
12
|
/**
|
|
@@ -33,6 +29,5 @@ var resolveMediaQueries = function resolveMediaQueries(container, styles) {
|
|
|
33
29
|
}, {});
|
|
34
30
|
};
|
|
35
31
|
|
|
36
|
-
var _default =
|
|
37
|
-
|
|
32
|
+
var _default = resolveMediaQueries;
|
|
38
33
|
exports.default = _default;
|
package/lib/transform/colors.js
CHANGED
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
4
|
|
|
7
5
|
exports.__esModule = true;
|
|
8
6
|
exports.default = void 0;
|
|
9
7
|
|
|
10
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
11
|
-
|
|
12
8
|
var _hslToHex = _interopRequireDefault(require("hsl-to-hex"));
|
|
13
9
|
|
|
14
10
|
var _colorString = _interopRequireDefault(require("color-string"));
|
|
15
11
|
|
|
16
|
-
var isRgb =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
var isRgb = function isRgb(value) {
|
|
13
|
+
return /rgba?/g.test(value);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
var isHsl = function isHsl(value) {
|
|
17
|
+
return /hsla?/g.test(value);
|
|
18
|
+
};
|
|
20
19
|
/**
|
|
21
20
|
* Transform rgb color to hexa
|
|
22
21
|
*
|
|
@@ -24,7 +23,12 @@ var isHsla = R.test(/hsla/g);
|
|
|
24
23
|
* @returns {Object} transformed value
|
|
25
24
|
*/
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
|
|
27
|
+
var parseRgb = function parseRgb(value) {
|
|
28
|
+
var rgb = _colorString.default.get.rgb(value);
|
|
29
|
+
|
|
30
|
+
return _colorString.default.to.hex(rgb);
|
|
31
|
+
};
|
|
28
32
|
/**
|
|
29
33
|
* Transform Hsl color to hexa
|
|
30
34
|
*
|
|
@@ -32,7 +36,14 @@ var parseRgb = R.compose(_colorString.default.to.hex, _colorString.default.get.r
|
|
|
32
36
|
* @returns {Object} transformed value
|
|
33
37
|
*/
|
|
34
38
|
|
|
35
|
-
|
|
39
|
+
|
|
40
|
+
var parseHsl = function parseHsl(value) {
|
|
41
|
+
var hsl = _colorString.default.get.hsl(value).map(Math.round);
|
|
42
|
+
|
|
43
|
+
var hex = _hslToHex.default.apply(void 0, hsl);
|
|
44
|
+
|
|
45
|
+
return hex.toUpperCase();
|
|
46
|
+
};
|
|
36
47
|
/**
|
|
37
48
|
* Transform given color to hexa
|
|
38
49
|
*
|
|
@@ -40,8 +51,11 @@ var parseHsl = R.compose(R.toUpper, R.apply(_hslToHex.default), R.map(Math.round
|
|
|
40
51
|
* @returns {Object} transformed value
|
|
41
52
|
*/
|
|
42
53
|
|
|
54
|
+
|
|
43
55
|
var transformColor = function transformColor(value) {
|
|
44
|
-
|
|
56
|
+
if (isRgb(value)) return parseRgb(value);
|
|
57
|
+
if (isHsl(value)) return parseHsl(value);
|
|
58
|
+
return value;
|
|
45
59
|
};
|
|
46
60
|
|
|
47
61
|
var _default = transformColor;
|
package/lib/transform/index.js
CHANGED
package/lib/transform/units.js
CHANGED
|
@@ -2,17 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.default = void 0;
|
|
5
|
-
var DPI = 72; // 72pt per inch.
|
|
6
5
|
|
|
7
|
-
var MM_FACTOR = 1 / 25.4 * DPI;
|
|
8
|
-
var CM_FACTOR = 1 / 2.54 * DPI;
|
|
9
6
|
/**
|
|
10
7
|
* Parses scalar value in value and unit pairs
|
|
11
8
|
*
|
|
12
9
|
* @param {String} scalar value
|
|
13
10
|
* @returns {Object} parsed value
|
|
14
11
|
*/
|
|
15
|
-
|
|
16
12
|
var parseValue = function parseValue(value) {
|
|
17
13
|
var match = /^(-?\d*\.?\d+)(in|mm|cm|pt|vh|vw|px)?$/g.exec(value);
|
|
18
14
|
return match ? {
|
|
@@ -34,16 +30,19 @@ var parseValue = function parseValue(value) {
|
|
|
34
30
|
|
|
35
31
|
var transformUnit = function transformUnit(container, value) {
|
|
36
32
|
var scalar = parseValue(value);
|
|
33
|
+
var dpi = container.dpi || 72;
|
|
34
|
+
var mmFactor = 1 / 25.4 * dpi;
|
|
35
|
+
var cmFactor = 1 / 2.54 * dpi;
|
|
37
36
|
|
|
38
37
|
switch (scalar.unit) {
|
|
39
38
|
case 'in':
|
|
40
|
-
return scalar.value *
|
|
39
|
+
return scalar.value * dpi;
|
|
41
40
|
|
|
42
41
|
case 'mm':
|
|
43
|
-
return scalar.value *
|
|
42
|
+
return scalar.value * mmFactor;
|
|
44
43
|
|
|
45
44
|
case 'cm':
|
|
46
|
-
return scalar.value *
|
|
45
|
+
return scalar.value * cmFactor;
|
|
47
46
|
|
|
48
47
|
case 'vh':
|
|
49
48
|
return scalar.value * (container.height / 100);
|
package/lib/utils/castFloat.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
exports.__esModule = true;
|
|
6
4
|
exports.default = void 0;
|
|
7
5
|
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var matchNumber = R.when(R.is(String), R.test(/^-?\d*\.?\d*$/));
|
|
6
|
+
var matchNumber = function matchNumber(value) {
|
|
7
|
+
return typeof value === 'string' && /^-?\d*\.?\d*$/.test(value);
|
|
8
|
+
};
|
|
12
9
|
|
|
13
10
|
var castFloat = function castFloat(value) {
|
|
14
11
|
if (typeof value !== 'string') return value;
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-pdf/stylesheet",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"license": "MIT",
|
|
5
|
+
"description": "A styles engine for Node and the browser",
|
|
5
6
|
"author": "Diego Muracciole <diegomuracciole@gmail.com>",
|
|
6
7
|
"homepage": "https://github.com/diegomura/react-pdf#readme",
|
|
7
8
|
"main": "lib/index.js",
|
|
@@ -16,14 +17,15 @@
|
|
|
16
17
|
"watch": "rimraf ./lib && babel src --out-dir lib --watch"
|
|
17
18
|
},
|
|
18
19
|
"dependencies": {
|
|
19
|
-
"@
|
|
20
|
+
"@babel/runtime": "^7.16.4",
|
|
21
|
+
"@react-pdf/fns": "1.0.0",
|
|
22
|
+
"@react-pdf/types": "^2.1.0",
|
|
20
23
|
"color-string": "^1.5.3",
|
|
21
24
|
"hsl-to-hex": "^1.0.0",
|
|
22
25
|
"media-engine": "^1.0.3",
|
|
23
|
-
"
|
|
26
|
+
"postcss-value-parser": "^4.1.0"
|
|
24
27
|
},
|
|
25
28
|
"files": [
|
|
26
29
|
"lib"
|
|
27
|
-
]
|
|
28
|
-
"gitHead": "5afedfe22dc133e3a27a1e5ec0b9197df7bd6dc1"
|
|
30
|
+
]
|
|
29
31
|
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2017 Diego Muracciole <diegomuracciole@gmail.com>
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|