@elliemae/ds-classnames 2.4.2-rc.9 → 2.4.2

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.
@@ -32,10 +32,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
32
32
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
33
  const cssPrefix = DimsumConfig__default["default"].classNamePrefix;
34
34
 
35
- const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
35
+ const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
36
36
 
37
37
  const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
38
- ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
38
+ [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
39
39
  }), {}) : [];
40
40
 
41
41
  const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
@@ -2,7 +2,6 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
5
  var utils = require('@elliemae/ds-utilities/utils');
7
6
  var DimsumConfig = require('@elliemae/ds-shared/dimsum.config');
8
7
  var converPropsToFormModifiers = require('./converPropsToFormModifiers.js');
@@ -16,7 +15,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
15
 
17
16
  var DimsumConfig__default = /*#__PURE__*/_interopDefaultLegacy(DimsumConfig);
18
17
 
19
- const cssPrefix = "".concat(DimsumConfig__default["default"].classNamePrefix, "-");
18
+ /* eslint-disable @typescript-eslint/no-explicit-any */
19
+ const cssPrefix = `${DimsumConfig__default["default"].classNamePrefix}-`;
20
20
 
21
21
  const executePipelines = props => {
22
22
  const form = converPropsToFormModifiers().execute(props);
@@ -49,12 +49,12 @@ const cssPipeline = function () {
49
49
  prefix,
50
50
  element
51
51
  } = options;
52
- const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
52
+ const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
53
53
 
54
54
  const pipes = !utils.isEmpty(props) ? executePipelines(props) : [];
55
55
  const basePipeline = [prefixBlockName, ...pipes]; // specific classname
56
56
 
57
- const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
57
+ const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
58
58
  return {
59
59
  blockName,
60
60
  cssPrefix,
@@ -62,27 +62,27 @@ const cssPipeline = function () {
62
62
  cssClassName: className,
63
63
 
64
64
  mainModifier(modifier) {
65
- return "".concat(className, "--").concat(modifier);
65
+ return `${className}--${modifier}`;
66
66
  },
67
67
 
68
68
  classNameBlock(elementName) {
69
69
  let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
70
- return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
70
+ return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
71
71
  },
72
72
 
73
73
  classNameBlockModifier(modifierName) {
74
74
  let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
75
- return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
75
+ return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
76
76
  },
77
77
 
78
78
  classNameElement(elementName) {
79
79
  let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
80
- return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
80
+ return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
81
81
  },
82
82
 
83
83
  classNameModifier(modifierName) {
84
84
  let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
85
- return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
85
+ return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
86
86
  }
87
87
 
88
88
  };
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -15,7 +14,7 @@ const basicAction = _ref => {
15
14
  const cssModifier = []; // valid state modifier
16
15
 
17
16
  if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
18
- if (modalType) cssModifier.push("modal-type-".concat(modalType));
17
+ if (modalType) cssModifier.push(`modal-type-${modalType}`);
19
18
  return cssModifier;
20
19
  };
21
20
 
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -12,7 +11,7 @@ const basicAction = _ref => {
12
11
  const cssModifier = [];
13
12
 
14
13
  if (color && color[0]) {
15
- if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
14
+ if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
16
15
  }
17
16
 
18
17
  return cssModifier;
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -14,7 +13,7 @@ const basicAction = _ref => {
14
13
  } = _ref;
15
14
  const cssModifier = []; // buttons types
16
15
 
17
- if (id) cssModifier.push("id-".concat(id));
16
+ if (id) cssModifier.push(`id-${id}`);
18
17
  if (buttonType) cssModifier.push(buttonType);
19
18
  if (fluidWidth) cssModifier.push('fluid-width');
20
19
  if (fluidHeight) cssModifier.push('fluid-height');
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -17,7 +16,7 @@ const basicAction = _ref => {
17
16
  superLoose = false
18
17
  } = _ref;
19
18
  const cssModifier = [];
20
- if (size) cssModifier.push("".concat(size)); // Size as Flag
19
+ if (size) cssModifier.push(`${size}`); // Size as Flag
21
20
 
22
21
  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');
23
22
  return cssModifier;
@@ -3,7 +3,6 @@
3
3
  require('core-js/modules/esnext.async-iterator.reduce.js');
4
4
  require('core-js/modules/esnext.iterator.constructor.js');
5
5
  require('core-js/modules/esnext.iterator.reduce.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
 
8
7
  const basicAction = _ref => {
9
8
  let {
@@ -14,7 +13,7 @@ const basicAction = _ref => {
14
13
  const cssModifier = [];
15
14
  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
16
15
  if (wordBreak) cssModifier.push('text-overflow-word-break');
17
- if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
16
+ if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(`text-align-${textAlignment}`);
18
17
  return cssModifier;
19
18
  };
20
19
 
@@ -20,10 +20,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
20
20
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
21
  const cssPrefix = DimsumConfig.classNamePrefix;
22
22
 
23
- const generateClassNameWithModifier = (block, element, modifier) => "".concat(cssPrefix, "-").concat(block).concat(element ? "__".concat(element) : '', "--").concat(modifier);
23
+ const generateClassNameWithModifier = (block, element, modifier) => `${cssPrefix}-${block}${element ? `__${element}` : ''}--${modifier}`;
24
24
 
25
25
  const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj).reduce((acc, key) => _objectSpread(_objectSpread({}, acc), {}, {
26
- ["".concat(generateClassNameWithModifier(block, element, key))]: obj[key]
26
+ [`${generateClassNameWithModifier(block, element, key)}`]: obj[key]
27
27
  }), {}) : [];
28
28
 
29
29
  const aggregatedClasses = (type, props) => function (block, element, additionalModifiers) {
@@ -1,4 +1,3 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
1
  import { isEmpty } from '@elliemae/ds-utilities/utils';
3
2
  import DimsumConfig from '@elliemae/ds-shared/dimsum.config';
4
3
  import pipe from './converPropsToFormModifiers.js';
@@ -8,7 +7,8 @@ import pipe$3 from './convertPropsToSizeModifiers.js';
8
7
  import pipe$4 from './convertPropsToTextModifiers.js';
9
8
  import pipe$5 from './convertPropsToColorModifiers.js';
10
9
 
11
- const cssPrefix = "".concat(DimsumConfig.classNamePrefix, "-");
10
+ /* eslint-disable @typescript-eslint/no-explicit-any */
11
+ const cssPrefix = `${DimsumConfig.classNamePrefix}-`;
12
12
 
13
13
  const executePipelines = props => {
14
14
  const form = pipe().execute(props);
@@ -41,12 +41,12 @@ const cssPipeline = function () {
41
41
  prefix,
42
42
  element
43
43
  } = options;
44
- const prefixBlockName = "".concat(prefix || cssPrefix).concat(blockName).concat(element ? "__".concat(element) : ''); // PipeLine
44
+ const prefixBlockName = `${prefix || cssPrefix}${blockName}${element ? `__${element}` : ''}`; // PipeLine
45
45
 
46
46
  const pipes = !isEmpty(props) ? executePipelines(props) : [];
47
47
  const basePipeline = [prefixBlockName, ...pipes]; // specific classname
48
48
 
49
- const className = cssClassNameModifier ? [...basePipeline].join(" ".concat(prefixBlockName, "--")).concat(" ".concat(cssClassNameModifier)) : [...basePipeline].join(" ".concat(prefixBlockName, "--"));
49
+ const className = cssClassNameModifier ? [...basePipeline].join(` ${prefixBlockName}--`).concat(` ${cssClassNameModifier}`) : [...basePipeline].join(` ${prefixBlockName}--`);
50
50
  return {
51
51
  blockName,
52
52
  cssPrefix,
@@ -54,27 +54,27 @@ const cssPipeline = function () {
54
54
  cssClassName: className,
55
55
 
56
56
  mainModifier(modifier) {
57
- return "".concat(className, "--").concat(modifier);
57
+ return `${className}--${modifier}`;
58
58
  },
59
59
 
60
60
  classNameBlock(elementName) {
61
61
  let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
62
- return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
62
+ return `${!usePrefix ? blockName : prefixBlockName}-${elementName}`;
63
63
  },
64
64
 
65
65
  classNameBlockModifier(modifierName) {
66
66
  let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
67
- return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
67
+ return `${prefixBlockName}-${elementBlockName}--${modifierName}`;
68
68
  },
69
69
 
70
70
  classNameElement(elementName) {
71
71
  let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
72
- return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
72
+ return `${prefixBlockName}${elementBlockName ? `-${elementBlockName}` : ''}__${elementName}`;
73
73
  },
74
74
 
75
75
  classNameModifier(modifierName) {
76
76
  let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
77
- return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
77
+ return `${prefixBlockName}${elementName ? `__${elementName}` : ''}--${modifierName}`;
78
78
  }
79
79
 
80
80
  };
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -13,7 +12,7 @@ const basicAction = _ref => {
13
12
  const cssModifier = []; // valid state modifier
14
13
 
15
14
  if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
16
- if (modalType) cssModifier.push("modal-type-".concat(modalType));
15
+ if (modalType) cssModifier.push(`modal-type-${modalType}`);
17
16
  return cssModifier;
18
17
  };
19
18
 
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -10,7 +9,7 @@ const basicAction = _ref => {
10
9
  const cssModifier = [];
11
10
 
12
11
  if (color && color[0]) {
13
- if (color[1] !== null) cssModifier.push("color-".concat(color[0], "-").concat(color[1]));else cssModifier.push("color-".concat(color[0]));
12
+ if (color[1] !== null) cssModifier.push(`color-${color[0]}-${color[1]}`);else cssModifier.push(`color-${color[0]}`);
14
13
  }
15
14
 
16
15
  return cssModifier;
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -12,7 +11,7 @@ const basicAction = _ref => {
12
11
  } = _ref;
13
12
  const cssModifier = []; // buttons types
14
13
 
15
- if (id) cssModifier.push("id-".concat(id));
14
+ if (id) cssModifier.push(`id-${id}`);
16
15
  if (buttonType) cssModifier.push(buttonType);
17
16
  if (fluidWidth) cssModifier.push('fluid-width');
18
17
  if (fluidHeight) cssModifier.push('fluid-height');
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -15,7 +14,7 @@ const basicAction = _ref => {
15
14
  superLoose = false
16
15
  } = _ref;
17
16
  const cssModifier = [];
18
- if (size) cssModifier.push("".concat(size)); // Size as Flag
17
+ if (size) cssModifier.push(`${size}`); // Size as Flag
19
18
 
20
19
  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');
21
20
  return cssModifier;
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.reduce.js';
2
2
  import 'core-js/modules/esnext.iterator.constructor.js';
3
3
  import 'core-js/modules/esnext.iterator.reduce.js';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
 
6
5
  const basicAction = _ref => {
7
6
  let {
@@ -12,7 +11,7 @@ const basicAction = _ref => {
12
11
  const cssModifier = [];
13
12
  if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
14
13
  if (wordBreak) cssModifier.push('text-overflow-word-break');
15
- if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push("text-align-".concat(textAlignment));
14
+ if (['left', 'right', 'center', 'justify'].indexOf(textAlignment) > -1) cssModifier.push(`text-align-${textAlignment}`);
16
15
  return cssModifier;
17
16
  };
18
17
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-classnames",
3
- "version": "2.4.2-rc.9",
3
+ "version": "2.4.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum Library - Aggregated classNames to component",
6
6
  "module": "./esm/index.js",
@@ -68,8 +68,8 @@
68
68
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
69
69
  },
70
70
  "dependencies": {
71
- "@elliemae/ds-shared": "2.4.2-rc.9",
72
- "@elliemae/ds-utilities": "2.4.2-rc.9",
71
+ "@elliemae/ds-shared": "2.4.2",
72
+ "@elliemae/ds-utilities": "2.4.2",
73
73
  "obj-str": "~1.0.3"
74
74
  },
75
75
  "publishConfig": {