@elliemae/ds-classnames 2.0.0-alpha.9 → 2.0.0-next.11

package/cjs/aggregatedClasses.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var cx = require('obj-str');
 var classNameManager = require('./classNameManager.js');
@@ -25,59 +32,62 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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;
 
-const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
+const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
 
 const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
-  [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
+  ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
 }), {}) : [];
 
 function aggregatedClasses(type, props) {
   // aggregatedClasses options parameters
-  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
-    });
-
-    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
+  return function (block, element, additionalModifiers) {
+    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    return /*#__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
+      });
 
-    propsToRemoveFromFinalElement.forEach(propKey => {
-      delete cleanedPropsPassedDown[propKey];
-    });
+      const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
 
-    if (validateNativeProps.isNativeHTMLElement(block)) {
-      Object.keys(cleanedPropsPassedDown).forEach(key => {
-        if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+      propsToRemoveFromFinalElement.forEach(propKey => {
+        delete cleanedPropsPassedDown[propKey];
       });
-    }
 
-    return /*#__PURE__*/React__default["default"].createElement(as || type, _objectSpread({
-      ref: innerRef || ref,
-      className: [classNames, otherModifiersStr, className].join(' ')
-    }, cleanedPropsPassedDown), children);
-  });
+      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;

package/cjs/classNameManager.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
@@ -15,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
 
-const cssPrefix = `${DimsumConfig__default["default"].classNamePrefix}-`;
+const cssPrefix = "".concat(DimsumConfig__default["default"].classNamePrefix, "-");
 
 const executePipelines = props => {
   const form = converPropsToFormModifiers().execute(props);
@@ -39,17 +40,21 @@ const executePipelines = props => {
  */
 
 
-const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {
+const cssPipeline = function () {
+  let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
+  let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const {
     prefix,
     element
   } = options;
-  const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
+  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(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
+  const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
   return {
     blockName,
     cssPrefix,
@@ -57,23 +62,27 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
     cssClassName: className,
 
     mainModifier(modifier) {
-      return `${className}--${modifier}`;
+      return "".concat(className, "--").concat(modifier);
     },
 
-    classNameBlock(elementName, usePrefix = true) {
-      return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
+    classNameBlock(elementName) {
+      let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
     },
 
-    classNameBlockModifier(modifierName, elementBlockName = '') {
-      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
+    classNameBlockModifier(modifierName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
     },
 
-    classNameElement(elementName, elementBlockName = '') {
-      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
+    classNameElement(elementName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
     },
 
-    classNameModifier(modifierName, elementName = '') {
-      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
+    classNameModifier(modifierName) {
+      let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
     }
 
   };

package/cjs/converPropsToFormModifiers.js

@@ -1,10 +1,16 @@
 'use strict';
 
-const basicAction = ({
-  readOnly = false,
-  disabled = false,
-  checked = false
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    readOnly = false,
+    disabled = false,
+    checked = false
+  } = _ref;
   const cssModifier = []; // input state modifiers
 
   if (checked) cssModifier.push('checked');

package/cjs/convertPropToFeedBackModifiers.js

@@ -1,15 +1,21 @@
 'use strict';
 
-const basicAction = ({
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  modalType
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    modalType
+  } = _ref;
   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-${modalType}`);
+  if (modalType) cssModifier.push("modal-type-".concat(modalType));
   return cssModifier;
 };
 

package/cjs/convertPropsToColorModifiers.js

@@ -1,12 +1,18 @@
 'use strict';
 
-const basicAction = ({
-  color = null
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    color = null
+  } = _ref;
   const cssModifier = [];
 
   if (color && color[0]) {
-    if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
+    if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
   }
 
   return cssModifier;

package/cjs/convertPropsToLayoutModifiers.js

@@ -1,14 +1,20 @@
 'use strict';
 
-const basicAction = ({
-  id,
-  buttonType = 'default',
-  fluidWidth = false,
-  fluidHeight = false
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    id,
+    buttonType = 'default',
+    fluidWidth = false,
+    fluidHeight = false
+  } = _ref;
   const cssModifier = []; // buttons types
 
-  if (id) cssModifier.push(`id-${id}`);
+  if (id) cssModifier.push("id-".concat(id));
   if (buttonType) cssModifier.push(buttonType);
   if (fluidWidth) cssModifier.push('fluid-width');
   if (fluidHeight) cssModifier.push('fluid-height');

package/cjs/convertPropsToSizeModifiers.js

@@ -1,17 +1,23 @@
 'use strict';
 
-const basicAction = ({
-  size = null,
-  extraTight = false,
-  tight = false,
-  base = false,
-  bitLoose = false,
-  loose = false,
-  extraLoose = false,
-  superLoose = false
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    size = null,
+    extraTight = false,
+    tight = false,
+    base = false,
+    bitLoose = false,
+    loose = false,
+    extraLoose = false,
+    superLoose = false
+  } = _ref;
   const cssModifier = [];
-  if (size) cssModifier.push(`${size}`); // Size as Flag
+  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;

package/cjs/convertPropsToTextModifiers.js

@@ -1,14 +1,20 @@
 'use strict';
 
-const basicAction = ({
-  textEllipsis,
-  textAlignment,
-  wordBreak
-}) => {
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const basicAction = _ref => {
+  let {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
   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-${textAlignment}`);
+  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
   return cssModifier;
 };
 

package/cjs/index.js

@@ -8,4 +8,5 @@ var aggregatedClasses = require('./aggregatedClasses.js');
 
 
 exports.convertPropToCssClassName = classNameManager["default"];
+exports.cssPrefix = classNameManager.cssPrefix;
 exports.aggregatedClasses = aggregatedClasses["default"];

package/cjs/validateNativeProps.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/esm/aggregatedClasses.js

@@ -1,5 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React from 'react';
 import cx from 'obj-str';
 import cssPipeline from './classNameManager.js';
@@ -13,59 +20,62 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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(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.classNamePrefix;
 
-const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
+const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
 
 const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
-  [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
+  ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
 }), {}) : [];
 
 function aggregatedClasses(type, props) {
   // aggregatedClasses options parameters
-  return (block, element, additionalModifiers, options = {}) => /*#__PURE__*/React.forwardRef((_ref, ref) => {
-    let {
-      innerRef,
-      children,
-      classProps,
-      useComponent,
-      className,
-      as
-    } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
+  return function (block, element, additionalModifiers) {
+    let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+    return /*#__PURE__*/React.forwardRef((_ref, ref) => {
+      let {
+        innerRef,
+        children,
+        classProps,
+        useComponent,
+        className,
+        as
+      } = _ref,
+          rest = _objectWithoutProperties(_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(otherModifiers);
-    const {
-      prefix,
-      propsToRemoveFromFinalElement = []
-    } = options;
-    const {
-      cssClassName: classNames
-    } = cssPipeline(block, null, _objectSpread({}, classProps), {
-      prefix,
-      element
-    });
-
-    const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
+      // 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(otherModifiers);
+      const {
+        prefix,
+        propsToRemoveFromFinalElement = []
+      } = options;
+      const {
+        cssClassName: classNames
+      } = cssPipeline(block, null, _objectSpread({}, classProps), {
+        prefix,
+        element
+      });
 
-    propsToRemoveFromFinalElement.forEach(propKey => {
-      delete cleanedPropsPassedDown[propKey];
-    });
+      const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
 
-    if (isNativeHTMLElement(block)) {
-      Object.keys(cleanedPropsPassedDown).forEach(key => {
-        if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+      propsToRemoveFromFinalElement.forEach(propKey => {
+        delete cleanedPropsPassedDown[propKey];
       });
-    }
 
-    return /*#__PURE__*/React.createElement(as || type, _objectSpread({
-      ref: innerRef || ref,
-      className: [classNames, otherModifiersStr, className].join(' ')
-    }, cleanedPropsPassedDown), children);
-  });
+      if (isNativeHTMLElement(block)) {
+        Object.keys(cleanedPropsPassedDown).forEach(key => {
+          if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
+        });
+      }
+
+      return /*#__PURE__*/React.createElement(as || type, _objectSpread({
+        ref: innerRef || ref,
+        className: [classNames, otherModifiersStr, className].join(' ')
+      }, cleanedPropsPassedDown), children);
+    });
+  };
 }
 
 export { cssPrefix, aggregatedClasses as default };

package/esm/classNameManager.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { isEmpty } from '@elliemae/ds-utilities/utils';
 import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
 import pipe from './converPropsToFormModifiers.js';
@@ -7,7 +8,7 @@ import pipe$3 from './convertPropsToSizeModifiers.js';
 import pipe$4 from './convertPropsToTextModifiers.js';
 import pipe$5 from './convertPropsToColorModifiers.js';
 
-const cssPrefix = `${DimsumConfig.classNamePrefix}-`;
+const cssPrefix = "".concat(DimsumConfig.classNamePrefix, "-");
 
 const executePipelines = props => {
   const form = pipe().execute(props);
@@ -31,17 +32,21 @@ const executePipelines = props => {
  */
 
 
-const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {}, options = {}) => {
+const cssPipeline = function () {
+  let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
+  let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   const {
     prefix,
     element
   } = options;
-  const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
+  const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
 
   const pipes = !isEmpty(props) ? executePipelines(props) : [];
   const basePipeline = [prefixBlockName, ...pipes]; // specific classname
 
-  const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
+  const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
   return {
     blockName,
     cssPrefix,
@@ -49,23 +54,27 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
     cssClassName: className,
 
     mainModifier(modifier) {
-      return `${className}--${modifier}`;
+      return "".concat(className, "--").concat(modifier);
     },
 
-    classNameBlock(elementName, usePrefix = true) {
-      return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
+    classNameBlock(elementName) {
+      let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
     },
 
-    classNameBlockModifier(modifierName, elementBlockName = '') {
-      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
+    classNameBlockModifier(modifierName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
     },
 
-    classNameElement(elementName, elementBlockName = '') {
-      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
+    classNameElement(elementName) {
+      let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
     },
 
-    classNameModifier(modifierName, elementName = '') {
-      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
+    classNameModifier(modifierName) {
+      let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
     }
 
   };

package/esm/converPropsToFormModifiers.js

@@ -1,8 +1,14 @@
-const basicAction = ({
-  readOnly = false,
-  disabled = false,
-  checked = false
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    readOnly = false,
+    disabled = false,
+    checked = false
+  } = _ref;
   const cssModifier = []; // input state modifiers
 
   if (checked) cssModifier.push('checked');

package/esm/convertPropToFeedBackModifiers.js

@@ -1,13 +1,19 @@
-const basicAction = ({
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  modalType
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    modalType
+  } = _ref;
   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-${modalType}`);
+  if (modalType) cssModifier.push("modal-type-".concat(modalType));
   return cssModifier;
 };
 

package/esm/convertPropsToColorModifiers.js

@@ -1,10 +1,16 @@
-const basicAction = ({
-  color = null
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    color = null
+  } = _ref;
   const cssModifier = [];
 
   if (color && color[0]) {
-    if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
+    if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
   }
 
   return cssModifier;

package/esm/convertPropsToLayoutModifiers.js

@@ -1,12 +1,18 @@
-const basicAction = ({
-  id,
-  buttonType = 'default',
-  fluidWidth = false,
-  fluidHeight = false
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    id,
+    buttonType = 'default',
+    fluidWidth = false,
+    fluidHeight = false
+  } = _ref;
   const cssModifier = []; // buttons types
 
-  if (id) cssModifier.push(`id-${id}`);
+  if (id) cssModifier.push("id-".concat(id));
   if (buttonType) cssModifier.push(buttonType);
   if (fluidWidth) cssModifier.push('fluid-width');
   if (fluidHeight) cssModifier.push('fluid-height');

package/esm/convertPropsToSizeModifiers.js

@@ -1,15 +1,21 @@
-const basicAction = ({
-  size = null,
-  extraTight = false,
-  tight = false,
-  base = false,
-  bitLoose = false,
-  loose = false,
-  extraLoose = false,
-  superLoose = false
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    size = null,
+    extraTight = false,
+    tight = false,
+    base = false,
+    bitLoose = false,
+    loose = false,
+    extraLoose = false,
+    superLoose = false
+  } = _ref;
   const cssModifier = [];
-  if (size) cssModifier.push(`${size}`); // Size as Flag
+  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;

package/esm/convertPropsToTextModifiers.js

@@ -1,12 +1,18 @@
-const basicAction = ({
-  textEllipsis,
-  textAlignment,
-  wordBreak
-}) => {
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const basicAction = _ref => {
+  let {
+    textEllipsis,
+    textAlignment,
+    wordBreak
+  } = _ref;
   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-${textAlignment}`);
+  if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
   return cssModifier;
 };
 

package/esm/index.js

@@ -1,2 +1,2 @@
-export { default as convertPropToCssClassName } from './classNameManager.js';
+export { default as convertPropToCssClassName, cssPrefix } from './classNameManager.js';
 export { default as aggregatedClasses } from './aggregatedClasses.js';

package/esm/validateNativeProps.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 
 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; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-classnames",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-next.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
   "module": "./esm/index.js",
@@ -68,8 +68,8 @@
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "2.0.0-alpha.9",
-    "obj-str": "1.0.3"
+    "@elliemae/ds-utilities": "2.0.0-next.11",
+    "obj-str": "~1.0.3"
   },
   "publishConfig": {
     "access": "public",

package/types/index.d.ts

@@ -1,2 +1,2 @@
-export { default as convertPropToCssClassName } from './classNameManager';
+export { default as convertPropToCssClassName, cssPrefix } from './classNameManager';
 export { default as aggregatedClasses } from './aggregatedClasses';

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}