@mantine/core/cjs/components/Menu/MenuSubDropdown/MenuSubDropdown.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"MenuSubDropdown.cjs","names":["factory","useProps","useMenuContext","SubMenuContext","createEventHandler","Popover","classes"],"sources":["../../../../src/components/Menu/MenuSubDropdown/MenuSubDropdown.tsx"],"sourcesContent":["import { use, useRef } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n  BoxProps,\n  CompoundStylesApiProps,\n  createEventHandler,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { Popover } from '../../Popover';\nimport { useMenuContext } from '../Menu.context';\nimport { SubMenuContext } from '../MenuSub/MenuSub.context';\nimport classes from '../Menu.module.css';\n\nexport type MenuSubDropdownStylesNames = 'dropdown';\n\nexport interface MenuSubDropdownProps\n  extends BoxProps, CompoundStylesApiProps<MenuSubDropdownFactory>, ElementProps<'div'> {}\n\nexport type MenuSubDropdownFactory = Factory<{\n  props: MenuSubDropdownProps;\n  ref: HTMLDivElement;\n  stylesNames: MenuSubDropdownStylesNames;\n  compound: true;\n}>;\n\nexport const MenuSubDropdown = factory<MenuSubDropdownFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    onMouseEnter,\n    onMouseLeave,\n    onKeyDown,\n    children,\n    ref,\n    ...others\n  } = useProps('MenuSubDropdown', null, props);\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const ctx = useMenuContext();\n  const subCtx = use(SubMenuContext);\n\n  const handleMouseEnter = createEventHandler<any>(onMouseEnter, subCtx?.open);\n\n  const handleMouseLeave = createEventHandler<any>(onMouseLeave, subCtx?.close);\n\n  return (\n    <Popover.Dropdown\n      {...others}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      ref={useMergedRef(ref, wrapperRef)}\n      {...ctx.getStyles('dropdown', {\n        className,\n        style,\n        styles,\n        classNames,\n        withStaticClass: false,\n      })}\n      tabIndex={-1}\n      data-menu-dropdown\n    >\n      {children}\n    </Popover.Dropdown>\n  );\n});\n\nMenuSubDropdown.classes = classes;\nMenuSubDropdown.displayName = '@mantine/core/MenuSubDropdown';\n"],"mappings":";;;;;;;;;;;;;AA4BA,MAAa,kBAAkBA,gBAAAA,SAAiC,UAAU;CACxE,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,cACA,cACA,WACA,UACA,KACA,GAAG,WACDC,kBAAAA,SAAS,mBAAmB,MAAM,MAAM;CAE5C,MAAM,cAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,MAAMC,qBAAAA,gBAAgB;CAC5B,MAAM,UAAA,GAAA,MAAA,KAAaC,wBAAAA,eAAe;CAElC,MAAM,mBAAmBC,6BAAAA,mBAAwB,cAAc,QAAQ,KAAK;CAE5E,MAAM,mBAAmBA,6BAAAA,mBAAwB,cAAc,QAAQ,MAAM;AAE7E,QACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,QAAQ,UAAT;EACE,GAAI;EACJ,cAAc;EACd,cAAc;EACd,MAAK;EACL,oBAAiB;EACjB,MAAA,GAAA,eAAA,cAAkB,KAAK,WAAW;EAClC,GAAI,IAAI,UAAU,YAAY;GAC5B;GACA;GACA;GACA;GACA,iBAAiB;GAClB,CAAC;EACF,UAAU;EACV,sBAAA;EAEC;EACgB,CAAA;EAErB;AAEF,gBAAgB,UAAUC,oBAAAA;AAC1B,gBAAgB,cAAc"}