@ainias42/react-bootstrap-mobile 1.0.2 → 1.0.4

package/dist/index.js

@@ -1,5 +1,5 @@
+import { Children, Component, Fragment, cloneElement, createContext, createElement, default as default_0, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { ArrayHelper, JsonHelper, ObjectHelper, PromiseWithHandlers, Random } from "@ainias42/js-helper";
-import { Children, Fragment, cloneElement, createContext, createElement, default as default_0, isValidElement, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { default as default_1 } from "classnames";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronDown, faChevronRight, faChevronUp, faCircleXmark, faEllipsisH, faEllipsisV, faEye, faEyeSlash, faFile, faPlus, faTimes, faTimesCircle } from "@fortawesome/free-solid-svg-icons";
@@ -56,20 +56,8 @@ class WrongChildError extends Error {
     this.childValue = child;
   }
 }
-;// ./src/Components/Flavor.ts
-var Flavor;
-(function (Flavor) {
-  Flavor["Accent"] = "flavor-accent";
-  Flavor["Basic"] = "flavor-basic";
-  Flavor["Destructive"] = "flavor-destructive";
-  Flavor["Constructive"] = "flavor-constructive";
-})(Flavor || (Flavor = {}));
-;// ./src/helper/Characters.ts
-const Characters = {
-  NBSP: '\u00A0',
-  PATH_DELIMITER: '/',
-  MIDDLE_DOT: '\u00B7'
-};
+;// external "react"
+
 ;// external "@ainias42/js-helper"
 
 ;// ./src/helper/memoComparator.ts
@@ -87,26 +75,6 @@ function memoComparator(prevProps, nextProps) {
     return prevProps[key] === nextProps[key];
   });
 }
-;// ./src/helper/nonEmptyString.ts
-
-function nonEmptyString(str, other = Characters.NBSP) {
-  if (!str) {
-    return other;
-  }
-  return str;
-}
-;// external "react"
-
-;// ./src/helper/useDeepShallow.ts
-
-
-function useDeepShallow(selector, depth = -1) {
-  const prev = useRef(undefined);
-  return state => {
-    const next = selector(state);
-    return JsonHelper.deepEqual(prev.current, next, depth) ? prev.current : prev.current = next;
-  };
-}
 ;// ./src/helper/withRestrictedChildren.tsx
 var __rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -169,49 +137,6 @@ function withMemo(component, defaultAllowChildren) {
   memoizedComponent.displayName = `Memoized(${component.displayName || component.name})`;
   return memoizedComponent;
 }
-;// ./src/helper/withRenderBrowserOnly.tsx
-var withRenderBrowserOnly_rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-function withRenderBrowserOnly(Component) {
-  const displayName = `WithRenderBrowserOnly(${Component.displayName || Component.name})`;
-  function HocComponent(_a, ref) {
-    var {
-        children
-      } = _a,
-      props = withRenderBrowserOnly_rest(_a, ["children"]);
-    const [isBrowser, setIsBrowser] = useState(false);
-    useEffect(() => setIsBrowser(true), []);
-    if (!isBrowser) {
-      return null;
-    }
-    const newProps = props;
-    if (ref && Object.keys(ref).length > 0) {
-      newProps.ref = ref;
-    }
-    return (
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      default_0.createElement(Component, Object.assign({}, newProps), children)
-    );
-  }
-  HocComponent.displayName = displayName;
-  return HocComponent;
-}
-;// ./src/WindowContext/WindowContext.ts
-
-const WindowContext = default_0.createContext(undefined);
-WindowContext.displayName = 'WindowContext';
-function useWindow() {
-  var _a;
-  return (_a = useContext(WindowContext)) !== null && _a !== void 0 ? _a : typeof window !== 'undefined' ? window : undefined;
-}
 ;// ./src/Components/Layout/View.tsx
 var View_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -316,6 +241,258 @@ const Block = withMemo(function Block(_a) {
     ref: ref
   }, props), children);
 });
+;// ./src/Components/Layout/Inline.tsx
+var Inline_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+const Inline = withMemo(function Inline(_a) {
+  // Variables
+  var {
+      children,
+      as = 'span',
+      className
+    } = _a,
+    props = Inline_rest(_a, ["children", "as", "className"]);
+  // Refs
+  // States
+  // Selectors
+  // Callbacks
+  // Effects
+  // Other
+  // Render Functions
+  return createElement(ViewWithoutListeners, Object.assign({
+    className: default_1(layout_module.inline, className),
+    as: as
+  }, props), children);
+});
+;// ./src/Components/Text/text.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const text_module = ({"text":"text__ejS3o","block":"block__naLxK","heading":"heading__KU9xU","primaryDefault":"primaryDefault__Liz7y","primary":"primary__rEpob","secondary":"secondary__zUXeI","tertiary":"tertiary__UaTRx","xsmall":"xsmall__BCYOF","small":"small__AWNxX","medium":"medium__rHmhh","large":"large__ekCpY","xlarge":"xlarge__KP0mY","xxlarge":"xxlarge__Japom","emphasized":"emphasized__Gn24q"});
+;// ./src/Components/Text/Text.tsx
+var Text_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+const TEXT_PRIO = {
+  primary: text_module.primary,
+  secondary: text_module.secondary,
+  tertiary: text_module.tertiary,
+  heading: text_module.heading
+};
+const TEXT_SIZE = {
+  xSmall: text_module.xsmall,
+  small: text_module.small,
+  medium: text_module.medium,
+  large: text_module.large,
+  xLarge: text_module.xlarge,
+  xxLarge: text_module.xxlarge
+};
+function Text(_a) {
+  var {
+      className,
+      children,
+      block = false,
+      prio,
+      emphasized = false,
+      size = TEXT_SIZE.medium,
+      as = 'span'
+    } = _a,
+    props = Text_rest(_a, ["className", "children", "block", "prio", "emphasized", "size", "as"]);
+  // Variables
+  prio = prio !== null && prio !== void 0 ? prio : text_module.primaryDefault;
+  // States
+  // Refs
+  // Callbacks
+  // Effects
+  // Other
+  Children.forEach(children, child => {
+    const type = typeof child;
+    if (type !== 'string' && type !== 'undefined' && type !== 'object' && type !== 'number' || type === 'object' && child !== null) {
+      throw new WrongChildError('string, number, undefined, null', type, child, 'Text');
+    }
+  });
+  // Render Functions
+  return createElement(Inline, Object.assign({
+    __allowChildren: "text",
+    as: as
+  }, props, {
+    className: default_1(text_module.text, {
+      [text_module.block]: block,
+      [text_module.emphasized]: emphasized
+    }, prio, size, className)
+  }), children);
+}
+const tmp = memo(Text);
+
+;// ./src/Components/Text/heading.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const heading_module = ({"heading":"heading__oxEyT"});
+;// ./src/Components/Text/Heading.tsx
+
+
+
+
+
+function Heading({
+  children,
+  className,
+  style
+}) {
+  // Variables
+  // Refs
+  // States
+  // Selectors
+  // Callbacks
+  // Effects
+  // Other
+  // Render Functions
+  return createElement(tmp, {
+    as: "h1",
+    size: TEXT_SIZE.xxLarge,
+    prio: TEXT_PRIO.heading,
+    className: default_1(heading_module.heading, className),
+    style: style
+  }, children);
+}
+// Need HeadingMemo for autocompletion of phpstorm
+const HeadingMemo = withMemo(Heading, 'text');
+
+;// ./src/Components/ErrorBoundary.tsx
+
+
+
+
+class ErrorBoundary extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      error: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    console.error('Got error', error);
+    return {
+      error
+    };
+  }
+  render() {
+    const {
+      error
+    } = this.state;
+    const {
+      children,
+      formatError,
+      showStack
+    } = this.props;
+    if (error) {
+      const message = (formatError === null || formatError === void 0 ? void 0 : formatError(error)) || String(error);
+      let stack;
+      if (error instanceof Error) {
+        stack = error.stack;
+      }
+      return default_0.createElement(Block, null, default_0.createElement(HeadingMemo, null, message), !!stack && showStack && default_0.createElement(tmp, {
+        style: {
+          whiteSpace: 'pre'
+        }
+      }, stack));
+    }
+    return children;
+  }
+}
+;// ./src/Components/Flavor.ts
+var Flavor;
+(function (Flavor) {
+  Flavor["Accent"] = "flavor-accent";
+  Flavor["Basic"] = "flavor-basic";
+  Flavor["Destructive"] = "flavor-destructive";
+  Flavor["Constructive"] = "flavor-constructive";
+})(Flavor || (Flavor = {}));
+;// ./src/helper/Characters.ts
+const Characters = {
+  NBSP: '\u00A0',
+  PATH_DELIMITER: '/',
+  MIDDLE_DOT: '\u00B7'
+};
+;// ./src/helper/nonEmptyString.ts
+
+function nonEmptyString(str, other = Characters.NBSP) {
+  if (!str) {
+    return other;
+  }
+  return str;
+}
+;// ./src/helper/useDeepShallow.ts
+
+
+function useDeepShallow(selector, depth = -1) {
+  const prev = useRef(undefined);
+  return state => {
+    const next = selector(state);
+    return JsonHelper.deepEqual(prev.current, next, depth) ? prev.current : prev.current = next;
+  };
+}
+;// ./src/helper/withRenderBrowserOnly.tsx
+var withRenderBrowserOnly_rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+function withRenderBrowserOnly(Component) {
+  const displayName = `WithRenderBrowserOnly(${Component.displayName || Component.name})`;
+  function HocComponent(_a, ref) {
+    var {
+        children
+      } = _a,
+      props = withRenderBrowserOnly_rest(_a, ["children"]);
+    const [isBrowser, setIsBrowser] = useState(false);
+    useEffect(() => setIsBrowser(true), []);
+    if (!isBrowser) {
+      return null;
+    }
+    const newProps = props;
+    if (ref && Object.keys(ref).length > 0) {
+      newProps.ref = ref;
+    }
+    return (
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      default_0.createElement(Component, Object.assign({}, newProps), children)
+    );
+  }
+  HocComponent.displayName = displayName;
+  return HocComponent;
+}
+;// ./src/WindowContext/WindowContext.ts
+
+const WindowContext = default_0.createContext(undefined);
+WindowContext.displayName = 'WindowContext';
+function useWindow() {
+  var _a;
+  return (_a = useContext(WindowContext)) !== null && _a !== void 0 ? _a : typeof window !== 'undefined' ? window : undefined;
+}
 ;// ./src/Components/Hooks/useComposedRef.ts
 
 function useComposedRef(...refs) {
@@ -758,108 +935,6 @@ const InlineBlock = withMemo(function InlineBlock(_a) {
     as: as
   }), children);
 });
-;// ./src/Components/Layout/Inline.tsx
-var Inline_rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-const Inline = withMemo(function Inline(_a) {
-  // Variables
-  var {
-      children,
-      as = 'span',
-      className
-    } = _a,
-    props = Inline_rest(_a, ["children", "as", "className"]);
-  // Refs
-  // States
-  // Selectors
-  // Callbacks
-  // Effects
-  // Other
-  // Render Functions
-  return createElement(ViewWithoutListeners, Object.assign({
-    className: default_1(layout_module.inline, className),
-    as: as
-  }, props), children);
-});
-;// ./src/Components/Text/text.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const text_module = ({"text":"text__ejS3o","block":"block__naLxK","heading":"heading__KU9xU","primaryDefault":"primaryDefault__Liz7y","primary":"primary__rEpob","secondary":"secondary__zUXeI","tertiary":"tertiary__UaTRx","xsmall":"xsmall__BCYOF","small":"small__AWNxX","medium":"medium__rHmhh","large":"large__ekCpY","xlarge":"xlarge__KP0mY","xxlarge":"xxlarge__Japom","emphasized":"emphasized__Gn24q"});
-;// ./src/Components/Text/Text.tsx
-var Text_rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-const TEXT_PRIO = {
-  primary: text_module.primary,
-  secondary: text_module.secondary,
-  tertiary: text_module.tertiary,
-  heading: text_module.heading
-};
-const TEXT_SIZE = {
-  xSmall: text_module.xsmall,
-  small: text_module.small,
-  medium: text_module.medium,
-  large: text_module.large,
-  xLarge: text_module.xlarge,
-  xxLarge: text_module.xxlarge
-};
-function Text(_a) {
-  var {
-      className,
-      children,
-      block = false,
-      prio,
-      emphasized = false,
-      size = TEXT_SIZE.medium,
-      as = 'span'
-    } = _a,
-    props = Text_rest(_a, ["className", "children", "block", "prio", "emphasized", "size", "as"]);
-  // Variables
-  prio = prio !== null && prio !== void 0 ? prio : text_module.primaryDefault;
-  // States
-  // Refs
-  // Callbacks
-  // Effects
-  // Other
-  Children.forEach(children, child => {
-    const type = typeof child;
-    if (type !== 'string' && type !== 'undefined' && type !== 'object' && type !== 'number' || type === 'object' && child !== null) {
-      throw new WrongChildError('string, number, undefined, null', type, child, 'Text');
-    }
-  });
-  // Render Functions
-  return createElement(Inline, Object.assign({
-    __allowChildren: "text",
-    as: as
-  }, props, {
-    className: default_1(text_module.text, {
-      [text_module.block]: block,
-      [text_module.emphasized]: emphasized
-    }, prio, size, className)
-  }), children);
-}
-const tmp = memo(Text);
-
 ;// external "@fortawesome/free-solid-svg-icons"
 
 ;// ./src/scss/baseClasses.module.scss
@@ -1213,39 +1288,6 @@ const Grow = withMemo(function Grow({
     style: style
   }, children);
 });
-;// ./src/Components/Text/heading.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const heading_module = ({"heading":"heading__oxEyT"});
-;// ./src/Components/Text/Heading.tsx
-
-
-
-
-
-function Heading({
-  children,
-  className,
-  style
-}) {
-  // Variables
-  // Refs
-  // States
-  // Selectors
-  // Callbacks
-  // Effects
-  // Other
-  // Render Functions
-  return createElement(tmp, {
-    as: "h1",
-    size: TEXT_SIZE.xxLarge,
-    prio: TEXT_PRIO.heading,
-    className: default_1(heading_module.heading, className),
-    style: style
-  }, children);
-}
-// Need HeadingMemo for autocompletion of phpstorm
-const HeadingMemo = withMemo(Heading, 'text');
-
 ;// ./src/Components/Dialog/dialogBackground.module.scss
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const dialogBackground_module = ({"dialogBackground":"dialogBackground__d53GC","title":"title___zJOu"});
@@ -5352,6 +5394,7 @@ const GridItemMemo = withMemo(GridItem);
 
 
 
-export { ActionSheet, AlertDialog, Block, BreakpointNames, Breakpoints, Button, ButtonDialogMemo as ButtonDialog, ButtonType, CONTAINER_CLASSES, Card, Characters, Checkbox, Clickable, ColorInput, ColorInputController, ConfirmDialog, Container, DialogMemo as Dialog, DialogBackground, DialogContainer, DialogProvider, DoubleIcon, DragItemMemo as DragItem, DropArea, FileInput, FileInputController, Flavor, Flex, FormError, FullScreen, Grid, GridItemMemo as GridItem, Grow, HeadingMemo as Heading, HiddenInput, HookForm, HoverMenu, Icon, Image, InViewportMemo as InViewport, Inline, InlineBlock, Input, InputController, LoadingArea, LoadingCircle, MENU_CONTAINER_CLASS, Menu, MenuCloseContextProvider, MenuDivider, MenuItem, MoreButton, MultipleFileInput, MultipleFileInputController, PasswordInput, PasswordInputController, RESTRICT_CHILDREN, SearchSelectInput, Select, SelectController, SendFormContext, Size, SizeCalculatorMemo as SizeCalculator, Slider, SliderController, Spoiler, SpoilerList, Submenu, Switch, SwitchController, TEXT_PRIO, TEXT_SIZE, TabBar, TabBarButton, Table_tmp as Table, tmp as Text, Textarea, TextareaController, Toast, ToastContainerMemo as ToastContainer, ToastContext, TopBar, TopBarButton, View, ViewWithoutListeners, WindowContext, WrongChildError, memoComparator, nonEmptyString, treeshakeTest, useAlertDialog, useBreakpoint, useBreakpointSelect, useClientLayoutEffect, useComposedRef, useConfirmDialog, useDebounced, useDeepShallow, useDelayed, useDelayedEffect, useDelayedState, useDialog, useInViewport, useKeyListener, useKeyPressed, useKeyUpListener, useListener, useListenerWithExtractedProps, useMenu, useMenuClose, useMousePosition, useOnChangeDone, useOnMount, useOnce, useRerender, useSendFormContext, useSharedSelectedColor, useSpoilerGroup, useStrictEnabled, useToast, useWindow, useWindowDimensions, useYupResolver, withHookController, withMemo, withRenderBrowserOnly, withRestrictedChildren };
+
+export { ActionSheet, AlertDialog, Block, BreakpointNames, Breakpoints, Button, ButtonDialogMemo as ButtonDialog, ButtonType, CONTAINER_CLASSES, Card, Characters, Checkbox, Clickable, ColorInput, ColorInputController, ConfirmDialog, Container, DialogMemo as Dialog, DialogBackground, DialogContainer, DialogProvider, DoubleIcon, DragItemMemo as DragItem, DropArea, ErrorBoundary, FileInput, FileInputController, Flavor, Flex, FormError, FullScreen, Grid, GridItemMemo as GridItem, Grow, HeadingMemo as Heading, HiddenInput, HookForm, HoverMenu, Icon, Image, InViewportMemo as InViewport, Inline, InlineBlock, Input, InputController, LoadingArea, LoadingCircle, MENU_CONTAINER_CLASS, Menu, MenuCloseContextProvider, MenuDivider, MenuItem, MoreButton, MultipleFileInput, MultipleFileInputController, PasswordInput, PasswordInputController, RESTRICT_CHILDREN, SearchSelectInput, Select, SelectController, SendFormContext, Size, SizeCalculatorMemo as SizeCalculator, Slider, SliderController, Spoiler, SpoilerList, Submenu, Switch, SwitchController, TEXT_PRIO, TEXT_SIZE, TabBar, TabBarButton, Table_tmp as Table, tmp as Text, Textarea, TextareaController, Toast, ToastContainerMemo as ToastContainer, ToastContext, TopBar, TopBarButton, View, ViewWithoutListeners, WindowContext, WrongChildError, memoComparator, nonEmptyString, treeshakeTest, useAlertDialog, useBreakpoint, useBreakpointSelect, useClientLayoutEffect, useComposedRef, useConfirmDialog, useDebounced, useDeepShallow, useDelayed, useDelayedEffect, useDelayedState, useDialog, useInViewport, useKeyListener, useKeyPressed, useKeyUpListener, useListener, useListenerWithExtractedProps, useMenu, useMenuClose, useMousePosition, useOnChangeDone, useOnMount, useOnce, useRerender, useSendFormContext, useSharedSelectedColor, useSpoilerGroup, useStrictEnabled, useToast, useWindow, useWindowDimensions, useYupResolver, withHookController, withMemo, withRenderBrowserOnly, withRestrictedChildren };
 
 //# sourceMappingURL=index.js.map