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

package/cjs/aggregatedClasses.js

@@ -25,10 +25,10 @@ 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) {

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);
@@ -44,12 +45,12 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
     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 +58,23 @@ 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}`;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
     },
 
     classNameBlockModifier(modifierName, elementBlockName = '') {
-      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
     },
 
     classNameElement(elementName, elementBlockName = '') {
-      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
     },
 
     classNameModifier(modifierName, elementName = '') {
-      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
     }
 
   };

package/cjs/converPropsToFormModifiers.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   readOnly = false,
   disabled = false,

package/cjs/convertPropToFeedBackModifiers.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   hasError = false,
   hasWarning = false,
@@ -9,7 +11,7 @@ const basicAction = ({
   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,14 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   color = null
 }) => {
   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,5 +1,7 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   id,
   buttonType = 'default',
@@ -8,7 +10,7 @@ const basicAction = ({
 }) => {
   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,5 +1,7 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   size = null,
   extraTight = false,
@@ -11,7 +13,7 @@ const basicAction = ({
   superLoose = false
 }) => {
   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,5 +1,7 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
+
 const basicAction = ({
   textEllipsis,
   textAlignment,
@@ -8,7 +10,7 @@ const basicAction = ({
   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/aggregatedClasses.js

@@ -13,10 +13,10 @@ 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) {

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);
@@ -36,12 +37,12 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
     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 +50,23 @@ 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}`;
+      return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
     },
 
     classNameBlockModifier(modifierName, elementBlockName = '') {
-      return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
+      return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
     },
 
     classNameElement(elementName, elementBlockName = '') {
-      return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
+      return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
     },
 
     classNameModifier(modifierName, elementName = '') {
-      return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
+      return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
     }
 
   };

package/esm/converPropsToFormModifiers.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   readOnly = false,
   disabled = false,

package/esm/convertPropToFeedBackModifiers.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   hasError = false,
   hasWarning = false,
@@ -7,7 +9,7 @@ const basicAction = ({
   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,12 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   color = null
 }) => {
   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,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   id,
   buttonType = 'default',
@@ -6,7 +8,7 @@ const basicAction = ({
 }) => {
   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,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   size = null,
   extraTight = false,
@@ -9,7 +11,7 @@ const basicAction = ({
   superLoose = false
 }) => {
   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,3 +1,5 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 const basicAction = ({
   textEllipsis,
   textAlignment,
@@ -6,7 +8,7 @@ const basicAction = ({
   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/package.json

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

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"
-  ]
-}