react-native-css 2.1.1 → 3.0.0-nightly.27bd5e2

package/build/index.js

@@ -1,294 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = toJSS;
-
-var _parse = require('css/lib/parse');
-
-var _parse2 = _interopRequireDefault(_parse);
-
-var _toCamelCase = require('to-camel-case');
-
-var _toCamelCase2 = _interopRequireDefault(_toCamelCase);
-
-var _lodash = require('lodash.get');
-
-var _lodash2 = _interopRequireDefault(_lodash);
-
-var _lodash3 = require('lodash.set');
-
-var _lodash4 = _interopRequireDefault(_lodash3);
-
-var _utils = require('./utils');
-
-var _utils2 = _interopRequireDefault(_utils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function toJSS(css) {
-  for (var _len = arguments.length, values = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    values[_key - 1] = arguments[_key];
-  }
-
-  var stylesheetString = Array.isArray(css) ? _utils.handleTags.apply(undefined, [css].concat(values)) : css;
-
-  var _ParseCSS = (0, _parse2.default)(_utils2.default.clean(stylesheetString)),
-      stylesheet = _ParseCSS.stylesheet;
-
-  var directions = ['top', 'right', 'bottom', 'left'];
-  var changeArr = ['margin', 'padding', 'border-width', 'border-radius'];
-  var numberize = ['width', 'height', 'font-size', 'line-height'].concat(directions);
-  // special properties and shorthands that need to be broken down separately
-  var specialProperties = {};
-  ['border', 'border-top', 'border-right', 'border-bottom', 'border-left'].forEach(function (name) {
-    specialProperties[name] = {
-      regex: /^\s*([0-9]+)(px)?\s+(solid|dotted|dashed)?\s*([a-z0-9#,\(\)\.\s]+)\s*$/i,
-      map: {
-        1: name + '-width',
-        3: name === 'border' ? name + '-style' : null,
-        4: name + '-color'
-      }
-    };
-  });
-
-  directions.forEach(function (dir) {
-    numberize.push('border-' + dir + '-width');
-    changeArr.forEach(function (prop) {
-      numberize.push(prop + '-' + dir);
-    });
-  });
-
-  // map of properties that when expanded
-  // use different directions than the default Top,Right,Bottom,Left.
-  var directionMaps = {
-    'border-radius': {
-      Top: 'top-left',
-      Right: 'top-right',
-      Bottom: 'bottom-right',
-      Left: 'bottom-left'
-    }
-  };
-
-  // Convert the shorthand property to the individual directions, handles edge cases,
-  // i.e. border-width and border-radius
-  function directionToPropertyName(property, direction) {
-    var names = property.split('-');
-    names.splice(1, 0, directionMaps[property] ? directionMaps[property][direction] : direction);
-    return (0, _toCamelCase2.default)(names.join('-'));
-  }
-
-  // CSS properties that are not supported by React Native
-  // The list of supported properties is at:
-  // https://facebook.github.io/react-native/docs/style.html#supported-properties
-  var unsupported = ['display'];
-
-  var nonMatching = {
-    'flex-grow': 'flex',
-    'text-decoration': 'textDecorationLine',
-    'vertical-align': 'textVerticalAlign'
-  };
-
-  var JSONResult = {};
-
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
-
-  try {
-    for (var _iterator = stylesheet.rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var rule = _step.value;
-
-      if (rule.type !== 'rule') continue;
-
-      var _iteratorNormalCompletion2 = true;
-      var _didIteratorError2 = false;
-      var _iteratorError2 = undefined;
-
-      try {
-        var _loop = function _loop() {
-          var selector = _step2.value;
-
-          selector = selector.replace(/\.|#/g, '');
-
-          var styles = void 0;
-          // check if there are any selectors with empty spaces, meaning they should be nested
-          var composedSelector = selector.match(/\s+(\S)+/g);
-
-          if (composedSelector) {
-            // get the first selector from the nested selector
-            var selectorPath = selector.match(/^\S+/)[0];
-            while (composedSelector.length) {
-              var currentSelector = composedSelector.shift().replace(/\s+/, '');
-              selectorPath += '[' + currentSelector + ']';
-            }
-
-            // we don't have to be smart here. It's either an object or undefined.
-            if (!(0, _lodash2.default)(JSONResult, selectorPath)) {
-              (0, _lodash4.default)(JSONResult, selectorPath, {});
-            }
-            styles = (0, _lodash2.default)(JSONResult, selectorPath);
-          } else {
-            styles = JSONResult[selector] = JSONResult[selector] || {};
-          }
-
-          var _iteratorNormalCompletion3 = true;
-          var _didIteratorError3 = false;
-          var _iteratorError3 = undefined;
-
-          try {
-            var _loop2 = function _loop2() {
-              var declaration = _step3.value;
-
-              if (declaration.type !== 'declaration') return 'continue';
-
-              var value = declaration.value;
-              var property = declaration.property;
-
-              if (specialProperties[property]) {
-                var special = specialProperties[property];
-                var matches = special.regex.exec(value);
-                if (matches) {
-                  if (typeof special.map === 'function') {
-                    special.map(matches, styles, rule.declarations);
-                  } else {
-                    for (var key in special.map) {
-                      if (matches[key] && special.map[key]) {
-                        rule.declarations.push({
-                          property: special.map[key],
-                          value: matches[key],
-                          type: 'declaration'
-                        });
-                      }
-                    }
-                  }
-                  return 'continue';
-                }
-              }
-
-              if (_utils2.default.arrayContains(property, unsupported)) return 'continue';
-
-              if (nonMatching[property]) {
-                rule.declarations.push({
-                  property: nonMatching[property],
-                  value: value,
-                  type: 'declaration'
-                });
-                return 'continue';
-              }
-
-              if (_utils2.default.arrayContains(property, numberize)) {
-                var valueReplaced = value.replace(/px|\s*/g, '');
-                styles[(0, _toCamelCase2.default)(property)] = parseFloat(valueReplaced);
-              } else if (_utils2.default.arrayContains(property, changeArr)) {
-                var _values = value.replace(/px/g, '').split(/[\s,]+/);
-
-                _values.forEach(function (v, index, arr) {
-                  arr[index] = parseInt(v);
-                  return arr;
-                });
-
-                var length = _values.length;
-
-                if (length === 1) {
-                  styles[(0, _toCamelCase2.default)(property)] = _values[0];
-                }
-
-                if (length === 2) {
-                  var _arr = ['Top', 'Bottom'];
-
-                  for (var _i = 0; _i < _arr.length; _i++) {
-                    var prop = _arr[_i];
-                    styles[directionToPropertyName(property, prop)] = _values[0];
-                  }
-
-                  var _arr2 = ['Left', 'Right'];
-                  for (var _i2 = 0; _i2 < _arr2.length; _i2++) {
-                    var _prop = _arr2[_i2];
-                    styles[directionToPropertyName(property, _prop)] = _values[1];
-                  }
-                }
-
-                if (length === 3) {
-                  var _arr3 = ['Left', 'Right'];
-
-                  for (var _i3 = 0; _i3 < _arr3.length; _i3++) {
-                    var _prop2 = _arr3[_i3];
-                    styles[directionToPropertyName(property, _prop2)] = _values[1];
-                  }
-
-                  styles[directionToPropertyName(property, 'Top')] = _values[0];
-                  styles[directionToPropertyName(property, 'Bottom')] = _values[2];
-                }
-
-                if (length === 4) {
-                  ['Top', 'Right', 'Bottom', 'Left'].forEach(function (prop, index) {
-                    styles[directionToPropertyName(property, prop)] = _values[index];
-                  });
-                }
-              } else {
-                if (!isNaN(declaration.value) && property !== 'font-weight') {
-                  declaration.value = parseFloat(declaration.value);
-                }
-
-                styles[(0, _toCamelCase2.default)(property)] = declaration.value;
-              }
-            };
-
-            for (var _iterator3 = rule.declarations[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-              var _ret2 = _loop2();
-
-              if (_ret2 === 'continue') continue;
-            }
-          } catch (err) {
-            _didIteratorError3 = true;
-            _iteratorError3 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion3 && _iterator3.return) {
-                _iterator3.return();
-              }
-            } finally {
-              if (_didIteratorError3) {
-                throw _iteratorError3;
-              }
-            }
-          }
-        };
-
-        for (var _iterator2 = rule.selectors[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-          _loop();
-        }
-      } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion2 && _iterator2.return) {
-            _iterator2.return();
-          }
-        } finally {
-          if (_didIteratorError2) {
-            throw _iteratorError2;
-          }
-        }
-      }
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
-  }
-
-  return JSONResult;
-}

package/build/utils.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var Utils = function () {
-  function Utils() {
-    _classCallCheck(this, Utils);
-  }
-
-  _createClass(Utils, null, [{
-    key: 'arrayContains',
-    value: function arrayContains(value, arr) {
-      for (var i = 0; i < arr.length; i++) {
-        if (value === arr[i]) {
-          return true;
-        }
-      }
-      return false;
-    }
-  }, {
-    key: 'clean',
-    value: function clean(string) {
-      return string.replace(/\r?\n|\r/g, '');
-    }
-  }, {
-    key: 'contains',
-    value: function contains(string, needle) {
-      var search = string.match(needle);
-      return search && search.length > 0;
-    }
-  }]);
-
-  return Utils;
-}();
-
-exports.default = Utils;
-var handleTags = exports.handleTags = function handleTags(strings) {
-  var result = '';
-
-  for (var i = 0; i < strings.length; i++) {
-    result += strings[i];
-    if (i < (arguments.length <= 1 ? 0 : arguments.length - 1)) {
-      result += arguments.length <= i + 1 ? undefined : arguments[i + 1];
-    }
-  }
-
-  return result;
-};

package/circle.yml

@@ -1,31 +0,0 @@
-
----
-dependencies:
-  cache_directories:
-    - ~/.cache/yarn
-  override:
-    - npm install
-  pre:
-    - ls
-    - "sh login.sh"
-deployment:
-  production:
-    branch: master
-    commands:
-      - sh login.sh
-      - git config --global push.default matching
-      - git config --global user.email "thabti.sabeur@gmail.com"
-      - git config --global user.name "Sabeur Thabti"
-      - npm version patch
-      - git commit --amend -m 'automated patching [ci skip]'
-      - git push
-      - npm run start
-      - npm publish ./
-      - echo "doing a patch update!"
-
-machine:
-  node:
-    version: "7.2.1"
-test:
-  override:
-    - "npm run echo"

package/jsconfig.json

@@ -1,9 +0,0 @@
-{
-    "compilerOptions": {
-        "allowJs": true,
-        "allowSyntheticDefaultImports": true
-    },
-    "exclude": [
-        "node_modules"
-    ]
-}

package/login.sh

@@ -1,11 +0,0 @@
-#!/bin/bash
-set -o nounset
-set -o errexit
-
-echo "NPM LOGIN"
-
-npm login <<!
-$NPM_USERNAME
-$NPM_PASSWORD
-$NPM_EMAIL
-!

package/src/index.js

@@ -1,184 +0,0 @@
-import ParseCSS from 'css/lib/parse';
-import toCamelCase from 'to-camel-case';
-import _get from 'lodash.get';
-import _set from 'lodash.set';
-import utils, { handleTags } from './utils';
-
-export default function toJSS(css, ...values) {
-  const stylesheetString = Array.isArray(css) ? handleTags(css, ...values) : css;
-  const { stylesheet } = ParseCSS(utils.clean(stylesheetString));
-
-  const directions = ['top', 'right', 'bottom', 'left'];
-  const changeArr = ['margin', 'padding', 'border-width', 'border-radius'];
-  const numberize = ['width', 'height', 'font-size', 'line-height'].concat(directions);
-  // special properties and shorthands that need to be broken down separately
-  const specialProperties = {};
-  ['border', 'border-top', 'border-right', 'border-bottom', 'border-left'].forEach((name) => {
-    specialProperties[name] = {
-      regex: /^\s*([0-9]+)(px)?\s+(solid|dotted|dashed)?\s*([a-z0-9#,\(\)\.\s]+)\s*$/i,
-      map: {
-        1: `${name}-width`,
-        3: name === 'border' ? `${name}-style` : null,
-        4: `${name}-color`,
-      },
-    };
-  });
-
-  directions.forEach((dir) => {
-    numberize.push(`border-${dir}-width`);
-    changeArr.forEach((prop) => {
-      numberize.push(`${prop}-${dir}`);
-    });
-  });
-
-  // map of properties that when expanded
-  // use different directions than the default Top,Right,Bottom,Left.
-  const directionMaps = {
-    'border-radius': {
-      Top: 'top-left',
-      Right: 'top-right',
-      Bottom: 'bottom-right',
-      Left: 'bottom-left',
-    },
-  };
-
-  // Convert the shorthand property to the individual directions, handles edge cases,
-  // i.e. border-width and border-radius
-  function directionToPropertyName(property, direction) {
-    const names = property.split('-');
-    names.splice(1, 0, directionMaps[property] ? directionMaps[property][direction] : direction);
-    return toCamelCase(names.join('-'));
-  }
-
-  // CSS properties that are not supported by React Native
-  // The list of supported properties is at:
-  // https://facebook.github.io/react-native/docs/style.html#supported-properties
-  const unsupported = ['display'];
-
-  const nonMatching = {
-    'flex-grow': 'flex',
-    'text-decoration': 'textDecorationLine',
-    'vertical-align': 'textVerticalAlign',
-  };
-
-  const JSONResult = {};
-
-  for (const rule of stylesheet.rules) {
-    if (rule.type !== 'rule') continue;
-
-    for (let selector of rule.selectors) {
-      selector = selector.replace(/\.|#/g, '');
-
-      let styles;
-      // check if there are any selectors with empty spaces, meaning they should be nested
-      const composedSelector = selector.match(/\s+(\S)+/g);
-
-      if (composedSelector) {
-        // get the first selector from the nested selector
-        let selectorPath = selector.match(/^\S+/)[0];
-        while (composedSelector.length) {
-          const currentSelector = composedSelector.shift().replace(/\s+/, '');
-          selectorPath += `[${currentSelector}]`;
-        }
-
-        // we don't have to be smart here. It's either an object or undefined.
-        if (!_get(JSONResult, selectorPath)) {
-          _set(JSONResult, selectorPath, {});
-        }
-        styles = _get(JSONResult, selectorPath);
-      } else {
-        styles = JSONResult[selector] = JSONResult[selector] || {};
-      }
-
-      for (const declaration of rule.declarations) {
-        if (declaration.type !== 'declaration') continue;
-
-        const value = declaration.value;
-        const property = declaration.property;
-
-        if (specialProperties[property]) {
-          const special = specialProperties[property];
-          const matches = special.regex.exec(value);
-          if (matches) {
-            if (typeof special.map === 'function') {
-              special.map(matches, styles, rule.declarations);
-            } else {
-              for (const key in special.map) {
-                if (matches[key] && special.map[key]) {
-                  rule.declarations.push({
-                    property: special.map[key],
-                    value: matches[key],
-                    type: 'declaration',
-                  });
-                }
-              }
-            }
-            continue;
-          }
-        }
-
-        if (utils.arrayContains(property, unsupported)) continue;
-
-        if (nonMatching[property]) {
-          rule.declarations.push({
-            property: nonMatching[property],
-            value,
-            type: 'declaration',
-          });
-          continue;
-        }
-
-        if (utils.arrayContains(property, numberize)) {
-          const valueReplaced = value.replace(/px|\s*/g, '');
-          styles[toCamelCase(property)] = parseFloat(valueReplaced);
-        } else if (utils.arrayContains(property, changeArr)) {
-          const values = value.replace(/px/g, '').split(/[\s,]+/);
-
-          values.forEach((v, index, arr) => {
-            arr[index] = parseInt(v);
-            return arr;
-          });
-
-          const length = values.length;
-
-          if (length === 1) {
-            styles[toCamelCase(property)] = values[0];
-          }
-
-          if (length === 2) {
-            for (const prop of ['Top', 'Bottom']) {
-              styles[directionToPropertyName(property, prop)] = values[0];
-            }
-
-            for (const prop of ['Left', 'Right']) {
-              styles[directionToPropertyName(property, prop)] = values[1];
-            }
-          }
-
-          if (length === 3) {
-            for (const prop of ['Left', 'Right']) {
-              styles[directionToPropertyName(property, prop)] = values[1];
-            }
-
-            styles[directionToPropertyName(property, 'Top')] = values[0];
-            styles[directionToPropertyName(property, 'Bottom')] = values[2];
-          }
-
-          if (length === 4) {
-            ['Top', 'Right', 'Bottom', 'Left'].forEach((prop, index) => {
-              styles[directionToPropertyName(property, prop)] = values[index];
-            });
-          }
-        } else {
-          if (!isNaN(declaration.value) && property !== 'font-weight') {
-            declaration.value = parseFloat(declaration.value);
-          }
-
-          styles[toCamelCase(property)] = declaration.value;
-        }
-      }
-    }
-  }
-
-  return JSONResult;
-}

package/src/utils.js

@@ -1,32 +0,0 @@
-export default class Utils {
-  static arrayContains(value, arr) {
-    for (let i = 0; i < arr.length; i++) {
-      if (value === arr[i]) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  static clean(string) {
-    return string.replace(/\r?\n|\r/g, '');
-  }
-
-  static contains(string, needle) {
-    const search = string.match(needle);
-    return search && search.length > 0;
-  }
-}
-
-export const handleTags = (strings, ...values) => {
-  let result = '';
-
-  for (let i = 0; i < strings.length; i++) {
-    result += strings[i];
-    if (i < values.length) {
-      result += values[i];
-    }
-  }
-
-  return result;
-};