@ainias42/react-bootstrap-mobile 0.1.24 → 0.1.26

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.23
+ *   @ainias42/react-bootstrap-mobile v0.1.25
  *   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:1;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,SAAA,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: 1;\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{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":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"toastContainer": `toastContainer__Cr4Pc`,
@@ -9631,7 +9631,7 @@ __webpack_require__.d(__webpack_exports__, {
   FullScreen: () => (/* reexport */ FullScreenMemo),
   Grid: () => (/* reexport */ GridMemo),
   GridItem: () => (/* reexport */ GridItemMemo),
-  Grow: () => (/* reexport */ Grow_tmp),
+  Grow: () => (/* reexport */ Grow),
   Heading: () => (/* reexport */ HeadingMemo),
   HiddenInput: () => (/* reexport */ HiddenInput_tmp),
   HoverMenu: () => (/* reexport */ HoverMenu),
@@ -9896,12 +9896,13 @@ function Clickable(_a, ref) {
       style,
       href,
       target,
+      id,
       interactable = true,
       preventDefault = false,
       stopPropagation = true,
       useReactOnMouseLeave = false
     } = _a,
-    clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave"]);
+    clickData = Clickable_rest(_a, ["className", "children", "style", "href", "target", "id", "interactable", "preventDefault", "stopPropagation", "useReactOnMouseLeave"]);
   // States
   // Refs
   const clickableRef = useComposedRef(ref);
@@ -10042,6 +10043,7 @@ function Clickable(_a, ref) {
   const props = {
     style,
     target,
+    id,
     role: interactable ? 'button' : undefined,
     'aria-hidden': interactable ? undefined : true,
     className: classnames_default()((clickable_default()).clickable, className),
@@ -22692,13 +22694,13 @@ var fileInput_default = /*#__PURE__*/__webpack_require__.n(fileInput);
 
 
 
-function Grow({
+const Grow = withForwardRef(function Grow({
   className,
   children,
   center = false,
   style,
   weight = 1
-}) {
+}, ref) {
   // Variables
   // States
   // Refs
@@ -22707,6 +22709,7 @@ function Grow({
   // 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,
@@ -22719,9 +22722,7 @@ function Grow({
     }, className),
     style: style
   }, children);
-}
-const Grow_tmp = withMemo(Grow, (layout_default()));
-
+}, (layout_default()));
 // EXTERNAL MODULE: ./src/Components/Image/image.scss
 var Image_image = __webpack_require__(9782);
 var image_default = /*#__PURE__*/__webpack_require__.n(Image_image);
@@ -22958,10 +22959,10 @@ const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
     style: style
   }, /*#__PURE__*/external_react_.createElement(Flex_tmp, {
     horizontal: true
-  }, !!label && /*#__PURE__*/external_react_.createElement(Grow_tmp, 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, {
+  }, !!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_tmp, {
+  }, 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
@@ -22977,7 +22978,7 @@ const MultipleFileInput = withMemo(function MultipleImageInput(_a) {
     onClickData: index
   }, /*#__PURE__*/external_react_.createElement(Icon, {
     icon: free_solid_svg_icons_namespaceObject.faTimesCircle
-  }))))), /*#__PURE__*/external_react_.createElement(Grow_tmp, {
+  }))))), /*#__PURE__*/external_react_.createElement(Grow, {
     className: classnames_default()((fileInput_default()).addFile, {
       [(fileInput_default()).hidden]: value.length >= maxFiles
     }),
@@ -23217,7 +23218,7 @@ const PasswordInput = withForwardRef(function PasswordInput(_a, ref) {
     horizontal: true,
     className: classnames_default()((passwordInput_default()).passwordInput, className),
     style: style
-  }, /*#__PURE__*/external_react_default().createElement(Grow_tmp, null, /*#__PURE__*/external_react_default().createElement(Input, PasswordInput_extends({}, props, {
+  }, /*#__PURE__*/external_react_default().createElement(Grow, null, /*#__PURE__*/external_react_default().createElement(Input, PasswordInput_extends({}, props, {
     type: isVisible ? 'text' : 'password',
     ref: ref
   }))), /*#__PURE__*/external_react_default().createElement(ClickableMemo, {
@@ -23366,7 +23367,7 @@ const SearchSelectInput = withMemo(function SearchSelectInput({
     }, label) : null, /*#__PURE__*/external_react_.createElement(Flex_tmp, {
       className: (seachSelectInput_default()).inputContainer,
       horizontal: true
-    }, /*#__PURE__*/external_react_.createElement(InlineBlockMemo, null, values.map(renderOption)), /*#__PURE__*/external_react_.createElement(Grow_tmp, {
+    }, /*#__PURE__*/external_react_.createElement(InlineBlockMemo, null, values.map(renderOption)), /*#__PURE__*/external_react_.createElement(Grow, {
       __allowChildren: "html"
     }, /*#__PURE__*/external_react_.createElement("input", {
       className: (seachSelectInput_default()).text,
@@ -27104,7 +27105,7 @@ const Submenu = withMemo(function Submenu({
     icon: icon,
     color: iconColor,
     className: (menu_default()).icon
-  }), /*#__PURE__*/external_react_default().createElement(Grow_tmp, null, /*#__PURE__*/external_react_default().createElement(tmp, null, label)), /*#__PURE__*/external_react_default().createElement(Icon, {
+  }), /*#__PURE__*/external_react_default().createElement(Grow, null, /*#__PURE__*/external_react_default().createElement(tmp, null, label)), /*#__PURE__*/external_react_default().createElement(Icon, {
     icon: free_solid_svg_icons_namespaceObject.faChevronRight
   })), /*#__PURE__*/external_react_default().createElement(BlockMemo, {
     className: (menu_default()).container,
@@ -27215,7 +27216,9 @@ function Spoiler(_a) {
     style: style
   }, /*#__PURE__*/external_react_.createElement(Flex_tmp, {
     horizontal: true
-  }, /*#__PURE__*/external_react_.createElement(Grow_tmp, null, titleComponent), icon ? /*#__PURE__*/external_react_.createElement(Icon, {
+  }, /*#__PURE__*/external_react_.createElement(Grow, {
+    __allowChildren: "all"
+  }, titleComponent), icon ? /*#__PURE__*/external_react_.createElement(Icon, {
     icon: icon,
     className: (spoiler_default()).icon
   }) : null), /*#__PURE__*/external_react_.createElement(BlockMemo, {
@@ -27226,7 +27229,7 @@ function Spoiler(_a) {
   }, children)));
 }
 // Need SpoilerMemo for autocompletion of phpstorm
-const SpoilerMemo = withMemo(Spoiler, (spoiler_default()));
+const SpoilerMemo = withMemo(Spoiler, (spoiler_default()), "all");
 
 ;// CONCATENATED MODULE: ./src/Components/SpoilerList/useSpoilerGroup.ts