@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.
@@ -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 processBorders = function processBorders(key, value) {
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 = (0, _utils.castFloat)(match[1] || value);
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 = processBorders;
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 processBoxModel = function processBoxModel(model) {
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 = (0, _utils.castFloat)(match[0]);
26
- var right = (0, _utils.castFloat)(match[1] || match[0]);
27
- var bottom = (0, _utils.castFloat)(match[2] || match[0]);
28
- var left = (0, _utils.castFloat)(match[3] || match[1] || match[0]);
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 = processBoxModel;
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
- transform: _transform.default,
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] = (0, _utils.castFloat)(value), _ref);
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 processMargin = (0, _boxModel.default)('margin');
11
- var _default = processMargin;
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 processPadding = (0, _boxModel.default)('padding');
11
- var _default = processPadding;
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 _resolve = _interopRequireDefault(require("./resolve"));
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 = exports.transformColor = void 0;
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 = transformColors;
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 = exports.normalizeTransformOperation = exports.parseTransform = void 0;
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 value = rawValue.split(',').map(function (val) {
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
- var normalized = [];
131
- operations.forEach(function (operation) {
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(key, value) {
138
- return {
139
- transform: normalize(parse(value))
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 = R.curryN(2, function (container, value) {
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 = R.curryN(2, transformUnits);
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.castFloat = void 0;
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
- var castFloat = R.when(matchNumber, function (v) {
13
- return parseFloat(v, 10);
14
- });
15
- exports.castFloat = castFloat;
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.9",
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.4",
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": "c436c93efd06c9c6dc815a2e951a411d085bf27f"
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;
@@ -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;
@@ -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;