@ainias42/react-bootstrap-mobile 0.1.29 → 0.1.30

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.28
+ *   @ainias42/react-bootstrap-mobile v0.1.29
  *   git+https://github.com/Ainias/Bootstrap-React-Mobile.git
  *   Copyright (c) Silas Günther and project contributors.
  *   This source code is licensed under the MIT license found in the
@@ -23101,24 +23101,35 @@ const Input = withForwardRef(function Input(_a, ref) {
       className,
       style,
       onKeyDown,
-      inline = false
+      inline = false,
+      value
     } = _a,
-    otherProps = Input_rest(_a, ["label", "className", "style", "onKeyDown", "inline"]);
+    otherProps = Input_rest(_a, ["label", "className", "style", "onKeyDown", "inline", "value"]);
   // States
+  const usedValue = (0,external_react_.useMemo)(() => {
+    if (otherProps.type !== "number" || typeof value === "number") {
+      return value;
+    }
+    if (typeof value === "string") {
+      if (!Number.isNaN(Number(value))) {
+        // Do not parse to allow ., and so on
+        return value;
+      }
+      if (!Number.isNaN(parseFloat(value))) {
+        return parseFloat(value);
+      }
+    }
+    return "";
+  }, [value]);
   // Refs
   const innerRef = useComposedRef(ref);
-  const lastValueRef = (0,external_react_.useRef)(NaN);
   // Callbacks
   const [onChangeWithData, otherPropsWithoutOnchange] = useListenerWithExtractedProps('onChange', otherProps);
   const onChange = (0,external_react_.useCallback)(e => {
     if (otherProps.onChangeText) {
       if (otherProps.type === "number") {
-        if (Number.isNaN(e.target.valueAsNumber)) {
-          otherProps.onChangeText(lastValueRef.current);
-        } else {
-          otherProps.onChangeText(e.target.valueAsNumber);
-          lastValueRef.current = e.target.valueAsNumber;
-        }
+        const val = !Number.isNaN(Number(e.target.value)) ? e.target.value : !Number.isNaN(parseFloat(e.target.value)) ? String(parseFloat(e.target.value)) : "";
+        otherProps.onChangeText(val);
       } else {
         otherProps.onChangeText(e.target.value);
       }
@@ -23131,12 +23142,9 @@ const Input = withForwardRef(function Input(_a, ref) {
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
     if (otherProps.onEnter && e.key === 'Enter' && !e.defaultPrevented) {
       if (otherProps.type === "number") {
-        if (Number.isNaN(e.target.valueAsNumber)) {
-          otherProps.onEnter(lastValueRef.current);
-        } else {
-          otherProps.onEnter(e.target.valueAsNumber);
-          lastValueRef.current = e.target.valueAsNumber;
-        }
+        const stringValue = e.target.value;
+        const val = !Number.isNaN(Number(stringValue)) ? stringValue : !Number.isNaN(parseFloat(stringValue)) ? String(parseFloat(stringValue)) : "";
+        otherProps.onEnter(val);
       } else {
         otherProps.onEnter(e.target.value);
       }
@@ -23156,7 +23164,11 @@ const Input = withForwardRef(function Input(_a, ref) {
       style: style
     }, label ? /*#__PURE__*/external_react_.createElement("span", {
       className: (input_default()).label
-    }, label) : null, /*#__PURE__*/external_react_.createElement("input", Input_extends({}, otherPropsWithoutData, {
+    }, label) : null, /*#__PURE__*/external_react_.createElement("input", Input_extends({
+      inputMode: otherProps.type === "number" ? "numeric" : undefined
+    }, otherPropsWithoutData, {
+      value: usedValue,
+      type: otherProps.type === "number" ? "text" : otherProps.type,
       ref: innerRef,
       className: (input_default()).text,
       onBlur: onBlur,