@true-engineering/true-react-common-ui-kit 1.4.1 → 1.5.1

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,13 +1,14 @@
-import React from 'react';
+import { FormEvent } from 'react';
 import { IInputProps } from '../Input';
 export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
     value?: number;
-    canBeFloat?: boolean;
     precision?: number;
     intPartPrecision?: number;
     defaultValue?: number;
+    canBeFloat?: boolean;
+    canBeNegative?: boolean;
     min?: number;
     max?: number;
-    onChange: (value: number | undefined, event?: React.FormEvent<HTMLInputElement>) => void;
+    onChange(value: number | undefined, event?: FormEvent<HTMLInputElement>): void;
 }
-export declare const NumberInput: React.ForwardRefExoticComponent<INumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/NumberInput/helpers.d.ts

@@ -1,2 +1,4 @@
+import { INumberInputProps } from './NumberInput';
 export declare const getNewCaretPosition: (defaultPosition: number, oldValue: string, newValue: string, isDeleteForwardAction?: boolean) => number;
 export declare const formatNumberWithDefault: (value: number | undefined, defaultValue?: number) => string;
+export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, 'canBeFloat' | 'canBeNegative' | 'intPartPrecision' | 'precision'>) => string;

package/dist/true-react-common-ui-kit.js

@@ -7711,6 +7711,10 @@ function Select(_param) {
     handleListOpen();
   };
   var handleBlur = function(event) {
+    if (isListOpen && !isOpen) {
+      handleListClose(event);
+      return;
+    }
     if (!isNotEmpty(event.relatedTarget) || !isNotEmpty(list.current)) {
       return;
     }
@@ -7955,7 +7959,7 @@ function Select(_param) {
               event.preventDefault();
             },
             onClick: onArrowClick,
-            className: clsx(classes.arrow, isListOpen && classes.activeArrow),
+            className: clsx(classes.arrow, isOpen && classes.activeArrow),
             children: /* @__PURE__ */ jsx(Icon, {
               type: dropdownIcon
             })
@@ -10245,6 +10249,13 @@ var formatNumberWithDefault = function(value, defaultValue) {
   var val = formatNumber(value);
   return isNotEmpty(val) ? val : formatNumber(defaultValue);
 };
+var constructRegExp = function(param) {
+  var canBeFloat = param.canBeFloat, canBeNegative = param.canBeNegative, intPartPrecision = param.intPartPrecision, precision = param.precision;
+  var basePart = "\\d{0,".concat(intPartPrecision, "}");
+  var floatPart = "(\\.\\d{0,".concat(precision, "})?");
+  var negativePart = "(\\-)?";
+  return "^".concat(canBeNegative ? negativePart : "").concat(basePart).concat(canBeFloat ? floatPart : "", "$");
+};
 function _array_like_to_array$e(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
@@ -10495,9 +10506,10 @@ var __generator$2 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$3(_param, [
+  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$3(_param, [
     "value",
     "canBeFloat",
+    "canBeNegative",
     "defaultValue",
     "precision",
     "intPartPrecision",
@@ -10518,7 +10530,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   };
   var handleChange = function() {
     var _ref = _async_to_generator$2(function(inputValue, event) {
-      var oldValue, target, _target_selectionStart, defaultCaretPos, numString, intRegexp, floatRegexp, numberRegexp, hasDot, formattedValue, newValue;
+      var oldValue, target, _target_selectionStart, defaultCaretPos, numString, numberRegexp, hasDot, formattedValue, newValue;
       return __generator$2(this, function(_state) {
         switch (_state.label) {
           case 0:
@@ -10533,10 +10545,13 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
                 2
               ];
             }
-            intRegexp = new RegExp("^\\d{0,".concat(intPartPrecision, "}$"));
-            floatRegexp = new RegExp("^\\d{0,".concat(intPartPrecision, "}(\\.\\d{0,").concat(precision, "})?$"));
-            numberRegexp = canBeFloat && precision > 0 ? floatRegexp : intRegexp;
-            if (!!numString.match(numberRegexp))
+            numberRegexp = new RegExp(constructRegExp({
+              precision,
+              intPartPrecision,
+              canBeNegative,
+              canBeFloat
+            }));
+            if (!!numberRegexp.test(numString))
               return [
                 3,
                 2
@@ -10552,7 +10567,7 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
               2
             ];
           case 2:
-            hasDot = canBeFloat && inputValue.match(/^[\d\s]*[.,]$/);
+            hasDot = canBeFloat && /^[-]*[\d\s]*[.,]$/.test(inputValue);
             formattedValue = formatStringNumber(numString);
             newValue = hasDot ? "".concat(formattedValue, ".") : formattedValue;
             return [