@elliemae/ds-classnames 1.57.1 → 2.0.0-alpha.11

package/cjs/aggregatedClasses.js

@@ -6,16 +6,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var cx = require('obj-str');
-var classNameManager = require('./classNameManager-a0bcf533.js');
+var classNameManager = require('./classNameManager.js');
+var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
 var validateNativeProps = require('./validateNativeProps.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-utilities');
-require('./converPropsToFormModifiers.js');
-require('./convertPropsToLayoutModifiers.js');
-require('./convertPropToFeedBackModifiers.js');
-require('./convertPropsToSizeModifiers.js');
-require('./convertPropsToTextModifiers.js');
-require('./convertPropsToColorModifiers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,73 +16,69 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
 
-var _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
+const _excluded = ["innerRef", "children", "classProps", "useComponent", "className", "as"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var cssPrefix = classNameManager.DimsumConfig.classNamePrefix;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const cssPrefix = DimsumConfig__default["default"].classNamePrefix;
 
-var generateClassNameWithModifier = function generateClassNameWithModifier(block, element, modifier) {
-  return "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
-};
+const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
 
-var appendBlockAndPrefixToObj = function appendBlockAndPrefixToObj(obj, block, element) {
-  return obj ? Object.keys(obj).reduce(function (acc, key) {
-    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty__default['default']({}, "".concat(generateClassNameWithModifier(block, element, key)), obj[key]));
-  }, {}) : [];
-};
+const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
+  ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
+}), {}) : [];
 
 function aggregatedClasses(type, props) {
   // aggregatedClasses options parameters
-  return function (block, element, additionalModifiers) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    return /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
-      var innerRef = _ref.innerRef,
-          children = _ref.children,
-          classProps = _ref.classProps;
-          _ref.useComponent;
-          var className = _ref.className,
-          as = _ref.as,
-          rest = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-      // get the additional classNames either from a function or an object
-      var otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
-      if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
-        className: className
-      })), block, element);
-      var otherModifiersStr = cx__default['default'](otherModifiers);
-      var prefix = options.prefix,
-          _options$propsToRemov = options.propsToRemoveFromFinalElement,
-          propsToRemoveFromFinalElement = _options$propsToRemov === void 0 ? [] : _options$propsToRemov;
-
-      var _convertPropToCssClas = classNameManager.cssPipeline(block, null, _objectSpread({}, classProps), {
-        prefix: prefix,
-        element: element
-      }),
-          classNames = _convertPropToCssClas.cssClassName;
-
-      var cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
-
-      propsToRemoveFromFinalElement.forEach(function (propKey) {
-        delete cleanedPropsPassedDown[propKey];
-      });
+  return (block, element, additionalModifiers, options = {}) => /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+    let {
+      innerRef,
+      children,
+      classProps,
+      useComponent,
+      className,
+      as
+    } = _ref,
+        rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+    // get the additional classNames either from a function or an object
+    let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
+    if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
+      className
+    })), block, element);
+    const otherModifiersStr = cx__default["default"](otherModifiers);
+    const {
+      prefix,
+      propsToRemoveFromFinalElement = []
+    } = options;
+    const {
+      cssClassName: classNames
+    } = classNameManager["default"](block, null, _objectSpread({}, classProps), {
+      prefix,
+      element
+    });
 
-      if (validateNativeProps.isNativeHTMLElement(block)) {
-        Object.keys(cleanedPropsPassedDown).forEach(function (key) {
-          if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
-        });
-      }
+    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
 
-      return /*#__PURE__*/React__default['default'].createElement(as || type, _objectSpread({
-        ref: innerRef || ref,
-        className: [classNames, otherModifiersStr, className].join(' ')
-      }, cleanedPropsPassedDown), children);
+    propsToRemoveFromFinalElement.forEach(propKey => {
+      delete cleanedPropsPassedDown[propKey];
     });
-  };
+
+    if (validateNativeProps.isNativeHTMLElement(block)) {
+      Object.keys(cleanedPropsPassedDown).forEach(key => {
+        if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+      });
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(as || type, _objectSpread({
+      ref: innerRef || ref,
+      className: [classNames, otherModifiersStr, className].join(' ')
+    }, cleanedPropsPassedDown), children);
+  });
 }
 
 exports.cssPrefix = cssPrefix;
-exports['default'] = aggregatedClasses;
-//# sourceMappingURL=aggregatedClasses.js.map
+exports["default"] = aggregatedClasses;

package/cjs/classNameManager.js

@@ -2,18 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-utilities');
-var classNameManager = require('./classNameManager-a0bcf533.js');
-require('./converPropsToFormModifiers.js');
-require('./convertPropsToLayoutModifiers.js');
-require('./convertPropToFeedBackModifiers.js');
-require('./convertPropsToSizeModifiers.js');
-require('./convertPropsToTextModifiers.js');
-require('./convertPropsToColorModifiers.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var utils = require('@elliemae/ds-utilities/utils');
+var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
+var converPropsToFormModifiers = require('./converPropsToFormModifiers.js');
+var convertPropsToLayoutModifiers = require('./convertPropsToLayoutModifiers.js');
+var convertPropToFeedBackModifiers = require('./convertPropToFeedBackModifiers.js');
+var convertPropsToSizeModifiers = require('./convertPropsToSizeModifiers.js');
+var convertPropsToTextModifiers = require('./convertPropsToTextModifiers.js');
+var convertPropsToColorModifiers = require('./convertPropsToColorModifiers.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
 
-exports.cssPrefix = classNameManager.cssPrefix;
-exports.default = classNameManager.cssPipeline;
-//# sourceMappingURL=classNameManager.js.map
+const cssPrefix = "".concat(DimsumConfig__default["default"].classNamePrefix, "-");
+
+const executePipelines = props => {
+  const form = converPropsToFormModifiers().execute(props);
+  const layout = convertPropsToLayoutModifiers().execute(props);
+  const feedback = convertPropToFeedBackModifiers().execute(props);
+  const size = convertPropsToSizeModifiers().execute(props);
+  const text = convertPropsToTextModifiers().execute(props);
+  const color = convertPropsToColorModifiers().execute(props);
+  return [...form, ...layout, ...feedback, ...size, ...text, ...color];
+};
+/**
+ * Docs: http://getbem.com/naming/
+ * blockName
+ * cssClassNameModifier: Main modifier
+ * props { hasError, hasWarning, hasSuccess, readOnly, disabled}
+ *
+ * @param blockName
+ * @param cssClassNameModifier
+ * @param props
+ * @param options
+ */
+
+
+const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {
+  const {
+    prefix,
+    element
+  } = options;
+  const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
+
+  const pipes = !utils.isEmpty(props) ? executePipelines(props) : [];
+  const basePipeline = [prefixBlockName, ...pipes]; // specific classname
+
+  const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
+  return {
+    blockName,
+    cssPrefix,
+    prefixBlockName,
+    cssClassName: className,
+
+    mainModifier(modifier) {
+      return "".concat(className, "--").concat(modifier);
+    },
+
+    classNameBlock(elementName, usePrefix = true) {
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
+    },
+
+    classNameBlockModifier(modifierName, elementBlockName = '') {
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
+    },
+
+    classNameElement(elementName, elementBlockName = '') {
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
+    },
+
+    classNameModifier(modifierName, elementName = '') {
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
+    }
+
+  };
+};
+
+exports.cssPrefix = cssPrefix;
+exports["default"] = cssPipeline;

package/cjs/converPropsToFormModifiers.js

@@ -1,19 +1,13 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$checked = _ref.checked,
-      checked = _ref$checked === void 0 ? false : _ref$checked;
-  var cssModifier = []; // input state modifiers
+const basicAction = ({
+  readOnly = false,
+  disabled = false,
+  checked = false
+}) => {
+  const cssModifier = []; // input state modifiers
 
   if (checked) cssModifier.push('checked');
   if (readOnly) cssModifier.push('readonly');
@@ -21,23 +15,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=converPropsToFormModifiers.js.map

package/cjs/convertPropToFeedBackModifiers.js

@@ -1,43 +1,35 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      _ref$hasWarning = _ref.hasWarning,
-      hasWarning = _ref$hasWarning === void 0 ? false : _ref$hasWarning,
-      _ref$hasSuccess = _ref.hasSuccess,
-      hasSuccess = _ref$hasSuccess === void 0 ? false : _ref$hasSuccess,
-      modalType = _ref.modalType;
-  var cssModifier = []; // valid state modifier
+const basicAction = ({
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  modalType
+}) => {
+  const cssModifier = []; // valid state modifier
 
   if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
   if (modalType) cssModifier.push("modal-type-".concat(modalType));
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=convertPropToFeedBackModifiers.js.map

package/cjs/convertPropsToColorModifiers.js

@@ -1,15 +1,11 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? null : _ref$color;
-  var cssModifier = [];
+const basicAction = ({
+  color = null
+}) => {
+  const cssModifier = [];
 
   if (color && color[0]) {
     if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
@@ -18,23 +14,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=convertPropsToColorModifiers.js.map

package/cjs/convertPropsToLayoutModifiers.js

@@ -1,20 +1,14 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var id = _ref.id,
-      _ref$buttonType = _ref.buttonType,
-      buttonType = _ref$buttonType === void 0 ? 'default' : _ref$buttonType,
-      _ref$fluidWidth = _ref.fluidWidth,
-      fluidWidth = _ref$fluidWidth === void 0 ? false : _ref$fluidWidth,
-      _ref$fluidHeight = _ref.fluidHeight,
-      fluidHeight = _ref$fluidHeight === void 0 ? false : _ref$fluidHeight;
-  var cssModifier = []; // buttons types
+const basicAction = ({
+  id,
+  buttonType = 'default',
+  fluidWidth = false,
+  fluidHeight = false
+}) => {
+  const cssModifier = []; // buttons types
 
   if (id) cssModifier.push("id-".concat(id));
   if (buttonType) cssModifier.push(buttonType);
@@ -23,23 +17,21 @@ var basicAction = function basicAction(_ref) {
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=convertPropsToLayoutModifiers.js.map

package/cjs/convertPropsToSizeModifiers.js

@@ -1,52 +1,39 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? null : _ref$size,
-      _ref$extraTight = _ref.extraTight,
-      extraTight = _ref$extraTight === void 0 ? false : _ref$extraTight,
-      _ref$tight = _ref.tight,
-      tight = _ref$tight === void 0 ? false : _ref$tight,
-      _ref$base = _ref.base,
-      base = _ref$base === void 0 ? false : _ref$base,
-      _ref$bitLoose = _ref.bitLoose,
-      bitLoose = _ref$bitLoose === void 0 ? false : _ref$bitLoose,
-      _ref$loose = _ref.loose,
-      loose = _ref$loose === void 0 ? false : _ref$loose,
-      _ref$extraLoose = _ref.extraLoose,
-      extraLoose = _ref$extraLoose === void 0 ? false : _ref$extraLoose,
-      _ref$superLoose = _ref.superLoose,
-      superLoose = _ref$superLoose === void 0 ? false : _ref$superLoose;
-  var cssModifier = [];
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = ({
+  size = null,
+  extraTight = false,
+  tight = false,
+  base = false,
+  bitLoose = false,
+  loose = false,
+  extraLoose = false,
+  superLoose = false
+}) => {
+  const cssModifier = [];
   if (size) cssModifier.push("".concat(size)); // Size as Flag
 
   if (extraTight) cssModifier.push('size-extra-tight');else if (tight) cssModifier.push('size-tight');else if (base) cssModifier.push('size-base');else if (bitLoose) cssModifier.push('size-bit-loose');else if (loose) cssModifier.push('size-loose');else if (extraLoose) cssModifier.push('size-extra-loose');else if (superLoose) cssModifier.push('size-super-loose');
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=convertPropsToSizeModifiers.js.map

package/cjs/convertPropsToTextModifiers.js

@@ -1,39 +1,34 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var basicAction = function basicAction(_ref) {
-  var textEllipsis = _ref.textEllipsis,
-      textAlignment = _ref.textAlignment,
-      wordBreak = _ref.wordBreak;
-  var cssModifier = [];
+const basicAction = ({
+  textEllipsis,
+  textAlignment,
+  wordBreak
+}) => {
+  const cssModifier = [];
   if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
   if (wordBreak) cssModifier.push('text-overflow-word-break');
   if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
   return cssModifier;
 };
 
-var instance = [basicAction];
-
-var pipe = function pipe() {
-  return {
-    getInstance: function getInstance() {
-      return instance;
-    },
-    add: function add(customModifier) {
-      instance.push(customModifier);
-    },
-    execute: function execute(props) {
-      return instance.reduce(function (temp, action) {
-        return [].concat(_toConsumableArray__default['default'](temp), _toConsumableArray__default['default'](action(props)));
-      }, []);
-    }
-  };
-};
+const instance = [basicAction];
+
+const pipe = () => ({
+  getInstance() {
+    return instance;
+  },
+
+  add(customModifier) {
+    instance.push(customModifier);
+  },
+
+  execute(props) {
+    return instance.reduce((temp, action) => [...temp, ...action(props)], []);
+  }
+
+});
 
 module.exports = pipe;
-//# sourceMappingURL=convertPropsToTextModifiers.js.map