@ainias42/react-bootstrap-mobile 0.2.8 → 0.2.10

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.2.7
+ *   @ainias42/react-bootstrap-mobile v0.2.9
  *   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
@@ -1373,7 +1373,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.colorInput__7LDDj{margin-left:.5rem;margin-right:.5rem;display:flex}.colorInput__7LDDj .preview__U27kg{margin-left:.4rem;width:1rem;height:1rem;display:inline-block;border:1px solid #000}.colorInput__7LDDj .modalContainer__DJAC0{z-index:9999;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:auto}.colorInput__7LDDj .modalContainer__DJAC0 .modal__HgPzb{position:absolute;background-color:#fff}.colorInput__7LDDj .label__kakvy{flex:1;margin-right:.2rem}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/ColorInput/colorInput.scss"],"names":[],"mappings":"AAAA,mBACE,iBAAA,CACA,kBAAA,CACA,YAAA,CAEA,mCACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CACA,qBAAA,CAGF,0CACE,YAAA,CACA,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CAEA,wDACE,iBAAA,CACA,qBAAA,CAIJ,iCACE,MAAA,CACA,kBAAA","sourcesContent":[".colorInput {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n  display: flex;\n\n  .preview {\n    margin-left: 0.4rem;\n    width: 1rem;\n    height: 1rem;\n    display: inline-block;\n    border: 1px solid black;\n  }\n\n  .modalContainer {\n    z-index: 9999;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100vw;\n    height: 100vh;\n    overflow: auto;\n\n    .modal {\n      position: absolute;\n      background-color: white;\n    }\n  }\n\n  .label {\n    flex: 1;\n    margin-right: 0.2rem;\n  }\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.colorInput__7LDDj{display:flex}.colorInput__7LDDj .preview__U27kg{margin-left:.4rem;width:1rem;height:1rem;display:inline-block;border:1px solid #000}.colorInput__7LDDj .modalContainer__DJAC0{z-index:9999;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow:auto}.colorInput__7LDDj .modalContainer__DJAC0 .modal__HgPzb{position:absolute;background-color:#fff}.colorInput__7LDDj .label__kakvy{flex:1;margin-right:.2rem}`, "",{"version":3,"sources":["webpack://./src/Components/FormElements/ColorInput/colorInput.scss"],"names":[],"mappings":"AAAA,mBACE,YAAA,CAEA,mCACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CACA,qBAAA,CAGF,0CACE,YAAA,CACA,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,WAAA,CACA,YAAA,CACA,aAAA,CAEA,wDACE,iBAAA,CACA,qBAAA,CAIJ,iCACE,MAAA,CACA,kBAAA","sourcesContent":[".colorInput {\n  display: flex;\n\n  .preview {\n    margin-left: 0.4rem;\n    width: 1rem;\n    height: 1rem;\n    display: inline-block;\n    border: 1px solid black;\n  }\n\n  .modalContainer {\n    z-index: 9999;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100vw;\n    height: 100vh;\n    overflow: auto;\n\n    .modal {\n      position: absolute;\n      background-color: white;\n    }\n  }\n\n  .label {\n    flex: 1;\n    margin-right: 0.2rem;\n  }\n}\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"colorInput": `colorInput__7LDDj`,
@@ -10355,9 +10355,10 @@ function Clickable(_a, ref) {
       stopPropagation = true,
       useReactOnMouseLeave = false,
       tabIndex,
-      draggable
+      draggable,
+      title
     } = _a,
-    clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave", "tabIndex", "draggable"]);
+    clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave", "tabIndex", "draggable", "title"]);
   // States
   // Refs
   const clickableRef = (0,external_react_.useRef)(null);
@@ -10527,7 +10528,8 @@ function Clickable(_a, ref) {
     onDoubleClick: realOnDoubleClick,
     tabIndex: interactable ? 0 : tabIndex,
     draggable,
-    onDragStart: realOnDragStartListener
+    onDragStart: realOnDragStartListener,
+    title
   };
   if (typeof href === 'string') {
     return /*#__PURE__*/external_react_.createElement("a", _extends({}, props, {
@@ -11309,6 +11311,40 @@ function Heading({
 // Need HeadingMemo for autocompletion of phpstorm
 const HeadingMemo = withMemo(Heading, (heading_default()), 'text');
 
+;// CONCATENATED MODULE: ./src/Components/Layout/Grow.tsx
+
+
+
+
+const Grow = withForwardRef(function Grow({
+  className,
+  children,
+  center = false,
+  style,
+  weight = 1
+}, ref) {
+  // Variables
+  // States
+  // Refs
+  // Callbacks
+  // Effects
+  // Other
+  // Render Functions
+  return /*#__PURE__*/external_react_.createElement("div", {
+    ref: ref,
+    className: classnames_default()((layout_default()).grow, {
+      [(layout_default()).center]: center,
+      [(layout_default()).weight0]: weight === 0,
+      [(layout_default()).weight1]: weight === 1,
+      [(layout_default()).weight2]: weight === 2,
+      [(layout_default()).weight3]: weight === 3,
+      [(layout_default()).weight4]: weight === 4,
+      [(layout_default()).weight5]: weight === 5,
+      [(layout_default()).weight6]: weight === 6
+    }, className),
+    style: style
+  }, children);
+}, (layout_default()));
 ;// CONCATENATED MODULE: ./src/Components/Dialog/DialogBackground.tsx
 
 
@@ -11316,11 +11352,17 @@ const HeadingMemo = withMemo(Heading, (heading_default()), 'text');
 
 
 
+
+
+
+
+
 const DialogBackground = withMemo(function DialogBackground({
   children,
   className,
   style,
-  title
+  title,
+  onClose
 }) {
   // Variables
   // Refs
@@ -11334,9 +11376,15 @@ const DialogBackground = withMemo(function DialogBackground({
     __allowChildren: "all",
     className: classnames_default()((dialogBackground_default()).dialogBackground, className),
     style: style
-  }, !!title && /*#__PURE__*/external_react_.createElement(HeadingMemo, {
+  }, (!!title || !!onClose) && /*#__PURE__*/external_react_.createElement(Flex_tmp, {
+    horizontal: true,
     className: (dialogBackground_default()).title
-  }, title), children);
+  }, !!title && /*#__PURE__*/external_react_.createElement(Grow, null, /*#__PURE__*/external_react_.createElement(HeadingMemo, null, title)), !!onClose && /*#__PURE__*/external_react_.createElement(ClickableMemo, {
+    onClick: onClose
+  }, /*#__PURE__*/external_react_.createElement(Icon, {
+    size: "lg",
+    icon: free_solid_svg_icons_namespaceObject.faCircleXmark
+  }))), children);
 }, (dialogBackground_default()));
 ;// CONCATENATED MODULE: ./src/Components/Dialog/DialogContext.ts
 
@@ -23111,6 +23159,7 @@ var ColorInput_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 function convertToHex(color, disableAlpha) {
   let newColor = `#${color.r.toString(16).padStart(2, '0')}${color.g.toString(16).padStart(2, '0')}${color.b.toString(16).padStart(2, '0')}`;
   if (color.a !== undefined && !disableAlpha) {
@@ -23134,9 +23183,10 @@ function ColorInput(_a) {
       presetColors,
       error,
       sharedColorKey = "default",
-      disabled
+      disabled,
+      className
     } = _a,
-    otherProps = ColorInput_rest(_a, ["defaultValue", "value", "label", "onChangeColor", "onChangeColorComplete", "onOpen", "onClose", "disableAlpha", "presetColors", "error", "sharedColorKey", "disabled"]);
+    otherProps = ColorInput_rest(_a, ["defaultValue", "value", "label", "onChangeColor", "onChangeColorComplete", "onOpen", "onClose", "disableAlpha", "presetColors", "error", "sharedColorKey", "disabled", "className"]);
   // Refs
   const modalRef = (0,external_react_.useRef)(null);
   // States
@@ -23205,7 +23255,7 @@ function ColorInput(_a) {
   // Other
   // Render Functions
   return /*#__PURE__*/external_react_.createElement(external_react_.Fragment, null, /*#__PURE__*/external_react_.createElement("span", {
-    className: (colorInput_default()).colorInput
+    className: classnames_default()((colorInput_default()).colorInput, className)
   }, /*#__PURE__*/external_react_.createElement(Menu, {
     x: position.x,
     y: position.y,
@@ -23299,40 +23349,6 @@ const ColorInputController = withHookController(ColorInputMemo, "onChangeColor")
 // EXTERNAL MODULE: ./src/Components/FormElements/Input/FileInput/fileInput.scss
 var fileInput = __webpack_require__(4372);
 var fileInput_default = /*#__PURE__*/__webpack_require__.n(fileInput);
-;// CONCATENATED MODULE: ./src/Components/Layout/Grow.tsx
-
-
-
-
-const Grow = withForwardRef(function Grow({
-  className,
-  children,
-  center = false,
-  style,
-  weight = 1
-}, ref) {
-  // Variables
-  // States
-  // Refs
-  // Callbacks
-  // Effects
-  // Other
-  // Render Functions
-  return /*#__PURE__*/external_react_.createElement("div", {
-    ref: ref,
-    className: classnames_default()((layout_default()).grow, {
-      [(layout_default()).center]: center,
-      [(layout_default()).weight0]: weight === 0,
-      [(layout_default()).weight1]: weight === 1,
-      [(layout_default()).weight2]: weight === 2,
-      [(layout_default()).weight3]: weight === 3,
-      [(layout_default()).weight4]: weight === 4,
-      [(layout_default()).weight5]: weight === 5,
-      [(layout_default()).weight6]: weight === 6
-    }, className),
-    style: style
-  }, children);
-}, (layout_default()));
 // EXTERNAL MODULE: ./src/Components/Image/image.scss
 var Image_image = __webpack_require__(6435);
 var image_default = /*#__PURE__*/__webpack_require__.n(Image_image);
@@ -24123,16 +24139,21 @@ const Select = withMemo(function Select(_a) {
       onChangeValue,
       inline = false,
       small = false,
-      error
+      error,
+      useNumericValues
     } = _a,
-    otherProps = Select_rest(_a, ["label", "options", "className", "style", "onChangeValue", "inline", "small", "error"]);
+    otherProps = Select_rest(_a, ["label", "options", "className", "style", "onChangeValue", "inline", "small", "error", "useNumericValues"]);
   // Refs
   // States
   // Selectors
   // Callbacks
   const [onChangeWithData, propsWithoutData] = useListenerWithExtractedProps('onChange', otherProps);
   const onChange = (0,external_react_.useCallback)(e => {
-    onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
+    if (useNumericValues) {
+      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(Number(e.target.value));
+    } else {
+      onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
+    }
     onChangeWithData(e);
   }, [onChangeWithData, onChangeValue]);
   // Effects