@ainias42/react-bootstrap-mobile 0.1.18 → 0.1.20

package/dist/bootstrapReactMobile.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @ainias42/react-bootstrap-mobile v0.1.17
+ *   @ainias42/react-bootstrap-mobile v0.1.19
  *   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
@@ -22277,6 +22277,266 @@ function useSharedSelectedColor(key, numberSavedColors = 15) {
     addColor
   };
 }
+// EXTERNAL MODULE: ./src/Components/Menu/menu.scss
+var menu = __webpack_require__(1266);
+var menu_default = /*#__PURE__*/__webpack_require__.n(menu);
+;// CONCATENATED MODULE: ./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})`;
+  const HocComponent = (_a, ref) => {
+    var {
+        children
+      } = _a,
+      props = withRenderBrowserOnly_rest(_a, ["children"]);
+    const [isBrowser, setIsBrowser] = (0,external_react_.useState)(false);
+    (0,external_react_.useEffect)(() => setIsBrowser(true), []);
+    if (!isBrowser) {
+      return null;
+    }
+    const newProps = props;
+    if (ref && Object.keys(ref).length > 0) {
+      newProps.ref = ref;
+    }
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      external_react_default().createElement(Component, newProps, children)
+    );
+  };
+  HocComponent.displayName = displayName;
+  return HocComponent;
+}
+;// CONCATENATED MODULE: ./src/WindowContext/WindowContext.ts
+
+const WindowContext = /*#__PURE__*/external_react_default().createContext(undefined);
+WindowContext.displayName = 'WindowContext';
+function useWindow() {
+  var _a;
+  return (_a = (0,external_react_.useContext)(WindowContext)) !== null && _a !== void 0 ? _a : typeof window !== 'undefined' ? window : undefined;
+}
+;// CONCATENATED MODULE: ./src/Components/Menu/MenuCloseContext.ts
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const MenuCloseContext = /*#__PURE__*/external_react_default().createContext(() => {});
+const MenuCloseContextProvider = MenuCloseContext.Provider;
+function useMenuClose() {
+  return (0,external_react_.useContext)(MenuCloseContext);
+}
+;// CONCATENATED MODULE: ./src/Components/Menu/MenuItem.tsx
+function MenuItem_extends() { MenuItem_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return MenuItem_extends.apply(this, arguments); }
+var MenuItem_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 MenuItem = withMemo(function MenuItem(_a) {
+  // Refs
+  var {
+      children,
+      icon,
+      iconColor,
+      className,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      active,
+      item,
+      disabled = false
+    } = _a,
+    props = MenuItem_rest(_a, ["children", "icon", "iconColor", "className", "onClick", "onMouseEnter", "onMouseLeave", "active", "item", "disabled"]);
+  // States/Variables/Selectors
+  const close = useMenuClose();
+  // Dispatch
+  // Callbacks
+  const onClickInner = (0,external_react_.useCallback)(() => {
+    if (disabled) {
+      return;
+    }
+    onClick(item);
+    close();
+  }, [close, disabled, item, onClick]);
+  const onMouseEnterInner = (0,external_react_.useCallback)(() => {
+    if (disabled) {
+      return;
+    }
+    onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(item);
+  }, [disabled, item, onMouseEnter]);
+  const onMouseLeaveInner = (0,external_react_.useCallback)(() => {
+    if (disabled) {
+      return;
+    }
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(item);
+  }, [disabled, item, onMouseLeave]);
+  // Effects
+  // Other
+  const childElements = typeof children === "string" ? /*#__PURE__*/external_react_default().createElement(tmp, null, children) : children;
+  // RenderFunctions
+  return /*#__PURE__*/external_react_default().createElement(ClickableMemo, MenuItem_extends({
+    className: classnames_default()((menu_default()).item, {
+      [(menu_default()).disabled]: disabled,
+      [(menu_default()).active]: active
+    }, className)
+  }, props, {
+    onClick: onClickInner,
+    onMouseEnter: onMouseEnterInner,
+    onMouseLeave: onMouseLeaveInner,
+    __allowChildren: "all"
+  }), /*#__PURE__*/external_react_default().createElement(BlockMemo, {
+    className: classnames_default()((menu_default()).itemChildren)
+  }, !!icon && /*#__PURE__*/external_react_default().createElement(Icon, {
+    icon: icon,
+    color: iconColor,
+    className: (menu_default()).icon
+  }), childElements));
+}, (menu_default()), "text");
+;// CONCATENATED MODULE: external "react-dom"
+const external_react_dom_namespaceObject = require("react-dom");
+;// CONCATENATED MODULE: ./src/Components/Menu/Menu.tsx
+
+
+
+
+
+
+
+
+
+
+
+const MENU_CONTAINER_CLASS = "rbm-menu-container";
+const Menu = withMemo(withRenderBrowserOnly(function Menu({
+  className,
+  style,
+  items,
+  y,
+  x,
+  isOpen,
+  onClose,
+  children,
+  offsetY = 0,
+  offsetX = 0
+}) {
+  // Variables
+  // Refs
+  const menuRef = (0,external_react_.useRef)(null);
+  const window = useWindow();
+  // States
+  const [portalContainer] = (0,external_react_.useState)(() => {
+    return document.createElement('div');
+  });
+  const [innerX, setInnerX] = (0,external_react_.useState)(x);
+  const [innerY, setInnerY] = (0,external_react_.useState)(y);
+  // Selectors
+  // Callbacks
+  // Effects
+  (0,external_react_.useEffect)(() => {
+    if (isOpen) {
+      const listener = e => {
+        var _a;
+        if (!((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+          onClose();
+        }
+      };
+      window === null || window === void 0 ? void 0 : window.addEventListener('mousedown', listener, {
+        capture: true
+      });
+      return () => window === null || window === void 0 ? void 0 : window.removeEventListener('mousedown', listener, {
+        capture: true
+      });
+    }
+    return undefined;
+  }, [isOpen, onClose, window]);
+  (0,external_react_.useLayoutEffect)(() => {
+    if (!isOpen) {
+      return;
+    }
+    let elem = window === null || window === void 0 ? void 0 : window.document.body.querySelector("." + MENU_CONTAINER_CLASS);
+    if (!elem) {
+      elem = window === null || window === void 0 ? void 0 : window.document.body;
+    }
+    elem === null || elem === void 0 ? void 0 : elem.appendChild(portalContainer);
+  }, [isOpen, portalContainer, window === null || window === void 0 ? void 0 : window.document.body]);
+  (0,external_react_.useLayoutEffect)(() => {
+    var _a;
+    if (!menuRef.current) {
+      return;
+    }
+    const width = parseFloat(getComputedStyle(menuRef.current).width);
+    let newX = x;
+    if (newX > ((_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 0) - width) {
+      newX -= width + offsetX;
+    }
+    if (newX < 0) {
+      newX = 0;
+    }
+    setInnerX(newX);
+  }, [offsetX, window === null || window === void 0 ? void 0 : window.innerWidth, x]);
+  (0,external_react_.useLayoutEffect)(() => {
+    var _a;
+    if (!menuRef.current) {
+      return;
+    }
+    const height = parseFloat(getComputedStyle(menuRef.current).height);
+    let newY = y;
+    if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
+      newY -= height + offsetY;
+    }
+    if (newY < 0) {
+      newY = 0;
+    }
+    setInnerY(newY);
+  }, [offsetY, window === null || window === void 0 ? void 0 : window.innerHeight, y]);
+  // Other
+  // Render Functions
+  if (!isOpen) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_.createElement(external_react_.Fragment, null, /*#__PURE__*/(0,external_react_dom_namespaceObject.createPortal)( /*#__PURE__*/external_react_.createElement(MenuCloseContextProvider, {
+    value: onClose
+  }, /*#__PURE__*/external_react_.createElement(BlockMemo, {
+    className: classnames_default()(className, (menu_default()).menu),
+    style: Object.assign(Object.assign({}, style), {
+      top: innerY,
+      left: innerX
+    }),
+    ref: menuRef,
+    __allowChildren: "all"
+  }, items === null || items === void 0 ? void 0 : items.map(item => {
+    const icon = !!item.icon && typeof item.icon === "object" && "color" in item.icon ? item.icon.icon : item.icon;
+    const iconColor = !!item.icon && typeof item.icon === "object" && "color" in item.icon ? item.icon.color : undefined;
+    return /*#__PURE__*/external_react_.createElement(MenuItem, {
+      key: item.key,
+      onClick: item.callback,
+      className: classnames_default()((menu_default()).item, item.className),
+      onMouseEnter: item.onMouseEnter,
+      icon: icon,
+      iconColor: iconColor,
+      onMouseLeave: item.onMouseLeave
+    }, item.label);
+  }), children)), portalContainer));
+}), (menu_default()));
 ;// CONCATENATED MODULE: ./src/Components/FormElements/ColorInput/ColorInput.tsx
 var ColorInput_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -22293,6 +22553,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) {
@@ -22314,11 +22575,11 @@ function ColorInput(_a) {
       onClose,
       disableAlpha,
       presetColors,
-      sharedColorKey
+      sharedColorKey = "default",
+      disabled
     } = _a,
-    otherProps = ColorInput_rest(_a, ["defaultValue", "value", "label", "onChangeColor", "onChangeColorComplete", "onOpen", "onClose", "disableAlpha", "presetColors", "sharedColorKey"]);
+    otherProps = ColorInput_rest(_a, ["defaultValue", "value", "label", "onChangeColor", "onChangeColorComplete", "onOpen", "onClose", "disableAlpha", "presetColors", "sharedColorKey", "disabled"]);
   // Refs
-  const containerRef = (0,external_react_.useRef)(null);
   const modalRef = (0,external_react_.useRef)(null);
   // States
   const [color, setColor] = (0,external_react_.useState)((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : '#000000FF');
@@ -22331,6 +22592,7 @@ function ColorInput(_a) {
     colors,
     addColor
   } = useSharedSelectedColor(sharedColorKey);
+  const realIsOpen = disabled !== true && isOpen;
   const colVal = value !== null && value !== void 0 ? value : color;
   // Selectors
   // Callbacks
@@ -22350,21 +22612,22 @@ function ColorInput(_a) {
       onChangeColorComplete(hexColor);
     }
   }, [disableAlpha, onChangeColorComplete]);
-  const onContainerClick = (0,external_react_.useCallback)(e => {
-    if (e.target === (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current)) {
-      setIsOpen(false);
-      addColor(colVal);
-      onClose === null || onClose === void 0 ? void 0 : onClose(colVal);
-    }
+  const onMenuClose = (0,external_react_.useCallback)(() => {
+    setIsOpen(false);
+    addColor(colVal);
+    onClose === null || onClose === void 0 ? void 0 : onClose(colVal);
   }, [addColor, colVal, onClose]);
   const openElement = (0,external_react_.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
     setIsOpen(true);
     setPosition({
       x: e.clientX,
       y: e.clientY
     });
     onOpen === null || onOpen === void 0 ? void 0 : onOpen(colVal);
-  }, [colVal, onOpen]);
+  }, [colVal, disabled, onOpen]);
   // Effects
   (0,external_react_.useLayoutEffect)(() => {
     if (!modalRef.current) {
@@ -22373,34 +22636,30 @@ function ColorInput(_a) {
     const dimension = modalRef.current.getBoundingClientRect();
     if (dimension.right > window.innerWidth || dimension.bottom > window.innerHeight) {
       const newPosition = {
-        x: Math.max(0, Math.min(window.innerWidth - dimension.width, position.x)),
-        y: Math.max(0, Math.min(window.innerHeight - dimension.height, position.y))
+        x: Math.max(0, Math.min(window.innerWidth - dimension.width - 3, position.x)),
+        y: Math.max(0, Math.min(window.innerHeight - dimension.height - 3, position.y))
       };
-      setPosition(newPosition);
+      if (newPosition.x !== position.x || newPosition.y !== position.y) {
+        setPosition(newPosition);
+      }
     }
   }, [position]);
   // Other
   // Render Functions
   return /*#__PURE__*/external_react_.createElement("span", {
     className: (colorInput_default()).colorInput
-  }, isOpen ? /*#__PURE__*/external_react_.createElement("div", {
-    onClick: onContainerClick,
-    className: (colorInput_default()).modalContainer,
-    ref: containerRef
-  }, /*#__PURE__*/external_react_.createElement("div", {
-    className: (colorInput_default()).modal,
-    style: {
-      top: position.y,
-      left: position.x
-    },
-    ref: modalRef
+  }, /*#__PURE__*/external_react_.createElement(Menu, {
+    x: position.x,
+    y: position.y,
+    isOpen: realIsOpen,
+    onClose: onMenuClose
   }, /*#__PURE__*/external_react_.createElement(sketch_Sketch, {
     color: colVal,
     onChange: onChange,
     onChangeComplete: onChangeComplete,
     disableAlpha: disableAlpha,
     presetColors: presetColors !== null && presetColors !== void 0 ? presetColors : colors
-  }))) : null, /*#__PURE__*/external_react_.createElement("span", {
+  })), /*#__PURE__*/external_react_.createElement("span", {
     onClick: openElement,
     className: (colorInput_default()).label
   }, label), /*#__PURE__*/external_react_.createElement("span", {
@@ -22959,14 +23218,6 @@ const PasswordInput = withForwardRef(function PasswordInput(_a, ref) {
 // EXTERNAL MODULE: ./src/Components/FormElements/SearchSelectInput/seachSelectInput.scss
 var seachSelectInput = __webpack_require__(2399);
 var seachSelectInput_default = /*#__PURE__*/__webpack_require__.n(seachSelectInput);
-;// CONCATENATED MODULE: ./src/WindowContext/WindowContext.ts
-
-const WindowContext = /*#__PURE__*/external_react_default().createContext(undefined);
-WindowContext.displayName = 'WindowContext';
-function useWindow() {
-  var _a;
-  return (_a = (0,external_react_.useContext)(WindowContext)) !== null && _a !== void 0 ? _a : typeof window !== 'undefined' ? window : undefined;
-}
 ;// CONCATENATED MODULE: ./src/Components/FormElements/SearchSelectInput/SearchSelectInput.tsx
 
 
@@ -23149,7 +23400,7 @@ const Select = withMemo(function Select(_a) {
   // States
   // Selectors
   // Callbacks
-  const onChangeWithData = useListener('onChange', otherProps);
+  const [onChangeWithData, propsWithoutData] = useListenerWithExtractedProps('onChange', otherProps);
   const onChange = (0,external_react_.useCallback)(e => {
     onChangeValue === null || onChangeValue === void 0 ? void 0 : onChangeValue(e.target.value);
     onChangeWithData(e);
@@ -23168,7 +23419,7 @@ const Select = withMemo(function Select(_a) {
       style: style
     }, label ? /*#__PURE__*/external_react_.createElement("span", {
       className: (select_default()).label
-    }, label) : null, /*#__PURE__*/external_react_.createElement("select", Select_extends({}, otherProps, {
+    }, label) : null, /*#__PURE__*/external_react_.createElement("select", Select_extends({}, propsWithoutData, {
       className: (select_default()).input,
       onChange: onChange
     }), options.map(option => {
@@ -23609,7 +23860,7 @@ function useKeyUpListener(key, listener, dependencies = [], ignoreFormElements =
   (0,external_react_.useEffect)(() => {
     const lowercaseKey = key.toLowerCase();
     const keyListener = e => {
-      if (e.key.toLowerCase() === lowercaseKey && (!ignoreFormElements || !isFormElement(e.target))) {
+      if ((e.key === "Meta" || e.key.toLowerCase() === lowercaseKey) && (!ignoreFormElements || !isFormElement(e.target))) {
         listener(e);
       }
     };
@@ -26624,258 +26875,6 @@ function LoadingArea({
 }
 const LoadingAreaMemo = withMemo(LoadingArea, (loadingArea_default()));
 
-// EXTERNAL MODULE: ./src/Components/Menu/menu.scss
-var menu = __webpack_require__(1266);
-var menu_default = /*#__PURE__*/__webpack_require__.n(menu);
-;// CONCATENATED MODULE: ./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})`;
-  const HocComponent = (_a, ref) => {
-    var {
-        children
-      } = _a,
-      props = withRenderBrowserOnly_rest(_a, ["children"]);
-    const [isBrowser, setIsBrowser] = (0,external_react_.useState)(false);
-    (0,external_react_.useEffect)(() => setIsBrowser(true), []);
-    if (!isBrowser) {
-      return null;
-    }
-    const newProps = props;
-    if (ref && Object.keys(ref).length > 0) {
-      newProps.ref = ref;
-    }
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      external_react_default().createElement(Component, newProps, children)
-    );
-  };
-  HocComponent.displayName = displayName;
-  return HocComponent;
-}
-;// CONCATENATED MODULE: ./src/Components/Menu/MenuCloseContext.ts
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const MenuCloseContext = /*#__PURE__*/external_react_default().createContext(() => {});
-const MenuCloseContextProvider = MenuCloseContext.Provider;
-function useMenuClose() {
-  return (0,external_react_.useContext)(MenuCloseContext);
-}
-;// CONCATENATED MODULE: ./src/Components/Menu/MenuItem.tsx
-function MenuItem_extends() { MenuItem_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return MenuItem_extends.apply(this, arguments); }
-var MenuItem_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 MenuItem = withMemo(function MenuItem(_a) {
-  // Refs
-  var {
-      children,
-      icon,
-      iconColor,
-      className,
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      active,
-      item,
-      disabled = false
-    } = _a,
-    props = MenuItem_rest(_a, ["children", "icon", "iconColor", "className", "onClick", "onMouseEnter", "onMouseLeave", "active", "item", "disabled"]);
-  // States/Variables/Selectors
-  const close = useMenuClose();
-  // Dispatch
-  // Callbacks
-  const onClickInner = (0,external_react_.useCallback)(() => {
-    if (disabled) {
-      return;
-    }
-    onClick(item);
-    close();
-  }, [close, disabled, item, onClick]);
-  const onMouseEnterInner = (0,external_react_.useCallback)(() => {
-    if (disabled) {
-      return;
-    }
-    onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(item);
-  }, [disabled, item, onMouseEnter]);
-  const onMouseLeaveInner = (0,external_react_.useCallback)(() => {
-    if (disabled) {
-      return;
-    }
-    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(item);
-  }, [disabled, item, onMouseLeave]);
-  // Effects
-  // Other
-  const childElements = typeof children === "string" ? /*#__PURE__*/external_react_default().createElement(tmp, null, children) : children;
-  // RenderFunctions
-  return /*#__PURE__*/external_react_default().createElement(ClickableMemo, MenuItem_extends({
-    className: classnames_default()((menu_default()).item, {
-      [(menu_default()).disabled]: disabled,
-      [(menu_default()).active]: active
-    }, className)
-  }, props, {
-    onClick: onClickInner,
-    onMouseEnter: onMouseEnterInner,
-    onMouseLeave: onMouseLeaveInner,
-    __allowChildren: "all"
-  }), /*#__PURE__*/external_react_default().createElement(BlockMemo, {
-    className: classnames_default()((menu_default()).itemChildren)
-  }, !!icon && /*#__PURE__*/external_react_default().createElement(Icon, {
-    icon: icon,
-    color: iconColor,
-    className: (menu_default()).icon
-  }), childElements));
-}, (menu_default()), "text");
-;// CONCATENATED MODULE: external "react-dom"
-const external_react_dom_namespaceObject = require("react-dom");
-;// CONCATENATED MODULE: ./src/Components/Menu/Menu.tsx
-
-
-
-
-
-
-
-
-
-
-
-const MENU_CONTAINER_CLASS = "rbm-menu-container";
-const Menu = withMemo(withRenderBrowserOnly(function Menu({
-  className,
-  style,
-  items,
-  y,
-  x,
-  isOpen,
-  onClose,
-  children,
-  offsetY = 0,
-  offsetX = 0
-}) {
-  // Variables
-  // Refs
-  const menuRef = (0,external_react_.useRef)(null);
-  const window = useWindow();
-  // States
-  const [portalContainer] = (0,external_react_.useState)(() => {
-    return document.createElement('div');
-  });
-  const [innerX, setInnerX] = (0,external_react_.useState)(x);
-  const [innerY, setInnerY] = (0,external_react_.useState)(y);
-  // Selectors
-  // Callbacks
-  // Effects
-  (0,external_react_.useEffect)(() => {
-    if (isOpen) {
-      const listener = e => {
-        var _a;
-        if (!((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-          onClose();
-        }
-      };
-      window === null || window === void 0 ? void 0 : window.addEventListener('mousedown', listener, {
-        capture: true
-      });
-      return () => window === null || window === void 0 ? void 0 : window.removeEventListener('mousedown', listener, {
-        capture: true
-      });
-    }
-    return undefined;
-  }, [isOpen, onClose, window]);
-  (0,external_react_.useLayoutEffect)(() => {
-    if (!isOpen) {
-      return;
-    }
-    let elem = window === null || window === void 0 ? void 0 : window.document.body.querySelector("." + MENU_CONTAINER_CLASS);
-    if (!elem) {
-      elem = window === null || window === void 0 ? void 0 : window.document.body;
-    }
-    elem === null || elem === void 0 ? void 0 : elem.appendChild(portalContainer);
-  }, [isOpen, portalContainer, window === null || window === void 0 ? void 0 : window.document.body]);
-  (0,external_react_.useLayoutEffect)(() => {
-    var _a;
-    if (!menuRef.current) {
-      return;
-    }
-    const width = parseFloat(getComputedStyle(menuRef.current).width);
-    let newX = x;
-    if (newX > ((_a = window === null || window === void 0 ? void 0 : window.innerWidth) !== null && _a !== void 0 ? _a : 0) - width) {
-      newX -= width + offsetX;
-    }
-    if (newX < 0) {
-      newX = 0;
-    }
-    setInnerX(newX);
-  }, [offsetX, window === null || window === void 0 ? void 0 : window.innerWidth, x]);
-  (0,external_react_.useLayoutEffect)(() => {
-    var _a;
-    if (!menuRef.current) {
-      return;
-    }
-    const height = parseFloat(getComputedStyle(menuRef.current).height);
-    let newY = y;
-    if (newY > ((_a = window === null || window === void 0 ? void 0 : window.innerHeight) !== null && _a !== void 0 ? _a : 0) - height) {
-      newY -= height + offsetY;
-    }
-    if (newY < 0) {
-      newY = 0;
-    }
-    setInnerY(newY);
-  }, [offsetY, window === null || window === void 0 ? void 0 : window.innerHeight, y]);
-  // Other
-  // Render Functions
-  if (!isOpen) {
-    return null;
-  }
-  return /*#__PURE__*/external_react_.createElement(external_react_.Fragment, null, /*#__PURE__*/(0,external_react_dom_namespaceObject.createPortal)( /*#__PURE__*/external_react_.createElement(MenuCloseContextProvider, {
-    value: onClose
-  }, /*#__PURE__*/external_react_.createElement(BlockMemo, {
-    className: classnames_default()(className, (menu_default()).menu),
-    style: Object.assign(Object.assign({}, style), {
-      top: innerY,
-      left: innerX
-    }),
-    ref: menuRef,
-    __allowChildren: "all"
-  }, items === null || items === void 0 ? void 0 : items.map(item => {
-    const icon = !!item.icon && typeof item.icon === "object" && "color" in item.icon ? item.icon.icon : item.icon;
-    const iconColor = !!item.icon && typeof item.icon === "object" && "color" in item.icon ? item.icon.color : undefined;
-    return /*#__PURE__*/external_react_.createElement(MenuItem, {
-      key: item.key,
-      onClick: item.callback,
-      className: classnames_default()((menu_default()).item, item.className),
-      onMouseEnter: item.onMouseEnter,
-      icon: icon,
-      iconColor: iconColor,
-      onMouseLeave: item.onMouseLeave
-    }, item.label);
-  }), children)), portalContainer));
-}), (menu_default()));
 ;// CONCATENATED MODULE: ./src/Components/Menu/HoverMenu.tsx
 
 
@@ -26946,6 +26945,11 @@ const HoverMenu = withMemo(function HoverMenu({
     recalculatePosition();
     setIsOpen(true);
   }, [recalculatePosition]);
+  const onClickInner = (0,external_react_.useCallback)(() => {
+    if ((onClick === null || onClick === void 0 ? void 0 : onClick()) !== false) {
+      open();
+    }
+  }, [onClick, open]);
   // Effects
   // Other
   // RenderFunctions
@@ -26953,7 +26957,7 @@ const HoverMenu = withMemo(function HoverMenu({
     onMouseEnter: open,
     onMouseLeave: close,
     useReactOnMouseLeave: true,
-    onClick: onClick,
+    onClick: onClickInner,
     className: classnames_default()((menu_default()).hoverMenu, {
       [(menu_default()).open]: isOpen
     }, className),