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.
@@ -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 _typeof = require("@babel/runtime/helpers/typeof");
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 || _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; }
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
- rows = _ref.rows;
39
+ items = _ref.items,
40
+ onChange = _ref.onChange,
41
+ testId = _ref.testId;
38
42
 
39
- var _useState = (0, _react.useState)(rows),
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(items) {
84
- return items === null || items === void 0 ? void 0 : items.map(function (item) {
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: item.key,
87
- className: (0, _classnames.default)('accordion-table__tr', item.className)
88
- }, renderTd(item));
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(rows);
111
- }, [rows]);
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 (row) {
127
- var _row$children;
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
- key: row.key,
135
+ testId: testId,
136
+ key: accordion.key,
131
137
  onClick: function onClick() {
132
- return handle.accordionChange(row.key);
138
+ return handle.accordionChange(accordion.key);
133
139
  },
134
- isOpen: row.isOpen,
140
+ isOpen: accordion.isOpen,
135
141
  className: (0, _classnames.default)('accordion-table__body-accordion', {
136
- 'accordion-table__body-accordion--closed': !row.isOpen
137
- }, row.className),
138
- titleJSX: defineAccordionTitle(row)
139
- }, (_row$children = row.children) !== null && _row$children !== void 0 ? _row$children : renderTr(row.items));
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, "-").concat(tabIndex),
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": 'test-modal',
95
+ "data-testid": "modal--".concat(title || '', "--container"),
96
96
  className: "modal-box j5"
97
97
  }, /*#__PURE__*/_react.default.createElement("div", {
98
- "data-testid": 'test-modal-closeOverlay',
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": 'test-modal-closeCross',
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: 'test-modal-closeBtn',
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-testid": 'test-monoAccordion-head',
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.2.83",
3
+ "version": "0.2.86",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [