@ainias42/react-bootstrap-mobile 0.1.30 → 0.1.31

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.29
+ *   @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`,
@@ -23111,11 +23111,23 @@ const Input = withForwardRef(function Input(_a, ref) {
       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(parseFloat(value))) {
+      if (!Number.isNaN(numberValue)) {
         return parseFloat(value);
       }
     }
@@ -23128,10 +23140,14 @@ const Input = withForwardRef(function Input(_a, ref) {
   const onChange = (0,external_react_.useCallback)(e => {
     if (otherProps.onChangeText) {
       if (otherProps.type === "number") {
-        const val = !Number.isNaN(Number(e.target.value)) ? e.target.value : !Number.isNaN(parseFloat(e.target.value)) ? String(parseFloat(e.target.value)) : "";
+        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);
@@ -23149,6 +23165,24 @@ const Input = withForwardRef(function Input(_a, ref) {
         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);
@@ -27588,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
@@ -27625,6 +27660,7 @@ function Toast(_a) {
   // Other
   // Render Functions
   if (isHidden) {
+    console.log("LOG-d isHidden");
     return null;
   }
   let actionElement = null;