@procore/core-react 12.52.0 → 12.53.1

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_52_0__sc-z984sz-0"
+  componentId: "core-12_53_1__sc-z984sz-0"
 })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-12_52_0__sc-z984sz-1"
+  componentId: "core-12_53_1__sc-z984sz-1"
 })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_52_0__sc-z984sz-2"
+  componentId: "core-12_53_1__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}ol&{padding:", "px 0;list-style-type:none;margin:0;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,27 +27,27 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus(), spacing.sm);
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-12_52_0__sc-z984sz-3"
+  componentId: "core-12_53_1__sc-z984sz-3"
 })(["padding:0 2px;height:24px;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_52_0__sc-z984sz-4"
+  componentId: "core-12_53_1__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_52_0__sc-z984sz-5"
+  componentId: "core-12_53_1__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_52_0__sc-z984sz-6"
+  componentId: "core-12_53_1__sc-z984sz-6"
 })(["&:not(:first-child){margin-top:", "px;}"], spacing.md);
 export var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGroupLabel",
-  componentId: "core-12_52_0__sc-z984sz-7"
+  componentId: "core-12_53_1__sc-z984sz-7"
 })(["", " display:block;color:", ";font-weight:", ";padding:", "px ", "px;cursor:default;"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold, spacing.xs, spacing.lg);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_52_0__sc-z984sz-8"
+  componentId: "core-12_53_1__sc-z984sz-8"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}&[data-focus-visible='true']{box-shadow:inset 0 0 0 2px ", ";}", " ", " ", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref2) {
   var as = _ref2.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -79,10 +79,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-12_52_0__sc-z984sz-9"
+  componentId: "core-12_53_1__sc-z984sz-9"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_52_0__sc-z984sz-10"
+  componentId: "core-12_53_1__sc-z984sz-10"
 })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/MenuImperative/MenuImperative.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuImperative.styles.js","names":["styled","css","Box","StyledButton","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","getFocus","spacing","optionMinHeight","StyledWrapper","div","withConfig","displayName","componentId","StyledMenu","StyledOptions","_ref","_ref$$scrollable","$scrollable","sm","StyledGrip","StyledHeader","StyledSearch","lg","StyledGroup","md","StyledGroupLabel","span","gray15","semibold","xs","StyledItem","_ref2","as","gray96","blue40","_ref3","$focusVisible","_ref4","$highlighted","concat","_ref5","$disabled","$selected","gray85","blue50","_ref6","$isDraggable","_ref7","$isDragging","StyledDroppable","StyledFooter"],"sources":["../../src/MenuImperative/MenuImperative.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { StyledButton } from '../Button'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport { getTypographyIntent, typographyWeights } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst optionMinHeight = 32\n\n// Do not merge with StyledMenu, needed for max-height working in IE\nexport const StyledWrapper = styled.div`\n  border-radius: inherit;\n  display: flex;\n  max-height: inherit;\n  min-width: inherit;\n  outline: none;\n  width: inherit;\n`\n\nexport const StyledMenu = styled.div`\n  border-radius: inherit;\n  display: flex;\n  flex-direction: column;\n  outline: 0;\n  width: 100%;\n`\n\nexport const StyledOptions = styled.div<{ $scrollable?: boolean }>`\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-height: ${optionMinHeight}px;\n  ${({ $scrollable = true }) => $scrollable && `overflow-y: auto`};\n  padding: ${spacing.sm}px 0;\n  position: relative;\n\n  &:focus-visible {\n    ${getFocus()}\n    margin: -1px;\n  }\n  ol& {\n    padding: ${spacing.sm}px 0;\n    list-style-type: none;\n    margin: 0;\n  }\n`\n\nexport const StyledGrip = styled.div`\n  padding: 0 2px;\n  height: 24px;\n`\n\nexport const StyledHeader = styled.div``\n\nexport const StyledSearch = styled.div`\n  padding: ${spacing.lg}px ${spacing.lg}px ${spacing.sm}px;\n\n  ${StyledButton} > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledGroup = styled.div`\n  &:not(:first-child) {\n    margin-top: ${spacing.md}px;\n  }\n`\n\nexport const StyledGroupLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  display: block;\n  color: ${colors.gray15};\n  font-weight: ${typographyWeights.semibold};\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  cursor: default;\n`\n\nexport const StyledItem = styled.div<{\n  $disabled?: boolean\n  $selected?: boolean\n  $highlighted?: boolean\n  $focusVisible?: boolean\n  $isDraggable?: boolean\n  $isDragging?: boolean\n}>`\n  ${getTypographyIntent('body')};\n\n  ${({ as }) =>\n    as === 'a' &&\n    css`\n      display: block;\n      text-decoration: none;\n    `}\n\n  cursor: pointer;\n  list-style-type: none;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n\n  a {\n    // We decided to use a negative margin trick here to allow us to continue\n    // to use listNavigation without having to rewrite a bunch of code in js\n    color: ${colors.gray15};\n    display: block;\n    margin: -${spacing.xs}px -${spacing.lg}px;\n    padding: ${spacing.xs}px ${spacing.lg}px;\n    text-decoration: none;\n\n    &:hover {\n      color: ${colors.gray15};\n      text-decoration: none;\n    }\n  }\n\n  &[data-highlighted='true'] {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n\n  ${({ $focusVisible }) =>\n    $focusVisible &&\n    css`\n      box-shadow: inset 0 0 0 2px ${colors.blue40};\n    `}\n\n  ${({ $highlighted }) => $highlighted && `background-color: ${colors.gray96};`}\n\n  ${StyledCheckboxLabel} {\n    color: inherit;\n    cursor: pointer;\n  }\n\n  ${({ $disabled, $selected }) => {\n    if ($disabled) {\n      return css`\n        &,\n        ${StyledCheckboxLabel} {\n          color: ${colors.gray85};\n          cursor: default;\n        }\n      `\n    } else if ($selected) {\n      return css`\n        color: ${colors.blue50};\n        font-weight: 700;\n\n        a,\n        a:hover {\n          color: ${colors.blue50};\n          text-decoration: none;\n        }\n\n        &[data-highlighted='true'] {\n          background-color: ${colors.gray96};\n        }\n      `\n    }\n\n    return css`\n      color: ${colors.gray15};\n\n      &[data-highlighted='true'] {\n        background-color: ${colors.gray96};\n      }\n    `\n  }}\n\n  ${({ $isDraggable }) => {\n    if ($isDraggable) {\n      return css`\n        display: flex;\n        align-items: center;\n\n        ${StyledCheckboxLabel} {\n          cursor: grab;\n\n          // The unchecked and checked icons\n          &:before,\n          &:after {\n            cursor: pointer;\n          }\n        }\n\n        &&& {\n          padding-left: 0;\n        }\n      `\n    }\n  }}\n\n  ${({ $isDragging }) => {\n    if ($isDragging) {\n      return css`\n        background-color: ${colors.gray96};\n        box-shadow: none;\n      `\n    }\n  }}\n`\n\nexport const StyledDroppable = styled.div`\n  ${StyledGroup}, ${StyledItem} {\n    padding-left: 28px;\n  }\n`\n\nexport const StyledFooter = styled(Box)`\n  border-top: 1px solid ${colors.gray85};\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n`\n"],"mappings":"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"}
+{"version":3,"file":"MenuImperative.styles.js","names":["styled","css","Box","StyledButton","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","getFocus","spacing","optionMinHeight","StyledWrapper","div","withConfig","displayName","componentId","StyledMenu","StyledOptions","_ref","_ref$$scrollable","$scrollable","sm","StyledGrip","StyledHeader","StyledSearch","lg","StyledGroup","md","StyledGroupLabel","span","gray15","semibold","xs","StyledItem","_ref2","as","gray96","blue40","_ref3","$focusVisible","_ref4","$highlighted","concat","_ref5","$disabled","$selected","gray85","blue50","_ref6","$isDraggable","_ref7","$isDragging","StyledDroppable","StyledFooter"],"sources":["../../src/MenuImperative/MenuImperative.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { StyledButton } from '../Button'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport { getTypographyIntent, typographyWeights } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nconst optionMinHeight = 32\n\n// Do not merge with StyledMenu, needed for max-height working in IE\nexport const StyledWrapper = styled.div`\n  border-radius: inherit;\n  display: flex;\n  max-height: inherit;\n  min-width: inherit;\n  outline: none;\n  width: inherit;\n`\n\nexport const StyledMenu = styled.div`\n  border-radius: inherit;\n  display: flex;\n  flex-direction: column;\n  outline: 0;\n  width: 100%;\n`\n\nexport const StyledOptions = styled.div<{ $scrollable?: boolean }>`\n  flex-basis: auto;\n  flex-grow: 1;\n  flex-shrink: 1;\n  min-height: ${optionMinHeight}px;\n  ${({ $scrollable = true }) => $scrollable && `overflow-y: auto`};\n  padding: ${spacing.sm}px 0;\n  position: relative;\n\n  &:focus-visible {\n    ${getFocus()}\n    margin: -1px;\n  }\n  ol& {\n    padding: ${spacing.sm}px 0;\n    list-style-type: none;\n    margin: 0;\n  }\n`\n\nexport const StyledGrip = styled.div`\n  padding: 0 2px;\n  height: 24px;\n`\n\nexport const StyledHeader = styled.div``\n\nexport const StyledSearch = styled.div`\n  padding: ${spacing.lg}px ${spacing.lg}px ${spacing.sm}px;\n\n  ${StyledButton} > * {\n    pointer-events: none;\n  }\n`\n\nexport const StyledGroup = styled.div`\n  &:not(:first-child) {\n    margin-top: ${spacing.md}px;\n  }\n`\n\nexport const StyledGroupLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  display: block;\n  color: ${colors.gray15};\n  font-weight: ${typographyWeights.semibold};\n  padding: ${spacing.xs}px ${spacing.lg}px;\n  cursor: default;\n`\n\nexport const StyledItem = styled.div<{\n  $disabled?: boolean\n  $selected?: boolean\n  $highlighted?: boolean\n  $focusVisible?: boolean\n  $isDraggable?: boolean\n  $isDragging?: boolean\n}>`\n  ${getTypographyIntent('body')};\n\n  ${({ as }) =>\n    as === 'a' &&\n    css`\n      display: block;\n      text-decoration: none;\n    `}\n\n  cursor: pointer;\n  list-style-type: none;\n  padding: ${spacing.xs}px ${spacing.lg}px;\n\n  a {\n    // We decided to use a negative margin trick here to allow us to continue\n    // to use listNavigation without having to rewrite a bunch of code in js\n    color: ${colors.gray15};\n    display: block;\n    margin: -${spacing.xs}px -${spacing.lg}px;\n    padding: ${spacing.xs}px ${spacing.lg}px;\n    text-decoration: none;\n\n    &:hover {\n      color: ${colors.gray15};\n      text-decoration: none;\n    }\n  }\n\n  &[data-highlighted='true'] {\n    background-color: ${colors.gray96};\n  }\n\n  &[data-focus-visible='true'] {\n    box-shadow: inset 0 0 0 2px ${colors.blue40};\n  }\n\n  ${({ $focusVisible }) =>\n    $focusVisible &&\n    css`\n      box-shadow: inset 0 0 0 2px ${colors.blue40};\n    `}\n\n  ${({ $highlighted }) => $highlighted && `background-color: ${colors.gray96};`}\n\n  ${StyledCheckboxLabel} {\n    color: inherit;\n    cursor: pointer;\n  }\n\n  ${({ $disabled, $selected }) => {\n    if ($disabled) {\n      return css`\n        &,\n        ${StyledCheckboxLabel} {\n          color: ${colors.gray85};\n          cursor: default;\n        }\n      `\n    } else if ($selected) {\n      return css`\n        color: ${colors.blue50};\n        font-weight: 700;\n\n        a,\n        a:hover {\n          color: ${colors.blue50};\n          text-decoration: none;\n        }\n\n        &[data-highlighted='true'] {\n          background-color: ${colors.gray96};\n        }\n      `\n    }\n\n    return css`\n      color: ${colors.gray15};\n\n      &[data-highlighted='true'] {\n        background-color: ${colors.gray96};\n      }\n    `\n  }}\n\n  ${({ $isDraggable }) => {\n    if ($isDraggable) {\n      return css`\n        display: flex;\n        align-items: center;\n\n        ${StyledCheckboxLabel} {\n          cursor: grab;\n\n          // The unchecked and checked icons\n          &:before,\n          &:after {\n            cursor: pointer;\n          }\n        }\n\n        &&& {\n          padding-left: 0;\n        }\n      `\n    }\n  }}\n\n  ${({ $isDragging }) => {\n    if ($isDragging) {\n      return css`\n        background-color: ${colors.gray96};\n        box-shadow: none;\n      `\n    }\n  }}\n`\n\nexport const StyledDroppable = styled.div`\n  ${StyledGroup}, ${StyledItem} {\n    padding-left: 28px;\n  }\n`\n\nexport const StyledFooter = styled(Box)`\n  border-top: 1px solid ${colors.gray85};\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n`\n"],"mappings":"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","ignoreList":[]}

package/dist/MenuImperative/MenuImperative.types.d.ts

@@ -2,8 +2,8 @@ import type * as React from 'react';
 import type { BoxProps } from '../Box';
 import type { TypeaheadInputProps, TypeaheadProps } from '../Typeahead/Typeahead.types';
 import type { Props } from '../_utils/types';
-export declare type Ref<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-declare type Div = React.ComponentPropsWithoutRef<'div'>;
+export type Ref<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+type Div = React.ComponentPropsWithoutRef<'div'>;
 export interface Selection {
     /**
      * @since 10.19.0
@@ -50,7 +50,7 @@ export interface Reorder {
         droppableId: string;
     };
 }
-declare type MenuRole = 'menu' | 'listbox' | 'none';
+type MenuRole = 'menu' | 'listbox' | 'none';
 export interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {
     /**
      * @since 10.19.0
@@ -194,8 +194,8 @@ export interface ItemWithDraggingProps extends ItemProps {
 }
 interface AnchorItemProps extends Omit<ItemProps, 'item'>, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'> {
 }
-export declare type MenuItemProps = ItemProps | ItemWithDraggingProps | AnchorItemProps;
-export declare type MenuItemDefaultElement = 'div' | 'a';
+export type MenuItemProps = ItemProps | ItemWithDraggingProps | AnchorItemProps;
+export type MenuItemDefaultElement = 'div' | 'a';
 /**
  * @a11y When drag-and-drop is enabled, `children` should be a string so it
  * can be used for DnD announcements (exposed as `data-title`).
@@ -227,6 +227,10 @@ export interface OptionsProps {
      * @since 10.19.0
      */
     className?: string;
+    /**
+     * @since 12.51.1
+     */
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
 }
 export interface MenuSearchProps extends Omit<TypeaheadProps, 'onChange'>, TypeaheadInputProps, Props {
     /**
@@ -308,6 +312,10 @@ export interface MenuContext {
      * @since 12.34.2
      */
     onBlurItem: (el?: HTMLDivElement) => void;
+    /**
+     * @since 12.51.1
+     */
+    onMouseLeaveItems: () => void;
     /**
      * @since 10.19.0
      */

package/dist/MenuImperative/MenuImperative.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuImperative.types.js","names":[],"sources":["../../src/MenuImperative/MenuImperative.types.ts"],"sourcesContent":["import type * as React from 'react'\nimport type { BoxProps } from '../Box'\nimport type {\n  TypeaheadInputProps,\n  TypeaheadProps,\n} from '../Typeahead/Typeahead.types'\nimport type { Props } from '../_utils/types'\n\nexport type Ref<T> =\n  | ((instance: T | null) => void)\n  | React.MutableRefObject<T | null>\n  | null\n\ntype Div = React.ComponentPropsWithoutRef<'div'>\n\nexport interface Selection {\n  /**\n   * @since 10.19.0\n   */\n  event:\n    | React.MouseEvent<HTMLElement, MouseEvent>\n    | React.KeyboardEvent<HTMLElement>\n  /**\n   * @since 10.19.0\n   */\n  group: boolean\n  /**\n   * @since 10.19.0\n   */\n  item: any\n  /**\n   * @since 10.19.0\n   */\n  action: 'selected' | 'unselected'\n  /**\n   * Indicates should focus be restored to the trigger(e.g. Button of Dropdown)\n   * after activating this item. If all items return focus to the trigger once activated,\n   * try just `restoreFocusOnHide` on `Dropdown` instead.\n   * if it is `undefined`, it is omitted in onSelect callback.\n   * @since 11.15.0\n   */\n  restoreFocus?: boolean\n}\n\nexport interface Reorder {\n  /**\n   * @since 10.19.0\n   */\n  draggableId: string\n  /**\n   * @since 10.19.0\n   */\n  source: {\n    index: number\n    droppableId: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  destination: {\n    index: number\n    droppableId: string\n  }\n}\n\ntype MenuRole = 'menu' | 'listbox' | 'none'\n\nexport interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {\n  /**\n   * @since 10.19.0\n   */\n  circular?: boolean\n  /**\n   * Set aria-multiselectable=\"true\"\n   * @since 10.19.0\n   */\n  multiple?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onDragEnd?: (result: Reorder) => void\n  /**\n   * @since 10.19.0\n   */\n  onScrollBottom?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => any\n  /**\n   * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.\n   *\n   * A listbox widget presents a list of options and allows a user to select one or more of them.\n   *\n   * @since 11.3.0\n   */\n  role?: MenuRole\n  /**\n   * Used when navigation in the menu is controlled by search or another input,\n   * called each time virtual focus (highlighted item) is changed\n   * Consider use `useMenuImperativeControlNavigation` hook.\n   *\n   * @since 11.5.0\n   */\n  onChangeActiveDescendant?: (id: string | undefined) => void\n  /**\n   * To override default menu navigation\n   * @since 11.5.0\n   */\n  onKeyboardNavigation?: React.KeyboardEventHandler\n}\n\nexport interface MenuRef {\n  /**\n   * @since 10.19.0\n   */\n  el: HTMLDivElement | null\n  /**\n   * @since 10.19.0\n   */\n  highlight: (item: HTMLElement, shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightFirst: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightLast: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightSelected: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightSuggested: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlighted: () => any\n  /**\n   * @since 10.19.0\n   */\n  next: (circular?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  prev: (circular?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  select: (\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) => void\n  /**\n   *  Usefully for extending navigation behavior with `onKeyboardNavigation`.\n   *  Pay attention that `ref` is `null` on first render.\n   *\n   *  ```\n   *  onKeyboardNavigation={(e) => {\n   *    if (e.key === 'Right' || e.key === 'ArrowRight') {\n   *        return navigateRight()\n   *    }\n   *\n   *    ref.defaultKeyDownNavigationHandler(e)\n   *  }}\n   *  ```\n   *\n   * @since 11.5.0\n   */\n  defaultKeyDownNavigationHandler: React.KeyboardEventHandler\n}\n\nexport interface ItemProps {\n  /**\n   * @since 10.19.0\n   */\n  item: any\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  suggested?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @a11y Focus will be restored to the trigger after after activating this item.\n   * Use `Dropdown restoreFocusOnHide` instead if all items return focus to the trigger once activated.\n   * @since 11.15.0\n   */\n  restoreFocus?: boolean\n}\n\nexport interface ItemWithDraggingProps extends ItemProps {\n  /**\n   * @since 10.19.0\n   */\n  droppableIn: string | string[]\n  /**\n   * @since 10.19.0\n   */\n  draggableId: string\n  /**\n   * @since 10.19.0\n   */\n  draggableIndex: number\n}\n\ninterface AnchorItemProps\n  extends Omit<ItemProps, 'item'>,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'> {}\n\nexport type MenuItemProps = ItemProps | ItemWithDraggingProps | AnchorItemProps\n\nexport type MenuItemDefaultElement = 'div' | 'a'\n\n/**\n * @a11y When drag-and-drop is enabled, `children` should be a string so it\n * can be used for DnD announcements (exposed as `data-title`).\n */\nexport interface GroupProps {\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * @since 10.19.0\n   */\n  item?: any\n\n  /**\n   * @since 12.39.0\n   */\n  label?: string\n  /**\n   * @since 12.39.0\n   */\n  labelId?: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n}\n\nexport interface MenuSearchProps\n  extends Omit<TypeaheadProps, 'onChange'>,\n    TypeaheadInputProps,\n    Props {\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @since 10.21.0\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * Controls the search input value. When provided, the search input becomes\n   * a controlled component and the parent must manage the value state.\n   * @since 12.34.0\n   */\n  value?: string\n}\n\nexport interface HeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n}\n\nexport interface DroppableProps {\n  /**\n   * @since 10.19.0\n   */\n  id: string\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 12.34.2\n   */\n  'aria-label'?: string\n  /**\n   * @since 12.34.2\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 12.34.2\n   */\n  role?: React.AriaRole\n  /**\n   * @since 12.34.2\n   */\n  'aria-multiselectable'?: boolean\n}\n\nexport interface FooterProps extends Omit<BoxProps, 'as'> {}\n\nexport interface MenuContext {\n  /**\n   * @since 11.5.0\n   */\n  a11yOptionsProps: {\n    role?: MenuRole\n    onKeyboardNavigation?: React.KeyboardEventHandler | null\n    tabIndex?: number\n    id?: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  currentlyDroppableIn: string[]\n  /**\n   * @since 12.34.2\n   */\n  dndInstructionsId: string\n  /**\n   * @since 10.19.0\n   */\n  onHoverItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 12.34.2\n   */\n  onFocusItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 12.34.2\n   */\n  onBlurItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 10.19.0\n   */\n  onScrollBottom: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect: (selection: Selection) => void\n  /**\n   * @since 11.3.0\n   */\n  role: MenuRole\n}\n\nexport interface ControlNavigationProps {\n  menuId?: MenuProps['id']\n}\n\nexport interface ControlNavigationReturn {\n  menuNavigationTriggerProps: {\n    'aria-activedescendant'?: string\n    'aria-controls'?: string\n    onKeyDown?: React.KeyboardEventHandler<Element>\n  }\n  menuProps: {\n    onChangeActiveDescendant?: React.Dispatch<\n      React.SetStateAction<string | undefined>\n    >\n    id: string\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"MenuImperative.types.js","names":[],"sources":["../../src/MenuImperative/MenuImperative.types.ts"],"sourcesContent":["import type * as React from 'react'\nimport type { BoxProps } from '../Box'\nimport type {\n  TypeaheadInputProps,\n  TypeaheadProps,\n} from '../Typeahead/Typeahead.types'\nimport type { Props } from '../_utils/types'\n\nexport type Ref<T> =\n  | ((instance: T | null) => void)\n  | React.MutableRefObject<T | null>\n  | null\n\ntype Div = React.ComponentPropsWithoutRef<'div'>\n\nexport interface Selection {\n  /**\n   * @since 10.19.0\n   */\n  event:\n    | React.MouseEvent<HTMLElement, MouseEvent>\n    | React.KeyboardEvent<HTMLElement>\n  /**\n   * @since 10.19.0\n   */\n  group: boolean\n  /**\n   * @since 10.19.0\n   */\n  item: any\n  /**\n   * @since 10.19.0\n   */\n  action: 'selected' | 'unselected'\n  /**\n   * Indicates should focus be restored to the trigger(e.g. Button of Dropdown)\n   * after activating this item. If all items return focus to the trigger once activated,\n   * try just `restoreFocusOnHide` on `Dropdown` instead.\n   * if it is `undefined`, it is omitted in onSelect callback.\n   * @since 11.15.0\n   */\n  restoreFocus?: boolean\n}\n\nexport interface Reorder {\n  /**\n   * @since 10.19.0\n   */\n  draggableId: string\n  /**\n   * @since 10.19.0\n   */\n  source: {\n    index: number\n    droppableId: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  destination: {\n    index: number\n    droppableId: string\n  }\n}\n\ntype MenuRole = 'menu' | 'listbox' | 'none'\n\nexport interface MenuProps extends Omit<Div, 'onSelect' | 'onDragEnd'> {\n  /**\n   * @since 10.19.0\n   */\n  circular?: boolean\n  /**\n   * Set aria-multiselectable=\"true\"\n   * @since 10.19.0\n   */\n  multiple?: boolean\n  /**\n   * @since 10.19.0\n   */\n  onDragEnd?: (result: Reorder) => void\n  /**\n   * @since 10.19.0\n   */\n  onScrollBottom?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect?: (selection: Selection) => any\n  /**\n   * A menu is a widget that offers a list of choices to the user, such as a set of actions or functions.\n   *\n   * A listbox widget presents a list of options and allows a user to select one or more of them.\n   *\n   * @since 11.3.0\n   */\n  role?: MenuRole\n  /**\n   * Used when navigation in the menu is controlled by search or another input,\n   * called each time virtual focus (highlighted item) is changed\n   * Consider use `useMenuImperativeControlNavigation` hook.\n   *\n   * @since 11.5.0\n   */\n  onChangeActiveDescendant?: (id: string | undefined) => void\n  /**\n   * To override default menu navigation\n   * @since 11.5.0\n   */\n  onKeyboardNavigation?: React.KeyboardEventHandler\n}\n\nexport interface MenuRef {\n  /**\n   * @since 10.19.0\n   */\n  el: HTMLDivElement | null\n  /**\n   * @since 10.19.0\n   */\n  highlight: (item: HTMLElement, shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightFirst: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightLast: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightSelected: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlightSuggested: (shouldScroll?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  highlighted: () => any\n  /**\n   * @since 10.19.0\n   */\n  next: (circular?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  prev: (circular?: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  select: (\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) => void\n  /**\n   *  Usefully for extending navigation behavior with `onKeyboardNavigation`.\n   *  Pay attention that `ref` is `null` on first render.\n   *\n   *  ```\n   *  onKeyboardNavigation={(e) => {\n   *    if (e.key === 'Right' || e.key === 'ArrowRight') {\n   *        return navigateRight()\n   *    }\n   *\n   *    ref.defaultKeyDownNavigationHandler(e)\n   *  }}\n   *  ```\n   *\n   * @since 11.5.0\n   */\n  defaultKeyDownNavigationHandler: React.KeyboardEventHandler\n}\n\nexport interface ItemProps {\n  /**\n   * @since 10.19.0\n   */\n  item: any\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  suggested?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @a11y Focus will be restored to the trigger after after activating this item.\n   * Use `Dropdown restoreFocusOnHide` instead if all items return focus to the trigger once activated.\n   * @since 11.15.0\n   */\n  restoreFocus?: boolean\n}\n\nexport interface ItemWithDraggingProps extends ItemProps {\n  /**\n   * @since 10.19.0\n   */\n  droppableIn: string | string[]\n  /**\n   * @since 10.19.0\n   */\n  draggableId: string\n  /**\n   * @since 10.19.0\n   */\n  draggableIndex: number\n}\n\ninterface AnchorItemProps\n  extends Omit<ItemProps, 'item'>,\n    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'> {}\n\nexport type MenuItemProps = ItemProps | ItemWithDraggingProps | AnchorItemProps\n\nexport type MenuItemDefaultElement = 'div' | 'a'\n\n/**\n * @a11y When drag-and-drop is enabled, `children` should be a string so it\n * can be used for DnD announcements (exposed as `data-title`).\n */\nexport interface GroupProps {\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * @since 10.19.0\n   */\n  item?: any\n\n  /**\n   * @since 12.39.0\n   */\n  label?: string\n  /**\n   * @since 12.39.0\n   */\n  labelId?: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n  /**\n   * @since 12.51.1\n   */\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport interface MenuSearchProps\n  extends Omit<TypeaheadProps, 'onChange'>,\n    TypeaheadInputProps,\n    Props {\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @since 10.21.0\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * Controls the search input value. When provided, the search input becomes\n   * a controlled component and the parent must manage the value state.\n   * @since 12.34.0\n   */\n  value?: string\n}\n\nexport interface HeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n}\n\nexport interface DroppableProps {\n  /**\n   * @since 10.19.0\n   */\n  id: string\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 12.34.2\n   */\n  'aria-label'?: string\n  /**\n   * @since 12.34.2\n   */\n  'aria-labelledby'?: string\n  /**\n   * @since 12.34.2\n   */\n  role?: React.AriaRole\n  /**\n   * @since 12.34.2\n   */\n  'aria-multiselectable'?: boolean\n}\n\nexport interface FooterProps extends Omit<BoxProps, 'as'> {}\n\nexport interface MenuContext {\n  /**\n   * @since 11.5.0\n   */\n  a11yOptionsProps: {\n    role?: MenuRole\n    onKeyboardNavigation?: React.KeyboardEventHandler | null\n    tabIndex?: number\n    id?: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  currentlyDroppableIn: string[]\n  /**\n   * @since 12.34.2\n   */\n  dndInstructionsId: string\n  /**\n   * @since 10.19.0\n   */\n  onHoverItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 12.34.2\n   */\n  onFocusItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 12.34.2\n   */\n  onBlurItem: (el?: HTMLDivElement) => void\n  /**\n   * @since 12.51.1\n   */\n  onMouseLeaveItems: () => void\n  /**\n   * @since 10.19.0\n   */\n  onScrollBottom: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void\n  /**\n   * @since 10.19.0\n   */\n  onSelect: (selection: Selection) => void\n  /**\n   * @since 11.3.0\n   */\n  role: MenuRole\n}\n\nexport interface ControlNavigationProps {\n  menuId?: MenuProps['id']\n}\n\nexport interface ControlNavigationReturn {\n  menuNavigationTriggerProps: {\n    'aria-activedescendant'?: string\n    'aria-controls'?: string\n    onKeyDown?: React.KeyboardEventHandler<Element>\n  }\n  menuProps: {\n    onChangeActiveDescendant?: React.Dispatch<\n      React.SetStateAction<string | undefined>\n    >\n    id: string\n  }\n}\n"],"mappings":"","ignoreList":[]}

package/dist/MenuImperative/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MenuRef, Selection } from './MenuImperative.types';
 export { MenuImperative, useMenuImperativeControlNavigation, } from './MenuImperative';
 export type { MenuRef, Selection } from './MenuImperative.types';
@@ -8,7 +7,7 @@ export { menuItemsWrapperAttribute } from './sensors';
  * @deprecated Please use `MenuImperative` instead
  */
 export declare const UNSAFE_Menu: import("react").ForwardRefExoticComponent<import("./MenuImperative.types").MenuProps & import("react").RefAttributes<MenuRef>> & {
-    CheckboxItem: import("react").ForwardRefExoticComponent<(import("react").HTMLAttributes<HTMLDivElement> & (import("./MenuImperative.types").ItemProps | import("./MenuImperative.types").ItemWithDraggingProps) & Omit<import("..").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<(import("react").HTMLAttributes<HTMLDivElement> & ((import("./MenuImperative.types").ItemProps | import("./MenuImperative.types").ItemWithDraggingProps) & Omit<import("..").CheckboxProps, "checked">)) & import("react").RefAttributes<HTMLDivElement>>;
     Droppable: typeof import("./MenuImperative").Droppable;
     Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("./MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
     Group: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("./MenuImperative.types").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -24,7 +23,7 @@ export declare const UNSAFE_Menu: import("react").ForwardRefExoticComponent<impo
  * @deprecatedSince 12.31.0
  * @deprecated Please use `useMenuImperativeControlNavigation` instead
  */
-export declare const UNSAFE_useMenuImperativeControlNavigation: (ref: import("react").RefObject<MenuRef>, enable?: boolean, options?: import("./MenuImperative.types").ControlNavigationProps) => import("./MenuImperative.types").ControlNavigationReturn;
+export declare const UNSAFE_useMenuImperativeControlNavigation: (ref: React.RefObject<MenuRef>, enable?: boolean, options?: import("./MenuImperative.types").ControlNavigationProps) => import("./MenuImperative.types").ControlNavigationReturn;
 /**
  * @deprecatedSince 12.30.1
  * @deprecated Please use `menuItemsWrapperAttribute` instead

package/dist/MenuImperative/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MenuImperative","useMenuImperativeControlNavigation","menuItemsWrapperAttribute","UNSAFE_Menu","UNSAFE_useMenuImperativeControlNavigation","UNSAFE_menuItemsWrapperAttribute"],"sources":["../../src/MenuImperative/index.ts"],"sourcesContent":["import {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from './MenuImperative'\nimport type { MenuRef, Selection } from './MenuImperative.types'\nimport { menuItemsWrapperAttribute } from './sensors'\n\nexport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from './MenuImperative'\nexport type { MenuRef, Selection } from './MenuImperative.types'\nexport { menuItemsWrapperAttribute } from './sensors'\n\n/**\n * @deprecatedSince 12.31.0\n * @deprecated Please use `MenuImperative` instead\n */\nexport const UNSAFE_Menu = MenuImperative\n/**\n * @deprecatedSince 12.31.0\n * @deprecated Please use `useMenuImperativeControlNavigation` instead\n */\nexport const UNSAFE_useMenuImperativeControlNavigation =\n  useMenuImperativeControlNavigation\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `menuItemsWrapperAttribute` instead\n */\nexport const UNSAFE_menuItemsWrapperAttribute = menuItemsWrapperAttribute\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `MenuRef` instead\n */\nexport interface UNSAFE_MenuRef extends MenuRef {}\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `Selection` instead\n */\nexport interface UNSAFE_MenuSelection extends Selection {}\n"],"mappings":"AAAA,SACEA,cAAc,EACdC,kCAAkC,QAC7B,kBAAkB;AAEzB,SAASC,yBAAyB,QAAQ,WAAW;AAErD,SACEF,cAAc,EACdC,kCAAkC,QAC7B,kBAAkB;AAEzB,SAASC,yBAAyB,QAAQ,WAAW;;AAErD;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAGH,cAAc;AACzC;AACA;AACA;AACA;AACA,OAAO,IAAMI,yCAAyC,GACpDH,kCAAkC;;AAEpC;AACA;AACA;AACA;AACA,OAAO,IAAMI,gCAAgC,GAAGH,yBAAyB;;AAEzE;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA"}
+{"version":3,"file":"index.js","names":["MenuImperative","useMenuImperativeControlNavigation","menuItemsWrapperAttribute","UNSAFE_Menu","UNSAFE_useMenuImperativeControlNavigation","UNSAFE_menuItemsWrapperAttribute"],"sources":["../../src/MenuImperative/index.ts"],"sourcesContent":["import {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from './MenuImperative'\nimport type { MenuRef, Selection } from './MenuImperative.types'\nimport { menuItemsWrapperAttribute } from './sensors'\n\nexport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from './MenuImperative'\nexport type { MenuRef, Selection } from './MenuImperative.types'\nexport { menuItemsWrapperAttribute } from './sensors'\n\n/**\n * @deprecatedSince 12.31.0\n * @deprecated Please use `MenuImperative` instead\n */\nexport const UNSAFE_Menu = MenuImperative\n/**\n * @deprecatedSince 12.31.0\n * @deprecated Please use `useMenuImperativeControlNavigation` instead\n */\nexport const UNSAFE_useMenuImperativeControlNavigation =\n  useMenuImperativeControlNavigation\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `menuItemsWrapperAttribute` instead\n */\nexport const UNSAFE_menuItemsWrapperAttribute = menuItemsWrapperAttribute\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `MenuRef` instead\n */\nexport interface UNSAFE_MenuRef extends MenuRef {}\n\n/**\n * @deprecatedSince 12.30.1\n * @deprecated Please use `Selection` instead\n */\nexport interface UNSAFE_MenuSelection extends Selection {}\n"],"mappings":"AAAA,SACEA,cAAc,EACdC,kCAAkC,QAC7B,kBAAkB;AAEzB,SAASC,yBAAyB,QAAQ,WAAW;AAErD,SACEF,cAAc,EACdC,kCAAkC,QAC7B,kBAAkB;AAEzB,SAASC,yBAAyB,QAAQ,WAAW;;AAErD;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAGH,cAAc;AACzC;AACA;AACA;AACA;AACA,OAAO,IAAMI,yCAAyC,GACpDH,kCAAkC;;AAEpC;AACA;AACA;AACA;AACA,OAAO,IAAMI,gCAAgC,GAAGH,yBAAyB;;AAEzE;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA","ignoreList":[]}

package/dist/MenuImperative/sensors.d.ts

@@ -1,3 +1,4 @@
+import type { SensorAPI } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration';
 import type React from 'react';
 import type { Selection } from './MenuImperative.types';
 export declare const menuItemsWrapperAttribute: {
@@ -8,6 +9,7 @@ export declare function createSensors(ref: React.RefObject<HTMLDivElement>, circ
     handleItemHover(el?: HTMLDivElement): void;
     handleItemFocus(el?: HTMLDivElement): void;
     handleItemBlur(el?: HTMLDivElement): void;
+    handleItemsMouseLeave(): void;
     useKeyboardSensor(api: SensorAPI): void;
     setIsDragging(isDragging: boolean): void;
     updateSelectCallback(callback: (selection: Selection) => any): void;

package/dist/MenuImperative/sensors.js

@@ -56,9 +56,9 @@ export function createSensors(ref, circular, onChangeActiveDescendant) {
     current: false
   };
   function updateHighlightedAttribute(item, highlight) {
-    item === null || item === void 0 ? void 0 : item.setAttribute('data-highlighted', highlight ? 'true' : 'false');
-    item === null || item === void 0 ? void 0 : item.setAttribute('data-focus-visible', highlight && inputModality === 'keyboard' ? 'true' : 'false');
-    item === null || item === void 0 ? void 0 : item.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE));
+    item === null || item === void 0 || item.setAttribute('data-highlighted', highlight ? 'true' : 'false');
+    item === null || item === void 0 || item.setAttribute('data-focus-visible', highlight && inputModality === 'keyboard' ? 'true' : 'false');
+    item === null || item === void 0 || item.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE));
   }
   function select(event) {
     if (ref.current && highlightedItem) {
@@ -71,7 +71,7 @@ export function createSensors(ref, circular, onChangeActiveDescendant) {
       if (highlightedItem.tagName === 'A') {
         highlightedItem.click();
       }
-      (_onSelect = onSelect) === null || _onSelect === void 0 ? void 0 : _onSelect(_objectSpread({
+      (_onSelect = onSelect) === null || _onSelect === void 0 || _onSelect(_objectSpread({
         event: event,
         item: item,
         group: false,
@@ -200,6 +200,14 @@ export function createSensors(ref, circular, onChangeActiveDescendant) {
     handleItemBlur: function handleItemBlur(el) {
       _handleItemBlur(el);
     },
+    handleItemsMouseLeave: function handleItemsMouseLeave() {
+      if (inputModality !== 'mouse' || !highlightedItem) {
+        return;
+      }
+      updateHighlightedAttribute(highlightedItem, false);
+      highlightedItem = null;
+      onChangeActiveDescendant('', ref.current);
+    },
     useKeyboardSensor: function useKeyboardSensor(api) {
       dragAndDropApi = api;
     },

package/dist/MenuImperative/sensors.js.map

@@ -1 +1 @@
-{"version":3,"file":"sensors.js","names":["scrollIntoView","noop","MOUSE_ENTER","MOUSE_LEAVE","lastDocumentInputType","document","addEventListener","menuItemsWrapperAttributeName","menuItemsWrapperAttribute","_defineProperty","isItem","element","hasAttribute","isGroup","el","JSON","parse","dataset","group","isWrapper","getAttribute","getAllItems","menu","querySelectorAll","getFirstItem","_getAllItems","getPrevItem","item","items","Array","prototype","indexOf","call","getNextItem","getLastItem","length","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","onSelect","inputModality","isDraggingStateRef","current","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","select","event","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","shouldFocus","_item$getAttribute","id","focus","handleItemBlur","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","isDragActive","key","preventDefault","handleItemHover","handleItemFocus","useKeyboardSensor","api","setIsDragging","isDragging","updateSelectCallback","callback","highlighted","_highlightedItem6","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem7","draggableId","_ref$current3","newItem","querySelector","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import type { SensorAPI } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration'\nimport type React from 'react'\nimport { scrollIntoView } from '../_utils/scrollIntoView'\nimport type { Selection } from './MenuImperative.types'\n\nfunction noop() {}\n\nconst MOUSE_ENTER = 'mouseenter'\nconst MOUSE_LEAVE = 'mouseleave'\n\nlet lastDocumentInputType: InputModality = 'mouse'\n\nif (typeof document !== 'undefined') {\n  document.addEventListener(\n    'keydown',\n    () => {\n      lastDocumentInputType = 'keyboard'\n    },\n    true\n  )\n  document.addEventListener(\n    'pointerdown',\n    () => {\n      lastDocumentInputType = 'mouse'\n    },\n    true\n  )\n}\n\nconst menuItemsWrapperAttributeName = 'data-core-menuimperative-items-wrapper'\nexport const menuItemsWrapperAttribute = {\n  [menuItemsWrapperAttributeName]: 'true',\n}\n\nconst isItem = (element: Element | null) => element?.hasAttribute('data-value')\n\nfunction isGroup(el: HTMLElement) {\n  return JSON.parse(el.dataset.group || 'false')\n}\n\nconst isWrapper = (element: Element | null) =>\n  element?.getAttribute(menuItemsWrapperAttributeName) === 'true'\n\nfunction getAllItems(menu: Element | null) {\n  return menu?.querySelectorAll<HTMLElement>(\n    '[data-value]:not([data-group=\"true\"])'\n  )\n}\n\nfunction getFirstItem(menu: Element | null) {\n  return getAllItems(menu)?.[0]\n}\n\nfunction getPrevItem(item: Element, menu: Element | null): HTMLElement | null {\n  const items = getAllItems(menu)\n\n  return items ? items[Array.prototype.indexOf.call(items, item) - 1] : null\n}\n\nfunction getNextItem(item: Element, menu: Element | null): HTMLElement | null {\n  const items = getAllItems(menu)\n\n  return items ? items[Array.prototype.indexOf.call(items, item) + 1] : null\n}\n\nfunction getLastItem(menu: Element | null) {\n  const items = getAllItems(menu)\n  return items?.[items.length - 1]\n}\n\ntype InputModality = 'mouse' | 'keyboard'\n\nexport function createSensors(\n  ref: React.RefObject<HTMLDivElement>,\n  circular: boolean,\n  onChangeActiveDescendant: (\n    id: string | undefined,\n    menuRef: Element | null\n  ) => void\n) {\n  let highlightedItem: HTMLElement | null = null\n  let dragAndDropApi: SensorAPI | null = null\n  let onSelect: (selection: Selection) => any = noop\n  let inputModality: InputModality = 'mouse'\n  const isDraggingStateRef = { current: false }\n\n  function updateHighlightedAttribute(\n    item: Element | null | undefined,\n    highlight: boolean\n  ) {\n    item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n    item?.setAttribute(\n      'data-focus-visible',\n      highlight && inputModality === 'keyboard' ? 'true' : 'false'\n    )\n    item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n  }\n\n  function select(\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) {\n    if (ref.current && highlightedItem) {\n      const disabled = JSON.parse(highlightedItem?.dataset.disabled || 'false')\n      if (disabled) return\n\n      const item = JSON.parse(highlightedItem?.dataset.value || 'null')\n      const selected = JSON.parse(highlightedItem?.dataset.selected || 'false')\n      const restoreFocus = highlightedItem?.dataset.restorefocus\n        ? JSON.parse(highlightedItem?.dataset.restorefocus)\n        : undefined\n\n      if (highlightedItem.tagName === 'A') {\n        highlightedItem.click()\n      }\n\n      onSelect?.({\n        event,\n        item,\n        group: false,\n        action: selected ? 'unselected' : 'selected',\n        ...(restoreFocus === undefined ? {} : { restoreFocus }),\n      })\n    }\n  }\n\n  function highlightItem(\n    item: HTMLElement | null | undefined,\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = false\n  ) {\n    // performance improvement, highlightItem is called onMouseMove for Item\n    if (item === highlightedItem) {\n      return\n    }\n\n    if (item) {\n      updateHighlightedAttribute(highlightedItem, false)\n\n      // TODO add localized screenreader instructions for the item\n      updateHighlightedAttribute(item, true)\n\n      const id = item.getAttribute('id') ?? undefined\n      onChangeActiveDescendant(id, ref.current)\n\n      highlightedItem = item\n\n      if (shouldFocus) {\n        item.focus()\n      }\n\n      if (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\n  }\n\n  function handleItemBlur(el?: HTMLDivElement) {\n    updateHighlightedAttribute(el, false)\n    highlightedItem = null\n  }\n\n  function getPrevHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const prev = getPrevItem(currentItem, ref.current)\n    if (prev) {\n      if (isItem(prev)) {\n        return prev\n      }\n    } else if (circular) {\n      return getLastItem(ref.current)\n    }\n\n    return prev\n  }\n\n  function getNextHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const next = getNextItem(currentItem, ref.current)\n\n    if (next) {\n      if (isItem(next)) {\n        return next\n      }\n    } else if (circular) {\n      return getFirstItem(ref.current)\n    }\n  }\n\n  function highlightFirstItem(\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = true\n  ) {\n    inputModality = lastDocumentInputType\n    highlightItem(getFirstItem(ref.current), shouldScroll, shouldFocus)\n  }\n\n  function highlightLastItem(\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = true\n  ) {\n    inputModality = lastDocumentInputType\n    highlightItem(getLastItem(ref.current), shouldScroll, shouldFocus)\n  }\n\n  function highlightPrevItem() {\n    inputModality = 'keyboard'\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev, true, true)\n      }\n    } else {\n      highlightLastItem(true, true)\n    }\n  }\n\n  function highlightNextItem() {\n    inputModality = 'keyboard'\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next, true, true)\n      }\n    } else {\n      highlightFirstItem(true, true)\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        const isDragActive = isDraggingStateRef.current\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          if (!isDragActive) {\n            event.preventDefault()\n            highlightPrevItem()\n          }\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          if (!isDragActive) {\n            event.preventDefault()\n            highlightNextItem()\n          }\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (!isDragActive) {\n            select(event)\n          }\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      inputModality = 'mouse'\n      highlightItem(el, false)\n    },\n    handleItemFocus(el?: HTMLDivElement) {\n      highlightItem(el, true, true)\n    },\n    handleItemBlur(el?: HTMLDivElement) {\n      handleItemBlur(el)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\n    },\n    setIsDragging(isDragging: boolean) {\n      isDraggingStateRef.current = isDragging\n    },\n\n    updateSelectCallback(callback: (selection: Selection) => any) {\n      onSelect = callback\n    },\n\n    highlight: highlightItem,\n\n    highlighted() {\n      return JSON.parse(highlightedItem?.dataset.value || 'null')\n    },\n\n    highlightFirst: highlightFirstItem,\n    highlightLast: highlightLastItem,\n    rehighlightCurrent() {\n      // Rehighlights an item that may have lost its styling due to the re-render of the list items\n      const draggableId = highlightedItem?.getAttribute('data-rbd-draggable-id')\n      if (draggableId) {\n        const newItem = ref.current?.querySelector<HTMLElement>(\n          `[data-rbd-draggable-id=\"${draggableId.replace(/[\"\\\\]/g, '\\\\$&')}\"]`\n        )\n        highlightItem(newItem)\n      }\n    },\n\n    highlightSelected(shouldScroll: boolean = true) {\n      const selectedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-selected=\"true\"]'\n      )\n\n      highlightItem(selectedItem, shouldScroll)\n    },\n\n    highlightSuggested(shouldScroll: boolean = true) {\n      const suggestedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-suggested=\"true\"]'\n      )\n\n      highlightItem(suggestedItem, shouldScroll)\n    },\n\n    prev: highlightPrevItem,\n    next: highlightNextItem,\n    select,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sensors.js","names":["scrollIntoView","noop","MOUSE_ENTER","MOUSE_LEAVE","lastDocumentInputType","document","addEventListener","menuItemsWrapperAttributeName","menuItemsWrapperAttribute","_defineProperty","isItem","element","hasAttribute","isGroup","el","JSON","parse","dataset","group","isWrapper","getAttribute","getAllItems","menu","querySelectorAll","getFirstItem","_getAllItems","getPrevItem","item","items","Array","prototype","indexOf","call","getNextItem","getLastItem","length","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","onSelect","inputModality","isDraggingStateRef","current","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","select","event","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","shouldFocus","_item$getAttribute","id","focus","handleItemBlur","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","isDragActive","key","preventDefault","handleItemHover","handleItemFocus","handleItemsMouseLeave","useKeyboardSensor","api","setIsDragging","isDragging","updateSelectCallback","callback","highlighted","_highlightedItem6","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem7","draggableId","_ref$current3","newItem","querySelector","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import type { SensorAPI } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration'\nimport type React from 'react'\nimport { scrollIntoView } from '../_utils/scrollIntoView'\nimport type { Selection } from './MenuImperative.types'\n\nfunction noop() {}\n\nconst MOUSE_ENTER = 'mouseenter'\nconst MOUSE_LEAVE = 'mouseleave'\n\nlet lastDocumentInputType: InputModality = 'mouse'\n\nif (typeof document !== 'undefined') {\n  document.addEventListener(\n    'keydown',\n    () => {\n      lastDocumentInputType = 'keyboard'\n    },\n    true\n  )\n  document.addEventListener(\n    'pointerdown',\n    () => {\n      lastDocumentInputType = 'mouse'\n    },\n    true\n  )\n}\n\nconst menuItemsWrapperAttributeName = 'data-core-menuimperative-items-wrapper'\nexport const menuItemsWrapperAttribute = {\n  [menuItemsWrapperAttributeName]: 'true',\n}\n\nconst isItem = (element: Element | null) => element?.hasAttribute('data-value')\n\nfunction isGroup(el: HTMLElement) {\n  return JSON.parse(el.dataset.group || 'false')\n}\n\nconst isWrapper = (element: Element | null) =>\n  element?.getAttribute(menuItemsWrapperAttributeName) === 'true'\n\nfunction getAllItems(menu: Element | null) {\n  return menu?.querySelectorAll<HTMLElement>(\n    '[data-value]:not([data-group=\"true\"])'\n  )\n}\n\nfunction getFirstItem(menu: Element | null) {\n  return getAllItems(menu)?.[0]\n}\n\nfunction getPrevItem(item: Element, menu: Element | null): HTMLElement | null {\n  const items = getAllItems(menu)\n\n  return items ? items[Array.prototype.indexOf.call(items, item) - 1] : null\n}\n\nfunction getNextItem(item: Element, menu: Element | null): HTMLElement | null {\n  const items = getAllItems(menu)\n\n  return items ? items[Array.prototype.indexOf.call(items, item) + 1] : null\n}\n\nfunction getLastItem(menu: Element | null) {\n  const items = getAllItems(menu)\n  return items?.[items.length - 1]\n}\n\ntype InputModality = 'mouse' | 'keyboard'\n\nexport function createSensors(\n  ref: React.RefObject<HTMLDivElement>,\n  circular: boolean,\n  onChangeActiveDescendant: (\n    id: string | undefined,\n    menuRef: Element | null\n  ) => void\n) {\n  let highlightedItem: HTMLElement | null = null\n  let dragAndDropApi: SensorAPI | null = null\n  let onSelect: (selection: Selection) => any = noop\n  let inputModality: InputModality = 'mouse'\n  const isDraggingStateRef = { current: false }\n\n  function updateHighlightedAttribute(\n    item: Element | null | undefined,\n    highlight: boolean\n  ) {\n    item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n    item?.setAttribute(\n      'data-focus-visible',\n      highlight && inputModality === 'keyboard' ? 'true' : 'false'\n    )\n    item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n  }\n\n  function select(\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) {\n    if (ref.current && highlightedItem) {\n      const disabled = JSON.parse(highlightedItem?.dataset.disabled || 'false')\n      if (disabled) return\n\n      const item = JSON.parse(highlightedItem?.dataset.value || 'null')\n      const selected = JSON.parse(highlightedItem?.dataset.selected || 'false')\n      const restoreFocus = highlightedItem?.dataset.restorefocus\n        ? JSON.parse(highlightedItem?.dataset.restorefocus)\n        : undefined\n\n      if (highlightedItem.tagName === 'A') {\n        highlightedItem.click()\n      }\n\n      onSelect?.({\n        event,\n        item,\n        group: false,\n        action: selected ? 'unselected' : 'selected',\n        ...(restoreFocus === undefined ? {} : { restoreFocus }),\n      })\n    }\n  }\n\n  function highlightItem(\n    item: HTMLElement | null | undefined,\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = false\n  ) {\n    // performance improvement, highlightItem is called onMouseMove for Item\n    if (item === highlightedItem) {\n      return\n    }\n\n    if (item) {\n      updateHighlightedAttribute(highlightedItem, false)\n\n      // TODO add localized screenreader instructions for the item\n      updateHighlightedAttribute(item, true)\n\n      const id = item.getAttribute('id') ?? undefined\n      onChangeActiveDescendant(id, ref.current)\n\n      highlightedItem = item\n\n      if (shouldFocus) {\n        item.focus()\n      }\n\n      if (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\n  }\n\n  function handleItemBlur(el?: HTMLDivElement) {\n    updateHighlightedAttribute(el, false)\n    highlightedItem = null\n  }\n\n  function getPrevHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const prev = getPrevItem(currentItem, ref.current)\n    if (prev) {\n      if (isItem(prev)) {\n        return prev\n      }\n    } else if (circular) {\n      return getLastItem(ref.current)\n    }\n\n    return prev\n  }\n\n  function getNextHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const next = getNextItem(currentItem, ref.current)\n\n    if (next) {\n      if (isItem(next)) {\n        return next\n      }\n    } else if (circular) {\n      return getFirstItem(ref.current)\n    }\n  }\n\n  function highlightFirstItem(\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = true\n  ) {\n    inputModality = lastDocumentInputType\n    highlightItem(getFirstItem(ref.current), shouldScroll, shouldFocus)\n  }\n\n  function highlightLastItem(\n    shouldScroll: boolean = true,\n    shouldFocus: boolean = true\n  ) {\n    inputModality = lastDocumentInputType\n    highlightItem(getLastItem(ref.current), shouldScroll, shouldFocus)\n  }\n\n  function highlightPrevItem() {\n    inputModality = 'keyboard'\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev, true, true)\n      }\n    } else {\n      highlightLastItem(true, true)\n    }\n  }\n\n  function highlightNextItem() {\n    inputModality = 'keyboard'\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next, true, true)\n      }\n    } else {\n      highlightFirstItem(true, true)\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        const isDragActive = isDraggingStateRef.current\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          if (!isDragActive) {\n            event.preventDefault()\n            highlightPrevItem()\n          }\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          if (!isDragActive) {\n            event.preventDefault()\n            highlightNextItem()\n          }\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (!isDragActive) {\n            select(event)\n          }\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      inputModality = 'mouse'\n      highlightItem(el, false)\n    },\n    handleItemFocus(el?: HTMLDivElement) {\n      highlightItem(el, true, true)\n    },\n    handleItemBlur(el?: HTMLDivElement) {\n      handleItemBlur(el)\n    },\n    handleItemsMouseLeave() {\n      if (inputModality !== 'mouse' || !highlightedItem) {\n        return\n      }\n      updateHighlightedAttribute(highlightedItem, false)\n      highlightedItem = null\n      onChangeActiveDescendant('', ref.current)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\n    },\n    setIsDragging(isDragging: boolean) {\n      isDraggingStateRef.current = isDragging\n    },\n\n    updateSelectCallback(callback: (selection: Selection) => any) {\n      onSelect = callback\n    },\n\n    highlight: highlightItem,\n\n    highlighted() {\n      return JSON.parse(highlightedItem?.dataset.value || 'null')\n    },\n\n    highlightFirst: highlightFirstItem,\n    highlightLast: highlightLastItem,\n    rehighlightCurrent() {\n      // Rehighlights an item that may have lost its styling due to the re-render of the list items\n      const draggableId = highlightedItem?.getAttribute('data-rbd-draggable-id')\n      if (draggableId) {\n        const newItem = ref.current?.querySelector<HTMLElement>(\n          `[data-rbd-draggable-id=\"${draggableId.replace(/[\"\\\\]/g, '\\\\$&')}\"]`\n        )\n        highlightItem(newItem)\n      }\n    },\n\n    highlightSelected(shouldScroll: boolean = true) {\n      const selectedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-selected=\"true\"]'\n      )\n\n      highlightItem(selectedItem, shouldScroll)\n    },\n\n    highlightSuggested(shouldScroll: boolean = true) {\n      const suggestedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-suggested=\"true\"]'\n      )\n\n      highlightItem(suggestedItem, shouldScroll)\n    },\n\n    prev: highlightPrevItem,\n    next: highlightNextItem,\n    select,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/Modal/ChildRegistry.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildRegistry.context.js","names":["React","ChildRegistryContext","createContext","ChildRegistryDispatch","childToRegister","initState","header","undefined","body","closeableButtons","registerChild","state","_objectSpread","_defineProperty","child","ref","ChildRegistryProvider","_ref","children","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","dispatch","createElement","Provider","value","useModalChildRegistryContext","context","useContext","Error","useModalChildRegistryDispatch"],"sources":["../../src/Modal/ChildRegistry.context.tsx"],"sourcesContent":["import React from 'react'\n\nconst ChildRegistryContext = React.createContext<ChildRegistry>({})\nconst ChildRegistryDispatch = React.createContext<\n  React.Dispatch<ChildToRegister>\n>((childToRegister: ChildToRegister) => ({}))\n\n/**\n *  Tracks the children of the modal, primarily for managing focus\n */\ninterface ChildRegistry {\n  header?: React.RefObject<HTMLDivElement>\n  body?: React.RefObject<HTMLDivElement>\n  closeableButtons?: React.RefObject<HTMLDivElement>\n}\n\nconst initState: ChildRegistry = {\n  header: undefined,\n  body: undefined,\n  closeableButtons: undefined,\n}\n\ninterface ChildToRegister {\n  child: keyof ChildRegistry\n  ref: React.MutableRefObject<null>\n}\n\nfunction registerChild(state: ChildRegistry, childToRegister: ChildToRegister) {\n  return {\n    ...state,\n    [childToRegister.child]: childToRegister.ref,\n  }\n}\n\nexport function ChildRegistryProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const [state, dispatch] = React.useReducer(registerChild, initState)\n  return (\n    <ChildRegistryContext.Provider value={state}>\n      <ChildRegistryDispatch.Provider value={dispatch}>\n        {children}\n      </ChildRegistryDispatch.Provider>\n    </ChildRegistryContext.Provider>\n  )\n}\n\nexport function useModalChildRegistryContext() {\n  const context = React.useContext(ChildRegistryContext)\n  if (!context) {\n    throw new Error(\n      'useModalChildRegistryContext must be used within a ChildRegistryProvider'\n    )\n  }\n  return context\n}\n\nexport function useModalChildRegistryDispatch() {\n  const context = React.useContext(ChildRegistryDispatch)\n  if (!context) {\n    throw new Error(\n      'useModalChildRegistryDispatch must be used within a ChildRegistryProvider'\n    )\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAgB,CAAC,CAAC,CAAC;AACnE,IAAMC,qBAAqB,gBAAGH,KAAK,CAACE,aAAa,CAE/C,UAACE,eAAgC;EAAA,OAAM,CAAC,CAAC;AAAA,CAAC,CAAC;;AAE7C;AACA;AACA;;AAOA,IAAMC,SAAwB,GAAG;EAC/BC,MAAM,EAAEC,SAAS;EACjBC,IAAI,EAAED,SAAS;EACfE,gBAAgB,EAAEF;AACpB,CAAC;AAOD,SAASG,aAAaA,CAACC,KAAoB,EAAEP,eAAgC,EAAE;EAC7E,OAAAQ,aAAA,CAAAA,aAAA,KACKD,KAAK,OAAAE,eAAA,KACPT,eAAe,CAACU,KAAK,EAAGV,eAAe,CAACW,GAAG;AAEhD;AAEA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAIlC;EAAA,IAHDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAIR,IAAAC,iBAAA,GAA0BnB,KAAK,CAACoB,UAAU,CAACV,aAAa,EAAEL,SAAS,CAAC;IAAAgB,kBAAA,GAAAC,cAAA,CAAAH,iBAAA;IAA7DR,KAAK,GAAAU,kBAAA;IAAEE,QAAQ,GAAAF,kBAAA;EACtB,oBACErB,KAAA,CAAAwB,aAAA,CAACvB,oBAAoB,CAACwB,QAAQ;IAACC,KAAK,EAAEf;EAAM,gBAC1CX,KAAA,CAAAwB,aAAA,CAACrB,qBAAqB,CAACsB,QAAQ;IAACC,KAAK,EAAEH;EAAS,GAC7CL,QAC6B,CACH,CAAC;AAEpC;AAEA,OAAO,SAASS,4BAA4BA,CAAA,EAAG;EAC7C,IAAMC,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC5B,oBAAoB,CAAC;EACtD,IAAI,CAAC2B,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,0EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB;AAEA,OAAO,SAASG,6BAA6BA,CAAA,EAAG;EAC9C,IAAMH,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC1B,qBAAqB,CAAC;EACvD,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,2EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB"}
+{"version":3,"file":"ChildRegistry.context.js","names":["React","ChildRegistryContext","createContext","ChildRegistryDispatch","childToRegister","initState","header","undefined","body","closeableButtons","registerChild","state","_objectSpread","_defineProperty","child","ref","ChildRegistryProvider","_ref","children","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","dispatch","createElement","Provider","value","useModalChildRegistryContext","context","useContext","Error","useModalChildRegistryDispatch"],"sources":["../../src/Modal/ChildRegistry.context.tsx"],"sourcesContent":["import React from 'react'\n\nconst ChildRegistryContext = React.createContext<ChildRegistry>({})\nconst ChildRegistryDispatch = React.createContext<\n  React.Dispatch<ChildToRegister>\n>((childToRegister: ChildToRegister) => ({}))\n\n/**\n *  Tracks the children of the modal, primarily for managing focus\n */\ninterface ChildRegistry {\n  header?: React.RefObject<HTMLDivElement>\n  body?: React.RefObject<HTMLDivElement>\n  closeableButtons?: React.RefObject<HTMLDivElement>\n}\n\nconst initState: ChildRegistry = {\n  header: undefined,\n  body: undefined,\n  closeableButtons: undefined,\n}\n\ninterface ChildToRegister {\n  child: keyof ChildRegistry\n  ref: React.MutableRefObject<null>\n}\n\nfunction registerChild(state: ChildRegistry, childToRegister: ChildToRegister) {\n  return {\n    ...state,\n    [childToRegister.child]: childToRegister.ref,\n  }\n}\n\nexport function ChildRegistryProvider({\n  children,\n}: {\n  children: React.ReactNode\n}) {\n  const [state, dispatch] = React.useReducer(registerChild, initState)\n  return (\n    <ChildRegistryContext.Provider value={state}>\n      <ChildRegistryDispatch.Provider value={dispatch}>\n        {children}\n      </ChildRegistryDispatch.Provider>\n    </ChildRegistryContext.Provider>\n  )\n}\n\nexport function useModalChildRegistryContext() {\n  const context = React.useContext(ChildRegistryContext)\n  if (!context) {\n    throw new Error(\n      'useModalChildRegistryContext must be used within a ChildRegistryProvider'\n    )\n  }\n  return context\n}\n\nexport function useModalChildRegistryDispatch() {\n  const context = React.useContext(ChildRegistryDispatch)\n  if (!context) {\n    throw new Error(\n      'useModalChildRegistryDispatch must be used within a ChildRegistryProvider'\n    )\n  }\n  return context\n}\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAgB,CAAC,CAAC,CAAC;AACnE,IAAMC,qBAAqB,gBAAGH,KAAK,CAACE,aAAa,CAE/C,UAACE,eAAgC;EAAA,OAAM,CAAC,CAAC;AAAA,CAAC,CAAC;;AAE7C;AACA;AACA;;AAOA,IAAMC,SAAwB,GAAG;EAC/BC,MAAM,EAAEC,SAAS;EACjBC,IAAI,EAAED,SAAS;EACfE,gBAAgB,EAAEF;AACpB,CAAC;AAOD,SAASG,aAAaA,CAACC,KAAoB,EAAEP,eAAgC,EAAE;EAC7E,OAAAQ,aAAA,CAAAA,aAAA,KACKD,KAAK,OAAAE,eAAA,KACPT,eAAe,CAACU,KAAK,EAAGV,eAAe,CAACW,GAAG;AAEhD;AAEA,OAAO,SAASC,qBAAqBA,CAAAC,IAAA,EAIlC;EAAA,IAHDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAIR,IAAAC,iBAAA,GAA0BnB,KAAK,CAACoB,UAAU,CAACV,aAAa,EAAEL,SAAS,CAAC;IAAAgB,kBAAA,GAAAC,cAAA,CAAAH,iBAAA;IAA7DR,KAAK,GAAAU,kBAAA;IAAEE,QAAQ,GAAAF,kBAAA;EACtB,oBACErB,KAAA,CAAAwB,aAAA,CAACvB,oBAAoB,CAACwB,QAAQ;IAACC,KAAK,EAAEf;EAAM,gBAC1CX,KAAA,CAAAwB,aAAA,CAACrB,qBAAqB,CAACsB,QAAQ;IAACC,KAAK,EAAEH;EAAS,GAC7CL,QAC6B,CACH,CAAC;AAEpC;AAEA,OAAO,SAASS,4BAA4BA,CAAA,EAAG;EAC7C,IAAMC,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC5B,oBAAoB,CAAC;EACtD,IAAI,CAAC2B,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,0EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB;AAEA,OAAO,SAASG,6BAA6BA,CAAA,EAAG;EAC9C,IAAMH,OAAO,GAAG5B,KAAK,CAAC6B,UAAU,CAAC1B,qBAAqB,CAAC;EACvD,IAAI,CAACyB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,2EACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB","ignoreList":[]}

package/dist/Modal/Modal.d.ts

@@ -25,7 +25,7 @@ export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.R
     Body: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
     Container: React.ForwardRefExoticComponent<ModalContainerProps & React.RefAttributes<HTMLDivElement>>;
     Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-        $compact?: boolean | undefined;
+        $compact?: boolean;
     }>> & string;
     Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
     FooterButtons: React.ForwardRefExoticComponent<ModalCloseableHeaderProps & React.RefAttributes<HTMLDivElement>>;