react-outline 1.7.2 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/README.md +151 -116
  2. package/dist/Styles.js +34 -35
  3. package/dist/element.js +69 -88
  4. package/dist/main.js +22 -35
  5. package/dist/reactOutline.js +241 -0
  6. package/dist/reactOutline.js.map +7 -0
  7. package/dist/styleItem.js +105 -91
  8. package/dist/utils/buildCssString.js +2 -2
  9. package/dist/utils/genCss.js +21 -32
  10. package/dist/utils/genStyles.js +13 -26
  11. package/dist/utils/hasKids.js +2 -4
  12. package/dist/utils/index.js +81 -61
  13. package/dist/utils/makeid.js +3 -6
  14. package/dist/utils/object2css.js +10 -22
  15. package/dist/utils/pubsub.js +10 -24
  16. package/dist/utils/replaceColors.js +3 -4
  17. package/dist/utils/replacedStyleFn.js +5 -10
  18. package/dist/utils/sanitizeOutlineInput.js +8 -24
  19. package/dist/utils/separateCssStyle.js +5 -8
  20. package/dist/wrapStyles.js +18 -14
  21. package/package.json +36 -24
  22. package/.babelrc +0 -6
  23. package/.npmignore +0 -30
  24. package/.travis.yml +0 -7
  25. package/__snapshots__/cornerCases.test.js.snap +0 -139
  26. package/__snapshots__/example.test.js.snap +0 -408
  27. package/cornerCases.test.js +0 -367
  28. package/dist/utils/sanitizeStyleObj.js +0 -22
  29. package/empty-module.js +0 -1
  30. package/example/.babelrc +0 -4
  31. package/example/.storybook/config.js +0 -7
  32. package/example/.storybook/webpack.config.js +0 -14
  33. package/example/README.md +0 -11
  34. package/example/package.json +0 -55
  35. package/example/stories/Animate/basic.js +0 -73
  36. package/example/stories/Basics/CreatingAndApplyingAStyle.js +0 -12
  37. package/example/stories/Basics/Form.js +0 -24
  38. package/example/stories/Basics/ImpliedTags.js +0 -40
  39. package/example/stories/Basics/PassingStyleAndFuntion.js +0 -13
  40. package/example/stories/Basics/PassingStyleAndFuntionAsArray.js +0 -13
  41. package/example/stories/Basics/ReusingElements.js +0 -13
  42. package/example/stories/Basics/Share.js +0 -19
  43. package/example/stories/Basics/UsingTheTagCreater.js +0 -13
  44. package/example/stories/Basics/WrappingAnExistingElement.js +0 -19
  45. package/example/stories/Button.js +0 -27
  46. package/example/stories/CSSHelpers/CssSelector.js +0 -24
  47. package/example/stories/CSSHelpers/CssSource.js +0 -18
  48. package/example/stories/CSSHelpers/DynamicCssSelectors.js +0 -24
  49. package/example/stories/CSSHelpers/Hover.js +0 -20
  50. package/example/stories/CSSHelpers/MediaQuery.js +0 -22
  51. package/example/stories/CSSHelpers/VendorPrefix.js +0 -19
  52. package/example/stories/CombineStyles/CreatingAndApplyingAStyle.js +0 -16
  53. package/example/stories/CombineStyles/LogicFnWithGenerateElement.js +0 -16
  54. package/example/stories/CombineStyles/PassStyleObjToGenerateElement.js +0 -9
  55. package/example/stories/CombineStyles/UsingAPropFlag.js +0 -16
  56. package/example/stories/CombineStyles/UsingTheTagCreater.js +0 -16
  57. package/example/stories/Ref/byFn.js +0 -51
  58. package/example/stories/Ref/onEvent.js +0 -43
  59. package/example/stories/RuntimeFunctions/DynamicStyles.js +0 -32
  60. package/example/stories/RuntimeFunctions/FunctionWithOutStyle.js +0 -31
  61. package/example/stories/RuntimeFunctions/ModifyingStyles.js +0 -36
  62. package/example/stories/RuntimeFunctions/WithGeneratedElements.js +0 -38
  63. package/example/stories/Welcome.js +0 -90
  64. package/example/stories/index.js +0 -88
  65. package/example/stories/load.js +0 -229
  66. package/example.test.js +0 -16
  67. package/source/Styles.js +0 -23
  68. package/source/element.js +0 -100
  69. package/source/main.js +0 -56
  70. package/source/styleItem.js +0 -105
  71. package/source/utils/buildCssString.js +0 -6
  72. package/source/utils/genCss.js +0 -30
  73. package/source/utils/genStyles.js +0 -19
  74. package/source/utils/hasKids.js +0 -6
  75. package/source/utils/index.js +0 -33
  76. package/source/utils/makeid.js +0 -9
  77. package/source/utils/object2css.js +0 -20
  78. package/source/utils/pubsub.js +0 -22
  79. package/source/utils/replaceColors.js +0 -11
  80. package/source/utils/replacedStyleFn.js +0 -30
  81. package/source/utils/sanitizeOutlineInput.js +0 -72
  82. package/source/utils/sanitizeStyleObj.js +0 -13
  83. package/source/utils/separateCssStyle.js +0 -25
  84. package/source/wrapStyles.js +0 -30
package/dist/styleItem.js CHANGED
@@ -1,87 +1,24 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
- 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; };
8
-
9
- exports.default = function (_ref3) {
10
- var _styles = _ref3._styles,
11
- replacedStyle = _ref3.replacedStyle,
12
- styleCSS = _ref3.styleCSS,
13
- colors = _ref3.colors,
14
- options = _ref3.options,
15
- caching = _ref3.caching,
16
- wrapStyles = _ref3.wrapStyles;
17
-
18
-
19
- //+++++++++++++++++++++++++++++++++++++ style function
20
- //++++++++++++++++++++++++++++++++++++++++++++++++++++
21
- return function (styleName) {
22
-
23
- var styleFn = _styles[styleName] || function () {};
24
-
25
- var cached = { key: null, value: null, source: [] };
26
- replacedStyle[styleName] = function () {
27
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
28
- args[_key] = arguments[_key];
29
- }
30
-
31
- var elemName = args[0];
32
-
33
- //+++++++++++++++++++++++++++++++++++ build an element
34
- //++++++++++++++++++++++++++++++++++++++++++++++++++++
35
-
36
- if (Array.isArray(elemName) && elemName.hasOwnProperty("raw")) {
37
- return buildElem({ elemName: elemName, args: args, styleCSS: styleCSS, styleName: styleName, options: options, replacedStyle: replacedStyle, colors: colors });
38
- } // elem gen
39
-
40
- //++++++++++++++++++++++++++++++++++++++ generat style
41
- //++++++++++++++++++++++++++++++++++++++++++++++++++++
42
-
43
- var styleStuff = { styleCSS: styleCSS[styleName], styleFn: "object" === (typeof args === 'undefined' ? 'undefined' : _typeof(args)) && !_styles[styleName] ? function (x) {
44
- return (0, _utils.sanitizeStyleObj)(x);
45
- } : styleFn };
46
-
47
- return buildStyleObj({ styleStuff: styleStuff, genStyles: _utils.genStyles, args: args, colors: colors, caching: caching, cached: cached });
48
- }; // END replacedStyle[styleName] = function(...args)
49
-
50
- //+++++++++++++++++++++++++++++++++ step down the tree
51
- //++++++++++++++++++++++++++++++++++++++++++++++++++++
52
-
53
- if (0 < Object.keys(styleFn).length || (0, _utils.hasKids)(styleCSS[styleName])) {
54
- Object.assign(replacedStyle[styleName], wrapStyles(styleFn, options, styleCSS[styleName]));
55
- }
56
- };
57
- };
58
-
59
- var _utils = require('./utils');
60
-
61
- var _element2 = require('./element');
62
-
63
- var _element3 = _interopRequireDefault(_element2);
64
-
65
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
66
-
67
- 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; }
68
-
6
+ exports["default"] = _default;
7
+ var _utils = require("./utils");
8
+ var _element = _interopRequireDefault(require("./element"));
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
69
10
  //=====================================================
70
11
  //========================================== build Elem
71
12
  //=====================================================
72
13
 
73
14
  function buildElem(_ref) {
74
- var _element;
75
-
76
15
  var elemName = _ref.elemName,
77
- args = _ref.args,
78
- styleCSS = _ref.styleCSS,
79
- styleName = _ref.styleName,
80
- options = _ref.options,
81
- replacedStyle = _ref.replacedStyle,
82
- colors = _ref.colors;
83
-
84
-
16
+ args = _ref.args,
17
+ styleCSS = _ref.styleCSS,
18
+ styleName = _ref.styleName,
19
+ options = _ref.options,
20
+ replacedStyle = _ref.replacedStyle,
21
+ colors = _ref.colors;
85
22
  elemName = elemName[0] || args[1];
86
23
  var inlineStyle = null; //replacedStyle[styleName]();
87
24
 
@@ -93,27 +30,41 @@ function buildElem(_ref) {
93
30
  }
94
31
  }
95
32
  //splict ":" and "@" from all over styles
96
-
97
33
  var _separateCssStyle = (0, _utils.separateCssStyle)(baseStyle),
98
- css = _separateCssStyle.css,
99
- style = _separateCssStyle.style;
34
+ css = _separateCssStyle.css,
35
+ style = _separateCssStyle.style;
100
36
  /*
101
37
  const cssPropNames = Object.keys(styleCSS[styleName])
102
38
  .filter(stylePropName => stylePropName[0] === "@" || stylePropName[0] === ":");
103
39
  */
104
-
105
-
106
40
  var randomClassName = "";
107
41
 
108
42
  //if(0 < cssPropNames.length){
109
43
  if (css) {
110
44
  randomClassName = "react-outline-";
111
45
  if (!global.__TEST__) randomClassName += (0, _utils.makeid)();
112
- _utils.pubsub.publish(randomClassName, (0, _utils.genCss)({ randomClassName: randomClassName, css: css, styleCSS: styleCSS, colors: colors, style: style, styleName: styleName }));
46
+ _utils.pubsub.publish(randomClassName, (0, _utils.genCss)({
47
+ randomClassName: randomClassName,
48
+ css: css,
49
+ styleCSS: styleCSS,
50
+ colors: colors,
51
+ style: style,
52
+ styleName: styleName
53
+ }));
113
54
  inlineStyle = {};
114
55
  }
115
-
116
- 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));
56
+ return (0, _element["default"])({
57
+ elemName: elemName,
58
+ css: css,
59
+ styleCSS: styleCSS,
60
+ inlineStyle: inlineStyle,
61
+ style: style,
62
+ styleName: styleName,
63
+ colors: colors,
64
+ randomClassName: randomClassName,
65
+ options: options,
66
+ replacedStyle: replacedStyle
67
+ });
117
68
  }
118
69
 
119
70
  //=====================================================
@@ -122,13 +73,11 @@ function buildElem(_ref) {
122
73
 
123
74
  function buildStyleObj(_ref2) {
124
75
  var styleStuff = _ref2.styleStuff,
125
- genStyles = _ref2.genStyles,
126
- args = _ref2.args,
127
- colors = _ref2.colors,
128
- caching = _ref2.caching,
129
- cached = _ref2.cached;
130
-
131
-
76
+ genStyles = _ref2.genStyles,
77
+ args = _ref2.args,
78
+ colors = _ref2.colors,
79
+ caching = _ref2.caching,
80
+ cached = _ref2.cached;
132
81
  if (!caching) {
133
82
  return genStyles(styleStuff, args, colors);
134
83
  }
@@ -141,7 +90,6 @@ function buildStyleObj(_ref2) {
141
90
  if (key === cached.key) {
142
91
  return cached.value;
143
92
  }
144
-
145
93
  cached.key = key;
146
94
  cached.source[0] = args[0];
147
95
  cached.source[1] = args[1];
@@ -151,4 +99,70 @@ function buildStyleObj(_ref2) {
151
99
 
152
100
  //=====================================================
153
101
  //========================================== style Item
154
- //=====================================================
102
+ //=====================================================
103
+
104
+ function _default(_ref3) {
105
+ var _styles = _ref3._styles,
106
+ replacedStyle = _ref3.replacedStyle,
107
+ styleCSS = _ref3.styleCSS,
108
+ colors = _ref3.colors,
109
+ options = _ref3.options,
110
+ caching = _ref3.caching,
111
+ wrapStyles = _ref3.wrapStyles;
112
+ //+++++++++++++++++++++++++++++++++++++ style function
113
+ //++++++++++++++++++++++++++++++++++++++++++++++++++++
114
+ return function (styleName) {
115
+ var styleFn = _styles[styleName] || function () {
116
+ return {};
117
+ };
118
+ var cached = {
119
+ key: null,
120
+ value: null,
121
+ source: []
122
+ };
123
+ replacedStyle[styleName] = function () {
124
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
125
+ args[_key] = arguments[_key];
126
+ }
127
+ var elemName = args[0];
128
+
129
+ //+++++++++++++++++++++++++++++++++++ build an element
130
+ //++++++++++++++++++++++++++++++++++++++++++++++++++++
131
+
132
+ if (Array.isArray(elemName) && elemName.hasOwnProperty("raw")) {
133
+ return buildElem({
134
+ elemName: elemName,
135
+ args: args,
136
+ styleCSS: styleCSS,
137
+ styleName: styleName,
138
+ options: options,
139
+ replacedStyle: replacedStyle,
140
+ colors: colors
141
+ });
142
+ } // elem gen
143
+
144
+ //++++++++++++++++++++++++++++++++++++++ generat style
145
+ //++++++++++++++++++++++++++++++++++++++++++++++++++++
146
+
147
+ var styleStuff = {
148
+ styleCSS: styleCSS[styleName],
149
+ styleFn: styleFn
150
+ };
151
+ return buildStyleObj({
152
+ styleStuff: styleStuff,
153
+ genStyles: _utils.genStyles,
154
+ args: args,
155
+ colors: colors,
156
+ caching: caching,
157
+ cached: cached
158
+ });
159
+ }; // END replacedStyle[styleName] = function(...args)
160
+
161
+ //+++++++++++++++++++++++++++++++++ step down the tree
162
+ //++++++++++++++++++++++++++++++++++++++++++++++++++++
163
+
164
+ if (0 < Object.keys(styleFn).length || (0, _utils.hasKids)(styleCSS[styleName])) {
165
+ Object.assign(replacedStyle[styleName], wrapStyles(styleFn, options, styleCSS[styleName]));
166
+ }
167
+ };
168
+ }
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = buildCssString;
6
+ exports["default"] = buildCssString;
7
7
  function buildCssString(classesValues, props) {
8
8
  var css = Object.keys(classesValues).map(function (className) {
9
9
  return classesValues[className];
10
10
  }).join(" ");
11
- css += props.children || "";
11
+ css += (props === null || props === void 0 ? void 0 : props.children) || "";
12
12
  css = css.replace(/\n/g, ' ').replace(/\s+/g, ' ');
13
13
  return css;
14
14
  }
@@ -1,38 +1,27 @@
1
1
  "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
- value: true
4
+ value: true
5
5
  });
6
- exports.default = genCss;
7
-
8
- var _object2css = require("./object2css");
9
-
10
- var _object2css2 = _interopRequireDefault(_object2css);
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
6
+ exports["default"] = genCss;
7
+ var _object2css = _interopRequireDefault(require("./object2css"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
9
  function genCss(_ref) {
15
- var randomClassName = _ref.randomClassName,
16
- css = _ref.css,
17
- styleCSS = _ref.styleCSS,
18
- colors = _ref.colors,
19
- style = _ref.style,
20
- styleName = _ref.styleName;
21
-
22
-
23
- var newStyle = style ? "." + randomClassName + "{" + (0, _object2css2.default)(colors, style) + "}" : "";
24
-
25
- newStyle = Object.keys(css).reduce(function (cssString, propName) {
26
-
27
- var styleContent = (0, _object2css2.default)(colors, css[propName]
28
- /* || styleCSS[styleName].base
29
- && styleCSS[styleName].base[propName]
30
- || styleCSS[styleName][propName]*/);
31
-
32
- if (propName[0] === "@") return cssString + (" " + propName + "{ ." + randomClassName + "{ " + styleContent + " } } ");else if (propName[0] === ":") return " ." + randomClassName + propName + "{ " + styleContent + " } " + cssString;else return " ." + randomClassName + " " + propName + "{ " + styleContent + " } " + cssString;
33
- // else // skip unknown prop
34
- // return cssString
35
- }, newStyle);
36
-
37
- return newStyle;
10
+ var randomClassName = _ref.randomClassName,
11
+ css = _ref.css,
12
+ styleCSS = _ref.styleCSS,
13
+ colors = _ref.colors,
14
+ style = _ref.style,
15
+ styleName = _ref.styleName;
16
+ var newStyle = style ? ".".concat(randomClassName, "{").concat((0, _object2css["default"])(colors, style), "}") : "";
17
+ newStyle = Object.keys(css).reduce(function (cssString, propName) {
18
+ var styleContent = (0, _object2css["default"])(colors, css[propName]
19
+ /* || styleCSS[styleName].base
20
+ && styleCSS[styleName].base[propName]
21
+ || styleCSS[styleName][propName]*/);
22
+ 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;
23
+ // else // skip unknown prop
24
+ // return cssString
25
+ }, newStyle);
26
+ return newStyle;
38
27
  }
@@ -1,36 +1,23 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = genStyles;
7
-
8
- var _inlineStylePrefixer = require('inline-style-prefixer');
9
-
10
- var _inlineStylePrefixer2 = _interopRequireDefault(_inlineStylePrefixer);
11
-
12
- var _replacedStyleFn = require('./replacedStyleFn');
13
-
14
- var _replacedStyleFn2 = _interopRequireDefault(_replacedStyleFn);
15
-
16
- var _replaceColors = require('./replaceColors');
17
-
18
- var _replaceColors2 = _interopRequireDefault(_replaceColors);
19
-
20
- var _index = require('./index');
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- var prefixer = new _inlineStylePrefixer2.default();
25
-
6
+ exports["default"] = genStyles;
7
+ var _inlineStylePrefixer = _interopRequireDefault(require("inline-style-prefixer"));
8
+ var _replacedStyleFn = _interopRequireDefault(require("./replacedStyleFn"));
9
+ var _replaceColors = _interopRequireDefault(require("./replaceColors"));
10
+ var _index = require("./index");
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
+ var prefixer = new _inlineStylePrefixer["default"]();
26
13
  function genStyles(styleStuff, args, colors) {
27
- var userResult = (0, _replacedStyleFn2.default)(styleStuff, args);
28
-
29
- var swapedColor = (0, _replaceColors2.default)(colors, userResult);
14
+ var userResult = (0, _replacedStyleFn["default"])(styleStuff, args);
15
+ var swapedColor = (0, _replaceColors["default"])(colors, userResult);
30
16
  for (var name in swapedColor) {
31
17
  //if(!specialCharacters.includes(name[0]))
32
- swapedColor[name] = prefixer.prefix({ a: swapedColor[name] }).a;
18
+ swapedColor[name] = prefixer.prefix({
19
+ a: swapedColor[name]
20
+ }).a;
33
21
  }
34
-
35
22
  return swapedColor;
36
23
  }
@@ -3,10 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
- 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; };
8
-
9
- exports.default = hasKids;
6
+ exports["default"] = hasKids;
7
+ 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); }
10
8
  function hasKids(obj) {
11
9
  for (var name in obj) {
12
10
  if ("base" !== name && "object" === _typeof(obj[name])) return true;
@@ -1,63 +1,83 @@
1
1
  "use strict";
2
2
 
3
- // !/^[a-zA-Z0-9]/.test(propName[0])
4
- module.exports.specialCharacters = "@: "; //['@',':'].join("");
5
- module.exports.specialInnerCharacters = " >+~"; //['@',':'].join("");
6
-
7
-
8
- // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
9
- // !!!!!!!!!!!!!!!!!!!!!!!!!!!!! HERE BE DRAGONS
10
- // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
11
-
12
- var modules = void 0;
13
-
14
- if (global && global.__TEST__) {
15
- // TESTING !!!
16
-
17
- var loader = { open: require };
18
-
19
- var path = loader.open('path');
20
- var fs = loader.open('fs');
21
- var paths = [];
22
-
23
- modules = function modules(fileName) {
24
- return loader.open(fileName);
25
- };
26
- modules.keys = function () {
27
- return paths;
28
- };
29
-
30
- var _iteratorNormalCompletion = true;
31
- var _didIteratorError = false;
32
- var _iteratorError = undefined;
33
-
34
- try {
35
- for (var _iterator = fs.readdirSync(__dirname)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
36
- var fileName = _step.value;
37
- paths.push("./" + fileName);
38
- }
39
- } catch (err) {
40
- _didIteratorError = true;
41
- _iteratorError = err;
42
- } finally {
43
- try {
44
- if (!_iteratorNormalCompletion && _iterator.return) {
45
- _iterator.return();
46
- }
47
- } finally {
48
- if (_didIteratorError) {
49
- throw _iteratorError;
50
- }
51
- }
52
- }
53
- } else {
54
-
55
- // webpack magic
56
- modules = require.context("./", false, /\.js$/);
57
- }
58
-
59
- modules.keys().filter(function (path) {
60
- return "./index.js" !== path && !path.endsWith(".test.js") && !path.endsWith(".js.map");
61
- }).forEach(function (path) {
62
- return module.exports[path.match(/([^\/]+)(?=\.\w+$)/)[0]] = modules(path).default;
63
- });
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "buildCssString", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _buildCssString["default"];
10
+ }
11
+ });
12
+ Object.defineProperty(exports, "genCss", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _genCss["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "genStyles", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _genStyles["default"];
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "hasKids", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _hasKids["default"];
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "makeid", {
31
+ enumerable: true,
32
+ get: function get() {
33
+ return _makeid["default"];
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "object2css", {
37
+ enumerable: true,
38
+ get: function get() {
39
+ return _object2css["default"];
40
+ }
41
+ });
42
+ Object.defineProperty(exports, "pubsub", {
43
+ enumerable: true,
44
+ get: function get() {
45
+ return _pubsub["default"];
46
+ }
47
+ });
48
+ Object.defineProperty(exports, "replaceColors", {
49
+ enumerable: true,
50
+ get: function get() {
51
+ return _replaceColors["default"];
52
+ }
53
+ });
54
+ Object.defineProperty(exports, "replacedStyleFn", {
55
+ enumerable: true,
56
+ get: function get() {
57
+ return _replacedStyleFn["default"];
58
+ }
59
+ });
60
+ Object.defineProperty(exports, "sanitizeOutlineInput", {
61
+ enumerable: true,
62
+ get: function get() {
63
+ return _sanitizeOutlineInput["default"];
64
+ }
65
+ });
66
+ Object.defineProperty(exports, "separateCssStyle", {
67
+ enumerable: true,
68
+ get: function get() {
69
+ return _separateCssStyle["default"];
70
+ }
71
+ });
72
+ var _buildCssString = _interopRequireDefault(require("./buildCssString"));
73
+ var _genCss = _interopRequireDefault(require("./genCss"));
74
+ var _genStyles = _interopRequireDefault(require("./genStyles"));
75
+ var _hasKids = _interopRequireDefault(require("./hasKids"));
76
+ var _makeid = _interopRequireDefault(require("./makeid"));
77
+ var _object2css = _interopRequireDefault(require("./object2css"));
78
+ var _pubsub = _interopRequireDefault(require("./pubsub"));
79
+ var _replaceColors = _interopRequireDefault(require("./replaceColors"));
80
+ var _replacedStyleFn = _interopRequireDefault(require("./replacedStyleFn"));
81
+ var _sanitizeOutlineInput = _interopRequireDefault(require("./sanitizeOutlineInput"));
82
+ var _separateCssStyle = _interopRequireDefault(require("./separateCssStyle"));
83
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -3,14 +3,11 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = makeid;
6
+ exports["default"] = makeid;
7
7
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
8
8
  function makeid() {
9
9
  var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
10
-
11
10
  var text = "";
12
-
13
- for (var i = 0; i < side; i++) {
14
- text += possible.charAt(~~(Math.random() * possible.length));
15
- }return text;
11
+ for (var i = 0; i < side; i++) text += possible.charAt(~~(Math.random() * possible.length));
12
+ return text;
16
13
  }
@@ -1,37 +1,25 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = object2css;
7
-
8
- var _hyphenateStyleName = require('hyphenate-style-name');
9
-
10
- var _hyphenateStyleName2 = _interopRequireDefault(_hyphenateStyleName);
11
-
12
- var _addPxToStyle = require('add-px-to-style');
13
-
14
- var _addPxToStyle2 = _interopRequireDefault(_addPxToStyle);
15
-
16
- var _replaceColors = require('./replaceColors');
17
-
18
- var _replaceColors2 = _interopRequireDefault(_replaceColors);
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
6
+ exports["default"] = object2css;
7
+ var _hyphenateStyleName = _interopRequireDefault(require("hyphenate-style-name"));
8
+ var _addPxToStyle = _interopRequireDefault(require("add-px-to-style"));
9
+ var _replaceColors = _interopRequireDefault(require("./replaceColors"));
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
22
11
  // Convert a JS object to CSS string. Similar to React's output of CSS, extracted into a module.
23
12
  function object2css(colors, obj) {
24
- obj = (0, _replaceColors2.default)(colors, obj);
13
+ obj = (0, _replaceColors["default"])(colors, obj);
25
14
  var keys = Object.keys(obj);
26
15
  //if (!keys.length) return ''
27
- var i = void 0,
28
- len = keys.length;
16
+ var i,
17
+ len = keys.length;
29
18
  var result = '';
30
-
31
19
  for (i = 0; i < len; i++) {
32
20
  var key = keys[i];
33
21
  var val = obj[key];
34
- result += (0, _hyphenateStyleName2.default)(key) + ':' + (0, _addPxToStyle2.default)(key, val) + "; ";
22
+ result += (0, _hyphenateStyleName["default"])(key) + ':' + (0, _addPxToStyle["default"])(key, val) + "; ";
35
23
  }
36
24
  return result;
37
25
  }
@@ -3,20 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
6
+ exports["default"] = void 0;
7
+ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
8
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
9
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
7
10
  var pubsub = new function () {
8
-
9
11
  var vals = {};
10
12
  var subscribers = [];
11
-
12
13
  this.publish = function (key, value) {
13
-
14
14
  vals[key] = value;
15
15
  subscribers.forEach(function (subscriber) {
16
16
  return subscriber(vals);
17
17
  });
18
18
  };
19
-
20
19
  this.subscribe = function (subscriber) {
21
20
  return subscribers.push(subscriber);
22
21
  };
@@ -24,31 +23,18 @@ var pubsub = new function () {
24
23
  return vals;
25
24
  };
26
25
  this.clear = function () {
27
- var _iteratorNormalCompletion = true;
28
- var _didIteratorError = false;
29
- var _iteratorError = undefined;
30
-
26
+ var _iterator = _createForOfIteratorHelper(Object.getOwnPropertyNames(vals)),
27
+ _step;
31
28
  try {
32
- for (var _iterator = Object.getOwnPropertyNames(vals)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
29
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
33
30
  var className = _step.value;
34
-
35
31
  delete vals[className];
36
32
  }
37
33
  } catch (err) {
38
- _didIteratorError = true;
39
- _iteratorError = err;
34
+ _iterator.e(err);
40
35
  } finally {
41
- try {
42
- if (!_iteratorNormalCompletion && _iterator.return) {
43
- _iterator.return();
44
- }
45
- } finally {
46
- if (_didIteratorError) {
47
- throw _iteratorError;
48
- }
49
- }
36
+ _iterator.f();
50
37
  }
51
38
  };
52
39
  }();
53
-
54
- exports.default = pubsub;
40
+ var _default = exports["default"] = pubsub;