@elliemae/ds-classnames 2.0.0-next.9 → 2.0.0-rc.4
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.
- package/cjs/aggregatedClasses.js +51 -41
- package/cjs/classNameManager.js +13 -5
- package/cjs/converPropsToFormModifiers.js +9 -5
- package/cjs/convertPropToFeedBackModifiers.js +10 -6
- package/cjs/convertPropsToColorModifiers.js +7 -3
- package/cjs/convertPropsToLayoutModifiers.js +10 -6
- package/cjs/convertPropsToSizeModifiers.js +14 -10
- package/cjs/convertPropsToTextModifiers.js +9 -5
- package/cjs/index.js +1 -0
- package/cjs/validateNativeProps.js +5 -0
- package/esm/aggregatedClasses.js +50 -40
- package/esm/classNameManager.js +13 -5
- package/esm/converPropsToFormModifiers.js +9 -5
- package/esm/convertPropToFeedBackModifiers.js +10 -6
- package/esm/convertPropsToColorModifiers.js +7 -3
- package/esm/convertPropsToLayoutModifiers.js +10 -6
- package/esm/convertPropsToSizeModifiers.js +14 -10
- package/esm/convertPropsToTextModifiers.js +9 -5
- package/esm/index.js +1 -1
- package/esm/validateNativeProps.js +5 -0
- package/package.json +3 -3
- package/types/index.d.ts +1 -1
package/cjs/aggregatedClasses.js
CHANGED
|
@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
7
14
|
var React = require('react');
|
|
8
15
|
var cx = require('obj-str');
|
|
9
16
|
var classNameManager = require('./classNameManager.js');
|
|
@@ -33,51 +40,54 @@ const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj
|
|
|
33
40
|
|
|
34
41
|
function aggregatedClasses(type, props) {
|
|
35
42
|
// aggregatedClasses options parameters
|
|
36
|
-
return (block, element, additionalModifiers
|
|
37
|
-
let {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
43
|
+
return function (block, element, additionalModifiers) {
|
|
44
|
+
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
45
|
+
return /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
|
|
46
|
+
let {
|
|
47
|
+
innerRef,
|
|
48
|
+
children,
|
|
49
|
+
classProps,
|
|
50
|
+
useComponent,
|
|
51
|
+
className,
|
|
52
|
+
as
|
|
53
|
+
} = _ref,
|
|
54
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
55
|
+
|
|
56
|
+
// get the additional classNames either from a function or an object
|
|
57
|
+
let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
|
|
58
|
+
if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
|
|
59
|
+
className
|
|
60
|
+
})), block, element);
|
|
61
|
+
const otherModifiersStr = cx__default["default"](otherModifiers);
|
|
62
|
+
const {
|
|
63
|
+
prefix,
|
|
64
|
+
propsToRemoveFromFinalElement = []
|
|
65
|
+
} = options;
|
|
66
|
+
const {
|
|
67
|
+
cssClassName: classNames
|
|
68
|
+
} = classNameManager["default"](block, null, _objectSpread({}, classProps), {
|
|
69
|
+
prefix,
|
|
70
|
+
element
|
|
71
|
+
});
|
|
65
72
|
|
|
66
|
-
|
|
67
|
-
delete cleanedPropsPassedDown[propKey];
|
|
68
|
-
});
|
|
73
|
+
const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
|
|
69
74
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
|
|
75
|
+
propsToRemoveFromFinalElement.forEach(propKey => {
|
|
76
|
+
delete cleanedPropsPassedDown[propKey];
|
|
73
77
|
});
|
|
74
|
-
}
|
|
75
78
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
if (validateNativeProps.isNativeHTMLElement(block)) {
|
|
80
|
+
Object.keys(cleanedPropsPassedDown).forEach(key => {
|
|
81
|
+
if (!validateNativeProps.isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
return /*#__PURE__*/React__default["default"].createElement(as || type, _objectSpread({
|
|
86
|
+
ref: innerRef || ref,
|
|
87
|
+
className: [classNames, otherModifiersStr, className].join(' ')
|
|
88
|
+
}, cleanedPropsPassedDown), children);
|
|
89
|
+
});
|
|
90
|
+
};
|
|
81
91
|
}
|
|
82
92
|
|
|
83
93
|
exports.cssPrefix = cssPrefix;
|
package/cjs/classNameManager.js
CHANGED
|
@@ -40,7 +40,11 @@ const executePipelines = props => {
|
|
|
40
40
|
*/
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
const cssPipeline = (
|
|
43
|
+
const cssPipeline = function () {
|
|
44
|
+
let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
|
|
45
|
+
let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
46
|
+
let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
47
|
+
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
44
48
|
const {
|
|
45
49
|
prefix,
|
|
46
50
|
element
|
|
@@ -61,19 +65,23 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
|
|
|
61
65
|
return "".concat(className, "--").concat(modifier);
|
|
62
66
|
},
|
|
63
67
|
|
|
64
|
-
classNameBlock(elementName
|
|
68
|
+
classNameBlock(elementName) {
|
|
69
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
65
70
|
return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
|
|
66
71
|
},
|
|
67
72
|
|
|
68
|
-
classNameBlockModifier(modifierName
|
|
73
|
+
classNameBlockModifier(modifierName) {
|
|
74
|
+
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
69
75
|
return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
|
|
70
76
|
},
|
|
71
77
|
|
|
72
|
-
classNameElement(elementName
|
|
78
|
+
classNameElement(elementName) {
|
|
79
|
+
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
73
80
|
return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
|
|
74
81
|
},
|
|
75
82
|
|
|
76
|
-
classNameModifier(modifierName
|
|
83
|
+
classNameModifier(modifierName) {
|
|
84
|
+
let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
77
85
|
return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
|
|
78
86
|
}
|
|
79
87
|
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
readOnly = false,
|
|
11
|
+
disabled = false,
|
|
12
|
+
checked = false
|
|
13
|
+
} = _ref;
|
|
10
14
|
const cssModifier = []; // input state modifiers
|
|
11
15
|
|
|
12
16
|
if (checked) cssModifier.push('checked');
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
hasError = false,
|
|
11
|
+
hasWarning = false,
|
|
12
|
+
hasSuccess = false,
|
|
13
|
+
modalType
|
|
14
|
+
} = _ref;
|
|
11
15
|
const cssModifier = []; // valid state modifier
|
|
12
16
|
|
|
13
17
|
if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
color = null
|
|
11
|
+
} = _ref;
|
|
8
12
|
const cssModifier = [];
|
|
9
13
|
|
|
10
14
|
if (color && color[0]) {
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
id,
|
|
11
|
+
buttonType = 'default',
|
|
12
|
+
fluidWidth = false,
|
|
13
|
+
fluidHeight = false
|
|
14
|
+
} = _ref;
|
|
11
15
|
const cssModifier = []; // buttons types
|
|
12
16
|
|
|
13
17
|
if (id) cssModifier.push("id-".concat(id));
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
size = null,
|
|
11
|
+
extraTight = false,
|
|
12
|
+
tight = false,
|
|
13
|
+
base = false,
|
|
14
|
+
bitLoose = false,
|
|
15
|
+
loose = false,
|
|
16
|
+
extraLoose = false,
|
|
17
|
+
superLoose = false
|
|
18
|
+
} = _ref;
|
|
15
19
|
const cssModifier = [];
|
|
16
20
|
if (size) cssModifier.push("".concat(size)); // Size as Flag
|
|
17
21
|
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.reduce.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.reduce.js');
|
|
3
6
|
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
7
|
|
|
5
|
-
const basicAction =
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const basicAction = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
textEllipsis,
|
|
11
|
+
textAlignment,
|
|
12
|
+
wordBreak
|
|
13
|
+
} = _ref;
|
|
10
14
|
const cssModifier = [];
|
|
11
15
|
if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
|
|
12
16
|
if (wordBreak) cssModifier.push('text-overflow-word-break');
|
package/cjs/index.js
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
|
|
7
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/esm/aggregatedClasses.js
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
1
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
2
4
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
3
10
|
import React from 'react';
|
|
4
11
|
import cx from 'obj-str';
|
|
5
12
|
import cssPipeline from './classNameManager.js';
|
|
@@ -21,51 +28,54 @@ const appendBlockAndPrefixToObj = (obj, block, element) => obj ? Object.keys(obj
|
|
|
21
28
|
|
|
22
29
|
function aggregatedClasses(type, props) {
|
|
23
30
|
// aggregatedClasses options parameters
|
|
24
|
-
return (block, element, additionalModifiers
|
|
25
|
-
let {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
return function (block, element, additionalModifiers) {
|
|
32
|
+
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
33
|
+
return /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
34
|
+
let {
|
|
35
|
+
innerRef,
|
|
36
|
+
children,
|
|
37
|
+
classProps,
|
|
38
|
+
useComponent,
|
|
39
|
+
className,
|
|
40
|
+
as
|
|
41
|
+
} = _ref,
|
|
42
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
34
43
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
|
|
44
|
+
// get the additional classNames either from a function or an object
|
|
45
|
+
let otherModifiers = appendBlockAndPrefixToObj(additionalModifiers, block, element);
|
|
46
|
+
if (typeof additionalModifiers === 'function') otherModifiers = appendBlockAndPrefixToObj(additionalModifiers(_objectSpread(_objectSpread(_objectSpread({}, rest), classProps), {}, {
|
|
47
|
+
className
|
|
48
|
+
})), block, element);
|
|
49
|
+
const otherModifiersStr = cx(otherModifiers);
|
|
50
|
+
const {
|
|
51
|
+
prefix,
|
|
52
|
+
propsToRemoveFromFinalElement = []
|
|
53
|
+
} = options;
|
|
54
|
+
const {
|
|
55
|
+
cssClassName: classNames
|
|
56
|
+
} = cssPipeline(block, null, _objectSpread({}, classProps), {
|
|
57
|
+
prefix,
|
|
58
|
+
element
|
|
59
|
+
});
|
|
53
60
|
|
|
54
|
-
|
|
55
|
-
delete cleanedPropsPassedDown[propKey];
|
|
56
|
-
});
|
|
61
|
+
const cleanedPropsPassedDown = _objectSpread(_objectSpread({}, props), rest);
|
|
57
62
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
|
|
63
|
+
propsToRemoveFromFinalElement.forEach(propKey => {
|
|
64
|
+
delete cleanedPropsPassedDown[propKey];
|
|
61
65
|
});
|
|
62
|
-
}
|
|
63
66
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
if (isNativeHTMLElement(block)) {
|
|
68
|
+
Object.keys(cleanedPropsPassedDown).forEach(key => {
|
|
69
|
+
if (!isValidNativeAttribute(key)) delete cleanedPropsPassedDown[key];
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
return /*#__PURE__*/React.createElement(as || type, _objectSpread({
|
|
74
|
+
ref: innerRef || ref,
|
|
75
|
+
className: [classNames, otherModifiersStr, className].join(' ')
|
|
76
|
+
}, cleanedPropsPassedDown), children);
|
|
77
|
+
});
|
|
78
|
+
};
|
|
69
79
|
}
|
|
70
80
|
|
|
71
81
|
export { cssPrefix, aggregatedClasses as default };
|
package/esm/classNameManager.js
CHANGED
|
@@ -32,7 +32,11 @@ const executePipelines = props => {
|
|
|
32
32
|
*/
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
const cssPipeline = (
|
|
35
|
+
const cssPipeline = function () {
|
|
36
|
+
let blockName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'block';
|
|
37
|
+
let cssClassNameModifier = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
38
|
+
let props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
39
|
+
let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
|
|
36
40
|
const {
|
|
37
41
|
prefix,
|
|
38
42
|
element
|
|
@@ -53,19 +57,23 @@ const cssPipeline = (blockName = 'block', cssClassNameModifier = '', props = {},
|
|
|
53
57
|
return "".concat(className, "--").concat(modifier);
|
|
54
58
|
},
|
|
55
59
|
|
|
56
|
-
classNameBlock(elementName
|
|
60
|
+
classNameBlock(elementName) {
|
|
61
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
57
62
|
return "".concat(!usePrefix ? blockName : prefixBlockName, "-").concat(elementName);
|
|
58
63
|
},
|
|
59
64
|
|
|
60
|
-
classNameBlockModifier(modifierName
|
|
65
|
+
classNameBlockModifier(modifierName) {
|
|
66
|
+
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
61
67
|
return "".concat(prefixBlockName, "-").concat(elementBlockName, "--").concat(modifierName);
|
|
62
68
|
},
|
|
63
69
|
|
|
64
|
-
classNameElement(elementName
|
|
70
|
+
classNameElement(elementName) {
|
|
71
|
+
let elementBlockName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
65
72
|
return "".concat(prefixBlockName).concat(elementBlockName ? "-".concat(elementBlockName) : '', "__").concat(elementName);
|
|
66
73
|
},
|
|
67
74
|
|
|
68
|
-
classNameModifier(modifierName
|
|
75
|
+
classNameModifier(modifierName) {
|
|
76
|
+
let elementName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
69
77
|
return "".concat(prefixBlockName).concat(elementName ? "__".concat(elementName) : '', "--").concat(modifierName);
|
|
70
78
|
}
|
|
71
79
|
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
readOnly = false,
|
|
9
|
+
disabled = false,
|
|
10
|
+
checked = false
|
|
11
|
+
} = _ref;
|
|
8
12
|
const cssModifier = []; // input state modifiers
|
|
9
13
|
|
|
10
14
|
if (checked) cssModifier.push('checked');
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
hasError = false,
|
|
9
|
+
hasWarning = false,
|
|
10
|
+
hasSuccess = false,
|
|
11
|
+
modalType
|
|
12
|
+
} = _ref;
|
|
9
13
|
const cssModifier = []; // valid state modifier
|
|
10
14
|
|
|
11
15
|
if (hasError) cssModifier.push('error');else if (hasWarning) cssModifier.push('warning');else if (hasSuccess) cssModifier.push('success');
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
color = null
|
|
9
|
+
} = _ref;
|
|
6
10
|
const cssModifier = [];
|
|
7
11
|
|
|
8
12
|
if (color && color[0]) {
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
id,
|
|
9
|
+
buttonType = 'default',
|
|
10
|
+
fluidWidth = false,
|
|
11
|
+
fluidHeight = false
|
|
12
|
+
} = _ref;
|
|
9
13
|
const cssModifier = []; // buttons types
|
|
10
14
|
|
|
11
15
|
if (id) cssModifier.push("id-".concat(id));
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
size = null,
|
|
9
|
+
extraTight = false,
|
|
10
|
+
tight = false,
|
|
11
|
+
base = false,
|
|
12
|
+
bitLoose = false,
|
|
13
|
+
loose = false,
|
|
14
|
+
extraLoose = false,
|
|
15
|
+
superLoose = false
|
|
16
|
+
} = _ref;
|
|
13
17
|
const cssModifier = [];
|
|
14
18
|
if (size) cssModifier.push("".concat(size)); // Size as Flag
|
|
15
19
|
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
1
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
5
|
|
|
3
|
-
const basicAction =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
const basicAction = _ref => {
|
|
7
|
+
let {
|
|
8
|
+
textEllipsis,
|
|
9
|
+
textAlignment,
|
|
10
|
+
wordBreak
|
|
11
|
+
} = _ref;
|
|
8
12
|
const cssModifier = [];
|
|
9
13
|
if (textEllipsis) cssModifier.push('text-overflow-ellipsis');
|
|
10
14
|
if (wordBreak) cssModifier.push('text-overflow-word-break');
|
package/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as convertPropToCssClassName } from './classNameManager.js';
|
|
1
|
+
export { default as convertPropToCssClassName, cssPrefix } from './classNameManager.js';
|
|
2
2
|
export { default as aggregatedClasses } from './aggregatedClasses.js';
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
|
|
3
8
|
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-classnames",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-rc.4",
|
|
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-utilities": "2.0.0-
|
|
72
|
-
"obj-str": "1.0.3"
|
|
71
|
+
"@elliemae/ds-utilities": "2.0.0-rc.4",
|
|
72
|
+
"obj-str": "~1.0.3"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
|
75
75
|
"access": "public",
|
package/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as convertPropToCssClassName } from './classNameManager';
|
|
1
|
+
export { default as convertPropToCssClassName, cssPrefix } from './classNameManager';
|
|
2
2
|
export { default as aggregatedClasses } from './aggregatedClasses';
|