@rocket.chat/fuselage 0.32.0-dev.367 → 0.32.0-dev.368

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import type { UsePositionOptions } from '@rocket.chat/fuselage-hooks';
2
- import type { ComponentProps } from 'react';
2
+ import type { ComponentProps, ElementType } from 'react';
3
3
  import type { AriaMenuProps } from 'react-aria';
4
4
  import type { MenuTriggerProps } from 'react-stately';
5
5
  import { IconButton } from '../../Button';
@@ -10,7 +10,12 @@ interface MenuButtonProps<T> extends AriaMenuProps<T>, MenuTriggerProps {
10
10
  mini?: boolean;
11
11
  placement?: UsePositionOptions['placement'];
12
12
  title?: string;
13
+ /**
14
+ * A component that renders an IconButton
15
+ */
16
+ is?: ElementType;
17
+ className?: string;
13
18
  }
14
- declare const Menu: <T extends object>({ icon, placement, title, ...props }: MenuButtonProps<T>) => JSX.Element;
19
+ declare const Menu: <T extends object>({ icon, placement, title, is: MenuButton, className, ...props }: MenuButtonProps<T>) => JSX.Element;
15
20
  export default Menu;
16
21
  //# sourceMappingURL=Menu.d.ts.map
@@ -1 +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,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAShD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,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;CAChB;AACD,QAAA,MAAM,IAAI,6FAgDT,CAAC;AACF,eAAe,IAAI,CAAC"}
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;AAShD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,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,MAAM,CAAC;CACpB;AACD,QAAA,MAAM,IAAI,wHAmDT,CAAC;AACF,eAAe,IAAI,CAAC"}
@@ -6989,7 +6989,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
6989
6989
 
6990
6990
 
6991
6991
  var Menu = function (_a) {
6992
- var _b = _a.icon, icon = _b === void 0 ? 'kebab' : _b, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, title = _a.title, props = __rest(_a, ["icon", "placement", "title"]);
6992
+ var _b = _a.icon, icon = _b === void 0 ? 'kebab' : _b, _c = _a.placement, placement = _c === void 0 ? 'bottom-start' : _c, title = _a.title, _d = _a.is, MenuButton = _d === void 0 ? _Button__WEBPACK_IMPORTED_MODULE_3__.IconButton : _d, className = _a.className, props = __rest(_a, ["icon", "placement", "title", "is", "className"]);
6993
6993
  var state = (0,react_stately__WEBPACK_IMPORTED_MODULE_2__.useMenuTriggerState)(props);
6994
6994
  var trigger = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6995
6995
  var target = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -6999,10 +6999,10 @@ var Menu = function (_a) {
6999
6999
  shouldCloseOnBlur: true,
7000
7000
  isDismissable: true,
7001
7001
  }, target).overlayProps;
7002
- var _d = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useMenuTrigger)({}, state, trigger), menuProps = _d.menuProps, menuTriggerProps = _d.menuTriggerProps;
7002
+ var _e = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.useMenuTrigger)({}, state, trigger), menuProps = _e.menuProps, menuTriggerProps = _e.menuTriggerProps;
7003
7003
  var pressProps = (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.usePress)(menuTriggerProps).pressProps;
7004
7004
  return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
7005
- react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_3__.IconButton, __assign({ icon: icon, ref: trigger, small: true, title: title }, (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.mergeProps)(pressProps))),
7005
+ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuButton, __assign({ icon: icon, ref: trigger, small: true, title: title, className: className }, (0,react_aria__WEBPACK_IMPORTED_MODULE_1__.mergeProps)(pressProps))),
7006
7006
  state.isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Dropdown__WEBPACK_IMPORTED_MODULE_4__.Dropdown, __assign({}, overlayProps, { ref: target, reference: trigger, placement: placement }),
7007
7007
  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_aria__WEBPACK_IMPORTED_MODULE_1__.FocusScope, { restoreFocus: true },
7008
7008
  react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MenuDropdown__WEBPACK_IMPORTED_MODULE_5__["default"], __assign({}, props, menuProps)),