@react-pdf/stylesheet 4.1.1 → 4.1.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-pdf/stylesheet
 
+## 4.1.3
+
+### Patch Changes
+
+- [#2205](https://github.com/diegomura/react-pdf/pull/2205) [`9a5e0be`](https://github.com/diegomura/react-pdf/commit/9a5e0befb89756db07ce053192a136df9d4ba905) Thanks [@jeetiss](https://github.com/jeetiss)! - update babel
+
+## 4.1.2
+
+### Patch Changes
+
+- [#2191](https://github.com/diegomura/react-pdf/pull/2191) [`37c3d74`](https://github.com/diegomura/react-pdf/commit/37c3d741fc9ad7eb91508b5caf6a5a554243f7ff) Thanks [@jeetiss](https://github.com/jeetiss)! - revert flex shorthand defaults
+
 ## 4.1.1
 
 ### Patch Changes

package/lib/index.cjs.js

@@ -20,19 +20,18 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var matchMedia__default = /*#__PURE__*/_interopDefaultLegacy(matchMedia);
 
 // https://developer.mozilla.org/en-US/docs/Web/CSS/flex#values
-var flexDefaults = [0, 1, 'auto'];
-var flexAuto = [1, 1, 'auto'];
 
+// TODO: change flex defaults to [0, 1, 'auto'] as in spec in next major release
+var flexDefaults = [1, 1, 0];
+var flexAuto = [1, 1, 'auto'];
 var expandFlex = function expandFlex(key, value) {
   var defaults = flexDefaults;
   var matches = [];
-
   if (value === 'auto') {
     defaults = flexAuto;
   } else {
     matches = ("" + value).split(' ');
   }
-
   var flexGrow = matches[0] || defaults[0];
   var flexShrink = matches[1] || defaults[1];
   var flexBasis = matches[2] || defaults[2];
@@ -45,40 +44,36 @@ var expandFlex = function expandFlex(key, value) {
 
 /* eslint-disable no-plusplus */
 var BOX_MODEL_UNITS = 'px,in,mm,cm,pt,%,vw,vh';
-
 var logError = function logError(style, value) {
   console.error("\n    @react-pdf/stylesheet parsing error:\n\n    " + style + ": " + value + ",\n    " + ' '.repeat(style.length + 2) + "^\n    Unsupported " + style + " value format\n  ");
 };
-
 var expandBoxModel = function expandBoxModel(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-      expandsTo = _ref.expandsTo,
-      _ref$maxValues = _ref.maxValues,
-      maxValues = _ref$maxValues === void 0 ? 1 : _ref$maxValues,
-      _ref$autoSupported = _ref.autoSupported,
-      autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
-
+    expandsTo = _ref.expandsTo,
+    _ref$maxValues = _ref.maxValues,
+    maxValues = _ref$maxValues === void 0 ? 1 : _ref$maxValues,
+    _ref$autoSupported = _ref.autoSupported,
+    autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
   return function (model, value) {
     var _ref2;
-
     var nodes = parse__default["default"]("" + value);
     var parts = [];
-
     for (var i = 0; i < nodes.length; i++) {
-      var node = nodes[i]; // value contains `calc`, `url` or other css function
-      // `,`, `/` or strings that unsupported by margin and padding
+      var node = nodes[i];
 
+      // value contains `calc`, `url` or other css function
+      // `,`, `/` or strings that unsupported by margin and padding
       if (node.type === 'function' || node.type === 'string' || node.type === 'div') {
         logError(model, value);
         return {};
       }
-
       if (node.type === 'word') {
         if (node.value === 'auto' && autoSupported) {
           parts.push(node.value);
         } else {
-          var result = parseUnit__default["default"](node.value); // when unit isn't specified this condition is true
+          var result = parseUnit__default["default"](node.value);
 
+          // when unit isn't specified this condition is true
           if (result && BOX_MODEL_UNITS.includes(result.unit)) {
             parts.push(node.value);
           } else {
@@ -87,16 +82,14 @@ var expandBoxModel = function expandBoxModel(_temp) {
           }
         }
       }
-    } // checks that we have enough parsed values
-
+    }
 
+    // checks that we have enough parsed values
     if (parts.length > maxValues) {
       logError(model, value);
       return {};
     }
-
     var first = parts[0];
-
     if (expandsTo) {
       var second = parts[1] || parts[0];
       var third = parts[2] || parts[0];
@@ -108,7 +101,6 @@ var expandBoxModel = function expandBoxModel(_temp) {
         fourth: fourth
       });
     }
-
     return _ref2 = {}, _ref2[model] = first, _ref2;
   };
 };
@@ -116,9 +108,9 @@ var expandBoxModel = function expandBoxModel(_temp) {
 var processMargin = expandBoxModel({
   expandsTo: function expandsTo(_ref) {
     var first = _ref.first,
-        second = _ref.second,
-        third = _ref.third,
-        fourth = _ref.fourth;
+      second = _ref.second,
+      third = _ref.third,
+      fourth = _ref.fourth;
     return {
       marginTop: first,
       marginRight: second,
@@ -132,7 +124,7 @@ var processMargin = expandBoxModel({
 var processMarginVertical = expandBoxModel({
   expandsTo: function expandsTo(_ref2) {
     var first = _ref2.first,
-        second = _ref2.second;
+      second = _ref2.second;
     return {
       marginTop: first,
       marginBottom: second
@@ -144,7 +136,7 @@ var processMarginVertical = expandBoxModel({
 var processMarginHorizontal = expandBoxModel({
   expandsTo: function expandsTo(_ref3) {
     var first = _ref3.first,
-        second = _ref3.second;
+      second = _ref3.second;
     return {
       marginRight: first,
       marginLeft: second
@@ -158,25 +150,19 @@ var processMarginSingle = expandBoxModel({
 });
 
 var BORDER_SHORTHAND_REGEX = /(-?\d+(\.\d+)?(px|in|mm|cm|pt|vw|vh|px)?)\s(\S+)\s(.+)/;
-
 var matchBorderShorthand = function matchBorderShorthand(value) {
   return value.match(BORDER_SHORTHAND_REGEX) || [];
 };
-
 var expandBorders = function expandBorders(key, value) {
   var match = matchBorderShorthand("" + value);
-
   if (match) {
     var color = match[5] || value;
     var style = match[4] || value;
     var width = match[1] || value;
-
     if (key.match(/(Top|Right|Bottom|Left)$/)) {
       var _ref;
-
       return _ref = {}, _ref[key + "Color"] = color, _ref[key + "Style"] = style, _ref[key + "Width"] = width, _ref;
     }
-
     if (key.match(/Color$/)) {
       return {
         borderTopColor: color,
@@ -185,7 +171,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftColor: color
       };
     }
-
     if (key.match(/Style$/)) {
       return {
         borderTopStyle: style,
@@ -194,7 +179,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftStyle: style
       };
     }
-
     if (key.match(/Width$/)) {
       return {
         borderTopWidth: width,
@@ -203,7 +187,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftWidth: width
       };
     }
-
     if (key.match(/Radius$/)) {
       return {
         borderTopLeftRadius: value,
@@ -212,7 +195,6 @@ var expandBorders = function expandBorders(key, value) {
         borderBottomLeftRadius: value
       };
     }
-
     return {
       borderTopColor: color,
       borderTopStyle: style,
@@ -228,16 +210,15 @@ var expandBorders = function expandBorders(key, value) {
       borderLeftWidth: width
     };
   }
-
   return value;
 };
 
 var processPadding = expandBoxModel({
   expandsTo: function expandsTo(_ref) {
     var first = _ref.first,
-        second = _ref.second,
-        third = _ref.third,
-        fourth = _ref.fourth;
+      second = _ref.second,
+      third = _ref.third,
+      fourth = _ref.fourth;
     return {
       paddingTop: first,
       paddingRight: second,
@@ -250,7 +231,7 @@ var processPadding = expandBoxModel({
 var processPaddingVertical = expandBoxModel({
   expandsTo: function expandsTo(_ref2) {
     var first = _ref2.first,
-        second = _ref2.second;
+      second = _ref2.second;
     return {
       paddingTop: first,
       paddingBottom: second
@@ -261,7 +242,7 @@ var processPaddingVertical = expandBoxModel({
 var processPaddingHorizontal = expandBoxModel({
   expandsTo: function expandsTo(_ref3) {
     var first = _ref3.first,
-        second = _ref3.second;
+      second = _ref3.second;
     return {
       paddingRight: first,
       paddingLeft: second
@@ -283,20 +264,18 @@ var Y_AXIS_SHORTHANDS = {
   top: true,
   bottom: true
 };
-
 var sortTransformOriginPair = function sortTransformOriginPair(a, b) {
   if (Y_AXIS_SHORTHANDS[a]) return 1;
   if (Y_AXIS_SHORTHANDS[b]) return -1;
   return 0;
 };
-
 var getTransformOriginPair = function getTransformOriginPair(values) {
   if (!values || values.length === 0) return ['center', 'center'];
   var pair = values.length === 1 ? [values[0], 'center'] : values;
   return pair.sort(sortTransformOriginPair);
-}; // Transforms shorthand transformOrigin values
-
+};
 
+// Transforms shorthand transformOrigin values
 var expandTransformOrigin = function expandTransformOrigin(key, value) {
   var match = ("" + value).split(' ');
   var pair = getTransformOriginPair(match);
@@ -343,6 +322,7 @@ var shorthands = {
   objectPosition: expandObjectPosition,
   transformOrigin: expandTransformOrigin
 };
+
 /**
  * Transforms style key-value
  *
@@ -350,38 +330,32 @@ var shorthands = {
  * @param {String} value style value
  * @returns {String | Number} transformed style values
  */
-
 var expandStyle = function expandStyle(key, value) {
   var _ref;
-
   return shorthands[key] ? shorthands[key](key, value) : (_ref = {}, _ref[key] = value, _ref);
 };
+
 /**
  * Expand the shorthand properties.
  *
  * @param { Object } style object
  * @returns { Object } expanded style object
  */
-
-
 var expand = function expand(style) {
   if (!style) return style;
   var propsArray = Object.keys(style);
   var resolvedStyle = {};
-
   for (var i = 0; i < propsArray.length; i += 1) {
     var key = propsArray[i];
     var value = style[key];
     var extended = expandStyle(key, value);
     var keys = Object.keys(extended);
-
     for (var j = 0; j < keys.length; j += 1) {
       var propName = keys[j];
       var propValue = extended[propName];
       resolvedStyle[propName] = propValue;
     }
   }
-
   return resolvedStyle;
 };
 
@@ -391,18 +365,16 @@ var expand = function expand(style) {
  * @param {Array} array
  * @returns {Array} array without nils
  */
-
 var compact = function compact(array) {
   return array.filter(Boolean);
 };
+
 /**
  * Merges style objects array
  *
  * @param {Array} style objects array
  * @returns {Object} merged style object
  */
-
-
 var mergeStyles = function mergeStyles(styles) {
   return styles.reduce(function (acc, style) {
     var s = Array.isArray(style) ? flatten(style) : style;
@@ -414,14 +386,13 @@ var mergeStyles = function mergeStyles(styles) {
     return acc;
   }, {});
 };
+
 /**
  * Flattens an array of style objects, into one aggregated style object.
  *
  * @param {Array} style objects array
  * @returns {Object} flatted style object
  */
-
-
 var flatten = fns.compose(mergeStyles, compact, fns.castArray);
 
 /**
@@ -440,6 +411,7 @@ var parseValue = function parseValue(value) {
     unit: undefined
   };
 };
+
 /**
  * Transform given scalar value
  *
@@ -447,30 +419,22 @@ var parseValue = function parseValue(value) {
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var transformUnit = function transformUnit(container, value) {
   var scalar = parseValue(value);
   var dpi = container.dpi || 72;
   var mmFactor = 1 / 25.4 * dpi;
   var cmFactor = 1 / 2.54 * dpi;
-
   switch (scalar.unit) {
     case 'in':
       return scalar.value * dpi;
-
     case 'mm':
       return scalar.value * mmFactor;
-
     case 'cm':
       return scalar.value * cmFactor;
-
     case 'vh':
       return scalar.value * (container.height / 100);
-
     case 'vw':
       return scalar.value * (container.width / 100);
-
     default:
       return scalar.value;
   }
@@ -479,43 +443,39 @@ var transformUnit = function transformUnit(container, value) {
 var isRgb = function isRgb(value) {
   return /rgba?/g.test(value);
 };
-
 var isHsl = function isHsl(value) {
   return /hsla?/g.test(value);
 };
+
 /**
  * Transform rgb color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var parseRgb = function parseRgb(value) {
   var rgb = colorString__default["default"].get.rgb(value);
   return colorString__default["default"].to.hex(rgb);
 };
+
 /**
  * Transform Hsl color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var parseHsl = function parseHsl(value) {
   var hsl = colorString__default["default"].get.hsl(value).map(Math.round);
   var hex = hlsToHex__default["default"].apply(void 0, hsl);
   return hex.toUpperCase();
 };
+
 /**
  * Transform given color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var transformColor = function transformColor(value) {
   if (isRgb(value)) return parseRgb(value);
   if (isHsl(value)) return parseHsl(value);
@@ -523,22 +483,19 @@ var transformColor = function transformColor(value) {
 };
 
 var parse = function parse(transformString) {
-  var transforms = transformString.trim().split(/\) |\)/); // Handle "initial", "inherit", "unset".
+  var transforms = transformString.trim().split(/\) |\)/);
 
+  // Handle "initial", "inherit", "unset".
   if (transforms.length === 1) {
     return [[transforms[0], true]];
   }
-
   var parsed = [];
-
   for (var i = 0; i < transforms.length; i += 1) {
     var transform = transforms[i];
-
     if (transform) {
       var _transform$split = transform.split('('),
-          name = _transform$split[0],
-          rawValue = _transform$split[1];
-
+        name = _transform$split[0],
+        rawValue = _transform$split[1];
       var splitChar = rawValue.indexOf(',') >= 0 ? ',' : ' ';
       var value = rawValue.split(splitChar).map(function (val) {
         return val.trim();
@@ -549,41 +506,33 @@ var parse = function parse(transformString) {
       });
     }
   }
-
   return parsed;
 };
-
 var parseAngle = function parseAngle(value) {
   var unitsRegexp = /(-?\d*\.?\d*)(\w*)?/i;
-
   var _unitsRegexp$exec = unitsRegexp.exec(value),
-      angle = _unitsRegexp$exec[1],
-      unit = _unitsRegexp$exec[2];
-
+    angle = _unitsRegexp$exec[1],
+    unit = _unitsRegexp$exec[2];
   var number = Number.parseFloat(angle);
   return unit === 'rad' ? number * 180 / Math.PI : number;
 };
-
 var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
   var operation = _ref.operation,
-      value = _ref.value;
-
+    value = _ref.value;
   switch (operation) {
     case 'scale':
       {
         var _value$map = value.map(function (num) {
-          return Number.parseFloat(num);
-        }),
-            scaleX = _value$map[0],
-            _value$map$ = _value$map[1],
-            scaleY = _value$map$ === void 0 ? scaleX : _value$map$;
-
+            return Number.parseFloat(num);
+          }),
+          scaleX = _value$map[0],
+          _value$map$ = _value$map[1],
+          scaleY = _value$map$ === void 0 ? scaleX : _value$map$;
         return {
           operation: 'scale',
           value: [scaleX, scaleY]
         };
       }
-
     case 'scaleX':
       {
         return {
@@ -591,7 +540,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [Number.parseFloat(value), 1]
         };
       }
-
     case 'scaleY':
       {
         return {
@@ -599,7 +547,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [1, Number.parseFloat(value)]
         };
       }
-
     case 'rotate':
       {
         return {
@@ -607,7 +554,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [parseAngle(value)]
         };
       }
-
     case 'translate':
       {
         return {
@@ -617,7 +563,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           })
         };
       }
-
     case 'translateX':
       {
         return {
@@ -625,7 +570,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [Number.parseFloat(value), 0]
         };
       }
-
     case 'translateY':
       {
         return {
@@ -633,7 +577,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [0, Number.parseFloat(value)]
         };
       }
-
     case 'skew':
       {
         return {
@@ -641,7 +584,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: value.map(parseAngle)
         };
       }
-
     case 'skewX':
       {
         return {
@@ -649,7 +591,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [parseAngle(value), 0]
         };
       }
-
     case 'skewY':
       {
         return {
@@ -657,7 +598,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [0, parseAngle(value)]
         };
       }
-
     default:
       {
         return {
@@ -669,13 +609,11 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
       }
   }
 };
-
 var normalize = function normalize(operations) {
   return operations.map(function (operation) {
     return normalizeTransformOperation(operation);
   });
 };
-
 var processTransform = function processTransform(value) {
   if (typeof value !== 'string') return value;
   return normalize(parse(value));
@@ -697,7 +635,6 @@ var FONT_WEIGHTS = {
   heavy: 900,
   black: 900
 };
-
 var processFontWeight = function processFontWeight(value) {
   if (!value) return FONT_WEIGHTS.normal;
   if (typeof value === 'number') return value;
@@ -709,7 +646,6 @@ var processFontWeight = function processFontWeight(value) {
 var matchNumber = function matchNumber(value) {
   return typeof value === 'string' && /^-?\d*\.?\d*$/.test(value);
 };
-
 var castFloat = function castFloat(value) {
   if (typeof value !== 'string') return value;
   if (matchNumber(value)) return parseFloat(value, 10);
@@ -721,14 +657,11 @@ var offsetKeyword = function offsetKeyword(value) {
     case 'top':
     case 'left':
       return '0%';
-
     case 'right':
     case 'bottom':
       return '100%';
-
     case 'center':
       return '50%';
-
     default:
       return null;
   }
@@ -750,32 +683,28 @@ var handlers = {
   transformOriginX: transformTransformOrigin,
   transformOriginY: transformTransformOrigin
 };
-
 var transformStyle = function transformStyle(key, value, container) {
   var result = handlers[key] ? handlers[key](value) : value;
   return transformColor(transformUnit(container, castFloat(result)));
 };
+
 /**
  * Transform styles values
  *
  * @param {Object} styles object
  * @returns {Object} transformed styles
  */
-
-
 var transform = function transform(container) {
   return function (style) {
     if (!style) return style;
     var propsArray = Object.keys(style);
     var resolvedStyle = {};
-
     for (var i = 0; i < propsArray.length; i += 1) {
       var key = propsArray[i];
       var value = style[key];
       var transformed = transformStyle(key, value, container);
       resolvedStyle[key] = transformed;
     }
-
     return resolvedStyle;
   };
 };
@@ -786,17 +715,13 @@ var transform = function transform(container) {
  * @param {Object} container
  * @param {Object} styles object
  */
-
 var resolveMediaQueries = function resolveMediaQueries(container, styles) {
   return Object.keys(styles).reduce(function (acc, key) {
     var _extends2;
-
     if (/@media/.test(key)) {
       var _matchMedia;
-
       return _extends__default["default"]({}, acc, matchMedia__default["default"]((_matchMedia = {}, _matchMedia[key] = styles[key], _matchMedia), container));
     }
-
     return _extends__default["default"]({}, acc, (_extends2 = {}, _extends2[key] = styles[key], _extends2));
   }, {});
 };
@@ -808,14 +733,12 @@ var resolveMediaQueries = function resolveMediaQueries(container, styles) {
  * @param {Object} style object
  * @returns {Object} resolved style object
  */
-
 var resolveStyles = function resolveStyles(container, style) {
   var computeMediaQueries = function computeMediaQueries(value) {
     return resolveMediaQueries(container, value);
   };
-
   return fns.compose(transform(container), expand, computeMediaQueries, flatten)(style);
-}; // Utils exported for SVG processing
+};
 
 exports["default"] = resolveStyles;
 exports.flatten = flatten;

package/lib/index.es.js

@@ -7,19 +7,18 @@ import _extends from '@babel/runtime/helpers/extends';
 import matchMedia from 'media-engine';
 
 // https://developer.mozilla.org/en-US/docs/Web/CSS/flex#values
-var flexDefaults = [0, 1, 'auto'];
-var flexAuto = [1, 1, 'auto'];
 
+// TODO: change flex defaults to [0, 1, 'auto'] as in spec in next major release
+var flexDefaults = [1, 1, 0];
+var flexAuto = [1, 1, 'auto'];
 var expandFlex = function expandFlex(key, value) {
   var defaults = flexDefaults;
   var matches = [];
-
   if (value === 'auto') {
     defaults = flexAuto;
   } else {
     matches = ("" + value).split(' ');
   }
-
   var flexGrow = matches[0] || defaults[0];
   var flexShrink = matches[1] || defaults[1];
   var flexBasis = matches[2] || defaults[2];
@@ -32,40 +31,36 @@ var expandFlex = function expandFlex(key, value) {
 
 /* eslint-disable no-plusplus */
 var BOX_MODEL_UNITS = 'px,in,mm,cm,pt,%,vw,vh';
-
 var logError = function logError(style, value) {
   console.error("\n    @react-pdf/stylesheet parsing error:\n\n    " + style + ": " + value + ",\n    " + ' '.repeat(style.length + 2) + "^\n    Unsupported " + style + " value format\n  ");
 };
-
 var expandBoxModel = function expandBoxModel(_temp) {
   var _ref = _temp === void 0 ? {} : _temp,
-      expandsTo = _ref.expandsTo,
-      _ref$maxValues = _ref.maxValues,
-      maxValues = _ref$maxValues === void 0 ? 1 : _ref$maxValues,
-      _ref$autoSupported = _ref.autoSupported,
-      autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
-
+    expandsTo = _ref.expandsTo,
+    _ref$maxValues = _ref.maxValues,
+    maxValues = _ref$maxValues === void 0 ? 1 : _ref$maxValues,
+    _ref$autoSupported = _ref.autoSupported,
+    autoSupported = _ref$autoSupported === void 0 ? false : _ref$autoSupported;
   return function (model, value) {
     var _ref2;
-
     var nodes = parse$1("" + value);
     var parts = [];
-
     for (var i = 0; i < nodes.length; i++) {
-      var node = nodes[i]; // value contains `calc`, `url` or other css function
-      // `,`, `/` or strings that unsupported by margin and padding
+      var node = nodes[i];
 
+      // value contains `calc`, `url` or other css function
+      // `,`, `/` or strings that unsupported by margin and padding
       if (node.type === 'function' || node.type === 'string' || node.type === 'div') {
         logError(model, value);
         return {};
       }
-
       if (node.type === 'word') {
         if (node.value === 'auto' && autoSupported) {
           parts.push(node.value);
         } else {
-          var result = parseUnit(node.value); // when unit isn't specified this condition is true
+          var result = parseUnit(node.value);
 
+          // when unit isn't specified this condition is true
           if (result && BOX_MODEL_UNITS.includes(result.unit)) {
             parts.push(node.value);
           } else {
@@ -74,16 +69,14 @@ var expandBoxModel = function expandBoxModel(_temp) {
           }
         }
       }
-    } // checks that we have enough parsed values
-
+    }
 
+    // checks that we have enough parsed values
     if (parts.length > maxValues) {
       logError(model, value);
       return {};
     }
-
     var first = parts[0];
-
     if (expandsTo) {
       var second = parts[1] || parts[0];
       var third = parts[2] || parts[0];
@@ -95,7 +88,6 @@ var expandBoxModel = function expandBoxModel(_temp) {
         fourth: fourth
       });
     }
-
     return _ref2 = {}, _ref2[model] = first, _ref2;
   };
 };
@@ -103,9 +95,9 @@ var expandBoxModel = function expandBoxModel(_temp) {
 var processMargin = expandBoxModel({
   expandsTo: function expandsTo(_ref) {
     var first = _ref.first,
-        second = _ref.second,
-        third = _ref.third,
-        fourth = _ref.fourth;
+      second = _ref.second,
+      third = _ref.third,
+      fourth = _ref.fourth;
     return {
       marginTop: first,
       marginRight: second,
@@ -119,7 +111,7 @@ var processMargin = expandBoxModel({
 var processMarginVertical = expandBoxModel({
   expandsTo: function expandsTo(_ref2) {
     var first = _ref2.first,
-        second = _ref2.second;
+      second = _ref2.second;
     return {
       marginTop: first,
       marginBottom: second
@@ -131,7 +123,7 @@ var processMarginVertical = expandBoxModel({
 var processMarginHorizontal = expandBoxModel({
   expandsTo: function expandsTo(_ref3) {
     var first = _ref3.first,
-        second = _ref3.second;
+      second = _ref3.second;
     return {
       marginRight: first,
       marginLeft: second
@@ -145,25 +137,19 @@ var processMarginSingle = expandBoxModel({
 });
 
 var BORDER_SHORTHAND_REGEX = /(-?\d+(\.\d+)?(px|in|mm|cm|pt|vw|vh|px)?)\s(\S+)\s(.+)/;
-
 var matchBorderShorthand = function matchBorderShorthand(value) {
   return value.match(BORDER_SHORTHAND_REGEX) || [];
 };
-
 var expandBorders = function expandBorders(key, value) {
   var match = matchBorderShorthand("" + value);
-
   if (match) {
     var color = match[5] || value;
     var style = match[4] || value;
     var width = match[1] || value;
-
     if (key.match(/(Top|Right|Bottom|Left)$/)) {
       var _ref;
-
       return _ref = {}, _ref[key + "Color"] = color, _ref[key + "Style"] = style, _ref[key + "Width"] = width, _ref;
     }
-
     if (key.match(/Color$/)) {
       return {
         borderTopColor: color,
@@ -172,7 +158,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftColor: color
       };
     }
-
     if (key.match(/Style$/)) {
       return {
         borderTopStyle: style,
@@ -181,7 +166,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftStyle: style
       };
     }
-
     if (key.match(/Width$/)) {
       return {
         borderTopWidth: width,
@@ -190,7 +174,6 @@ var expandBorders = function expandBorders(key, value) {
         borderLeftWidth: width
       };
     }
-
     if (key.match(/Radius$/)) {
       return {
         borderTopLeftRadius: value,
@@ -199,7 +182,6 @@ var expandBorders = function expandBorders(key, value) {
         borderBottomLeftRadius: value
       };
     }
-
     return {
       borderTopColor: color,
       borderTopStyle: style,
@@ -215,16 +197,15 @@ var expandBorders = function expandBorders(key, value) {
       borderLeftWidth: width
     };
   }
-
   return value;
 };
 
 var processPadding = expandBoxModel({
   expandsTo: function expandsTo(_ref) {
     var first = _ref.first,
-        second = _ref.second,
-        third = _ref.third,
-        fourth = _ref.fourth;
+      second = _ref.second,
+      third = _ref.third,
+      fourth = _ref.fourth;
     return {
       paddingTop: first,
       paddingRight: second,
@@ -237,7 +218,7 @@ var processPadding = expandBoxModel({
 var processPaddingVertical = expandBoxModel({
   expandsTo: function expandsTo(_ref2) {
     var first = _ref2.first,
-        second = _ref2.second;
+      second = _ref2.second;
     return {
       paddingTop: first,
       paddingBottom: second
@@ -248,7 +229,7 @@ var processPaddingVertical = expandBoxModel({
 var processPaddingHorizontal = expandBoxModel({
   expandsTo: function expandsTo(_ref3) {
     var first = _ref3.first,
-        second = _ref3.second;
+      second = _ref3.second;
     return {
       paddingRight: first,
       paddingLeft: second
@@ -270,20 +251,18 @@ var Y_AXIS_SHORTHANDS = {
   top: true,
   bottom: true
 };
-
 var sortTransformOriginPair = function sortTransformOriginPair(a, b) {
   if (Y_AXIS_SHORTHANDS[a]) return 1;
   if (Y_AXIS_SHORTHANDS[b]) return -1;
   return 0;
 };
-
 var getTransformOriginPair = function getTransformOriginPair(values) {
   if (!values || values.length === 0) return ['center', 'center'];
   var pair = values.length === 1 ? [values[0], 'center'] : values;
   return pair.sort(sortTransformOriginPair);
-}; // Transforms shorthand transformOrigin values
-
+};
 
+// Transforms shorthand transformOrigin values
 var expandTransformOrigin = function expandTransformOrigin(key, value) {
   var match = ("" + value).split(' ');
   var pair = getTransformOriginPair(match);
@@ -330,6 +309,7 @@ var shorthands = {
   objectPosition: expandObjectPosition,
   transformOrigin: expandTransformOrigin
 };
+
 /**
  * Transforms style key-value
  *
@@ -337,38 +317,32 @@ var shorthands = {
  * @param {String} value style value
  * @returns {String | Number} transformed style values
  */
-
 var expandStyle = function expandStyle(key, value) {
   var _ref;
-
   return shorthands[key] ? shorthands[key](key, value) : (_ref = {}, _ref[key] = value, _ref);
 };
+
 /**
  * Expand the shorthand properties.
  *
  * @param { Object } style object
  * @returns { Object } expanded style object
  */
-
-
 var expand = function expand(style) {
   if (!style) return style;
   var propsArray = Object.keys(style);
   var resolvedStyle = {};
-
   for (var i = 0; i < propsArray.length; i += 1) {
     var key = propsArray[i];
     var value = style[key];
     var extended = expandStyle(key, value);
     var keys = Object.keys(extended);
-
     for (var j = 0; j < keys.length; j += 1) {
       var propName = keys[j];
       var propValue = extended[propName];
       resolvedStyle[propName] = propValue;
     }
   }
-
   return resolvedStyle;
 };
 
@@ -378,18 +352,16 @@ var expand = function expand(style) {
  * @param {Array} array
  * @returns {Array} array without nils
  */
-
 var compact = function compact(array) {
   return array.filter(Boolean);
 };
+
 /**
  * Merges style objects array
  *
  * @param {Array} style objects array
  * @returns {Object} merged style object
  */
-
-
 var mergeStyles = function mergeStyles(styles) {
   return styles.reduce(function (acc, style) {
     var s = Array.isArray(style) ? flatten(style) : style;
@@ -401,14 +373,13 @@ var mergeStyles = function mergeStyles(styles) {
     return acc;
   }, {});
 };
+
 /**
  * Flattens an array of style objects, into one aggregated style object.
  *
  * @param {Array} style objects array
  * @returns {Object} flatted style object
  */
-
-
 var flatten = compose(mergeStyles, compact, castArray);
 
 /**
@@ -427,6 +398,7 @@ var parseValue = function parseValue(value) {
     unit: undefined
   };
 };
+
 /**
  * Transform given scalar value
  *
@@ -434,30 +406,22 @@ var parseValue = function parseValue(value) {
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var transformUnit = function transformUnit(container, value) {
   var scalar = parseValue(value);
   var dpi = container.dpi || 72;
   var mmFactor = 1 / 25.4 * dpi;
   var cmFactor = 1 / 2.54 * dpi;
-
   switch (scalar.unit) {
     case 'in':
       return scalar.value * dpi;
-
     case 'mm':
       return scalar.value * mmFactor;
-
     case 'cm':
       return scalar.value * cmFactor;
-
     case 'vh':
       return scalar.value * (container.height / 100);
-
     case 'vw':
       return scalar.value * (container.width / 100);
-
     default:
       return scalar.value;
   }
@@ -466,43 +430,39 @@ var transformUnit = function transformUnit(container, value) {
 var isRgb = function isRgb(value) {
   return /rgba?/g.test(value);
 };
-
 var isHsl = function isHsl(value) {
   return /hsla?/g.test(value);
 };
+
 /**
  * Transform rgb color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var parseRgb = function parseRgb(value) {
   var rgb = colorString.get.rgb(value);
   return colorString.to.hex(rgb);
 };
+
 /**
  * Transform Hsl color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var parseHsl = function parseHsl(value) {
   var hsl = colorString.get.hsl(value).map(Math.round);
   var hex = hlsToHex.apply(void 0, hsl);
   return hex.toUpperCase();
 };
+
 /**
  * Transform given color to hexa
  *
  * @param {String} styles value
  * @returns {Object} transformed value
  */
-
-
 var transformColor = function transformColor(value) {
   if (isRgb(value)) return parseRgb(value);
   if (isHsl(value)) return parseHsl(value);
@@ -510,22 +470,19 @@ var transformColor = function transformColor(value) {
 };
 
 var parse = function parse(transformString) {
-  var transforms = transformString.trim().split(/\) |\)/); // Handle "initial", "inherit", "unset".
+  var transforms = transformString.trim().split(/\) |\)/);
 
+  // Handle "initial", "inherit", "unset".
   if (transforms.length === 1) {
     return [[transforms[0], true]];
   }
-
   var parsed = [];
-
   for (var i = 0; i < transforms.length; i += 1) {
     var transform = transforms[i];
-
     if (transform) {
       var _transform$split = transform.split('('),
-          name = _transform$split[0],
-          rawValue = _transform$split[1];
-
+        name = _transform$split[0],
+        rawValue = _transform$split[1];
       var splitChar = rawValue.indexOf(',') >= 0 ? ',' : ' ';
       var value = rawValue.split(splitChar).map(function (val) {
         return val.trim();
@@ -536,41 +493,33 @@ var parse = function parse(transformString) {
       });
     }
   }
-
   return parsed;
 };
-
 var parseAngle = function parseAngle(value) {
   var unitsRegexp = /(-?\d*\.?\d*)(\w*)?/i;
-
   var _unitsRegexp$exec = unitsRegexp.exec(value),
-      angle = _unitsRegexp$exec[1],
-      unit = _unitsRegexp$exec[2];
-
+    angle = _unitsRegexp$exec[1],
+    unit = _unitsRegexp$exec[2];
   var number = Number.parseFloat(angle);
   return unit === 'rad' ? number * 180 / Math.PI : number;
 };
-
 var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
   var operation = _ref.operation,
-      value = _ref.value;
-
+    value = _ref.value;
   switch (operation) {
     case 'scale':
       {
         var _value$map = value.map(function (num) {
-          return Number.parseFloat(num);
-        }),
-            scaleX = _value$map[0],
-            _value$map$ = _value$map[1],
-            scaleY = _value$map$ === void 0 ? scaleX : _value$map$;
-
+            return Number.parseFloat(num);
+          }),
+          scaleX = _value$map[0],
+          _value$map$ = _value$map[1],
+          scaleY = _value$map$ === void 0 ? scaleX : _value$map$;
         return {
           operation: 'scale',
           value: [scaleX, scaleY]
         };
       }
-
     case 'scaleX':
       {
         return {
@@ -578,7 +527,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [Number.parseFloat(value), 1]
         };
       }
-
     case 'scaleY':
       {
         return {
@@ -586,7 +534,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [1, Number.parseFloat(value)]
         };
       }
-
     case 'rotate':
       {
         return {
@@ -594,7 +541,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [parseAngle(value)]
         };
       }
-
     case 'translate':
       {
         return {
@@ -604,7 +550,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           })
         };
       }
-
     case 'translateX':
       {
         return {
@@ -612,7 +557,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [Number.parseFloat(value), 0]
         };
       }
-
     case 'translateY':
       {
         return {
@@ -620,7 +564,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [0, Number.parseFloat(value)]
         };
       }
-
     case 'skew':
       {
         return {
@@ -628,7 +571,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: value.map(parseAngle)
         };
       }
-
     case 'skewX':
       {
         return {
@@ -636,7 +578,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [parseAngle(value), 0]
         };
       }
-
     case 'skewY':
       {
         return {
@@ -644,7 +585,6 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
           value: [0, parseAngle(value)]
         };
       }
-
     default:
       {
         return {
@@ -656,13 +596,11 @@ var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
       }
   }
 };
-
 var normalize = function normalize(operations) {
   return operations.map(function (operation) {
     return normalizeTransformOperation(operation);
   });
 };
-
 var processTransform = function processTransform(value) {
   if (typeof value !== 'string') return value;
   return normalize(parse(value));
@@ -684,7 +622,6 @@ var FONT_WEIGHTS = {
   heavy: 900,
   black: 900
 };
-
 var processFontWeight = function processFontWeight(value) {
   if (!value) return FONT_WEIGHTS.normal;
   if (typeof value === 'number') return value;
@@ -696,7 +633,6 @@ var processFontWeight = function processFontWeight(value) {
 var matchNumber = function matchNumber(value) {
   return typeof value === 'string' && /^-?\d*\.?\d*$/.test(value);
 };
-
 var castFloat = function castFloat(value) {
   if (typeof value !== 'string') return value;
   if (matchNumber(value)) return parseFloat(value, 10);
@@ -708,14 +644,11 @@ var offsetKeyword = function offsetKeyword(value) {
     case 'top':
     case 'left':
       return '0%';
-
     case 'right':
     case 'bottom':
       return '100%';
-
     case 'center':
       return '50%';
-
     default:
       return null;
   }
@@ -737,32 +670,28 @@ var handlers = {
   transformOriginX: transformTransformOrigin,
   transformOriginY: transformTransformOrigin
 };
-
 var transformStyle = function transformStyle(key, value, container) {
   var result = handlers[key] ? handlers[key](value) : value;
   return transformColor(transformUnit(container, castFloat(result)));
 };
+
 /**
  * Transform styles values
  *
  * @param {Object} styles object
  * @returns {Object} transformed styles
  */
-
-
 var transform = function transform(container) {
   return function (style) {
     if (!style) return style;
     var propsArray = Object.keys(style);
     var resolvedStyle = {};
-
     for (var i = 0; i < propsArray.length; i += 1) {
       var key = propsArray[i];
       var value = style[key];
       var transformed = transformStyle(key, value, container);
       resolvedStyle[key] = transformed;
     }
-
     return resolvedStyle;
   };
 };
@@ -773,17 +702,13 @@ var transform = function transform(container) {
  * @param {Object} container
  * @param {Object} styles object
  */
-
 var resolveMediaQueries = function resolveMediaQueries(container, styles) {
   return Object.keys(styles).reduce(function (acc, key) {
     var _extends2;
-
     if (/@media/.test(key)) {
       var _matchMedia;
-
       return _extends({}, acc, matchMedia((_matchMedia = {}, _matchMedia[key] = styles[key], _matchMedia), container));
     }
-
     return _extends({}, acc, (_extends2 = {}, _extends2[key] = styles[key], _extends2));
   }, {});
 };
@@ -795,13 +720,11 @@ var resolveMediaQueries = function resolveMediaQueries(container, styles) {
  * @param {Object} style object
  * @returns {Object} resolved style object
  */
-
 var resolveStyles = function resolveStyles(container, style) {
   var computeMediaQueries = function computeMediaQueries(value) {
     return resolveMediaQueries(container, value);
   };
-
   return compose(transform(container), expand, computeMediaQueries, flatten)(style);
-}; // Utils exported for SVG processing
+};
 
 export { resolveStyles as default, flatten, processTransform, transformColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-pdf/stylesheet",
-  "version": "4.1.1",
+  "version": "4.1.3",
   "license": "MIT",
   "description": "A styles engine for Node and the browser",
   "author": "Diego Muracciole <diegomuracciole@gmail.com>",
@@ -18,7 +18,7 @@
     "watch": "rimraf ./lib && rollup -c -w"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.4",
+    "@babel/runtime": "^7.20.13",
     "@react-pdf/fns": "2.0.0",
     "@react-pdf/types": "^2.2.0",
     "color-string": "^1.5.3",