@react-pdf/stylesheet 2.0.12

package/README.md

@@ -0,0 +1,68 @@
+<p align="center">
+  <img src="https://user-images.githubusercontent.com/5600341/27505816-c8bc37aa-587f-11e7-9a86-08a2d081a8b9.png" height="280px">
+</p>
+
+# @react-pdf/stylesheet
+
+> React-pdf styles engine
+
+## How to install
+
+```sh
+yarn add @react-pdf/stylesheet
+```
+
+## How it works
+
+```js
+const stylesheet = require('@react-pdf/stylesheet');
+
+const container = {
+  width: 400,
+  height: 600,
+  orientation: 'portrait',
+};
+
+const style = {
+  margin: 20,
+  width: '50vw',
+  height: '20vh',
+  borderRadius: 5,
+  fontWeight: 'semibold',
+  borderBottom: '2 solid yellow',
+  '@media max-width: 500': {
+    backgroundColor: 'rgb(255, 0, 0)',
+  },
+};
+
+const computed = stylesheet(container, style);
+
+// Computed
+// {
+//   width: 200,
+//   height: 120,
+//   marginTop: 20,
+//   marginLeft: 20,
+//   marginRight: 20,
+//   marginBottom: 20,
+//   marginBottom: 20,
+//   borderTopLeftRadius: 5,
+//   borderTopRightRadius: 5,
+//   borderBottomLeftRadius: 5,
+//   borderBottomRightRadius: 5,
+//   fontWeight: 600,
+//   borderBottomWidth: 2,
+//   borderBottomStyle: 'solid',
+//   borderBottomColor: 'yellow',
+//   backgroundColor: '#FF0000'
+// }
+```
+
+This library exports a `stylesheet` function that takes two arguments:
+
+- _container_: Container where the styles are being computed into. It specifies the `width` and `height` in points (needed for media queries and unit conversions), and optionally the container `orientation` (needed for certain media queries).
+- _style_: Style to be computed. JS object with raw styles that you would like to get in a normalized format.
+
+## License
+
+MIT © [Diego Muracciole](http://github.com/diegomura)

package/lib/expand/borders.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var BORDER_SHORTHAND_REGEX = /(-?\d+(\.\d+)?(px|in|mm|cm|pt|vw|vh|px)?)\s(\S+)\s(.+)/;
+var matchBorderShorthand = R.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,
+        borderRightColor: color,
+        borderBottomColor: color,
+        borderLeftColor: color
+      };
+    }
+
+    if (key.match(/Style$/)) {
+      return {
+        borderTopStyle: style,
+        borderRightStyle: style,
+        borderBottomStyle: style,
+        borderLeftStyle: style
+      };
+    }
+
+    if (key.match(/Width$/)) {
+      return {
+        borderTopWidth: width,
+        borderRightWidth: width,
+        borderBottomWidth: width,
+        borderLeftWidth: width
+      };
+    }
+
+    if (key.match(/Radius$/)) {
+      return {
+        borderTopLeftRadius: value,
+        borderTopRightRadius: value,
+        borderBottomRightRadius: value,
+        borderBottomLeftRadius: value
+      };
+    }
+
+    return {
+      borderTopColor: color,
+      borderTopStyle: style,
+      borderTopWidth: width,
+      borderRightColor: color,
+      borderRightStyle: style,
+      borderRightWidth: width,
+      borderBottomColor: color,
+      borderBottomStyle: style,
+      borderBottomWidth: width,
+      borderLeftColor: color,
+      borderLeftStyle: style,
+      borderLeftWidth: width
+    };
+  }
+
+  return value;
+};
+
+var _default = expandBorders;
+exports.default = _default;

package/lib/expand/boxModel.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var BOX_MODEL_REGEX = /-?\d+(\.\d+)?(px|in|mm|cm|pt|%|vw|vh|px)?/g;
+var matchBoxModelValue = R.match(BOX_MODEL_REGEX);
+
+var expandBoxModel = function expandBoxModel(model) {
+  return function (key, value) {
+    var _ref;
+
+    if (value === 'auto') return _ref = {}, _ref[model + "Top"] = 'auto', _ref[model + "Right"] = 'auto', _ref[model + "Bottom"] = 'auto', _ref[model + "Left"] = 'auto', _ref;
+    var match = matchBoxModelValue("" + value);
+
+    if (match) {
+      var _ref4;
+
+      var top = match[0];
+      var right = match[1] || match[0];
+      var bottom = match[2] || match[0];
+      var left = match[3] || match[1] || match[0];
+
+      if (key.match(/Horizontal$/)) {
+        var _ref2;
+
+        return _ref2 = {}, _ref2[model + "Right"] = right, _ref2[model + "Left"] = left, _ref2;
+      }
+
+      if (key.match(/Vertical$/)) {
+        var _ref3;
+
+        return _ref3 = {}, _ref3[model + "Top"] = top, _ref3[model + "Bottom"] = bottom, _ref3;
+      }
+
+      return _ref4 = {}, _ref4[model + "Top"] = top, _ref4[model + "Right"] = right, _ref4[model + "Bottom"] = bottom, _ref4[model + "Left"] = left, _ref4;
+    }
+
+    return value;
+  };
+};
+
+var _default = expandBoxModel;
+exports.default = _default;

package/lib/expand/flex.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var flexDefaults = [1, 1, 0];
+
+var expandFlex = function expandFlex(key, value) {
+  var matches = ("" + value).split(' ');
+  var flexGrow = matches[0] || flexDefaults[0];
+  var flexShrink = matches[1] || flexDefaults[1];
+  var flexBasis = matches[2] || flexDefaults[2];
+  return {
+    flexGrow: flexGrow,
+    flexShrink: flexShrink,
+    flexBasis: flexBasis
+  };
+};
+
+var _default = expandFlex;
+exports.default = _default;

package/lib/expand/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _flex = _interopRequireDefault(require("./flex"));
+
+var _margins = _interopRequireDefault(require("./margins"));
+
+var _borders = _interopRequireDefault(require("./borders"));
+
+var _paddings = _interopRequireDefault(require("./paddings"));
+
+var _objectPosition = _interopRequireDefault(require("./objectPosition"));
+
+var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
+
+var shorthands = {
+  flex: _flex.default,
+  margin: _margins.default,
+  marginHorizontal: _margins.default,
+  marginVertical: _margins.default,
+  padding: _paddings.default,
+  paddingHorizontal: _paddings.default,
+  paddingVertical: _paddings.default,
+  border: _borders.default,
+  borderTop: _borders.default,
+  borderRight: _borders.default,
+  borderBottom: _borders.default,
+  borderLeft: _borders.default,
+  borderColor: _borders.default,
+  borderRadius: _borders.default,
+  borderStyle: _borders.default,
+  borderWidth: _borders.default,
+  objectPosition: _objectPosition.default,
+  transformOrigin: _transformOrigin.default
+};
+/**
+ * Transforms style key-value
+ *
+ * @param {String} key style key
+ * @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;
+};
+
+var _default = expand;
+exports.default = _default;

package/lib/expand/margins.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _boxModel = _interopRequireDefault(require("./boxModel"));
+
+var expandMargin = (0, _boxModel.default)('margin');
+var _default = expandMargin;
+exports.default = _default;

package/lib/expand/objectPosition.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var expandObjectPosition = function expandObjectPosition(key, value) {
+  var match = ("" + value).split(' ');
+  return {
+    objectPositionX: (match === null || match === void 0 ? void 0 : match[0]) || value,
+    objectPositionY: (match === null || match === void 0 ? void 0 : match[1]) || value
+  };
+};
+
+var _default = expandObjectPosition;
+exports.default = _default;

package/lib/expand/paddings.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _boxModel = _interopRequireDefault(require("./boxModel"));
+
+var expandPadding = (0, _boxModel.default)('padding');
+var _default = expandPadding;
+exports.default = _default;

package/lib/expand/transformOrigin.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+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
+
+
+var expandTransformOrigin = function expandTransformOrigin(key, value) {
+  var match = ("" + value).split(' ');
+  var pair = getTransformOriginPair(match);
+  return {
+    transformOriginX: pair[0],
+    transformOriginY: pair[1]
+  };
+};
+
+var _default = expandTransformOrigin;
+exports.default = _default;

package/lib/flatten/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var isNotArray = R.complement(R.is(Array));
+var castArray = R.when(isNotArray, function (v) {
+  return [v];
+});
+/**
+ * Remove nil values from array
+ *
+ * @param {Array} array
+ * @returns {Array} array without nils
+ */
+
+var compact = R.filter(Boolean);
+/**
+ * Checks if value is array
+ *
+ * @param {any} value
+ * @returns {Boolean} is value an array
+ */
+
+var isArray = R.is(Array);
+/**
+ * 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 = isArray(style) ? flatten(style) : style;
+    Object.keys(s).forEach(function (key) {
+      if (s[key] !== null && s[key] !== undefined) {
+        acc[key] = s[key];
+      }
+    });
+    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 = R.compose(mergeStyles, compact, castArray);
+var _default = flatten;
+exports.default = _default;

package/lib/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = exports.processTransform = exports.transformColor = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _expand = _interopRequireDefault(require("./expand"));
+
+var _flatten = _interopRequireDefault(require("./flatten"));
+
+var _transform = _interopRequireDefault(require("./transform"));
+
+var _mediaQueries = _interopRequireDefault(require("./mediaQueries"));
+
+var _colors = _interopRequireDefault(require("./transform/colors"));
+
+exports.transformColor = _colors.default;
+
+var _transform2 = _interopRequireDefault(require("./transform/transform"));
+
+exports.processTransform = _transform2.default;
+
+/**
+ * Resolves styles
+ *
+ * @param {Object} container
+ * @param {Object} style object
+ * @returns {Object} resolved style object
+ */
+var resolveStyles = function resolveStyles(container, style) {
+  return R.compose((0, _transform.default)(container), _expand.default, (0, _mediaQueries.default)(container), _flatten.default)(style);
+}; // Utils exported for SVG processing
+
+
+var _default = R.curryN(2, resolveStyles);
+
+exports.default = _default;

package/lib/mediaQueries/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _mediaEngine = _interopRequireDefault(require("media-engine"));
+
+/**
+ * Resolves media queries in styles object
+ *
+ * @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 (0, _extends3.default)({}, acc, (0, _mediaEngine.default)((_matchMedia = {}, _matchMedia[key] = styles[key], _matchMedia), container));
+    }
+
+    return (0, _extends3.default)({}, acc, (_extends2 = {}, _extends2[key] = styles[key], _extends2));
+  }, {});
+};
+
+var _default = R.curryN(2, resolveMediaQueries);
+
+exports.default = _default;

package/lib/transform/colors.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+var _hslToHex = _interopRequireDefault(require("hsl-to-hex"));
+
+var _colorString = _interopRequireDefault(require("color-string"));
+
+var isRgb = R.test(/rgb/g);
+var isRgba = R.test(/rgba/g);
+var isHsl = R.test(/hsl/g);
+var isHsla = R.test(/hsla/g);
+/**
+ * Transform rgb color to hexa
+ *
+ * @param {String} styles value
+ * @returns {Object} transformed value
+ */
+
+var parseRgb = R.compose(_colorString.default.to.hex, _colorString.default.get.rgb);
+/**
+ * Transform Hsl color to hexa
+ *
+ * @param {String} styles value
+ * @returns {Object} transformed value
+ */
+
+var parseHsl = R.compose(R.toUpper, R.apply(_hslToHex.default), R.map(Math.round), _colorString.default.get.hsl);
+/**
+ * Transform given color to hexa
+ *
+ * @param {String} styles value
+ * @returns {Object} transformed value
+ */
+
+var transformColor = function transformColor(value) {
+  return R.cond([[isRgba, parseRgb], [isRgb, parseRgb], [isHsla, parseHsl], [isHsl, parseHsl], [R.T, R.always(value)]])(value);
+};
+
+var _default = transformColor;
+exports.default = _default;

package/lib/transform/fontWeight.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var FONT_WEIGHTS = {
+  thin: 100,
+  hairline: 100,
+  ultralight: 200,
+  extralight: 200,
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  demibold: 600,
+  bold: 700,
+  ultrabold: 800,
+  extrabold: 800,
+  heavy: 900,
+  black: 900
+};
+
+var processFontWeight = function processFontWeight(value) {
+  if (!value) return FONT_WEIGHTS.normal;
+  if (typeof value === 'number') return value;
+  var lv = value.toLowerCase();
+  if (FONT_WEIGHTS[lv]) return FONT_WEIGHTS[lv];
+  return value;
+};
+
+var _default = processFontWeight;
+exports.default = _default;

package/lib/transform/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _units = _interopRequireDefault(require("./units"));
+
+var _colors = _interopRequireDefault(require("./colors"));
+
+var _transform = _interopRequireDefault(require("./transform"));
+
+var _fontWeight = _interopRequireDefault(require("./fontWeight"));
+
+var _objectPosition = _interopRequireDefault(require("./objectPosition"));
+
+var _transformOrigin = _interopRequireDefault(require("./transformOrigin"));
+
+var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
+
+var handlers = {
+  transform: _transform.default,
+  fontWeight: _fontWeight.default,
+  objectPositionX: _objectPosition.default,
+  objectPositionY: _objectPosition.default,
+  transformOriginX: _transformOrigin.default,
+  transformOriginY: _transformOrigin.default
+};
+
+var transformStyle = function transformStyle(key, value, container) {
+  var result = handlers[key] ? handlers[key](value) : value;
+  return (0, _colors.default)((0, _units.default)(container, (0, _castFloat.default)(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;
+  };
+};
+
+var _default = transform;
+exports.default = _default;

package/lib/transform/objectPosition.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
+
+var _offsetKeyword = _interopRequireDefault(require("../utils/offsetKeyword"));
+
+var transformObjectPosition = function transformObjectPosition(value) {
+  return (0, _offsetKeyword.default)(value) || (0, _castFloat.default)(value);
+};
+
+var _default = transformObjectPosition;
+exports.default = _default;

package/lib/transform/transform.js

@@ -0,0 +1,137 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var parse = function parse(transformString) {
+  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];
+
+      var splitChar = rawValue.indexOf(',') >= 0 ? ',' : ' ';
+      var value = rawValue.split(splitChar).map(function (val) {
+        return val.trim();
+      });
+      parsed.push({
+        operation: name,
+        value: value
+      });
+    }
+  }
+
+  return parsed;
+};
+
+var normalizeTransformOperation = function normalizeTransformOperation(_ref) {
+  var operation = _ref.operation,
+      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 {
+          operation: 'scale',
+          value: [scaleX, scaleY]
+        };
+      }
+
+    case 'scaleX':
+      {
+        return {
+          operation: 'scale',
+          value: [Number.parseFloat(value), 1]
+        };
+      }
+
+    case 'scaleY':
+      {
+        return {
+          operation: 'scale',
+          value: [1, Number.parseFloat(value)]
+        };
+      }
+
+    case 'rotate':
+      {
+        var unitsRegexp = /(-?\d*\.?\d*)(\w*)?/i;
+
+        var _unitsRegexp$exec = unitsRegexp.exec(value),
+            angle = _unitsRegexp$exec[1],
+            unit = _unitsRegexp$exec[2];
+
+        var number = Number.parseFloat(angle);
+        return {
+          operation: 'rotate',
+          value: [unit === 'rad' ? number * 180 / Math.PI : number]
+        };
+      }
+
+    case 'translate':
+      {
+        return {
+          operation: 'translate',
+          value: value.map(function (num) {
+            return Number.parseFloat(num);
+          })
+        };
+      }
+
+    case 'translateX':
+      {
+        return {
+          operation: 'translate',
+          value: [Number.parseFloat(value), 0]
+        };
+      }
+
+    case 'translateY':
+      {
+        return {
+          operation: 'translate',
+          value: [0, Number.parseFloat(value)]
+        };
+      }
+
+    default:
+      {
+        return {
+          operation: operation,
+          value: value.map(function (num) {
+            return Number.parseFloat(num);
+          })
+        };
+      }
+  }
+};
+
+var normalize = function normalize(operations) {
+  return operations.map(function (operation) {
+    return normalizeTransformOperation(operation);
+  });
+};
+
+var processTransform = function processTransform(value) {
+  return normalize(parse(value));
+};
+
+var _default = processTransform;
+exports.default = _default;

package/lib/transform/transformOrigin.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _castFloat = _interopRequireDefault(require("../utils/castFloat"));
+
+var _offsetKeyword = _interopRequireDefault(require("../utils/offsetKeyword"));
+
+var transformTransformOrigin = function transformTransformOrigin(value) {
+  return (0, _offsetKeyword.default)(value) || (0, _castFloat.default)(value);
+};
+
+var _default = transformTransformOrigin;
+exports.default = _default;

package/lib/transform/units.js

@@ -0,0 +1,60 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var DPI = 72; // 72pt per inch.
+
+var MM_FACTOR = 1 / 25.4 * DPI;
+var CM_FACTOR = 1 / 2.54 * DPI;
+/**
+ * Parses scalar value in value and unit pairs
+ *
+ * @param {String} scalar value
+ * @returns {Object} parsed value
+ */
+
+var parseValue = function parseValue(value) {
+  var match = /^(-?\d*\.?\d+)(in|mm|cm|pt|vh|vw|px)?$/g.exec(value);
+  return match ? {
+    value: parseFloat(match[1], 10),
+    unit: match[2] || 'pt'
+  } : {
+    value: value,
+    unit: undefined
+  };
+};
+/**
+ * Transform given scalar value
+ *
+ * @param {Object} container
+ * @param {String} styles value
+ * @returns {Object} transformed value
+ */
+
+
+var transformUnit = function transformUnit(container, value) {
+  var scalar = parseValue(value);
+
+  switch (scalar.unit) {
+    case 'in':
+      return scalar.value * DPI;
+
+    case 'mm':
+      return scalar.value * MM_FACTOR;
+
+    case 'cm':
+      return scalar.value * CM_FACTOR;
+
+    case 'vh':
+      return scalar.value * (container.height / 100);
+
+    case 'vw':
+      return scalar.value * (container.width / 100);
+
+    default:
+      return scalar.value;
+  }
+};
+
+var _default = transformUnit;
+exports.default = _default;

package/lib/utils/castFloat.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var R = _interopRequireWildcard(require("ramda"));
+
+/* eslint-disable import/prefer-default-export */
+var matchNumber = R.when(R.is(String), R.test(/^-?\d*\.?\d*$/));
+
+var castFloat = function castFloat(value) {
+  if (typeof value !== 'string') return value;
+  if (matchNumber(value)) return parseFloat(value, 10);
+  return value;
+};
+
+var _default = castFloat;
+exports.default = _default;

package/lib/utils/offsetKeyword.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var offsetKeyword = function offsetKeyword(value) {
+  switch (value) {
+    case 'top':
+    case 'left':
+      return '0%';
+
+    case 'right':
+    case 'bottom':
+      return '100%';
+
+    case 'center':
+      return '50%';
+
+    default:
+      return null;
+  }
+};
+
+var _default = offsetKeyword;
+exports.default = _default;

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@react-pdf/stylesheet",
+  "version": "2.0.12",
+  "license": "MIT",
+  "author": "Diego Muracciole <diegomuracciole@gmail.com>",
+  "homepage": "https://github.com/diegomura/react-pdf#readme",
+  "repository": "git@github.com:diegomura/react-pdf.git",
+  "main": "lib/index.js",
+  "scripts": {
+    "test": "jest",
+    "build": "rimraf ./lib && babel src --out-dir lib",
+    "watch": "rimraf ./lib && babel src --out-dir lib --watch"
+  },
+  "dependencies": {
+    "@react-pdf/types": "^2.0.6",
+    "color-string": "^1.5.3",
+    "hsl-to-hex": "^1.0.0",
+    "media-engine": "^1.0.3",
+    "ramda": "^0.26.1"
+  },
+  "files": [
+    "lib"
+  ]
+}