@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;
|
|
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
|
|
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(
|
|
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)),
|