@procore/core-react 12.37.0 → 12.39.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   * 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 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\nexport interface GroupProps {\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * @since 10.19.0\n   */\n  item?: any\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\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 10.19.0\n   */\n  onHoverItem: (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   * 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 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\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\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\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 10.19.0\n   */\n  onHoverItem: (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":""}

package/dist/MenuImperative/sensors.js

@@ -19,59 +19,24 @@ function isGroup(el) {
 var isWrapper = function isWrapper(element) {
   return (element === null || element === void 0 ? void 0 : element.getAttribute(menuItemsWrapperAttributeName)) === 'true';
 };
+function getAllItems(menu) {
+  return menu === null || menu === void 0 ? void 0 : menu.querySelectorAll('[data-value]:not([data-group="true"])');
+}
 function getFirstItem(menu) {
-  var firstItem = menu === null || menu === void 0 ? void 0 : menu.querySelector('[data-value]:first-child');
-  if (firstItem && isGroup(firstItem)) {
-    return getNextItem(firstItem);
-  }
-  return firstItem;
+  var _getAllItems;
+  return (_getAllItems = getAllItems(menu)) === null || _getAllItems === void 0 ? void 0 : _getAllItems[0];
 }
-function getPrevItem(item) {
-  var _item$parentElement2;
-  if (item.previousElementSibling) {
-    // LocationFilter in data-table has div-wrapper around some items
-    if (isWrapper(item.previousElementSibling)) {
-      return getLastItem(item.previousElementSibling);
-    }
-    return item.previousElementSibling;
-  }
-  if (isWrapper(item === null || item === void 0 ? void 0 : item.parentElement)) {
-    var _item$parentElement;
-    return item === null || item === void 0 ? void 0 : (_item$parentElement = item.parentElement) === null || _item$parentElement === void 0 ? void 0 : _item$parentElement.previousElementSibling;
-  }
-  if ((item === null || item === void 0 ? void 0 : (_item$parentElement2 = item.parentElement) === null || _item$parentElement2 === void 0 ? void 0 : _item$parentElement2.getAttribute('data-droppable')) === 'true') {
-    var _item$parentElement3, _item$parentElement3$;
-    var prevDroppableItems = item === null || item === void 0 ? void 0 : (_item$parentElement3 = item.parentElement) === null || _item$parentElement3 === void 0 ? void 0 : (_item$parentElement3$ = _item$parentElement3.previousElementSibling) === null || _item$parentElement3$ === void 0 ? void 0 : _item$parentElement3$.querySelectorAll('[data-group="false"]');
-    return prevDroppableItems !== null && prevDroppableItems !== void 0 && prevDroppableItems.length ? prevDroppableItems[prevDroppableItems.length - 1] : null;
-  }
-  return null;
+function getPrevItem(item, menu) {
+  var items = getAllItems(menu);
+  return items ? items[Array.prototype.indexOf.call(items, item) - 1] : null;
 }
-function getNextItem(item) {
-  var _item$parentElement5;
-  if (item.nextElementSibling) {
-    // LocationFilter in data-table has div-wrapper around some items
-    if (isWrapper(item.nextElementSibling)) {
-      return getFirstItem(item.previousElementSibling);
-    }
-    return item.nextElementSibling;
-  }
-  if (isWrapper(item === null || item === void 0 ? void 0 : item.parentElement)) {
-    var _item$parentElement4;
-    return item === null || item === void 0 ? void 0 : (_item$parentElement4 = item.parentElement) === null || _item$parentElement4 === void 0 ? void 0 : _item$parentElement4.nextElementSibling;
-  }
-  if ((item === null || item === void 0 ? void 0 : (_item$parentElement5 = item.parentElement) === null || _item$parentElement5 === void 0 ? void 0 : _item$parentElement5.getAttribute('data-droppable')) === 'true') {
-    var _item$parentElement6, _item$parentElement6$;
-    return item === null || item === void 0 ? void 0 : (_item$parentElement6 = item.parentElement) === null || _item$parentElement6 === void 0 ? void 0 : (_item$parentElement6$ = _item$parentElement6.nextElementSibling) === null || _item$parentElement6$ === void 0 ? void 0 : _item$parentElement6$.querySelector('[data-group="false"]');
-  }
-  return null;
+function getNextItem(item, menu) {
+  var items = getAllItems(menu);
+  return items ? items[Array.prototype.indexOf.call(items, item) + 1] : null;
 }
 function getLastItem(menu) {
-  var items = menu === null || menu === void 0 ? void 0 : menu.querySelectorAll('[data-value]');
-  var lastItem = items === null || items === void 0 ? void 0 : items[items.length - 1];
-  if (lastItem && isGroup(lastItem)) {
-    return getPrevItem(lastItem);
-  }
-  return lastItem;
+  var items = getAllItems(menu);
+  return items === null || items === void 0 ? void 0 : items[items.length - 1];
 }
 function updateHighlightedAttribute(item, highlight) {
   item === null || item === void 0 ? void 0 : item.setAttribute('data-highlighted', highlight ? 'true' : 'false');
@@ -126,14 +91,10 @@ export function createSensors(ref, circular, onChangeActiveDescendant) {
     }
   }
   function getPrevHighlightableItem(currentItem) {
-    var prev = getPrevItem(currentItem);
+    var prev = getPrevItem(currentItem, ref.current);
     if (prev) {
       if (isItem(prev)) {
-        if (isGroup(prev)) {
-          return getPrevHighlightableItem(prev);
-        } else {
-          return prev;
-        }
+        return prev;
       }
     } else if (circular) {
       return getLastItem(ref.current);
@@ -141,12 +102,9 @@ export function createSensors(ref, circular, onChangeActiveDescendant) {
     return prev;
   }
   function getNextHighlightableItem(currentItem) {
-    var next = getNextItem(currentItem);
+    var next = getNextItem(currentItem, ref.current);
     if (next) {
       if (isItem(next)) {
-        if (isGroup(next)) {
-          return getNextHighlightableItem(next);
-        }
         return next;
       }
     } else if (circular) {

package/dist/MenuImperative/sensors.js.map

@@ -1 +1 @@
-{"version":3,"file":"sensors.js","names":["scrollIntoView","noop","MOUSE_ENTER","MOUSE_LEAVE","menuItemsWrapperAttributeName","menuItemsWrapperAttribute","_defineProperty","isItem","element","hasAttribute","isGroup","el","JSON","parse","dataset","group","isWrapper","getAttribute","getFirstItem","menu","firstItem","querySelector","getNextItem","getPrevItem","item","_item$parentElement2","previousElementSibling","getLastItem","parentElement","_item$parentElement","_item$parentElement3","_item$parentElement3$","prevDroppableItems","querySelectorAll","length","_item$parentElement5","nextElementSibling","_item$parentElement4","_item$parentElement6","_item$parentElement6$","items","lastItem","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","currentDrag","onSelect","select","event","current","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","_item$getAttribute","id","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","_currentDrag4","key","_currentDrag","preventDefault","isActive","moveUp","_currentDrag2","moveDown","_currentDrag3","ctrlKey","metaKey","_highlightedItem6","draggableId","_dragAndDropApi","preDrag","tryGetLock","snapLift","drop","cancel","handleItemHover","useKeyboardSensor","api","updateSelectCallback","callback","highlighted","_highlightedItem7","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem8","_ref$current3","newItem","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import type {\n  SensorAPI,\n  SnapDragActions,\n} 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\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 getFirstItem(menu: Element | null) {\n  const firstItem = menu?.querySelector<HTMLElement>('[data-value]:first-child')\n\n  if (firstItem && isGroup(firstItem)) {\n    return getNextItem(firstItem)\n  }\n\n  return firstItem\n}\n\nfunction getPrevItem(item: Element): HTMLElement | null {\n  if (item.previousElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.previousElementSibling)) {\n      return getLastItem(item.previousElementSibling) as HTMLElement\n    }\n\n    return item.previousElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.previousElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    const prevDroppableItems =\n      item?.parentElement?.previousElementSibling?.querySelectorAll<HTMLElement>(\n        '[data-group=\"false\"]'\n      )\n    return prevDroppableItems?.length\n      ? prevDroppableItems[prevDroppableItems.length - 1]\n      : null\n  }\n\n  return null\n}\n\nfunction getNextItem(item: Element): HTMLElement | null {\n  if (item.nextElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.nextElementSibling)) {\n      return getFirstItem(item.previousElementSibling) as HTMLElement\n    }\n    return item.nextElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.nextElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    return item?.parentElement?.nextElementSibling?.querySelector(\n      '[data-group=\"false\"]'\n    ) as HTMLElement\n  }\n\n  return null\n}\n\nfunction getLastItem(menu: Element | null) {\n  const items = menu?.querySelectorAll<HTMLElement>('[data-value]')\n  const lastItem = items?.[items.length - 1]\n\n  if (lastItem && isGroup(lastItem)) {\n    return getPrevItem(lastItem)\n  }\n\n  return lastItem\n}\n\nfunction updateHighlightedAttribute(\n  item: Element | null | undefined,\n  highlight: boolean\n) {\n  item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n  item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n}\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 currentDrag: SnapDragActions | null = null\n  let onSelect: (selection: Selection) => any = noop\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  ) {\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 (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\n  }\n\n  function getPrevHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const prev = getPrevItem(currentItem)\n    if (prev) {\n      if (isItem(prev)) {\n        if (isGroup(prev)) {\n          return getPrevHighlightableItem(prev)\n        } else {\n          return prev\n        }\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)\n\n    if (next) {\n      if (isItem(next)) {\n        if (isGroup(next)) {\n          return getNextHighlightableItem(next)\n        }\n        return next\n      }\n    } else if (circular) {\n      return getFirstItem(ref.current)\n    }\n  }\n\n  function highlightFirstItem(shouldScroll: boolean = true) {\n    highlightItem(getFirstItem(ref.current), shouldScroll)\n  }\n\n  function highlightLastItem(shouldScroll: boolean = true) {\n    highlightItem(getLastItem(ref.current), shouldScroll)\n  }\n\n  function highlightPrevItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev)\n      }\n    } else {\n      highlightLastItem()\n    }\n  }\n\n  function highlightNextItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next)\n      }\n    } else {\n      highlightFirstItem()\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveUp() : highlightPrevItem()\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveDown() : highlightNextItem()\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (event.ctrlKey || event.metaKey) {\n            const draggableId = highlightedItem?.getAttribute(\n              'data-rbd-draggable-id'\n            )\n            if (draggableId) {\n              const preDrag = dragAndDropApi?.tryGetLock(draggableId)\n              if (preDrag) {\n                currentDrag = preDrag.snapLift()\n              }\n            }\n          } else if (currentDrag?.isActive()) {\n            currentDrag.drop()\n          } else {\n            select(event)\n          }\n        } else if (event.key === 'Escape' && currentDrag?.isActive()) {\n          currentDrag.cancel()\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      highlightItem(el, false)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\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","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","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","currentDrag","onSelect","select","event","current","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","_item$getAttribute","id","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","_currentDrag4","key","_currentDrag","preventDefault","isActive","moveUp","_currentDrag2","moveDown","_currentDrag3","ctrlKey","metaKey","_highlightedItem6","draggableId","_dragAndDropApi","preDrag","tryGetLock","snapLift","drop","cancel","handleItemHover","useKeyboardSensor","api","updateSelectCallback","callback","highlighted","_highlightedItem7","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem8","_ref$current3","newItem","querySelector","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import type {\n  SensorAPI,\n  SnapDragActions,\n} 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\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\nfunction updateHighlightedAttribute(\n  item: Element | null | undefined,\n  highlight: boolean\n) {\n  item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n  item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n}\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 currentDrag: SnapDragActions | null = null\n  let onSelect: (selection: Selection) => any = noop\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  ) {\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 (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\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(shouldScroll: boolean = true) {\n    highlightItem(getFirstItem(ref.current), shouldScroll)\n  }\n\n  function highlightLastItem(shouldScroll: boolean = true) {\n    highlightItem(getLastItem(ref.current), shouldScroll)\n  }\n\n  function highlightPrevItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev)\n      }\n    } else {\n      highlightLastItem()\n    }\n  }\n\n  function highlightNextItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next)\n      }\n    } else {\n      highlightFirstItem()\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveUp() : highlightPrevItem()\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveDown() : highlightNextItem()\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (event.ctrlKey || event.metaKey) {\n            const draggableId = highlightedItem?.getAttribute(\n              'data-rbd-draggable-id'\n            )\n            if (draggableId) {\n              const preDrag = dragAndDropApi?.tryGetLock(draggableId)\n              if (preDrag) {\n                currentDrag = preDrag.snapLift()\n              }\n            }\n          } else if (currentDrag?.isActive()) {\n            currentDrag.drop()\n          } else {\n            select(event)\n          }\n        } else if (event.key === 'Escape' && currentDrag?.isActive()) {\n          currentDrag.cancel()\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      highlightItem(el, false)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\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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"}

package/dist/Modal/Modal.styles.js

@@ -32,15 +32,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_37_0__sc-1ijdug2-0"
+  componentId: "core-12_39_0__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_37_0__sc-1ijdug2-1"
+  componentId: "core-12_39_0__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_37_0__sc-1ijdug2-2"
+  componentId: "core-12_39_0__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -64,11 +64,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_37_0__sc-1ijdug2-3"
+  componentId: "core-12_39_0__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_37_0__sc-1ijdug2-4"
+  componentId: "core-12_39_0__sc-1ijdug2-4"
 })(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_37_0__sc-1ijdug2-5"
+  componentId: "core-12_39_0__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_37_0__sc-1ijdug2-6"
+  componentId: "core-12_39_0__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_37_0__sc-1ijdug2-7"
+  componentId: "core-12_39_0__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -118,7 +118,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_37_0__sc-1ijdug2-8"
+  componentId: "core-12_39_0__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
   var $compact = _ref0.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -134,18 +134,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_37_0__sc-1ijdug2-9"
+  componentId: "core-12_39_0__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_37_0__sc-1ijdug2-10"
+  componentId: "core-12_39_0__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_37_0__sc-1ijdug2-11"
+  componentId: "core-12_39_0__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_37_0__sc-1ijdug2-12"
+  componentId: "core-12_39_0__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/MultiSelect/MultiSelect.js

@@ -1,6 +1,6 @@
 var _excluded = ["getId", "getLabel", "qa", "value"],
   _excluded2 = ["value"],
-  _excluded3 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "disabled", "emptyMessage", "error", "footer", "getId", "getLabel", "getGroup", "loading", "onChange", "onScrollBottom", "onSearch", "options", "isOptionDisabled", "optionRenderer", "optgroups", "groupHeaderRenderer", "tokenRenderer", "placeholder", "placement", "value", "tabIndex", "aria-labelledby", "qa"];
+  _excluded3 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "disabled", "emptyMessage", "error", "footer", "getId", "getLabel", "getGroup", "loading", "onChange", "onScrollBottom", "onSearch", "options", "isOptionDisabled", "optionRenderer", "optgroups", "groupHeaderRenderer", "groupRenderer", "tokenRenderer", "placeholder", "placement", "value", "tabIndex", "aria-labelledby", "aria-describedby", "qa"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -22,6 +22,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { Clear } from '@procore/core-icons/dist';
 import { useId } from '@react-aria/utils';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
 import { Box } from '../Box';
 import { MenuImperative, useMenuImperativeControlNavigation } from '../MenuImperative/MenuImperative';
@@ -32,7 +33,7 @@ import { Typography } from '../Typography';
 import { isEventSource } from '../_hooks/ClickOutside';
 import { useI18nContext } from '../_hooks/I18n';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledMultiSelectArrow, StyledMultiSelectArrowContainer, StyledMultiSelectButton, StyledMultiSelectClearIcon, StyledMultiSelectMenu, StyledMultiSelectSearch, StyledMultiSelectSearchIcon, StyledMultiSelectSearchInput, StyledMultiSelectToken, StyledMultiSelectValues } from './MultiSelect.styles';
+import { StyledMultiSelectArrow, StyledMultiSelectArrowContainer, StyledMultiSelectButton, StyledMultiSelectClearIcon, StyledMultiSelectInner, StyledMultiSelectMenu, StyledMultiSelectSearch, StyledMultiSelectSearchIcon, StyledMultiSelectSearchInput, StyledMultiSelectToken, StyledMultiSelectValues } from './MultiSelect.styles';
 var targetShowKeys = ['ArrowDown', 'Down'];
 var targetHideKeys = ['Esc', 'Escape'];
 var overlayHideKeys = targetHideKeys;
@@ -80,11 +81,11 @@ function defaultOptionRenderer(item, _ref) {
     "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$option = qa.option) === null || _qa$option === void 0 ? void 0 : _qa$option.call(qa, item)
   }, props), getLabel(item));
 }
-function defaultGroupHeaderRenderer(group) {
+function defaultGroupRenderer(group) {
   return /*#__PURE__*/React.createElement(MenuImperative.Group, {
     key: "group_".concat(group.id),
-    clickable: false
-  }, group.label);
+    label: group.label
+  }, group.children);
 }
 function defaultTokenRenderer(_ref2) {
   var _qa$token, _qa$tokenClear;
@@ -97,10 +98,12 @@ function defaultTokenRenderer(_ref2) {
   return /*#__PURE__*/React.createElement(Token, {
     disabled: disabled,
     focused: focused,
+    tabIndex: -1,
     "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$token = qa.token) === null || _qa$token === void 0 ? void 0 : _qa$token.call(qa, option)
   }, /*#__PURE__*/React.createElement(Token.Label, null, getLabel(option)), /*#__PURE__*/React.createElement(Token.Remove, {
     "data-close": true,
     onClick: removeToken,
+    tabIndex: -1,
     "data-qa": qa === null || qa === void 0 ? void 0 : (_qa$tokenClear = qa.tokenClear) === null || _qa$tokenClear === void 0 ? void 0 : _qa$tokenClear.call(qa, option)
   }));
 }
@@ -196,7 +199,7 @@ function useMultiSelect(_ref3) {
       (_menuRef$current4 = menuRef.current) === null || _menuRef$current4 === void 0 ? void 0 : _menuRef$current4.next();
     }
     if (search === '') {
-      if (event.key === 'Backspace') {
+      if (event.key === 'Backspace' || event.key === 'Delete') {
         // to prevent accidentally deleting too many tokens, don't do anything
         // on repeating key events
         if (event.repeat) {
@@ -247,16 +250,16 @@ function useMultiSelect(_ref3) {
     if (orphanOptions.length) {
       console.warn("Could not find option groups for the options below. Make sure that every option has a proper \"groupId\" field or if \"getGroup\" is implemented correctly.", orphanOptions);
     }
-    return optgroups.flatMap(function (group) {
-      var groupHeader = _objectSpread(_objectSpread({}, group), {}, {
-        isGroupHeader: true
-      });
+    return optgroups.map(function (group) {
       var groupOptions = optionsByGroup[group.id];
       if (!groupOptions.length) {
-        return [];
+        return null;
       }
-      return [groupHeader].concat(_toConsumableArray(groupOptions));
-    }, []);
+      return _objectSpread(_objectSpread({}, group), {}, {
+        isGroupHeader: true,
+        options: groupOptions
+      });
+    }, []).filter(Boolean);
   }, [options, getGroup, optgroups]);
   return {
     ids: valueIds,
@@ -287,28 +290,35 @@ export var Option = /*#__PURE__*/React.forwardRef(function Option(_ref5, ref) {
 function GroupedOptions(_ref6) {
   var multiselect = _ref6.multiselect,
     groupHeaderRenderer = _ref6.groupHeaderRenderer,
+    groupRenderer = _ref6.groupRenderer,
     optionRenderer = _ref6.optionRenderer,
     getId = _ref6.getId,
     getLabel = _ref6.getLabel,
     isOptionDisabled = _ref6.isOptionDisabled,
     qa = _ref6.qa;
-  return /*#__PURE__*/React.createElement(MenuImperative.Options, null, multiselect.options.map(function (opt) {
-    if (opt.isGroupHeader) {
-      var groupHeader = opt;
-      return groupHeaderRenderer(groupHeader);
+  var _renderOption = function renderOption(option) {
+    if (option.isGroupHeader) {
+      var groupHeader = option;
+      if (groupHeaderRenderer) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, groupHeaderRenderer(groupHeader), groupHeader.options.map(_renderOption));
+      }
+      return groupRenderer(_objectSpread(_objectSpread({}, groupHeader), {}, {
+        children: groupHeader.options.map(_renderOption)
+      }));
     }
-    return optionRenderer(opt, {
+    return optionRenderer(option, {
       getId: getId,
       getLabel: getLabel,
       // @ts-ignore
       // Object literal may only specify known properties, and 'key' does not exist in type 'OptionRendererProps'.
-      key: getId(opt),
-      selected: multiselect.ids.has(getId(opt)),
-      disabled: isOptionDisabled(opt),
-      value: opt,
+      key: getId(option),
+      selected: multiselect.ids.has(getId(option)),
+      disabled: isOptionDisabled(option),
+      value: option,
       qa: qa
     });
-  }));
+  };
+  return /*#__PURE__*/React.createElement(MenuImperative.Options, null, multiselect.options.map(_renderOption));
 }
 
 /**
@@ -361,8 +371,9 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
     _ref7$optionRenderer = _ref7.optionRenderer,
     optionRenderer = _ref7$optionRenderer === void 0 ? defaultOptionRenderer : _ref7$optionRenderer,
     optgroups = _ref7.optgroups,
-    _ref7$groupHeaderRend = _ref7.groupHeaderRenderer,
-    groupHeaderRenderer = _ref7$groupHeaderRend === void 0 ? defaultGroupHeaderRenderer : _ref7$groupHeaderRend,
+    groupHeaderRenderer = _ref7.groupHeaderRenderer,
+    _ref7$groupRenderer = _ref7.groupRenderer,
+    groupRenderer = _ref7$groupRenderer === void 0 ? defaultGroupRenderer : _ref7$groupRenderer,
     _ref7$tokenRenderer = _ref7.tokenRenderer,
     tokenRenderer = _ref7$tokenRenderer === void 0 ? defaultTokenRenderer : _ref7$tokenRenderer,
     placeholder = _ref7.placeholder,
@@ -373,6 +384,7 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
     _ref7$tabIndex = _ref7.tabIndex,
     tabIndex = _ref7$tabIndex === void 0 ? 0 : _ref7$tabIndex,
     ariaLabelledBy = _ref7['aria-labelledby'],
+    ariaDescribedBy = _ref7['aria-describedby'],
     _ref7$qa = _ref7.qa,
     qa = _ref7$qa === void 0 ? {} : _ref7$qa,
     props = _objectWithoutProperties(_ref7, _excluded3);
@@ -384,6 +396,7 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
   var menuId = useId();
   var tokenListId = useId();
   var tokenBaseId = useId();
+  var noneSelectedId = useId();
   var _React$useState5 = React.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     isMenuOpen = _React$useState6[0],
@@ -424,6 +437,7 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
     getLabel: getLabel,
     isOptionDisabled: isOptionDisabled,
     groupHeaderRenderer: groupHeaderRenderer,
+    groupRenderer: groupRenderer,
     optionRenderer: optionRenderer,
     qa: qa
   }) : /*#__PURE__*/React.createElement(Box, {
@@ -478,10 +492,12 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
       $disabled: disabled,
       $loading: loading,
       $open: isVisible
-    }, props), /*#__PURE__*/React.createElement(StyledMultiSelectValues, {
+    }, props), value.length === 0 && /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("span", {
+      id: noneSelectedId
+    }, I18n.t('core.multiSelect.noneSelected'))), /*#__PURE__*/React.createElement(StyledMultiSelectInner, null, /*#__PURE__*/React.createElement(StyledMultiSelectValues, {
       id: tokenListId,
       role: "list",
-      "aria-label": I18n.t('core.multiSelect.selectedItems')
+      "aria-label": value.length > 0 ? I18n.t('core.multiSelect.selectedItems') : I18n.t('core.multiSelect.noneSelected')
     }, value.map(function (selection, i) {
       var tokenId = "".concat(tokenBaseId, "-").concat(i);
       var tokenLabel = getLabel(selection);
@@ -502,10 +518,12 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
         },
         qa: qa
       }));
-    }), /*#__PURE__*/React.createElement(StyledMultiSelectSearch, null, /*#__PURE__*/React.createElement(StyledMultiSelectSearchInput, _extends({
+    })), /*#__PURE__*/React.createElement(StyledMultiSelectSearch, null, /*#__PURE__*/React.createElement(StyledMultiSelectSearchInput, _extends({
       "aria-activedescendant": activeTokenId,
       "aria-controls": isNavigatingTokens ? tokenListId : menuId,
+      "aria-describedby": [ariaDescribedBy, value.length === 0 ? noneSelectedId : undefined].filter(Boolean).join(' ') || undefined,
       "aria-expanded": isVisible,
+      "aria-invalid": error || undefined,
       "aria-labelledby": ariaLabelledBy,
       "data-qa": "core-multiselect-input",
       role: "combobox",
@@ -532,6 +550,10 @@ var MultiSelect_ = /*#__PURE__*/React.forwardRef(function MultiSelect(_ref7, ref
             e.stopPropagation();
             disable(e);
           }
+          // close dropdown when navigating tokens with arrow keys
+          if (multiselect.search === '' && (e.key === 'ArrowLeft' || e.key === 'Left' || e.key === 'ArrowRight' || e.key === 'Right')) {
+            disable(e);
+          }
         } else {
           // if we type in an alphanumeric character, show the overlay
           if (isAlphaNumeric(e.key)) {