intelicoreact 1.2.45 → 1.2.47

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,7 +31,9 @@ var CheckboxInput = function CheckboxInput(_ref) {
31
31
  className = _ref.className,
32
32
  isStark = _ref.isStark,
33
33
  _ref$testId = _ref.testId,
34
- testId = _ref$testId === void 0 ? '' : _ref$testId;
34
+ testId = _ref$testId === void 0 ? '' : _ref$testId,
35
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
36
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
35
37
  return /*#__PURE__*/_react.default.createElement("label", {
36
38
  "data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)({
37
39
  testId: testId || id || fieldKey
@@ -56,7 +58,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
56
58
  "data-testid": "checkbox--input--".concat((0, _utils.getCorrectTestId)({
57
59
  testId: testId || id || fieldKey
58
60
  }))
59
- })), /*#__PURE__*/_react.default.createElement("span", {
61
+ }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("span", {
60
62
  className: "checkbox-input__mark"
61
63
  })), label && /*#__PURE__*/_react.default.createElement("div", {
62
64
  className: "checkbox-input__label"
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
13
15
 
14
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -66,7 +68,9 @@ var Dropdown = function Dropdown(_ref) {
66
68
  fieldKey = _ref.fieldKey,
67
69
  id = _ref.id,
68
70
  _ref$noOptionsText = _ref.noOptionsText,
69
- noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText;
71
+ noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText,
72
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
73
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
70
74
  var dropdownId = fieldKey || id;
71
75
 
72
76
  var _useState = (0, _react.useState)(false),
@@ -479,7 +483,7 @@ var Dropdown = function Dropdown(_ref) {
479
483
  onClick: toggleList,
480
484
  onKeyDown: onKeyDown,
481
485
  onKeyUp: onKeyUp
482
- }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
486
+ }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
483
487
  ref: searchInputRef,
484
488
  className: "".concat(RC, "__input"),
485
489
  value: isOpen ? searchValue !== null && searchValue !== void 0 ? searchValue : '' : selectedLabel || '',
@@ -499,7 +503,7 @@ var Dropdown = function Dropdown(_ref) {
499
503
  setIsOpen(true);
500
504
  }
501
505
  }
502
- }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
506
+ }, attributesOfNativeInput)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
503
507
  className: "text"
504
508
  }, selectedLabel || placeholder), postfixText && /*#__PURE__*/_react.default.createElement("span", {
505
509
  className: "dropdown__list-item-postfix"
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
15
 
14
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -51,7 +53,9 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
51
53
  _ref$isNotValidateASC = _ref.isNotValidateASCII,
52
54
  isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
53
55
  _ref$noOptionsText = _ref.noOptionsText,
54
- noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText;
56
+ noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText,
57
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
58
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
55
59
  var dropdownId = fieldKey || id;
56
60
 
57
61
  var _useState = (0, _react.useState)(false),
@@ -276,7 +280,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
276
280
  onFocus: function onFocus() {
277
281
  return !isFocusedByClick ? setIsOpen(true) : null;
278
282
  }
279
- }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", {
283
+ }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
280
284
  ref: searchInputRef,
281
285
  className: "".concat(RC, "__input"),
282
286
  value: isOpen ? searchValue : labelByValue,
@@ -284,7 +288,7 @@ var DropdownLiveSearch = function DropdownLiveSearch(_ref) {
284
288
  placeholder: placeholder,
285
289
  onFocus: searchableInputFocus,
286
290
  onClick: handle.onInputClick
287
- }) : /*#__PURE__*/_react.default.createElement("span", {
291
+ }, attributesOfNativeInput)) : /*#__PURE__*/_react.default.createElement("span", {
288
292
  className: "text"
289
293
  }, labelByValue || placeholder), /*#__PURE__*/_react.default.createElement("span", {
290
294
  className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen)),
@@ -53,7 +53,9 @@ var FileLoader = function FileLoader(props) {
53
53
  _props$isLinkTypeDown = props.isLinkTypeDownload,
54
54
  isLinkTypeDownload = _props$isLinkTypeDown === void 0 ? false : _props$isLinkTypeDown,
55
55
  _props$isUseLinkTitle = props.isUseLinkTitle,
56
- isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle;
56
+ isUseLinkTitle = _props$isUseLinkTitle === void 0 ? false : _props$isUseLinkTitle,
57
+ _props$attributesOfNa = props.attributesOfNativeInput,
58
+ attributesOfNativeInput = _props$attributesOfNa === void 0 ? {} : _props$attributesOfNa;
57
59
 
58
60
  var _useState = (0, _react.useState)(false),
59
61
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -90,7 +92,8 @@ var FileLoader = function FileLoader(props) {
90
92
  placeholder: placeholder,
91
93
  filterFiles: filterFiles,
92
94
  processErrors: processErrors,
93
- isBlockNullValues: isBlockNullValues
95
+ isBlockNullValues: isBlockNullValues,
96
+ attributesOfNativeInput: attributesOfNativeInput
94
97
  }));
95
98
  };
96
99
 
@@ -11,6 +11,8 @@ exports.default = void 0;
11
11
 
12
12
  var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
13
13
 
14
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
+
14
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
17
 
16
18
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -44,7 +46,9 @@ var LoadZone = function LoadZone(_ref) {
44
46
  _ref$filterFiles = _ref.filterFiles,
45
47
  filterFiles = _ref$filterFiles === void 0 ? FILTER_FILES_DEFAULT : _ref$filterFiles,
46
48
  processErrors = _ref.processErrors,
47
- isBlockNullValues = _ref.isBlockNullValues;
49
+ isBlockNullValues = _ref.isBlockNullValues,
50
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
51
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
48
52
  var dropZoneId = "dropZone-".concat(fieldKey);
49
53
  var handle = {
50
54
  change: function () {
@@ -163,12 +167,12 @@ var LoadZone = function LoadZone(_ref) {
163
167
  id: dropZoneId,
164
168
  className: (0, _classnames.default)("".concat(RC, "__input-label"), (0, _defineProperty2.default)({}, "".concat(RC, "__input-label_no-icon"), !icon)),
165
169
  htmlFor: fieldKey
166
- }, placeholder, /*#__PURE__*/_react.default.createElement("input", {
170
+ }, placeholder, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
167
171
  id: fieldKey,
168
172
  className: (0, _classnames.default)("".concat(RC, "__input")),
169
173
  type: "file",
170
174
  onChange: handle.change
171
- })));
175
+ }, attributesOfNativeInput))));
172
176
  };
173
177
 
174
178
  var _default = LoadZone;
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
 
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
10
12
  var _react = _interopRequireDefault(require("react"));
11
13
 
12
14
  var _classnames = _interopRequireDefault(require("classnames"));
@@ -31,7 +33,9 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
31
33
  value = _ref.value,
32
34
  isNoTrashIcon = _ref.isNoTrashIcon,
33
35
  maxItemSizeBytes = _ref.maxItemSizeBytes,
34
- testId = _ref.testId;
36
+ testId = _ref.testId,
37
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
38
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
35
39
 
36
40
  var getFileName = function getFileName(value) {
37
41
  var result = value.match(/[^\\]+$/);
@@ -103,7 +107,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
103
107
  return /*#__PURE__*/_react.default.createElement("div", {
104
108
  "data-testid": "input--file-loader-local--key-".concat(testId),
105
109
  className: (0, _classnames.default)('file-loader-local', className)
106
- }, /*#__PURE__*/_react.default.createElement("input", {
110
+ }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
107
111
  onChange: handle.change,
108
112
  className: "file-loader-local__file-input",
109
113
  id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ''),
@@ -111,7 +115,7 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
111
115
  name: "file",
112
116
  required: isRequired,
113
117
  accept: accept
114
- }), /*#__PURE__*/_react.default.createElement("label", {
118
+ }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
115
119
  className: "file-loader-local__label-box",
116
120
  htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : '')
117
121
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -131,7 +131,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
131
131
  name = _ref.name,
132
132
  fieldKey = _ref.fieldKey,
133
133
  id = _ref.id,
134
- key = _ref.key;
134
+ key = _ref.key,
135
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
136
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
135
137
 
136
138
  var _ref2 = blurTrim || {},
137
139
  trimStart = _ref2.trimStart,
@@ -441,7 +443,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
441
443
  if (isUseAutoSelect) inputRef.current.select();
442
444
  if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
443
445
  }
444
- })), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
446
+ }, attributesOfNativeInput)), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
445
447
  "data-testid": "icon-close",
446
448
  className: (0, _classnames.default)("input__close", {
447
449
  hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
15
 
14
16
  var _react = _interopRequireWildcard(require("react"));
@@ -26,7 +28,9 @@ var InputCurrency = function InputCurrency(_ref) {
26
28
  onChange = _ref.onChange,
27
29
  className = _ref.className,
28
30
  value = _ref.value,
29
- disabled = _ref.disabled;
31
+ disabled = _ref.disabled,
32
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
33
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
30
34
 
31
35
  var _useState = (0, _react.useState)(value || currencySymbol || '$'),
32
36
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -69,7 +73,7 @@ var InputCurrency = function InputCurrency(_ref) {
69
73
  className: (0, _classnames.default)('input-currency-box', className, {
70
74
  disabled: disabled
71
75
  })
72
- }, /*#__PURE__*/_react.default.createElement("input", {
76
+ }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
73
77
  className: "input-currency",
74
78
  type: "text",
75
79
  ref: inputRef,
@@ -77,7 +81,7 @@ var InputCurrency = function InputCurrency(_ref) {
77
81
  onChange: formatCurrencyInput,
78
82
  onClick: onInputClick,
79
83
  onKeyDown: onKeyDown
80
- }));
84
+ }, attributesOfNativeInput)));
81
85
  };
82
86
 
83
87
  var _default = InputCurrency;
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
15
 
14
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -21,6 +23,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
21
23
 
22
24
  var _dependencies = require("../dependencies");
23
25
 
26
+ var _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
27
+
24
28
  var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
25
29
 
26
30
  var _Input = _interopRequireDefault(require("../../Input/Input"));
@@ -404,7 +408,7 @@ var Datepicker = function Datepicker(props) {
404
408
  className: "date-picker__header"
405
409
  }, /*#__PURE__*/_react.default.createElement("div", {
406
410
  className: "date-picker__inputs-block"
407
- }, /*#__PURE__*/_react.default.createElement(_Input.default, {
411
+ }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
408
412
  dataTest: "datepicker_start-date-input",
409
413
  className: (0, _classnames.default)({
410
414
  'date-picker__date-input_active': hoverStatus === 'start'
@@ -419,10 +423,8 @@ var Datepicker = function Datepicker(props) {
419
423
  onKeyUp: function onKeyUp(code, e) {
420
424
  return handleKeyPressed(code, e, 'start');
421
425
  },
422
- "data-testid": "datePicker--input-".concat(testId, "--startDate") //ref={startDateInputRef}
423
- // mask={moment(startDate).format('L').replace(/[0-9]/g, '9')}
424
-
425
- }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
426
+ "data-testid": "datePicker--input-".concat(testId, "--startDate")
427
+ }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD)), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
426
428
  testId: testId,
427
429
  dataTest: "datepicker_start-hour-select-input",
428
430
  className: (0, _classnames.default)('date-picker__hour-select-input'),
@@ -435,7 +437,7 @@ var Datepicker = function Datepicker(props) {
435
437
  short: true
436
438
  }), /*#__PURE__*/_react.default.createElement("div", {
437
439
  className: "date-picker__inputs-separator date-picker__header--gray"
438
- }, "\u2014"), /*#__PURE__*/_react.default.createElement(_Input.default, {
440
+ }, "\u2014"), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
439
441
  dataTest: "datepicker_end-date-input",
440
442
  className: (0, _classnames.default)({
441
443
  'date-picker__date-input_active': hoverStatus === 'end'
@@ -450,9 +452,8 @@ var Datepicker = function Datepicker(props) {
450
452
  onKeyUp: function onKeyUp(code, e) {
451
453
  return handleKeyPressed(code, e, 'end');
452
454
  },
453
- "data-testid": "datePicker--input-".concat(testId, "--endDate") //ref={endDateInputRef}
454
-
455
- }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
455
+ "data-testid": "datePicker--input-".concat(testId, "--endDate")
456
+ }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD)), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
456
457
  testId: testId,
457
458
  dataTest: "datepicker_end-hour-select-input",
458
459
  className: (0, _classnames.default)('date-picker__hour-select-input'),
@@ -118,7 +118,9 @@ function InputMask2() {
118
118
  fieldKey = _ref.fieldKey,
119
119
  id = _ref.id,
120
120
  disabled = _ref.disabled,
121
- testId = _ref.testId;
121
+ testId = _ref.testId,
122
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
123
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
122
124
 
123
125
  var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
124
126
 
@@ -684,7 +686,7 @@ function InputMask2() {
684
686
  };
685
687
 
686
688
  var renderInput = function renderInput() {
687
- return /*#__PURE__*/_react.default.createElement("input", {
689
+ return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
688
690
  name: name || fieldKey || id || testId || '',
689
691
  "data-testid": testId,
690
692
  className: "input-mask_input ".concat(className),
@@ -709,7 +711,7 @@ function InputMask2() {
709
711
  e.preventDefault();
710
712
  },
711
713
  onSelect: onSelect
712
- });
714
+ }, attributesOfNativeInput));
713
715
  };
714
716
 
715
717
  var render = function render() {
@@ -128,7 +128,9 @@ function InputMask3() {
128
128
  fieldKey = _ref.fieldKey,
129
129
  id = _ref.id,
130
130
  disabled = _ref.disabled,
131
- testId = _ref.testId;
131
+ testId = _ref.testId,
132
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
133
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
132
134
 
133
135
  var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
134
136
 
@@ -752,7 +754,7 @@ function InputMask3() {
752
754
  };
753
755
 
754
756
  var renderInput = function renderInput() {
755
- return /*#__PURE__*/_react.default.createElement("input", {
757
+ return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
756
758
  name: name || fieldKey || id || testId || '',
757
759
  "data-testid": testId,
758
760
  className: "input-mask_input ".concat(className),
@@ -777,7 +779,7 @@ function InputMask3() {
777
779
  e.preventDefault();
778
780
  },
779
781
  onSelect: onSelect
780
- });
782
+ }, attributesOfNativeInput));
781
783
  };
782
784
 
783
785
  var renderHideToggler = function renderHideToggler() {
@@ -84,7 +84,9 @@ var NumericInput = function NumericInput(_ref) {
84
84
  _ref$onlyNumbers = _ref.onlyNumbers,
85
85
  onlyNumbers = _ref$onlyNumbers === void 0 ? {
86
86
  type: 'int'
87
- } : _ref$onlyNumbers;
87
+ } : _ref$onlyNumbers,
88
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
89
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
88
90
  var DEFAULT_BLINK_TIME = 200; //REFS
89
91
 
90
92
  var inputRef = (0, _react.useRef)(null);
@@ -303,7 +305,7 @@ var NumericInput = function NumericInput(_ref) {
303
305
  if (isUseAutoSelect) inputRef.current.select();
304
306
  if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
305
307
  }
306
- })), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
308
+ }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
307
309
  className: "input__nums"
308
310
  }, /*#__PURE__*/_react.default.createElement("button", {
309
311
  "data-testid": "input--button--".concat(testId, "--minus"),
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
 
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
10
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
13
 
12
14
  var _react = _interopRequireDefault(require("react"));
@@ -28,14 +30,16 @@ var RadioInput = function RadioInput(_ref) {
28
30
  _ref$testId = _ref.testId,
29
31
  testId = _ref$testId === void 0 ? '' : _ref$testId,
30
32
  _ref$onChange = _ref.onChange,
31
- _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
33
+ _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
34
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
35
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
32
36
 
33
37
  return /*#__PURE__*/_react.default.createElement("label", {
34
38
  className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
35
39
  htmlFor: id
36
40
  }, /*#__PURE__*/_react.default.createElement("div", {
37
41
  className: (0, _classnames.default)("".concat(RC, "__input"), (0, _defineProperty2.default)({}, "".concat(RC, "__input--checked"), checked === value))
38
- }, /*#__PURE__*/_react.default.createElement("input", {
42
+ }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
39
43
  id: id,
40
44
  "data-testid": "radio--input--".concat(testId || id),
41
45
  type: "radio",
@@ -46,7 +50,7 @@ var RadioInput = function RadioInput(_ref) {
46
50
  },
47
51
  name: name,
48
52
  disabled: disabled
49
- }), /*#__PURE__*/_react.default.createElement("div", {
53
+ }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("div", {
50
54
  className: "".concat(RC, "__mark")
51
55
  })), label && /*#__PURE__*/_react.default.createElement("div", {
52
56
  className: "".concat(RC, "__label")
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = RangeSlider;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
15
 
14
16
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -19,6 +21,8 @@ var _reactFeather = require("react-feather");
19
21
 
20
22
  var _classnames = _interopRequireDefault(require("classnames"));
21
23
 
24
+ var _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
25
+
22
26
  var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
23
27
 
24
28
  var _Input = _interopRequireDefault(require("../Input/Input"));
@@ -378,7 +382,7 @@ function RangeSlider(_ref) {
378
382
  className: "range-slider__inputs"
379
383
  }, /*#__PURE__*/_react.default.createElement("div", {
380
384
  className: "range-slider__inputs--from"
381
- }, /*#__PURE__*/_react.default.createElement(_Input.default, {
385
+ }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
382
386
  "data-testid": "rangeSlider--input--".concat(testId, "--type-from"),
383
387
  value: from.toString(),
384
388
  onFocus: function onFocus(e) {
@@ -397,9 +401,9 @@ function RangeSlider(_ref) {
397
401
  max: max
398
402
  },
399
403
  isPriceInput: isUseBitPoints
400
- })), /*#__PURE__*/_react.default.createElement("div", {
404
+ }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))), /*#__PURE__*/_react.default.createElement("div", {
401
405
  className: "range-slider__inputs__input"
402
- }, /*#__PURE__*/_react.default.createElement(_Input.default, {
406
+ }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
403
407
  "data-testid": "rangeSlider--input--".concat(testId, "--type-to"),
404
408
  value: to.toString(),
405
409
  onFocus: function onFocus(e) {
@@ -418,7 +422,7 @@ function RangeSlider(_ref) {
418
422
  max: max
419
423
  },
420
424
  isPriceInput: isUseBitPoints
421
- })));
425
+ }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
422
426
  };
423
427
 
424
428
  var renderTrackRange = function renderTrackRange() {
@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
9
9
  });
10
10
  exports.default = void 0;
11
11
 
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
12
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
15
 
14
16
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -73,7 +75,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
73
75
  fieldKey = _ref.fieldKey,
74
76
  id = _ref.id,
75
77
  _ref$noOptionsText = _ref.noOptionsText,
76
- noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText;
78
+ noOptionsText = _ref$noOptionsText === void 0 ? 'No options available' : _ref$noOptionsText,
79
+ _ref$attributesOfNati = _ref.attributesOfNativeInput,
80
+ attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
77
81
  var dropdownId = fieldKey || id;
78
82
 
79
83
  var _useState = (0, _react.useState)(false),
@@ -368,7 +372,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
368
372
  },
369
373
  isNoDismiss: false
370
374
  });
371
- }), chosenOptions.length === 0 || !noTagsWrap ? /*#__PURE__*/_react.default.createElement("input", {
375
+ }), chosenOptions.length === 0 || !noTagsWrap ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
372
376
  ref: inputRef,
373
377
  className: "".concat(RC, "__input"),
374
378
  value: searchValue,
@@ -379,7 +383,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
379
383
  onKeyDown: function onKeyDown(e) {
380
384
  return onKeyPress(e, searchValue);
381
385
  }
382
- }) : '', isOpen && renderListContainer(), /*#__PURE__*/_react.default.createElement("span", {
386
+ }, attributesOfNativeInput)) : '', isOpen && renderListContainer(), /*#__PURE__*/_react.default.createElement("span", {
383
387
  className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen))
384
388
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
385
389
  className: "color--text"
@@ -26,6 +26,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
26
26
  var AccordionText = function AccordionText(_ref) {
27
27
  var _ref$isDefaultOpen = _ref.isDefaultOpen,
28
28
  isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
29
+ _ref$isOuterOpen = _ref.isOuterOpen,
30
+ isOuterOpen = _ref$isOuterOpen === void 0 ? false : _ref$isOuterOpen,
29
31
  className = _ref.className,
30
32
  _ref$text = _ref.text,
31
33
  text = _ref$text === void 0 ? 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' : _ref$text;
@@ -35,6 +37,9 @@ var AccordionText = function AccordionText(_ref) {
35
37
  isOpen = _useState2[0],
36
38
  setIsOpen = _useState2[1];
37
39
 
40
+ (0, _react.useEffect)(function () {
41
+ setIsOpen(isOuterOpen);
42
+ }, [isOuterOpen]);
38
43
  return /*#__PURE__*/_react.default.createElement("div", {
39
44
  className: (0, _classnames.default)('accordion-text', className, {
40
45
  'accordion-text--open': isOpen
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.EMAIL_KEYBOARD = exports.NUMERIC_KEYBOARD = exports.ALL_KEYBOARD_TYPES = void 0;
7
+ //? Удобно использовать для расширения объекта атрибутов
8
+ var ALL_KEYBOARD_TYPES = {
9
+ numeric: {
10
+ inputMode: 'numeric'
11
+ },
12
+ email: {
13
+ inputMode: 'email'
14
+ }
15
+ }; //? Например:
16
+
17
+ /*
18
+ const constructor = [
19
+ ...
20
+ {
21
+ key: 'someField',
22
+ ...
23
+ attributesOfNativeInput: {
24
+ 'data-testId': `someFieldTestId-${someId}`,
25
+ ...ALL_KEYBOARD_TYPES.numeric
26
+ }
27
+ }
28
+ ...
29
+ ];
30
+
31
+ */
32
+ // *****************************
33
+ //? Удобно использовать для расширения объекта филда, если в филде более не добавляются другие атрибуты
34
+ //? Например:
35
+
36
+ /*
37
+ const constructor = [
38
+ ...
39
+ {
40
+ key: 'someField',
41
+ ...NUMERIC_KEYBOARD
42
+ ...
43
+ }
44
+ ...
45
+ ];
46
+
47
+ */
48
+
49
+ exports.ALL_KEYBOARD_TYPES = ALL_KEYBOARD_TYPES;
50
+ var NUMERIC_KEYBOARD = {
51
+ attributesOfNativeInput: ALL_KEYBOARD_TYPES.numeric
52
+ };
53
+ exports.NUMERIC_KEYBOARD = NUMERIC_KEYBOARD;
54
+ var EMAIL_KEYBOARD = {
55
+ attributesOfNativeInput: ALL_KEYBOARD_TYPES.email
56
+ };
57
+ exports.EMAIL_KEYBOARD = EMAIL_KEYBOARD;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.2.45",
3
+ "version": "1.2.47",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [