@rocket.chat/fuselage 0.62.0 → 0.62.1

package/dist/fuselage.development.js

@@ -5436,7 +5436,7 @@ var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
  */
 var Contextualbar = (0, react_1.forwardRef)(function Contextualbar(_a, ref) {
     var children = _a.children, width = _a.width, position = _a.position, _b = _a.bg, bg = _b === void 0 ? 'room' : _b, props = __rest(_a, ["children", "width", "position", "bg"]);
-    return ((0, jsx_runtime_1.jsx)(__1.Box, __assign({ ref: ref, "rcx-vertical-bar": true, bg: bg, color: 'default', display: 'flex', flexDirection: 'column', flexShrink: 0, width: width, borderInlineStartWidth: 'default', borderInlineStartColor: 'extra-light', borderInlineStartStyle: 'solid', height: 'full', position: position, insetInlineEnd: 'none', insetBlockStart: 'none', zIndex: 5 }, props, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(__1.Box, __assign({ ref: ref, "rcx-vertical-bar": true, bg: bg, color: 'default', display: 'flex', flexDirection: 'column', flexShrink: 0, width: width, borderInlineStartWidth: 'default', borderInlineStartColor: 'extra-light', borderInlineStartStyle: 'solid', height: 'full', position: position, insetInlineEnd: 'none', insetBlockStart: 'none', zIndex: 10 }, props, { children: children })));
 });
 exports["default"] = (0, react_1.memo)(Contextualbar);
 
@@ -6001,7 +6001,7 @@ var react_1 = __webpack_require__(/*! react */ "react");
 var __1 = __webpack_require__(/*! .. */ "./src/components/index.ts");
 exports.DropdownDesktop = (0, react_1.forwardRef)(function DropdownDesktop(_a, ref) {
     var children = _a.children, style = _a.style, props = __rest(_a, ["children", "style"]);
-    return ((0, jsx_runtime_1.jsx)(__1.Tile, __assign({ style: style, ref: ref, elevation: '2', pi: '0', pb: '0', display: 'flex', flexDirection: 'column', overflow: 'auto', "data-testid": 'dropdown' }, props, { children: (0, jsx_runtime_1.jsx)(__1.Box, { flexShrink: 1, pb: 12, children: style.visibility === 'hidden' ? null : children }) })));
+    return ((0, jsx_runtime_1.jsx)(__1.Tile, __assign({ style: style, ref: ref, elevation: '2', pi: '0', pb: '0', display: 'flex', flexDirection: 'column', overflow: 'auto', "data-testid": 'dropdown' }, props, { children: (0, jsx_runtime_1.jsx)(__1.Box, { flexShrink: 1, pb: 12, children: (style === null || style === void 0 ? void 0 : style.visibility) === 'hidden' ? null : children }) })));
 });
 
 
@@ -7984,21 +7984,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 var jsx_runtime_1 = __webpack_require__(/*! react/jsx-runtime */ "../../node_modules/react/jsx-runtime.js");
 var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
-var react_1 = __webpack_require__(/*! react */ "react");
-var react_aria_1 = __webpack_require__(/*! react-aria */ "react-aria");
 var DropdownDesktop_1 = __webpack_require__(/*! ../../Dropdown/DropdownDesktop */ "./src/components/Dropdown/DropdownDesktop.tsx");
 var DropdownMobile_1 = __webpack_require__(/*! ../../Dropdown/DropdownMobile */ "./src/components/Dropdown/DropdownMobile.tsx");
+var Popover_1 = __webpack_require__(/*! ../../Popover */ "./src/components/Popover/index.ts");
 function MenuPopover(_a) {
     var children = _a.children, state = _a.state, _b = _a.offset, offset = _b === void 0 ? 4 : _b, maxWidth = _a.maxWidth, props = __rest(_a, ["children", "state", "offset", "maxWidth"]);
-    var popoverRef = (0, react_1.useRef)(null);
-    var popoverProps = (0, react_aria_1.usePopover)(__assign(__assign({}, props), { offset: offset, popoverRef: popoverRef }), state).popoverProps;
-    var breakpoints = (0, fuselage_hooks_1.useBreakpoints)();
-    var isMobile = !breakpoints.includes('sm');
+    var isMobile = !(0, fuselage_hooks_1.useBreakpoints)().includes('sm');
     if (isMobile) {
-        var mobileProps = __assign(__assign({}, popoverProps), { style: { bottom: 0, left: 0 } });
-        return (0, jsx_runtime_1.jsx)(DropdownMobile_1.DropdownMobile, __assign({ children: children }, mobileProps));
+        return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, __assign({ state: state, offset: offset }, props, { children: (0, jsx_runtime_1.jsx)(DropdownMobile_1.DropdownMobile, { children: children }) })));
     }
-    return ((0, jsx_runtime_1.jsx)(DropdownDesktop_1.DropdownDesktop, __assign({ children: children, ref: popoverRef, maxWidth: maxWidth }, popoverProps)));
+    return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, __assign({ state: state, offset: offset }, props, { children: (0, jsx_runtime_1.jsx)(DropdownDesktop_1.DropdownDesktop, { maxWidth: maxWidth, children: children }) })));
 }
 exports["default"] = MenuPopover;