@redsift/pickers 11.5.0 → 11.6.0-alpha.0

package/_internal/Item2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item2.js","sources":["../../src/components/item/useMenuItem.ts","../../src/components/item/Item.tsx"],"sourcesContent":["import { useCallback, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { usePopoverContext } from '@redsift/popovers';\nimport { UseFocusWithinGroupProps, useFocusOnListItem } from '@redsift/design-system';\n\nexport function useMenuItem(props: {\n  domElementRef: RefObject<Element>;\n  id: string;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  isLinkMenuItem?: boolean;\n  linkRef?: RefObject<HTMLAnchorElement>;\n  hasPopup?: boolean;\n}): UseFocusWithinGroupProps & {\n  isDisabled?: boolean;\n} {\n  const { domElementRef, id, isDisabled, onClick, isLinkMenuItem, linkRef, hasPopup } = props;\n\n  const { handleOpen, hideInsteadOfClose, setHideInsteadOfClose } = usePopoverContext();\n  const {\n    tabIndex,\n    isFocused,\n    handleKeyDown: handleFocusKeyDown,\n    handleClick: handleFocusClick,\n  } = useFocusOnListItem({ domElementRef, isDisabled: isDisabled!, id });\n\n  useEffect(() => {\n    if (hasPopup && !hideInsteadOfClose) {\n      setHideInsteadOfClose?.(true);\n    }\n  }, [hasPopup, hideInsteadOfClose, setHideInsteadOfClose]);\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const code = event.code;\n    if (code === 'Enter' || code === 'Space') {\n      if (isLinkMenuItem) {\n        linkRef?.current?.click();\n      } else {\n        onClick?.();\n      }\n    }\n    handleFocusKeyDown(event);\n    handleOpen(false);\n  }, []);\n\n  const handleClick = useCallback(() => {\n    handleFocusClick();\n    onClick?.();\n    handleOpen(false);\n  }, []);\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current) {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused,\n    isDisabled,\n    handleKeyDown,\n    handleClick,\n  };\n}\n","import React, { forwardRef, RefObject, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport { useMenuItem } from './useMenuItem';\nimport { useMergeRefs } from '@redsift/popovers';\nimport {\n  ButtonsColorPalette,\n  Comp,\n  ConditionalWrapper,\n  FocusWithinGroupContext,\n  isComponent,\n  StyledGradientBorder,\n  useTheme,\n  RenderedListboxItem,\n  ItemProps,\n  StyledItem,\n  useId,\n} from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'Item';\nconst CLASSNAME = 'redsift-item';\n\nconst RenderedMenuItem: Comp<Omit<ItemProps, 'value'>, HTMLElement> = forwardRef((props, ref) => {\n  const {\n    borderRadius = '0',\n    children,\n    className,\n    color: propsColor,\n    hasBorder,\n    id: propsId,\n    isActive,\n    isDisabled: propsIsDisabled,\n    isHovered,\n    theme: propsTheme,\n    onClick,\n    ...forwardedProps\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const _ref = useRef<HTMLElement>();\n  const divRef = useMergeRefs([ref, _ref]);\n  const linkRef = useRef<HTMLAnchorElement>(null);\n\n  const isLinkMenuItem = isComponent('Link')(children);\n  const { tabIndex, isFocused, isDisabled, handleKeyDown, handleClick } = useMenuItem({\n    domElementRef: _ref as RefObject<Element>,\n    id,\n    isDisabled: propsIsDisabled!,\n    onClick: onClick as any,\n    isLinkMenuItem,\n    linkRef,\n    hasPopup: props['aria-haspopup'] !== undefined,\n  });\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : 'primary';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  return (\n    <ConditionalWrapper\n      condition={isGradient}\n      wrapper={(children) => (\n        <StyledGradientBorder\n          $borderRadius={borderRadius}\n          $color={color}\n          $isActive={isActive}\n          $isDisabled={isDisabled}\n          $isHovered={isHovered}\n          $theme={theme}\n          width=\"auto\"\n        >\n          {children}\n        </StyledGradientBorder>\n      )}\n    >\n      <StyledItem\n        as=\"li\"\n        role={isLinkMenuItem ? 'none' : 'menuitem'}\n        {...forwardedProps}\n        id={id}\n        $borderRadius={borderRadius}\n        $color={color}\n        $hasBorder={hasBorder}\n        $hasCheckbox={false}\n        $isActive={isActive}\n        $isDisabled={isDisabled}\n        $isGradient={isGradient}\n        $isHovered={isHovered || isFocused}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(Item.className, className)}\n        onClick={isDisabled ? undefined : handleClick}\n        ref={divRef}\n        onKeyDown={handleKeyDown}\n        tabIndex={tabIndex}\n      >\n        {isLinkMenuItem\n          ? React.cloneElement(children, {\n              role: 'menuitem',\n              ref: linkRef,\n            })\n          : children}\n      </StyledItem>\n    </ConditionalWrapper>\n  );\n});\n\n/**\n * The Item component.\n */\nexport const Item: Comp<ItemProps, HTMLElement> = forwardRef((props, ref) => {\n  const { value } = props;\n  const focusContext = useContext(FocusWithinGroupContext);\n  const isListbox = focusContext.state.listRole === 'listbox';\n\n  if (!focusContext.state.filter) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  const { value: filterValue, type, caseSensitive } = focusContext.state.filter;\n\n  if (!filterValue) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    caseSensitive &&\n    ((type === 'startsWith' && value!.startsWith(filterValue)) ||\n      (type === 'contains' && value!.includes(filterValue)) ||\n      (type === 'endsWith' && value!.endsWith(filterValue)))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  } else if (\n    !caseSensitive &&\n    ((type === 'startsWith' && value!.toLowerCase().startsWith(filterValue.toLowerCase())) ||\n      (type === 'contains' && value!.toLowerCase().includes(filterValue.toLowerCase())) ||\n      (type === 'endsWith' && value!.toLowerCase().endsWith(filterValue.toLowerCase())))\n  ) {\n    return isListbox ? (\n      <RenderedListboxItem {...props} value={props.value!} ref={ref} />\n    ) : (\n      <RenderedMenuItem {...props} ref={ref} />\n    );\n  }\n\n  return null;\n});\nItem.className = CLASSNAME;\nItem.displayName = COMPONENT_NAME;\n"],"names":["useMenuItem","props","domElementRef","id","isDisabled","onClick","isLinkMenuItem","linkRef","hasPopup","handleOpen","hideInsteadOfClose","setHideInsteadOfClose","usePopoverContext","tabIndex","isFocused","handleKeyDown","handleFocusKeyDown","handleClick","handleFocusClick","useFocusOnListItem","useEffect","useCallback","event","code","_linkRef$current","current","click","_current","focus","COMPONENT_NAME","CLASSNAME","RenderedMenuItem","forwardRef","ref","borderRadius","children","className","color","propsColor","hasBorder","propsId","isActive","propsIsDisabled","isHovered","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","_ref","useRef","divRef","useMergeRefs","isComponent","undefined","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","React","createElement","ConditionalWrapper","condition","wrapper","StyledGradientBorder","$borderRadius","$color","$isActive","$isDisabled","$isHovered","$theme","width","StyledItem","_extends","as","role","$hasBorder","$hasCheckbox","$isGradient","classNames","Item","onKeyDown","cloneElement","value","focusContext","useContext","FocusWithinGroupContext","isListbox","state","listRole","filter","RenderedListboxItem","filterValue","type","caseSensitive","startsWith","endsWith","toLowerCase","displayName"],"mappings":"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"}

package/_internal/MenuButton.js

@@ -0,0 +1,75 @@
+import { a as _extends } from './_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { Popover } from '@redsift/popovers';
+import { a as MenuButtonContext, M as MenuButtonTrigger } from './MenuButtonTrigger.js';
+import { useTheme, ThemeProvider, FocusWithinGroup, Flexbox, Text, Theme } from '@redsift/design-system';
+import { M as MenuButtonContent } from './MenuButtonContent.js';
+
+const COMPONENT_NAME = 'MenuButton';
+const CLASSNAME = 'redsift-menu-button';
+
+/**
+ * The MenuButton component.
+ */
+const BaseMenuButton = props => {
+  const {
+    color,
+    description,
+    descriptionProps,
+    isDisabled,
+    label,
+    labelProps,
+    minWidth = 'trigger-width',
+    theme: propsTheme,
+    triggerClassName,
+    variant,
+    wrapperProps
+  } = props;
+  const theme = useTheme(propsTheme);
+
+  /** MenuButton context. */
+  const state = {
+    color,
+    isDisabled: isDisabled || false,
+    theme,
+    triggerClassName,
+    variant
+  };
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    value: {
+      theme
+    }
+  }, /*#__PURE__*/React.createElement(FocusWithinGroup, {
+    focusType: "virtual-focus",
+    listRole: "menu",
+    focusOnInit: false
+  }, /*#__PURE__*/React.createElement(MenuButtonContext.Provider, {
+    value: state
+  }, /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "0px"
+  }, wrapperProps), label && typeof label === 'string' ? /*#__PURE__*/React.createElement(Text, labelProps, label) : label ? label : null, /*#__PURE__*/React.createElement(Popover, _extends({
+    theme: theme,
+    overrideDisplayName: {
+      content: 'MenuButtonContent',
+      trigger: 'MenuButtonTrigger'
+    },
+    placement: "bottom-end",
+    minWidth: minWidth
+  }, props)), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Text, _extends({
+    theme: theme,
+    marginTop: "8px",
+    variant: "caption",
+    color: theme === Theme.light ? 'dark-grey' : 'white'
+  }, descriptionProps), description) : description ? description : null))));
+};
+BaseMenuButton.className = CLASSNAME;
+BaseMenuButton.displayName = COMPONENT_NAME;
+const MenuButton = Object.assign(BaseMenuButton, {
+  Trigger: MenuButtonTrigger,
+  Content: MenuButtonContent
+});
+
+export { BaseMenuButton as B, MenuButton as M };
+//# sourceMappingURL=MenuButton.js.map

package/_internal/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":["../../src/components/menu-button/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuButtonContent } from '../menu-button-content';\nimport { MenuButtonTrigger } from '../menu-button-trigger';\n\nimport { MenuButtonProps } from './types';\nimport { Popover } from '@redsift/popovers';\nimport { MenuButtonContext } from './context';\nimport { FocusWithinGroup, Flexbox, Text, Theme, useTheme, ThemeProvider } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButton';\nconst CLASSNAME = 'redsift-menu-button';\n\n/**\n * The MenuButton component.\n */\nexport const BaseMenuButton: React.FC<MenuButtonProps> & {\n  displayName?: string;\n  className?: string;\n} = (props) => {\n  const {\n    color,\n    description,\n    descriptionProps,\n    isDisabled,\n    label,\n    labelProps,\n    minWidth = 'trigger-width',\n    theme: propsTheme,\n    triggerClassName,\n    variant,\n    wrapperProps,\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  /** MenuButton context. */\n  const state = {\n    color,\n    isDisabled: isDisabled || false,\n    theme,\n    triggerClassName,\n    variant,\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <FocusWithinGroup focusType=\"virtual-focus\" listRole=\"menu\" focusOnInit={false}>\n        <MenuButtonContext.Provider value={state}>\n          <Flexbox flexDirection=\"column\" alignItems=\"flex-start\" gap=\"0px\" {...wrapperProps}>\n            {label && typeof label === 'string' ? <Text {...labelProps}>{label}</Text> : label ? label : null}\n            <Popover\n              theme={theme}\n              overrideDisplayName={{ content: 'MenuButtonContent', trigger: 'MenuButtonTrigger' }}\n              placement=\"bottom-end\"\n              minWidth={minWidth}\n              {...props}\n            />\n            {description && typeof description === 'string' ? (\n              <Text\n                theme={theme}\n                marginTop=\"8px\"\n                variant=\"caption\"\n                color={theme === Theme.light ? 'dark-grey' : 'white'}\n                {...descriptionProps}\n              >\n                {description}\n              </Text>\n            ) : description ? (\n              description\n            ) : null}\n          </Flexbox>\n        </MenuButtonContext.Provider>\n      </FocusWithinGroup>\n    </ThemeProvider>\n  );\n};\nBaseMenuButton.className = CLASSNAME;\nBaseMenuButton.displayName = COMPONENT_NAME;\n\nexport const MenuButton = Object.assign(BaseMenuButton, {\n  Trigger: MenuButtonTrigger,\n  Content: MenuButtonContent,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseMenuButton","props","color","description","descriptionProps","isDisabled","label","labelProps","minWidth","theme","propsTheme","triggerClassName","variant","wrapperProps","useTheme","state","React","createElement","ThemeProvider","value","FocusWithinGroup","focusType","listRole","focusOnInit","MenuButtonContext","Provider","Flexbox","_extends","flexDirection","alignItems","gap","Text","Popover","overrideDisplayName","content","trigger","placement","marginTop","Theme","light","className","displayName","MenuButton","Object","assign","Trigger","MenuButtonTrigger","Content","MenuButtonContent"],"mappings":";;;;;;;AASA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACaC,MAAAA,cAGZ,GAAIC,KAAK,IAAK;EACb,MAAM;IACJC,KAAK;IACLC,WAAW;IACXC,gBAAgB;IAChBC,UAAU;IACVC,KAAK;IACLC,UAAU;AACVC,IAAAA,QAAQ,GAAG,eAAe;AAC1BC,IAAAA,KAAK,EAAEC,UAAU;IACjBC,gBAAgB;IAChBC,OAAO;AACPC,IAAAA,YAAAA;AACF,GAAC,GAAGZ,KAAK,CAAA;AAET,EAAA,MAAMQ,KAAK,GAAGK,QAAQ,CAACJ,UAAU,CAAC,CAAA;;AAElC;AACA,EAAA,MAAMK,KAAK,GAAG;IACZb,KAAK;IACLG,UAAU,EAAEA,UAAU,IAAI,KAAK;IAC/BI,KAAK;IACLE,gBAAgB;AAChBC,IAAAA,OAAAA;GACD,CAAA;AAED,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEV,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9BO,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAA;AAACC,IAAAA,SAAS,EAAC,eAAe;AAACC,IAAAA,QAAQ,EAAC,MAAM;AAACC,IAAAA,WAAW,EAAE,KAAA;AAAM,GAAA,eAC7EP,KAAA,CAAAC,aAAA,CAACO,iBAAiB,CAACC,QAAQ,EAAA;AAACN,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,eACvCC,KAAA,CAAAC,aAAA,CAACS,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,aAAa,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,YAAY;AAACC,IAAAA,GAAG,EAAC,KAAA;AAAK,GAAA,EAAKjB,YAAY,CAAA,EAC/EP,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBAAGU,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAKxB,UAAU,EAAGD,KAAY,CAAC,GAAGA,KAAK,GAAGA,KAAK,GAAG,IAAI,eACjGU,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAAL,QAAA,CAAA;AACNlB,IAAAA,KAAK,EAAEA,KAAM;AACbwB,IAAAA,mBAAmB,EAAE;AAAEC,MAAAA,OAAO,EAAE,mBAAmB;AAAEC,MAAAA,OAAO,EAAE,mBAAA;KAAsB;AACpFC,IAAAA,SAAS,EAAC,YAAY;AACtB5B,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfP,KAAK,CACV,CAAC,EACDE,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,gBAC7Ca,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAAJ,QAAA,CAAA;AACHlB,IAAAA,KAAK,EAAEA,KAAM;AACb4B,IAAAA,SAAS,EAAC,KAAK;AACfzB,IAAAA,OAAO,EAAC,SAAS;IACjBV,KAAK,EAAEO,KAAK,KAAK6B,KAAK,CAACC,KAAK,GAAG,WAAW,GAAG,OAAA;AAAQ,GAAA,EACjDnC,gBAAgB,CAAA,EAEnBD,WACG,CAAC,GACLA,WAAW,GACbA,WAAW,GACT,IACG,CACiB,CACZ,CACL,CAAC,CAAA;AAEpB,EAAC;AACDH,cAAc,CAACwC,SAAS,GAAGzC,SAAS,CAAA;AACpCC,cAAc,CAACyC,WAAW,GAAG3C,cAAc,CAAA;AAEpC,MAAM4C,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAC5C,cAAc,EAAE;AACtD6C,EAAAA,OAAO,EAAEC,iBAAiB;AAC1BC,EAAAA,OAAO,EAAEC,iBAAAA;AACX,CAAC;;;;"}

package/_internal/MenuButtonContent.js

@@ -0,0 +1,68 @@
+import { a as _extends, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext } from 'react';
+import { getContainerProps, AppContainerContext, useTheme, partitionComponents, isComponent, Flexbox } from '@redsift/design-system';
+import { usePopoverContext, useMergeRefs, FloatingPortal, StyledPopoverContent, PopoverContent } from '@redsift/popovers';
+import classNames from 'classnames';
+import { M as MenuButtonContentMenu } from './MenuButtonContentMenu.js';
+import { M as MenuButtonContentHeader } from './MenuButtonContentHeader.js';
+import { M as MenuButtonContentFooter } from './MenuButtonContentFooter.js';
+
+const COMPONENT_NAME = 'MenuButtonContent';
+const CLASSNAME = 'redsift-menu-button-content';
+
+/**
+ * The MenuButtonContent component.
+ */
+const BaseMenuButtonContent = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    style
+  } = props;
+  const containerProps = getContainerProps(props);
+  const {
+    getFloatingProps,
+    isOpen,
+    refs,
+    strategy,
+    x,
+    y,
+    hideInsteadOfClose
+  } = usePopoverContext();
+  const popoverRef = useMergeRefs([refs.setFloating, ref]);
+  const appContainerState = useContext(AppContainerContext);
+  const theme = useTheme();
+  const [[header], [menu], [footer]] = partitionComponents(React.Children.toArray(children), [isComponent('MenuButtonContentHeader'), isComponent('MenuButtonContentMenu'), isComponent('MenuButtonContentFooter')]);
+  return /*#__PURE__*/React.createElement(FloatingPortal, {
+    root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
+  }, isOpen || hideInsteadOfClose ? /*#__PURE__*/React.createElement(StyledPopoverContent, _extends({
+    $theme: theme,
+    ref: popoverRef
+  }, getFloatingProps(props), {
+    style: _objectSpread2({
+      position: strategy,
+      top: y !== null && y !== void 0 ? y : 0,
+      left: x !== null && x !== void 0 ? x : 0,
+      display: hideInsteadOfClose && !isOpen ? 'none' : 'flex'
+    }, style),
+    className: classNames(PopoverContent.className, BaseMenuButtonContent.className, className)
+  }), !header && !menu && !footer ? /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "0px",
+    width: "100%"
+  }, containerProps), /*#__PURE__*/React.createElement(MenuButtonContentMenu, null, children)) : /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "0px",
+    width: "100%"
+  }, containerProps), header, menu, footer)) : null);
+});
+BaseMenuButtonContent.className = CLASSNAME;
+BaseMenuButtonContent.displayName = COMPONENT_NAME;
+const MenuButtonContent = Object.assign(BaseMenuButtonContent, {
+  Header: MenuButtonContentHeader,
+  Menu: MenuButtonContentMenu,
+  Footer: MenuButtonContentFooter
+});
+
+export { BaseMenuButtonContent as B, MenuButtonContent as M };
+//# sourceMappingURL=MenuButtonContent.js.map

package/_internal/MenuButtonContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContent.js","sources":["../../src/components/menu-button-content/MenuButtonContent.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\n\nimport {\n  AppContainerContext,\n  Comp,\n  Flexbox,\n  getContainerProps,\n  isComponent,\n  partitionComponents,\n  useTheme,\n} from '@redsift/design-system';\nimport { MenuButtonContentProps } from './types';\nimport {\n  FloatingPortal,\n  PopoverContent,\n  StyledPopoverContent,\n  useMergeRefs,\n  usePopoverContext,\n} from '@redsift/popovers';\nimport classNames from 'classnames';\nimport { MenuButtonContentFooter } from '../menu-button-content-footer';\nimport { MenuButtonContentHeader } from '../menu-button-content-header';\nimport { MenuButtonContentMenu } from '../menu-button-content-menu';\n\nconst COMPONENT_NAME = 'MenuButtonContent';\nconst CLASSNAME = 'redsift-menu-button-content';\n\n/**\n * The MenuButtonContent component.\n */\nexport const BaseMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, style } = props;\n  const containerProps = getContainerProps(props);\n\n  const { getFloatingProps, isOpen, refs, strategy, x, y, hideInsteadOfClose } = usePopoverContext();\n  const popoverRef = useMergeRefs([refs.setFloating, ref]);\n\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme();\n\n  const [[header], [menu], [footer]] = partitionComponents(React.Children.toArray(children), [\n    isComponent('MenuButtonContentHeader'),\n    isComponent('MenuButtonContentMenu'),\n    isComponent('MenuButtonContentFooter'),\n  ]);\n\n  return (\n    <FloatingPortal root={appContainerState?.appContainerRef.current}>\n      {isOpen || hideInsteadOfClose ? (\n        <StyledPopoverContent\n          $theme={theme!}\n          ref={popoverRef}\n          {...getFloatingProps(props)}\n          style={{\n            position: strategy,\n            top: y ?? 0,\n            left: x ?? 0,\n            display: hideInsteadOfClose && !isOpen ? 'none' : 'flex',\n            ...style,\n          }}\n          className={classNames(PopoverContent.className, BaseMenuButtonContent.className, className)}\n        >\n          {!header && !menu && !footer ? (\n            <Flexbox flexDirection=\"column\" gap=\"0px\" width=\"100%\" {...containerProps}>\n              <MenuButtonContentMenu>{children}</MenuButtonContentMenu>\n            </Flexbox>\n          ) : (\n            <Flexbox flexDirection=\"column\" gap=\"0px\" width=\"100%\" {...containerProps}>\n              {header}\n              {menu}\n              {footer}\n            </Flexbox>\n          )}\n        </StyledPopoverContent>\n      ) : null}\n    </FloatingPortal>\n  );\n});\nBaseMenuButtonContent.className = CLASSNAME;\nBaseMenuButtonContent.displayName = COMPONENT_NAME;\n\nexport const MenuButtonContent = Object.assign(BaseMenuButtonContent, {\n  Header: MenuButtonContentHeader,\n  Menu: MenuButtonContentMenu,\n  Footer: MenuButtonContentFooter,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseMenuButtonContent","forwardRef","props","ref","children","className","style","containerProps","getContainerProps","getFloatingProps","isOpen","refs","strategy","x","y","hideInsteadOfClose","usePopoverContext","popoverRef","useMergeRefs","setFloating","appContainerState","useContext","AppContainerContext","theme","useTheme","header","menu","footer","partitionComponents","React","Children","toArray","isComponent","createElement","FloatingPortal","root","appContainerRef","current","StyledPopoverContent","_extends","$theme","_objectSpread","position","top","left","display","classNames","PopoverContent","Flexbox","flexDirection","gap","width","MenuButtonContentMenu","displayName","MenuButtonContent","Object","assign","Header","MenuButtonContentHeader","Menu","Footer","MenuButtonContentFooter"],"mappings":"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"}

package/_internal/MenuButtonContentFooter.js

@@ -0,0 +1,36 @@
+import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledMenuButtonContentFooter = styled.div`
+  ${baseContainer}
+`;
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentFooter';
+const CLASSNAME = 'redsift-combobox-content-footer';
+
+/**
+ * The MenuButtonContentFooter component.
+ */
+const MenuButtonContentFooter = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledMenuButtonContentFooter, _extends({}, forwardedProps, {
+    className: classNames(MenuButtonContentFooter.className, className),
+    ref: ref
+  }), children);
+});
+MenuButtonContentFooter.className = CLASSNAME;
+MenuButtonContentFooter.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentFooter as M };
+//# sourceMappingURL=MenuButtonContentFooter.js.map

package/_internal/MenuButtonContentFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentFooter.js","sources":["../../src/components/menu-button-content-footer/styles.ts","../../src/components/menu-button-content-footer/MenuButtonContentFooter.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledMenuButtonContentFooterProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledMenuButtonContentFooter = styled.div<StyledMenuButtonContentFooterProps>`\n  ${baseContainer}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { StyledMenuButtonContentFooter } from './styles';\nimport { MenuButtonContentFooterProps } from './types';\nimport { Comp } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButtonContentFooter';\nconst CLASSNAME = 'redsift-combobox-content-footer';\n\n/**\n * The MenuButtonContentFooter component.\n */\nexport const MenuButtonContentFooter: Comp<MenuButtonContentFooterProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledMenuButtonContentFooter\n      {...forwardedProps}\n      className={classNames(MenuButtonContentFooter.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledMenuButtonContentFooter>\n  );\n});\nMenuButtonContentFooter.className = CLASSNAME;\nMenuButtonContentFooter.displayName = COMPONENT_NAME;\n"],"names":["StyledMenuButtonContentFooter","styled","div","baseContainer","COMPONENT_NAME","CLASSNAME","MenuButtonContentFooter","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","displayName"],"mappings":";;;;;;AAIA;AACA;AACA;AACO,MAAMA,6BAA6B,GAAGC,MAAM,CAACC,GAAwC,CAAA;AAC5F,EAAA,EAAIC,aAAc,CAAA;AAClB,CAAC;;;ACFD,MAAMC,cAAc,GAAG,yBAAyB,CAAA;AAChD,MAAMC,SAAS,GAAG,iCAAiC,CAAA;;AAEnD;AACA;AACA;AACO,MAAMC,uBAA2E,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAAChB,6BAA6B,EAAAiB,QAAA,KACxBL,cAAc,EAAA;IAClBD,SAAS,EAAEO,UAAU,CAACZ,uBAAuB,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpEF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QAC4B,CAAC,CAAA;AAEpC,CAAC,EAAC;AACFJ,uBAAuB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7CC,uBAAuB,CAACa,WAAW,GAAGf,cAAc;;;;"}

package/_internal/MenuButtonContentHeader.js

@@ -0,0 +1,36 @@
+import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { baseContainer } from '@redsift/design-system';
+
+/**
+ * Component style.
+ */
+const StyledMenuButtonContentHeader = styled.div`
+  ${baseContainer}
+`;
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentHeader';
+const CLASSNAME = 'redsift-combobox-content-header';
+
+/**
+ * The MenuButtonContentHeader component.
+ */
+const MenuButtonContentHeader = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(StyledMenuButtonContentHeader, _extends({}, forwardedProps, {
+    className: classNames(MenuButtonContentHeader.className, className),
+    ref: ref
+  }), children);
+});
+MenuButtonContentHeader.className = CLASSNAME;
+MenuButtonContentHeader.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentHeader as M };
+//# sourceMappingURL=MenuButtonContentHeader.js.map

package/_internal/MenuButtonContentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentHeader.js","sources":["../../src/components/menu-button-content-header/styles.ts","../../src/components/menu-button-content-header/MenuButtonContentHeader.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledMenuButtonContentHeaderProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledMenuButtonContentHeader = styled.div<StyledMenuButtonContentHeaderProps>`\n  ${baseContainer}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { StyledMenuButtonContentHeader } from './styles';\nimport { MenuButtonContentHeaderProps } from './types';\nimport { Comp } from '@redsift/design-system';\n\nconst COMPONENT_NAME = 'MenuButtonContentHeader';\nconst CLASSNAME = 'redsift-combobox-content-header';\n\n/**\n * The MenuButtonContentHeader component.\n */\nexport const MenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  return (\n    <StyledMenuButtonContentHeader\n      {...forwardedProps}\n      className={classNames(MenuButtonContentHeader.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {children}\n    </StyledMenuButtonContentHeader>\n  );\n});\nMenuButtonContentHeader.className = CLASSNAME;\nMenuButtonContentHeader.displayName = COMPONENT_NAME;\n"],"names":["StyledMenuButtonContentHeader","styled","div","baseContainer","COMPONENT_NAME","CLASSNAME","MenuButtonContentHeader","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","displayName"],"mappings":";;;;;;AAIA;AACA;AACA;AACO,MAAMA,6BAA6B,GAAGC,MAAM,CAACC,GAAwC,CAAA;AAC5F,EAAA,EAAIC,aAAc,CAAA;AAClB,CAAC;;;ACFD,MAAMC,cAAc,GAAG,yBAAyB,CAAA;AAChD,MAAMC,SAAS,GAAG,iCAAiC,CAAA;;AAEnD;AACA;AACA;AACO,MAAMC,uBAA2E,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAAChB,6BAA6B,EAAAiB,QAAA,KACxBL,cAAc,EAAA;IAClBD,SAAS,EAAEO,UAAU,CAACZ,uBAAuB,CAACK,SAAS,EAAEA,SAAS,CAAE;AACpEF,IAAAA,GAAG,EAAEA,GAAAA;AAAiC,GAAA,CAAA,EAErCC,QAC4B,CAAC,CAAA;AAEpC,CAAC,EAAC;AACFJ,uBAAuB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC7CC,uBAAuB,CAACa,WAAW,GAAGf,cAAc;;;;"}

package/_internal/MenuButtonContentMenu.js

@@ -0,0 +1,41 @@
+import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext, useEffect } from 'react';
+import classNames from 'classnames';
+import { FocusWithinGroupContext, Flexbox } from '@redsift/design-system';
+
+const _excluded = ["children", "className"];
+const COMPONENT_NAME = 'MenuButtonContentMenu';
+const CLASSNAME = 'redsift-menu-button-content-menu';
+
+/**
+ * The MenuButtonContentMenu component.
+ */
+const MenuButtonContentMenu = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const focusContext = useContext(FocusWithinGroupContext);
+  useEffect(() => {
+    if (focusContext && focusContext.state.delayedAction && focusContext.state.tabStops.length) {
+      focusContext.dispatch(focusContext.state.delayedAction);
+    }
+  }, [focusContext.state.delayedAction, focusContext.state.tabStops.length]);
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+    flexDirection: "column",
+    gap: "8px",
+    margin: "8px 0px",
+    width: "100%",
+    className: classNames(MenuButtonContentMenu.className, className),
+    role: "menu",
+    as: "ul"
+  }, forwardedProps, {
+    ref: ref
+  }), children);
+});
+MenuButtonContentMenu.className = CLASSNAME;
+MenuButtonContentMenu.displayName = COMPONENT_NAME;
+
+export { MenuButtonContentMenu as M };
+//# sourceMappingURL=MenuButtonContentMenu.js.map

package/_internal/MenuButtonContentMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonContentMenu.js","sources":["../../src/components/menu-button-content-menu/MenuButtonContentMenu.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Flexbox, FocusWithinGroupContext } from '@redsift/design-system';\nimport { MenuButtonContentMenuProps } from './types';\n\nconst COMPONENT_NAME = 'MenuButtonContentMenu';\nconst CLASSNAME = 'redsift-menu-button-content-menu';\n\n/**\n * The MenuButtonContentMenu component.\n */\nexport const MenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const { children, className, ...forwardedProps } = props;\n\n  const focusContext = useContext(FocusWithinGroupContext);\n\n  useEffect(() => {\n    if (focusContext && focusContext.state.delayedAction && focusContext.state.tabStops.length) {\n      focusContext.dispatch(focusContext.state.delayedAction);\n    }\n  }, [focusContext.state.delayedAction, focusContext.state.tabStops.length]);\n\n  return (\n    <Flexbox\n      flexDirection=\"column\"\n      gap=\"8px\"\n      margin=\"8px 0px\"\n      width=\"100%\"\n      className={classNames(MenuButtonContentMenu.className, className)}\n      role=\"menu\"\n      as=\"ul\"\n      {...forwardedProps}\n      ref={ref}\n    >\n      {children}\n    </Flexbox>\n  );\n});\nMenuButtonContentMenu.className = CLASSNAME;\nMenuButtonContentMenu.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","MenuButtonContentMenu","forwardRef","props","ref","children","className","forwardedProps","_objectWithoutProperties","_excluded","focusContext","useContext","FocusWithinGroupContext","useEffect","state","delayedAction","tabStops","length","dispatch","React","createElement","Flexbox","_extends","flexDirection","gap","margin","width","classNames","role","as","displayName"],"mappings":";;;;;;AAMA,MAAMA,cAAc,GAAG,uBAAuB,CAAA;AAC9C,MAAMC,SAAS,GAAG,kCAAkC,CAAA;;AAEpD;AACA;AACA;AACO,MAAMC,qBAAuE,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChH,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAExD,EAAA,MAAMC,YAAY,GAAGC,UAAU,CAACC,uBAAuB,CAAC,CAAA;AAExDC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,YAAY,IAAIA,YAAY,CAACI,KAAK,CAACC,aAAa,IAAIL,YAAY,CAACI,KAAK,CAACE,QAAQ,CAACC,MAAM,EAAE;MAC1FP,YAAY,CAACQ,QAAQ,CAACR,YAAY,CAACI,KAAK,CAACC,aAAa,CAAC,CAAA;AACzD,KAAA;AACF,GAAC,EAAE,CAACL,YAAY,CAACI,KAAK,CAACC,aAAa,EAAEL,YAAY,CAACI,KAAK,CAACE,QAAQ,CAACC,MAAM,CAAC,CAAC,CAAA;AAE1E,EAAA,oBACEE,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AACNC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,KAAK;AACTC,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,KAAK,EAAC,MAAM;IACZpB,SAAS,EAAEqB,UAAU,CAAC1B,qBAAqB,CAACK,SAAS,EAAEA,SAAS,CAAE;AAClEsB,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,EAAE,EAAC,IAAA;AAAI,GAAA,EACHtB,cAAc,EAAA;AAClBH,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERC,QACM,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,qBAAqB,CAACK,SAAS,GAAGN,SAAS,CAAA;AAC3CC,qBAAqB,CAAC6B,WAAW,GAAG/B,cAAc;;;;"}

package/_internal/MenuButtonTrigger.js

@@ -0,0 +1,168 @@
+import { b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useContext } from 'react';
+import classNames from 'classnames';
+import { FocusWithinGroupContext, useTheme, isComponent, FocusWithinGroupActionType, EventKey } from '@redsift/design-system';
+import { usePopoverContext, useMergeRefs } from '@redsift/popovers';
+
+const MenuButtonContext = /*#__PURE__*/React.createContext(null);
+
+const COMPONENT_NAME = 'MenuButtonTrigger';
+const CLASSNAME = 'redsift-menu-button-trigger';
+
+/**
+ * The MenuButtonTrigger component.
+ */
+const MenuButtonTrigger = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children
+  } = props;
+  const {
+    getReferenceProps,
+    isOpen,
+    handleOpen,
+    refs
+  } = usePopoverContext();
+  const childrenRef = children.ref;
+  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
+  const focusContext = useContext(FocusWithinGroupContext);
+  const menuButtonContext = useContext(MenuButtonContext);
+  const theme = useTheme();
+  const renderedChildren = typeof children === 'function' ? children({
+    isOpen
+  }) : children;
+  const handleKeyDown = event => {
+    const code = event.code;
+    if (code === 'Escape' || code === 'Tab') {
+      if (isOpen) {
+        handleOpen(false);
+      }
+    } else if (code === 'ArrowDown') {
+      if (!isOpen) {
+        handleOpen(true);
+      }
+      if (focusContext.state.selectedId !== null) {
+        focusContext.dispatch({
+          type: FocusWithinGroupActionType.DELAY_ACTION,
+          payload: {
+            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+            payload: {
+              key: EventKey.ArrowDown,
+              ctrlKey: event.ctrlKey
+            }
+          }
+        });
+      } else {
+        focusContext.dispatch({
+          type: FocusWithinGroupActionType.DELAY_ACTION,
+          payload: {
+            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+            payload: {
+              key: EventKey.Home,
+              ctrlKey: event.ctrlKey
+            }
+          }
+        });
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (code === 'ArrowUp') {
+      if (!isOpen) {
+        handleOpen(true);
+      }
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+          payload: {
+            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.Home,
+            ctrlKey: event.ctrlKey
+          }
+        }
+      });
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (code === 'Home') {
+      if (!isOpen) {
+        handleOpen(true);
+      }
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+          payload: {
+            key: EventKey.Home,
+            ctrlKey: event.ctrlKey
+          }
+        }
+      });
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (code === 'End') {
+      if (!isOpen) {
+        handleOpen(true);
+      }
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,
+          payload: {
+            key: EventKey.End,
+            ctrlKey: event.ctrlKey
+          }
+        }
+      });
+      event.preventDefault();
+      event.stopPropagation();
+    } else if (code === 'Enter') {
+      if (isOpen && focusContext.state.selectedId) {
+        var _document$getElementB, _document$getElementB2, _document$getElementB3, _document$getElementB4;
+        (_document$getElementB = document.getElementById(focusContext.state.selectedId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.click();
+        (_document$getElementB2 = document.getElementById(focusContext.state.selectedId)) === null || _document$getElementB2 === void 0 ? void 0 : (_document$getElementB3 = _document$getElementB2.getElementsByTagName('a')) === null || _document$getElementB3 === void 0 ? void 0 : (_document$getElementB4 = _document$getElementB3[0]) === null || _document$getElementB4 === void 0 ? void 0 : _document$getElementB4.click();
+      }
+    }
+  };
+  const handleClick = event => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (isOpen) {
+      handleOpen(false);
+    } else {
+      var _focusContext$state$a, _focusContext$state$a2;
+      handleOpen(true);
+      focusContext.dispatch({
+        type: FocusWithinGroupActionType.DELAY_ACTION,
+        payload: {
+          type: FocusWithinGroupActionType.FOCUS_ON_LIST,
+          payload: {
+            id: (_focusContext$state$a = (_focusContext$state$a2 = focusContext.state.activedescendant) === null || _focusContext$state$a2 === void 0 ? void 0 : _focusContext$state$a2[0]) !== null && _focusContext$state$a !== void 0 ? _focusContext$state$a : ''
+          }
+        }
+      });
+    }
+  };
+  if (isComponent('Button')(renderedChildren) || isComponent('IconButton')(renderedChildren)) {
+    var _props$children, _focusContext$state$a3, _menuButtonContext$co, _menuButtonContext$va;
+    return /*#__PURE__*/React.cloneElement(renderedChildren, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
+      ref: triggerRef
+    }, props), renderedChildren.props), {}, {
+      children: (_props$children = renderedChildren.props.children) !== null && _props$children !== void 0 ? _props$children : ''
+    }))), {}, {
+      theme,
+      'aria-activedescendant': isOpen ? (_focusContext$state$a3 = focusContext.state.activedescendant) === null || _focusContext$state$a3 === void 0 ? void 0 : _focusContext$state$a3[0] : undefined,
+      className: classNames(renderedChildren.props.className, menuButtonContext === null || menuButtonContext === void 0 ? void 0 : menuButtonContext.triggerClassName),
+      color: (_menuButtonContext$co = menuButtonContext === null || menuButtonContext === void 0 ? void 0 : menuButtonContext.color) !== null && _menuButtonContext$co !== void 0 ? _menuButtonContext$co : renderedChildren.props.color,
+      isActive: isOpen,
+      isDisabled: menuButtonContext === null || menuButtonContext === void 0 ? void 0 : menuButtonContext.isDisabled,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: 'button',
+      variant: (_menuButtonContext$va = menuButtonContext === null || menuButtonContext === void 0 ? void 0 : menuButtonContext.variant) !== null && _menuButtonContext$va !== void 0 ? _menuButtonContext$va : renderedChildren.props.variant
+    }));
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedChildren);
+});
+MenuButtonTrigger.className = CLASSNAME;
+MenuButtonTrigger.displayName = COMPONENT_NAME;
+
+export { MenuButtonTrigger as M, MenuButtonContext as a };
+//# sourceMappingURL=MenuButtonTrigger.js.map

package/_internal/MenuButtonTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonTrigger.js","sources":["../../src/components/menu-button/context.ts","../../src/components/menu-button-trigger/MenuButtonTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuButtonState } from './types';\n\nexport const MenuButtonContext = React.createContext<MenuButtonState | null>(null);\n","import React, { MouseEvent, ReactElement, forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport {\n  Comp,\n  EventKey,\n  FocusWithinGroupActionType,\n  FocusWithinGroupContext,\n  isComponent,\n  useTheme,\n} from '@redsift/design-system';\nimport { MenuButtonTriggerProps } from './types';\nimport { useMergeRefs, usePopoverContext } from '@redsift/popovers';\nimport { MenuButtonContext } from '../menu-button/context';\n\nconst COMPONENT_NAME = 'MenuButtonTrigger';\nconst CLASSNAME = 'redsift-menu-button-trigger';\n\n/**\n * The MenuButtonTrigger component.\n */\nexport const MenuButtonTrigger: Comp<MenuButtonTriggerProps, HTMLButtonElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, isOpen, handleOpen, refs } = usePopoverContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  const focusContext = useContext(FocusWithinGroupContext);\n  const menuButtonContext = useContext(MenuButtonContext);\n  const theme = useTheme();\n\n  const renderedChildren = typeof children === 'function' ? children({ isOpen }) : children;\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    const code = event.code;\n\n    if (code === 'Escape' || code === 'Tab') {\n      if (isOpen) {\n        handleOpen(false);\n      }\n    } else if (code === 'ArrowDown') {\n      if (!isOpen) {\n        handleOpen(true);\n      }\n      if (focusContext.state.selectedId !== null) {\n        focusContext.dispatch({\n          type: FocusWithinGroupActionType.DELAY_ACTION,\n          payload: {\n            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n            payload: {\n              key: EventKey.ArrowDown,\n              ctrlKey: event.ctrlKey,\n            },\n          },\n        });\n      } else {\n        focusContext.dispatch({\n          type: FocusWithinGroupActionType.DELAY_ACTION,\n          payload: {\n            type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n            payload: {\n              key: EventKey.Home,\n              ctrlKey: event.ctrlKey,\n            },\n          },\n        });\n      }\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (code === 'ArrowUp') {\n      if (!isOpen) {\n        handleOpen(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: focusContext.state.selectedId !== null ? EventKey.ArrowUp : EventKey.Home,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (code === 'Home') {\n      if (!isOpen) {\n        handleOpen(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: EventKey.Home,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (code === 'End') {\n      if (!isOpen) {\n        handleOpen(true);\n      }\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST,\n          payload: {\n            key: EventKey.End,\n            ctrlKey: event.ctrlKey,\n          },\n        },\n      });\n      event.preventDefault();\n      event.stopPropagation();\n    } else if (code === 'Enter') {\n      if (isOpen && focusContext.state.selectedId) {\n        document.getElementById(focusContext.state.selectedId)?.click();\n        document.getElementById(focusContext.state.selectedId)?.getElementsByTagName('a')?.[0]?.click();\n      }\n    }\n  };\n\n  const handleClick = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen) {\n      handleOpen(false);\n    } else {\n      handleOpen(true);\n      focusContext.dispatch({\n        type: FocusWithinGroupActionType.DELAY_ACTION,\n        payload: {\n          type: FocusWithinGroupActionType.FOCUS_ON_LIST,\n          payload: {\n            id: focusContext.state.activedescendant?.[0] ?? '',\n          },\n        },\n      });\n    }\n  };\n\n  if (isComponent('Button')(renderedChildren) || isComponent('IconButton')(renderedChildren)) {\n    return React.cloneElement(renderedChildren, {\n      ...getReferenceProps({\n        ref: triggerRef,\n        ...props,\n        ...(renderedChildren as ReactElement).props,\n        children: (renderedChildren as ReactElement).props.children ?? '',\n      }),\n      theme,\n      'aria-activedescendant': isOpen ? focusContext.state.activedescendant?.[0] : undefined,\n      className: classNames((renderedChildren as ReactElement).props.className, menuButtonContext?.triggerClassName),\n      color: menuButtonContext?.color ?? (renderedChildren as ReactElement).props.color,\n      isActive: isOpen,\n      isDisabled: menuButtonContext?.isDisabled,\n      onClick: handleClick,\n      onKeyDown: handleKeyDown,\n      role: 'button',\n      variant: menuButtonContext?.variant ?? (renderedChildren as ReactElement).props.variant,\n    });\n  }\n\n  return <>{renderedChildren}</>;\n});\nMenuButtonTrigger.className = CLASSNAME;\nMenuButtonTrigger.displayName = COMPONENT_NAME;\n"],"names":["MenuButtonContext","React","createContext","COMPONENT_NAME","CLASSNAME","MenuButtonTrigger","forwardRef","props","ref","children","getReferenceProps","isOpen","handleOpen","refs","usePopoverContext","childrenRef","triggerRef","useMergeRefs","setReference","focusContext","useContext","FocusWithinGroupContext","menuButtonContext","theme","useTheme","renderedChildren","handleKeyDown","event","code","state","selectedId","dispatch","type","FocusWithinGroupActionType","DELAY_ACTION","payload","KEY_DOWN_ON_LIST","key","EventKey","ArrowDown","ctrlKey","Home","preventDefault","stopPropagation","ArrowUp","End","_document$getElementB","_document$getElementB2","_document$getElementB3","_document$getElementB4","document","getElementById","click","getElementsByTagName","handleClick","_focusContext$state$a","_focusContext$state$a2","FOCUS_ON_LIST","id","activedescendant","isComponent","_props$children","_focusContext$state$a3","_menuButtonContext$co","_menuButtonContext$va","cloneElement","_objectSpread","undefined","className","classNames","triggerClassName","color","isActive","isDisabled","onClick","onKeyDown","role","variant","createElement","Fragment","displayName"],"mappings":"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"}