npm - @servicetitan/design-system - Versions diffs - 14.2.4 → 14.2.5 - Mend

@servicetitan/design-system 14.2.4 → 14.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/components/ActionMenu/ActionMenu.stories.d.ts +1 -0
package/dist/components/ActionMenu/ActionMenu.stories.js +11 -1
package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -1
package/dist/global/index.css +1 -1
package/dist/global/version.css +1 -1
package/dist/internal/Popper/Popper.js +14 -2
package/dist/internal/Popper/Popper.js.map +1 -1
package/dist/system-light.css +1 -1
package/dist/system-light.min.css +1 -1
package/dist/system.css +1 -1
package/dist/system.min.css +1 -1
package/package.json +2 -2

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

@@ -37,3 +37,4 @@ 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 CHANGED Viewed

@@ -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, } from '../../system';
+import { ActionMenu, ActionMenuContext, BodyText, Button, Card, Icon, Tooltip, Modal, Drawer, Dialog, Takeover, Popover, useStorybookFigmaAddon, Stack, } from '../../system';
 export default {
     title: 'Components/ActionMenu',
     parameters: Object.assign({}, useStorybookFigmaAddon('32%3A1082')),
@@ -19,6 +19,7 @@ export default {
         'testContextMenu',
         'testOverlayComponents',
         'testActionMenuOverflow',
+        'TestingMultipleActionMenu',
     ],
 };
 const log = () => console.log('item clicked, closing');
@@ -246,4 +247,13 @@ 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 CHANGED Viewed

	@@ -1 +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} 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"]}
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"]}

package/dist/global/index.css CHANGED Viewed

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

package/dist/global/version.css CHANGED Viewed

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

package/dist/internal/Popper/Popper.js CHANGED Viewed

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

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

	@@ -1 +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 && 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"]}
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\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 CHANGED Viewed

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