react-outline 1.7.3 → 2.0.0

package/dist/styleItem.js

@@ -1,87 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-exports.default = function (_ref3) {
-  var _styles = _ref3._styles,
-      replacedStyle = _ref3.replacedStyle,
-      styleCSS = _ref3.styleCSS,
-      colors = _ref3.colors,
-      options = _ref3.options,
-      caching = _ref3.caching,
-      wrapStyles = _ref3.wrapStyles;
-
-
-  //+++++++++++++++++++++++++++++++++++++ style function
-  //++++++++++++++++++++++++++++++++++++++++++++++++++++
-  return function (styleName) {
-
-    var styleFn = _styles[styleName] || function () {};
-
-    var cached = { key: null, value: null, source: [] };
-    replacedStyle[styleName] = function () {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      var elemName = args[0];
-
-      //+++++++++++++++++++++++++++++++++++ build an element
-      //++++++++++++++++++++++++++++++++++++++++++++++++++++
-
-      if (Array.isArray(elemName) && elemName.hasOwnProperty("raw")) {
-        return buildElem({ elemName: elemName, args: args, styleCSS: styleCSS, styleName: styleName, options: options, replacedStyle: replacedStyle, colors: colors });
-      } // elem gen
-
-      //++++++++++++++++++++++++++++++++++++++ generat style
-      //++++++++++++++++++++++++++++++++++++++++++++++++++++
-
-      var styleStuff = { styleCSS: styleCSS[styleName], styleFn: "object" === (typeof args === 'undefined' ? 'undefined' : _typeof(args)) && !_styles[styleName] ? function (x) {
-          return (0, _utils.sanitizeStyleObj)(x);
-        } : styleFn };
-
-      return buildStyleObj({ styleStuff: styleStuff, genStyles: _utils.genStyles, args: args, colors: colors, caching: caching, cached: cached });
-    }; // END replacedStyle[styleName] = function(...args)
-
-    //+++++++++++++++++++++++++++++++++ step down the tree
-    //++++++++++++++++++++++++++++++++++++++++++++++++++++
-
-    if (0 < Object.keys(styleFn).length || (0, _utils.hasKids)(styleCSS[styleName])) {
-      Object.assign(replacedStyle[styleName], wrapStyles(styleFn, options, styleCSS[styleName]));
-    }
-  };
-};
-
-var _utils = require('./utils');
-
-var _element2 = require('./element');
-
-var _element3 = _interopRequireDefault(_element2);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+exports["default"] = _default;
+var _utils = require("./utils");
+var _element = _interopRequireDefault(require("./element"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 //=====================================================
 //========================================== build Elem
 //=====================================================
 
 function buildElem(_ref) {
-  var _element;
-
   var elemName = _ref.elemName,
-      args = _ref.args,
-      styleCSS = _ref.styleCSS,
-      styleName = _ref.styleName,
-      options = _ref.options,
-      replacedStyle = _ref.replacedStyle,
-      colors = _ref.colors;
-
-
+    args = _ref.args,
+    styleCSS = _ref.styleCSS,
+    styleName = _ref.styleName,
+    options = _ref.options,
+    replacedStyle = _ref.replacedStyle,
+    colors = _ref.colors;
   elemName = elemName[0] || args[1];
   var inlineStyle = null; //replacedStyle[styleName]();
 
@@ -93,27 +30,41 @@ function buildElem(_ref) {
     }
   }
   //splict ":" and "@" from all over styles
-
   var _separateCssStyle = (0, _utils.separateCssStyle)(baseStyle),
-      css = _separateCssStyle.css,
-      style = _separateCssStyle.style;
+    css = _separateCssStyle.css,
+    style = _separateCssStyle.style;
   /*
   const cssPropNames = Object.keys(styleCSS[styleName])
                              .filter(stylePropName => stylePropName[0] === "@" ||  stylePropName[0] === ":");
   */
-
-
   var randomClassName = "";
 
   //if(0 < cssPropNames.length){
   if (css) {
     randomClassName = "react-outline-";
     if (!global.__TEST__) randomClassName += (0, _utils.makeid)();
-    _utils.pubsub.publish(randomClassName, (0, _utils.genCss)({ randomClassName: randomClassName, css: css, styleCSS: styleCSS, colors: colors, style: style, styleName: styleName }));
+    _utils.pubsub.publish(randomClassName, (0, _utils.genCss)({
+      randomClassName: randomClassName,
+      css: css,
+      styleCSS: styleCSS,
+      colors: colors,
+      style: style,
+      styleName: styleName
+    }));
     inlineStyle = {};
   }
-
-  return (0, _element3.default)((_element = { elemName: elemName, css: css, styleCSS: styleCSS, inlineStyle: inlineStyle, style: style, styleName: styleName, colors: colors, randomClassName: randomClassName, options: options }, _defineProperty(_element, 'randomClassName', randomClassName), _defineProperty(_element, 'replacedStyle', replacedStyle), _element));
+  return (0, _element["default"])({
+    elemName: elemName,
+    css: css,
+    styleCSS: styleCSS,
+    inlineStyle: inlineStyle,
+    style: style,
+    styleName: styleName,
+    colors: colors,
+    randomClassName: randomClassName,
+    options: options,
+    replacedStyle: replacedStyle
+  });
 }
 
 //=====================================================
@@ -122,13 +73,11 @@ function buildElem(_ref) {
 
 function buildStyleObj(_ref2) {
   var styleStuff = _ref2.styleStuff,
-      genStyles = _ref2.genStyles,
-      args = _ref2.args,
-      colors = _ref2.colors,
-      caching = _ref2.caching,
-      cached = _ref2.cached;
-
-
+    genStyles = _ref2.genStyles,
+    args = _ref2.args,
+    colors = _ref2.colors,
+    caching = _ref2.caching,
+    cached = _ref2.cached;
   if (!caching) {
     return genStyles(styleStuff, args, colors);
   }
@@ -141,7 +90,6 @@ function buildStyleObj(_ref2) {
   if (key === cached.key) {
     return cached.value;
   }
-
   cached.key = key;
   cached.source[0] = args[0];
   cached.source[1] = args[1];
@@ -151,4 +99,70 @@ function buildStyleObj(_ref2) {
 
 //=====================================================
 //========================================== style Item
-//=====================================================
+//=====================================================
+
+function _default(_ref3) {
+  var _styles = _ref3._styles,
+    replacedStyle = _ref3.replacedStyle,
+    styleCSS = _ref3.styleCSS,
+    colors = _ref3.colors,
+    options = _ref3.options,
+    caching = _ref3.caching,
+    wrapStyles = _ref3.wrapStyles;
+  //+++++++++++++++++++++++++++++++++++++ style function
+  //++++++++++++++++++++++++++++++++++++++++++++++++++++
+  return function (styleName) {
+    var styleFn = _styles[styleName] || function () {
+      return {};
+    };
+    var cached = {
+      key: null,
+      value: null,
+      source: []
+    };
+    replacedStyle[styleName] = function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      var elemName = args[0];
+
+      //+++++++++++++++++++++++++++++++++++ build an element
+      //++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+      if (Array.isArray(elemName) && elemName.hasOwnProperty("raw")) {
+        return buildElem({
+          elemName: elemName,
+          args: args,
+          styleCSS: styleCSS,
+          styleName: styleName,
+          options: options,
+          replacedStyle: replacedStyle,
+          colors: colors
+        });
+      } // elem gen
+
+      //++++++++++++++++++++++++++++++++++++++ generat style
+      //++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+      var styleStuff = {
+        styleCSS: styleCSS[styleName],
+        styleFn: styleFn
+      };
+      return buildStyleObj({
+        styleStuff: styleStuff,
+        genStyles: _utils.genStyles,
+        args: args,
+        colors: colors,
+        caching: caching,
+        cached: cached
+      });
+    }; // END replacedStyle[styleName] = function(...args)
+
+    //+++++++++++++++++++++++++++++++++ step down the tree
+    //++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+    if (0 < Object.keys(styleFn).length || (0, _utils.hasKids)(styleCSS[styleName])) {
+      Object.assign(replacedStyle[styleName], wrapStyles(styleFn, options, styleCSS[styleName]));
+    }
+  };
+}

package/dist/utils/buildCssString.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = buildCssString;
+exports["default"] = buildCssString;
 function buildCssString(classesValues, props) {
   var css = Object.keys(classesValues).map(function (className) {
     return classesValues[className];
   }).join(" ");
-  css += props.children || "";
+  css += (props === null || props === void 0 ? void 0 : props.children) || "";
   css = css.replace(/\n/g, ' ').replace(/\s+/g, ' ');
   return css;
 }

package/dist/utils/genCss.js

@@ -1,38 +1,27 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-exports.default = genCss;
-
-var _object2css = require("./object2css");
-
-var _object2css2 = _interopRequireDefault(_object2css);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = genCss;
+var _object2css = _interopRequireDefault(require("./object2css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function genCss(_ref) {
-    var randomClassName = _ref.randomClassName,
-        css = _ref.css,
-        styleCSS = _ref.styleCSS,
-        colors = _ref.colors,
-        style = _ref.style,
-        styleName = _ref.styleName;
-
-
-    var newStyle = style ? "." + randomClassName + "{" + (0, _object2css2.default)(colors, style) + "}" : "";
-
-    newStyle = Object.keys(css).reduce(function (cssString, propName) {
-
-        var styleContent = (0, _object2css2.default)(colors, css[propName]
-        /*  || styleCSS[styleName].base
-          && styleCSS[styleName].base[propName]
-          || styleCSS[styleName][propName]*/);
-
-        if (propName[0] === "@") return cssString + (" " + propName + "{ ." + randomClassName + "{ " + styleContent + " } } ");else if (propName[0] === ":") return " ." + randomClassName + propName + "{ " + styleContent + " } " + cssString;else return " ." + randomClassName + " " + propName + "{ " + styleContent + " } " + cssString;
-        //  else // skip unknown prop
-        //      return cssString
-    }, newStyle);
-
-    return newStyle;
+  var randomClassName = _ref.randomClassName,
+    css = _ref.css,
+    styleCSS = _ref.styleCSS,
+    colors = _ref.colors,
+    style = _ref.style,
+    styleName = _ref.styleName;
+  var newStyle = style ? ".".concat(randomClassName, "{").concat((0, _object2css["default"])(colors, style), "}") : "";
+  newStyle = Object.keys(css).reduce(function (cssString, propName) {
+    var styleContent = (0, _object2css["default"])(colors, css[propName]
+    /*  || styleCSS[styleName].base
+      && styleCSS[styleName].base[propName]
+      || styleCSS[styleName][propName]*/);
+    if (propName[0] === "@") return cssString + " ".concat(propName, "{ .").concat(randomClassName, "{ ").concat(styleContent, " } } ");else if (propName[0] === ":") return " .".concat(randomClassName).concat(propName, "{ ").concat(styleContent, " } ") + cssString;else return " .".concat(randomClassName, " ").concat(propName, "{ ").concat(styleContent, " } ") + cssString;
+    //  else // skip unknown prop
+    //      return cssString
+  }, newStyle);
+  return newStyle;
 }

package/dist/utils/genStyles.js

@@ -1,36 +1,23 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = genStyles;
-
-var _inlineStylePrefixer = require('inline-style-prefixer');
-
-var _inlineStylePrefixer2 = _interopRequireDefault(_inlineStylePrefixer);
-
-var _replacedStyleFn = require('./replacedStyleFn');
-
-var _replacedStyleFn2 = _interopRequireDefault(_replacedStyleFn);
-
-var _replaceColors = require('./replaceColors');
-
-var _replaceColors2 = _interopRequireDefault(_replaceColors);
-
-var _index = require('./index');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var prefixer = new _inlineStylePrefixer2.default();
-
+exports["default"] = genStyles;
+var _inlineStylePrefixer = _interopRequireDefault(require("inline-style-prefixer"));
+var _replacedStyleFn = _interopRequireDefault(require("./replacedStyleFn"));
+var _replaceColors = _interopRequireDefault(require("./replaceColors"));
+var _index = require("./index");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var prefixer = new _inlineStylePrefixer["default"]();
 function genStyles(styleStuff, args, colors) {
-  var userResult = (0, _replacedStyleFn2.default)(styleStuff, args);
-
-  var swapedColor = (0, _replaceColors2.default)(colors, userResult);
+  var userResult = (0, _replacedStyleFn["default"])(styleStuff, args);
+  var swapedColor = (0, _replaceColors["default"])(colors, userResult);
   for (var name in swapedColor) {
     //if(!specialCharacters.includes(name[0]))
-    swapedColor[name] = prefixer.prefix({ a: swapedColor[name] }).a;
+    swapedColor[name] = prefixer.prefix({
+      a: swapedColor[name]
+    }).a;
   }
-
   return swapedColor;
 }

package/dist/utils/hasKids.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-exports.default = hasKids;
+exports["default"] = hasKids;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function hasKids(obj) {
   for (var name in obj) {
     if ("base" !== name && "object" === _typeof(obj[name])) return true;

package/dist/utils/index.js

@@ -1,69 +1,83 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-exports.separateCssStyle = exports.sanitizeStyleObj = exports.sanitizeOutlineInput = exports.replacedStyleFn = exports.replaceColors = exports.pubsub = exports.object2css = exports.makeid = exports.hasKids = exports.genStyles = exports.genCss = exports.buildCssString = undefined;
-
-var _buildCssString = require('./buildCssString');
-
-var _buildCssString2 = _interopRequireDefault(_buildCssString);
-
-var _genCss = require('./genCss');
-
-var _genCss2 = _interopRequireDefault(_genCss);
-
-var _genStyles = require('./genStyles');
-
-var _genStyles2 = _interopRequireDefault(_genStyles);
-
-var _hasKids = require('./hasKids');
-
-var _hasKids2 = _interopRequireDefault(_hasKids);
-
-var _makeid = require('./makeid');
-
-var _makeid2 = _interopRequireDefault(_makeid);
-
-var _object2css = require('./object2css');
-
-var _object2css2 = _interopRequireDefault(_object2css);
-
-var _pubsub = require('./pubsub');
-
-var _pubsub2 = _interopRequireDefault(_pubsub);
-
-var _replaceColors = require('./replaceColors');
-
-var _replaceColors2 = _interopRequireDefault(_replaceColors);
-
-var _replacedStyleFn = require('./replacedStyleFn');
-
-var _replacedStyleFn2 = _interopRequireDefault(_replacedStyleFn);
-
-var _sanitizeOutlineInput = require('./sanitizeOutlineInput');
-
-var _sanitizeOutlineInput2 = _interopRequireDefault(_sanitizeOutlineInput);
-
-var _sanitizeStyleObj = require('./sanitizeStyleObj');
-
-var _sanitizeStyleObj2 = _interopRequireDefault(_sanitizeStyleObj);
-
-var _separateCssStyle = require('./separateCssStyle');
-
-var _separateCssStyle2 = _interopRequireDefault(_separateCssStyle);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.buildCssString = _buildCssString2.default;
-exports.genCss = _genCss2.default;
-exports.genStyles = _genStyles2.default;
-exports.hasKids = _hasKids2.default;
-exports.makeid = _makeid2.default;
-exports.object2css = _object2css2.default;
-exports.pubsub = _pubsub2.default;
-exports.replaceColors = _replaceColors2.default;
-exports.replacedStyleFn = _replacedStyleFn2.default;
-exports.sanitizeOutlineInput = _sanitizeOutlineInput2.default;
-exports.sanitizeStyleObj = _sanitizeStyleObj2.default;
-exports.separateCssStyle = _separateCssStyle2.default;
+Object.defineProperty(exports, "buildCssString", {
+  enumerable: true,
+  get: function get() {
+    return _buildCssString["default"];
+  }
+});
+Object.defineProperty(exports, "genCss", {
+  enumerable: true,
+  get: function get() {
+    return _genCss["default"];
+  }
+});
+Object.defineProperty(exports, "genStyles", {
+  enumerable: true,
+  get: function get() {
+    return _genStyles["default"];
+  }
+});
+Object.defineProperty(exports, "hasKids", {
+  enumerable: true,
+  get: function get() {
+    return _hasKids["default"];
+  }
+});
+Object.defineProperty(exports, "makeid", {
+  enumerable: true,
+  get: function get() {
+    return _makeid["default"];
+  }
+});
+Object.defineProperty(exports, "object2css", {
+  enumerable: true,
+  get: function get() {
+    return _object2css["default"];
+  }
+});
+Object.defineProperty(exports, "pubsub", {
+  enumerable: true,
+  get: function get() {
+    return _pubsub["default"];
+  }
+});
+Object.defineProperty(exports, "replaceColors", {
+  enumerable: true,
+  get: function get() {
+    return _replaceColors["default"];
+  }
+});
+Object.defineProperty(exports, "replacedStyleFn", {
+  enumerable: true,
+  get: function get() {
+    return _replacedStyleFn["default"];
+  }
+});
+Object.defineProperty(exports, "sanitizeOutlineInput", {
+  enumerable: true,
+  get: function get() {
+    return _sanitizeOutlineInput["default"];
+  }
+});
+Object.defineProperty(exports, "separateCssStyle", {
+  enumerable: true,
+  get: function get() {
+    return _separateCssStyle["default"];
+  }
+});
+var _buildCssString = _interopRequireDefault(require("./buildCssString"));
+var _genCss = _interopRequireDefault(require("./genCss"));
+var _genStyles = _interopRequireDefault(require("./genStyles"));
+var _hasKids = _interopRequireDefault(require("./hasKids"));
+var _makeid = _interopRequireDefault(require("./makeid"));
+var _object2css = _interopRequireDefault(require("./object2css"));
+var _pubsub = _interopRequireDefault(require("./pubsub"));
+var _replaceColors = _interopRequireDefault(require("./replaceColors"));
+var _replacedStyleFn = _interopRequireDefault(require("./replacedStyleFn"));
+var _sanitizeOutlineInput = _interopRequireDefault(require("./sanitizeOutlineInput"));
+var _separateCssStyle = _interopRequireDefault(require("./separateCssStyle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/utils/makeid.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = makeid;
+exports["default"] = makeid;
 var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 function makeid() {
   var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
-
   var text = "";
-
-  for (var i = 0; i < side; i++) {
-    text += possible.charAt(~~(Math.random() * possible.length));
-  }return text;
+  for (var i = 0; i < side; i++) text += possible.charAt(~~(Math.random() * possible.length));
+  return text;
 }

package/dist/utils/object2css.js

@@ -1,37 +1,25 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = object2css;
-
-var _hyphenateStyleName = require('hyphenate-style-name');
-
-var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
-
-var _addPxToStyle = require('add-px-to-style');
-
-var _addPxToStyle2 = _interopRequireDefault(_addPxToStyle);
-
-var _replaceColors = require('./replaceColors');
-
-var _replaceColors2 = _interopRequireDefault(_replaceColors);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+exports["default"] = object2css;
+var _hyphenateStyleName = _interopRequireDefault(require("hyphenate-style-name"));
+var _addPxToStyle = _interopRequireDefault(require("add-px-to-style"));
+var _replaceColors = _interopRequireDefault(require("./replaceColors"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // Convert a JS object to CSS string. Similar to React's output of CSS, extracted into a module.
 function object2css(colors, obj) {
-  obj = (0, _replaceColors2.default)(colors, obj);
+  obj = (0, _replaceColors["default"])(colors, obj);
   var keys = Object.keys(obj);
   //if (!keys.length) return ''
-  var i = void 0,
-      len = keys.length;
+  var i,
+    len = keys.length;
   var result = '';
-
   for (i = 0; i < len; i++) {
     var key = keys[i];
     var val = obj[key];
-    result += (0, _hyphenateStyleName2.default)(key) + ':' + (0, _addPxToStyle2.default)(key, val) + "; ";
+    result += (0, _hyphenateStyleName["default"])(key) + ':' + (0, _addPxToStyle["default"])(key, val) + "; ";
   }
   return result;
 }