@doist/reactist 28.7.0 → 28.7.3

package/lib/menu/menu.js

@@ -1,2 +1,180 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("classnames"),n=require("@ariakit/react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var u=l(t),c=o(r);const a=["children","onItemSelect"],s=["exceptionallySetClassName"],i=["render"],d=["exceptionallySetClassName","modal","flip"],p=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName"],m=["label","children","exceptionallySetClassName"],f=u.createContext({menuStore:null,handleItemSelect:()=>{},getAnchorRect:null,setAnchorRect:()=>{}}),S=u.createContext({isSubMenu:!1});function b(t){let{children:r,onItemSelect:o}=t,l=e.objectWithoutProperties(t,a);const[c,s]=u.useState(null),i=u.useMemo(()=>c?()=>c:null,[c]),d=n.useMenuStore(e.objectSpread2({focusLoop:!0},l)),p=u.useMemo(()=>({menuStore:d,handleItemSelect:o,getAnchorRect:i,setAnchorRect:s}),[d,o,i,s]);return u.createElement(f.Provider,{value:p},r)}const h=u.forwardRef((function(t,r){let{exceptionallySetClassName:o}=t,l=e.objectWithoutProperties(t,s);const{menuStore:a}=u.useContext(f);if(!a)throw new Error("MenuButton must be wrapped in <Menu/>");return u.createElement(n.MenuButton,e.objectSpread2(e.objectSpread2({},l),{},{store:a,ref:r,className:c.default("reactist_menubutton",o)}))})),M=u.forwardRef((function(t,r){let{render:o}=t,l=e.objectWithoutProperties(t,i);const{setAnchorRect:c,menuStore:a}=u.useContext(f);if(!a)throw new Error("ContextMenuTrigger must be wrapped in <Menu/>");const s=u.useCallback((function(e){e.preventDefault(),c({x:e.clientX,y:e.clientY}),a.show()}),[c,a]),d=a.useState("open");return u.useEffect(()=>{d||c(null)},[d,c]),u.createElement(n.Role.div,e.objectSpread2(e.objectSpread2({},l),{},{onContextMenu:s,ref:r,render:o}))})),x=u.forwardRef((function(t,r){let{exceptionallySetClassName:o,modal:l=!0,flip:a}=t,s=e.objectWithoutProperties(t,d);const{menuStore:i,getAnchorRect:p}=u.useContext(f);if(!i)throw new Error("MenuList must be wrapped in <Menu/>");const{isSubMenu:m}=u.useContext(S);return i.useState("open")?u.createElement(n.Portal,{preserveTabOrder:!0},u.createElement(n.Menu,e.objectSpread2(e.objectSpread2({},s),{},{store:i,gutter:8,shift:4,ref:r,className:c.default("reactist_menulist",o),getAnchorRect:null!=p?p:void 0,modal:l,flip:null!=a?a:m?"left bottom":void 0}))):null})),C=u.forwardRef((function(t,r){let{value:o,children:l,onSelect:c,hideOnSelect:a=!0,onClick:s,exceptionallySetClassName:i}=t,d=e.objectWithoutProperties(t,p);const{handleItemSelect:m,menuStore:S}=u.useContext(f);if(!S)throw new Error("MenuItem must be wrapped in <Menu/>");const{hide:b}=S,h=u.useCallback((function(e){null==s||s(e);const t=!1!==(c&&!e.defaultPrevented?c():void 0)&&a;null==m||m(o),t&&b()}),[c,s,m,a,b,o]);return u.createElement(n.MenuItem,e.objectSpread2(e.objectSpread2({},d),{},{store:S,ref:r,onClick:h,className:i,hideOnClick:!1}),l)})),w=u.forwardRef((function({children:e,onItemSelect:t},r){const{handleItemSelect:o,menuStore:l}=u.useContext(f);if(!l)throw new Error("SubMenu must be wrapped in <Menu/>");const{hide:c}=l,a=u.useCallback((function(e){null==t||t(e),null==o||o(e),c()}),[c,o,t]),[s,i]=u.Children.toArray(e),d=s,p=u.useMemo(()=>({isSubMenu:!0}),[]);return u.createElement(b,{onItemSelect:a},u.createElement(n.MenuItem,{store:l,ref:r,hideOnClick:!1,render:d},d.props.children),u.createElement(S.Provider,{value:p},i))})),j=u.forwardRef((function(t,r){let{label:o,children:l,exceptionallySetClassName:c}=t,a=e.objectWithoutProperties(t,m);const{menuStore:s}=u.useContext(f);if(!s)throw new Error("MenuGroup must be wrapped in <Menu/>");return u.createElement(n.MenuGroup,e.objectSpread2(e.objectSpread2({},a),{},{ref:r,store:s,className:c}),o?u.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},o):null,l)}));exports.ContextMenuTrigger=M,exports.Menu=b,exports.MenuButton=h,exports.MenuGroup=j,exports.MenuItem=C,exports.MenuList=x,exports.SubMenu=w;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var classNames = require('classnames');
+var react = require('@ariakit/react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+var MenuContext = React__namespace.createContext({
+    menuStore: null,
+    handleItemSelect: function () { return undefined; },
+    getAnchorRect: null,
+    setAnchorRect: function () { return undefined; }
+});
+var SubMenuContext = React__namespace.createContext({ isSubMenu: false });
+/**
+ * Wrapper component to control a menu. It does not render anything, only providing the state
+ * management for the menu components inside it.
+ */
+function Menu(_a) {
+    var children = _a.children, onItemSelect = _a.onItemSelect, props = tslib.__rest(_a, ["children", "onItemSelect"]);
+    var _b = React__namespace.useState(null), anchorRect = _b[0], setAnchorRect = _b[1];
+    var getAnchorRect = React__namespace.useMemo(function () { return (anchorRect ? function () { return anchorRect; } : null); }, [anchorRect]);
+    var menuStore = react.useMenuStore(tslib.__assign({ focusLoop: true }, props));
+    var value = React__namespace.useMemo(function () { return ({ menuStore: menuStore, handleItemSelect: onItemSelect, getAnchorRect: getAnchorRect, setAnchorRect: setAnchorRect }); }, [menuStore, onItemSelect, getAnchorRect, setAnchorRect]);
+    return React__namespace.createElement(MenuContext.Provider, { value: value }, children);
+}
+/**
+ * A button to toggle a dropdown menu open or closed.
+ */
+var MenuButton = React__namespace.forwardRef(function MenuButton(_a, ref) {
+    var exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["exceptionallySetClassName"]);
+    var menuStore = React__namespace.useContext(MenuContext).menuStore;
+    if (!menuStore) {
+        throw new Error('MenuButton must be wrapped in <Menu/>');
+    }
+    return (React__namespace.createElement(react.MenuButton, tslib.__assign({}, props, { store: menuStore, ref: ref, className: classNames__default["default"]('reactist_menubutton', exceptionallySetClassName) })));
+});
+var ContextMenuTrigger = React__namespace.forwardRef(function ContextMenuTrigger(_a, ref) {
+    var render = _a.render, props = tslib.__rest(_a, ["render"]);
+    var _b = React__namespace.useContext(MenuContext), setAnchorRect = _b.setAnchorRect, menuStore = _b.menuStore;
+    if (!menuStore) {
+        throw new Error('ContextMenuTrigger must be wrapped in <Menu/>');
+    }
+    var handleContextMenu = React__namespace.useCallback(function handleContextMenu(event) {
+        event.preventDefault();
+        setAnchorRect({ x: event.clientX, y: event.clientY });
+        menuStore.show();
+    }, [setAnchorRect, menuStore]);
+    var isOpen = menuStore.useState('open');
+    React__namespace.useEffect(function () {
+        if (!isOpen)
+            setAnchorRect(null);
+    }, [isOpen, setAnchorRect]);
+    return React__namespace.createElement(react.Role.div, tslib.__assign({}, props, { onContextMenu: handleContextMenu, ref: ref, render: render }));
+});
+/**
+ * The dropdown menu itself, containing a list of menu items.
+ */
+var MenuList = React__namespace.forwardRef(function MenuList(_a, ref) {
+    var exceptionallySetClassName = _a.exceptionallySetClassName, _b = _a.modal, modal = _b === void 0 ? true : _b, flip = _a.flip, props = tslib.__rest(_a, ["exceptionallySetClassName", "modal", "flip"]);
+    var _c = React__namespace.useContext(MenuContext), menuStore = _c.menuStore, getAnchorRect = _c.getAnchorRect;
+    if (!menuStore) {
+        throw new Error('MenuList must be wrapped in <Menu/>');
+    }
+    var isSubMenu = React__namespace.useContext(SubMenuContext).isSubMenu;
+    var isOpen = menuStore.useState('open');
+    return isOpen ? (React__namespace.createElement(react.Portal, { preserveTabOrder: true },
+        React__namespace.createElement(react.Menu, tslib.__assign({}, props, { store: menuStore, gutter: 8, shift: 4, ref: ref, className: classNames__default["default"]('reactist_menulist', exceptionallySetClassName), getAnchorRect: getAnchorRect !== null && getAnchorRect !== void 0 ? getAnchorRect : undefined, modal: modal, flip: flip !== null && flip !== void 0 ? flip : (isSubMenu ? 'left bottom' : undefined) })))) : null;
+});
+/**
+ * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`
+ * callback.
+ */
+var MenuItem = React__namespace.forwardRef(function MenuItem(_a, ref) {
+    var value = _a.value, children = _a.children, onSelect = _a.onSelect, _b = _a.hideOnSelect, hideOnSelect = _b === void 0 ? true : _b, onClick = _a.onClick, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"]);
+    var _c = React__namespace.useContext(MenuContext), handleItemSelect = _c.handleItemSelect, menuStore = _c.menuStore;
+    if (!menuStore) {
+        throw new Error('MenuItem must be wrapped in <Menu/>');
+    }
+    var hide = menuStore.hide;
+    var handleClick = React__namespace.useCallback(function handleClick(event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        var onSelectResult = onSelect && !event.defaultPrevented ? onSelect() : undefined;
+        var shouldClose = onSelectResult !== false && hideOnSelect;
+        handleItemSelect === null || handleItemSelect === void 0 ? void 0 : handleItemSelect(value);
+        if (shouldClose)
+            hide();
+    }, [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value]);
+    return (React__namespace.createElement(react.MenuItem, tslib.__assign({}, props, { store: menuStore, ref: ref, onClick: handleClick, className: exceptionallySetClassName, hideOnClick: false }), children));
+});
+/**
+ * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have
+ * a sub-menu.
+ *
+ * Its children are expected to have the structure of a first level menu (a `MenuButton` and a
+ * `MenuList`).
+ *
+ * ```jsx
+ * <MenuItem label="Edit profile" />
+ * <SubMenu>
+ *   <MenuButton>More options</MenuButton>
+ *   <MenuList>
+ *     <MenuItem label="Preferences" />
+ *     <MenuItem label="Sign out" />
+ *   </MenuList>
+ * </SubMenu>
+ * ```
+ *
+ * The `MenuButton` will become a menu item in the current menu items list, and it will lead to
+ * opening a sub-menu with the menu items list below it.
+ */
+var SubMenu = React__namespace.forwardRef(function SubMenu(_a, ref) {
+    var children = _a.children, onItemSelect = _a.onItemSelect;
+    var _b = React__namespace.useContext(MenuContext), parentMenuItemSelect = _b.handleItemSelect, menuStore = _b.menuStore;
+    if (!menuStore) {
+        throw new Error('SubMenu must be wrapped in <Menu/>');
+    }
+    var parentMenuHide = menuStore.hide;
+    var handleSubItemSelect = React__namespace.useCallback(function handleSubItemSelect(value) {
+        onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(value);
+        parentMenuItemSelect === null || parentMenuItemSelect === void 0 ? void 0 : parentMenuItemSelect(value);
+        parentMenuHide();
+    }, [parentMenuHide, parentMenuItemSelect, onItemSelect]);
+    var _c = React__namespace.Children.toArray(children), button = _c[0], list = _c[1];
+    var buttonElement = button;
+    var subMenuContextValue = React__namespace.useMemo(function () { return ({ isSubMenu: true }); }, []);
+    return (React__namespace.createElement(Menu, { onItemSelect: handleSubItemSelect },
+        React__namespace.createElement(react.MenuItem, { store: menuStore, ref: ref, hideOnClick: false, render: buttonElement }, buttonElement.props.children),
+        React__namespace.createElement(SubMenuContext.Provider, { value: subMenuContextValue }, list)));
+});
+/**
+ * A way to semantically group some menu items.
+ *
+ * This group does not add any visual separator. You can do that yourself adding `<hr />` elements
+ * before and/or after the group if you so wish.
+ */
+var MenuGroup = React__namespace.forwardRef(function MenuGroup(_a, ref) {
+    var label = _a.label, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["label", "children", "exceptionallySetClassName"]);
+    var menuStore = React__namespace.useContext(MenuContext).menuStore;
+    if (!menuStore) {
+        throw new Error('MenuGroup must be wrapped in <Menu/>');
+    }
+    return (React__namespace.createElement(react.MenuGroup, tslib.__assign({}, props, { ref: ref, store: menuStore, className: exceptionallySetClassName }),
+        label ? (React__namespace.createElement("div", { role: "presentation", className: "reactist_menugroup__label" }, label)) : null,
+        children));
+});
+
+exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.Menu = Menu;
+exports.MenuButton = MenuButton;
+exports.MenuGroup = MenuGroup;
+exports.MenuItem = MenuItem;
+exports.MenuList = MenuList;
+exports.SubMenu = SubMenu;
 //# sourceMappingURL=menu.js.map

package/lib/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n    Portal,\n    MenuStore,\n    MenuStoreProps,\n    useMenuStore,\n    MenuProps as AriakitMenuProps,\n    Menu as AriakitMenu,\n    MenuGroup as AriakitMenuGroup,\n    MenuItem as AriakitMenuItem,\n    MenuItemProps as AriakitMenuItemProps,\n    MenuButton as AriakitMenuButton,\n    MenuButtonProps as AriakitMenuButtonProps,\n    Role,\n    RoleProps,\n} from '@ariakit/react'\n\nimport './menu.less'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype MenuContextState = {\n    menuStore: MenuStore | null\n    handleItemSelect?: (value: string | null | undefined) => void\n    getAnchorRect: (() => { x: number; y: number }) | null\n    setAnchorRect: (rect: { x: number; y: number } | null) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>({\n    menuStore: null,\n    handleItemSelect: () => undefined,\n    getAnchorRect: null,\n    setAnchorRect: () => undefined,\n})\n\nconst SubMenuContext = React.createContext<{ isSubMenu: boolean }>({ isSubMenu: false })\n\n//\n// Menu\n//\n\ninterface MenuProps extends Omit<MenuStoreProps, 'visible'> {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const [anchorRect, setAnchorRect] = React.useState<{ x: number; y: number } | null>(null)\n    const getAnchorRect = React.useMemo(() => (anchorRect ? () => anchorRect : null), [anchorRect])\n    const menuStore = useMenuStore({ focusLoop: true, ...props })\n\n    const value: MenuContextState = React.useMemo(\n        () => ({ menuStore, handleItemSelect: onItemSelect, getAnchorRect, setAnchorRect }),\n        [menuStore, onItemSelect, getAnchorRect, setAnchorRect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ninterface MenuButtonProps\n    extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>,\n        ObfuscatedClassName {}\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuButton must be wrapped in <Menu/>')\n    }\n    return (\n        <AriakitMenuButton\n            {...props}\n            store={menuStore}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// ContextMenuTrigger\n//\n\ninterface ContextMenuTriggerProps\n    extends ObfuscatedClassName,\n        React.HTMLAttributes<HTMLDivElement>,\n        Pick<RoleProps, 'render'> {}\n\nconst ContextMenuTrigger = React.forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n    function ContextMenuTrigger({ render, ...props }, ref) {\n        const { setAnchorRect, menuStore } = React.useContext(MenuContext)\n        if (!menuStore) {\n            throw new Error('ContextMenuTrigger must be wrapped in <Menu/>')\n        }\n\n        const handleContextMenu = React.useCallback(\n            function handleContextMenu(event: React.MouseEvent) {\n                event.preventDefault()\n                setAnchorRect({ x: event.clientX, y: event.clientY })\n                menuStore.show()\n            },\n            [setAnchorRect, menuStore],\n        )\n\n        const isOpen = menuStore.useState('open')\n        React.useEffect(() => {\n            if (!isOpen) setAnchorRect(null)\n        }, [isOpen, setAnchorRect])\n\n        return <Role.div {...props} onContextMenu={handleContextMenu} ref={ref} render={render} />\n    },\n)\n\n//\n// MenuList\n//\n\ninterface MenuListProps\n    extends Omit<AriakitMenuProps, 'store' | 'className'>,\n        ObfuscatedClassName {}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(\n    { exceptionallySetClassName, modal = true, flip, ...props },\n    ref,\n) {\n    const { menuStore, getAnchorRect } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuList must be wrapped in <Menu/>')\n    }\n\n    const { isSubMenu } = React.useContext(SubMenuContext)\n\n    const isOpen = menuStore.useState('open')\n\n    return isOpen ? (\n        <Portal preserveTabOrder>\n            <AriakitMenu\n                {...props}\n                store={menuStore}\n                gutter={8}\n                shift={4}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n                getAnchorRect={getAnchorRect ?? undefined}\n                modal={modal}\n                flip={flip ?? (isSubMenu ? 'left bottom' : undefined)}\n            />\n        </Portal>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ninterface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuItem must be wrapped in <Menu/>')\n    }\n\n    const { hide } = menuStore\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect?.(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <AriakitMenuItem\n            {...props}\n            store={menuStore}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n            hideOnClick={false}\n        >\n            {children}\n        </AriakitMenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLDivElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('SubMenu must be wrapped in <Menu/>')\n    }\n\n    const { hide: parentMenuHide } = menuStore\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value: string | null | undefined) {\n            onItemSelect?.(value)\n            parentMenuItemSelect?.(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n    const buttonElement = button as React.ReactElement<MenuButtonProps>\n    const subMenuContextValue = React.useMemo(() => ({ isSubMenu: true }), [])\n\n    return (\n        <Menu onItemSelect={handleSubItemSelect}>\n            <AriakitMenuItem store={menuStore} ref={ref} hideOnClick={false} render={buttonElement}>\n                {buttonElement.props.children}\n            </AriakitMenuItem>\n            <SubMenuContext.Provider value={subMenuContextValue}>{list}</SubMenuContext.Provider>\n        </Menu>\n    )\n})\n\n//\n// MenuGroup\n//\n\ninterface MenuGroupProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>,\n        ObfuscatedClassName {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuGroup must be wrapped in <Menu/>')\n    }\n\n    return (\n        <AriakitMenuGroup\n            {...props}\n            ref={ref}\n            store={menuStore}\n            className={exceptionallySetClassName}\n        >\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </AriakitMenuGroup>\n    )\n})\n\nexport { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps }\n"],"names":["MenuContext","React","createContext","menuStore","handleItemSelect","getAnchorRect","setAnchorRect","SubMenuContext","isSubMenu","Menu","_ref","children","onItemSelect","props","_objectWithoutProperties","objectWithoutProperties","_excluded","anchorRect","useState","useMemo","useMenuStore","_objectSpread","focusLoop","value","createElement","Provider","MenuButton","forwardRef","ref","exceptionallySetClassName","_ref2","_excluded2","useContext","Error","AriakitMenuButton","store","className","classNames","ContextMenuTrigger","render","_ref3","_excluded3","handleContextMenu","useCallback","event","preventDefault","x","clientX","y","clientY","show","isOpen","useEffect","Role","div","onContextMenu","MenuList","modal","flip","_ref4","_excluded4","Portal","preserveTabOrder","AriakitMenu","gutter","shift","undefined","MenuItem","onSelect","hideOnSelect","onClick","_ref5","_excluded5","hide","handleClick","shouldClose","defaultPrevented","AriakitMenuItem","hideOnClick","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","button","list","Children","toArray","buttonElement","subMenuContextValue","MenuGroup","label","_ref6","_excluded6","AriakitMenuGroup","role"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":[null],"names":["React","__rest","useMenuStore","__assign","AriakitMenuButton","classNames","Role","Portal","AriakitMenu","AriakitMenuItem","AriakitMenuGroup"],"mappings":"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"}

package/lib/modal/index.d.ts

@@ -1 +1 @@
-export * from './modal';
+export * from './modal';

package/lib/modal/modal-stories-components.d.ts

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import * as ModalComponents from './modal';
-import type { ModalProps, ModalHeaderProps, ModalFooterProps } from './modal';
-declare function Link({ children, ...props }: JSX.IntrinsicElements['a']): React.JSX.Element;
-type ModalStoryState = Pick<ModalProps, 'width' | 'height'> & {
-    button: 'true' | 'false' | 'custom';
-    hideOn: 'escapeAndOverlay' | 'escape' | 'overlay';
-    withScrollableContent: boolean;
-};
-declare function ModalStoryStateProvider({ initialState, children, }: {
-    initialState?: Partial<ModalStoryState>;
-    children: React.ReactNode;
-}): React.JSX.Element;
-declare function ScrollableContent({ label, count }: {
-    label?: string;
-    count?: number;
-}): React.JSX.Element;
-declare function ModalOptionsForm({ title }: {
-    title?: React.ReactNode;
-}): React.JSX.Element;
-declare function ModalButton({ variant, size, children, action, }: {
-    variant: 'primary' | 'secondary' | 'danger';
-    action?: 'open' | 'close';
-    size?: 'small';
-    children: NonNullable<React.ReactNode>;
-}): React.JSX.Element;
-declare namespace ModalButton {
-    var displayName: string;
-}
-type WithOptionals<Props, Keys extends keyof Props> = Omit<Props, Keys> & Partial<Pick<Props, Keys>>;
-declare function Modal(props: WithOptionals<ModalProps, 'isOpen' | 'onDismiss' | 'width' | 'height'>): React.JSX.Element;
-declare function ModalHeader(props: WithOptionals<ModalHeaderProps, 'withDivider' | 'button'>): React.JSX.Element;
-declare const ModalBody: React.ForwardRefExoticComponent<Omit<ModalComponents.ModalBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function ModalFooter(props: WithOptionals<ModalFooterProps, 'withDivider'>): React.JSX.Element;
-declare function ModalActions(props: WithOptionals<ModalFooterProps, 'withDivider'>): React.JSX.Element;
-/**
- * Used by stories in storybooks to programmatically open the modal on each story.
- *
- * Not only that, but it also serves the purpose of testing that the modal actually opens.
- *
- * @see https://storybook.js.org/docs/react/writing-tests/interaction-testing
- */
-export declare function openModal({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export { Link, ModalStoryStateProvider, ModalOptionsForm, ModalButton as Button, ScrollableContent };
-export { Modal, ModalHeader, ModalBody, ModalFooter, ModalActions };
+import * as React from 'react';
+import * as ModalComponents from './modal';
+import type { ModalProps, ModalHeaderProps, ModalFooterProps } from './modal';
+declare function Link({ children, ...props }: JSX.IntrinsicElements['a']): React.JSX.Element;
+type ModalStoryState = Pick<ModalProps, 'width' | 'height'> & {
+    button: 'true' | 'false' | 'custom';
+    hideOn: 'escapeAndOverlay' | 'escape' | 'overlay';
+    withScrollableContent: boolean;
+};
+declare function ModalStoryStateProvider({ initialState, children, }: {
+    initialState?: Partial<ModalStoryState>;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function ScrollableContent({ label, count }: {
+    label?: string;
+    count?: number;
+}): React.JSX.Element;
+declare function ModalOptionsForm({ title }: {
+    title?: React.ReactNode;
+}): React.JSX.Element;
+declare function ModalButton({ variant, size, children, action, }: {
+    variant: 'primary' | 'secondary' | 'danger';
+    action?: 'open' | 'close';
+    size?: 'small';
+    children: NonNullable<React.ReactNode>;
+}): React.JSX.Element;
+declare namespace ModalButton {
+    var displayName: string;
+}
+type WithOptionals<Props, Keys extends keyof Props> = Omit<Props, Keys> & Partial<Pick<Props, Keys>>;
+declare function Modal(props: WithOptionals<ModalProps, 'isOpen' | 'onDismiss' | 'width' | 'height'>): React.JSX.Element;
+declare function ModalHeader(props: WithOptionals<ModalHeaderProps, 'withDivider' | 'button'>): React.JSX.Element;
+declare const ModalBody: React.ForwardRefExoticComponent<Omit<ModalComponents.ModalBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function ModalFooter(props: WithOptionals<ModalFooterProps, 'withDivider'>): React.JSX.Element;
+declare function ModalActions(props: WithOptionals<ModalFooterProps, 'withDivider'>): React.JSX.Element;
+/**
+ * Used by stories in storybooks to programmatically open the modal on each story.
+ *
+ * Not only that, but it also serves the purpose of testing that the modal actually opens.
+ *
+ * @see https://storybook.js.org/docs/react/writing-tests/interaction-testing
+ */
+export declare function openModal({ canvasElement }: {
+    canvasElement: HTMLElement;
+}): Promise<void>;
+export { Link, ModalStoryStateProvider, ModalOptionsForm, ModalButton as Button, ScrollableContent };
+export { Modal, ModalHeader, ModalBody, ModalFooter, ModalActions };