@servicetitan/design-system 14.2.6 → 14.2.7

package/dist/components/ActionMenu/ActionMenu.js

@@ -47,7 +47,9 @@ export const ActionMenu = (_a) => {
             }
             else {
                 el.tabIndex = 0;
-                el.focus(); // Pointer event ? set focus wrapper
+                setTimeout(() => {
+                    el.focus(); // Pointer event ? set focus wrapper
+                }, 0);
                 el.addEventListener('blur', () => el.removeAttribute('tabIndex'));
             }
         };

package/dist/components/ActionMenu/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { Popover, PopoverProps } from '../Popover';\nimport { ActionMenuGroup } from './ActionMenuGroup';\nimport { ActionMenuItem } from './ActionMenuItem';\nimport { useArrowNav } from '../../hooks/useArrowNav';\nimport { useLatestEvent } from './useLatestEvent';\n\n/**\n * ActionMenu properties\n */\nexport type ActionMenuProps = PopoverProps;\nexport interface ActionMenuContext {\n\titemsContainerRef: React.RefObject<HTMLElement>;\n\tonClickOutside: PopoverProps['onClickOutside'];\n}\n\ninterface ActionMenu extends FC<ActionMenuProps> {\n\t/** Subcomponents */\n\tGroup: typeof ActionMenuGroup;\n\tItem: typeof ActionMenuItem;\n}\n\nexport const ActionMenu: ActionMenu = ({\n\tchildren,\n\tclassName,\n\tdirection = 'br',\n\tfocusTrapOptions,\n\tpadding = null, // Disable Popover's default padding\n\twrapperClassName,\n\twidth = 's',\n\t...rest\n}) => {\n\tconst menuContext = React.useContext(ActionMenuContext);\n\tconst isNested = () => menuContext?.length && menuContext?.length > 0;\n\n\tconst handleArrowKeys = (e: KeyboardEvent, data: any) => {\n\t\tconst cascadingItem = data.active?.classList?.contains(\n\t\t\t'ActionMenuItem--cascading'\n\t\t);\n\n\t\tif (e.key === 'ArrowLeft' || e.key === 'ArrowRight') data.disableOnce(); // Prevent focus move on left-right or when focus is not visible yet (no keyboard interaction)\n\t\tif (e.key === 'ArrowLeft' && isNested())\n\t\t\trest.onClickOutside?.(e as any); // Close ActionMenu, if nested\n\t\tif (e.key === 'ArrowRight' && cascadingItem) data.active?.click?.(); // Open nested\n\t};\n\n\tconst containerRef = useArrowNav({\n\t\tdisabled: !rest.open,\n\t\tonKeyDown: handleArrowKeys,\n\t});\n\n\tconst latestEvent = useLatestEvent();\n\n\tReact.useEffect(() => {\n\t\tconst el = containerRef.current;\n\n\t\tconst setFocus = () => {\n\t\t\tif (!latestEvent.current) return; // Latest event is undefined yet\n\t\t\tif (latestEvent.current?.type === 'keydown') {\n\t\t\t\tel.querySelector('button:not([disabled])')?.focus(); // Keyboard event ? set focus first item\n\t\t\t} else {\n\t\t\t\tel.tabIndex = 0;\n\t\t\t\tel.focus(); // Pointer event ? set focus wrapper\n\t\t\t\tel.addEventListener('blur', () =>\n\t\t\t\t\tel.removeAttribute('tabIndex')\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tif (rest.open && el) Promise.resolve().then(setFocus);\n\t}, [rest.open]); // eslint-disable-line\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName={classnames(className, 'ActionMenu__OverlayWrapper')}\n\t\t\tfocusTrapOptions={{\n\t\t\t\tautoFocus: false,\n\t\t\t\tautoFocusContainer: false,\n\t\t\t\tfocusLock: false,\n\t\t\t\trestoreFocus: true,\n\t\t\t\t...focusTrapOptions,\n\t\t\t}}\n\t\t\twrapperClassName={classnames(\n\t\t\t\twrapperClassName,\n\t\t\t\t'ActionMenu__TriggerWrapper'\n\t\t\t)}\n\t\t\tpopoverContentClassName=\"ActionMenu\"\n\t\t\tdirection={direction}\n\t\t\tpadding={padding}\n\t\t\tportal\n\t\t\twidth={width}\n\t\t\tdata-anvil-component=\"ActionMenu\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<ActionMenuContext.Provider\n\t\t\t\tvalue={menuContext.concat({\n\t\t\t\t\titemsContainerRef: containerRef,\n\t\t\t\t\tonClickOutside: rest?.onClickOutside,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div className=\"ActionMenu__ItemsWrapper\" ref={containerRef}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</ActionMenuContext.Provider>\n\t\t</Popover>\n\t);\n};\n\nActionMenu.Group = ActionMenuGroup;\nActionMenu.Item = ActionMenuItem;\n\nexport const ActionMenuContext = React.createContext<ActionMenuContext[]>([]);\n"]}
+{"version":3,"file":"ActionMenu.js","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { Popover, PopoverProps } from '../Popover';\nimport { ActionMenuGroup } from './ActionMenuGroup';\nimport { ActionMenuItem } from './ActionMenuItem';\nimport { useArrowNav } from '../../hooks/useArrowNav';\nimport { useLatestEvent } from './useLatestEvent';\n\n/**\n * ActionMenu properties\n */\nexport type ActionMenuProps = PopoverProps;\nexport interface ActionMenuContext {\n\titemsContainerRef: React.RefObject<HTMLElement>;\n\tonClickOutside: PopoverProps['onClickOutside'];\n}\n\ninterface ActionMenu extends FC<ActionMenuProps> {\n\t/** Subcomponents */\n\tGroup: typeof ActionMenuGroup;\n\tItem: typeof ActionMenuItem;\n}\n\nexport const ActionMenu: ActionMenu = ({\n\tchildren,\n\tclassName,\n\tdirection = 'br',\n\tfocusTrapOptions,\n\tpadding = null, // Disable Popover's default padding\n\twrapperClassName,\n\twidth = 's',\n\t...rest\n}) => {\n\tconst menuContext = React.useContext(ActionMenuContext);\n\tconst isNested = () => menuContext?.length && menuContext?.length > 0;\n\n\tconst handleArrowKeys = (e: KeyboardEvent, data: any) => {\n\t\tconst cascadingItem = data.active?.classList?.contains(\n\t\t\t'ActionMenuItem--cascading'\n\t\t);\n\n\t\tif (e.key === 'ArrowLeft' || e.key === 'ArrowRight') data.disableOnce(); // Prevent focus move on left-right or when focus is not visible yet (no keyboard interaction)\n\t\tif (e.key === 'ArrowLeft' && isNested())\n\t\t\trest.onClickOutside?.(e as any); // Close ActionMenu, if nested\n\t\tif (e.key === 'ArrowRight' && cascadingItem) data.active?.click?.(); // Open nested\n\t};\n\n\tconst containerRef = useArrowNav({\n\t\tdisabled: !rest.open,\n\t\tonKeyDown: handleArrowKeys,\n\t});\n\n\tconst latestEvent = useLatestEvent();\n\n\tReact.useEffect(() => {\n\t\tconst el = containerRef.current;\n\n\t\tconst setFocus = () => {\n\t\t\tif (!latestEvent.current) return; // Latest event is undefined yet\n\t\t\tif (latestEvent.current?.type === 'keydown') {\n\t\t\t\tel.querySelector('button:not([disabled])')?.focus(); // Keyboard event ? set focus first item\n\t\t\t} else {\n\t\t\t\tel.tabIndex = 0;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tel.focus(); // Pointer event ? set focus wrapper\n\t\t\t\t}, 0);\n\t\t\t\tel.addEventListener('blur', () =>\n\t\t\t\t\tel.removeAttribute('tabIndex')\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tif (rest.open && el) Promise.resolve().then(setFocus);\n\t}, [rest.open]); // eslint-disable-line\n\n\treturn (\n\t\t<Popover\n\t\t\tclassName={classnames(className, 'ActionMenu__OverlayWrapper')}\n\t\t\tfocusTrapOptions={{\n\t\t\t\tautoFocus: false,\n\t\t\t\tautoFocusContainer: false,\n\t\t\t\tfocusLock: false,\n\t\t\t\trestoreFocus: true,\n\t\t\t\t...focusTrapOptions,\n\t\t\t}}\n\t\t\twrapperClassName={classnames(\n\t\t\t\twrapperClassName,\n\t\t\t\t'ActionMenu__TriggerWrapper'\n\t\t\t)}\n\t\t\tpopoverContentClassName=\"ActionMenu\"\n\t\t\tdirection={direction}\n\t\t\tpadding={padding}\n\t\t\tportal\n\t\t\twidth={width}\n\t\t\tdata-anvil-component=\"ActionMenu\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<ActionMenuContext.Provider\n\t\t\t\tvalue={menuContext.concat({\n\t\t\t\t\titemsContainerRef: containerRef,\n\t\t\t\t\tonClickOutside: rest?.onClickOutside,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div className=\"ActionMenu__ItemsWrapper\" ref={containerRef}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</ActionMenuContext.Provider>\n\t\t</Popover>\n\t);\n};\n\nActionMenu.Group = ActionMenuGroup;\nActionMenu.Item = ActionMenuItem;\n\nexport const ActionMenuContext = React.createContext<ActionMenuContext[]>([]);\n"]}

package/dist/components/ActionMenu/ActionMenu.stories.d.ts

@@ -37,4 +37,3 @@ export declare const testOverlayComponents: {
     };
 };
 export declare const testActionMenuOverflow: (args: any) => JSX.Element;
-export declare const TestingMultipleActionMenu: () => JSX.Element;

package/dist/components/ActionMenu/ActionMenu.stories.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useState } from 'react';
-import { ActionMenu, ActionMenuContext, BodyText, Button, Card, Icon, Tooltip, Modal, Drawer, Dialog, Takeover, Popover, useStorybookFigmaAddon, Stack, } from '../../system';
+import { ActionMenu, ActionMenuContext, BodyText, Button, Card, Icon, Tooltip, Modal, Drawer, Dialog, Takeover, Popover, useStorybookFigmaAddon, } from '../../system';
 export default {
     title: 'Components/ActionMenu',
     parameters: Object.assign({}, useStorybookFigmaAddon('32%3A1082')),
@@ -19,7 +19,6 @@ export default {
         'testContextMenu',
         'testOverlayComponents',
         'testActionMenuOverflow',
-        'TestingMultipleActionMenu',
     ],
 };
 const log = () => console.log('item clicked, closing');
@@ -247,13 +246,4 @@ export const testActionMenuOverflow = (args) => {
         loremIpsum));
 };
 const loremIpsum = (React.createElement(BodyText, { className: "m-x-8 m-y-4 ta-left" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."));
-export const TestingMultipleActionMenu = () => {
-    const [firstOpen, setFirstOpen] = useState(false);
-    const [secondOpen, setSecondOpen] = useState(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", null,
-            React.createElement(Stack, { alignItems: "center", justifyContent: "center", className: "p-4", style: { height: '1500px' } },
-                React.createElement(ActionMenu, { open: firstOpen, direction: "br", trigger: React.createElement(Button, { onClick: () => setFirstOpen(!firstOpen) }, "Element1") }, "aa"),
-                React.createElement(ActionMenu, { open: secondOpen, direction: "br", trigger: React.createElement(Button, { onClick: () => setSecondOpen(!secondOpen) }, "Element2") }, "aa")))));
-};
 //# sourceMappingURL=ActionMenu.stories.js.map

package/dist/components/ActionMenu/ActionMenu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.stories.js","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tActionMenu,\n\tActionMenuContext,\n\tBodyText,\n\tButton,\n\tCard,\n\tIcon,\n\tTooltip,\n\tModal,\n\tDrawer,\n\tDialog,\n\tTakeover,\n\tPopover,\n\tuseStorybookFigmaAddon,\n\tStack,\n} from '../../system';\n\nexport default {\n\ttitle: 'Components/ActionMenu',\n\tparameters: {\n\t\t...useStorybookFigmaAddon('32%3A1082'),\n\t},\n\tincludeStories: [\n\t\t'actionMenu',\n\t\t'testContextMenu',\n\t\t'testOverlayComponents',\n\t\t'testActionMenuOverflow',\n\t\t'TestingMultipleActionMenu',\n\t],\n};\n\nconst log = () => console.log('item clicked, closing');\n\nexport const Menu = (props: any) => {\n\tconst {\n\t\tdirection,\n\t\tonClose,\n\t\tonOpen,\n\t\ttrigger,\n\t\tportal = true,\n\t\t...rest\n\t} = props;\n\tconst [open, setOpen] = React.useState(rest.open || false);\n\tconst parentContext = React.useContext(ActionMenuContext)?.slice(-1)[0];\n\tconst parentMenuContainer = parentContext?.itemsContainerRef?.current;\n\tconst handleClickOutside = (e: any) => {\n\t\tif (portal) {\n\t\t\tsetOpen(false); // Close current menu\n\t\t\tif (e.key === 'ArrowLeft') return; // Close only one menu\n\t\t\tif (parentMenuContainer?.contains(e.target)) return;\n\t\t\tparentContext?.onClickOutside?.(e); // Close higher level menus\n\t\t} else {\n\t\t\tif (parentMenuContainer?.contains(e.target)) {\n\t\t\t\tconst nestedMenus = Array.from(\n\t\t\t\t\tparentMenuContainer?.querySelectorAll(\n\t\t\t\t\t\t'[data-anvil-component=ActionMenu]'\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\t// Exclude event on non-portaled submenu\n\t\t\t\tif (!nestedMenus.some((el: any) => el.contains(e.target)))\n\t\t\t\t\treturn;\n\t\t\t\tsetOpen(false); // Close current menu\n\t\t\t\tif (e.key === 'ArrowLeft') return; // Close only one menu\n\t\t\t\tparentContext?.onClickOutside?.(e); // Close higher level menus\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\topen ? onOpen?.() : onClose?.();\n\t}, [open]); // eslint-disable-line\n\n\treturn (\n\t\t<ActionMenu\n\t\t\t{...rest}\n\t\t\tdirection={direction || 'rb'}\n\t\t\topen={open}\n\t\t\tonClickOutside={handleClickOutside}\n\t\t\tportal={portal}\n\t\t\ttrigger={trigger?.({ onClick: () => setOpen(!open) })}\n\t\t/>\n\t);\n};\n\nexport const MenuItem = (props: any) => {\n\tconst parentContext = React.useContext(ActionMenuContext)?.slice(-1)[0];\n\tconst handleClick = (e: any) => {\n\t\tprops.onClick?.(e);\n\t\tif (props.cascading) return;\n\t\tparentContext?.onClickOutside?.(e);\n\t};\n\tconst handleExit = (e: React.KeyboardEvent) => {\n\t\tprops.onKeyDown?.(e);\n\t\tif (e.key === 'Escape' || e.key === 'Tab') {\n\t\t\tparentContext?.onClickOutside?.(e as any); // Close all the nested Menus\n\t\t\tif (e.shiftKey && e.key === 'Tab') e.preventDefault(); // To keep focus on trigger\n\t\t}\n\t};\n\n\treturn (\n\t\t<ActionMenu.Item\n\t\t\t{...props}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleExit}\n\t\t/>\n\t);\n};\n\nconst MenuItems = () => (\n\t<>\n\t\t<MenuItem onClick={log}>Item</MenuItem>\n\t\t<MenuItem disabled>Disabled</MenuItem>\n\t\t<Menu\n\t\t\tdirection=\"rb\"\n\t\t\ttrigger={(p: any) => (\n\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\tCascading\n\t\t\t\t</MenuItem>\n\t\t\t)}\n\t\t>\n\t\t\t<ContactItems />\n\t\t</Menu>\n\t\t<ActionMenu.Group>\n\t\t\t<MenuItem disabled>Disabled</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"help\">\n\t\t\t\tIcon\n\t\t\t</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"help\" disabled>\n\t\t\t\tIcon Disabled\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Group with Label\">\n\t\t\t<MenuItem onClick={log} icon=\"help\">\n\t\t\t\tIcon\n\t\t\t</MenuItem>\n\t\t\t<Menu\n\t\t\t\tdirection=\"rb\"\n\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t<MenuItem {...p} cascading icon=\"help\" iconColor=\"red\">\n\t\t\t\t\t\tColored Icon Cascading Submenu\n\t\t\t\t\t</MenuItem>\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<ContactItems />\n\t\t\t</Menu>\n\t\t\t<MenuItem onClick={log}>\n\t\t\t\t<BodyText size=\"medium\" className=\"m-b-0-i\">\n\t\t\t\t\tDownload XLSX\n\t\t\t\t</BodyText>\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t</>\n);\n\nconst ContactItems = () => (\n\t<>\n\t\t<ActionMenu.Group label=\"Text\">\n\t\t\t<MenuItem onClick={log} icon=\"phone_android\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica’s cell\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Call\">\n\t\t\t<MenuItem onClick={log} icon=\"phone\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tHome\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"phone_android\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica’s cell\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Email\">\n\t\t\t<MenuItem onClick={log} icon=\"email\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica's personal\n\t\t\t\t</BodyText>\n\t\t\t\tmonicadoe@gmail.com\n\t\t\t</MenuItem>\n\t\t\t<ActionMenu.Group>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\t\t\tOne more menu\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MenuItem onClick={log}>Item 1</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 2</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 3</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\t\t\tAnother menu\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MenuItem onClick={log}>Item 4</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 5</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 6</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t</ActionMenu.Group>\n\t\t</ActionMenu.Group>\n\t</>\n);\n\nexport const actionMenu = (args: any) => {\n\tconst [key, setKey]: [number, Function] = React.useState(0);\n\tconst refresh = () => setKey(key + 1);\n\n\treturn (\n\t\t<div key={key} className=\"p-4 ta-center\">\n\t\t\t{loremIpsum}\n\t\t\t<Menu\n\t\t\t\t{...args}\n\t\t\t\tclassName=\"classname-test\"\n\t\t\t\twrapperClassName=\"wrapper-classname-test\"\n\t\t\t\ttrigger={(props: any) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\ticonName=\"more_vert\"\n\t\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\t>\n\t\t\t\t\t\tAction Menu\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\tonOpen={() => console.log('onOpen fired')}\n\t\t\t\tonClose={() => console.log('onClose fired')}\n\t\t\t>\n\t\t\t\t<MenuItems />\n\t\t\t</Menu>\n\t\t\t{loremIpsum}\n\t\t\t<div className=\"m-x-8 ta-left\">\n\t\t\t\t<Button onClick={refresh}>Refresh</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nactionMenu.args = {\n\tsharp: false,\n\twidth: 's',\n\tdirection: 'bl',\n\topen: true,\n};\n\nexport const testContextMenu = (args: any) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [position, setPosition] = useState({ x: 0, y: 0 });\n\n\tconst close = () => setOpen(false);\n\tconst handleEscape = (e: any) =>\n\t\t['Tab', 'Escape'].includes(e.key) && close();\n\n\tconst handleContextMenu = (e: any) => {\n\t\te.preventDefault();\n\t\te.persist();\n\t\tsetOpen(true);\n\t\tsetPosition({\n\t\t\tx: e.pageX,\n\t\t\ty: e.pageY,\n\t\t});\n\t};\n\n\tconst styles: React.CSSProperties = {\n\t\tposition: 'absolute',\n\t\twidth: 0,\n\t\theight: 0,\n\t\ttop: position.y,\n\t\tleft: position.x,\n\t};\n\n\treturn (\n\t\t<div className=\"p-8 ta-center ta-c cursor-default\">\n\t\t\t<Card\n\t\t\t\tonContextMenu={handleContextMenu}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t<BodyText>Right-click here to reveal context menu.</BodyText>\n\t\t\t</Card>\n\t\t\t<div style={styles}>\n\t\t\t\t<ActionMenu\n\t\t\t\t\t{...args}\n\t\t\t\t\topen={open}\n\t\t\t\t\tonClickOutside={close}\n\t\t\t\t\tonKeyDown={handleEscape}\n\t\t\t\t>\n\t\t\t\t\t<MenuItems />\n\t\t\t\t</ActionMenu>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\ntestContextMenu.args = {\n\tdirection: 'br',\n\twidth: 's',\n};\n\nexport const testOverlayComponents = (args: any) => {\n\tconst [modalOpen, setModalOpen] = useState(false);\n\tconst [drawerOpen, setDrawerOpen] = useState(false);\n\tconst [dialogOpen, setDialogOpen] = useState(false);\n\tconst [takeoverOpen, setTakeoverOpen] = useState(false);\n\tconst [popoverOpen, setPopoverOpen] = useState(false);\n\n\tconst [counter, setCounter] = useState(0);\n\n\tconst overlays = [\n\t\t{ name: 'Modal', fn: () => setModalOpen(!modalOpen) },\n\t\t{ name: 'Drawer', fn: () => setDrawerOpen(!drawerOpen) },\n\t\t{ name: 'Dialog', fn: () => setDialogOpen(!dialogOpen) },\n\t\t{ name: 'Takeover', fn: () => setTakeoverOpen(!takeoverOpen) },\n\t\t{\n\t\t\tname: 'Popover',\n\t\t\tfn: () => setPopoverOpen(!popoverOpen),\n\t\t\tskipFromButtons: true,\n\t\t},\n\t];\n\n\tconst CounterButton = () => (\n\t\t<Button\n\t\t\tclassName=\"m-x-1\"\n\t\t\ticonName=\"plus_one\"\n\t\t\tonClick={() => {\n\t\t\t\tsetCounter(counter + 1);\n\t\t\t\tconsole.log('counter:', counter);\n\t\t\t}}\n\t\t/>\n\t);\n\n\tconst SecondaryMenu = () => (\n\t\t<Menu\n\t\t\ttrigger={(props: any) => (\n\t\t\t\t<Button {...props}>\n\t\t\t\t\tAction Menu\n\t\t\t\t\t<Icon name=\"more_vert\" size=\"24\" className=\"m-l-2\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t>\n\t\t\t{['1', '2', '3'].map((i, ix) => (\n\t\t\t\t<MenuItem key={ix}>Item {i}</MenuItem>\n\t\t\t))}\n\t\t</Menu>\n\t);\n\n\treturn (\n\t\t<div>\n\t\t\t<BodyText className=\"m-y-2\">\n\t\t\t\tActionMenu to open Modal, Drawer, Dialog, Takeover, Popover,\n\t\t\t\tTooltip:\n\t\t\t</BodyText>\n\t\t\t<Menu\n\t\t\t\ttrigger={(props: any) => (\n\t\t\t\t\t<Button {...props}>\n\t\t\t\t\t\tAction Menu\n\t\t\t\t\t\t<Icon name=\"more_vert\" size=\"24\" className=\"m-l-2\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{...args}\n\t\t\t>\n\t\t\t\t{overlays.map((i, ix) => (\n\t\t\t\t\t<MenuItem onClick={i.fn} key={ix}>\n\t\t\t\t\t\tOpen {i.name}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t))}\n\t\t\t\t<MenuItem icon=\"help\">\n\t\t\t\t\t<Tooltip text=\"Tooltip Text\" el=\"div\" direction=\"r\">\n\t\t\t\t\t\tShow Tooltip\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</MenuItem>\n\t\t\t</Menu>\n\t\t\t<BodyText className=\"m-y-2\">\n\t\t\t\tActionMenu placed inside Modal, Drawer, Dialog, Takeover,\n\t\t\t\tPopover:\n\t\t\t</BodyText>\n\t\t\t{overlays\n\t\t\t\t.filter((i) => i.skipFromButtons !== true)\n\t\t\t\t.map((i, ix) => (\n\t\t\t\t\t<div className=\"m-y-2\" key={ix}>\n\t\t\t\t\t\t<Button onClick={i.fn}>Open {i.name}</Button>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t<Modal\n\t\t\t\ttitle=\"Modal\"\n\t\t\t\topen={modalOpen}\n\t\t\t\tclosable\n\t\t\t\tonClose={() => overlays[0].fn()}\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Modal>\n\t\t\t<Drawer\n\t\t\t\theader=\"Drawer\"\n\t\t\t\tbackdrop\n\t\t\t\topen={drawerOpen}\n\t\t\t\tonClose={() => overlays[1].fn()}\n\t\t\t\tfooter={<Button onClick={overlays[1].fn}>Close Drawer</Button>}\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Drawer>\n\t\t\t<Dialog\n\t\t\t\ttitle=\"Dialog\"\n\t\t\t\topen={dialogOpen}\n\t\t\t\tonClose={() => overlays[2].fn()}\n\t\t\t\tonPrimaryActionClick={overlays[2].fn}\n\t\t\t\tprimaryActionName=\"Close Dialog\"\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Dialog>\n\t\t\t{takeoverOpen && (\n\t\t\t\t<Takeover title=\"Takeover\" onClose={() => overlays[3].fn()}>\n\t\t\t\t\t<SecondaryMenu />\n\t\t\t\t\t<CounterButton />\n\t\t\t\t</Takeover>\n\t\t\t)}\n\t\t\t<Popover\n\t\t\t\theader=\"Popover\"\n\t\t\t\topen={popoverOpen}\n\t\t\t\tonClickOutside={() => (popoverOpen ? overlays[4].fn() : null)}\n\t\t\t\tportal\n\t\t\t\ttrigger={<Button onClick={overlays[4].fn}>Open Popover</Button>}\n\t\t\t\tdirection=\"tr\"\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Popover>\n\t\t</div>\n\t);\n};\ntestOverlayComponents.args = {\n\tsharp: false,\n\twidth: 's',\n\tdirection: 'bl',\n};\n\nexport const testActionMenuOverflow = (args: any) => {\n\treturn (\n\t\t<div style={{ width: '740px' }}>\n\t\t\t<Menu\n\t\t\t\t{...args}\n\t\t\t\tdirection=\"br\"\n\t\t\t\twidth=\"xs\"\n\t\t\t\tscrollHeight=\"256px\"\n\t\t\t\ttrigger={(p: any) => <Button {...p}>Action Menu</Button>}\n\t\t\t>\n\t\t\t\t<MenuItem>Item 1</MenuItem>\n\t\t\t\t<MenuItem disabled>Item 2 (disabled)</MenuItem>\n\t\t\t\t<MenuItem>Item 3</MenuItem>\n\t\t\t\t<MenuItem>Item 4</MenuItem>\n\t\t\t\t<MenuItem>Item 5</MenuItem>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading className=\"bg-blue-100\">\n\t\t\t\t\t\t\tSubmenu 1\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<ContactItems />\n\t\t\t\t</Menu>\n\t\t\t\t<MenuItem>Item 6</MenuItem>\n\t\t\t</Menu>\n\t\t\t{loremIpsum}\n\t\t</div>\n\t);\n};\n\nconst loremIpsum = (\n\t<BodyText className=\"m-x-8 m-y-4 ta-left\">\n\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n\t\ttempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n\t\tveniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n\t\tcommodo consequat. Duis aute irure dolor in reprehenderit in voluptate\n\t\tvelit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint\n\t\toccaecat cupidatat non proident, sunt in culpa qui officia deserunt\n\t\tmollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur\n\t\tadipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n\t\tmagna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n\t\tlaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor\n\t\tin reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n\t\tpariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa\n\t\tqui officia deserunt mollit anim id est laborum.\n\t</BodyText>\n);\n\nexport const TestingMultipleActionMenu = () => {\n\tconst [firstOpen, setFirstOpen] = useState(false);\n\tconst [secondOpen, setSecondOpen] = useState(false);\n\treturn (\n\t\t<>\n\t\t\t<div>\n\t\t\t\t<Stack\n\t\t\t\t\talignItems=\"center\"\n\t\t\t\t\tjustifyContent=\"center\"\n\t\t\t\t\tclassName=\"p-4\"\n\t\t\t\t\tstyle={{ height: '1500px' }}\n\t\t\t\t>\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\topen={firstOpen}\n\t\t\t\t\t\tdirection=\"br\"\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<Button onClick={() => setFirstOpen(!firstOpen)}>\n\t\t\t\t\t\t\t\tElement1\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\taa\n\t\t\t\t\t</ActionMenu>\n\t\t\t\t\t<ActionMenu\n\t\t\t\t\t\topen={secondOpen}\n\t\t\t\t\t\tdirection=\"br\"\n\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t<Button onClick={() => setSecondOpen(!secondOpen)}>\n\t\t\t\t\t\t\t\tElement2\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\taa\n\t\t\t\t\t</ActionMenu>\n\t\t\t\t</Stack>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}
+{"version":3,"file":"ActionMenu.stories.js","sourceRoot":"","sources":["../../../src/components/ActionMenu/ActionMenu.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tActionMenu,\n\tActionMenuContext,\n\tBodyText,\n\tButton,\n\tCard,\n\tIcon,\n\tTooltip,\n\tModal,\n\tDrawer,\n\tDialog,\n\tTakeover,\n\tPopover,\n\tuseStorybookFigmaAddon,\n} from '../../system';\n\nexport default {\n\ttitle: 'Components/ActionMenu',\n\tparameters: {\n\t\t...useStorybookFigmaAddon('32%3A1082'),\n\t},\n\tincludeStories: [\n\t\t'actionMenu',\n\t\t'testContextMenu',\n\t\t'testOverlayComponents',\n\t\t'testActionMenuOverflow',\n\t],\n};\n\nconst log = () => console.log('item clicked, closing');\n\nexport const Menu = (props: any) => {\n\tconst {\n\t\tdirection,\n\t\tonClose,\n\t\tonOpen,\n\t\ttrigger,\n\t\tportal = true,\n\t\t...rest\n\t} = props;\n\tconst [open, setOpen] = React.useState(rest.open || false);\n\tconst parentContext = React.useContext(ActionMenuContext)?.slice(-1)[0];\n\tconst parentMenuContainer = parentContext?.itemsContainerRef?.current;\n\tconst handleClickOutside = (e: any) => {\n\t\tif (portal) {\n\t\t\tsetOpen(false); // Close current menu\n\t\t\tif (e.key === 'ArrowLeft') return; // Close only one menu\n\t\t\tif (parentMenuContainer?.contains(e.target)) return;\n\t\t\tparentContext?.onClickOutside?.(e); // Close higher level menus\n\t\t} else {\n\t\t\tif (parentMenuContainer?.contains(e.target)) {\n\t\t\t\tconst nestedMenus = Array.from(\n\t\t\t\t\tparentMenuContainer?.querySelectorAll(\n\t\t\t\t\t\t'[data-anvil-component=ActionMenu]'\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\t// Exclude event on non-portaled submenu\n\t\t\t\tif (!nestedMenus.some((el: any) => el.contains(e.target)))\n\t\t\t\t\treturn;\n\t\t\t\tsetOpen(false); // Close current menu\n\t\t\t\tif (e.key === 'ArrowLeft') return; // Close only one menu\n\t\t\t\tparentContext?.onClickOutside?.(e); // Close higher level menus\n\t\t\t}\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\topen ? onOpen?.() : onClose?.();\n\t}, [open]); // eslint-disable-line\n\n\treturn (\n\t\t<ActionMenu\n\t\t\t{...rest}\n\t\t\tdirection={direction || 'rb'}\n\t\t\topen={open}\n\t\t\tonClickOutside={handleClickOutside}\n\t\t\tportal={portal}\n\t\t\ttrigger={trigger?.({ onClick: () => setOpen(!open) })}\n\t\t/>\n\t);\n};\n\nexport const MenuItem = (props: any) => {\n\tconst parentContext = React.useContext(ActionMenuContext)?.slice(-1)[0];\n\tconst handleClick = (e: any) => {\n\t\tprops.onClick?.(e);\n\t\tif (props.cascading) return;\n\t\tparentContext?.onClickOutside?.(e);\n\t};\n\tconst handleExit = (e: React.KeyboardEvent) => {\n\t\tprops.onKeyDown?.(e);\n\t\tif (e.key === 'Escape' || e.key === 'Tab') {\n\t\t\tparentContext?.onClickOutside?.(e as any); // Close all the nested Menus\n\t\t\tif (e.shiftKey && e.key === 'Tab') e.preventDefault(); // To keep focus on trigger\n\t\t}\n\t};\n\n\treturn (\n\t\t<ActionMenu.Item\n\t\t\t{...props}\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleExit}\n\t\t/>\n\t);\n};\n\nconst MenuItems = () => (\n\t<>\n\t\t<MenuItem onClick={log}>Item</MenuItem>\n\t\t<MenuItem disabled>Disabled</MenuItem>\n\t\t<Menu\n\t\t\tdirection=\"rb\"\n\t\t\ttrigger={(p: any) => (\n\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\tCascading\n\t\t\t\t</MenuItem>\n\t\t\t)}\n\t\t>\n\t\t\t<ContactItems />\n\t\t</Menu>\n\t\t<ActionMenu.Group>\n\t\t\t<MenuItem disabled>Disabled</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"help\">\n\t\t\t\tIcon\n\t\t\t</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"help\" disabled>\n\t\t\t\tIcon Disabled\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Group with Label\">\n\t\t\t<MenuItem onClick={log} icon=\"help\">\n\t\t\t\tIcon\n\t\t\t</MenuItem>\n\t\t\t<Menu\n\t\t\t\tdirection=\"rb\"\n\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t<MenuItem {...p} cascading icon=\"help\" iconColor=\"red\">\n\t\t\t\t\t\tColored Icon Cascading Submenu\n\t\t\t\t\t</MenuItem>\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<ContactItems />\n\t\t\t</Menu>\n\t\t\t<MenuItem onClick={log}>\n\t\t\t\t<BodyText size=\"medium\" className=\"m-b-0-i\">\n\t\t\t\t\tDownload XLSX\n\t\t\t\t</BodyText>\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t</>\n);\n\nconst ContactItems = () => (\n\t<>\n\t\t<ActionMenu.Group label=\"Text\">\n\t\t\t<MenuItem onClick={log} icon=\"phone_android\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica’s cell\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Call\">\n\t\t\t<MenuItem onClick={log} icon=\"phone\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tHome\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t\t<MenuItem onClick={log} icon=\"phone_android\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica’s cell\n\t\t\t\t</BodyText>\n\t\t\t\t(555) 123-4567\n\t\t\t</MenuItem>\n\t\t</ActionMenu.Group>\n\t\t<ActionMenu.Group label=\"Email\">\n\t\t\t<MenuItem onClick={log} icon=\"email\">\n\t\t\t\t<BodyText subdued size=\"xsmall\">\n\t\t\t\t\tMonica's personal\n\t\t\t\t</BodyText>\n\t\t\t\tmonicadoe@gmail.com\n\t\t\t</MenuItem>\n\t\t\t<ActionMenu.Group>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\t\t\tOne more menu\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MenuItem onClick={log}>Item 1</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 2</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 3</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading>\n\t\t\t\t\t\t\tAnother menu\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MenuItem onClick={log}>Item 4</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 5</MenuItem>\n\t\t\t\t\t<MenuItem onClick={log}>Item 6</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t</ActionMenu.Group>\n\t\t</ActionMenu.Group>\n\t</>\n);\n\nexport const actionMenu = (args: any) => {\n\tconst [key, setKey]: [number, Function] = React.useState(0);\n\tconst refresh = () => setKey(key + 1);\n\n\treturn (\n\t\t<div key={key} className=\"p-4 ta-center\">\n\t\t\t{loremIpsum}\n\t\t\t<Menu\n\t\t\t\t{...args}\n\t\t\t\tclassName=\"classname-test\"\n\t\t\t\twrapperClassName=\"wrapper-classname-test\"\n\t\t\t\ttrigger={(props: any) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\ticonName=\"more_vert\"\n\t\t\t\t\t\ticonPosition=\"right\"\n\t\t\t\t\t>\n\t\t\t\t\t\tAction Menu\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\tonOpen={() => console.log('onOpen fired')}\n\t\t\t\tonClose={() => console.log('onClose fired')}\n\t\t\t>\n\t\t\t\t<MenuItems />\n\t\t\t</Menu>\n\t\t\t{loremIpsum}\n\t\t\t<div className=\"m-x-8 ta-left\">\n\t\t\t\t<Button onClick={refresh}>Refresh</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\nactionMenu.args = {\n\tsharp: false,\n\twidth: 's',\n\tdirection: 'bl',\n\topen: true,\n};\n\nexport const testContextMenu = (args: any) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [position, setPosition] = useState({ x: 0, y: 0 });\n\n\tconst close = () => setOpen(false);\n\tconst handleEscape = (e: any) =>\n\t\t['Tab', 'Escape'].includes(e.key) && close();\n\n\tconst handleContextMenu = (e: any) => {\n\t\te.preventDefault();\n\t\te.persist();\n\t\tsetOpen(true);\n\t\tsetPosition({\n\t\t\tx: e.pageX,\n\t\t\ty: e.pageY,\n\t\t});\n\t};\n\n\tconst styles: React.CSSProperties = {\n\t\tposition: 'absolute',\n\t\twidth: 0,\n\t\theight: 0,\n\t\ttop: position.y,\n\t\tleft: position.x,\n\t};\n\n\treturn (\n\t\t<div className=\"p-8 ta-center ta-c cursor-default\">\n\t\t\t<Card\n\t\t\t\tonContextMenu={handleContextMenu}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t<BodyText>Right-click here to reveal context menu.</BodyText>\n\t\t\t</Card>\n\t\t\t<div style={styles}>\n\t\t\t\t<ActionMenu\n\t\t\t\t\t{...args}\n\t\t\t\t\topen={open}\n\t\t\t\t\tonClickOutside={close}\n\t\t\t\t\tonKeyDown={handleEscape}\n\t\t\t\t>\n\t\t\t\t\t<MenuItems />\n\t\t\t\t</ActionMenu>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\ntestContextMenu.args = {\n\tdirection: 'br',\n\twidth: 's',\n};\n\nexport const testOverlayComponents = (args: any) => {\n\tconst [modalOpen, setModalOpen] = useState(false);\n\tconst [drawerOpen, setDrawerOpen] = useState(false);\n\tconst [dialogOpen, setDialogOpen] = useState(false);\n\tconst [takeoverOpen, setTakeoverOpen] = useState(false);\n\tconst [popoverOpen, setPopoverOpen] = useState(false);\n\n\tconst [counter, setCounter] = useState(0);\n\n\tconst overlays = [\n\t\t{ name: 'Modal', fn: () => setModalOpen(!modalOpen) },\n\t\t{ name: 'Drawer', fn: () => setDrawerOpen(!drawerOpen) },\n\t\t{ name: 'Dialog', fn: () => setDialogOpen(!dialogOpen) },\n\t\t{ name: 'Takeover', fn: () => setTakeoverOpen(!takeoverOpen) },\n\t\t{\n\t\t\tname: 'Popover',\n\t\t\tfn: () => setPopoverOpen(!popoverOpen),\n\t\t\tskipFromButtons: true,\n\t\t},\n\t];\n\n\tconst CounterButton = () => (\n\t\t<Button\n\t\t\tclassName=\"m-x-1\"\n\t\t\ticonName=\"plus_one\"\n\t\t\tonClick={() => {\n\t\t\t\tsetCounter(counter + 1);\n\t\t\t\tconsole.log('counter:', counter);\n\t\t\t}}\n\t\t/>\n\t);\n\n\tconst SecondaryMenu = () => (\n\t\t<Menu\n\t\t\ttrigger={(props: any) => (\n\t\t\t\t<Button {...props}>\n\t\t\t\t\tAction Menu\n\t\t\t\t\t<Icon name=\"more_vert\" size=\"24\" className=\"m-l-2\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t>\n\t\t\t{['1', '2', '3'].map((i, ix) => (\n\t\t\t\t<MenuItem key={ix}>Item {i}</MenuItem>\n\t\t\t))}\n\t\t</Menu>\n\t);\n\n\treturn (\n\t\t<div>\n\t\t\t<BodyText className=\"m-y-2\">\n\t\t\t\tActionMenu to open Modal, Drawer, Dialog, Takeover, Popover,\n\t\t\t\tTooltip:\n\t\t\t</BodyText>\n\t\t\t<Menu\n\t\t\t\ttrigger={(props: any) => (\n\t\t\t\t\t<Button {...props}>\n\t\t\t\t\t\tAction Menu\n\t\t\t\t\t\t<Icon name=\"more_vert\" size=\"24\" className=\"m-l-2\" />\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t\t{...args}\n\t\t\t>\n\t\t\t\t{overlays.map((i, ix) => (\n\t\t\t\t\t<MenuItem onClick={i.fn} key={ix}>\n\t\t\t\t\t\tOpen {i.name}\n\t\t\t\t\t</MenuItem>\n\t\t\t\t))}\n\t\t\t\t<MenuItem icon=\"help\">\n\t\t\t\t\t<Tooltip text=\"Tooltip Text\" el=\"div\" direction=\"r\">\n\t\t\t\t\t\tShow Tooltip\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</MenuItem>\n\t\t\t</Menu>\n\t\t\t<BodyText className=\"m-y-2\">\n\t\t\t\tActionMenu placed inside Modal, Drawer, Dialog, Takeover,\n\t\t\t\tPopover:\n\t\t\t</BodyText>\n\t\t\t{overlays\n\t\t\t\t.filter((i) => i.skipFromButtons !== true)\n\t\t\t\t.map((i, ix) => (\n\t\t\t\t\t<div className=\"m-y-2\" key={ix}>\n\t\t\t\t\t\t<Button onClick={i.fn}>Open {i.name}</Button>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t<Modal\n\t\t\t\ttitle=\"Modal\"\n\t\t\t\topen={modalOpen}\n\t\t\t\tclosable\n\t\t\t\tonClose={() => overlays[0].fn()}\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Modal>\n\t\t\t<Drawer\n\t\t\t\theader=\"Drawer\"\n\t\t\t\tbackdrop\n\t\t\t\topen={drawerOpen}\n\t\t\t\tonClose={() => overlays[1].fn()}\n\t\t\t\tfooter={<Button onClick={overlays[1].fn}>Close Drawer</Button>}\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Drawer>\n\t\t\t<Dialog\n\t\t\t\ttitle=\"Dialog\"\n\t\t\t\topen={dialogOpen}\n\t\t\t\tonClose={() => overlays[2].fn()}\n\t\t\t\tonPrimaryActionClick={overlays[2].fn}\n\t\t\t\tprimaryActionName=\"Close Dialog\"\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Dialog>\n\t\t\t{takeoverOpen && (\n\t\t\t\t<Takeover title=\"Takeover\" onClose={() => overlays[3].fn()}>\n\t\t\t\t\t<SecondaryMenu />\n\t\t\t\t\t<CounterButton />\n\t\t\t\t</Takeover>\n\t\t\t)}\n\t\t\t<Popover\n\t\t\t\theader=\"Popover\"\n\t\t\t\topen={popoverOpen}\n\t\t\t\tonClickOutside={() => (popoverOpen ? overlays[4].fn() : null)}\n\t\t\t\tportal\n\t\t\t\ttrigger={<Button onClick={overlays[4].fn}>Open Popover</Button>}\n\t\t\t\tdirection=\"tr\"\n\t\t\t>\n\t\t\t\t<SecondaryMenu />\n\t\t\t\t<CounterButton />\n\t\t\t</Popover>\n\t\t</div>\n\t);\n};\ntestOverlayComponents.args = {\n\tsharp: false,\n\twidth: 's',\n\tdirection: 'bl',\n};\n\nexport const testActionMenuOverflow = (args: any) => {\n\treturn (\n\t\t<div style={{ width: '740px' }}>\n\t\t\t<Menu\n\t\t\t\t{...args}\n\t\t\t\tdirection=\"br\"\n\t\t\t\twidth=\"xs\"\n\t\t\t\tscrollHeight=\"256px\"\n\t\t\t\ttrigger={(p: any) => <Button {...p}>Action Menu</Button>}\n\t\t\t>\n\t\t\t\t<MenuItem>Item 1</MenuItem>\n\t\t\t\t<MenuItem disabled>Item 2 (disabled)</MenuItem>\n\t\t\t\t<MenuItem>Item 3</MenuItem>\n\t\t\t\t<MenuItem>Item 4</MenuItem>\n\t\t\t\t<MenuItem>Item 5</MenuItem>\n\t\t\t\t<Menu\n\t\t\t\t\tdirection=\"rb\"\n\t\t\t\t\ttrigger={(p: any) => (\n\t\t\t\t\t\t<MenuItem {...p} cascading className=\"bg-blue-100\">\n\t\t\t\t\t\t\tSubmenu 1\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<ContactItems />\n\t\t\t\t</Menu>\n\t\t\t\t<MenuItem>Item 6</MenuItem>\n\t\t\t</Menu>\n\t\t\t{loremIpsum}\n\t\t</div>\n\t);\n};\n\nconst loremIpsum = (\n\t<BodyText className=\"m-x-8 m-y-4 ta-left\">\n\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n\t\ttempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim\n\t\tveniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea\n\t\tcommodo consequat. Duis aute irure dolor in reprehenderit in voluptate\n\t\tvelit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint\n\t\toccaecat cupidatat non proident, sunt in culpa qui officia deserunt\n\t\tmollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur\n\t\tadipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n\t\tmagna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\n\t\tlaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor\n\t\tin reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n\t\tpariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa\n\t\tqui officia deserunt mollit anim id est laborum.\n\t</BodyText>\n);\n"]}

package/dist/global/index.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "14.2.6";
+  --anvil-version: "14.2.7";
 }
 
 /*

package/dist/global/version.css

@@ -1,5 +1,5 @@
 html {
-  --anvil-version: "14.2.6";
+  --anvil-version: "14.2.7";
 }
 
 /*# sourceMappingURL=version.css.map */

package/dist/internal/Popper/Popper.js

@@ -213,26 +213,12 @@ export const Popper = React.forwardRef((_a, ref) => {
         scrollPosition === 0)
         setScrollPosition(window.scrollY);
     React.useEffect(() => {
-        scrollPosition !== 0 &&
-            window.scrollTo({
-                top: scrollPosition,
-                // @ts-expect-error [mildly irritated message]
-                behavior: 'instant',
-            });
+        scrollPosition !== 0 && window.scrollTo(0, scrollPosition);
     }, [scrollPosition]);
     React.useEffect(() => {
         Promise.resolve().then(forceUpdate);
-        setTimeout(() => {
-            window.scrollTo({
-                top: scrollPosition,
-                // @ts-expect-error [mildly irritated message]
-                behavior: 'instant',
-            });
-        }, 0);
-    }, [forceUpdate, direction, scrollPosition]);
+    }, [forceUpdate, direction]);
     React.useEffect(() => {
-        if (open)
-            setScrollPosition(window.scrollY);
         function handleClickOutside(event) {
             var _a, _b, _c;
             if (!open)

package/dist/internal/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../src/internal/Popper/Popper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { StrictModifiers, Placement } from '@popperjs/core';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport {\n\tOverlayContext,\n\tcalculateZindex,\n} from '../../utilities/OverlayContext';\nimport { Portal } from '../Portal';\nimport classnames from 'classnames/dedupe';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { AnimatePresence, motion, MotionProps } from 'framer-motion';\n\nexport interface DataAttributeProps {\n\t[key: `data-${string}`]: string;\n}\n\nexport interface PopperPropsStrict {\n\t/**\n\t * *Caution* This can make unexpected experiences for small screens.\n\t * *Warning* Only works when portal={true}\n\t * If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor\n\t */\n\tautoFlipHorizontally?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor\n\t */\n\tautoFlipVertically?: boolean;\n\n\t/** Adds one or more classnames for Popover's overlay element */\n\tclassName?: string;\n\n\t/** Popover direction relative to the element its apart of */\n\tdirection?:\n\t\t| 't'\n\t\t| 'tr'\n\t\t| 'tl'\n\t\t| 'r'\n\t\t| 'rt'\n\t\t| 'rb'\n\t\t| 'b'\n\t\t| 'br'\n\t\t| 'bl'\n\t\t| 'l'\n\t\t| 'lt'\n\t\t| 'lb'\n\t\t| 'c';\n\n\t/** Change the HTML element of the Popover's source element */\n\tel?: 'span' | 'div';\n\n\t/** Whether the Popper is open or not */\n\topen?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * A handler that is called on every click on any element outside of the anchor element and the stick node\n\t */\n\tonClickOutside?: (event?: React.MouseEvent<HTMLElement>) => void;\n\n\t/**\n\t * Renders Popper on document root through createPortal.\n\t * Effectively prevents Popper from being clipped by the boundaries of any container.\n\t */\n\tportal?: boolean;\n\n\t/** Element wrapped around Popover */\n\ttrigger?: React.ReactNode;\n\n\t/** Define the width property of the popover */\n\twidth?: number | '100' | 'auto';\n\n\t/** Adds one or more classnames to Popover's body element */\n\tbodyClassName?: string;\n\n\t/** Adds one or more classname to Popper's outer element */\n\tpopperClassName?: string;\n\n\t/** If true, caret will be available for Popover's body */\n\tcaret?: caretProps;\n\n\t/** props to control animation of motion component */\n\tanimation?: MotionProps;\n\n\t/** offset ammount between popper and reference */\n\toffset?: offset;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n\n\t/** data-* attributes passed to the portaled div */\n\tportalDataAttributes?: DataAttributeProps;\n}\n\nexport interface offset {\n\t/** Displaces the popper along the reference element */\n\tskidding?: number;\n\n\t/** Displaces the popper away from, or toward, the reference element in the direction of its placement */\n\tdistance?: number;\n}\n\ninterface caretProps {\n\t/** Adds caret arrow */\n\tshow?: boolean;\n\n\t/** Adds one or more classnames to Caret element */\n\tclassName?: string;\n}\n\nexport interface PopperProps extends PopperPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Popper: FC<PopperProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tautoFlipHorizontally = false,\n\t\t\tautoFlipVertically = false,\n\t\t\t'el': PopperElement = 'div',\n\t\t\twidth = 'auto',\n\t\t\tdirection = 't',\n\t\t\tportal = false,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tonClickOutside,\n\t\t\topen,\n\t\t\tstyle = {},\n\t\t\ttrigger,\n\t\t\tbodyClassName,\n\t\t\tpopperClassName,\n\t\t\tcaret = { show: false },\n\t\t\tanimation,\n\t\t\toffset = { skidding: 0, distance: 0 },\n\t\t\tfocusTrapOptions,\n\t\t\tportalDataAttributes,\n\t\t\t'data-anvil-component': dataAnvilComponent = 'Popper',\n\t\t\t...props\n\t\t},\n\t\tref: React.RefObject<any>\n\t) => {\n\t\tconst [referenceElement, setReferenceElement] = React.useState(null);\n\t\tconst [popperElement, setPopperElement] = React.useState(null);\n\t\tconst localRef = React.useRef(null);\n\t\tconst popperRef: React.RefObject<any> = useMergedRef(ref, localRef);\n\t\tconst [arrowElement, setArrowElement] = React.useState(null);\n\t\tconst [scrollPosition, setScrollPosition] = React.useState(0);\n\t\tconst context = useContext(OverlayContext);\n\n\t\t// Focus trapping\n\t\tconst focusTrapRef = useFocusTrap({\n\t\t\tautoFocusContainer: true,\n\t\t\tdisabled: !open,\n\t\t\t...focusTrapOptions,\n\t\t});\n\n\t\tconst widthObserver = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'widthObserver',\n\t\t\t\tenabled: width !== '100',\n\t\t\t\tphase: 'beforeWrite',\n\t\t\t\trequires: ['computeStyles'],\n\t\t\t\tfn: ({ state }: any) => {\n\t\t\t\t\tif (typeof width === 'string') {\n\t\t\t\t\t\tstate.styles.popper.width = `${width}px`;\n\t\t\t\t\t}\n\t\t\t\t\tstate.styles.popper.width = width;\n\t\t\t\t},\n\t\t\t\teffect: ({ instance }: any) => {\n\t\t\t\t\tPromise.resolve().then(() => instance.forceUpdate());\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[width]\n\t\t);\n\n\t\tconst sameWidth = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'sameWidth',\n\t\t\t\tenabled: width === '100',\n\t\t\t\tphase: 'beforeWrite',\n\t\t\t\trequires: ['computeStyles'],\n\t\t\t\tfn: ({ state }: any) => {\n\t\t\t\t\tstate.styles.popper.width = `${state.rects.reference.width}px`;\n\t\t\t\t},\n\t\t\t\teffect: ({ state }: any) => {\n\t\t\t\t\tstate.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n\t\t\t\t},\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\t[width, popperRef.current?.getBoundingClientRect().width]\n\t\t);\n\n\t\tconst observeReferenceModifier = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'observeReferenceModifier',\n\t\t\t\tenabled: true,\n\t\t\t\tphase: 'main',\n\t\t\t\tfn: () => {},\n\t\t\t\teffect: ({ state, instance }: any) => {\n\t\t\t\t\tconst RO_PROP = '__popperjsRO__';\n\t\t\t\t\tconst { reference } = state.elements;\n\n\t\t\t\t\treference[RO_PROP] = new ResizeObserver(() => {\n\t\t\t\t\t\ttypeof window !== 'undefined' &&\n\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\tinstance.update();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\treference[RO_PROP].observe(reference);\n\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\treference[RO_PROP].disconnect();\n\t\t\t\t\t\tdelete reference[RO_PROP];\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[]\n\t\t);\n\n\t\tconst sizeObserver = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'sizeObserver',\n\t\t\t\tenabled:\n\t\t\t\t\t(autoFlipHorizontally || autoFlipVertically) &&\n\t\t\t\t\tdirection !== 'c',\n\t\t\t\tphase: 'main',\n\t\t\t\tfn: () => {},\n\t\t\t\teffect: ({ state, instance }: any) => {\n\t\t\t\t\tconst RO_PROP = '__popperjsPO__';\n\t\t\t\t\tconst { popper } = state.elements;\n\n\t\t\t\t\tpopper[RO_PROP] = new ResizeObserver(() =>\n\t\t\t\t\t\t// Popper resize handling\n\t\t\t\t\t\twindow?.requestAnimationFrame(() => instance.update())\n\t\t\t\t\t);\n\t\t\t\t\tpopper[RO_PROP].observe(popper);\n\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\tpopper[RO_PROP].disconnect();\n\t\t\t\t\t\tdelete popper[RO_PROP];\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[autoFlipHorizontally, autoFlipVertically, direction]\n\t\t);\n\n\t\tconst centerPlacement = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'offset',\n\t\t\t\tenabled: true,\n\t\t\t\toptions: {\n\t\t\t\t\toffset: ({ reference, popper }: any) => {\n\t\t\t\t\t\tif (direction === 'c') {\n\t\t\t\t\t\t\tconst offsetY =\n\t\t\t\t\t\t\t\t-(reference.height / 2) + -(popper.height / 2);\n\t\t\t\t\t\t\treturn [0, offsetY];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (caret.show) {\n\t\t\t\t\t\t\treturn [0, 8];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [offset.skidding ?? 0, offset.distance ?? 4];\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[direction, caret.show, offset.skidding, offset.distance]\n\t\t);\n\n\t\tconst directionMapping = () => {\n\t\t\tswitch (direction) {\n\t\t\t\tcase 't':\n\t\t\t\t\treturn 'top';\n\t\t\t\tcase 'tr':\n\t\t\t\t\treturn 'top-start';\n\t\t\t\tcase 'tl':\n\t\t\t\t\treturn 'top-end';\n\t\t\t\tcase 'r':\n\t\t\t\t\treturn 'right';\n\t\t\t\tcase 'rt':\n\t\t\t\t\treturn 'right-end';\n\t\t\t\tcase 'rb':\n\t\t\t\t\treturn 'right-start';\n\t\t\t\tcase 'b':\n\t\t\t\tcase 'c':\n\t\t\t\t\treturn 'bottom';\n\t\t\t\tcase 'br':\n\t\t\t\t\treturn 'bottom-start';\n\t\t\t\tcase 'bl':\n\t\t\t\t\treturn 'bottom-end';\n\t\t\t\tcase 'l':\n\t\t\t\t\treturn 'left';\n\t\t\t\tcase 'lt':\n\t\t\t\t\treturn 'left-end';\n\t\t\t\tcase 'lb':\n\t\t\t\t\treturn 'left-start';\n\t\t\t\tdefault:\n\t\t\t\t\treturn 'bottom-end';\n\t\t\t}\n\t\t};\n\n\t\tconst fallbackPlacements = () => {\n\t\t\tif (autoFlipHorizontally) {\n\t\t\t\tswitch (direction) {\n\t\t\t\t\tcase 'r':\n\t\t\t\t\t\treturn ['left'];\n\t\t\t\t\tcase 'rb':\n\t\t\t\t\t\treturn ['left-start'];\n\t\t\t\t\tcase 'rt':\n\t\t\t\t\t\treturn ['left-end'];\n\t\t\t\t\tcase 'l':\n\t\t\t\t\t\treturn ['right'];\n\t\t\t\t\tcase 'lb':\n\t\t\t\t\t\treturn ['right-start'];\n\t\t\t\t\tcase 'lt':\n\t\t\t\t\t\treturn ['right-end'];\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (autoFlipVertically) {\n\t\t\t\tswitch (direction) {\n\t\t\t\t\tcase 't':\n\t\t\t\t\t\treturn ['bottom'];\n\t\t\t\t\tcase 'tr':\n\t\t\t\t\t\treturn ['bottom-start'];\n\t\t\t\t\tcase 'tl':\n\t\t\t\t\t\treturn ['bottom-end'];\n\t\t\t\t\tcase 'b':\n\t\t\t\t\t\treturn ['top'];\n\t\t\t\t\tcase 'br':\n\t\t\t\t\t\treturn ['top-start'];\n\t\t\t\t\tcase 'bl':\n\t\t\t\t\t\treturn ['top-end'];\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn [];\n\t\t};\n\n\t\tconst { styles, attributes, forceUpdate } = usePopper(\n\t\t\treferenceElement,\n\t\t\tpopperElement,\n\t\t\t{\n\t\t\t\tmodifiers: [\n\t\t\t\t\tcenterPlacement as StrictModifiers,\n\t\t\t\t\twidthObserver as StrictModifiers,\n\t\t\t\t\tsameWidth as StrictModifiers,\n\t\t\t\t\tobserveReferenceModifier as StrictModifiers,\n\t\t\t\t\tsizeObserver as StrictModifiers,\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'flip',\n\t\t\t\t\t\tenabled:\n\t\t\t\t\t\t\t(autoFlipHorizontally || autoFlipVertically) &&\n\t\t\t\t\t\t\tdirection !== 'c',\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tfallbackPlacements:\n\t\t\t\t\t\t\t\tfallbackPlacements() as Placement[],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'arrow',\n\t\t\t\t\t\tenabled: caret.show,\n\t\t\t\t\t\toptions: { element: arrowElement, padding: 8 },\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tplacement: directionMapping(),\n\t\t\t}\n\t\t);\n\n\t\tif (\n\t\t\ttypeof window !== 'undefined' &&\n\t\t\twindow.scrollY !== 0 &&\n\t\t\tscrollPosition === 0\n\t\t)\n\t\t\tsetScrollPosition(window.scrollY);\n\n\t\tReact.useEffect(() => {\n\t\t\tscrollPosition !== 0 &&\n\t\t\t\twindow.scrollTo({\n\t\t\t\t\ttop: scrollPosition,\n\t\t\t\t\t// @ts-expect-error [mildly irritated message]\n\t\t\t\t\tbehavior: 'instant',\n\t\t\t\t});\n\t\t}, [scrollPosition]);\n\n\t\tReact.useEffect(() => {\n\t\t\tPromise.resolve().then(forceUpdate);\n\t\t\tsetTimeout(() => {\n\t\t\t\twindow.scrollTo({\n\t\t\t\t\ttop: scrollPosition,\n\t\t\t\t\t// @ts-expect-error [mildly irritated message]\n\t\t\t\t\tbehavior: 'instant',\n\t\t\t\t});\n\t\t\t}, 0);\n\t\t}, [forceUpdate, direction, scrollPosition]);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (open) setScrollPosition(window.scrollY);\n\t\t\tfunction handleClickOutside(event: any) {\n\t\t\t\tif (!open) return;\n\t\t\t\t//  Target is not part of wrapper or element\n\t\t\t\tconst target = event.composedPath?.()[0] ?? event.target;\n\n\t\t\t\t// Suppress onClickOutside() if target is inside\n\t\t\t\tif (\n\t\t\t\t\tpopperRef?.current?.contains(target) ||\n\t\t\t\t\tpopperElement?.contains(target)\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst hasNestedPopover = popperElement?.querySelector(\n\t\t\t\t\t'[data-portal-popover=\"open\"]'\n\t\t\t\t);\n\n\t\t\t\t/*\n\t\t\t\t * Suppress onClickOutside() if opened & portaled Popover has been found\n\t\t\t\t * inside Popper, so only latest Popover to react on click.\n\t\t\t\t */\n\t\t\t\tif (hasNestedPopover) return;\n\n\t\t\t\tonClickOutside?.(event);\n\t\t\t}\n\n\t\t\t// Bind the event listener\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t\treturn () => {\n\t\t\t\t// Unbind the event listener on clean up\n\t\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t\t};\n\t\t}, [open, onClickOutside, popperElement, popperRef, className]);\n\n\t\tconst animations = {\n\t\t\tinitial: { opacity: 0 },\n\t\t\tanimate: { opacity: 1 },\n\t\t\texit: { opacity: 0 },\n\t\t\ttransition: {\n\t\t\t\ttype: 'easeInOut',\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t\t...animation,\n\t\t};\n\n\t\treturn (\n\t\t\t<PopperElement\n\t\t\t\tref={popperRef}\n\t\t\t\tclassName={classnames(className)}\n\t\t\t\tstyle={{ ...style }}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: PopperElement === 'span' && 'inline-block',\n\t\t\t\t\t}}\n\t\t\t\t\tref={setReferenceElement}\n\t\t\t\t>\n\t\t\t\t\t{trigger}\n\t\t\t\t</div>\n\t\t\t\t<Portal conditional={portal}>\n\t\t\t\t\t<OverlayContext.Provider value={context.concat('Popper')}>\n\t\t\t\t\t\t{open && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tref={setPopperElement}\n\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t'Popper',\n\t\t\t\t\t\t\t\t\tpopperClassName\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...styles.popper,\n\t\t\t\t\t\t\t\t\tzIndex: calculateZindex(context) + 1,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdata-anvil-component={dataAnvilComponent}\n\t\t\t\t\t\t\t\t{...portalDataAttributes}\n\t\t\t\t\t\t\t\t{...attributes.popper}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t{...animations}\n\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t'Popper__body',\n\t\t\t\t\t\t\t\t\t\t\tbodyClassName\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tref={focusTrapRef}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t\t\t{caret.show && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={setArrowElement}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Popper__caret',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcaret.className\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={styles.arrow}\n\t\t\t\t\t\t\t\t\t\t\t\t{...attributes.popper}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayContext.Provider>\n\t\t\t\t</Portal>\n\t\t\t</PopperElement>\n\t\t);\n\t}\n);\n"]}
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../src/internal/Popper/Popper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useContext } from 'react';\nimport { usePopper } from 'react-popper';\nimport { StrictModifiers, Placement } from '@popperjs/core';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport {\n\tOverlayContext,\n\tcalculateZindex,\n} from '../../utilities/OverlayContext';\nimport { Portal } from '../Portal';\nimport classnames from 'classnames/dedupe';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { AnimatePresence, motion, MotionProps } from 'framer-motion';\n\nexport interface DataAttributeProps {\n\t[key: `data-${string}`]: string;\n}\n\nexport interface PopperPropsStrict {\n\t/**\n\t * *Caution* This can make unexpected experiences for small screens.\n\t * *Warning* Only works when portal={true}\n\t * If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor\n\t */\n\tautoFlipHorizontally?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor\n\t */\n\tautoFlipVertically?: boolean;\n\n\t/** Adds one or more classnames for Popover's overlay element */\n\tclassName?: string;\n\n\t/** Popover direction relative to the element its apart of */\n\tdirection?:\n\t\t| 't'\n\t\t| 'tr'\n\t\t| 'tl'\n\t\t| 'r'\n\t\t| 'rt'\n\t\t| 'rb'\n\t\t| 'b'\n\t\t| 'br'\n\t\t| 'bl'\n\t\t| 'l'\n\t\t| 'lt'\n\t\t| 'lb'\n\t\t| 'c';\n\n\t/** Change the HTML element of the Popover's source element */\n\tel?: 'span' | 'div';\n\n\t/** Whether the Popper is open or not */\n\topen?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * A handler that is called on every click on any element outside of the anchor element and the stick node\n\t */\n\tonClickOutside?: (event?: React.MouseEvent<HTMLElement>) => void;\n\n\t/**\n\t * Renders Popper on document root through createPortal.\n\t * Effectively prevents Popper from being clipped by the boundaries of any container.\n\t */\n\tportal?: boolean;\n\n\t/** Element wrapped around Popover */\n\ttrigger?: React.ReactNode;\n\n\t/** Define the width property of the popover */\n\twidth?: number | '100' | 'auto';\n\n\t/** Adds one or more classnames to Popover's body element */\n\tbodyClassName?: string;\n\n\t/** Adds one or more classname to Popper's outer element */\n\tpopperClassName?: string;\n\n\t/** If true, caret will be available for Popover's body */\n\tcaret?: caretProps;\n\n\t/** props to control animation of motion component */\n\tanimation?: MotionProps;\n\n\t/** offset ammount between popper and reference */\n\toffset?: offset;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n\n\t/** data-* attributes passed to the portaled div */\n\tportalDataAttributes?: DataAttributeProps;\n}\n\nexport interface offset {\n\t/** Displaces the popper along the reference element */\n\tskidding?: number;\n\n\t/** Displaces the popper away from, or toward, the reference element in the direction of its placement */\n\tdistance?: number;\n}\n\ninterface caretProps {\n\t/** Adds caret arrow */\n\tshow?: boolean;\n\n\t/** Adds one or more classnames to Caret element */\n\tclassName?: string;\n}\n\nexport interface PopperProps extends PopperPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Popper: FC<PopperProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tautoFlipHorizontally = false,\n\t\t\tautoFlipVertically = false,\n\t\t\t'el': PopperElement = 'div',\n\t\t\twidth = 'auto',\n\t\t\tdirection = 't',\n\t\t\tportal = false,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tonClickOutside,\n\t\t\topen,\n\t\t\tstyle = {},\n\t\t\ttrigger,\n\t\t\tbodyClassName,\n\t\t\tpopperClassName,\n\t\t\tcaret = { show: false },\n\t\t\tanimation,\n\t\t\toffset = { skidding: 0, distance: 0 },\n\t\t\tfocusTrapOptions,\n\t\t\tportalDataAttributes,\n\t\t\t'data-anvil-component': dataAnvilComponent = 'Popper',\n\t\t\t...props\n\t\t},\n\t\tref: React.RefObject<any>\n\t) => {\n\t\tconst [referenceElement, setReferenceElement] = React.useState(null);\n\t\tconst [popperElement, setPopperElement] = React.useState(null);\n\t\tconst localRef = React.useRef(null);\n\t\tconst popperRef: React.RefObject<any> = useMergedRef(ref, localRef);\n\t\tconst [arrowElement, setArrowElement] = React.useState(null);\n\t\tconst [scrollPosition, setScrollPosition] = React.useState(0);\n\t\tconst context = useContext(OverlayContext);\n\n\t\t// Focus trapping\n\t\tconst focusTrapRef = useFocusTrap({\n\t\t\tautoFocusContainer: true,\n\t\t\tdisabled: !open,\n\t\t\t...focusTrapOptions,\n\t\t});\n\n\t\tconst widthObserver = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'widthObserver',\n\t\t\t\tenabled: width !== '100',\n\t\t\t\tphase: 'beforeWrite',\n\t\t\t\trequires: ['computeStyles'],\n\t\t\t\tfn: ({ state }: any) => {\n\t\t\t\t\tif (typeof width === 'string') {\n\t\t\t\t\t\tstate.styles.popper.width = `${width}px`;\n\t\t\t\t\t}\n\t\t\t\t\tstate.styles.popper.width = width;\n\t\t\t\t},\n\t\t\t\teffect: ({ instance }: any) => {\n\t\t\t\t\tPromise.resolve().then(() => instance.forceUpdate());\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[width]\n\t\t);\n\n\t\tconst sameWidth = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'sameWidth',\n\t\t\t\tenabled: width === '100',\n\t\t\t\tphase: 'beforeWrite',\n\t\t\t\trequires: ['computeStyles'],\n\t\t\t\tfn: ({ state }: any) => {\n\t\t\t\t\tstate.styles.popper.width = `${state.rects.reference.width}px`;\n\t\t\t\t},\n\t\t\t\teffect: ({ state }: any) => {\n\t\t\t\t\tstate.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n\t\t\t\t},\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t\t[width, popperRef.current?.getBoundingClientRect().width]\n\t\t);\n\n\t\tconst observeReferenceModifier = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'observeReferenceModifier',\n\t\t\t\tenabled: true,\n\t\t\t\tphase: 'main',\n\t\t\t\tfn: () => {},\n\t\t\t\teffect: ({ state, instance }: any) => {\n\t\t\t\t\tconst RO_PROP = '__popperjsRO__';\n\t\t\t\t\tconst { reference } = state.elements;\n\n\t\t\t\t\treference[RO_PROP] = new ResizeObserver(() => {\n\t\t\t\t\t\ttypeof window !== 'undefined' &&\n\t\t\t\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\t\t\t\tinstance.update();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\treference[RO_PROP].observe(reference);\n\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\treference[RO_PROP].disconnect();\n\t\t\t\t\t\tdelete reference[RO_PROP];\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[]\n\t\t);\n\n\t\tconst sizeObserver = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'sizeObserver',\n\t\t\t\tenabled:\n\t\t\t\t\t(autoFlipHorizontally || autoFlipVertically) &&\n\t\t\t\t\tdirection !== 'c',\n\t\t\t\tphase: 'main',\n\t\t\t\tfn: () => {},\n\t\t\t\teffect: ({ state, instance }: any) => {\n\t\t\t\t\tconst RO_PROP = '__popperjsPO__';\n\t\t\t\t\tconst { popper } = state.elements;\n\n\t\t\t\t\tpopper[RO_PROP] = new ResizeObserver(() =>\n\t\t\t\t\t\t// Popper resize handling\n\t\t\t\t\t\twindow?.requestAnimationFrame(() => instance.update())\n\t\t\t\t\t);\n\t\t\t\t\tpopper[RO_PROP].observe(popper);\n\n\t\t\t\t\treturn () => {\n\t\t\t\t\t\tpopper[RO_PROP].disconnect();\n\t\t\t\t\t\tdelete popper[RO_PROP];\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[autoFlipHorizontally, autoFlipVertically, direction]\n\t\t);\n\n\t\tconst centerPlacement = React.useMemo(\n\t\t\t() => ({\n\t\t\t\tname: 'offset',\n\t\t\t\tenabled: true,\n\t\t\t\toptions: {\n\t\t\t\t\toffset: ({ reference, popper }: any) => {\n\t\t\t\t\t\tif (direction === 'c') {\n\t\t\t\t\t\t\tconst offsetY =\n\t\t\t\t\t\t\t\t-(reference.height / 2) + -(popper.height / 2);\n\t\t\t\t\t\t\treturn [0, offsetY];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (caret.show) {\n\t\t\t\t\t\t\treturn [0, 8];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn [offset.skidding ?? 0, offset.distance ?? 4];\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}),\n\t\t\t[direction, caret.show, offset.skidding, offset.distance]\n\t\t);\n\n\t\tconst directionMapping = () => {\n\t\t\tswitch (direction) {\n\t\t\t\tcase 't':\n\t\t\t\t\treturn 'top';\n\t\t\t\tcase 'tr':\n\t\t\t\t\treturn 'top-start';\n\t\t\t\tcase 'tl':\n\t\t\t\t\treturn 'top-end';\n\t\t\t\tcase 'r':\n\t\t\t\t\treturn 'right';\n\t\t\t\tcase 'rt':\n\t\t\t\t\treturn 'right-end';\n\t\t\t\tcase 'rb':\n\t\t\t\t\treturn 'right-start';\n\t\t\t\tcase 'b':\n\t\t\t\tcase 'c':\n\t\t\t\t\treturn 'bottom';\n\t\t\t\tcase 'br':\n\t\t\t\t\treturn 'bottom-start';\n\t\t\t\tcase 'bl':\n\t\t\t\t\treturn 'bottom-end';\n\t\t\t\tcase 'l':\n\t\t\t\t\treturn 'left';\n\t\t\t\tcase 'lt':\n\t\t\t\t\treturn 'left-end';\n\t\t\t\tcase 'lb':\n\t\t\t\t\treturn 'left-start';\n\t\t\t\tdefault:\n\t\t\t\t\treturn 'bottom-end';\n\t\t\t}\n\t\t};\n\n\t\tconst fallbackPlacements = () => {\n\t\t\tif (autoFlipHorizontally) {\n\t\t\t\tswitch (direction) {\n\t\t\t\t\tcase 'r':\n\t\t\t\t\t\treturn ['left'];\n\t\t\t\t\tcase 'rb':\n\t\t\t\t\t\treturn ['left-start'];\n\t\t\t\t\tcase 'rt':\n\t\t\t\t\t\treturn ['left-end'];\n\t\t\t\t\tcase 'l':\n\t\t\t\t\t\treturn ['right'];\n\t\t\t\t\tcase 'lb':\n\t\t\t\t\t\treturn ['right-start'];\n\t\t\t\t\tcase 'lt':\n\t\t\t\t\t\treturn ['right-end'];\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (autoFlipVertically) {\n\t\t\t\tswitch (direction) {\n\t\t\t\t\tcase 't':\n\t\t\t\t\t\treturn ['bottom'];\n\t\t\t\t\tcase 'tr':\n\t\t\t\t\t\treturn ['bottom-start'];\n\t\t\t\t\tcase 'tl':\n\t\t\t\t\t\treturn ['bottom-end'];\n\t\t\t\t\tcase 'b':\n\t\t\t\t\t\treturn ['top'];\n\t\t\t\t\tcase 'br':\n\t\t\t\t\t\treturn ['top-start'];\n\t\t\t\t\tcase 'bl':\n\t\t\t\t\t\treturn ['top-end'];\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn [];\n\t\t};\n\n\t\tconst { styles, attributes, forceUpdate } = usePopper(\n\t\t\treferenceElement,\n\t\t\tpopperElement,\n\t\t\t{\n\t\t\t\tmodifiers: [\n\t\t\t\t\tcenterPlacement as StrictModifiers,\n\t\t\t\t\twidthObserver as StrictModifiers,\n\t\t\t\t\tsameWidth as StrictModifiers,\n\t\t\t\t\tobserveReferenceModifier as StrictModifiers,\n\t\t\t\t\tsizeObserver as StrictModifiers,\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'flip',\n\t\t\t\t\t\tenabled:\n\t\t\t\t\t\t\t(autoFlipHorizontally || autoFlipVertically) &&\n\t\t\t\t\t\t\tdirection !== 'c',\n\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\tfallbackPlacements:\n\t\t\t\t\t\t\t\tfallbackPlacements() as Placement[],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'arrow',\n\t\t\t\t\t\tenabled: caret.show,\n\t\t\t\t\t\toptions: { element: arrowElement, padding: 8 },\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tplacement: directionMapping(),\n\t\t\t}\n\t\t);\n\n\t\tif (\n\t\t\ttypeof window !== 'undefined' &&\n\t\t\twindow.scrollY !== 0 &&\n\t\t\tscrollPosition === 0\n\t\t)\n\t\t\tsetScrollPosition(window.scrollY);\n\n\t\tReact.useEffect(() => {\n\t\t\tscrollPosition !== 0 && window.scrollTo(0, scrollPosition);\n\t\t}, [scrollPosition]);\n\n\t\tReact.useEffect(() => {\n\t\t\tPromise.resolve().then(forceUpdate);\n\t\t}, [forceUpdate, direction]);\n\n\t\tReact.useEffect(() => {\n\t\t\tfunction handleClickOutside(event: any) {\n\t\t\t\tif (!open) return;\n\n\t\t\t\t//  Target is not part of wrapper or element\n\t\t\t\tconst target = event.composedPath?.()[0] ?? event.target;\n\n\t\t\t\t// Suppress onClickOutside() if target is inside\n\t\t\t\tif (\n\t\t\t\t\tpopperRef?.current?.contains(target) ||\n\t\t\t\t\tpopperElement?.contains(target)\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst hasNestedPopover = popperElement?.querySelector(\n\t\t\t\t\t'[data-portal-popover=\"open\"]'\n\t\t\t\t);\n\n\t\t\t\t/*\n\t\t\t\t * Suppress onClickOutside() if opened & portaled Popover has been found\n\t\t\t\t * inside Popper, so only latest Popover to react on click.\n\t\t\t\t */\n\t\t\t\tif (hasNestedPopover) return;\n\n\t\t\t\tonClickOutside?.(event);\n\t\t\t}\n\n\t\t\t// Bind the event listener\n\t\t\tdocument.addEventListener('mousedown', handleClickOutside);\n\t\t\treturn () => {\n\t\t\t\t// Unbind the event listener on clean up\n\t\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\n\t\t\t};\n\t\t}, [open, onClickOutside, popperElement, popperRef, className]);\n\n\t\tconst animations = {\n\t\t\tinitial: { opacity: 0 },\n\t\t\tanimate: { opacity: 1 },\n\t\t\texit: { opacity: 0 },\n\t\t\ttransition: {\n\t\t\t\ttype: 'easeInOut',\n\t\t\t\tduration: 0.3,\n\t\t\t},\n\t\t\t...animation,\n\t\t};\n\n\t\treturn (\n\t\t\t<PopperElement\n\t\t\t\tref={popperRef}\n\t\t\t\tclassName={classnames(className)}\n\t\t\t\tstyle={{ ...style }}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: PopperElement === 'span' && 'inline-block',\n\t\t\t\t\t}}\n\t\t\t\t\tref={setReferenceElement}\n\t\t\t\t>\n\t\t\t\t\t{trigger}\n\t\t\t\t</div>\n\t\t\t\t<Portal conditional={portal}>\n\t\t\t\t\t<OverlayContext.Provider value={context.concat('Popper')}>\n\t\t\t\t\t\t{open && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tref={setPopperElement}\n\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t'Popper',\n\t\t\t\t\t\t\t\t\tpopperClassName\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...styles.popper,\n\t\t\t\t\t\t\t\t\tzIndex: calculateZindex(context) + 1,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdata-anvil-component={dataAnvilComponent}\n\t\t\t\t\t\t\t\t{...portalDataAttributes}\n\t\t\t\t\t\t\t\t{...attributes.popper}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\t{...animations}\n\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t'Popper__body',\n\t\t\t\t\t\t\t\t\t\t\tbodyClassName\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tref={focusTrapRef}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t\t\t{caret.show && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tref={setArrowElement}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Popper__caret',\n\t\t\t\t\t\t\t\t\t\t\t\t\tcaret.className\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={styles.arrow}\n\t\t\t\t\t\t\t\t\t\t\t\t{...attributes.popper}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</OverlayContext.Provider>\n\t\t\t\t</Portal>\n\t\t\t</PopperElement>\n\t\t);\n\t}\n);\n"]}

package/dist/system-light.css

@@ -1,6 +1,6 @@
 /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
 html {
-  --anvil-version: "14.2.6";
+  --anvil-version: "14.2.7";
 }
 
 /*