@dynamic-framework/ui-react 1.32.0 → 1.32.2

package/dist/index.js

@@ -810,27 +810,20 @@ function useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref
         color: `var(--${PREFIX_BS}input-currency-symbol-color)`,
     }), []);
     const handleOnChange = React.useCallback((newValue) => {
-        const newNumber = (newValue === undefined || newValue === '')
-            ? undefined
-            : Number(newValue);
-        setInnerNumber(newNumber);
-        setInnerString(formatValue(newNumber, currencyOptions));
-    }, [currencyOptions]);
-    React.useEffect(() => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(innerNumber);
-    }, [onChange, innerNumber]);
+        const newNumber = (newValue === undefined || newValue === '') ? undefined : Number(newValue);
+        if (newNumber !== innerNumber) {
+            setInnerNumber(newNumber);
+            setInnerString(formatValue(newNumber, currencyOptions));
+            onChange === null || onChange === void 0 ? void 0 : onChange(newNumber);
+        }
+    }, [currencyOptions, onChange, innerNumber]);
     React.useEffect(() => {
-        setInnerNumber(value);
-    }, [value]);
-    const innerValue = React.useMemo(() => {
-        if (value === undefined || value.toString() === '') {
-            return '';
+        if (value !== innerNumber) {
+            setInnerNumber(value);
+            setInnerString(formatValue(value, currencyOptions));
         }
-        const valueToUse = innerType === 'number'
-            ? innerNumber === null || innerNumber === void 0 ? void 0 : innerNumber.toString()
-            : innerString;
-        return valueToUse !== null && valueToUse !== void 0 ? valueToUse : '';
-    }, [value, innerType, innerNumber, innerString]);
+    }, [value, currencyOptions, innerNumber]);
+    const innerValue = React.useMemo(() => { var _a; return (innerType === 'number' ? (_a = innerNumber === null || innerNumber === void 0 ? void 0 : innerNumber.toString()) !== null && _a !== void 0 ? _a : '' : innerString !== null && innerString !== void 0 ? innerString : ''); }, [innerType, innerNumber, innerString]);
     return {
         inputRef,
         innerValue,
@@ -932,7 +925,7 @@ function DInputCurrencyBase(_a, ref) {
     var { value, minValue, maxValue, currencyOptions, currencyCode, onFocus, onBlur, onChange } = _a, inputProps = tslib.__rest(_a, ["value", "minValue", "maxValue", "currencyOptions", "currencyCode", "onFocus", "onBlur", "onChange"]);
     const { handleOnWheel, } = useDisableInputWheel(ref);
     const { inputRef, innerValue, innerType, handleOnFocus, handleOnChange, handleOnBlur, generateStyleVariables, generateSymbolStyleVariables, } = useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref);
-    return (jsxRuntime.jsx(DInput$1, Object.assign({ ref: inputRef, value: innerValue, onChange: handleOnChange, style: generateStyleVariables, inputMode: "decimal", pattern: "^[0-9]", type: innerType, onFocus: handleOnFocus, onBlur: handleOnBlur, onWheel: handleOnWheel, inputStart: (jsxRuntime.jsx("span", { slot: "input-start", style: generateSymbolStyleVariables, children: currencyCode || currencyOptions.symbol })) }, inputProps)));
+    return (jsxRuntime.jsx(DInput$1, Object.assign({ ref: inputRef, value: innerValue, onChange: handleOnChange, style: generateStyleVariables, inputMode: "decimal", type: innerType, onFocus: handleOnFocus, onBlur: handleOnBlur, onWheel: handleOnWheel, inputStart: (jsxRuntime.jsx("span", { slot: "input-start", style: generateSymbolStyleVariables, children: currencyCode || currencyOptions.symbol })) }, inputProps)));
 }
 const ForwardedDInputCurrencyBase$1 = React.forwardRef(DInputCurrencyBase);
 ForwardedDInputCurrencyBase$1.displayName = 'DInputCurrencyBase';
@@ -943,7 +936,7 @@ function DInputCurrency(_a, ref) {
     const { currency: currencyOptions } = useDContext();
     const { handleOnWheel, } = useDisableInputWheel(ref);
     const { inputRef, innerValue, innerType, handleOnFocus, handleOnChange, handleOnBlur, generateStyleVariables, generateSymbolStyleVariables, } = useInputCurrency(currencyOptions, value, onFocus, onChange, onBlur, ref);
-    return (jsxRuntime.jsx(DInput$1, Object.assign({ ref: inputRef, value: innerValue, onChange: handleOnChange, style: generateStyleVariables, inputMode: "decimal", pattern: "^[0-9]", type: innerType, onFocus: handleOnFocus, onBlur: handleOnBlur, onWheel: handleOnWheel, inputStart: (jsxRuntime.jsx("span", { slot: "input-start", style: generateSymbolStyleVariables, children: currencyCode || currencyOptions.symbol })) }, props)));
+    return (jsxRuntime.jsx(DInput$1, Object.assign({ ref: inputRef, value: innerValue, onChange: handleOnChange, style: generateStyleVariables, inputMode: "decimal", type: innerType, onFocus: handleOnFocus, onBlur: handleOnBlur, onWheel: handleOnWheel, inputStart: (jsxRuntime.jsx("span", { slot: "input-start", style: generateSymbolStyleVariables, children: currencyCode || currencyOptions.symbol })) }, props)));
 }
 const ForwardedDInputCurrencyBase = React.forwardRef(DInputCurrency);
 ForwardedDInputCurrencyBase.displayName = 'DInputCurrency';