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
|
-
|
|
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
|
|
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
|
-
|
|
120
|
-
|
|
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
|
-
|
|
125
|
-
|
|
120
|
+
isToHighlightError = _useState12[0],
|
|
121
|
+
setIsToHighlightError = _useState12[1];
|
|
126
122
|
|
|
127
|
-
var _useState13 = (0, _react.useState)(
|
|
123
|
+
var _useState13 = (0, _react.useState)(value || min || ''),
|
|
128
124
|
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
129
|
-
|
|
130
|
-
|
|
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
|
|
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 =
|
|
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
|
-
|
|
285
|
-
|
|
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
|
|
292
|
-
|
|
293
|
-
type =
|
|
294
|
-
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
|
|
304
|
-
|
|
305
|
-
showSymbolsCount =
|
|
306
|
-
|
|
307
|
-
isVisibleFromFront =
|
|
308
|
-
|
|
309
|
-
isCutOutWhiteSpaces =
|
|
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
|
|
255
|
+
if (preparedValue !== query && !isValueInited) {
|
|
256
256
|
setQuery(preparedValue);
|
|
257
257
|
setIsValueInited(true);
|
|
258
258
|
}
|