@zohodesk/utils 1.3.15 → 1.3.17
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/README.md +16 -29
- package/es/StringUtils.js +2 -6
- package/es/abbreviateNumber.js +1 -4
- package/es/compileClassNames.js +4 -9
- package/es/constantProps/constant.js +3 -0
- package/es/createTemplateLiteral.js +2 -10
- package/es/crud/ArrayManager.js +62 -0
- package/es/crud/ObjectManager.js +53 -0
- package/es/crud/arrayCRUD.js +71 -0
- package/es/crud/objectCRUD.js +45 -0
- package/es/deepEqual.js +26 -0
- package/es/eventListenerUtils.js +24 -0
- package/es/getCompliedClassName.js +1 -6
- package/es/getCompliedCustomId.js +5 -7
- package/es/getCurrentTime.js +18 -0
- package/es/index.js +3 -1
- package/es/loadResource.js +1 -2
- package/es/mergeStyle.js +1 -3
- package/es/uniqueNumber.js +1 -2
- package/lib/ErrorBoundary.js +78 -0
- package/lib/StringUtils.js +343 -0
- package/lib/abbreviateNumber.js +51 -0
- package/lib/accessKeyCodes.js +26 -0
- package/lib/applyOpenToCustomize.js +41 -0
- package/lib/combineCustomStyle.js +52 -0
- package/lib/compileClassNames.js +45 -0
- package/lib/constantProps/constant.js +14 -0
- package/lib/constantProps/index.js +18 -0
- package/lib/constantProps/uiProps.js +71 -0
- package/lib/contextFactory.js +23 -0
- package/lib/createTemplateLiteral.js +84 -0
- package/lib/crud/ArrayManager.js +91 -0
- package/lib/crud/ObjectManager.js +81 -0
- package/lib/crud/arrayCRUD.js +110 -0
- package/lib/crud/objectCRUD.js +66 -0
- package/lib/dataTypes.js +42 -0
- package/lib/debounce.js +33 -0
- package/lib/deepEqual.js +39 -0
- package/lib/disCustomStyleProps.js +46 -0
- package/lib/eventListenerUtils.js +36 -0
- package/lib/getCompliedClassName.js +24 -0
- package/lib/getCompliedCustomId.js +37 -0
- package/lib/getCurrentTime.js +25 -0
- package/lib/getCustomBoundingClientRect.js +18 -0
- package/lib/index.js +135 -0
- package/lib/isTouchDevice.js +16 -0
- package/lib/jsonToQueryString.js +13 -0
- package/lib/loadResource.js +63 -0
- package/lib/mergeStyle.js +65 -0
- package/lib/objectUtils.js +14 -0
- package/lib/omit.js +20 -0
- package/lib/props/automationProps.js +19 -0
- package/lib/props/customReducerPropTypes.js +17 -0
- package/lib/props/customStyleProps.js +21 -0
- package/lib/props/generalAriaProps.js +17 -0
- package/lib/props/tagAttributeProps.js +58 -0
- package/lib/props/tagGeneralAttributeProps.js +58 -0
- package/lib/props/uiProps.js +138 -0
- package/lib/reducerHandler.js +42 -0
- package/lib/renderNode.js +44 -0
- package/lib/replaceAtFirst.js +12 -0
- package/lib/replaceAtLast.js +10 -0
- package/lib/uniqueNumber.js +22 -0
- package/package.json +29 -11
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
9
|
+
|
|
10
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
+
|
|
12
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
13
|
+
|
|
14
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
+
|
|
16
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
17
|
+
|
|
18
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
19
|
+
|
|
20
|
+
var _default = function _default(_ref, defaultCustomId) {
|
|
21
|
+
var customId = _ref.customId,
|
|
22
|
+
_ref$customIdPrefix = _ref.customIdPrefix,
|
|
23
|
+
customIdPrefix = _ref$customIdPrefix === void 0 ? "" : _ref$customIdPrefix,
|
|
24
|
+
_ref$customIdSuffix = _ref.customIdSuffix,
|
|
25
|
+
customIdSuffix = _ref$customIdSuffix === void 0 ? "" : _ref$customIdSuffix;
|
|
26
|
+
var otherCustomOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
27
|
+
var returnId = customId;
|
|
28
|
+
|
|
29
|
+
if (typeof defaultCustomId === "function") {
|
|
30
|
+
var options = ['', customIdPrefix, customIdSuffix].concat(_toConsumableArray(otherCustomOption));
|
|
31
|
+
returnId = defaultCustomId.apply(null, options); //returnId = defaultCustomId`${customIdPrefix} ${customIdSuffix}`;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
return returnId ? returnId.toLowerCase() : null;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = getCurrentTime;
|
|
7
|
+
|
|
8
|
+
function getCurrentTime() {
|
|
9
|
+
var now = new Date();
|
|
10
|
+
var hours = now.getHours();
|
|
11
|
+
var minutes = now.getMinutes().toString().padStart(2, '0');
|
|
12
|
+
var seconds = now.getSeconds().toString().padStart(2, '0');
|
|
13
|
+
var ampm = hours >= 12 ? 'PM' : 'AM';
|
|
14
|
+
var formattedHours = hours % 12 || 12; // Convert 24-hour time to 12-hour format
|
|
15
|
+
|
|
16
|
+
var hours24 = hours.toString().padStart(2, '0');
|
|
17
|
+
return {
|
|
18
|
+
format12h: "".concat(formattedHours, ":").concat(minutes, ":").concat(seconds, " ").concat(ampm),
|
|
19
|
+
format24h: "".concat(hours24, ":").concat(minutes, ":").concat(seconds),
|
|
20
|
+
hours: hours,
|
|
21
|
+
minutes: parseInt(minutes),
|
|
22
|
+
seconds: parseInt(seconds),
|
|
23
|
+
meridiem: ampm
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = getCustomBoundingClientRect;
|
|
7
|
+
|
|
8
|
+
function getCustomBoundingClientRect(element) {
|
|
9
|
+
var elementRect = element.getBoundingClientRect();
|
|
10
|
+
return {
|
|
11
|
+
height: elementRect.height,
|
|
12
|
+
width: elementRect.width,
|
|
13
|
+
top: elementRect.top,
|
|
14
|
+
left: elementRect.left,
|
|
15
|
+
right: document.documentElement.clientWidth - elementRect.right,
|
|
16
|
+
bottom: document.documentElement.clientHeight - elementRect.bottom
|
|
17
|
+
};
|
|
18
|
+
}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "ErrorBoundary", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _ErrorBoundary["default"];
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "accessKeyCodes", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _accessKeyCodes["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "accessKeyNames", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _accessKeyCodes.accessKeyNames;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(exports, "addCustomEventListener", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _eventListenerUtils.addCustomEventListener;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports, "applyOpenToCustomize", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _applyOpenToCustomize["default"];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
Object.defineProperty(exports, "combineCustomStyle", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _combineCustomStyle["default"];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
Object.defineProperty(exports, "compileClassNames", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _compileClassNames["default"];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(exports, "debounce", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _debounce["default"];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
Object.defineProperty(exports, "getCurrentTime", {
|
|
57
|
+
enumerable: true,
|
|
58
|
+
get: function get() {
|
|
59
|
+
return _getCurrentTime["default"];
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
Object.defineProperty(exports, "isRenderable", {
|
|
63
|
+
enumerable: true,
|
|
64
|
+
get: function get() {
|
|
65
|
+
return _renderNode.isRenderable;
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
Object.defineProperty(exports, "loadResource", {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function get() {
|
|
71
|
+
return _loadResource["default"];
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
Object.defineProperty(exports, "mergeStyle", {
|
|
75
|
+
enumerable: true,
|
|
76
|
+
get: function get() {
|
|
77
|
+
return _mergeStyle["default"];
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
Object.defineProperty(exports, "omit", {
|
|
81
|
+
enumerable: true,
|
|
82
|
+
get: function get() {
|
|
83
|
+
return _omit["default"];
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
Object.defineProperty(exports, "removeCustomEventListener", {
|
|
87
|
+
enumerable: true,
|
|
88
|
+
get: function get() {
|
|
89
|
+
return _eventListenerUtils.removeCustomEventListener;
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
Object.defineProperty(exports, "renderNode", {
|
|
93
|
+
enumerable: true,
|
|
94
|
+
get: function get() {
|
|
95
|
+
return _renderNode["default"];
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
Object.defineProperty(exports, "uniqueNumber", {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function get() {
|
|
101
|
+
return _uniqueNumber["default"];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
var _debounce = _interopRequireDefault(require("./debounce"));
|
|
106
|
+
|
|
107
|
+
var _uniqueNumber = _interopRequireDefault(require("./uniqueNumber"));
|
|
108
|
+
|
|
109
|
+
var _omit = _interopRequireDefault(require("./omit"));
|
|
110
|
+
|
|
111
|
+
var _mergeStyle = _interopRequireDefault(require("./mergeStyle"));
|
|
112
|
+
|
|
113
|
+
var _applyOpenToCustomize = _interopRequireDefault(require("./applyOpenToCustomize"));
|
|
114
|
+
|
|
115
|
+
var _combineCustomStyle = _interopRequireDefault(require("./combineCustomStyle"));
|
|
116
|
+
|
|
117
|
+
var _compileClassNames = _interopRequireDefault(require("./compileClassNames"));
|
|
118
|
+
|
|
119
|
+
var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
|
|
120
|
+
|
|
121
|
+
var _loadResource = _interopRequireDefault(require("./loadResource"));
|
|
122
|
+
|
|
123
|
+
var _accessKeyCodes = _interopRequireWildcard(require("./accessKeyCodes"));
|
|
124
|
+
|
|
125
|
+
var _renderNode = _interopRequireWildcard(require("./renderNode"));
|
|
126
|
+
|
|
127
|
+
var _getCurrentTime = _interopRequireDefault(require("./getCurrentTime"));
|
|
128
|
+
|
|
129
|
+
var _eventListenerUtils = require("./eventListenerUtils");
|
|
130
|
+
|
|
131
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
132
|
+
|
|
133
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
134
|
+
|
|
135
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = isTouchDevice;
|
|
7
|
+
|
|
8
|
+
function isTouchDevice() {
|
|
9
|
+
if ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) {
|
|
10
|
+
/* browser with either Touch Events of Pointer Events
|
|
11
|
+
running on touch-capable device */
|
|
12
|
+
return true;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = jsonToQueryString;
|
|
7
|
+
|
|
8
|
+
function jsonToQueryString(json) {
|
|
9
|
+
var str = Object.keys(json).map(function (key) {
|
|
10
|
+
return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]);
|
|
11
|
+
}).join('&');
|
|
12
|
+
return str != '' ? '?' + str : str;
|
|
13
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = loadResource;
|
|
7
|
+
|
|
8
|
+
/* eslint-disable import/prefer-default-export */
|
|
9
|
+
|
|
10
|
+
/* use promise and remove callback */
|
|
11
|
+
function loadResource(url, type, id, callback) {
|
|
12
|
+
var needDefer = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
|
|
13
|
+
return new Promise(function (resolve) {
|
|
14
|
+
var css;
|
|
15
|
+
var script;
|
|
16
|
+
|
|
17
|
+
if (id && document.getElementById(id)) {
|
|
18
|
+
resolve();
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
if (type === 'css') {
|
|
23
|
+
css = document.createElement('link');
|
|
24
|
+
css.type = 'text/css';
|
|
25
|
+
css.rel = 'stylesheet';
|
|
26
|
+
css.href = url;
|
|
27
|
+
css.id = id || '';
|
|
28
|
+
|
|
29
|
+
css.onload = function () {
|
|
30
|
+
resolve();
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
css.onerror = function () {
|
|
34
|
+
resolve();
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
document.getElementsByTagName('head')[0].appendChild(css);
|
|
38
|
+
} else if (type === 'js') {
|
|
39
|
+
script = document.createElement('script');
|
|
40
|
+
script.type = 'text/javascript';
|
|
41
|
+
script.src = url;
|
|
42
|
+
script.defer = needDefer;
|
|
43
|
+
|
|
44
|
+
script.onload = function () {
|
|
45
|
+
resolve();
|
|
46
|
+
|
|
47
|
+
if (id) {
|
|
48
|
+
script.id = id;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
if (typeof callback === 'function') {
|
|
52
|
+
callback();
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
script.onerror = function () {
|
|
57
|
+
resolve();
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
document.getElementsByTagName('head')[0].appendChild(script);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = mergeStyle;
|
|
7
|
+
|
|
8
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
+
|
|
10
|
+
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; }
|
|
11
|
+
|
|
12
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
|
|
14
|
+
var REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
|
|
15
|
+
// all other will be append
|
|
16
|
+
|
|
17
|
+
function mergeStyle(defaultStyle) {
|
|
18
|
+
var customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
19
|
+
var additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
20
|
+
// if(!Object.keys(defaultStyle).includes('base')) {
|
|
21
|
+
// throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
|
|
22
|
+
// }
|
|
23
|
+
return Object.keys(customStyle).reduce(function (res, next) {
|
|
24
|
+
if (next.startsWith(REPLACER_SYMBOL)) {
|
|
25
|
+
var styleValue = customStyle[next];
|
|
26
|
+
var styleName = next.replace(REPLACER_SYMBOL, '');
|
|
27
|
+
|
|
28
|
+
if (!res[styleName] && !additionalStyle.includes(styleName)) {
|
|
29
|
+
throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
|
|
30
|
+
} else if (additionalStyle.includes(styleName)) {
|
|
31
|
+
res[styleName] = styleValue;
|
|
32
|
+
} else {
|
|
33
|
+
var val = res[styleName];
|
|
34
|
+
Object.keys(res).map(function (keyName) {
|
|
35
|
+
var styleKey = res[keyName];
|
|
36
|
+
var ind = styleKey.indexOf(val);
|
|
37
|
+
|
|
38
|
+
if (ind !== -1) {
|
|
39
|
+
res[keyName] = styleKey.replace(val, styleValue);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
} else if (res[next]) {
|
|
44
|
+
var _val = res[next];
|
|
45
|
+
Object.keys(res).map(function (keyName) {
|
|
46
|
+
var styleKey = res[keyName];
|
|
47
|
+
var styleClasses = styleKey.split(' ');
|
|
48
|
+
_val = _val.split(' ')[0];
|
|
49
|
+
var ind = styleClasses.indexOf(_val);
|
|
50
|
+
|
|
51
|
+
if (ind !== -1) {
|
|
52
|
+
styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
|
|
53
|
+
res[keyName] = styleClasses.join(' ');
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
} else if (additionalStyle.includes(next)) {
|
|
57
|
+
res[next] = customStyle[next];
|
|
58
|
+
} else if (!res[next] && !additionalStyle.includes(next)) {
|
|
59
|
+
// res[next] = customStyle[next];
|
|
60
|
+
throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style"));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
return res;
|
|
64
|
+
}, _objectSpread({}, defaultStyle));
|
|
65
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.isToStringReferenceEqual = exports.hasOwnProperty = void 0;
|
|
7
|
+
var hasOwnProperty = Object.hasOwnProperty;
|
|
8
|
+
exports.hasOwnProperty = hasOwnProperty;
|
|
9
|
+
|
|
10
|
+
var isToStringReferenceEqual = function isToStringReferenceEqual(data) {
|
|
11
|
+
return data.toString === Object.prototype.toString;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.isToStringReferenceEqual = isToStringReferenceEqual;
|
package/lib/omit.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _default = function _default(keys) {
|
|
9
|
+
return function omit(obj) {
|
|
10
|
+
return Object.keys(obj).reduce(function (res, next) {
|
|
11
|
+
if (!keys.includes(next)) {
|
|
12
|
+
res[next] = obj[next];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
return res;
|
|
16
|
+
}, {});
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.automationPropsName = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var automationPropsName = 'customId';
|
|
13
|
+
exports.automationPropsName = automationPropsName;
|
|
14
|
+
var _default = {
|
|
15
|
+
customId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
|
|
16
|
+
customIdPrefix: _propTypes["default"].string,
|
|
17
|
+
customIdSuffix: _propTypes["default"].string
|
|
18
|
+
};
|
|
19
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.customReducer = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = {
|
|
13
|
+
customReducer: _propTypes["default"].func
|
|
14
|
+
};
|
|
15
|
+
exports["default"] = _default;
|
|
16
|
+
var customReducer = 'customReducer';
|
|
17
|
+
exports.customReducer = customReducer;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.customStyle = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = {
|
|
13
|
+
customStyle: _propTypes["default"].object
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Prop Name
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
exports["default"] = _default;
|
|
20
|
+
var customStyle = "customStyle";
|
|
21
|
+
exports.customStyle = customStyle;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = {
|
|
13
|
+
'aria-label': _propTypes["default"].string,
|
|
14
|
+
'aria-labelledby': _propTypes["default"].string,
|
|
15
|
+
tabIndex: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
|
|
16
|
+
};
|
|
17
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.tagAttributesShape = exports.tagAttributesPropType = exports.tagAttributes = exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
|
|
14
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* tagAttributes - is used to spread these attributes for events customize and override few attributes.
|
|
18
|
+
*/
|
|
19
|
+
var tagAttributes = "tagAttributes";
|
|
20
|
+
exports.tagAttributes = tagAttributes;
|
|
21
|
+
var attributesList = ["tabIndex"];
|
|
22
|
+
var dataAttribute = "^data|on";
|
|
23
|
+
|
|
24
|
+
var tagAttributesPropType = function tagAttributesPropType(props, propName, componentName) {
|
|
25
|
+
if (Object.prototype.toString.call(props) !== "[object Object]") {
|
|
26
|
+
console.error("Warning: Failed prop type: Invalid prop `".concat(propName, "` of type `").concat(props ? _typeof(props) : undefined, "` supplied to `").concat(componentName, "`, expected `object`."));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
var curPattern = new RegExp("^(".concat(attributesList.join("|"), ")$"));
|
|
30
|
+
var curPattern2 = new RegExp(dataAttribute);
|
|
31
|
+
Object.keys(props[propName]).forEach(function (keyName) {
|
|
32
|
+
if (!(curPattern.test(keyName) || curPattern2.test(keyName))) {
|
|
33
|
+
console.warn("Warning: these attributes ( ".concat(keyName, " ) aren't mentioned in ").concat(propName, ", component: ").concat(componentName));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.tagAttributesPropType = tagAttributesPropType;
|
|
39
|
+
|
|
40
|
+
var tagAttributesShape = function tagAttributesShape(shapeOf) {
|
|
41
|
+
return function (props, propName, componentName) {
|
|
42
|
+
var propObject = props[propName];
|
|
43
|
+
propObject && Object.keys(propObject).forEach(function (keyName) {
|
|
44
|
+
if (!shapeOf.hasOwnProperty(keyName)) {
|
|
45
|
+
console.error("Warning: these key ( ".concat(keyName, " ) aren't allowed in ").concat(propName, ", component: ").concat(componentName));
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
shapeOf[keyName](propObject, keyName, "".concat(componentName, " prop: ").concat(propName, ".").concat(keyName, " "));
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.tagAttributesShape = tagAttributesShape;
|
|
55
|
+
|
|
56
|
+
var _default = _defineProperty({}, tagAttributes, tagAttributesPropType);
|
|
57
|
+
|
|
58
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.tagGeneralAttributesShape = exports.tagGeneralAttributesPropType = exports.tagGeneralAttributes = exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
|
|
14
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* tagGeneralAttributes - is to spread the global attributes in component.
|
|
18
|
+
*/
|
|
19
|
+
var tagGeneralAttributes = "tagGeneralAttributes";
|
|
20
|
+
exports.tagGeneralAttributes = tagGeneralAttributes;
|
|
21
|
+
var attributesList = ["accesskey", "contentEditable", "dir", "draggable", "hidden", "lang", "tabIndex", "title", "spellcheck", "translate"];
|
|
22
|
+
var dataAttribute = "^data|on";
|
|
23
|
+
|
|
24
|
+
var tagGeneralAttributesPropType = function tagGeneralAttributesPropType(props, propName, componentName) {
|
|
25
|
+
if (Object.prototype.toString.call(props) !== "[object Object]") {
|
|
26
|
+
console.error("Warning: Failed prop type: Invalid prop `".concat(propName, "` of type `").concat(props ? _typeof(props) : undefined, "` supplied to `").concat(componentName, "`, expected `object`."));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
var curPattern = new RegExp("^(".concat(attributesList.join("|"), ")$"));
|
|
30
|
+
var curPattern2 = new RegExp(dataAttribute);
|
|
31
|
+
Object.keys(props[propName]).forEach(function (keyName) {
|
|
32
|
+
if (!(curPattern.test(keyName) || curPattern2.test(keyName))) {
|
|
33
|
+
console.warn("Warning: these attributes ( ".concat(keyName, " ) aren't mentioned in tagGeneralAttributes, component: ").concat(componentName));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.tagGeneralAttributesPropType = tagGeneralAttributesPropType;
|
|
39
|
+
|
|
40
|
+
var tagGeneralAttributesShape = function tagGeneralAttributesShape(shapeOf) {
|
|
41
|
+
return function (props, propName, componentName) {
|
|
42
|
+
var propObject = props[propName];
|
|
43
|
+
propObject && Object.keys(propObject).forEach(function (keyName) {
|
|
44
|
+
if (!shapeOf.hasOwnProperty(keyName)) {
|
|
45
|
+
console.error("Warning: these key ( ".concat(keyName, " ) aren't allowed in ").concat(propName, ", component: ").concat(componentName));
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
shapeOf[keyName](propObject, keyName, "".concat(componentName, " prop: ").concat(propName, ".").concat(keyName, " "));
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
exports.tagGeneralAttributesShape = tagGeneralAttributesShape;
|
|
55
|
+
|
|
56
|
+
var _default = _defineProperty({}, tagGeneralAttributes, tagGeneralAttributesPropType);
|
|
57
|
+
|
|
58
|
+
exports["default"] = _default;
|