@rocket.chat/fuselage 0.32.0-dev.385 → 0.32.0-dev.387

package/dist/components/Menu/V2/Menu.d.ts

@@ -6,6 +6,8 @@ import type Box from '../../Box/Box';
 import { IconButton } from '../../Button';
 interface MenuButtonProps<T> extends AriaMenuProps<T>, MenuTriggerProps {
     icon?: ComponentProps<typeof IconButton>['icon'];
+    large?: boolean;
+    medium?: boolean;
     small?: boolean;
     tiny?: boolean;
     mini?: boolean;

package/dist/components/Menu/V2/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/V2/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,KAAK,GAAG,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,QAAA,MAAM,IAAI,2IAwCT,CAAC;AACF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/V2/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,KAAK,GAAG,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,UAAU,eAAe,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC,EAAE,gBAAgB;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,QAAA,MAAM,IAAI,2IAgDT,CAAC;AACF,eAAe,IAAI,CAAC"}

package/dist/components/Menu/V2/MenuItem.d.ts

@@ -1,9 +1,11 @@
-import type { ReactNode } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import type { TreeState } from 'react-stately';
+import MenuOption from './MenuOption';
 import type { Node } from './types';
 type MenuItemProps = {
     item: Node<{
         description?: ReactNode;
+        variant?: ComponentProps<typeof MenuOption>['variant'];
     }>;
     state: TreeState<unknown>;
 };

package/dist/components/Menu/V2/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/V2/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,IAAI,CAAC;QAAE,WAAW,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACxC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,eAsB/C;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/V2/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,IAAI,CAAC;QACT,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;KACxD,CAAC,CAAC;IACH,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,aAAa,eAuB/C;AAED,eAAe,QAAQ,CAAC"}

package/dist/fuselage.development.js

@@ -7086,9 +7086,12 @@ var Menu = function (_a) {
     var state = (0,react_stately__WEBPACK_IMPORTED_MODULE_2__.useMenuTriggerState)(props);
     var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     var _f = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useMenuTrigger)({}, state, ref), menuTriggerProps = _f.menuTriggerProps, menuProps = _f.menuProps;
-    var buttonProps = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useButton)(menuTriggerProps, ref).buttonProps;
+    var buttonProps = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useButton)(__assign(__assign({}, menuTriggerProps), { preventFocusOnPress: true }), ref).buttonProps;
+    var large = props.large, medium = props.medium, tiny = props.tiny, mini = props.mini;
+    var sizes = { large: large, medium: medium, tiny: tiny, mini: mini };
+    var defaultSmall = !large && !medium && !tiny && !mini;
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuButton, __assign({}, buttonProps, { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen, small: true })),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuButton, __assign({}, buttonProps, { ref: ref, icon: icon, className: className, title: title, pressed: pressed || state.isOpen, small: defaultSmall }, sizes)),
         state.isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MenuPopover__WEBPACK_IMPORTED_MODULE_5__["default"], { state: state, triggerRef: ref, placement: (0,_helpers_helpers__WEBPACK_IMPORTED_MODULE_6__.getPlacement)(placement), maxWidth: maxWidth },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MenuDropdown__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({}, props, menuProps))))));
 };
@@ -7198,7 +7201,7 @@ function MenuItem(_a) {
     var item = _a.item, state = _a.state;
     var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     var _b = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useMenuItem)({ key: item.key }, state, ref), menuItemProps = _b.menuItemProps, isFocused = _b.isFocused, isDisabled = _b.isDisabled;
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MenuOption__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({}, menuItemProps, { ref: ref, focus: isFocused, disabled: isDisabled, is: 'label' }),
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MenuOption__WEBPACK_IMPORTED_MODULE_3__["default"], __assign({}, menuItemProps, { ref: ref, focus: isFocused, disabled: isDisabled, is: 'label', variant: item.value && item.value.variant }),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'rcx-option__wrapper' }, item.rendered),
         item.value && item.value.description && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.MenuItemDescription, null, item.value.description))));
 }