@ainias42/react-bootstrap-mobile 0.1.29 → 0.1.31

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.28
+ *   @ainias42/react-bootstrap-mobile v0.1.30
  *   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
@@ -2301,7 +2301,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(7537);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3645);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.toastContainer__Cr4Pc{position:fixed;left:0;right:0;bottom:3rem;margin:auto;max-width:576px;z-index:1001;display:flex;align-items:center;flex-direction:column}.toast__sXrim{background-color:rgba(0,0,0,.8);min-height:48px;line-height:1.5;--text-primary-default-color: white;color:#fff;font-size:.77rem;letter-spacing:normal;transition-duration:.25s;margin:8px}.toast__sXrim.hiding__VMWIu{opacity:0}.material-design .toast__sXrim{padding:16px 24px}.flat-design .toast__sXrim{border-radius:.5rem;padding:16px}.toast__sXrim .action__WbNF_{text-transform:uppercase;margin-left:24px}.material-design .toast__sXrim .action__WbNF_{color:#bbdefb}.flat-design .toast__sXrim .action__WbNF_{color:#fff}`, "",{"version":3,"sources":["webpack://./src/Components/Toast/toast.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,uBACE,cAAA,CACA,MAAA,CACA,OAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,YAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,cACE,+BAAA,CACA,eAAA,CACA,eAAA,CACA,mCAAA,CACA,UAAA,CACA,gBAAA,CACA,qBAAA,CACA,wBAAA,CACA,UAAA,CAEA,4BACE,SAAA,CCxBS,+BD4BT,iBAAA,CC5BS,2BDgCT,mBAAA,CACA,YAAA,CAGF,6BACE,wBAAA,CACA,gBAAA,CCtCS,8CDyCP,aAAA,CCzCO,0CD4CP,UAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n.toastContainer {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 3rem;\n  margin: auto;\n  max-width: map-get($grid-breakpoints, \"sm\");\n  z-index: 1001;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.toast {\n  background-color: rgba(0, 0, 0, 0.8);\n  min-height: 48px;\n  line-height: 1.5;\n  --text-primary-default-color: white;\n  color: white;\n  font-size: 0.77rem;\n  letter-spacing: normal;\n  transition-duration: 0.25s;\n  margin: 8px;\n\n  &.hiding {\n    opacity: 0;\n  }\n\n  @include design($material) {\n    padding: 16px 24px;\n  }\n\n  @include design($flat) {\n    border-radius: 0.5rem;\n    padding: 16px;\n  }\n\n  .action {\n    text-transform: uppercase;\n    margin-left: 24px;\n\n    @include design($material) {\n      color: #bbdefb\n    }\n    @include design($flat) {\n      color: #ffffff;\n    }\n  }\n\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.toastContainer__Cr4Pc{pointer-events:none;position:fixed;left:0;right:0;bottom:3rem;margin:auto;max-width:576px;z-index:1001;display:flex;align-items:center;flex-direction:column}.toast__sXrim{pointer-events:auto;background-color:rgba(0,0,0,.8);min-height:48px;line-height:1.5;--text-primary-default-color: white;color:#fff;font-size:.77rem;letter-spacing:normal;transition-duration:.25s;margin:8px}.toast__sXrim.hiding__VMWIu{opacity:0}.material-design .toast__sXrim{padding:16px 24px}.flat-design .toast__sXrim{border-radius:.5rem;padding:16px}.toast__sXrim .action__WbNF_{text-transform:uppercase;margin-left:24px}.material-design .toast__sXrim .action__WbNF_{color:#bbdefb}.flat-design .toast__sXrim .action__WbNF_{color:#fff}`, "",{"version":3,"sources":["webpack://./src/Components/Toast/toast.scss","webpack://./src/scss/_designMixin.scss"],"names":[],"mappings":"AAGA,uBACE,mBAAA,CACA,cAAA,CACA,MAAA,CACA,OAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CACA,YAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CAGF,cACE,mBAAA,CACA,+BAAA,CACA,eAAA,CACA,eAAA,CACA,mCAAA,CACA,UAAA,CACA,gBAAA,CACA,qBAAA,CACA,wBAAA,CACA,UAAA,CAEA,4BACE,SAAA,CC1BS,+BD8BT,iBAAA,CC9BS,2BDkCT,mBAAA,CACA,YAAA,CAGF,6BACE,wBAAA,CACA,gBAAA,CCxCS,8CD2CP,aAAA,CC3CO,0CD8CP,UAAA","sourcesContent":["@import \"../../scss/variables\";\n@import \"../../scss/designMixin\";\n\n.toastContainer {\n  pointer-events: none;\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 3rem;\n  margin: auto;\n  max-width: map-get($grid-breakpoints, \"sm\");\n  z-index: 1001;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.toast {\n  pointer-events: auto;\n  background-color: rgba(0, 0, 0, 0.8);\n  min-height: 48px;\n  line-height: 1.5;\n  --text-primary-default-color: white;\n  color: white;\n  font-size: 0.77rem;\n  letter-spacing: normal;\n  transition-duration: 0.25s;\n  margin: 8px;\n\n  &.hiding {\n    opacity: 0;\n  }\n\n  @include design($material) {\n    padding: 16px 24px;\n  }\n\n  @include design($flat) {\n    border-radius: 0.5rem;\n    padding: 16px;\n  }\n\n  .action {\n    text-transform: uppercase;\n    margin-left: 24px;\n\n    @include design($material) {\n      color: #bbdefb\n    }\n    @include design($flat) {\n      color: #ffffff;\n    }\n  }\n\n}\n","@use 'sass:selector';\n\n@mixin design($designName) {\n  @if & {\n    @at-root #{selector.nest(':global(.'+$designName+\")\", &)} {\n      @content\n    }\n  } @else {\n    :global(.#{$designName}) {\n      @content\n    }\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"toastContainer": `toastContainer__Cr4Pc`,
@@ -23101,26 +23101,53 @@ 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 (value === "-") {
+        return value;
+      }
+      const numberValue = parseFloat(value);
+      if (!Number.isNaN(numberValue) && Number.isFinite(numberValue)) {
+        if (otherProps.max !== undefined && numberValue > Number(otherProps.max)) {
+          return otherProps.max;
+        }
+        if (otherProps.min !== undefined && numberValue < Number(otherProps.min)) {
+          return otherProps.min;
+        }
+      }
+      if (!Number.isNaN(Number(value))) {
+        // Do not parse to allow ., and so on
+        return value;
+      }
+      if (!Number.isNaN(numberValue)) {
+        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;
+        if (e.currentTarget.value === "-") {
+          otherProps.onChangeText(e.currentTarget.value);
+          return;
         }
+        const val = !Number.isNaN(Number(e.currentTarget.value)) ? e.currentTarget.value : !Number.isNaN(parseFloat(e.currentTarget.value)) ? String(parseFloat(e.currentTarget.value)) : "";
+        otherProps.onChangeText(val);
       } else {
-        otherProps.onChangeText(e.target.value);
+        otherProps.onChangeText(e.currentTarget.value);
       }
     }
     onChangeWithData(e);
@@ -23131,16 +23158,31 @@ 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);
       }
     }
+    if (otherProps.type === "number") {
+      const step = otherProps.step ? Number(otherProps.step) : 1;
+      if (e.key === "ArrowUp") {
+        let newValue = (parseFloat(e.currentTarget.value) || 0) + step;
+        if (otherProps.max !== undefined && newValue > Number(otherProps.max)) {
+          newValue = Number(otherProps.max);
+        }
+        e.currentTarget.value = newValue.toString();
+        onChange(e);
+      } else if (e.key === "ArrowDown") {
+        let newValue = (parseFloat(e.currentTarget.value) || 0) - step;
+        if (otherProps.min !== undefined && newValue < Number(otherProps.min)) {
+          newValue = Number(otherProps.min);
+        }
+        e.currentTarget.value = newValue.toString();
+        onChange(e);
+      }
+    }
   }, [otherProps.onEnter, onKeyDown, otherProps.type]);
   // Effects
   useOnChangeDone(onChangeDone, innerRef);
@@ -23156,7 +23198,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,
@@ -27576,11 +27622,12 @@ function Toast(_a) {
   // States
   const [hidingStart, setHidingStart] = (0,external_react_.useState)(0);
   const [startShow] = (0,external_react_.useState)(new Date().getTime());
-  const isHidden = hidingStart > 0 && ANIMATION_DURATION + hidingStart < new Date().getTime();
+  const [isHidden, setIsHidden] = (0,external_react_.useState)(false);
   // Refs
   // Callbacks
   const updateHidingStart = (0,external_react_.useCallback)(() => {
     setHidingStart(oldHidingStart => oldHidingStart > 0 ? oldHidingStart : new Date().getTime());
+    setTimeout(() => setIsHidden(true), ANIMATION_DURATION);
   }, [setHidingStart]);
   const onDismissed = useListener('onDismissed', otherProps);
   // Effects
@@ -27613,6 +27660,7 @@ function Toast(_a) {
   // Other
   // Render Functions
   if (isHidden) {
+    console.log("LOG-d isHidden");
     return null;
   }
   let actionElement = null;