@basic-ui/core 0.0.53 → 0.0.56

package/build/esm/Menu/ContextMenuTrigger.js

@@ -1,51 +1,45 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "id", "onContextMenu", "disabled"];
 import { forwardRef, useId } from 'react';
 import { useMenuContext } from './context';
 import { wrapEvent } from '../utils/wrap-event';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ContextMenuTrigger = /*#__PURE__*/forwardRef(function ContextMenuTrigger(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      innerAs = props.innerAs,
-      preferredId = props.id,
-      onContextMenu = props.onContextMenu,
-      disabled = props.disabled,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useMenuContext = useMenuContext(),
-      menuListIdRef = _useMenuContext.menuListIdRef,
-      open = _useMenuContext.open,
-      buttonRef = _useMenuContext.buttonRef,
-      onChange = _useMenuContext.onChange,
-      setOffsetFn = _useMenuContext.setOffsetFn,
-      isContextMenu = _useMenuContext.isContextMenu;
-
-  var idGenerated = useId();
-  var id = preferredId || idGenerated;
-
-  var handleContextMenu = function handleContextMenu(e) {
+export const ContextMenuTrigger = /*#__PURE__*/forwardRef(function ContextMenuTrigger(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    innerAs,
+    id: preferredId,
+    onContextMenu,
+    disabled,
+    ...otherProps
+  } = props;
+  const {
+    menuListIdRef,
+    open,
+    buttonRef,
+    onChange,
+    setOffsetFn,
+    isContextMenu
+  } = useMenuContext();
+  const idGenerated = useId();
+  const id = preferredId || idGenerated;
+  const handleContextMenu = e => {
     if (disabled) {
       return;
     }
-
-    var rect = e.currentTarget.getBoundingClientRect();
+    const rect = e.currentTarget.getBoundingClientRect();
     isContextMenu.current = true;
     buttonRef.current = e.currentTarget;
     onChange(e, true);
-    var mouseX = e.nativeEvent.x;
-    var mouseY = e.nativeEvent.y;
-    setOffsetFn(function () {
-      return function (_ref) {
-        var reference = _ref.reference;
-        return [mouseX - rect.x, mouseY - rect.y - reference.height];
-      };
+    const mouseX = e.nativeEvent.x;
+    const mouseY = e.nativeEvent.y;
+    setOffsetFn(() => _ref => {
+      let {
+        reference
+      } = _ref;
+      return [mouseX - rect.x, mouseY - rect.y - reference.height];
     });
     e.preventDefault();
   };
-
-  return /*#__PURE__*/_jsx(Comp, _extends({
+  return /*#__PURE__*/_jsx(Comp, {
     ref: forwardedRef,
     as: innerAs,
     id: id,
@@ -54,7 +48,8 @@ export var ContextMenuTrigger = /*#__PURE__*/forwardRef(function ContextMenuTrig
     "aria-expanded": open ? true : undefined,
     "data-menu-trigger": "",
     onContextMenu: wrapEvent(onContextMenu, handleContextMenu),
-    disabled: disabled
-  }, otherProps));
+    disabled: disabled,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=ContextMenuTrigger.js.map

package/build/esm/Menu/ContextMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.js","names":["forwardRef","useId","useMenuContext","wrapEvent","ContextMenuTrigger","props","forwardedRef","as","Comp","innerAs","preferredId","id","onContextMenu","disabled","otherProps","menuListIdRef","open","buttonRef","onChange","setOffsetFn","isContextMenu","idGenerated","handleContextMenu","e","rect","currentTarget","getBoundingClientRect","current","mouseX","nativeEvent","x","mouseY","y","reference","height","preventDefault","undefined"],"sources":["../../../src/Menu/ContextMenuTrigger.tsx"],"sourcesContent":["import type {\n  ElementType,\n  HTMLAttributes,\n  MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\nimport type { OffsetsFunction } from '../Popper';\n\nexport type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  disabled?: boolean;\n};\n\nexport const ContextMenuTrigger = forwardRef<\n  HTMLElement,\n  ContextMenuTriggerProps\n>(function ContextMenuTrigger(props, forwardedRef) {\n  const {\n    as: Comp = 'div',\n    innerAs,\n    id: preferredId,\n    onContextMenu,\n    disabled,\n    ...otherProps\n  } = props;\n  const {\n    menuListIdRef,\n    open,\n    buttonRef,\n    onChange,\n    setOffsetFn,\n    isContextMenu,\n  } = useMenuContext();\n\n  const idGenerated = useId();\n  const id = preferredId || idGenerated;\n\n  const handleContextMenu = (e: ReactMouseEvent<HTMLElement>) => {\n    if (disabled) {\n      return;\n    }\n    const rect = e.currentTarget.getBoundingClientRect();\n    isContextMenu.current = true;\n\n    buttonRef.current = e.currentTarget;\n    onChange(e, true);\n\n    const mouseX = e.nativeEvent.x;\n    const mouseY = e.nativeEvent.y;\n    setOffsetFn(\n      (): OffsetsFunction =>\n        ({ reference }) =>\n          [mouseX - rect.x, mouseY - rect.y - reference.height]\n    );\n    e.preventDefault();\n  };\n\n  return (\n    <Comp\n      ref={forwardedRef}\n      as={innerAs}\n      id={id}\n      aria-haspopup={true}\n      aria-controls={menuListIdRef.current}\n      aria-expanded={open ? true : undefined}\n      data-menu-trigger=\"\"\n      onContextMenu={wrapEvent(onContextMenu, handleContextMenu)}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAKA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AASA,OAAO,IAAMC,kBAAkB,gBAAGJ,UAAU,CAG1C,SAASI,kBAAT,CAA4BC,KAA5B,EAAmCC,YAAnC,EAAiD;EACjD,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAOIL,KAPJ,CAGEM,EAHF;EAAA,IAIEC,aAJF,GAOIP,KAPJ,CAIEO,aAJF;EAAA,IAKEC,QALF,GAOIR,KAPJ,CAKEQ,QALF;EAAA,IAMKC,UANL,4BAOIT,KAPJ;;EAQA,sBAOIH,cAAc,EAPlB;EAAA,IACEa,aADF,mBACEA,aADF;EAAA,IAEEC,IAFF,mBAEEA,IAFF;EAAA,IAGEC,SAHF,mBAGEA,SAHF;EAAA,IAIEC,QAJF,mBAIEA,QAJF;EAAA,IAKEC,WALF,mBAKEA,WALF;EAAA,IAMEC,aANF,mBAMEA,aANF;;EASA,IAAMC,WAAW,GAAGpB,KAAK,EAAzB;EACA,IAAMU,EAAE,GAAGD,WAAW,IAAIW,WAA1B;;EAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,CAAD,EAAqC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACD,IAAMW,IAAI,GAAGD,CAAC,CAACE,aAAF,CAAgBC,qBAAhB,EAAb;IACAN,aAAa,CAACO,OAAd,GAAwB,IAAxB;IAEAV,SAAS,CAACU,OAAV,GAAoBJ,CAAC,CAACE,aAAtB;IACAP,QAAQ,CAACK,CAAD,EAAI,IAAJ,CAAR;IAEA,IAAMK,MAAM,GAAGL,CAAC,CAACM,WAAF,CAAcC,CAA7B;IACA,IAAMC,MAAM,GAAGR,CAAC,CAACM,WAAF,CAAcG,CAA7B;IACAb,WAAW,CACT;MAAA,OACE;QAAA,IAAGc,SAAH,QAAGA,SAAH;QAAA,OACE,CAACL,MAAM,GAAGJ,IAAI,CAACM,CAAf,EAAkBC,MAAM,GAAGP,IAAI,CAACQ,CAAd,GAAkBC,SAAS,CAACC,MAA9C,CADF;MAAA,CADF;IAAA,CADS,CAAX;IAKAX,CAAC,CAACY,cAAF;EACD,CAlBD;;EAoBA,oBACE,KAAC,IAAD;IACE,GAAG,EAAE7B,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEE,EAHN;IAIE,iBAAe,IAJjB;IAKE,iBAAeI,aAAa,CAACY,OAL/B;IAME,iBAAeX,IAAI,GAAG,IAAH,GAAUoB,SAN/B;IAOE,qBAAkB,EAPpB;IAQE,aAAa,EAAEjC,SAAS,CAACS,aAAD,EAAgBU,iBAAhB,CAR1B;IASE,QAAQ,EAAET;EATZ,GAUMC,UAVN,EADF;AAcD,CA1D2C,CAArC"}
+{"version":3,"file":"ContextMenuTrigger.js","names":["forwardRef","useId","useMenuContext","wrapEvent","jsx","_jsx","ContextMenuTrigger","props","forwardedRef","as","Comp","innerAs","id","preferredId","onContextMenu","disabled","otherProps","menuListIdRef","open","buttonRef","onChange","setOffsetFn","isContextMenu","idGenerated","handleContextMenu","e","rect","currentTarget","getBoundingClientRect","current","mouseX","nativeEvent","x","mouseY","y","_ref","reference","height","preventDefault","ref","undefined"],"sources":["../../../src/Menu/ContextMenuTrigger.tsx"],"sourcesContent":["import type {\n  ElementType,\n  HTMLAttributes,\n  MouseEvent as ReactMouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\nimport type { OffsetsFunction } from '../Popper';\n\nexport type ContextMenuTriggerProps = HTMLAttributes<HTMLElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  disabled?: boolean;\n};\n\nexport const ContextMenuTrigger = forwardRef<\n  HTMLElement,\n  ContextMenuTriggerProps\n>(function ContextMenuTrigger(props, forwardedRef) {\n  const {\n    as: Comp = 'div',\n    innerAs,\n    id: preferredId,\n    onContextMenu,\n    disabled,\n    ...otherProps\n  } = props;\n  const {\n    menuListIdRef,\n    open,\n    buttonRef,\n    onChange,\n    setOffsetFn,\n    isContextMenu,\n  } = useMenuContext();\n\n  const idGenerated = useId();\n  const id = preferredId || idGenerated;\n\n  const handleContextMenu = (e: ReactMouseEvent<HTMLElement>) => {\n    if (disabled) {\n      return;\n    }\n    const rect = e.currentTarget.getBoundingClientRect();\n    isContextMenu.current = true;\n\n    buttonRef.current = e.currentTarget;\n    onChange(e, true);\n\n    const mouseX = e.nativeEvent.x;\n    const mouseY = e.nativeEvent.y;\n    setOffsetFn(\n      (): OffsetsFunction =>\n        ({ reference }) =>\n          [mouseX - rect.x, mouseY - rect.y - reference.height]\n    );\n    e.preventDefault();\n  };\n\n  return (\n    <Comp\n      ref={forwardedRef}\n      as={innerAs}\n      id={id}\n      aria-haspopup={true}\n      aria-controls={menuListIdRef.current}\n      aria-expanded={open ? true : undefined}\n      data-menu-trigger=\"\"\n      onContextMenu={wrapEvent(onContextMenu, handleContextMenu)}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AAKA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAEzC,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShD,OAAO,MAAMC,kBAAkB,gBAAGN,UAAU,CAG1C,SAASM,kBAAkBA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACjD,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACPC,EAAE,EAAEC,WAAW;IACfC,aAAa;IACbC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGT,KAAK;EACT,MAAM;IACJU,aAAa;IACbC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAGpB,cAAc,CAAC,CAAC;EAEpB,MAAMqB,WAAW,GAAGtB,KAAK,CAAC,CAAC;EAC3B,MAAMW,EAAE,GAAGC,WAAW,IAAIU,WAAW;EAErC,MAAMC,iBAAiB,GAAIC,CAA+B,IAAK;IAC7D,IAAIV,QAAQ,EAAE;MACZ;IACF;IACA,MAAMW,IAAI,GAAGD,CAAC,CAACE,aAAa,CAACC,qBAAqB,CAAC,CAAC;IACpDN,aAAa,CAACO,OAAO,GAAG,IAAI;IAE5BV,SAAS,CAACU,OAAO,GAAGJ,CAAC,CAACE,aAAa;IACnCP,QAAQ,CAACK,CAAC,EAAE,IAAI,CAAC;IAEjB,MAAMK,MAAM,GAAGL,CAAC,CAACM,WAAW,CAACC,CAAC;IAC9B,MAAMC,MAAM,GAAGR,CAAC,CAACM,WAAW,CAACG,CAAC;IAC9Bb,WAAW,CACT,MACEc,IAAA;MAAA,IAAC;QAAEC;MAAU,CAAC,GAAAD,IAAA;MAAA,OACZ,CAACL,MAAM,GAAGJ,IAAI,CAACM,CAAC,EAAEC,MAAM,GAAGP,IAAI,CAACQ,CAAC,GAAGE,SAAS,CAACC,MAAM,CAAC;IAAA,CAC3D,CAAC;IACDZ,CAAC,CAACa,cAAc,CAAC,CAAC;EACpB,CAAC;EAED,oBACEjC,IAAA,CAACK,IAAI;IACH6B,GAAG,EAAE/B,YAAa;IAClBC,EAAE,EAAEE,OAAQ;IACZC,EAAE,EAAEA,EAAG;IACP,iBAAe,IAAK;IACpB,iBAAeK,aAAa,CAACY,OAAQ;IACrC,iBAAeX,IAAI,GAAG,IAAI,GAAGsB,SAAU;IACvC,qBAAkB,EAAE;IACpB1B,aAAa,EAAEX,SAAS,CAACW,aAAa,EAAEU,iBAAiB,CAAE;IAC3DT,QAAQ,EAAEA,QAAS;IAAA,GACfC;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}

package/build/esm/Menu/Menu.js

@@ -1,63 +1,47 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "open", "defaultOpen", "onChange"];
 import { useState, forwardRef, useRef, Fragment, useId } from 'react';
 import { MenuProvider } from './context';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? Fragment : _props$as,
-      innerAs = props.innerAs,
-      openProp = props.open,
-      _props$defaultOpen = props.defaultOpen,
-      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-      onChangeProp = props.onChange,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var menuListIdRef = useRef();
-  var openWithArrowKeyRef = useRef(null);
-  var buttonRef = useRef(null);
-
-  var _useControlledState = useControlledState(openProp, onChangeProp, defaultOpen, function (setState) {
-    return function (e, isOpen) {
-      setState(isOpen);
-    };
-  }),
-      _useControlledState2 = _slicedToArray(_useControlledState, 2),
-      open = _useControlledState2[0],
-      onChange = _useControlledState2[1];
-
-  var _useState = useState(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      offsetFn = _useState2[0],
-      setOffsetFn = _useState2[1];
-
+export const Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
+  const {
+    as: Comp = Fragment,
+    innerAs,
+    open: openProp,
+    defaultOpen = false,
+    onChange: onChangeProp,
+    ...otherProps
+  } = props;
+  const menuListIdRef = useRef(undefined);
+  const openWithArrowKeyRef = useRef(null);
+  const buttonRef = useRef(null);
+  const [open, onChange] = useControlledState(openProp, onChangeProp, defaultOpen, setState => (e, isOpen) => {
+    setState(isOpen);
+  });
+  const [offsetFn, setOffsetFn] = useState(undefined);
   menuListIdRef.current = useId();
-  var isContextMenu = useRef(false);
-
+  const isContextMenu = useRef(false);
   if (!open && offsetFn) {
     setOffsetFn(undefined);
   }
-
-  var value = {
-    menuListIdRef: menuListIdRef,
-    openWithArrowKeyRef: openWithArrowKeyRef,
-    open: open,
-    onChange: onChange,
-    buttonRef: buttonRef,
-    offsetFn: offsetFn,
-    setOffsetFn: setOffsetFn,
-    isContextMenu: isContextMenu
+  const value = {
+    menuListIdRef,
+    openWithArrowKeyRef,
+    open,
+    onChange,
+    buttonRef,
+    offsetFn,
+    setOffsetFn,
+    isContextMenu
   };
   return /*#__PURE__*/_jsx(MenuProvider, {
     value: value,
-    children: /*#__PURE__*/_jsx(Comp, _extends(_extends({}, Comp !== Fragment ? {
-      as: innerAs
-    } : {}), {}, {
-      ref: forwardedRef
-    }, otherProps))
+    children: /*#__PURE__*/_jsx(Comp, {
+      ...(Comp !== Fragment ? {
+        as: innerAs,
+        ref: forwardedRef
+      } : {}),
+      ...otherProps
+    })
   });
 });
 //# sourceMappingURL=Menu.js.map

package/build/esm/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","innerAs","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","undefined","offsetFn","setOffsetFn","current","isContextMenu","value"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { useState, forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\nimport type { OffsetsFunction } from '../Popper';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    innerAs,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string>();\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n  const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\n    undefined\n  );\n  menuListIdRef.current = useId();\n  const isContextMenu = useRef(false);\n\n  if (!open && offsetFn) {\n    setOffsetFn(undefined);\n  }\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n    offsetFn,\n    setOffsetFn,\n    isContextMenu,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs } : {})}\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    </MenuProvider>\n  );\n});\n"],"mappings":";;;;AAOA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuCC,QAAvC,EAAiDC,KAAjD,QAA8D,OAA9D;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAkBA,OAAO,IAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAEES,OAFF,GAOIJ,KAPJ,CAEEI,OAFF;EAAA,IAGQC,QAHR,GAOIL,KAPJ,CAGEM,IAHF;EAAA,yBAOIN,KAPJ,CAIEO,WAJF;EAAA,IAIEA,WAJF,mCAIgB,KAJhB;EAAA,IAKYC,YALZ,GAOIR,KAPJ,CAKES,QALF;EAAA,IAMKC,UANL,4BAOIV,KAPJ;;EAQA,IAAMW,aAAa,GAAGjB,MAAM,EAA5B;EACA,IAAMkB,mBAAmB,GAAGlB,MAAM,CAAiC,IAAjC,CAAlC;EACA,IAAMmB,SAAS,GAAGnB,MAAM,CAAoB,IAApB,CAAxB;;EACA,0BAAyBI,kBAAkB,CACzCO,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;MAC3BF,QAAQ,CAACE,MAAD,CAAR;IACD,CAFD;EAAA,CAJyC,CAA3C;EAAA;EAAA,IAAOV,IAAP;EAAA,IAAaG,QAAb;;EAQA,gBAAgCjB,QAAQ,CACtCyB,SADsC,CAAxC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAGAR,aAAa,CAACS,OAAd,GAAwBxB,KAAK,EAA7B;EACA,IAAMyB,aAAa,GAAG3B,MAAM,CAAC,KAAD,CAA5B;;EAEA,IAAI,CAACY,IAAD,IAASY,QAAb,EAAuB;IACrBC,WAAW,CAACF,SAAD,CAAX;EACD;;EAED,IAAMK,KAAuB,GAAG;IAC9BX,aAAa,EAAbA,aAD8B;IAE9BC,mBAAmB,EAAnBA,mBAF8B;IAG9BN,IAAI,EAAJA,IAH8B;IAI9BG,QAAQ,EAARA,QAJ8B;IAK9BI,SAAS,EAATA,SAL8B;IAM9BK,QAAQ,EAARA,QAN8B;IAO9BC,WAAW,EAAXA,WAP8B;IAQ9BE,aAAa,EAAbA;EAR8B,CAAhC;EAWA,oBACE,KAAC,YAAD;IAAc,KAAK,EAAEC,KAArB;IAAA,uBACE,KAAC,IAAD,wBACOnB,IAAI,KAAKR,QAAT,GAAoB;MAAEO,EAAE,EAAEE;IAAN,CAApB,GAAsC,EAD7C;MAEE,GAAG,EAAEH;IAFP,GAGMS,UAHN;EADF,EADF;AASD,CArD6B,CAAvB"}
+{"version":3,"file":"Menu.js","names":["useState","forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","jsx","_jsx","Menu","props","forwardedRef","as","Comp","innerAs","open","openProp","defaultOpen","onChange","onChangeProp","otherProps","menuListIdRef","undefined","openWithArrowKeyRef","buttonRef","setState","e","isOpen","offsetFn","setOffsetFn","current","isContextMenu","value","children","ref"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { useState, forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\nimport type { OffsetsFunction } from '../Popper';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    innerAs,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string | undefined>(undefined);\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n  const [offsetFn, setOffsetFn] = useState<OffsetsFunction | undefined>(\n    undefined\n  );\n  menuListIdRef.current = useId();\n  const isContextMenu = useRef(false);\n\n  if (!open && offsetFn) {\n    setOffsetFn(undefined);\n  }\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n    offsetFn,\n    setOffsetFn,\n    isContextMenu,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp\n        {...(Comp !== Fragment ? { as: innerAs, ref: forwardedRef } : {})}\n        {...otherProps}\n      />\n    </MenuProvider>\n  );\n});\n"],"mappings":"AAOA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,OAAO;AAGrE,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB9C,OAAO,MAAMC,IAAI,gBAAGR,UAAU,CAA4B,SAASQ,IAAIA,CACrEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGV,QAAQ;IACnBW,OAAO;IACPC,IAAI,EAAEC,QAAQ;IACdC,WAAW,GAAG,KAAK;IACnBC,QAAQ,EAAEC,YAAY;IACtB,GAAGC;EACL,CAAC,GAAGV,KAAK;EACT,MAAMW,aAAa,GAAGnB,MAAM,CAAqBoB,SAAS,CAAC;EAC3D,MAAMC,mBAAmB,GAAGrB,MAAM,CAAiC,IAAI,CAAC;EACxE,MAAMsB,SAAS,GAAGtB,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAM,CAACa,IAAI,EAAEG,QAAQ,CAAC,GAAGZ,kBAAkB,CACzCU,QAAQ,EACRG,YAAY,EACZF,WAAW,EACVQ,QAAQ,IAAK,CAACC,CAAC,EAAEC,MAAM,KAAK;IAC3BF,QAAQ,CAACE,MAAM,CAAC;EAClB,CACF,CAAC;EACD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG7B,QAAQ,CACtCsB,SACF,CAAC;EACDD,aAAa,CAACS,OAAO,GAAG1B,KAAK,CAAC,CAAC;EAC/B,MAAM2B,aAAa,GAAG7B,MAAM,CAAC,KAAK,CAAC;EAEnC,IAAI,CAACa,IAAI,IAAIa,QAAQ,EAAE;IACrBC,WAAW,CAACP,SAAS,CAAC;EACxB;EAEA,MAAMU,KAAuB,GAAG;IAC9BX,aAAa;IACbE,mBAAmB;IACnBR,IAAI;IACJG,QAAQ;IACRM,SAAS;IACTI,QAAQ;IACRC,WAAW;IACXE;EACF,CAAC;EAED,oBACEvB,IAAA,CAACH,YAAY;IAAC2B,KAAK,EAAEA,KAAM;IAAAC,QAAA,eACzBzB,IAAA,CAACK,IAAI;MAAA,IACEA,IAAI,KAAKV,QAAQ,GAAG;QAAES,EAAE,EAAEE,OAAO;QAAEoB,GAAG,EAAEvB;MAAa,CAAC,GAAG,CAAC,CAAC;MAAA,GAC5DS;IAAU,CACf;EAAC,CACU,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/build/esm/Menu/MenuButton.d.ts

@@ -1,11 +1,11 @@
 import type { ButtonHTMLAttributes, ElementType, KeyboardEvent, MouseEvent } from 'react';
-export declare type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: ElementType<any>;
     innerAs?: ElementType<any>;
     onClick?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };
 export declare const MenuButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    as?: ElementType<any> | undefined;
-    innerAs?: ElementType<any> | undefined;
-    onClick?: ((e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void) | undefined;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onClick?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/Menu/MenuButton.js

@@ -1,68 +1,51 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "id", "onClick", "onKeyDown", "disabled"];
 import { forwardRef, useId } from 'react';
 import { useMenuContext } from './context';
 import { wrapEvent } from '../utils/wrap-event';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'button' : _props$as,
-      innerAs = props.innerAs,
-      preferredId = props.id,
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      disabled = props.disabled,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useMenuContext = useMenuContext(),
-      menuListIdRef = _useMenuContext.menuListIdRef,
-      openWithArrowKeyRef = _useMenuContext.openWithArrowKeyRef,
-      open = _useMenuContext.open,
-      buttonRef = _useMenuContext.buttonRef,
-      onChange = _useMenuContext.onChange;
-
-  var buttonIdGenerated = useId();
-  var buttonId = preferredId || buttonIdGenerated;
-
-  var handleKeyDown = function handleKeyDown(e) {
+export const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
+  const {
+    as: Comp = 'button',
+    innerAs,
+    id: preferredId,
+    onClick,
+    onKeyDown,
+    disabled,
+    ...otherProps
+  } = props;
+  const {
+    menuListIdRef,
+    openWithArrowKeyRef,
+    open,
+    buttonRef,
+    onChange
+  } = useMenuContext();
+  const buttonIdGenerated = useId();
+  const buttonId = preferredId || buttonIdGenerated;
+  const handleKeyDown = e => {
     if (disabled) {
       return;
     }
-
     buttonRef.current = e.currentTarget;
-
-    var isArrowKey = function isArrowKey() {
-      return ['ArrowUp', 'ArrowDown'].includes(e.key);
-    };
-
-    var isEnterKey = function isEnterKey() {
-      return [' ', 'Enter'].includes(e.key);
-    };
-
-    var openedWithArrow = isArrowKey();
-
+    const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);
+    const isEnterKey = () => [' ', 'Enter'].includes(e.key);
+    const openedWithArrow = isArrowKey();
     if (openedWithArrow || isEnterKey()) {
       if (openedWithArrow) {
         // Used to make it open at the end or begining of the list
         openWithArrowKeyRef.current = e.key;
       }
-
       onChange(e, true);
       e.preventDefault();
     }
   };
-
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     if (disabled) {
       return;
     }
-
     buttonRef.current = e.currentTarget;
     onChange(e, !open);
   };
-
-  return /*#__PURE__*/_jsx(Comp, _extends({
+  return /*#__PURE__*/_jsx(Comp, {
     ref: forwardedRef,
     as: innerAs,
     id: buttonId,
@@ -74,7 +57,8 @@ export var MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwa
     "data-menu-button": "",
     onClick: wrapEvent(onClick, handleClick),
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
-    disabled: disabled
-  }, otherProps));
+    disabled: disabled,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=MenuButton.js.map

package/build/esm/Menu/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","innerAs","preferredId","id","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n      onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        as={innerAs}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AAMA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AAUA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,QADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGMC,WAHN,GAQIL,KARJ,CAGEM,EAHF;EAAA,IAIEC,OAJF,GAQIP,KARJ,CAIEO,OAJF;EAAA,IAKEC,SALF,GAQIR,KARJ,CAKEQ,SALF;EAAA,IAMEC,QANF,GAQIT,KARJ,CAMES,QANF;EAAA,IAOKC,UAPL,4BAQIV,KARJ;;EASA,sBACEH,cAAc,EADhB;EAAA,IAAQc,aAAR,mBAAQA,aAAR;EAAA,IAAuBC,mBAAvB,mBAAuBA,mBAAvB;EAAA,IAA4CC,IAA5C,mBAA4CA,IAA5C;EAAA,IAAkDC,SAAlD,mBAAkDA,SAAlD;EAAA,IAA6DC,QAA7D,mBAA6DA,QAA7D;;EAGA,IAAMC,iBAAiB,GAAGpB,KAAK,EAA/B;EACA,IAAMqB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;EAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAyC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;IAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;IAAA,CAAnB;;IACA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;IAAA,CAAnB;;IAEA,IAAME,eAAe,GAAGJ,UAAU,EAAlC;;IACA,IAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;MACnC,IAAIC,eAAJ,EAAqB;QACnB;QACAd,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;MACD;;MACDT,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAAR;MACAA,CAAC,CAACQ,cAAF;IACD;EACF,CAlBD;;EAoBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAsC;IACxD,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;IACAN,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAAR;EACD,CAND;;EAQA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEZ,YADP;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEa,QAHN;IAIE,IAAI,EAAC,QAJP;IAKE,IAAI,EAAC,QALP;IAME,iBAAe,IANjB;IAOE,iBAAeN,aAAa,CAACS,OAP/B;IAQE,iBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAR/B;IASE,oBAAiB,EATnB;IAUE,OAAO,EAAE/B,SAAS,CAACS,OAAD,EAAUqB,WAAV,CAVpB;IAWE,SAAS,EAAE9B,SAAS,CAACU,SAAD,EAAYU,aAAZ,CAXtB;IAYE,QAAQ,EAAET;EAZZ,GAaMC,UAbN,EADF;AAiBD,CA9DiC,CAA7B"}
+{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","jsx","_jsx","MenuButton","props","forwardedRef","as","Comp","innerAs","id","preferredId","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","ref","role","type","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      innerAs,\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n      onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        as={innerAs}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AAMA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAEzC,SAASC,cAAc,QAAQ,WAAW;AAC1C,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhD,OAAO,MAAMC,UAAU,gBAAGN,UAAU,CAClC,SAASM,UAAUA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACvC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,QAAQ;IACnBC,OAAO;IACPC,EAAE,EAAEC,WAAW;IACfC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGV,KAAK;EACT,MAAM;IAAEW,aAAa;IAAEC,mBAAmB;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAS,CAAC,GACrEpB,cAAc,CAAC,CAAC;EAElB,MAAMqB,iBAAiB,GAAGtB,KAAK,CAAC,CAAC;EACjC,MAAMuB,QAAQ,GAAGX,WAAW,IAAIU,iBAAiB;EAEjD,MAAME,aAAa,GAAIC,CAAmC,IAAK;IAC7D,IAAIV,QAAQ,EAAE;MACZ;IACF;IACAK,SAAS,CAACM,OAAO,GAAGD,CAAC,CAACE,aAAa;IAEnC,MAAMC,UAAU,GAAGA,CAAA,KAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACJ,CAAC,CAACK,GAAG,CAAC;IACjE,MAAMC,UAAU,GAAGA,CAAA,KAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAACF,QAAQ,CAACJ,CAAC,CAACK,GAAG,CAAC;IAEvD,MAAME,eAAe,GAAGJ,UAAU,CAAC,CAAC;IACpC,IAAII,eAAe,IAAID,UAAU,CAAC,CAAC,EAAE;MACnC,IAAIC,eAAe,EAAE;QACnB;QACAd,mBAAmB,CAACQ,OAAO,GAAGD,CAAC,CAACK,GAAG;MACrC;MACAT,QAAQ,CAACI,CAAC,EAAE,IAAI,CAAC;MACjBA,CAAC,CAACQ,cAAc,CAAC,CAAC;IACpB;EACF,CAAC;EAED,MAAMC,WAAW,GAAIT,CAAgC,IAAK;IACxD,IAAIV,QAAQ,EAAE;MACZ;IACF;IACAK,SAAS,CAACM,OAAO,GAAGD,CAAC,CAACE,aAAa;IACnCN,QAAQ,CAACI,CAAC,EAAE,CAACN,IAAI,CAAC;EACpB,CAAC;EAED,oBACEf,IAAA,CAACK,IAAI;IACH0B,GAAG,EAAE5B,YAAa;IAClBC,EAAE,EAAEE,OAAQ;IACZC,EAAE,EAAEY,QAAS;IACba,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACb,iBAAe,IAAK;IACpB,iBAAepB,aAAa,CAACS,OAAQ;IACrC,iBAAeP,IAAI,GAAG,IAAI,GAAGmB,SAAU;IACvC,oBAAiB,EAAE;IACnBzB,OAAO,EAAEX,SAAS,CAACW,OAAO,EAAEqB,WAAW,CAAE;IACzCpB,SAAS,EAAEZ,SAAS,CAACY,SAAS,EAAEU,aAAa,CAAE;IAC/CT,QAAQ,EAAEA,QAAS;IAAA,GACfC;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Menu/MenuItem.js

@@ -1,61 +1,51 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "innerAs", "disabled", "onSelect", "onClick", "onKeyDown"];
 import { forwardRef, useRef, useId } from 'react';
 import { useMenuContext, useMenuListContext } from './context';
 import { assignMultipleRefs } from '../utils/assign-ref';
 import { wrapEvent } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'li' : _props$as,
-      innerAs = props.innerAs,
-      disabled = props.disabled,
-      onSelect = props.onSelect,
-      onClick = props.onClick,
-      onKeyDown = props.onKeyDown,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useMenuContext = useMenuContext(),
-      onChange = _useMenuContext.onChange,
-      buttonRef = _useMenuContext.buttonRef;
-
-  var _useMenuListContext = useMenuListContext(),
-      navigationItem = _useMenuListContext.navigationItem,
-      onNavigate = _useMenuListContext.onNavigate;
-
-  var ref = useRef();
-  var itemId = useId();
-  var isActive = ref.current && ref.current === navigationItem;
-  var handleSelect = wrapEvent(onSelect, function (e) {
-    var _buttonRef$current;
-
+export const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwardedRef) {
+  const {
+    as: Comp = 'li',
+    innerAs,
+    disabled,
+    onSelect,
+    onClick,
+    onKeyDown,
+    ...otherProps
+  } = props;
+  const {
+    onChange,
+    buttonRef
+  } = useMenuContext();
+  const {
+    navigationItem,
+    onNavigate
+  } = useMenuListContext();
+  const ref = useRef(null);
+  const itemId = useId();
+  const isActive = ref.current && ref.current === navigationItem;
+  const handleSelect = wrapEvent(onSelect, e => {
     onChange(e, false);
-    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
+    buttonRef.current?.focus();
     e.preventDefault();
   });
-
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     if (!disabled) {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       onNavigate && onNavigate(ref.current);
       handleSelect(e);
     }
   };
-
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     switch (e.key) {
       case ' ':
       case 'Enter':
         if (!disabled) {
           handleSelect(e);
         }
-
         break;
     }
   };
-
-  return /*#__PURE__*/_jsx(Comp, _extends({
+  return /*#__PURE__*/_jsx(Comp, {
     ref: assignMultipleRefs(ref, forwardedRef),
     as: innerAs,
     id: disabled ? undefined : itemId,
@@ -67,7 +57,8 @@ export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwarded
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
     "data-disabled": disabled ? '' : undefined,
     "aria-disabled": disabled ? '' : undefined,
-    disabled: disabled
-  }, otherProps));
+    disabled: disabled,
+    ...otherProps
+  });
 });
 //# sourceMappingURL=MenuItem.js.map

package/build/esm/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    innerAs,\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case ' ':\n      case 'Enter':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      as={innerAs}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAQID,KARJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,OAFF,GAQIJ,KARJ,CAEEI,OAFF;EAAA,IAGEC,QAHF,GAQIL,KARJ,CAGEK,QAHF;EAAA,IAIEC,QAJF,GAQIN,KARJ,CAIEM,QAJF;EAAA,IAKEC,OALF,GAQIP,KARJ,CAKEO,OALF;EAAA,IAMEC,SANF,GAQIR,KARJ,CAMEQ,SANF;EAAA,IAOKC,UAPL,4BAQIT,KARJ;;EASA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQe,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCf,kBAAkB,EAAzD;EAAA,IAAQgB,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGrB,MAAM,EAAlB;EACA,IAAMsB,MAAM,GAAGrB,KAAK,EAApB;EAEA,IAAMsB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGpB,SAAS,CAC5BQ,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAAR;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,GAAL;MACA,KAAK,OAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IANJ;EAQD,CATD;;EAWA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEtB,kBAAkB,CAACiB,GAAD,EAAMb,YAAN,CADzB;IAEE,EAAE,EAAEG,OAFN;IAGE,EAAE,EAAEC,QAAQ,GAAGoB,SAAH,GAAeV,MAH7B;IAIE,kBAAe,EAJjB;IAKE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SALpC;IAME,IAAI,EAAC,UANP;IAOE,OAAO,EAAE3B,SAAS,CAACS,OAAD,EAAUe,WAAV,CAPpB;IAQE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAR5B;IASE,SAAS,EAAEP,SAAS,CAACU,SAAD,EAAYe,aAAZ,CATtB;IAUE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAXjC;IAYE,QAAQ,EAAEpB;EAZZ,GAaMI,UAbN,EADF;AAiBD,CAjEiC,CAA3B"}
+{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","jsx","_jsx","MenuItem","props","forwardedRef","as","Comp","innerAs","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","id","undefined","role","tabIndex"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    innerAs,\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement | null>(null);\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case ' ':\n      case 'Enter':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      as={innerAs}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":"AAOA,SAASA,UAAU,EAAEC,MAAM,EAAEC,KAAK,QAAQ,OAAO;AAEjD,SAASC,cAAc,EAAEC,kBAAkB,QAAQ,WAAW;AAC9D,SAASC,kBAAkB,QAAQ,qBAAqB;AACxD,SAASC,SAAS,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWrC,OAAO,MAAMC,QAAQ,gBAAGT,UAAU,CAAqB,SAASS,QAAQA,CACtEC,KAAK,EACLC,YAAY,EACZ;EACA,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,IAAI;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGT,KAAK;EACT,MAAM;IAAEU,QAAQ;IAAEC;EAAU,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAChD,MAAM;IAAEmB,cAAc;IAAEC;EAAW,CAAC,GAAGnB,kBAAkB,CAAC,CAAC;EAC3D,MAAMoB,GAAG,GAAGvB,MAAM,CAAuB,IAAI,CAAC;EAC9C,MAAMwB,MAAM,GAAGvB,KAAK,CAAC,CAAC;EAEtB,MAAMwB,QAAQ,GAAGF,GAAG,CAACG,OAAO,IAAIH,GAAG,CAACG,OAAO,KAAKL,cAAc;EAE9D,MAAMM,YAAY,GAAGtB,SAAS,CAC5BU,QAAQ,EACPa,CAA2D,IAAK;IAC/DT,QAAQ,CAACS,CAAC,EAAE,KAAK,CAAC;IAClBR,SAAS,CAACM,OAAO,EAAEG,KAAK,CAAC,CAAC;IAC1BD,CAAC,CAACE,cAAc,CAAC,CAAC;EACpB,CACF,CAAC;EAED,MAAMC,WAAW,GAAIH,CAA4B,IAAK;IACpD,IAAI,CAACd,QAAQ,EAAE;MACbQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAQ,CAAC;MACtCC,YAAY,CAACC,CAAC,CAAC;IACjB;EACF,CAAC;EAED,MAAMI,aAAkD,GAAIJ,CAAC,IAAK;IAChE,QAAQA,CAAC,CAACK,GAAG;MACX,KAAK,GAAG;MACR,KAAK,OAAO;QACV,IAAI,CAACnB,QAAQ,EAAE;UACba,YAAY,CAACC,CAAC,CAAC;QACjB;QACA;IACJ;EACF,CAAC;EAED,oBACErB,IAAA,CAACK,IAAI;IACHW,GAAG,EAAEnB,kBAAkB,CAACmB,GAAG,EAAEb,YAAY,CAAE;IAC3CC,EAAE,EAAEE,OAAQ;IACZqB,EAAE,EAAEpB,QAAQ,GAAGqB,SAAS,GAAGX,MAAO;IAClC,kBAAe,EAAE;IACjB,oBAAkBC,QAAQ,GAAG,EAAE,GAAGU,SAAU;IAC5CC,IAAI,EAAC,UAAU;IACfpB,OAAO,EAAEX,SAAS,CAACW,OAAO,EAAEe,WAAW,CAAE;IACzCM,QAAQ,EAAEvB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;IAC5BG,SAAS,EAAEZ,SAAS,CAACY,SAAS,EAAEe,aAAa,CAAE;IAC/C,iBAAelB,QAAQ,GAAG,EAAE,GAAGqB,SAAU;IACzC,iBAAerB,QAAQ,GAAG,EAAE,GAAGqB,SAAU;IACzCrB,QAAQ,EAAEA,QAAS;IAAA,GACfI;EAAU,CACf,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}