intelicoreact 1.1.64 → 1.1.66

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.
@@ -601,18 +601,22 @@ function InputMask2() {
601
601
 
602
602
  (0, _react.useEffect)(function () {
603
603
  if (isMaskRendered && isInitValue) {
604
- var _prevValueRef$current, _prevValueRef$current2;
605
-
606
604
  setError(false);
607
605
  var values = [getClearInnerValueAsString(), getInputValue({
608
606
  noLastTyppedCharIndexCheck: true
609
607
  })];
610
608
  if (returnMaskedValue) values.reverse();
611
-
612
- if ((prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current = prevValueRef.current) === null || _prevValueRef$current === void 0 ? void 0 : _prevValueRef$current[0]) !== values[0] && (prevValueRef === null || prevValueRef === void 0 ? void 0 : (_prevValueRef$current2 = prevValueRef.current) === null || _prevValueRef$current2 === void 0 ? void 0 : _prevValueRef$current2[1]) !== values[1] && value !== values[0] && value !== values[1]) {
609
+ onChangeProp.apply(void 0, values); //todo Этот функционал ломает логику - инпут начиначиет возвращать промежуточные онченджи с пустым вэлью, при правильной отрисовке форма видит пустое вэлью.
610
+
611
+ /*if (
612
+ prevValueRef?.current?.[0] !== values[0] &&
613
+ prevValueRef?.current?.[1] !== values[1] &&
614
+ value !== values[0] &&
615
+ value !== values[1]
616
+ ) {
613
617
  prevValueRef.current = values;
614
- onChangeProp.apply(void 0, values);
615
- }
618
+ onChangeProp(...values);
619
+ }*/
616
620
  }
617
621
  }, [innerValue, isMaskRendered, isInitValue, value]); // Blink Error
618
622
 
@@ -21,8 +21,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
21
21
 
22
22
  var _reactFeather = require("react-feather");
23
23
 
24
- var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
25
-
26
24
  var _index = require("../../../Constants/index.constants");
27
25
 
28
26
  var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
@@ -41,9 +39,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
41
39
 
42
40
  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) { (0, _defineProperty2.default)(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; }
43
41
 
44
- var timerOutside;
45
- var timerFocus;
46
-
47
42
  var NumericInput = function NumericInput(_ref) {
48
43
  var disabled = _ref.disabled,
49
44
  withDelete = _ref.withDelete,
@@ -69,12 +64,10 @@ var NumericInput = function NumericInput(_ref) {
69
64
  onKeyUp = _ref$onKeyUp === void 0 ? function () {} : _ref$onKeyUp,
70
65
  _ref$onKeyDown = _ref.onKeyDown,
71
66
  onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
72
- mask = _ref.mask,
73
67
  maskChar = _ref.maskChar,
74
68
  formatChars = _ref.formatChars,
75
69
  error = _ref.error,
76
70
  icon = _ref.icon,
77
- symbolsLimit = _ref.symbolsLimit,
78
71
  isNotBlinkErrors = _ref.isNotBlinkErrors,
79
72
  blinkTime = _ref.blinkTime,
80
73
  isPriceInput = _ref.isPriceInput,
@@ -85,14 +78,17 @@ var NumericInput = function NumericInput(_ref) {
85
78
  _ref$isUseAutoSelect = _ref.isUseAutoSelect,
86
79
  isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
87
80
  _ref$isLoading = _ref.isLoading,
88
- isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
81
+ isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
82
+ _ref$onlyNumbers = _ref.onlyNumbers,
83
+ onlyNumbers = _ref$onlyNumbers === void 0 ? {
84
+ type: 'int'
85
+ } : _ref$onlyNumbers;
89
86
  var DEFAULT_BLINK_TIME = 200; //REFS
90
87
 
91
88
  var inputRef = (0, _react.useRef)(null);
92
89
  var decRef = (0, _react.useRef)(null);
93
90
  var incRef = (0, _react.useRef)(null);
94
- var wrapRef = (0, _react.useRef)(null);
95
- var previousValueRef = (0, _react.useRef)(value || min || ''); // STATES
91
+ var wrapRef = (0, _react.useRef)(null); // STATES
96
92
 
97
93
  var _useState = (0, _react.useState)(value || min || ''),
98
94
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -116,27 +112,18 @@ var NumericInput = function NumericInput(_ref) {
116
112
 
117
113
  var _useState9 = (0, _react.useState)(false),
118
114
  _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
119
- isEditing = _useState10[0],
120
- setEditing = _useState10[1];
115
+ isAttemptToChange = _useState10[0],
116
+ setIsAttemptToChange = _useState10[1];
121
117
 
122
118
  var _useState11 = (0, _react.useState)(false),
123
119
  _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
124
- isAttemptToChange = _useState12[0],
125
- setIsAttemptToChange = _useState12[1];
120
+ isToHighlightError = _useState12[0],
121
+ setIsToHighlightError = _useState12[1];
126
122
 
127
- var _useState13 = (0, _react.useState)(false),
123
+ var _useState13 = (0, _react.useState)(value || min || ''),
128
124
  _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
129
- isToHighlightError = _useState14[0],
130
- setIsToHighlightError = _useState14[1];
131
-
132
- var _useState15 = (0, _react.useState)(value || min || ''),
133
- _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
134
- prevValue = _useState16[0],
135
- setPreviousValue = _useState16[1];
136
-
137
- var formatedValue = (0, _react.useMemo)(function () {
138
- return isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
139
- }, [inputValue, isFocused]);
125
+ prevValue = _useState14[0],
126
+ setPreviousValue = _useState14[1];
140
127
 
141
128
  var setCursorToEnd = function setCursorToEnd() {
142
129
  var _input$value;
@@ -151,15 +138,7 @@ var NumericInput = function NumericInput(_ref) {
151
138
 
152
139
  var handle = {
153
140
  change: function change(e) {
154
- var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, {
155
- type: 'int'
156
- }) : e; // ToDo - не совсем понятно что проверяется, т.к. при нажатии инкремента/декримента
157
- //ToDo все равно в change приходит число, а не эвент
158
- // ToDo - боюсь сломать, временно оставляю, выпилить через какое-то время
159
- // if (inputValue && (decRef.current?.contains?.(e.target) || incRef.current?.contains?.(e.target))) {
160
- // if (symbolsLimit) inputValue = inputValue.toString().substring(0, +symbolsLimit);
161
- // if (isPriceInput && inputValue?.length > 0) inputValue = addCommas(inputValue);
162
-
141
+ var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : e;
163
142
  setInputValue(inputValue.toString());
164
143
  },
165
144
  clear: function clear() {
@@ -167,13 +146,10 @@ var NumericInput = function NumericInput(_ref) {
167
146
  },
168
147
  focus: function focus(e) {
169
148
  setIsFocused(true);
170
- setEditing(true);
171
149
  if (onFocus) onFocus(e);
172
150
  },
173
151
  blur: function blur(e) {
174
152
  setIsFocused(false);
175
- setEditing(false);
176
- var transformedInputValue = parseFloat(inputValue);
177
153
  if (Number.isNaN(inputValue) || inputValue < min) setInputValue(min);
178
154
  if (max && +max < inputValue) setInputValue(max);
179
155
  if (onBlur) onBlur(e);
@@ -290,7 +266,6 @@ var NumericInput = function NumericInput(_ref) {
290
266
  }, [isFocused]);
291
267
  (0, _react.useEffect)(function () {
292
268
  if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
293
- setEditing(isFocusDefault);
294
269
  }, [inputRef, isFocusDefault]);
295
270
 
296
271
  function renderInput() {
@@ -264,34 +264,55 @@ function formatToReplaceAllWhiteSpace(str) {
264
264
  var value = getSafelyValue(str);
265
265
  return value.replace(/\s+/g, '');
266
266
  } // *** filter ***
267
+ // export const filterFloat = (inputValue, decimalPlaces = null) => {
268
+ // const value = getSafelyValue(inputValue);
269
+ // const replaser = input => ('' + input).replace(/[^\.\d]/g, '');
270
+ //
271
+ // if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
272
+ // let output = ('' + value)?.replace(/,/g, '.');
273
+ // if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
274
+ //
275
+ // const previousValue = '' + output.slice(0, -1);
276
+ // const lastSym = '' + output.slice(-1);
277
+ //
278
+ // if (
279
+ // decimalPlaces &&
280
+ // typeof decimalPlaces === 'number' &&
281
+ // previousValue.includes('.') &&
282
+ // previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length
283
+ // )
284
+ // return replaser(previousValue);
285
+ // return replaser(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
286
+ // };
267
287
 
268
288
 
269
289
  var filterFloat = function filterFloat(inputValue) {
270
- var _ref3;
271
-
272
290
  var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
273
291
  var value = getSafelyValue(inputValue);
274
292
 
275
- var replaser = function replaser(input) {
276
- return ('' + input).replace(/[^\.\d]/g, '');
293
+ var replacer = function replacer(input) {
294
+ return ('' + input).replace(/[^\.\d,]/g, '');
277
295
  };
278
296
 
279
297
  if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
280
- var output = (_ref3 = '' + value) === null || _ref3 === void 0 ? void 0 : _ref3.replace(/,/g, '.');
281
- if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
298
+ var output = value;
282
299
  var previousValue = '' + output.slice(0, -1);
283
300
  var lastSym = '' + output.slice(-1);
284
- if (decimalPlaces && typeof decimalPlaces === 'number' && previousValue.includes('.') && previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length) return replaser(previousValue);
285
- return replaser(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
301
+
302
+ if (decimalPlaces && typeof decimalPlaces === 'number' && previousValue.includes('.') && previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length) {
303
+ return replacer(previousValue);
304
+ }
305
+
306
+ return replacer(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
286
307
  };
287
308
 
288
309
  exports.filterFloat = filterFloat;
289
310
 
290
311
  var filterNumeric = function filterNumeric(value, settings) {
291
- var _ref4 = settings || {},
292
- _ref4$type = _ref4.type,
293
- type = _ref4$type === void 0 ? 'float' : _ref4$type,
294
- decimalPlaces = _ref4.decimalPlaces;
312
+ var _ref3 = settings || {},
313
+ _ref3$type = _ref3.type,
314
+ type = _ref3$type === void 0 ? 'float' : _ref3$type,
315
+ decimalPlaces = _ref3.decimalPlaces;
295
316
 
296
317
  var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
297
318
  return executor(getSafelyValue(value), decimalPlaces);
@@ -300,13 +321,13 @@ var filterNumeric = function filterNumeric(value, settings) {
300
321
  exports.filterNumeric = filterNumeric;
301
322
 
302
323
  var formatToHideValuePartially = function formatToHideValuePartially(value, settings) {
303
- var _ref5 = settings || {},
304
- _ref5$showSymbolsCoun = _ref5.showSymbolsCount,
305
- showSymbolsCount = _ref5$showSymbolsCoun === void 0 ? 4 : _ref5$showSymbolsCoun,
306
- _ref5$isVisibleFromFr = _ref5.isVisibleFromFront,
307
- isVisibleFromFront = _ref5$isVisibleFromFr === void 0 ? false : _ref5$isVisibleFromFr,
308
- _ref5$isCutOutWhiteSp = _ref5.isCutOutWhiteSpaces,
309
- isCutOutWhiteSpaces = _ref5$isCutOutWhiteSp === void 0 ? true : _ref5$isCutOutWhiteSp;
324
+ var _ref4 = settings || {},
325
+ _ref4$showSymbolsCoun = _ref4.showSymbolsCount,
326
+ showSymbolsCount = _ref4$showSymbolsCoun === void 0 ? 4 : _ref4$showSymbolsCoun,
327
+ _ref4$isVisibleFromFr = _ref4.isVisibleFromFront,
328
+ isVisibleFromFront = _ref4$isVisibleFromFr === void 0 ? false : _ref4$isVisibleFromFr,
329
+ _ref4$isCutOutWhiteSp = _ref4.isCutOutWhiteSpaces,
330
+ isCutOutWhiteSpaces = _ref4$isCutOutWhiteSp === void 0 ? true : _ref4$isCutOutWhiteSp;
310
331
 
311
332
  var safelyValue = getSafelyValue(value);
312
333
  var newValue = isCutOutWhiteSpaces ? safelyValue.replace(/\s/g, '') : safelyValue;
@@ -252,7 +252,7 @@ var InputAddress = function InputAddress(_ref) {
252
252
  if (!isListVisible) setListItems([]);
253
253
  }, [isListVisible]);
254
254
  (0, _react.useEffect)(function () {
255
- if (preparedValue !== query || !isValueInited) {
255
+ if (preparedValue !== query && !isValueInited) {
256
256
  setQuery(preparedValue);
257
257
  setIsValueInited(true);
258
258
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.1.64",
3
+ "version": "1.1.66",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [