@pega/cosmos-react-core 2.0.0-dev.2.0 → 2.0.0-dev.21.1

package/lib/components/Menu/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../src/components/Menu/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIV,UAAU,EACV,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,EACR,OAAO,EACR,MAAM,OAAO,CAAC;AAGf,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,OAAO,MAAM,YAAY,CAAC;AAGjC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,iBAAiB,GAAG,CAAC,QAA6B,EAAE,IAAa,EAAE,EAAE;IACzE,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAoB,eAAe,CAAC,CAAC;IAChF,IAAI,YAAY,EAAE;QAChB,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC9B;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAoD,UAAU,CAC1E,CAAC,EAAE,KAAK,EAAE,MAAM,EAAkC,EAAE,GAAyB,EAAE,EAAE;IAC/E,MAAM,kBAAkB,GAAyC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC7C,MAAM,cAAc,GAA+C,MAAM,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAuB,CAAC;IACxE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACf,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE5B,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE;;QAChD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY;YAAE,OAAO;QAC7C,kBAAkB,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC;QAC3D,YAAY,CACV,OAAO,CAAC,OAAO,EACf,kBAAkB,CAAC,OAAsB,EACzC,KAAK,CAAC,MAAM,EACZ,QAAQ,CACT,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM;YAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,YAAY,EAAE;YAChB,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAwB,CAAC,CAAC,CAAC,QAAQ;SAClG;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1B,qBAAqB,CAAC,GAAG,EAAE;QACzB,IAAI,aAAa,EAAE;YACjB,wEAAwE;YACxE,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,SAAS,CAAA,EAAA,CACvF,CAAC;YAEF,IAAI,QAAQ,EAAE;gBACZ,eAAe,CAAC,QAA+B,CAAC,CAAC;gBACjD,uBAAuB,EAAE,CAAC;aAC3B;SACF;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACtB,OAAO,CACL,oBAAC,QAAQ,OACH,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,QAAQ,EACN,IAAI,CAAC,KAAK;wBACR,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;;4BACR,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,aAAkC,CAAC;4BAC9D,eAAe,CAAC,IAA2B,CAAC,CAAC,CAAC,QAAQ;4BACtD,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,+CADgC,QAAQ;4BACtD,IAAI,EAAa,EAAE,EAAE,CAAC,CAAC,CAAC;4BACxB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,EAAE,EAAE,CAAC,CAAC,CAAC;4BACtB,uBAAuB,EAAE,CAAC;wBAC5B,CAAC;wBACH,CAAC,CAAC,SAAS,GAEf,CACH,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,oBAAC,OAAO,IAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,IAAI,GAAG,CAAC;SACzD;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,IAAI,GAAG,CACX,oBAAC,cAAc,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM;QACpC,WAAW;QACX,OAAO,IAAI,CAAC,YAAY,IAAI,CAC3B,oBAAC,iBAAiB;YAChB,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,GAAG,CACZ,CACrB,CACc,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,mBACQ,CAAC,CAAC,YAAY,EAC3B,EAAE,EAAE,uBAAuB,EAC3B,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EACxC,QAAQ,EAAE,CAAC,CAAC,YAAY,EACxB,YAAY,EAAE,GAAG,EAAE;gBACjB,IAAI,MAAM,EAAE;oBACV,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;iBAC/B;gBAED,IAAI,OAAO,CAAC,OAAO,EAAE;oBACnB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;iBACrC;YACH,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;gBAChB,IAAI,MAAM,EAAE;oBACV,iBAAiB,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC,EACD,aAAa,EAAE,GAAG,EAAE;gBAClB,IAAI,MAAM,IAAI,kBAAkB,CAAC,OAAO,EAAE;oBACxC,iBAAiB,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oBACpC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;oBAC9B,YAAY,CACV,MAAM,CAAC,EAAE,EACT,kBAAkB,CAAC,OAAO,EAC1B,MAAM,CAAC,YAAY,CAAC,MAAM,EAC1B,QAAQ,CACT,CAAC;iBACH;gBAED,IAAI,OAAO,CAAC,OAAO,EAAE;oBACnB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;iBACrC;YACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,IAAI,MAAM,EAAE;oBACV,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC;oBAChD,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;oBAElC,IAAI,SAAS,EAAE;wBACb,gBAAgB,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;qBAC5C;oBAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACjC,uBAAuB,EAAE,CAAC;iBAC3B;YACH,CAAC;YAEA,MAAM,IAAI,CACT,oBAAC,cAAc,IACb,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EACzB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;gBACjB,CAAC,GACD,CACH;YAEA,IAAI,CACE;QAER,YAAY,IAAI,OAAO,CAAC,OAAO,IAAI,CAClC,oBAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,MAAM,EAAE;gBACN,EAAE,EAAE,OAAO,CAAC,OAAO;gBACnB,IAAI,EAAE,YAAY;gBAClB,YAAY,EAAE,KAAK;gBACnB,eAAe;gBACf,cAAc;aACf,GACD,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React, {\n  forwardRef,\n  FunctionComponent,\n  MutableRefObject,\n  PropsWithoutRef,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useMemo\n} from 'react';\n\nimport { ForwardProps } from '../../types';\nimport Drawer from '../Drawer';\nimport { useAfterInitialEffect, useConsolidatedRef, useItemIntersection } from '../../hooks';\nimport Progress from '../Progress';\nimport NoItems from '../NoItems';\n\nimport { MenuListProps, ParentMenuItemProps } from './Menu.types';\nimport MenuContext from './Menu.context';\nimport MenuListHeader from './MenuListHeader';\nimport MenuItem from './MenuItem';\nimport helpers from './helpers';\nimport { StyledLoadingItem, StyledMenuList, StyledMenuListContainer } from './Menu.styles';\nimport { resizeRootEl } from './NavItemsList';\n\nconst setParentDisabled = (fieldset: HTMLFieldSetElement, bool: boolean) => {\n  fieldset.disabled = bool;\n  const legendButton = fieldset.querySelector<HTMLButtonElement>('legend button');\n  if (legendButton) {\n    legendButton.disabled = bool;\n  }\n};\n\nconst MenuList: FunctionComponent<MenuListProps & ForwardProps> = forwardRef(\n  ({ items, parent }: PropsWithoutRef<MenuListProps>, ref: MenuListProps['ref']) => {\n    const menuListWrapperRef: MutableRefObject<HTMLElement | null> = useRef(null);\n    const selfRef = useConsolidatedRef(ref);\n    const ulRef = useRef<HTMLUListElement>(null);\n    const returnFocusRef: MutableRefObject<HTMLButtonElement | null> = useRef(null);\n    const [open, setOpen] = useState(!parent);\n    const [expandedItem, setExpandedItem] = useState<ParentMenuItemProps>();\n    const {\n      scrollAt,\n      loadMore,\n      loading,\n      emptyText,\n      currentItemId,\n      onItemExpand,\n      updateActiveDescendants,\n      setFocusReturnEl,\n      onItemCollapse\n    } = useContext(MenuContext);\n\n    useItemIntersection(ulRef, items.length - 1, () => {\n      loadMore?.(parent?.item?.id);\n    });\n\n    useLayoutEffect(() => {\n      if (!selfRef.current || expandedItem) return;\n      menuListWrapperRef.current = selfRef.current.parentElement;\n      resizeRootEl(\n        selfRef.current,\n        menuListWrapperRef.current as HTMLElement,\n        items.length,\n        scrollAt\n      );\n    });\n\n    useEffect(() => {\n      if (parent) setOpen(true);\n    }, []);\n\n    useAfterInitialEffect(() => {\n      if (expandedItem) {\n        setExpandedItem(items.find(item => item.id === expandedItem.id) as ParentMenuItemProps); // FIXME\n      }\n    }, [expandedItem, items]);\n\n    useAfterInitialEffect(() => {\n      if (currentItemId) {\n        // if there is ancestor item of the controlled item, set it to expanded.\n        const ancestor = items.find(\n          item => item.items?.length && helpers.getItem(item.items, currentItemId) !== undefined\n        );\n\n        if (ancestor) {\n          setExpandedItem(ancestor as ParentMenuItemProps);\n          updateActiveDescendants();\n        }\n      }\n    }, [currentItemId, items, parent]);\n\n    const listContent = useMemo(() => {\n      if (items.length) {\n        return items.map(item => {\n          return (\n            <MenuItem\n              {...item}\n              key={item.id}\n              onExpand={\n                item.items\n                  ? (id, e) => {\n                      returnFocusRef.current = e.currentTarget as HTMLButtonElement;\n                      setExpandedItem(item as ParentMenuItemProps); // FIXME\n                      item?.onExpand?.(id, e);\n                      onItemExpand?.(id, e);\n                      updateActiveDescendants();\n                    }\n                  : undefined\n              }\n            />\n          );\n        });\n      }\n\n      if (!loading) {\n        return <NoItems message={emptyText} forwardedAs='li' />;\n      }\n\n      return null;\n    }, [items, loading, emptyText]);\n\n    const list = (\n      <StyledMenuList ref={ulRef} role='menu'>\n        {listContent}\n        {loading && !expandedItem && (\n          <StyledLoadingItem>\n            <Progress placement='local' />\n          </StyledLoadingItem>\n        )}\n      </StyledMenuList>\n    );\n\n    return (\n      <>\n        <Drawer\n          aria-hidden={!!expandedItem}\n          as={StyledMenuListContainer}\n          ref={selfRef}\n          open={open}\n          style={{ opacity: expandedItem ? 0 : 1 }}\n          disabled={!!expandedItem}\n          onBeforeOpen={() => {\n            if (parent) {\n              parent.el.style.opacity = '0';\n            }\n\n            if (selfRef.current) {\n              selfRef.current.style.opacity = '1';\n            }\n          }}\n          onAfterOpen={() => {\n            if (parent) {\n              setParentDisabled(parent.el, true);\n            }\n          }}\n          onBeforeClose={() => {\n            if (parent && menuListWrapperRef.current) {\n              setParentDisabled(parent.el, false);\n              parent.el.style.opacity = '1';\n              resizeRootEl(\n                parent.el,\n                menuListWrapperRef.current,\n                parent.siblingItems.length,\n                scrollAt\n              );\n            }\n\n            if (selfRef.current) {\n              selfRef.current.style.opacity = '0';\n            }\n          }}\n          onAfterClose={() => {\n            if (parent) {\n              const expandBtn = parent.returnFocusRef.current;\n              parent.setExpandedItem(undefined);\n\n              if (expandBtn) {\n                setFocusReturnEl(expandBtn?.closest('li'));\n              }\n\n              onItemCollapse?.(parent.item.id);\n              updateActiveDescendants();\n            }\n          }}\n        >\n          {parent && (\n            <MenuListHeader\n              text={parent.item.primary}\n              onClick={() => {\n                setOpen(false);\n              }}\n            />\n          )}\n\n          {list}\n        </Drawer>\n\n        {expandedItem && selfRef.current && (\n          <MenuList\n            items={expandedItem.items}\n            parent={{\n              el: selfRef.current,\n              item: expandedItem,\n              siblingItems: items,\n              setExpandedItem,\n              returnFocusRef\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport default MenuList;\n"]}
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../src/components/Menu/MenuList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  MutableRefObject,\n  PropsWithoutRef,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useMemo,\n  Fragment,\n  useCallback,\n  MouseEvent\n} from 'react';\n\nimport { ForwardProps } from '../../types';\nimport Drawer from '../Drawer';\nimport {\n  useAfterInitialEffect,\n  useConsolidatedRef,\n  useItemIntersection,\n  useDirection\n} from '../../hooks';\nimport Progress from '../Progress';\nimport EmptyState from '../EmptyState';\n\nimport type {\n  AcceptedMouseEventElement,\n  MenuListProps,\n  ParentMenuItemProps,\n  MenuItemProps\n} from './Menu.types';\nimport MenuContext from './Menu.context';\nimport MenuListHeader from './MenuListHeader';\nimport MenuItem from './MenuItem';\nimport helpers from './helpers';\nimport {\n  StyledLoadingItem,\n  StyledMenuList,\n  StyledMenuListContainer,\n  StyledSeparator\n} from './Menu.styles';\nimport { resizeRootEl } from './NavItemsList';\nimport MenuGroup from './MenuGroup';\n\nconst setParentDisabled = (fieldset: HTMLFieldSetElement, bool: boolean) => {\n  fieldset.disabled = bool;\n  const legendButton = fieldset.querySelector<HTMLButtonElement>('legend button');\n  if (legendButton) {\n    legendButton.disabled = bool;\n  }\n};\n\nconst MenuList: FunctionComponent<MenuListProps & ForwardProps> = forwardRef(\n  ({ items, parent }: PropsWithoutRef<MenuListProps>, ref: MenuListProps['ref']) => {\n    const menuListWrapperRef: MutableRefObject<HTMLElement | null> = useRef(null);\n    const selfRef = useConsolidatedRef(ref);\n    const ulRef = useRef<HTMLUListElement>(null);\n    const returnFocusRef: MutableRefObject<HTMLButtonElement | null> = useRef(null);\n    const [open, setOpen] = useState(!parent);\n    const [expandedItem, setExpandedItem] = useState<ParentMenuItemProps>();\n    const {\n      scrollAt,\n      loadMore,\n      loading,\n      emptyText,\n      currentItemId,\n      onItemExpand,\n      focusControl,\n      updateActiveDescendants,\n      setFocusReturnEl,\n      onItemCollapse\n    } = useContext(MenuContext);\n    const { end } = useDirection();\n\n    useItemIntersection(ulRef, items.length - 1, () => {\n      if (!loading) loadMore?.(parent?.item?.id);\n    });\n\n    useLayoutEffect(() => {\n      if (!selfRef.current || expandedItem) return;\n      menuListWrapperRef.current = selfRef.current.parentElement;\n      resizeRootEl(\n        selfRef.current,\n        menuListWrapperRef.current as HTMLElement,\n        items.length,\n        scrollAt\n      );\n    });\n\n    useEffect(() => {\n      if (parent) setOpen(true);\n    }, []);\n\n    useAfterInitialEffect(() => {\n      if (expandedItem) {\n        setExpandedItem(items.find(item => item.id === expandedItem.id) as ParentMenuItemProps); // FIXME\n      }\n    }, [expandedItem, items]);\n\n    useAfterInitialEffect(() => {\n      if (currentItemId) {\n        // if there is ancestor item of the controlled item, set it to expanded.\n        const ancestor = items.find(\n          item => item.items?.length && helpers.getItem(item.items, currentItemId) !== undefined\n        );\n\n        if (ancestor) {\n          setExpandedItem(ancestor as ParentMenuItemProps);\n          updateActiveDescendants({ preventScroll: true });\n        }\n      }\n    }, [currentItemId, items, parent]);\n\n    const onExpandCallback = useCallback(\n      (id: MenuItemProps['id'], e: MouseEvent<AcceptedMouseEventElement>) => {\n        const item = helpers.getItem(items, id);\n        returnFocusRef.current = e.currentTarget as HTMLButtonElement;\n        setExpandedItem(item as ParentMenuItemProps); // FIXME\n        item?.onExpand?.(id, e);\n        onItemExpand?.(id, e);\n        updateActiveDescendants({ preventScroll: true });\n      },\n      [items]\n    );\n\n    const listContent = useMemo(() => {\n      if (items.length) {\n        return items.map((item, index) => {\n          return helpers.isItem(item) ? (\n            <MenuItem\n              {...item}\n              key={item.id}\n              onExpand={item.items ? onExpandCallback : undefined}\n            />\n          ) : (\n            <Fragment key={item.id}>\n              <MenuGroup {...item} />\n              {items[index + 1] && helpers.isItem(items[index + 1]) && (\n                <StyledSeparator role='separator' />\n              )}\n            </Fragment>\n          );\n        });\n      }\n\n      if (!loading) {\n        return <EmptyState message={emptyText} forwardedAs='li' />;\n      }\n\n      return null;\n    }, [items, loading, emptyText]);\n\n    const list = (\n      <StyledMenuList ref={ulRef} role='menu'>\n        {listContent}\n        {loading && !expandedItem && (\n          <StyledLoadingItem>\n            <Progress placement='local' />\n          </StyledLoadingItem>\n        )}\n      </StyledMenuList>\n    );\n\n    return (\n      <>\n        <Drawer\n          aria-hidden={!!expandedItem}\n          as={StyledMenuListContainer}\n          ref={selfRef}\n          open={open}\n          style={{ opacity: expandedItem ? 0 : 1 }}\n          disabled={!!expandedItem}\n          placement={end}\n          onBeforeOpen={() => {\n            if (parent) {\n              parent.el.style.opacity = '0';\n            }\n\n            if (selfRef.current) {\n              selfRef.current.style.opacity = '1';\n            }\n          }}\n          onAfterOpen={() => {\n            if (parent) {\n              setParentDisabled(parent.el, true);\n            }\n          }}\n          onBeforeClose={() => {\n            if (parent && menuListWrapperRef.current) {\n              setParentDisabled(parent.el, false);\n              parent.el.style.opacity = '1';\n              resizeRootEl(\n                parent.el,\n                menuListWrapperRef.current,\n                parent.siblingItems.length,\n                scrollAt\n              );\n            }\n\n            if (selfRef.current) {\n              selfRef.current.style.opacity = '0';\n            }\n          }}\n          onAfterClose={() => {\n            if (parent) {\n              focusControl?.focus();\n\n              const expandBtn = parent.returnFocusRef.current;\n              parent.setExpandedItem(undefined);\n\n              if (expandBtn) {\n                setFocusReturnEl(expandBtn?.closest('li'));\n              }\n\n              onItemCollapse?.(parent.item.id);\n              updateActiveDescendants();\n            }\n          }}\n        >\n          {parent && (\n            <MenuListHeader\n              text={parent.item.primary}\n              onClick={() => {\n                setOpen(false);\n              }}\n            />\n          )}\n\n          {list}\n        </Drawer>\n\n        {expandedItem && selfRef.current && (\n          <MenuList\n            items={expandedItem.items}\n            parent={{\n              el: selfRef.current,\n              item: expandedItem,\n              siblingItems: items,\n              setExpandedItem,\n              returnFocusRef\n            }}\n          />\n        )}\n      </>\n    );\n  }\n);\n\nexport default MenuList;\n"]}

package/lib/components/Menu/MenuListHeader.d.ts

@@ -1,7 +1,6 @@
 import { FunctionComponent } from 'react';
 import { ForwardProps } from '../../types';
 import { MenuListHeaderProps } from './Menu.types';
-export declare const StyledMenuListHeader: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {}, never>;
 declare const MenuListHeader: FunctionComponent<MenuListHeaderProps & ForwardProps>;
 export default MenuListHeader;
 //# sourceMappingURL=MenuListHeader.d.ts.map

package/lib/components/Menu/MenuListHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuListHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAA0C,MAAM,OAAO,CAAC;AAMzF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,eAAO,MAAM,oBAAoB,4GAgD/B,CAAC;AAIH,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAgCzE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MenuListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA0C,MAAM,OAAO,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAkCzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/Menu/MenuListHeader.js

@@ -1,74 +1,25 @@
-import React, { useCallback, useContext } from 'react';
-import styled, { css } from 'styled-components';
-import { mix } from 'polished';
-import Icon, { StyledIcon } from '../Icon';
-import { defaultThemeProp } from '../../theme';
-import { useTheme, useI18n } from '../../hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useContext } from 'react';
+import Icon from '../Icon';
+import { useI18n, useDirection } from '../../hooks';
 import Flex from '../Flex';
-import BareButton, { StyledBareButton } from '../Button/BareButton';
+import BareButton from '../Button/BareButton';
 import SummaryItem from '../SummaryItem';
-import { StyledGrid } from '../Grid';
-import { tryCatch } from '../../utils';
+import { cap } from '../../utils';
 import MenuContext from './Menu.context';
-export const StyledMenuListHeader = styled.legend(({ theme: { base } }) => {
-    const hoverColor = tryCatch(() => mix(0.85, base.palette['primary-background'], base.palette.interactive));
-    return css `
-    width: 100%;
-    background-color: ${base.palette['primary-background']};
-
-    &:first-child {
-      border-top-left-radius: inherit;
-      border-top-right-radius: inherit;
-    }
-    &:last-child {
-      border-bottom-left-radius: inherit;
-      border-bottom-right-radius: inherit;
-    }
-
-    &:focus-within {
-      box-shadow: inset ${base.shadow.focus};
-      background-color: ${hoverColor};
-    }
-
-    &:hover {
-      background-color: ${hoverColor};
-    }
-
-    & > ${StyledBareButton}, & > button {
-      color: ${base.palette['foreground-color']};
-      width: 100%;
-      padding: calc(0.5 * ${base.spacing}) ${base.spacing};
-      text-align: start;
-      border-radius: inherit;
-
-      > ${StyledGrid} {
-        grid-column-gap: ${base.spacing};
-      }
-
-      ${StyledIcon} {
-        /* Fixes vertical align issue increasing box size beyond square */
-        display: block;
-      }
-    }
-
-    > button[aria-current='true'] {
-      background-color: ${hoverColor};
-    }
-  `;
-});
-StyledMenuListHeader.defaultProps = defaultThemeProp;
+import { StyledMenuListHeader } from './Menu.styles';
 const MenuListHeader = ({ text, onClick }) => {
     const t = useI18n();
-    const theme = useTheme();
     const { arrowNavigationUnsupported } = useContext(MenuContext);
+    const { start } = useDirection();
     const onKeyDown = useCallback((ev) => {
-        if (ev.key === 'Enter' || ev.key === `Arrow${theme.base.rtl ? 'Right' : 'Left'}`) {
+        if (ev.key === 'Enter' || ev.key === `Arrow${cap(start)}`) {
             onClick();
         }
-    }, [onClick]);
-    return (React.createElement(Flex, { container: { alignItems: 'center' }, as: StyledMenuListHeader },
-        React.createElement(BareButton, { onClick: onClick, onKeyDown: onKeyDown, "data-collapse": 'true', "aria-expanded": 'true', "aria-label": `${t('collapse_noun', text || '')} ${arrowNavigationUnsupported ? t('menu_item_collapse_enter') : t('menu_item_collapse_arrow')}` },
-            React.createElement(SummaryItem, { visual: React.createElement(Icon, { name: 'caret-left' }), primary: text }))));
+    }, [onClick, start]);
+    return (_jsx(Flex, { container: { alignItems: 'center' }, as: StyledMenuListHeader, children: _jsx(BareButton, { onClick: onClick, onKeyDown: onKeyDown, "data-collapse": 'true', "aria-expanded": 'true', "aria-label": `${t('collapse_noun', [text || ''])} ${arrowNavigationUnsupported
+                ? t('menu_item_collapse_shift_space')
+                : t('menu_item_collapse_arrow')}`, children: _jsx(SummaryItem, { visual: _jsx(Icon, { name: `caret-${start}` }, void 0), primary: text }, void 0) }, void 0) }, void 0));
 };
 export default MenuListHeader;
 //# sourceMappingURL=MenuListHeader.js.map

package/lib/components/Menu/MenuListHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListHeader.js","sourceRoot":"","sources":["../../../src/components/Menu/MenuListHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FunctionComponent, KeyboardEvent, useCallback, useContext } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport Icon, { StyledIcon } from '../Icon';\nimport { defaultThemeProp } from '../../theme';\nimport { ForwardProps } from '../../types';\nimport { useTheme, useI18n } from '../../hooks';\nimport Flex from '../Flex';\nimport BareButton, { StyledBareButton } from '../Button/BareButton';\nimport SummaryItem from '../SummaryItem';\nimport { StyledGrid } from '../Grid';\nimport { tryCatch } from '../../utils';\n\nimport { MenuListHeaderProps } from './Menu.types';\nimport MenuContext from './Menu.context';\n\nexport const StyledMenuListHeader = styled.legend(({ theme: { base } }) => {\n  const hoverColor = tryCatch(() =>\n    mix(0.85, base.palette['primary-background'], base.palette.interactive)\n  );\n\n  return css`\n    width: 100%;\n    background-color: ${base.palette['primary-background']};\n\n    &:first-child {\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    }\n    &:last-child {\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    }\n\n    &:focus-within {\n      box-shadow: inset ${base.shadow.focus};\n      background-color: ${hoverColor};\n    }\n\n    &:hover {\n      background-color: ${hoverColor};\n    }\n\n    & > ${StyledBareButton}, & > button {\n      color: ${base.palette['foreground-color']};\n      width: 100%;\n      padding: calc(0.5 * ${base.spacing}) ${base.spacing};\n      text-align: start;\n      border-radius: inherit;\n\n      > ${StyledGrid} {\n        grid-column-gap: ${base.spacing};\n      }\n\n      ${StyledIcon} {\n        /* Fixes vertical align issue increasing box size beyond square */\n        display: block;\n      }\n    }\n\n    > button[aria-current='true'] {\n      background-color: ${hoverColor};\n    }\n  `;\n});\n\nStyledMenuListHeader.defaultProps = defaultThemeProp;\n\nconst MenuListHeader: FunctionComponent<MenuListHeaderProps & ForwardProps> = ({\n  text,\n  onClick\n}) => {\n  const t = useI18n();\n  const theme = useTheme();\n  const { arrowNavigationUnsupported } = useContext(MenuContext);\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLLegendElement>) => {\n      if (ev.key === 'Enter' || ev.key === `Arrow${theme.base.rtl ? 'Right' : 'Left'}`) {\n        onClick();\n      }\n    },\n    [onClick]\n  );\n\n  return (\n    <Flex container={{ alignItems: 'center' }} as={StyledMenuListHeader}>\n      <BareButton\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        data-collapse='true'\n        aria-expanded='true'\n        aria-label={`${t('collapse_noun', text || '')} ${\n          arrowNavigationUnsupported ? t('menu_item_collapse_enter') : t('menu_item_collapse_arrow')\n        }`}\n      >\n        <SummaryItem visual={<Icon name='caret-left' />} primary={text} />\n      </BareButton>\n    </Flex>\n  );\n};\n\nexport default MenuListHeader;\n"]}
+{"version":3,"file":"MenuListHeader.js","sourceRoot":"","sources":["../../../src/components/Menu/MenuListHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoC,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAGlC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,cAAc,GAA0D,CAAC,EAC7E,IAAI,EACJ,OAAO,EACR,EAAE,EAAE;IACH,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,0BAA0B,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,EAAoC,EAAE,EAAE;QACvC,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE;YACzD,OAAO,EAAE,CAAC;SACX;IACH,CAAC,EACD,CAAC,OAAO,EAAE,KAAK,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,oBAAoB,YACjE,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,mBACN,MAAM,mBACN,MAAM,gBACR,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAC7C,0BAA0B;gBACxB,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC;gBACrC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAClC,EAAE,YAEF,KAAC,WAAW,IAAC,MAAM,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,KAAK,EAAE,WAAI,EAAE,OAAO,EAAE,IAAI,WAAI,WAC7D,WACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, KeyboardEvent, useCallback, useContext } from 'react';\n\nimport Icon from '../Icon';\nimport { ForwardProps } from '../../types';\nimport { useI18n, useDirection } from '../../hooks';\nimport Flex from '../Flex';\nimport BareButton from '../Button/BareButton';\nimport SummaryItem from '../SummaryItem';\nimport { cap } from '../../utils';\n\nimport { MenuListHeaderProps } from './Menu.types';\nimport MenuContext from './Menu.context';\nimport { StyledMenuListHeader } from './Menu.styles';\n\nconst MenuListHeader: FunctionComponent<MenuListHeaderProps & ForwardProps> = ({\n  text,\n  onClick\n}) => {\n  const t = useI18n();\n  const { arrowNavigationUnsupported } = useContext(MenuContext);\n  const { start } = useDirection();\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLLegendElement>) => {\n      if (ev.key === 'Enter' || ev.key === `Arrow${cap(start)}`) {\n        onClick();\n      }\n    },\n    [onClick, start]\n  );\n\n  return (\n    <Flex container={{ alignItems: 'center' }} as={StyledMenuListHeader}>\n      <BareButton\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        data-collapse='true'\n        aria-expanded='true'\n        aria-label={`${t('collapse_noun', [text || ''])} ${\n          arrowNavigationUnsupported\n            ? t('menu_item_collapse_shift_space')\n            : t('menu_item_collapse_arrow')\n        }`}\n      >\n        <SummaryItem visual={<Icon name={`caret-${start}`} />} primary={text} />\n      </BareButton>\n    </Flex>\n  );\n};\n\nexport default MenuListHeader;\n"]}

package/lib/components/Menu/NavItemsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavItemsList.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/NavItemsList.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,QAClB,mBAAmB,WACf,WAAW,aACT,MAAM,YACP,MAAM,SAyBjB,CAAC;;;;AAEF,wBAAgC"}
+{"version":3,"file":"NavItemsList.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/NavItemsList.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,QAClB,mBAAmB,WACf,WAAW,aACT,MAAM,YACP,MAAM,SAyBjB,CAAC;;;;AAEF,wBAAgC"}

package/lib/components/Menu/NavItemsList.js

@@ -1,12 +1,11 @@
 export const resizeRootEl = (ele, rootEle, itemCount, scrollAt) => {
-    var _a, _b, _c;
-    const hasLegend = !!((_a = ele.firstElementChild) === null || _a === void 0 ? void 0 : _a.matches('legend'));
+    const hasLegend = !!ele.firstElementChild?.matches('legend');
     const lastVisibleLI = ele.querySelectorAll(':scope > ul > li')[Math.max(Math.min(scrollAt - (hasLegend ? 2 : 1), itemCount - 1), 0)];
     let menuRootElHeight;
     if (lastVisibleLI) {
         const containerTop = ele.getBoundingClientRect().top;
         const lastVisibleLIRect = lastVisibleLI.getBoundingClientRect();
-        const ulScrollTop = (_c = (_b = ele.querySelector(':scope > ul')) === null || _b === void 0 ? void 0 : _b.scrollTop) !== null && _c !== void 0 ? _c : 0;
+        const ulScrollTop = ele.querySelector(':scope > ul')?.scrollTop ?? 0;
         let btm = lastVisibleLIRect.bottom;
         if (itemCount >= scrollAt) {
             btm = (lastVisibleLIRect.top + lastVisibleLIRect.bottom) / 2;

package/lib/components/Menu/NavItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItemsList.js","sourceRoot":"","sources":["../../../src/components/Menu/NavItemsList.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,GAAwB,EACxB,OAAoB,EACpB,SAAiB,EACjB,QAAgB,EAChB,EAAE;;IACF,MAAM,SAAS,GAAG,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,iBAAiB,0CAAE,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAC;IAC7D,MAAM,aAAa,GACjB,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CACtC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CACrE,CAAC;IAEJ,IAAI,gBAAoC,CAAC;IACzC,IAAI,aAAa,EAAE;QACjB,MAAM,YAAY,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;QACrD,MAAM,iBAAiB,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,MAAA,MAAA,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,0CAAE,SAAS,mCAAI,CAAC,CAAC;QAErE,IAAI,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC;QACnC,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,GAAG,GAAG,CAAC,iBAAiB,CAAC,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SAC9D;QAED,gBAAgB,GAAG,GAAG,GAAG,YAAY,GAAG,WAAW,CAAC;KACrD;IAED,qBAAqB,CAAC,GAAG,EAAE;QACzB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,EAAE,YAAY,EAAE,CAAC","sourcesContent":["export const resizeRootEl = (\n  ele: HTMLFieldSetElement,\n  rootEle: HTMLElement,\n  itemCount: number,\n  scrollAt: number\n) => {\n  const hasLegend = !!ele.firstElementChild?.matches('legend');\n  const lastVisibleLI =\n    ele.querySelectorAll(':scope > ul > li')[\n      Math.max(Math.min(scrollAt - (hasLegend ? 2 : 1), itemCount - 1), 0)\n    ];\n\n  let menuRootElHeight: number | undefined;\n  if (lastVisibleLI) {\n    const containerTop = ele.getBoundingClientRect().top;\n    const lastVisibleLIRect = lastVisibleLI.getBoundingClientRect();\n    const ulScrollTop = ele.querySelector(':scope > ul')?.scrollTop ?? 0;\n\n    let btm = lastVisibleLIRect.bottom;\n    if (itemCount >= scrollAt) {\n      btm = (lastVisibleLIRect.top + lastVisibleLIRect.bottom) / 2;\n    }\n\n    menuRootElHeight = btm - containerTop + ulScrollTop;\n  }\n\n  requestAnimationFrame(() => {\n    rootEle.style.height = menuRootElHeight ? `${menuRootElHeight}px` : '';\n  });\n};\n\nexport default { resizeRootEl };\n"]}
+{"version":3,"file":"NavItemsList.js","sourceRoot":"","sources":["../../../src/components/Menu/NavItemsList.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,GAAwB,EACxB,OAAoB,EACpB,SAAiB,EACjB,QAAgB,EAChB,EAAE;IACF,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,aAAa,GACjB,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CACtC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CACrE,CAAC;IAEJ,IAAI,gBAAoC,CAAC;IACzC,IAAI,aAAa,EAAE;QACjB,MAAM,YAAY,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;QACrD,MAAM,iBAAiB,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC;QAErE,IAAI,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC;QACnC,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,GAAG,GAAG,CAAC,iBAAiB,CAAC,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SAC9D;QAED,gBAAgB,GAAG,GAAG,GAAG,YAAY,GAAG,WAAW,CAAC;KACrD;IAED,qBAAqB,CAAC,GAAG,EAAE;QACzB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,EAAE,YAAY,EAAE,CAAC","sourcesContent":["export const resizeRootEl = (\n  ele: HTMLFieldSetElement,\n  rootEle: HTMLElement,\n  itemCount: number,\n  scrollAt: number\n) => {\n  const hasLegend = !!ele.firstElementChild?.matches('legend');\n  const lastVisibleLI =\n    ele.querySelectorAll(':scope > ul > li')[\n      Math.max(Math.min(scrollAt - (hasLegend ? 2 : 1), itemCount - 1), 0)\n    ];\n\n  let menuRootElHeight: number | undefined;\n  if (lastVisibleLI) {\n    const containerTop = ele.getBoundingClientRect().top;\n    const lastVisibleLIRect = lastVisibleLI.getBoundingClientRect();\n    const ulScrollTop = ele.querySelector(':scope > ul')?.scrollTop ?? 0;\n\n    let btm = lastVisibleLIRect.bottom;\n    if (itemCount >= scrollAt) {\n      btm = (lastVisibleLIRect.top + lastVisibleLIRect.bottom) / 2;\n    }\n\n    menuRootElHeight = btm - containerTop + ulScrollTop;\n  }\n\n  requestAnimationFrame(() => {\n    rootEle.style.height = menuRootElHeight ? `${menuRootElHeight}px` : '';\n  });\n};\n\nexport default { resizeRootEl };\n"]}

package/lib/components/Menu/helpers.d.ts

@@ -1,20 +1,21 @@
-import { MenuProps, MenuItemProps } from './Menu.types';
+import { MenuProps, MenuObjectProps, MenuItemProps, MenuGroupProps } from './Menu.types';
 declare const helpers: {
-    getItem(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps | undefined;
-    getPath(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps[];
+    isItem(item: MenuItemProps | MenuGroupProps): item is MenuItemProps;
+    getItem(items: MenuProps['items'], id: MenuObjectProps['id']): MenuItemProps | undefined;
+    getPath(items: MenuProps['items'], id: MenuObjectProps['id']): MenuProps['items'];
     setItem(items: MenuProps['items'], id: MenuItemProps['id'], newItem: MenuItemProps): MenuProps['items'];
-    mapItem(items: MenuProps['items'], id: MenuItemProps['id'], fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps): MenuProps['items'];
-    mapTree(items: MenuProps['items'], fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps): MenuProps['items'];
-    flatten(items: MenuProps['items'], ancestors?: MenuItemProps[] | undefined): MenuProps['items'];
-    toggleSelected(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode'], bool?: boolean | undefined): MenuItemProps[];
-    selectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']): MenuItemProps[];
-    deselectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']): MenuItemProps[];
+    mapItem(items: MenuProps['items'], id: MenuItemProps['id'], fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps): MenuProps['items'];
+    mapTree(items: MenuProps['items'], fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps): MenuProps['items'];
+    flatten(items: MenuProps['items'], ancestors?: (MenuItemProps | MenuGroupProps)[] | undefined): MenuItemProps[];
+    toggleSelected(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode'], bool?: boolean | undefined): MenuProps['items'];
+    selectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']): MenuProps['items'];
+    deselectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']): MenuProps['items'];
     getSelected(items: MenuProps['items']): MenuItemProps[];
     prependTo(items: MenuProps['items'], newItems: MenuProps['items'], id?: string | undefined): MenuProps['items'];
     appendTo(items: MenuProps['items'], newItems: MenuProps['items'], id?: string | undefined): MenuProps['items'];
-    getNextItem(items: MenuItemProps[], itemId?: string | undefined): MenuItemProps | undefined;
-    getPrevItem(items: MenuItemProps[], itemId?: string | undefined): MenuItemProps | undefined;
-    getParentItem(items: MenuItemProps[], itemId?: string | undefined): MenuItemProps | undefined;
+    getNextItem(items: MenuProps['items'], itemId?: string | undefined): MenuItemProps | MenuGroupProps | undefined;
+    getPrevItem(items: MenuProps['items'], itemId?: string | undefined): MenuItemProps | MenuGroupProps | undefined;
+    getParentItem(items: MenuProps['items'], itemId?: string | undefined): MenuItemProps | MenuGroupProps | undefined;
 };
 export default helpers;
 //# sourceMappingURL=helpers.d.ts.map

package/lib/components/Menu/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,QAAA,MAAM,OAAO;mBACI,SAAS,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,GAAG,aAAa,GAAG,SAAS;mBAmBvE,SAAS,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,GAAG,aAAa,EAAE;mBAqBnE,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,WACd,aAAa,GACrB,SAAS,CAAC,OAAO,CAAC;mBAgBZ,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,aACZ,aAAa,SAAS,MAAM,SAAS,aAAa,EAAE,KAAK,aAAa,GAChF,SAAS,CAAC,OAAO,CAAC;mBAoBZ,SAAS,CAAC,OAAO,CAAC,aACd,aAAa,SAAS,MAAM,SAAS,aAAa,EAAE,KAAK,aAAa,GAChF,SAAS,CAAC,OAAO,CAAC;mBAeN,SAAS,CAAC,OAAO,CAAC,4CAAmC,SAAS,CAAC,OAAO,CAAC;0BAe7E,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,SAChB,SAAS,CAAC,MAAM,CAAC;sBAsBR,SAAS,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC;wBAInE,SAAS,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC;uBAItE,SAAS,CAAC,OAAO,CAAC;qBAe5B,SAAS,CAAC,OAAO,CAAC,YACf,SAAS,CAAC,OAAO,CAAC,4BAE3B,SAAS,CAAC,OAAO,CAAC;oBAWZ,SAAS,CAAC,OAAO,CAAC,YACf,SAAS,CAAC,OAAO,CAAC,4BAE3B,SAAS,CAAC,OAAO,CAAC;uBAUF,aAAa,EAAE,gCAAiC,aAAa,GAAG,SAAS;uBAUzE,aAAa,EAAE,gCAAiC,aAAa,GAAG,SAAS;yBAUvE,aAAa,EAAE,gCAAiC,aAAa,GAAG,SAAS;CAK/F,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzF,QAAA,MAAM,OAAO;iBACE,aAAa,GAAG,cAAc;mBAI5B,SAAS,CAAC,OAAO,CAAC,MAAM,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,GAAG,SAAS;mBAmBzE,SAAS,CAAC,OAAO,CAAC,MAAM,eAAe,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC;mBAqBxE,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,WACd,aAAa,GACrB,SAAS,CAAC,OAAO,CAAC;mBAgBZ,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,aACZ,aAAa,SAAS,MAAM,SAAS,SAAS,CAAC,OAAO,CAAC,KAAK,aAAa,GACnF,SAAS,CAAC,OAAO,CAAC;mBAoBZ,SAAS,CAAC,OAAO,CAAC,aACd,aAAa,SAAS,MAAM,SAAS,SAAS,CAAC,OAAO,CAAC,KAAK,aAAa,GACnF,SAAS,CAAC,OAAO,CAAC;mBAeN,SAAS,CAAC,OAAO,CAAC,+DAAmC,aAAa,EAAE;0BAkB1E,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,SAChB,SAAS,CAAC,MAAM,CAAC,+BAEvB,SAAS,CAAC,OAAO,CAAC;sBAuBZ,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,SAChB,SAAS,CAAC,MAAM,CAAC,GACvB,SAAS,CAAC,OAAO,CAAC;wBAKZ,SAAS,CAAC,OAAO,CAAC,MACrB,aAAa,CAAC,IAAI,CAAC,SAChB,SAAS,CAAC,MAAM,CAAC,GACvB,SAAS,CAAC,OAAO,CAAC;uBAIF,SAAS,CAAC,OAAO,CAAC,GAAG,aAAa,EAAE;qBAc9C,SAAS,CAAC,OAAO,CAAC,YACf,SAAS,CAAC,OAAO,CAAC,4BAE3B,SAAS,CAAC,OAAO,CAAC;oBAWZ,SAAS,CAAC,OAAO,CAAC,YACf,SAAS,CAAC,OAAO,CAAC,4BAE3B,SAAS,CAAC,OAAO,CAAC;uBAWZ,SAAS,CAAC,OAAO,CAAC,gCAExB,aAAa,GAAG,cAAc,GAAG,SAAS;uBAWpC,SAAS,CAAC,OAAO,CAAC,gCAExB,aAAa,GAAG,cAAc,GAAG,SAAS;yBAWpC,SAAS,CAAC,OAAO,CAAC,gCAExB,aAAa,GAAG,cAAc,GAAG,SAAS;CAK9C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/Menu/helpers.js

@@ -1,8 +1,12 @@
+import { hasProp } from '../../utils';
 const helpers = {
+    isItem(item) {
+        return hasProp(item, 'primary');
+    },
     getItem(items, id) {
         let found;
         items.some(item => {
-            if (item.id === id) {
+            if (this.isItem(item) && item.id === id) {
                 found = item;
                 return true;
             }
@@ -32,7 +36,7 @@ const helpers = {
         return path;
     },
     setItem(items, id, newItem) {
-        return items.map(item => {
+        return items.map((item) => {
             if (item.id === id)
                 return { ...newItem };
             if (item.items) {
@@ -53,7 +57,7 @@ const helpers = {
                     items: this.mapItem(item.items, id, fn)
                 };
             }
-            if (item.id === id) {
+            if (this.isItem(newItem) && item.id === id) {
                 newItem = fn(newItem, index, array);
             }
             return newItem;
@@ -68,34 +72,40 @@ const helpers = {
                     items: this.mapTree(item.items, fn)
                 };
             }
-            return fn(newItem, index, array);
+            return this.isItem(newItem) ? fn(newItem, index, array) : newItem;
         });
     },
     flatten(items, ancestors) {
         return items.reduce((flatItems, item) => {
             if (item.items) {
-                return [
-                    ...flatItems,
-                    item,
-                    ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])
-                ];
+                return this.isItem(item)
+                    ? [
+                        ...flatItems,
+                        item,
+                        ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])
+                    ]
+                    : [...flatItems, ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])];
             }
-            return [...flatItems, ancestors ? { ...item, ancestors } : item];
+            return this.isItem(item)
+                ? [...flatItems, ancestors ? { ...item, ancestors } : item]
+                : flatItems;
         }, []);
     },
     toggleSelected(items, id, mode, bool) {
         return this.mapTree(items, item => {
-            if (item.id === id) {
-                return {
-                    ...item,
-                    selected: bool !== undefined ? bool : !item.selected
-                };
-            }
-            if (mode === 'single-select') {
-                return {
-                    ...item,
-                    selected: false
-                };
+            if (this.isItem(item)) {
+                if (item.id === id) {
+                    return {
+                        ...item,
+                        selected: bool !== undefined ? bool : !item.selected
+                    };
+                }
+                if (mode === 'single-select') {
+                    return {
+                        ...item,
+                        selected: false
+                    };
+                }
             }
             return item;
         });
@@ -108,7 +118,7 @@ const helpers = {
     },
     getSelected(items) {
         return items.reduce((selections, item) => {
-            if (item.selected) {
+            if (this.isItem(item) && item.selected) {
                 selections = [...selections, item];
             }
             if (item.items) {
@@ -119,25 +129,19 @@ const helpers = {
     },
     prependTo(items, newItems, id) {
         if (id) {
-            return this.mapItem(items, id, item => {
-                var _a;
-                return ({
-                    ...item,
-                    items: [...newItems, ...((_a = item.items) !== null && _a !== void 0 ? _a : [])]
-                });
-            });
+            return this.mapItem(items, id, item => ({
+                ...item,
+                items: [...newItems, ...(item.items ?? [])]
+            }));
         }
         return [...newItems, ...items];
     },
     appendTo(items, newItems, id) {
         if (id) {
-            return this.mapItem(items, id, item => {
-                var _a;
-                return ({
-                    ...item,
-                    items: [...((_a = item.items) !== null && _a !== void 0 ? _a : []), ...newItems]
-                });
-            });
+            return this.mapItem(items, id, item => ({
+                ...item,
+                items: [...(item.items ?? []), ...newItems]
+            }));
         }
         return [...items, ...newItems];
     },

package/lib/components/Menu/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuProps, MenuItemProps } from './Menu.types';\n\nconst helpers = {\n  getItem(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps | undefined {\n    let found;\n    items.some(item => {\n      if (item.id === id) {\n        found = item;\n        return true;\n      }\n\n      if (item.items) {\n        found = this.getItem(item.items, id);\n        return !!found;\n      }\n\n      return false;\n    });\n\n    return found;\n  },\n\n  getPath(items: MenuProps['items'], id: MenuItemProps['id']): MenuItemProps[] {\n    let path: MenuItemProps[] = [];\n    items.some(item => {\n      if (item.id === id) {\n        path = [item];\n        return true;\n      }\n\n      if (item.items) {\n        const innerPath = this.getPath(item.items, id);\n        if (innerPath.length) path = innerPath.concat(item);\n        return !!path.length;\n      }\n\n      return false;\n    });\n\n    return path;\n  },\n\n  setItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    newItem: MenuItemProps\n  ): MenuProps['items'] {\n    return items.map(item => {\n      if (item.id === id) return { ...newItem };\n\n      if (item.items) {\n        return {\n          ...item,\n          items: this.setItem(item.items, id, newItem)\n        };\n      }\n\n      return item;\n    });\n  },\n\n  mapItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapItem(item.items, id, fn)\n        };\n      }\n\n      if (item.id === id) {\n        newItem = fn(newItem, index, array);\n      }\n\n      return newItem;\n    });\n  },\n\n  mapTree(\n    items: MenuProps['items'],\n    fn: (item: MenuItemProps, index: number, array: MenuItemProps[]) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapTree(item.items, fn)\n        };\n      }\n\n      return fn(newItem, index, array);\n    });\n  },\n\n  flatten(items: MenuProps['items'], ancestors?: MenuProps['items']): MenuProps['items'] {\n    return items.reduce<MenuProps['items']>((flatItems, item) => {\n      if (item.items) {\n        return [\n          ...flatItems,\n          item,\n          ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])\n        ];\n      }\n\n      return [...flatItems, ancestors ? { ...item, ancestors } : item];\n    }, []);\n  },\n\n  toggleSelected(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode'],\n    bool?: boolean\n  ) {\n    return this.mapTree(items, item => {\n      if (item.id === id) {\n        return {\n          ...item,\n          selected: bool !== undefined ? bool : !item.selected\n        };\n      }\n\n      if (mode === 'single-select') {\n        return {\n          ...item,\n          selected: false\n        };\n      }\n\n      return item;\n    });\n  },\n\n  selectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']) {\n    return this.toggleSelected(items, id, mode, true);\n  },\n\n  deselectItem(items: MenuProps['items'], id: MenuItemProps['id'], mode?: MenuProps['mode']) {\n    return this.toggleSelected(items, id, mode, false);\n  },\n\n  getSelected(items: MenuProps['items']) {\n    return items.reduce<MenuProps['items']>((selections, item): MenuProps['items'] => {\n      if (item.selected) {\n        selections = [...selections, item];\n      }\n\n      if (item.items) {\n        selections = [...selections, ...this.getSelected(item.items)];\n      }\n\n      return selections;\n    }, []);\n  },\n\n  prependTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuItemProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...newItems, ...(item.items ?? [])]\n      }));\n    }\n    return [...newItems, ...items];\n  },\n\n  appendTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuItemProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...(item.items ?? []), ...newItems]\n      }));\n    }\n    return [...items, ...newItems];\n  },\n\n  getNextItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return items[0];\n    let nextItem: MenuItemProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      nextItem = list[index + 1];\n      return item;\n    });\n    return nextItem;\n  },\n\n  getPrevItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return items[0];\n    let prevItem: MenuItemProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      prevItem = list[index - 1];\n      return item;\n    });\n    return prevItem;\n  },\n\n  getParentItem(items: MenuItemProps[], itemId?: MenuItemProps['id']): MenuItemProps | undefined {\n    if (!itemId) return undefined;\n    const [, parentItem] = this.getPath(items, itemId);\n    return parentItem;\n  }\n};\n\nexport default helpers;\n"]}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { hasProp } from '../../utils';\n\nimport { MenuProps, MenuObjectProps, MenuItemProps, MenuGroupProps } from './Menu.types';\n\nconst helpers = {\n  isItem(item: MenuItemProps | MenuGroupProps): item is MenuItemProps {\n    return hasProp(item, 'primary');\n  },\n\n  getItem(items: MenuProps['items'], id: MenuObjectProps['id']): MenuItemProps | undefined {\n    let found: MenuItemProps | undefined;\n    items.some(item => {\n      if (this.isItem(item) && item.id === id) {\n        found = item;\n        return true;\n      }\n\n      if (item.items) {\n        found = this.getItem(item.items, id);\n        return !!found;\n      }\n\n      return false;\n    });\n\n    return found;\n  },\n\n  getPath(items: MenuProps['items'], id: MenuObjectProps['id']): MenuProps['items'] {\n    let path: (MenuItemProps | MenuGroupProps)[] = [];\n    items.some(item => {\n      if (item.id === id) {\n        path = [item];\n        return true;\n      }\n\n      if (item.items) {\n        const innerPath = this.getPath(item.items, id);\n        if (innerPath.length) path = innerPath.concat(item);\n        return !!path.length;\n      }\n\n      return false;\n    });\n\n    return path;\n  },\n\n  setItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    newItem: MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item: MenuItemProps | MenuGroupProps) => {\n      if (item.id === id) return { ...newItem };\n\n      if (item.items) {\n        return {\n          ...item,\n          items: this.setItem(item.items, id, newItem) as MenuItemProps[]\n        };\n      }\n\n      return item;\n    });\n  },\n\n  mapItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapItem(item.items, id, fn) as MenuItemProps[]\n        };\n      }\n\n      if (this.isItem(newItem) && item.id === id) {\n        newItem = fn(newItem, index, array);\n      }\n\n      return newItem;\n    });\n  },\n\n  mapTree(\n    items: MenuProps['items'],\n    fn: (item: MenuItemProps, index: number, array: MenuProps['items']) => MenuItemProps\n  ): MenuProps['items'] {\n    return items.map((item, index, array) => {\n      let newItem = item;\n\n      if (item.items) {\n        newItem = {\n          ...newItem,\n          items: this.mapTree(item.items, fn) as MenuItemProps[]\n        };\n      }\n\n      return this.isItem(newItem) ? fn(newItem, index, array) : newItem;\n    });\n  },\n\n  flatten(items: MenuProps['items'], ancestors?: MenuProps['items']): MenuItemProps[] {\n    return items.reduce<MenuItemProps[]>((flatItems, item) => {\n      if (item.items) {\n        return this.isItem(item)\n          ? [\n              ...flatItems,\n              item,\n              ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])\n            ]\n          : [...flatItems, ...this.flatten(item.items, ancestors ? [...ancestors, item] : [item])];\n      }\n      return this.isItem(item)\n        ? [...flatItems, ancestors ? { ...item, ancestors } : item]\n        : flatItems;\n    }, []);\n  },\n\n  toggleSelected(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode'],\n    bool?: boolean\n  ): MenuProps['items'] {\n    return this.mapTree(items, item => {\n      if (this.isItem(item)) {\n        if (item.id === id) {\n          return {\n            ...item,\n            selected: bool !== undefined ? bool : !item.selected\n          };\n        }\n\n        if (mode === 'single-select') {\n          return {\n            ...item,\n            selected: false\n          };\n        }\n      }\n\n      return item;\n    });\n  },\n\n  selectItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode']\n  ): MenuProps['items'] {\n    return this.toggleSelected(items, id, mode, true);\n  },\n\n  deselectItem(\n    items: MenuProps['items'],\n    id: MenuItemProps['id'],\n    mode?: MenuProps['mode']\n  ): MenuProps['items'] {\n    return this.toggleSelected(items, id, mode, false);\n  },\n\n  getSelected(items: MenuProps['items']): MenuItemProps[] {\n    return items.reduce<MenuItemProps[]>((selections, item) => {\n      if (this.isItem(item) && item.selected) {\n        selections = [...selections, item];\n      }\n\n      if (item.items) {\n        selections = [...selections, ...this.getSelected(item.items)];\n      }\n      return selections;\n    }, []);\n  },\n\n  prependTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuObjectProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...newItems, ...(item.items ?? [])]\n      }));\n    }\n    return [...newItems, ...items];\n  },\n\n  appendTo(\n    items: MenuProps['items'],\n    newItems: MenuProps['items'],\n    id?: MenuObjectProps['id']\n  ): MenuProps['items'] {\n    if (id) {\n      return this.mapItem(items, id, item => ({\n        ...item,\n        items: [...(item.items ?? []), ...newItems]\n      }));\n    }\n    return [...items, ...newItems];\n  },\n\n  getNextItem(\n    items: MenuProps['items'],\n    itemId?: MenuObjectProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return items[0];\n    let nextItem: MenuItemProps | MenuGroupProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      nextItem = list[index + 1];\n      return item;\n    });\n    return nextItem;\n  },\n\n  getPrevItem(\n    items: MenuProps['items'],\n    itemId?: MenuObjectProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return items[0];\n    let prevItem: MenuItemProps | MenuGroupProps | undefined;\n    this.mapItem(items, itemId, (item, index, list) => {\n      prevItem = list[index - 1];\n      return item;\n    });\n    return prevItem;\n  },\n\n  getParentItem(\n    items: MenuProps['items'],\n    itemId?: MenuItemProps['id']\n  ): MenuItemProps | MenuGroupProps | undefined {\n    if (!itemId) return undefined;\n    const [, parentItem] = this.getPath(items, itemId);\n    return parentItem;\n  }\n};\n\nexport default helpers;\n"]}

package/lib/components/Menu/index.d.ts

@@ -1,6 +1,5 @@
 export { default } from './Menu';
-export { StyledMenuItem } from './MenuItem';
-export { StyledMenuListWrapper } from './Menu';
-export { MenuItemProps, MenuProps } from './Menu.types';
+export { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';
+export { MenuItemProps, MenuProps, MenuGroupProps } from './Menu.types';
 export { default as menuHelpers } from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Menu/index.js

@@ -1,5 +1,4 @@
 export { default } from './Menu';
-export { StyledMenuItem } from './MenuItem';
-export { StyledMenuListWrapper } from './Menu';
+export { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';
 export { default as menuHelpers } from './helpers';
 //# sourceMappingURL=index.js.map

package/lib/components/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from './Menu';\nexport { StyledMenuItem } from './MenuItem';\nexport { StyledMenuListWrapper } from './Menu';\nexport { MenuItemProps, MenuProps } from './Menu.types';\nexport { default as menuHelpers } from './helpers';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from './Menu';\nexport { StyledMenuListWrapper, StyledMenuItem } from './Menu.styles';\nexport { MenuItemProps, MenuProps, MenuGroupProps } from './Menu.types';\nexport { default as menuHelpers } from './helpers';\n"]}

package/lib/components/MenuButton/MenuButton.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, MouseEventHandler, FocusEvent, Ref } from 'react';
+import { FunctionComponent, MouseEventHandler, KeyboardEventHandler } from 'react';
 import { BaseProps, ForwardProps, NoChildrenProp, OmitStrict } from '../../types';
 import { ButtonProps } from '../Button';
 import { PopoverProps } from '../Popover';
@@ -14,29 +14,22 @@ export interface MenuButtonProps extends BaseProps, NoChildrenProp {
     variant?: ButtonProps['variant'];
     /** The name of the icon for the MenuButton. */
     icon?: string;
-    /** Only display the icon. The text prop will be forwarded to the aria-label. */
+    /** Only display the icon. The text prop will be forwarded to a tooltip. */
     iconOnly?: ButtonProps['icon'];
-    /** The total count representing the list data which . */
+    /** The total count representing the list data which was selected. */
     count?: CountProps['children'];
     /** The click handler for the MenuButton. */
     onClick?: MouseEventHandler;
-    /** Fired when the button gains focus. */
-    onFocus?: (e: FocusEvent<HTMLButtonElement>) => void;
-    /** Fired when the button loses focus. */
-    onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;
-    /** Menu related props. @see {@link MenuProps} */
+    /** Menu related props. */
     menu?: MenuProps;
-    /** Popover related props. @see {@link PopoverProps} */
+    /** Popover related props. */
     popover?: OmitStrict<PopoverProps, 'show' | 'target' | 'children'>;
-    /** An imperative handle for external control of he menu. */
-    menuHandle?: Ref<{
-        open: () => void;
-        close: () => void;
-    }>;
     /** DOM id for the button element. */
     id?: string;
     /** Ref for the button element. */
     ref?: ButtonProps['ref'];
+    /** The keydown handler for the MenuButton. */
+    onKeyDown?: KeyboardEventHandler;
 }
 declare const MenuButton: FunctionComponent<ForwardProps & MenuButtonProps>;
 export default MenuButton;

package/lib/components/MenuButton/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAGZ,iBAAiB,EAEjB,iBAAiB,EAIjB,UAAU,EACV,GAAG,EAGJ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGlF,OAAe,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAC9D,OAAgB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAOlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,yDAAyD;IACzD,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,yCAAyC;IACzC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpD,iDAAiD;IACjD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACnE,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;QACf,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,KAAK,EAAE,MAAM,IAAI,CAAC;KACnB,CAAC,CAAC;IACH,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC1B;AAcD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,YAAY,GAAG,eAAe,CAmHjE,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EAEjB,iBAAiB,EAKjB,oBAAoB,EACrB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGlF,OAAe,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAC9D,OAAgB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAQlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,qEAAqE;IACrE,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC/B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,UAAU,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACnE,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAgBD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,YAAY,GAAG,eAAe,CAyGjE,CAAC;AAEF,eAAe,UAAU,CAAC"}