@react-pdf/stylesheet 2.0.9 → 2.0.13
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/{borders.js → expand/borders.js} +3 -5
- package/lib/{boxModel.js → expand/boxModel.js} +6 -8
- package/lib/expand/flex.js +20 -0
- package/lib/{expand.js → expand/index.js} +2 -10
- package/lib/{margins.js → expand/margins.js} +2 -2
- package/lib/expand/objectPosition.js +15 -0
- package/lib/{paddings.js → expand/paddings.js} +2 -2
- package/lib/expand/transformOrigin.js +33 -0
- package/lib/{flatten.js → flatten/index.js} +0 -0
- package/lib/index.js +34 -3
- package/lib/{mediaQueries.js → mediaQueries/index.js} +0 -0
- package/lib/{colors.js → transform/colors.js} +2 -15
- package/lib/transform/fontWeight.js +31 -0
- package/lib/transform/index.js +61 -0
- package/lib/transform/objectPosition.js +17 -0
- package/lib/{transform.js → transform/transform.js} +8 -14
- package/lib/transform/transformOrigin.js +17 -0
- package/lib/{units.js → transform/units.js} +2 -20
- package/lib/{utils.js → utils/castFloat.js} +10 -5
- package/lib/utils/offsetKeyword.js +25 -0
- package/package.json +8 -4
- package/lib/flex.js +0 -23
- package/lib/fontWeight.js +0 -42
- package/lib/objectPosition.js +0 -24
- package/lib/resolve.js +0 -43
- package/lib/transformOrigin.js +0 -62
|
@@ -7,18 +7,16 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var R = _interopRequireWildcard(require("ramda"));
|
|
9
9
|
|
|
10
|
-
var _utils = require("./utils");
|
|
11
|
-
|
|
12
10
|
var BORDER_SHORTHAND_REGEX = /(-?\d+(\.\d+)?(px|in|mm|cm|pt|vw|vh|px)?)\s(\S+)\s(.+)/;
|
|
13
11
|
var matchBorderShorthand = R.match(BORDER_SHORTHAND_REGEX);
|
|
14
12
|
|
|
15
|
-
var
|
|
13
|
+
var expandBorders = function expandBorders(key, value) {
|
|
16
14
|
var match = matchBorderShorthand("" + value);
|
|
17
15
|
|
|
18
16
|
if (match) {
|
|
19
17
|
var color = match[5] || value;
|
|
20
18
|
var style = match[4] || value;
|
|
21
|
-
var width =
|
|
19
|
+
var width = match[1] || value;
|
|
22
20
|
|
|
23
21
|
if (key.match(/(Top|Right|Bottom|Left)$/)) {
|
|
24
22
|
var _ref;
|
|
@@ -81,5 +79,5 @@ var processBorders = function processBorders(key, value) {
|
|
|
81
79
|
return value;
|
|
82
80
|
};
|
|
83
81
|
|
|
84
|
-
var _default =
|
|
82
|
+
var _default = expandBorders;
|
|
85
83
|
exports.default = _default;
|
|
@@ -7,12 +7,10 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var R = _interopRequireWildcard(require("ramda"));
|
|
9
9
|
|
|
10
|
-
var _utils = require("./utils");
|
|
11
|
-
|
|
12
10
|
var BOX_MODEL_REGEX = /-?\d+(\.\d+)?(px|in|mm|cm|pt|%|vw|vh|px)?/g;
|
|
13
11
|
var matchBoxModelValue = R.match(BOX_MODEL_REGEX);
|
|
14
12
|
|
|
15
|
-
var
|
|
13
|
+
var expandBoxModel = function expandBoxModel(model) {
|
|
16
14
|
return function (key, value) {
|
|
17
15
|
var _ref;
|
|
18
16
|
|
|
@@ -22,10 +20,10 @@ var processBoxModel = function processBoxModel(model) {
|
|
|
22
20
|
if (match) {
|
|
23
21
|
var _ref4;
|
|
24
22
|
|
|
25
|
-
var top =
|
|
26
|
-
var right =
|
|
27
|
-
var bottom =
|
|
28
|
-
var left =
|
|
23
|
+
var top = match[0];
|
|
24
|
+
var right = match[1] || match[0];
|
|
25
|
+
var bottom = match[2] || match[0];
|
|
26
|
+
var left = match[3] || match[1] || match[0];
|
|
29
27
|
|
|
30
28
|
if (key.match(/Horizontal$/)) {
|
|
31
29
|
var _ref2;
|
|
@@ -46,5 +44,5 @@ var processBoxModel = function processBoxModel(model) {
|
|
|
46
44
|
};
|
|
47
45
|
};
|
|
48
46
|
|
|
49
|
-
var _default =
|
|
47
|
+
var _default = expandBoxModel;
|
|
50
48
|
exports.default = _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var flexDefaults = [1, 1, 0];
|
|
6
|
+
|
|
7
|
+
var expandFlex = function expandFlex(key, value) {
|
|
8
|
+
var matches = ("" + value).split(' ');
|
|
9
|
+
var flexGrow = matches[0] || flexDefaults[0];
|
|
10
|
+
var flexShrink = matches[1] || flexDefaults[1];
|
|
11
|
+
var flexBasis = matches[2] || flexDefaults[2];
|
|
12
|
+
return {
|
|
13
|
+
flexGrow: flexGrow,
|
|
14
|
+
flexShrink: flexShrink,
|
|
15
|
+
flexBasis: flexBasis
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var _default = expandFlex;
|
|
20
|
+
exports.default = _default;
|
|
@@ -13,16 +13,10 @@ var _borders = _interopRequireDefault(require("./borders"));
|
|
|
13
13
|
|
|
14
14
|
var _paddings = _interopRequireDefault(require("./paddings"));
|
|
15
15
|
|
|
16
|
-
var _fontWeight = _interopRequireDefault(require("./fontWeight"));
|
|
17
|
-
|
|
18
16
|
var _objectPosition = _interopRequireDefault(require("./objectPosition"));
|
|
19
17
|
|
|
20
|
-
var _transform = _interopRequireDefault(require("./transform"));
|
|
21
|
-
|
|
22
18
|
var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
|
|
23
19
|
|
|
24
|
-
var _utils = require("./utils");
|
|
25
|
-
|
|
26
20
|
var shorthands = {
|
|
27
21
|
flex: _flex.default,
|
|
28
22
|
margin: _margins.default,
|
|
@@ -41,9 +35,7 @@ var shorthands = {
|
|
|
41
35
|
borderStyle: _borders.default,
|
|
42
36
|
borderWidth: _borders.default,
|
|
43
37
|
objectPosition: _objectPosition.default,
|
|
44
|
-
|
|
45
|
-
transformOrigin: _transformOrigin.default,
|
|
46
|
-
fontWeight: _fontWeight.default
|
|
38
|
+
transformOrigin: _transformOrigin.default
|
|
47
39
|
};
|
|
48
40
|
/**
|
|
49
41
|
* Transforms style key-value
|
|
@@ -56,7 +48,7 @@ var shorthands = {
|
|
|
56
48
|
var expandStyle = function expandStyle(key, value) {
|
|
57
49
|
var _ref;
|
|
58
50
|
|
|
59
|
-
return shorthands[key] ? shorthands[key](key, value) : (_ref = {}, _ref[key] =
|
|
51
|
+
return shorthands[key] ? shorthands[key](key, value) : (_ref = {}, _ref[key] = value, _ref);
|
|
60
52
|
};
|
|
61
53
|
/**
|
|
62
54
|
* Expand the shorthand properties.
|
|
@@ -7,6 +7,6 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _boxModel = _interopRequireDefault(require("./boxModel"));
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
var _default =
|
|
10
|
+
var expandMargin = (0, _boxModel.default)('margin');
|
|
11
|
+
var _default = expandMargin;
|
|
12
12
|
exports.default = _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var expandObjectPosition = function expandObjectPosition(key, value) {
|
|
7
|
+
var match = ("" + value).split(' ');
|
|
8
|
+
return {
|
|
9
|
+
objectPositionX: (match === null || match === void 0 ? void 0 : match[0]) || value,
|
|
10
|
+
objectPositionY: (match === null || match === void 0 ? void 0 : match[1]) || value
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
var _default = expandObjectPosition;
|
|
15
|
+
exports.default = _default;
|
|
@@ -7,6 +7,6 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _boxModel = _interopRequireDefault(require("./boxModel"));
|
|
9
9
|
|
|
10
|
-
var
|
|
11
|
-
var _default =
|
|
10
|
+
var expandPadding = (0, _boxModel.default)('padding');
|
|
11
|
+
var _default = expandPadding;
|
|
12
12
|
exports.default = _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var Y_AXIS_SHORTHANDS = {
|
|
6
|
+
top: true,
|
|
7
|
+
bottom: true
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
var sortTransformOriginPair = function sortTransformOriginPair(a, b) {
|
|
11
|
+
if (Y_AXIS_SHORTHANDS[a]) return 1;
|
|
12
|
+
if (Y_AXIS_SHORTHANDS[b]) return -1;
|
|
13
|
+
return 0;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
var getTransformOriginPair = function getTransformOriginPair(values) {
|
|
17
|
+
if (!values || values.length === 0) return ['center', 'center'];
|
|
18
|
+
var pair = values.length === 1 ? [values[0], 'center'] : values;
|
|
19
|
+
return pair.sort(sortTransformOriginPair);
|
|
20
|
+
}; // Transforms shorthand transformOrigin values
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
var expandTransformOrigin = function expandTransformOrigin(key, value) {
|
|
24
|
+
var match = ("" + value).split(' ');
|
|
25
|
+
var pair = getTransformOriginPair(match);
|
|
26
|
+
return {
|
|
27
|
+
transformOriginX: pair[0],
|
|
28
|
+
transformOriginY: pair[1]
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var _default = expandTransformOrigin;
|
|
33
|
+
exports.default = _default;
|
|
File without changes
|
package/lib/index.js
CHANGED
|
@@ -2,10 +2,41 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
+
|
|
5
7
|
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
8
|
+
exports.default = exports.processTransform = exports.transformColor = void 0;
|
|
9
|
+
|
|
10
|
+
var R = _interopRequireWildcard(require("ramda"));
|
|
11
|
+
|
|
12
|
+
var _expand = _interopRequireDefault(require("./expand"));
|
|
13
|
+
|
|
14
|
+
var _flatten = _interopRequireDefault(require("./flatten"));
|
|
15
|
+
|
|
16
|
+
var _transform = _interopRequireDefault(require("./transform"));
|
|
17
|
+
|
|
18
|
+
var _mediaQueries = _interopRequireDefault(require("./mediaQueries"));
|
|
19
|
+
|
|
20
|
+
var _colors = _interopRequireDefault(require("./transform/colors"));
|
|
21
|
+
|
|
22
|
+
exports.transformColor = _colors.default;
|
|
23
|
+
|
|
24
|
+
var _transform2 = _interopRequireDefault(require("./transform/transform"));
|
|
25
|
+
|
|
26
|
+
exports.processTransform = _transform2.default;
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Resolves styles
|
|
30
|
+
*
|
|
31
|
+
* @param {Object} container
|
|
32
|
+
* @param {Object} style object
|
|
33
|
+
* @returns {Object} resolved style object
|
|
34
|
+
*/
|
|
35
|
+
var resolveStyles = function resolveStyles(container, style) {
|
|
36
|
+
return R.compose((0, _transform.default)(container), _expand.default, (0, _mediaQueries.default)(container), _flatten.default)(style);
|
|
37
|
+
}; // Utils exported for SVG processing
|
|
38
|
+
|
|
7
39
|
|
|
8
|
-
var
|
|
40
|
+
var _default = R.curryN(2, resolveStyles);
|
|
9
41
|
|
|
10
|
-
var _default = _resolve.default;
|
|
11
42
|
exports.default = _default;
|
|
File without changes
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
6
|
|
|
7
7
|
exports.__esModule = true;
|
|
8
|
-
exports.default =
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var R = _interopRequireWildcard(require("ramda"));
|
|
11
11
|
|
|
@@ -43,19 +43,6 @@ var parseHsl = R.compose(R.toUpper, R.apply(_hslToHex.default), R.map(Math.round
|
|
|
43
43
|
var transformColor = function transformColor(value) {
|
|
44
44
|
return R.cond([[isRgba, parseRgb], [isRgb, parseRgb], [isHsla, parseHsl], [isHsl, parseHsl], [R.T, R.always(value)]])(value);
|
|
45
45
|
};
|
|
46
|
-
/**
|
|
47
|
-
* Transform rbg and cmyk colors to hexa
|
|
48
|
-
*
|
|
49
|
-
* @param {Object} styles object
|
|
50
|
-
* @returns {Object} transformed styles
|
|
51
|
-
*/
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
exports.transformColor = transformColor;
|
|
55
|
-
|
|
56
|
-
var transformColors = function transformColors(styles) {
|
|
57
|
-
return R.map(transformColor, styles);
|
|
58
|
-
};
|
|
59
46
|
|
|
60
|
-
var _default =
|
|
47
|
+
var _default = transformColor;
|
|
61
48
|
exports.default = _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var FONT_WEIGHTS = {
|
|
6
|
+
thin: 100,
|
|
7
|
+
hairline: 100,
|
|
8
|
+
ultralight: 200,
|
|
9
|
+
extralight: 200,
|
|
10
|
+
light: 300,
|
|
11
|
+
normal: 400,
|
|
12
|
+
medium: 500,
|
|
13
|
+
semibold: 600,
|
|
14
|
+
demibold: 600,
|
|
15
|
+
bold: 700,
|
|
16
|
+
ultrabold: 800,
|
|
17
|
+
extrabold: 800,
|
|
18
|
+
heavy: 900,
|
|
19
|
+
black: 900
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var processFontWeight = function processFontWeight(value) {
|
|
23
|
+
if (!value) return FONT_WEIGHTS.normal;
|
|
24
|
+
if (typeof value === 'number') return value;
|
|
25
|
+
var lv = value.toLowerCase();
|
|
26
|
+
if (FONT_WEIGHTS[lv]) return FONT_WEIGHTS[lv];
|
|
27
|
+
return value;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
var _default = processFontWeight;
|
|
31
|
+
exports.default = _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _units = _interopRequireDefault(require("./units"));
|
|
9
|
+
|
|
10
|
+
var _colors = _interopRequireDefault(require("./colors"));
|
|
11
|
+
|
|
12
|
+
var _transform = _interopRequireDefault(require("./transform"));
|
|
13
|
+
|
|
14
|
+
var _fontWeight = _interopRequireDefault(require("./fontWeight"));
|
|
15
|
+
|
|
16
|
+
var _objectPosition = _interopRequireDefault(require("./objectPosition"));
|
|
17
|
+
|
|
18
|
+
var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
|
|
19
|
+
|
|
20
|
+
var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
|
|
21
|
+
|
|
22
|
+
var handlers = {
|
|
23
|
+
transform: _transform.default,
|
|
24
|
+
fontWeight: _fontWeight.default,
|
|
25
|
+
objectPositionX: _objectPosition.default,
|
|
26
|
+
objectPositionY: _objectPosition.default,
|
|
27
|
+
transformOriginX: _transformOrigin.default,
|
|
28
|
+
transformOriginY: _transformOrigin.default
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var transformStyle = function transformStyle(key, value, container) {
|
|
32
|
+
var result = handlers[key] ? handlers[key](value) : value;
|
|
33
|
+
return (0, _colors.default)((0, _units.default)(container, (0, _castFloat.default)(result)));
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Transform styles values
|
|
37
|
+
*
|
|
38
|
+
* @param {Object} styles object
|
|
39
|
+
* @returns {Object} transformed styles
|
|
40
|
+
*/
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
var transform = function transform(container) {
|
|
44
|
+
return function (style) {
|
|
45
|
+
if (!style) return style;
|
|
46
|
+
var propsArray = Object.keys(style);
|
|
47
|
+
var resolvedStyle = {};
|
|
48
|
+
|
|
49
|
+
for (var i = 0; i < propsArray.length; i += 1) {
|
|
50
|
+
var key = propsArray[i];
|
|
51
|
+
var value = style[key];
|
|
52
|
+
var transformed = transformStyle(key, value, container);
|
|
53
|
+
resolvedStyle[key] = transformed;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
return resolvedStyle;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
var _default = transform;
|
|
61
|
+
exports.default = _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
|
|
9
|
+
|
|
10
|
+
var _offsetKeyword = _interopRequireDefault(require("../utils/offsetKeyword"));
|
|
11
|
+
|
|
12
|
+
var transformObjectPosition = function transformObjectPosition(value) {
|
|
13
|
+
return (0, _offsetKeyword.default)(value) || (0, _castFloat.default)(value);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
var _default = transformObjectPosition;
|
|
17
|
+
exports.default = _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.default =
|
|
4
|
+
exports.default = void 0;
|
|
5
5
|
|
|
6
6
|
var parse = function parse(transformString) {
|
|
7
7
|
var transforms = transformString.trim().split(/\) |\)/); // Handle "initial", "inherit", "unset".
|
|
@@ -20,7 +20,8 @@ var parse = function parse(transformString) {
|
|
|
20
20
|
name = _transform$split[0],
|
|
21
21
|
rawValue = _transform$split[1];
|
|
22
22
|
|
|
23
|
-
var
|
|
23
|
+
var splitChar = rawValue.indexOf(',') >= 0 ? ',' : ' ';
|
|
24
|
+
var value = rawValue.split(splitChar).map(function (val) {
|
|
24
25
|
return val.trim();
|
|
25
26
|
});
|
|
26
27
|
parsed.push({
|
|
@@ -33,8 +34,6 @@ var parse = function parse(transformString) {
|
|
|
33
34
|
return parsed;
|
|
34
35
|
};
|
|
35
36
|
|
|
36
|
-
exports.parseTransform = parse;
|
|
37
|
-
|
|
38
37
|
var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
|
|
39
38
|
var operation = _ref.operation,
|
|
40
39
|
value = _ref.value;
|
|
@@ -124,20 +123,15 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
|
|
|
124
123
|
}
|
|
125
124
|
};
|
|
126
125
|
|
|
127
|
-
exports.normalizeTransformOperation = normalizeTransformOperation;
|
|
128
|
-
|
|
129
126
|
var normalize = function normalize(operations) {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
normalized.push(normalizeTransformOperation(operation));
|
|
127
|
+
return operations.map(function (operation) {
|
|
128
|
+
return normalizeTransformOperation(operation);
|
|
133
129
|
});
|
|
134
|
-
return normalized;
|
|
135
130
|
};
|
|
136
131
|
|
|
137
|
-
var processTransform = function processTransform(
|
|
138
|
-
return
|
|
139
|
-
|
|
140
|
-
};
|
|
132
|
+
var processTransform = function processTransform(value) {
|
|
133
|
+
if (typeof value !== 'string') return value;
|
|
134
|
+
return normalize(parse(value));
|
|
141
135
|
};
|
|
142
136
|
|
|
143
137
|
var _default = processTransform;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
|
|
9
|
+
|
|
10
|
+
var _offsetKeyword = _interopRequireDefault(require("../utils/offsetKeyword"));
|
|
11
|
+
|
|
12
|
+
var transformTransformOrigin = function transformTransformOrigin(value) {
|
|
13
|
+
return (0, _offsetKeyword.default)(value) || (0, _castFloat.default)(value);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
var _default = transformTransformOrigin;
|
|
17
|
+
exports.default = _default;
|
|
@@ -1,12 +1,7 @@
|
|
|
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 DPI = 72; // 72pt per inch.
|
|
11
6
|
|
|
12
7
|
var MM_FACTOR = 1 / 25.4 * DPI;
|
|
@@ -37,7 +32,7 @@ var parseValue = function parseValue(value) {
|
|
|
37
32
|
*/
|
|
38
33
|
|
|
39
34
|
|
|
40
|
-
var transformUnit =
|
|
35
|
+
var transformUnit = function transformUnit(container, value) {
|
|
41
36
|
var scalar = parseValue(value);
|
|
42
37
|
|
|
43
38
|
switch (scalar.unit) {
|
|
@@ -59,20 +54,7 @@ var transformUnit = R.curryN(2, function (container, value) {
|
|
|
59
54
|
default:
|
|
60
55
|
return scalar.value;
|
|
61
56
|
}
|
|
62
|
-
});
|
|
63
|
-
/**
|
|
64
|
-
* Transform units on given styles object.
|
|
65
|
-
* Container is given to calculate vh and vw
|
|
66
|
-
*
|
|
67
|
-
* @param {Object} container
|
|
68
|
-
* @param {Object} styles object
|
|
69
|
-
* @returns {Object} transformed styles
|
|
70
|
-
*/
|
|
71
|
-
|
|
72
|
-
var transformUnits = function transformUnits(container, styles) {
|
|
73
|
-
return R.map(transformUnit(container), styles);
|
|
74
57
|
};
|
|
75
58
|
|
|
76
|
-
var _default =
|
|
77
|
-
|
|
59
|
+
var _default = transformUnit;
|
|
78
60
|
exports.default = _default;
|
|
@@ -3,13 +3,18 @@
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var R = _interopRequireWildcard(require("ramda"));
|
|
9
9
|
|
|
10
10
|
/* eslint-disable import/prefer-default-export */
|
|
11
11
|
var matchNumber = R.when(R.is(String), R.test(/^-?\d*\.?\d*$/));
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
|
|
13
|
+
var castFloat = function castFloat(value) {
|
|
14
|
+
if (typeof value !== 'string') return value;
|
|
15
|
+
if (matchNumber(value)) return parseFloat(value, 10);
|
|
16
|
+
return value;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var _default = castFloat;
|
|
20
|
+
exports.default = _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var offsetKeyword = function offsetKeyword(value) {
|
|
7
|
+
switch (value) {
|
|
8
|
+
case 'top':
|
|
9
|
+
case 'left':
|
|
10
|
+
return '0%';
|
|
11
|
+
|
|
12
|
+
case 'right':
|
|
13
|
+
case 'bottom':
|
|
14
|
+
return '100%';
|
|
15
|
+
|
|
16
|
+
case 'center':
|
|
17
|
+
return '50%';
|
|
18
|
+
|
|
19
|
+
default:
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
var _default = offsetKeyword;
|
|
25
|
+
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-pdf/stylesheet",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Diego Muracciole <diegomuracciole@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/diegomura/react-pdf#readme",
|
|
7
|
-
"repository": "git@github.com:diegomura/react-pdf.git",
|
|
8
7
|
"main": "lib/index.js",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "https://github.com/diegomura/react-pdf.git",
|
|
11
|
+
"directory": "packages/stylesheet"
|
|
12
|
+
},
|
|
9
13
|
"scripts": {
|
|
10
14
|
"test": "jest",
|
|
11
15
|
"build": "rimraf ./lib && babel src --out-dir lib",
|
|
12
16
|
"watch": "rimraf ./lib && babel src --out-dir lib --watch"
|
|
13
17
|
},
|
|
14
18
|
"dependencies": {
|
|
15
|
-
"@react-pdf/types": "^2.0.
|
|
19
|
+
"@react-pdf/types": "^2.0.7",
|
|
16
20
|
"color-string": "^1.5.3",
|
|
17
21
|
"hsl-to-hex": "^1.0.0",
|
|
18
22
|
"media-engine": "^1.0.3",
|
|
@@ -21,5 +25,5 @@
|
|
|
21
25
|
"files": [
|
|
22
26
|
"lib"
|
|
23
27
|
],
|
|
24
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "5afedfe22dc133e3a27a1e5ec0b9197df7bd6dc1"
|
|
25
29
|
}
|
package/lib/flex.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _utils = require("./utils");
|
|
7
|
-
|
|
8
|
-
var flexDefaults = [1, 1, 0];
|
|
9
|
-
|
|
10
|
-
var processFlex = function processFlex(key, value) {
|
|
11
|
-
var matches = ("" + value).split(' ');
|
|
12
|
-
var flexGrow = (0, _utils.castFloat)(matches[0] || flexDefaults[0]);
|
|
13
|
-
var flexShrink = (0, _utils.castFloat)(matches[1] || flexDefaults[1]);
|
|
14
|
-
var flexBasis = (0, _utils.castFloat)(matches[2] || flexDefaults[2]);
|
|
15
|
-
return {
|
|
16
|
-
flexGrow: flexGrow,
|
|
17
|
-
flexShrink: flexShrink,
|
|
18
|
-
flexBasis: flexBasis
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
var _default = processFlex;
|
|
23
|
-
exports.default = _default;
|
package/lib/fontWeight.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _utils = require("./utils");
|
|
7
|
-
|
|
8
|
-
var FONT_WEIGHTS = {
|
|
9
|
-
thin: 100,
|
|
10
|
-
hairline: 100,
|
|
11
|
-
ultralight: 200,
|
|
12
|
-
extralight: 200,
|
|
13
|
-
light: 300,
|
|
14
|
-
normal: 400,
|
|
15
|
-
medium: 500,
|
|
16
|
-
semibold: 600,
|
|
17
|
-
demibold: 600,
|
|
18
|
-
bold: 700,
|
|
19
|
-
ultrabold: 800,
|
|
20
|
-
extrabold: 800,
|
|
21
|
-
heavy: 900,
|
|
22
|
-
black: 900
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var processFontWeight = function processFontWeight(key, value) {
|
|
26
|
-
if (!value) return {
|
|
27
|
-
fontWeight: FONT_WEIGHTS.normal
|
|
28
|
-
};
|
|
29
|
-
if (typeof value === 'number') return {
|
|
30
|
-
fontWeight: value
|
|
31
|
-
};
|
|
32
|
-
var lv = value.toLowerCase();
|
|
33
|
-
if (FONT_WEIGHTS[lv]) return {
|
|
34
|
-
fontWeight: FONT_WEIGHTS[lv]
|
|
35
|
-
};
|
|
36
|
-
return {
|
|
37
|
-
fontWeight: (0, _utils.castFloat)(value)
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var _default = processFontWeight;
|
|
42
|
-
exports.default = _default;
|
package/lib/objectPosition.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("./utils");
|
|
11
|
-
|
|
12
|
-
var OBJECT_POSITION_REGEX = /-?\d+(\.\d+)?(px|in|mm|cm|pt|%|vw|vh|px)?/g;
|
|
13
|
-
var matchObjectPosition = R.match(OBJECT_POSITION_REGEX);
|
|
14
|
-
|
|
15
|
-
var processObjectPosition = function processObjectPosition(key, value) {
|
|
16
|
-
var match = matchObjectPosition(value);
|
|
17
|
-
return {
|
|
18
|
-
objectPositionX: (0, _utils.castFloat)((match === null || match === void 0 ? void 0 : match[0]) || value),
|
|
19
|
-
objectPositionY: (0, _utils.castFloat)((match === null || match === void 0 ? void 0 : match[1]) || value)
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
var _default = processObjectPosition;
|
|
24
|
-
exports.default = _default;
|
package/lib/resolve.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
7
|
-
exports.__esModule = true;
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
11
|
-
|
|
12
|
-
var _expand = _interopRequireDefault(require("./expand"));
|
|
13
|
-
|
|
14
|
-
var _units = _interopRequireDefault(require("./units"));
|
|
15
|
-
|
|
16
|
-
var _flatten = _interopRequireDefault(require("./flatten"));
|
|
17
|
-
|
|
18
|
-
var _colors = _interopRequireDefault(require("./colors"));
|
|
19
|
-
|
|
20
|
-
var _mediaQueries = _interopRequireDefault(require("./mediaQueries"));
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Filter styles with `none` value
|
|
24
|
-
*
|
|
25
|
-
* @param {Object} style object
|
|
26
|
-
* @returns {Object} style without none values
|
|
27
|
-
*/
|
|
28
|
-
var filterNoneValues = R.reject(R.equals('none'));
|
|
29
|
-
/**
|
|
30
|
-
* Resolves styles
|
|
31
|
-
*
|
|
32
|
-
* @param {Object} container
|
|
33
|
-
* @param {Object} style object
|
|
34
|
-
* @returns {Object} resolved style object
|
|
35
|
-
*/
|
|
36
|
-
|
|
37
|
-
var resolveStyles = function resolveStyles(container, style) {
|
|
38
|
-
return R.compose((0, _units.default)(container), _colors.default, _expand.default, (0, _mediaQueries.default)(container), filterNoneValues, _flatten.default)(style);
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var _default = R.curryN(2, resolveStyles);
|
|
42
|
-
|
|
43
|
-
exports.default = _default;
|
package/lib/transformOrigin.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var R = _interopRequireWildcard(require("ramda"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("./utils");
|
|
11
|
-
|
|
12
|
-
var TRANSFORM_ORIGIN_REGEX = /(-?\d+(px|in|mm|cm|pt|%|vw|vh|px)?)|top|right|bottom|left|center/g;
|
|
13
|
-
var matchTransformOrigin = R.match(TRANSFORM_ORIGIN_REGEX);
|
|
14
|
-
|
|
15
|
-
var transformOffsetKeywords = function transformOffsetKeywords(value) {
|
|
16
|
-
switch (value) {
|
|
17
|
-
case 'top':
|
|
18
|
-
case 'left':
|
|
19
|
-
return '0%';
|
|
20
|
-
|
|
21
|
-
case 'right':
|
|
22
|
-
case 'bottom':
|
|
23
|
-
return '100%';
|
|
24
|
-
|
|
25
|
-
case 'center':
|
|
26
|
-
return '50%';
|
|
27
|
-
|
|
28
|
-
default:
|
|
29
|
-
return (0, _utils.castFloat)(value);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
var Y_AXIS_SHORTHANDS = {
|
|
34
|
-
top: true,
|
|
35
|
-
bottom: true
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
var sortTransformOriginPair = function sortTransformOriginPair(a, b) {
|
|
39
|
-
if (Y_AXIS_SHORTHANDS[a]) return 1;
|
|
40
|
-
if (Y_AXIS_SHORTHANDS[b]) return -1;
|
|
41
|
-
return 0;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var getTransformOriginPair = function getTransformOriginPair(values) {
|
|
45
|
-
if (!values || values.length === 0) return ['center', 'center'];
|
|
46
|
-
var pair = values.length === 1 ? [values[0], 'center'] : values;
|
|
47
|
-
return pair.sort(sortTransformOriginPair);
|
|
48
|
-
}; // Transforms shorthand transformOrigin values
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
var processTransformOrigin = function processTransformOrigin(key, value) {
|
|
52
|
-
var match = matchTransformOrigin("" + value);
|
|
53
|
-
if (!match) return value;
|
|
54
|
-
var pair = getTransformOriginPair(match);
|
|
55
|
-
return {
|
|
56
|
-
transformOriginX: transformOffsetKeywords(pair[0]),
|
|
57
|
-
transformOriginY: transformOffsetKeywords(pair[1])
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var _default = processTransformOrigin;
|
|
62
|
-
exports.default = _default;
|