intelicoreact 0.3.1 → 0.3.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.
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +9 -7
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +3 -1
- package/dist/Atomic/FormElements/RangeList/RangeList.js +9 -6
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -7
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +3 -1
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +7 -3
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +4 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +6 -5
- package/dist/Atomic/UI/Button/Button.js +1 -1
- package/dist/Atomic/UI/Modal/Modal.js +1 -1
- package/dist/Functions/usePasswordChecker.js +4 -4
- package/package.json +1 -1
|
@@ -30,9 +30,10 @@ var CheckboxesLine = function CheckboxesLine(props) {
|
|
|
30
30
|
value = _ref.value,
|
|
31
31
|
disabled = _ref.disabled,
|
|
32
32
|
isPositionColumn = _ref.isPositionColumn,
|
|
33
|
-
className = _ref.className
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
testId = _ref.testId;
|
|
34
35
|
|
|
35
|
-
var handleChange = function handleChange(val, id
|
|
36
|
+
var handleChange = function handleChange(val, id) {
|
|
36
37
|
onChange(val ? [].concat((0, _toConsumableArray2.default)(value), [id]) : (0, _toConsumableArray2.default)(value === null || value === void 0 ? void 0 : value.filter(function (el) {
|
|
37
38
|
return el !== id;
|
|
38
39
|
})));
|
|
@@ -40,20 +41,21 @@ var CheckboxesLine = function CheckboxesLine(props) {
|
|
|
40
41
|
|
|
41
42
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
43
|
className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isPositionColumn), className)
|
|
43
|
-
}, (items === null || items === void 0 ? void 0 : items.map(function (item
|
|
44
|
+
}, (items === null || items === void 0 ? void 0 : items.map(function (item) {
|
|
44
45
|
var _value$includes;
|
|
45
46
|
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default,
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
|
|
48
|
+
testId: (item === null || item === void 0 ? void 0 : item.testId) || testId,
|
|
47
49
|
id: item.id,
|
|
48
50
|
className: "".concat(RC, "__checkbox-input"),
|
|
49
51
|
key: item.label,
|
|
50
52
|
label: item.label,
|
|
51
53
|
value: (value === null || value === void 0 ? void 0 : (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
|
|
52
|
-
disabled: disabled,
|
|
53
54
|
onChange: function onChange(val, e) {
|
|
54
55
|
return handleChange(val, item.id, e);
|
|
55
|
-
}
|
|
56
|
-
|
|
56
|
+
},
|
|
57
|
+
disabled: disabled || item.disabled
|
|
58
|
+
});
|
|
57
59
|
})) || null);
|
|
58
60
|
};
|
|
59
61
|
|
|
@@ -54,7 +54,8 @@ var RangeList = function RangeList(props) {
|
|
|
54
54
|
decimalPlaces = props.decimalPlaces,
|
|
55
55
|
error = props.error,
|
|
56
56
|
defaultErrorText = props.defaultErrorText,
|
|
57
|
-
nullValueText = props.nullValueText
|
|
57
|
+
nullValueText = props.nullValueText,
|
|
58
|
+
testId = props.testId;
|
|
58
59
|
var NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : 'No data';
|
|
59
60
|
|
|
60
61
|
var _useState = (0, _react.useState)(DEFAULT_STATE),
|
|
@@ -113,6 +114,8 @@ var RangeList = function RangeList(props) {
|
|
|
113
114
|
setInnerError('');
|
|
114
115
|
if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
|
|
115
116
|
}
|
|
117
|
+
|
|
118
|
+
return null;
|
|
116
119
|
},
|
|
117
120
|
onKeyUpFromInput: function onKeyUpFromInput(code) {
|
|
118
121
|
if (code === 13) {
|
|
@@ -136,7 +139,7 @@ var RangeList = function RangeList(props) {
|
|
|
136
139
|
}, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
|
|
137
140
|
className: "".concat(RC, "__cell-input")
|
|
138
141
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
139
|
-
testId: "range-list-from",
|
|
142
|
+
testId: "range-list".concat(testId && "--".concat(testId), "-from"),
|
|
140
143
|
ref: inputFromRef,
|
|
141
144
|
onlyNumbers: isFloatValues ? {
|
|
142
145
|
type: 'float',
|
|
@@ -151,13 +154,13 @@ var RangeList = function RangeList(props) {
|
|
|
151
154
|
onChange: function onChange(val) {
|
|
152
155
|
return handle.inputsChange(val, 'from');
|
|
153
156
|
},
|
|
154
|
-
onKeyUp: function onKeyUp(code
|
|
157
|
+
onKeyUp: function onKeyUp(code) {
|
|
155
158
|
return handle.onKeyUpFromInput(code);
|
|
156
159
|
}
|
|
157
160
|
})), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
|
|
158
161
|
className: "".concat(RC, "__cell-input")
|
|
159
162
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
160
|
-
testId: "range-list-to",
|
|
163
|
+
testId: "range-list".concat(testId && "--".concat(testId), "-to"),
|
|
161
164
|
ref: inputToRef,
|
|
162
165
|
onlyNumbers: isFloatValues ? {
|
|
163
166
|
type: 'float',
|
|
@@ -172,13 +175,13 @@ var RangeList = function RangeList(props) {
|
|
|
172
175
|
onChange: function onChange(val) {
|
|
173
176
|
return handle.inputsChange(val, 'to');
|
|
174
177
|
},
|
|
175
|
-
onKeyUp: function onKeyUp(code
|
|
178
|
+
onKeyUp: function onKeyUp(code) {
|
|
176
179
|
return handle.onKeyUpToInput(code);
|
|
177
180
|
}
|
|
178
181
|
})), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
|
|
179
182
|
className: "".concat(RC, "__cell-button")
|
|
180
183
|
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
181
|
-
testId: "range-list-button",
|
|
184
|
+
testId: "range-list".concat(testId && "--".concat(testId), "-button"),
|
|
182
185
|
onClick: handle.addRange
|
|
183
186
|
}, "Add"))), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
|
|
184
187
|
className: "".concat(RC, "__error")
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
@@ -11,7 +9,7 @@ exports.default = void 0;
|
|
|
11
9
|
|
|
12
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
11
|
|
|
14
|
-
var _react =
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
13
|
|
|
16
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
15
|
|
|
@@ -19,10 +17,6 @@ var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
|
|
|
19
17
|
|
|
20
18
|
require("./SwitcherHide.scss");
|
|
21
19
|
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
20
|
var RC = 'switcher-hide';
|
|
27
21
|
|
|
28
22
|
var SwitcherHide = function SwitcherHide(_ref) {
|
|
@@ -37,7 +37,8 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
|
|
|
37
37
|
_props$setIsActive = props.setIsActive,
|
|
38
38
|
setIsActive = _props$setIsActive === void 0 ? function () {} : _props$setIsActive,
|
|
39
39
|
_props$onChange = props.onChange,
|
|
40
|
-
onChange = _props$onChange === void 0 ? function () {} : _props$onChange
|
|
40
|
+
onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
41
|
+
testId = props.testId;
|
|
41
42
|
return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
|
|
42
43
|
isActive: isActive,
|
|
43
44
|
onChange: setIsActive,
|
|
@@ -50,6 +51,7 @@ var SwitcherRangeList = function SwitcherRangeList(props) {
|
|
|
50
51
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
52
|
className: "switcher-range-list__row"
|
|
52
53
|
}, /*#__PURE__*/_react.default.createElement(_RangeList.default, {
|
|
54
|
+
testId: testId,
|
|
53
55
|
className: "".concat(RC, "__range-list"),
|
|
54
56
|
value: value,
|
|
55
57
|
onChange: onChange,
|
|
@@ -39,12 +39,14 @@ var SwitcherTextarea = function SwitcherTextarea(_ref) {
|
|
|
39
39
|
_ref$setText = _ref.setText,
|
|
40
40
|
setText = _ref$setText === void 0 ? function () {} : _ref$setText,
|
|
41
41
|
_ref$activeText = _ref.activeText,
|
|
42
|
-
activeText = _ref$activeText === void 0 ?
|
|
42
|
+
activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
|
|
43
43
|
_ref$inactiveText = _ref.inactiveText,
|
|
44
|
-
inactiveText = _ref$inactiveText === void 0 ?
|
|
44
|
+
inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
|
|
45
45
|
placeholder = _ref.placeholder,
|
|
46
|
-
disabled = _ref.disabled
|
|
46
|
+
disabled = _ref.disabled,
|
|
47
|
+
testId = _ref.testId;
|
|
47
48
|
return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
|
|
49
|
+
testId: testId,
|
|
48
50
|
isActive: isActive,
|
|
49
51
|
onChange: setIsActive,
|
|
50
52
|
label: label,
|
|
@@ -55,6 +57,7 @@ var SwitcherTextarea = function SwitcherTextarea(_ref) {
|
|
|
55
57
|
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
58
|
className: "".concat(RC, "__wrap switcher-hide__content")
|
|
57
59
|
}, /*#__PURE__*/_react.default.createElement(_TextSwitcher.default, {
|
|
60
|
+
testId: testId,
|
|
58
61
|
activeText: activeText,
|
|
59
62
|
inactiveText: inactiveText,
|
|
60
63
|
isActive: isIncluded !== null && isIncluded !== void 0 ? isIncluded : true,
|
|
@@ -68,6 +71,7 @@ var SwitcherTextarea = function SwitcherTextarea(_ref) {
|
|
|
68
71
|
},
|
|
69
72
|
className: "".concat(RC, "__btn")
|
|
70
73
|
}, "Clear")), /*#__PURE__*/_react.default.createElement(_Textarea.default, {
|
|
74
|
+
testId: testId,
|
|
71
75
|
value: text,
|
|
72
76
|
placeholder: placeholder,
|
|
73
77
|
onChange: function onChange(value) {
|
|
@@ -27,9 +27,12 @@ var TextSwitcher = function TextSwitcher(_ref) {
|
|
|
27
27
|
_ref$activeText = _ref.activeText,
|
|
28
28
|
activeText = _ref$activeText === void 0 ? 'is' : _ref$activeText,
|
|
29
29
|
_ref$inactiveText = _ref.inactiveText,
|
|
30
|
-
inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText
|
|
30
|
+
inactiveText = _ref$inactiveText === void 0 ? 'is not' : _ref$inactiveText,
|
|
31
|
+
_ref$testId = _ref.testId,
|
|
32
|
+
testId = _ref$testId === void 0 ? '' : _ref$testId;
|
|
31
33
|
var isUndefined = isActive === undefined || isActive === null;
|
|
32
34
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
35
|
+
testId: testId,
|
|
33
36
|
className: (0, _classnames.default)(RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_active"), isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn), className),
|
|
34
37
|
onClick: function onClick() {
|
|
35
38
|
return onChange(!isActive);
|
|
@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
-
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
15
|
-
|
|
16
14
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
17
15
|
|
|
18
16
|
require("./Textarea.scss");
|
|
@@ -26,10 +24,12 @@ var Textarea = function Textarea(_ref) {
|
|
|
26
24
|
disabled = _ref.disabled,
|
|
27
25
|
className = _ref.className,
|
|
28
26
|
_ref$isNotValidateASC = _ref.isNotValidateASCII,
|
|
29
|
-
isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC
|
|
27
|
+
isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
|
|
28
|
+
_ref$testId = _ref.testId,
|
|
29
|
+
testId = _ref$testId === void 0 ? '' : _ref$testId;
|
|
30
30
|
var handle = {
|
|
31
|
-
change: function change(
|
|
32
|
-
var inputValue =
|
|
31
|
+
change: function change(val) {
|
|
32
|
+
var inputValue = val;
|
|
33
33
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
34
34
|
onChange(inputValue);
|
|
35
35
|
}
|
|
@@ -37,6 +37,7 @@ var Textarea = function Textarea(_ref) {
|
|
|
37
37
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
38
|
className: (0, _classnames.default)("".concat(RC), className)
|
|
39
39
|
}, /*#__PURE__*/_react.default.createElement("textarea", {
|
|
40
|
+
testId: "textarea-".concat(testId),
|
|
40
41
|
className: "".concat(RC, "__textarea"),
|
|
41
42
|
value: value,
|
|
42
43
|
onChange: function onChange(e) {
|
|
@@ -37,7 +37,7 @@ var Button = function Button(_ref) {
|
|
|
37
37
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant;
|
|
38
38
|
var noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
|
|
39
39
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
40
|
-
"data-testid": "button--".concat(testId, "--").concat((label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-')) || variant),
|
|
40
|
+
"data-testid": "button".concat(testId && "--".concat(testId), "--").concat((label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-')) || variant),
|
|
41
41
|
tabIndex: tabIndex,
|
|
42
42
|
style: style,
|
|
43
43
|
className: (0, _classnames.default)(className, RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_").concat(variant), variant), (0, _defineProperty2.default)(_cn, 'button_icon-left', icon && !isIconRight), (0, _defineProperty2.default)(_cn, 'button_icon-right', icon && isIconRight), _cn)),
|
|
@@ -92,7 +92,7 @@ var Modal = function Modal(_ref) {
|
|
|
92
92
|
style: {
|
|
93
93
|
zIndex: zIndex
|
|
94
94
|
},
|
|
95
|
-
"data-testid": "modal--".concat(title || '', "--container"),
|
|
95
|
+
"data-testid": "modal--".concat(title === null || title === void 0 ? void 0 : title.replace(/\s/gi, '-'), "--container"),
|
|
96
96
|
className: "modal-box j5"
|
|
97
97
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
98
98
|
"data-testid": 'modal-closeOverlay',
|
|
@@ -118,9 +118,9 @@ function usePasswordChecker() {
|
|
|
118
118
|
className: "password-checker__header"
|
|
119
119
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
120
120
|
className: "password-checker__header-label"
|
|
121
|
-
}, " Password must: "),
|
|
121
|
+
}, " Password must: "), ' '), ' ', /*#__PURE__*/_react.default.createElement("div", {
|
|
122
122
|
className: "password-checker__body"
|
|
123
|
-
},
|
|
123
|
+
}, ' ', checkRules.map(function (_ref) {
|
|
124
124
|
var icon = _ref.icon,
|
|
125
125
|
text = _ref.text,
|
|
126
126
|
isMatch = _ref.isMatch;
|
|
@@ -130,8 +130,8 @@ function usePasswordChecker() {
|
|
|
130
130
|
className: "password-checker__body-item__icon"
|
|
131
131
|
}, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {
|
|
132
132
|
className: "password-checker__body-item__text"
|
|
133
|
-
}, " ", text, " "),
|
|
134
|
-
}),
|
|
133
|
+
}, " ", text, " "), ' ');
|
|
134
|
+
}), ' '), ' ');
|
|
135
135
|
};
|
|
136
136
|
|
|
137
137
|
return {
|