@ainias42/react-bootstrap-mobile 0.1.28 → 0.1.30

package/bin/updateCopies.js

@@ -12,6 +12,8 @@ let pathsToProjects = [
     // '/home/silas/Projekte/web/cordova-sites',
     "/Users/sguenter/Projekte/Privat/games",
     "/Users/sguenter/Projekte/Privat/dnd",
+    "/Users/sguenter/Projekte/Privat/dndSave",
+    "/Users/sguenter/Projekte/Privat/bat",
     "/Users/sguenter/Projekte/Privat/react-windows",
     "/Users/sguenter/Projekte/Privat/cordova-sites"
 ];

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.27
+ *   @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
@@ -1366,7 +1366,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, `.dialogBackground__GkFEH{background-color:#fff;padding:.5rem}.dialogBackground__GkFEH .title__ThSfn{margin:0 0 .8rem}`, "",{"version":3,"sources":["webpack://./src/Components/Dialog/dialogBackground.scss"],"names":[],"mappings":"AAAA,yBACE,qBAAA,CACA,aAAA,CAEA,uCACE,gBAAA","sourcesContent":[".dialogBackground {\n  background-color: white;\n  padding: 0.5rem;\n\n  .title {\n    margin: 0 0 0.8rem;\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.dialogBackground__GkFEH{background-color:#fff;padding:.5rem;max-height:80vh;overflow:auto}.dialogBackground__GkFEH .title__ThSfn{margin:0 0 .8rem}`, "",{"version":3,"sources":["webpack://./src/Components/Dialog/dialogBackground.scss"],"names":[],"mappings":"AAAA,yBACE,qBAAA,CACA,aAAA,CACA,eAAA,CACA,aAAA,CAEA,uCACE,gBAAA","sourcesContent":[".dialogBackground {\n  background-color: white;\n  padding: 0.5rem;\n  max-height: 80vh;\n  overflow: auto;\n\n  .title {\n    margin: 0 0 0.8rem;\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"dialogBackground": `dialogBackground__GkFEH`,
@@ -2270,7 +2270,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, `:root{--text-primary-default-color: #18181B;--text-prmary: #18181B;--text-secondary: #71717a;--text-tertiary: #A1A1AA}.text__i2YZm{display:inline}.text__i2YZm.block__DZ4JB{display:block}.text__i2YZm.heading__Nz99v{font-weight:bold}.text__i2YZm.primaryDefault__gAGTo{color:var(--text-primary-default-color)}.text__i2YZm.primary__SmPhq{color:var(--text-primary)}.text__i2YZm.secondary__XavRC{color:var(--text-secondary)}.text__i2YZm.tertiary__E1R6g{color:var(--text-tertiary)}.text__i2YZm.xsmall__sZEua{font-size:.75rem;line-height:1rem}.text__i2YZm.small__sMSX7{font-size:.875rem;line-height:1.25rem}.text__i2YZm.medium__LyGme{font-size:1rem;line-height:1.5rem}.text__i2YZm.large__AQ1i9{font-size:1.125rem;line-height:1.75}.text__i2YZm.xlarge__CkjbI{font-size:1.25rem;line-height:1.75rem}.text__i2YZm.xxlarge__VxTgH{font-size:1.5rem;line-height:2rem}`, "",{"version":3,"sources":["webpack://./src/Components/Text/text.scss"],"names":[],"mappings":"AAIA,MACE,qCAAA,CACA,sBAAA,CACA,yBAAA,CACA,wBAAA,CAGF,aACE,cAAA,CAEA,0BACE,aAAA,CAGF,4BACE,gBAAA,CAGF,mCACE,uCAAA,CAGF,4BACE,yBAAA,CAGF,8BACE,2BAAA,CAGF,6BACE,0BAAA,CAGF,2BACE,gBAAA,CACA,gBAAA,CAGF,0BACE,iBAAA,CACA,mBAAA,CAGF,2BACE,cAAA,CACA,kBAAA,CAGF,0BACE,kBAAA,CACA,gBAAA,CAGF,2BACE,iBAAA,CACA,mBAAA,CAGF,4BACE,gBAAA,CACA,gBAAA","sourcesContent":["$primaryColor: #18181B; // Gray-900\n$secondaryColor: #71717a; // Gray-500\n$tertiaryColor: #A1A1AA; // Gray-400\n\n:root {\n  --text-primary-default-color: #{$primaryColor};\n  --text-prmary: #{$primaryColor};\n  --text-secondary: #{$secondaryColor};\n  --text-tertiary: #{$tertiaryColor};\n}\n\n.text {\n  display: inline;\n\n  &.block {\n    display: block;\n  }\n\n  &.heading {\n    font-weight: bold;\n  }\n\n  &.primaryDefault {\n    color: var(--text-primary-default-color)\n  }\n\n  &.primary {\n    color: var(--text-primary)\n  }\n\n  &.secondary {\n    color: var(--text-secondary);\n  }\n\n  &.tertiary {\n    color: var(--text-tertiary);\n  }\n\n  &.xsmall {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n\n  &.small {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  &.medium {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n\n  &.large {\n    font-size: 1.125rem;\n    line-height: 1.75;\n  }\n\n  &.xlarge {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n\n  &.xxlarge {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `:root{--text-primary-default-color: #18181B;--text-prmary: #18181B;--text-secondary: #71717a;--text-tertiary: #A1A1AA}.text__i2YZm{display:inline}.text__i2YZm.block__DZ4JB{display:block}.text__i2YZm.heading__Nz99v{font-weight:bold}.text__i2YZm.primaryDefault__gAGTo{color:var(--text-primary-default-color)}.text__i2YZm.primary__SmPhq{color:var(--text-primary)}.text__i2YZm.secondary__XavRC{color:var(--text-secondary)}.text__i2YZm.tertiary__E1R6g{color:var(--text-tertiary)}.text__i2YZm.xsmall__sZEua{font-size:.75rem;line-height:1rem}.text__i2YZm.small__sMSX7{font-size:.875rem;line-height:1.25rem}.text__i2YZm.medium__LyGme{font-size:1rem;line-height:1.5rem}.text__i2YZm.large__AQ1i9{font-size:1.125rem;line-height:1.75}.text__i2YZm.xlarge__CkjbI{font-size:1.25rem;line-height:1.75rem}.text__i2YZm.xxlarge__VxTgH{font-size:1.5rem;line-height:2rem}.text__i2YZm.emphasized__RdFBM{font-weight:bold}`, "",{"version":3,"sources":["webpack://./src/Components/Text/text.scss"],"names":[],"mappings":"AAIA,MACE,qCAAA,CACA,sBAAA,CACA,yBAAA,CACA,wBAAA,CAGF,aACE,cAAA,CAEA,0BACE,aAAA,CAGF,4BACE,gBAAA,CAGF,mCACE,uCAAA,CAGF,4BACE,yBAAA,CAGF,8BACE,2BAAA,CAGF,6BACE,0BAAA,CAGF,2BACE,gBAAA,CACA,gBAAA,CAGF,0BACE,iBAAA,CACA,mBAAA,CAGF,2BACE,cAAA,CACA,kBAAA,CAGF,0BACE,kBAAA,CACA,gBAAA,CAGF,2BACE,iBAAA,CACA,mBAAA,CAGF,4BACE,gBAAA,CACA,gBAAA,CAGF,+BACE,gBAAA","sourcesContent":["$primaryColor: #18181B; // Gray-900\n$secondaryColor: #71717a; // Gray-500\n$tertiaryColor: #A1A1AA; // Gray-400\n\n:root {\n  --text-primary-default-color: #{$primaryColor};\n  --text-prmary: #{$primaryColor};\n  --text-secondary: #{$secondaryColor};\n  --text-tertiary: #{$tertiaryColor};\n}\n\n.text {\n  display: inline;\n\n  &.block {\n    display: block;\n  }\n\n  &.heading {\n    font-weight: bold;\n  }\n\n  &.primaryDefault {\n    color: var(--text-primary-default-color)\n  }\n\n  &.primary {\n    color: var(--text-primary)\n  }\n\n  &.secondary {\n    color: var(--text-secondary);\n  }\n\n  &.tertiary {\n    color: var(--text-tertiary);\n  }\n\n  &.xsmall {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n\n  &.small {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  &.medium {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n\n  &.large {\n    font-size: 1.125rem;\n    line-height: 1.75;\n  }\n\n  &.xlarge {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n\n  &.xxlarge {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n\n  &.emphasized {\n    font-weight: bold;\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"text": `text__i2YZm`,
@@ -2285,7 +2285,8 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"medium": `medium__LyGme`,
 	"large": `large__AQ1i9`,
 	"xlarge": `xlarge__CkjbI`,
-	"xxlarge": `xxlarge__VxTgH`
+	"xxlarge": `xxlarge__VxTgH`,
+	"emphasized": `emphasized__RdFBM`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -9627,7 +9628,7 @@ __webpack_require__.d(__webpack_exports__, {
   FileInput: () => (/* reexport */ FileInput),
   Flavor: () => (/* reexport */ Flavor),
   Flex: () => (/* reexport */ Flex_tmp),
-  FullScreen: () => (/* reexport */ FullScreenMemo),
+  FullScreen: () => (/* reexport */ FullScreen),
   Grid: () => (/* reexport */ GridMemo),
   GridItem: () => (/* reexport */ GridItemMemo),
   Grow: () => (/* reexport */ Grow),
@@ -10372,10 +10373,11 @@ function Text(_a) {
       children,
       block = false,
       prio,
+      emphasized = false,
       size = TEXT_SIZE.medium,
       as = 'span'
     } = _a,
-    props = Text_rest(_a, ["className", "children", "block", "prio", "size", "as"]);
+    props = Text_rest(_a, ["className", "children", "block", "prio", "emphasized", "size", "as"]);
   // Variables
   prio = prio !== null && prio !== void 0 ? prio : (text_default()).primaryDefault;
   // States
@@ -10395,7 +10397,8 @@ function Text(_a) {
     as: as
   }, props, {
     className: classnames_default()((text_default()).text, {
-      [(text_default()).block]: block
+      [(text_default()).block]: block,
+      [(text_default()).emphasized]: emphasized
     }, prio, size, className)
   }), children);
 }
@@ -22965,23 +22968,26 @@ const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
   }, !!label && /*#__PURE__*/external_react_.createElement(Grow, null, /*#__PURE__*/external_react_.createElement(tmp, null, label)), maxFiles > 1 && /*#__PURE__*/external_react_.createElement(InlineMemo, null, /*#__PURE__*/external_react_.createElement(tmp, null, value.length, "/", maxFiles))), /*#__PURE__*/external_react_.createElement(Flex_tmp, {
     horizontal: true,
     className: (fileInput_default()).previewContainer
-  }, value === null || value === void 0 ? void 0 : value.map((file, index) => /*#__PURE__*/external_react_.createElement(Grow, {
-    className: (fileInput_default()).preview,
-    center: true,
-    key: file.data
-  }, /*#__PURE__*/external_react_.createElement(ClickableMemo, {
-    onDrop: onDrop,
-    onDragOver: onDragOver,
-    onDropData: index,
-    onClick: clickOnFile,
-    onClickData: index
-  }, renderFile(file), showDeleteButton && /*#__PURE__*/external_react_.createElement(ClickableMemo, {
-    className: (fileInput_default()).previewRemove,
-    onClick: removeFile,
-    onClickData: index
-  }, /*#__PURE__*/external_react_.createElement(Icon, {
-    icon: free_solid_svg_icons_namespaceObject.faTimesCircle
-  }))))), /*#__PURE__*/external_react_.createElement(Grow, {
+  }, value === null || value === void 0 ? void 0 : value.map((file, index) => {
+    console.log("LOG-d file", file);
+    return /*#__PURE__*/external_react_.createElement(Grow, {
+      className: (fileInput_default()).preview,
+      center: true,
+      key: file.data
+    }, /*#__PURE__*/external_react_.createElement(ClickableMemo, {
+      onDrop: onDrop,
+      onDragOver: onDragOver,
+      onDropData: index,
+      onClick: clickOnFile,
+      onClickData: index
+    }, renderFile(file), showDeleteButton && /*#__PURE__*/external_react_.createElement(ClickableMemo, {
+      className: (fileInput_default()).previewRemove,
+      onClick: removeFile,
+      onClickData: index
+    }, /*#__PURE__*/external_react_.createElement(Icon, {
+      icon: free_solid_svg_icons_namespaceObject.faTimesCircle
+    }))));
+  }), /*#__PURE__*/external_react_.createElement(Grow, {
     className: classnames_default()((fileInput_default()).addFile, {
       [(fileInput_default()).hidden]: value.length >= maxFiles
     }),
@@ -23094,31 +23100,56 @@ const Input = withForwardRef(function Input(_a, ref) {
       label,
       className,
       style,
-      onEnter,
       onKeyDown,
       inline = false,
-      onChangeText
+      value
     } = _a,
-    otherProps = Input_rest(_a, ["label", "className", "style", "onEnter", "onKeyDown", "inline", "onChangeText"]);
+    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);
   // Callbacks
   const [onChangeWithData, otherPropsWithoutOnchange] = useListenerWithExtractedProps('onChange', otherProps);
   const onChange = (0,external_react_.useCallback)(e => {
-    if (onChangeText) {
-      onChangeText(e.target.value);
+    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)) : "";
+        otherProps.onChangeText(val);
+      } else {
+        otherProps.onChangeText(e.target.value);
+      }
     }
     onChangeWithData(e);
-  }, [onChangeWithData, onChangeText]);
+  }, [onChangeWithData, otherProps.onChangeText, otherProps.type]);
   const [onBlur, otherPropsWithoutBlur] = useListenerWithExtractedProps('onBlur', otherPropsWithoutOnchange);
   const [onChangeDone, otherPropsWithoutData] = useListenerWithExtractedProps('onChangeDone', otherPropsWithoutBlur);
   const realOnKeyDown = (0,external_react_.useCallback)(e => {
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    if (onEnter && e.key === 'Enter' && !e.defaultPrevented) {
-      onEnter(e.target.value);
+    if (otherProps.onEnter && e.key === 'Enter' && !e.defaultPrevented) {
+      if (otherProps.type === "number") {
+        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);
+      }
     }
-  }, [onEnter, onKeyDown]);
+  }, [otherProps.onEnter, onKeyDown, otherProps.type]);
   // Effects
   useOnChangeDone(onChangeDone, innerRef);
   // Other
@@ -23133,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,
@@ -23231,9 +23266,6 @@ const PasswordInput = withForwardRef(function PasswordInput(_a, ref) {
     icon: isVisible ? free_solid_svg_icons_namespaceObject.faEye : free_solid_svg_icons_namespaceObject.faEyeSlash
   })));
 }, (passwordInput_default()));
-// // Need PasswordInputMemo for autocompletion of phpstorm
-// const PasswordInputMemo = withMemo(PasswordInput);
-// export { PasswordInputMemo as PasswordInput };
 // EXTERNAL MODULE: ./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss
 var seachSelectInput = __webpack_require__(2399);
 var seachSelectInput_default = /*#__PURE__*/__webpack_require__.n(seachSelectInput);
@@ -23671,7 +23703,7 @@ var FullScreen_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-function FullScreen(_a) {
+const FullScreen = withMemo(function FullScreen(_a) {
   // Variables
   var {
       children,
@@ -23733,10 +23765,7 @@ function FullScreen(_a) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   return /*#__PURE__*/external_react_.createElement(element, props, children);
-}
-// Need FullScreenMemo for autocompletion of phpstorm
-const FullScreenMemo = withMemo(FullScreen);
-
+});
 ;// CONCATENATED MODULE: ./src/Components/Hooks/useBreakpoint.ts