intelicoreact 0.2.83 → 0.2.86
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/CheckboxInput/CheckboxInput.js +2 -1
- package/dist/Atomic/FormElements/Input/Input.js +1 -1
- package/dist/Atomic/FormElements/InputMask/InputMask.js +3 -1
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +3 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +5 -0
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +3 -1
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +27 -21
- package/dist/Atomic/UI/Button/Button.js +2 -5
- package/dist/Atomic/UI/Modal/Modal.js +5 -4
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +3 -5
- package/package.json +1 -1
|
@@ -31,6 +31,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
|
|
|
31
31
|
_ref$testId = _ref.testId,
|
|
32
32
|
testId = _ref$testId === void 0 ? '' : _ref$testId;
|
|
33
33
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
34
|
+
"data-testid": "checkbox--label--".concat(testId || id || key || (label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-'))),
|
|
34
35
|
className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
|
|
35
36
|
htmlFor: id
|
|
36
37
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -48,7 +49,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
|
|
|
48
49
|
ref: function ref(elem) {
|
|
49
50
|
if (elem) elem.indeterminate = isStark;
|
|
50
51
|
},
|
|
51
|
-
"data-testid": "checkbox--input--".concat(testId)
|
|
52
|
+
"data-testid": "checkbox--input--".concat(testId || id || key || (label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-')))
|
|
52
53
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
53
54
|
className: "checkbox-input__mark"
|
|
54
55
|
})), label && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -225,7 +225,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
225
225
|
mask: mask
|
|
226
226
|
}));
|
|
227
227
|
return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
228
|
-
"data-testid": testId
|
|
228
|
+
"data-testid": "input--key-".concat(testId, "--type-").concat(type)
|
|
229
229
|
}, uniProps, {
|
|
230
230
|
ref: inputRef,
|
|
231
231
|
type: isPriceInput ? 'text' : type,
|
|
@@ -108,7 +108,8 @@ function InputMask() {
|
|
|
108
108
|
hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
|
|
109
109
|
_ref$returnMaskedValu = _ref.returnMaskedValue,
|
|
110
110
|
returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
|
|
111
|
-
name = _ref.name
|
|
111
|
+
name = _ref.name,
|
|
112
|
+
testId = _ref.testId;
|
|
112
113
|
|
|
113
114
|
var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
|
|
114
115
|
|
|
@@ -1433,6 +1434,7 @@ function InputMask() {
|
|
|
1433
1434
|
onBlur: onBlur
|
|
1434
1435
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
1435
1436
|
className: "\n input-mask\n ".concat(isError ? 'input-mask_error' : '', "\n ").concat(isFocused ? 'input-mask_focus' : '', "\n ").concat(blinkError ? 'input-mask_blink-error' : '', "\n "),
|
|
1437
|
+
"data-testId": testId,
|
|
1436
1438
|
onMouseDown: function onMouseDown(e) {
|
|
1437
1439
|
return cancelDefaultAction(e, function () {
|
|
1438
1440
|
return setIsMouseDown(true);
|
|
@@ -106,7 +106,8 @@ function InputMask2() {
|
|
|
106
106
|
hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
|
|
107
107
|
_ref$returnMaskedValu = _ref.returnMaskedValue,
|
|
108
108
|
returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
|
|
109
|
-
name = _ref.name
|
|
109
|
+
name = _ref.name,
|
|
110
|
+
testId = _ref.testId;
|
|
110
111
|
|
|
111
112
|
var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
|
|
112
113
|
|
|
@@ -649,6 +650,7 @@ function InputMask2() {
|
|
|
649
650
|
|
|
650
651
|
var renderInput = function renderInput() {
|
|
651
652
|
return /*#__PURE__*/_react.default.createElement("input", {
|
|
653
|
+
"data-testid": testId,
|
|
652
654
|
className: "input-mask_input ".concat(className),
|
|
653
655
|
ref: inputRef,
|
|
654
656
|
value: inputValue,
|
|
@@ -39,6 +39,7 @@ function RangeSlider(_ref) {
|
|
|
39
39
|
minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
|
|
40
40
|
_ref$precision = _ref.precision,
|
|
41
41
|
precision = _ref$precision === void 0 ? 0 : _ref$precision,
|
|
42
|
+
testId = _ref.testId,
|
|
42
43
|
_ref$value = _ref.value,
|
|
43
44
|
value = _ref$value === void 0 ? {
|
|
44
45
|
from: min,
|
|
@@ -328,6 +329,7 @@ function RangeSlider(_ref) {
|
|
|
328
329
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
329
330
|
className: "range-slider__inputs--from"
|
|
330
331
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
332
|
+
"data-testid": "rangeSlider--input--".concat(testId, "--type-from"),
|
|
331
333
|
value: focusedType === 'from' ? tempValue : from.toString(),
|
|
332
334
|
onFocus: function onFocus(e) {
|
|
333
335
|
return onRangeInputFocus(e, 'from');
|
|
@@ -339,6 +341,7 @@ function RangeSlider(_ref) {
|
|
|
339
341
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
340
342
|
className: "range-slider__inputs__input"
|
|
341
343
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
344
|
+
"data-testid": "rangeSlider--input--".concat(testId, "--type-to"),
|
|
342
345
|
value: focusedType === 'to' ? tempValue : to.toString(),
|
|
343
346
|
onFocus: function onFocus(e) {
|
|
344
347
|
return onRangeInputFocus(e, 'to');
|
|
@@ -371,6 +374,7 @@ function RangeSlider(_ref) {
|
|
|
371
374
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
372
375
|
className: "range-slider__track__range-triggers"
|
|
373
376
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
377
|
+
"data-testid": "rangeSlider--track--".concat(testId, "--type-from"),
|
|
374
378
|
ref: fromTriggerRef,
|
|
375
379
|
style: fromStyle,
|
|
376
380
|
className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left",
|
|
@@ -378,6 +382,7 @@ function RangeSlider(_ref) {
|
|
|
378
382
|
return onTriggerMouseDown(e, 'from');
|
|
379
383
|
}
|
|
380
384
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
385
|
+
"data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
|
|
381
386
|
ref: toTriggerRef,
|
|
382
387
|
style: toStyle,
|
|
383
388
|
className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right",
|
|
@@ -32,7 +32,7 @@ var Switcher = function Switcher(_ref) {
|
|
|
32
32
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
33
33
|
className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
|
|
34
34
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
35
|
-
"data-testid": "".concat(testId, "--button"),
|
|
35
|
+
"data-testid": "switcher--key-".concat(testId, "--button"),
|
|
36
36
|
className: (0, _classnames.default)("".concat(RC, "__button")),
|
|
37
37
|
onClick: function onClick() {
|
|
38
38
|
return onChange(!isActive);
|
|
@@ -50,7 +50,9 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
|
|
|
50
50
|
|
|
51
51
|
var renderRadioGroup = function renderRadioGroup() {
|
|
52
52
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
-
className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction)
|
|
53
|
+
className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction), {
|
|
54
|
+
disabled: disabled
|
|
55
|
+
})
|
|
54
56
|
}, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
|
|
55
57
|
return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, option, {
|
|
56
58
|
key: option.id || option.value || index,
|
|
@@ -2,13 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports.default = void 0;
|
|
11
11
|
|
|
12
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
+
|
|
12
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
15
|
|
|
14
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
@@ -25,7 +27,7 @@ require("./AccordionTable.scss");
|
|
|
25
27
|
|
|
26
28
|
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); }
|
|
27
29
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
29
31
|
|
|
30
32
|
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; }
|
|
31
33
|
|
|
@@ -34,9 +36,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
34
36
|
var AccordionTable = function AccordionTable(_ref) {
|
|
35
37
|
var className = _ref.className,
|
|
36
38
|
header = _ref.header,
|
|
37
|
-
|
|
39
|
+
items = _ref.items,
|
|
40
|
+
onChange = _ref.onChange,
|
|
41
|
+
testId = _ref.testId;
|
|
38
42
|
|
|
39
|
-
var _useState = (0, _react.useState)(
|
|
43
|
+
var _useState = (0, _react.useState)(items),
|
|
40
44
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
41
45
|
accordions = _useState2[0],
|
|
42
46
|
setAccordions = _useState2[1];
|
|
@@ -50,6 +54,7 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
50
54
|
});
|
|
51
55
|
} else return item;
|
|
52
56
|
});
|
|
57
|
+
onChange(newArr);
|
|
53
58
|
setAccordions(newArr);
|
|
54
59
|
}
|
|
55
60
|
};
|
|
@@ -76,16 +81,16 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
76
81
|
flexBasis: "".concat((_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width, "%")
|
|
77
82
|
},
|
|
78
83
|
className: (0, _classnames.default)('accordion-table__td', (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
|
|
79
|
-
}, value);
|
|
84
|
+
}, (0, _typeof2.default)(value) !== 'object' ? value : value.value);
|
|
80
85
|
});
|
|
81
86
|
};
|
|
82
87
|
|
|
83
|
-
var renderTr = function renderTr(
|
|
84
|
-
return
|
|
88
|
+
var renderTr = function renderTr(rows) {
|
|
89
|
+
return rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
|
|
85
90
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
86
|
-
key:
|
|
87
|
-
className: (0, _classnames.default)('accordion-table__tr',
|
|
88
|
-
}, renderTd(
|
|
91
|
+
key: index,
|
|
92
|
+
className: (0, _classnames.default)('accordion-table__tr', row.className)
|
|
93
|
+
}, renderTd(row.cols || row));
|
|
89
94
|
});
|
|
90
95
|
};
|
|
91
96
|
|
|
@@ -107,8 +112,8 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
107
112
|
};
|
|
108
113
|
|
|
109
114
|
(0, _react.useEffect)(function () {
|
|
110
|
-
setAccordions(
|
|
111
|
-
}, [
|
|
115
|
+
setAccordions(items);
|
|
116
|
+
}, [items]);
|
|
112
117
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
113
118
|
className: (0, _classnames.default)('accordion-table', className)
|
|
114
119
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -123,20 +128,21 @@ var AccordionTable = function AccordionTable(_ref) {
|
|
|
123
128
|
}, item.label);
|
|
124
129
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
125
130
|
className: "accordion-table__body"
|
|
126
|
-
}, accordions === null || accordions === void 0 ? void 0 : accordions.map(function (
|
|
127
|
-
var
|
|
131
|
+
}, accordions === null || accordions === void 0 ? void 0 : accordions.map(function (accordion) {
|
|
132
|
+
var _accordion$children;
|
|
128
133
|
|
|
129
134
|
return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
|
|
130
|
-
|
|
135
|
+
testId: testId,
|
|
136
|
+
key: accordion.key,
|
|
131
137
|
onClick: function onClick() {
|
|
132
|
-
return handle.accordionChange(
|
|
138
|
+
return handle.accordionChange(accordion.key);
|
|
133
139
|
},
|
|
134
|
-
isOpen:
|
|
140
|
+
isOpen: accordion.isOpen,
|
|
135
141
|
className: (0, _classnames.default)('accordion-table__body-accordion', {
|
|
136
|
-
'accordion-table__body-accordion--closed': !
|
|
137
|
-
},
|
|
138
|
-
titleJSX: defineAccordionTitle(
|
|
139
|
-
}, (
|
|
142
|
+
'accordion-table__body-accordion--closed': !accordion.isOpen
|
|
143
|
+
}, accordion.className),
|
|
144
|
+
titleJSX: defineAccordionTitle(accordion)
|
|
145
|
+
}, (_accordion$children = accordion.children) !== null && _accordion$children !== void 0 ? _accordion$children : renderTr(accordion.rows));
|
|
140
146
|
})));
|
|
141
147
|
};
|
|
142
148
|
|
|
@@ -31,23 +31,20 @@ var Button = function Button(_ref) {
|
|
|
31
31
|
isIconRight = _ref.isIconRight,
|
|
32
32
|
_ref$testId = _ref.testId,
|
|
33
33
|
testId = _ref$testId === void 0 ? '' : _ref$testId,
|
|
34
|
-
_ref$textTestId = _ref.textTestId,
|
|
35
|
-
textTestId = _ref$textTestId === void 0 ? '' : _ref$textTestId,
|
|
36
34
|
_ref$tabIndex = _ref.tabIndex,
|
|
37
35
|
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
|
|
38
36
|
_ref$variant = _ref.variant,
|
|
39
37
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant;
|
|
40
38
|
var noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
|
|
41
39
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
42
|
-
"data-testid": "button--".concat(testId, "
|
|
40
|
+
"data-testid": "button--".concat(testId, "--").concat((label === null || label === void 0 ? void 0 : label.replace(/\s/g, '-')) || variant),
|
|
43
41
|
tabIndex: tabIndex,
|
|
44
42
|
style: style,
|
|
45
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)),
|
|
46
44
|
onClick: onClick,
|
|
47
45
|
disabled: disabled
|
|
48
46
|
}, !noRenderIcon && icon, label && /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
-
className: "button__text"
|
|
50
|
-
"data-testid": "button--".concat(textTestId, "--label")
|
|
47
|
+
className: "button__text"
|
|
51
48
|
}, label), !label && children ? children : null);
|
|
52
49
|
};
|
|
53
50
|
|
|
@@ -92,10 +92,10 @@ var Modal = function Modal(_ref) {
|
|
|
92
92
|
style: {
|
|
93
93
|
zIndex: zIndex
|
|
94
94
|
},
|
|
95
|
-
"data-testid":
|
|
95
|
+
"data-testid": "modal--".concat(title || '', "--container"),
|
|
96
96
|
className: "modal-box j5"
|
|
97
97
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
98
|
-
"data-testid": '
|
|
98
|
+
"data-testid": 'modal-closeOverlay',
|
|
99
99
|
className: isOpen ? 'modal-overlay' : 'hidden',
|
|
100
100
|
onClick: closeModal
|
|
101
101
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -108,7 +108,7 @@ var Modal = function Modal(_ref) {
|
|
|
108
108
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
109
109
|
className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
|
|
110
110
|
}, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle())), !forced && /*#__PURE__*/_react.default.createElement("div", {
|
|
111
|
-
"data-testid": '
|
|
111
|
+
"data-testid": 'modal--button-closeCross',
|
|
112
112
|
onClick: closeModal,
|
|
113
113
|
className: (0, _classnames.default)('modal-close-icon-box', {
|
|
114
114
|
'modal-close-icon-box-primary': variant === 'primary'
|
|
@@ -126,7 +126,7 @@ var Modal = function Modal(_ref) {
|
|
|
126
126
|
}, leftContentOfFooter, /*#__PURE__*/_react.default.createElement("div", {
|
|
127
127
|
className: "modal__buttons-block"
|
|
128
128
|
}, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
129
|
-
testId:
|
|
129
|
+
testId: "modal",
|
|
130
130
|
className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
|
|
131
131
|
variant: closeBtnVariant || 'dark-outline',
|
|
132
132
|
onClick: closeModal,
|
|
@@ -136,6 +136,7 @@ var Modal = function Modal(_ref) {
|
|
|
136
136
|
isIconRight: isCloseBtnIconPositionRight,
|
|
137
137
|
tabIndex: 1
|
|
138
138
|
}), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
139
|
+
testId: "modal",
|
|
139
140
|
onClick: function onClick() {
|
|
140
141
|
return handle.confirm();
|
|
141
142
|
},
|
|
@@ -37,6 +37,7 @@ var MonoAccordion = function MonoAccordion(_ref) {
|
|
|
37
37
|
onClick = _ref.onClick,
|
|
38
38
|
className = _ref.className,
|
|
39
39
|
disabled = _ref.disabled,
|
|
40
|
+
testId = _ref.testId,
|
|
40
41
|
_ref$datasetProp = _ref.datasetProp,
|
|
41
42
|
datasetProp = _ref$datasetProp === void 0 ? {} : _ref$datasetProp;
|
|
42
43
|
|
|
@@ -72,19 +73,16 @@ var MonoAccordion = function MonoAccordion(_ref) {
|
|
|
72
73
|
(0, _react.useEffect)(function () {
|
|
73
74
|
if (!isOpen) setHeight(0);else setHeight();
|
|
74
75
|
}, [isOpen]);
|
|
75
|
-
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
76
|
-
"data-testid": 'test-monoAccordion'
|
|
77
|
-
}, datasetProp, {
|
|
76
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
|
|
78
77
|
className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_is-open"), isOpen), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
|
|
79
78
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
80
|
-
"data-
|
|
79
|
+
"data-testId": "accordionHeader--key-".concat(testId, "--clickable"),
|
|
81
80
|
className: "".concat(RC, "__head"),
|
|
82
81
|
onClick: handleClick
|
|
83
82
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
84
83
|
ref: titleRef,
|
|
85
84
|
className: "".concat(RC, "__tile-container")
|
|
86
85
|
}, titleJSX), /*#__PURE__*/_react.default.createElement("span", {
|
|
87
|
-
"data-testid": 'test-monoAccordion-icon',
|
|
88
86
|
className: "".concat(RC, "__icon-container")
|
|
89
87
|
}, icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
90
88
|
ref: containerRef,
|