intergalactic 15.121.0-prerelease.2 → 15.122.0-prerelease.0

package/dropdown/lib/cjs/style/dropdown.shadow.css

@@ -7,142 +7,150 @@ SDropdownPopper {
   white-space: normal;
   box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
   color: var(--intergalactic-text-primary, #191b23);
-}
 
-SDropdownItem {
-  position: relative;
-  text-decoration: none;
-  box-sizing: border-box;
-  cursor: pointer;
-  width: 100%;
-  text-align: left;
-  line-height: normal;
-  color: var(--intergalactic-text-primary, #191b23);
 
-  &:hover {
-    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
-  }
+  SDropdownItem {
+    position: relative;
+    text-decoration: none;
+    box-sizing: border-box;
+    cursor: pointer;
+    width: 100%;
+    text-align: left;
+    line-height: normal;
+    color: var(--intergalactic-text-primary, #191b23);
 
-  &:focus {
-    outline: none;
-  }
-}
+    &:hover {
+      background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+    }
 
-SDropdownItem[role="menuitemcheckbox"] {
-  &::before, &[selected]::after {
-    content: '';
-    position: absolute;
-    border: 1px solid;
-    border-radius: var(--intergalactic-addon-rounded, 4px);
-    box-sizing: content-box;
-  }
-  &::before {
-    display: inline-block;
-    background: var(--intergalactic-bg-primary-neutral, #ffffff);
-    transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
-    border-color: var(--intergalactic-border-primary, #c4c7cf);
+    &:focus {
+      outline: none;
+    }
   }
-  &[selected]::after {
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-color: var(--intergalactic-control-primary-info, #008ff8);
-    border-color: var(--intergalactic-control-primary-info, #008ff8);
-    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+
+  SDropdownItem[isMenuItemCheckbox] {
+    &::before, &[selected]::after {
+      content: '';
+      position: absolute;
+      border: 1px solid;
+      border-radius: var(--intergalactic-addon-rounded, 4px);
+      box-sizing: content-box;
+    }
+
+    &::before {
+      display: inline-block;
+      background: var(--intergalactic-bg-primary-neutral, #ffffff);
+      transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
+      border-color: var(--intergalactic-border-primary, #c4c7cf);
+    }
+
+    &[selected]::after {
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-color: var(--intergalactic-control-primary-info, #008ff8);
+      border-color: var(--intergalactic-control-primary-info, #008ff8);
+      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+    }
   }
-}
 
-SDropdownItem[selected]:not([role="menuitemcheckbox"]) {
-  background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
-  box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
+  SDropdownItem[selected]:not(SDropdownItem[isMenuItemCheckbox]) {
+    background-color: var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));
+    box-shadow: 2px 0px 0px 0px var(--intergalactic-control-primary-info, #008ff8) inset;
 
-  &:hover {
-    background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+    &:hover {
+      background-color: var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe);
+    }
   }
-}
 
-SDropdownItem[highlighted],SDropdownItem[selected][highlighted] {
-  z-index: 1;
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
-}
+  /* need this condition because of how css rules are applied */
 
-SDropdownItem[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-}
+  SDropdownItem[highlighted]:not(SDropdownItem[isMenuItemCheckbox]):not(button),
+  SDropdownItem[highlighted][isMenuItemCheckbox]:not(button) {
+    z-index: 1;
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset;
+  }
 
-SDropdownItem[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
-  min-height: 40px;
-
-  &[role="menuitemcheckbox"] {
-    padding-left: calc(var(--intergalactic-spacing-3x, 12px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
-    &::before, &::after {
-      width: 20px;
-      height: 20px;
-      top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
-      left: var(--intergalactic-spacing-3x, 12px);
+  SDropdownItem[disabled] {
+    opacity: var(--intergalactic-disabled-opacity, 0.3);
+    cursor: default;
+    pointer-events: none;
+  }
+
+  SDropdownItem[size='l'] {
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+    padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
+    min-height: 40px;
+
+    &[isMenuItemCheckbox] {
+      padding-left: calc(var(--intergalactic-spacing-3x, 12px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
+
+      &::before, &::after {
+        width: 20px;
+        height: 20px;
+        top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+        left: var(--intergalactic-spacing-3x, 12px);
+      }
     }
   }
-}
 
-SDropdownItem[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
-  padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
-  min-height: 32px;
-
-  &[role="menuitemcheckbox"] {
-    padding-left: calc(var(--intergalactic-spacing-2x, 8px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
-    &::before, &::after {
-      width: 16px;
-      height: 16px;
-      top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
-      left: var(--intergalactic-spacing-2x, 8px);
+  SDropdownItem[size='m'] {
+    font-size: var(--intergalactic-fs-200, 14px);
+    line-height: var(--intergalactic-lh-200, 142%);
+    padding: calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);
+    min-height: 32px;
+
+    &[isMenuItemCheckbox] {
+      padding-left: calc(var(--intergalactic-spacing-2x, 8px) * 2 + 16px + 2px); /* padding*2 (parent item and from checkbox to content) + checkboxWidth + border*2 */
+
+      &::before, &::after {
+        width: 16px;
+        height: 16px;
+        top: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
+        left: var(--intergalactic-spacing-2x, 8px);
+      }
     }
   }
-}
 
-SDropdownItem[notInteractive] {
-  cursor: default;
+  SDropdownItem[notInteractive] {
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[variant='hint'] {
-  color: var(--intergalactic-text-secondary, #6c6e79);
-  cursor: default;
+  SDropdownItem[variant='hint'] {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[variant='title'] {
-  font-weight: var(--intergalactic-bold, 700);
-  cursor: default;
+  SDropdownItem[variant='title'] {
+    font-weight: var(--intergalactic-bold, 700);
+    cursor: default;
 
-  &:hover {
-    background: none;
+    &:hover {
+      background: none;
+    }
   }
-}
 
-SDropdownItem[visible] {
-  background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
-}
+  SDropdownItem[visible] {
+    background-color: var(--intergalactic-dropdown-menu-item-hover, #f4f5f9);
+  }
 
-SDropdownItem[nesting-trigger] {
-  justify-content: space-between;
-}
+  SDropdownItem[nesting-trigger] {
+    justify-content: space-between;
+  }
 
-SGroupTitle {
-  font-weight: var(--intergalactic-bold, 700);
-}
+  SGroupTitle {
+    font-weight: var(--intergalactic-bold, 700);
+  }
 
-SGroupHint {
-  color: var(--intergalactic-text-secondary, #6c6e79);
+  SGroupHint {
+    color: var(--intergalactic-text-secondary, #6c6e79);
+  }
 }

package/dropdown/lib/es6/AbstractDropdown.js

@@ -159,6 +159,7 @@ export var AbstractDropdown = /*#__PURE__*/function (_Component) {
           _this3.handlers.selectedIndex(index);
         },
         role: role,
+        isMenuItemCheckbox: role === 'menuitemcheckbox',
         'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? false : undefined
       };
     }

package/dropdown/lib/es6/AbstractDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractDropdown.js","names":["React","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","isFocusInside","setFocus","focusSourceEnhance","getAccessibleName","enhance","selectedIndexContext","createContext","AbstractDropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","_this$asProps","asProps","interaction","inlineActions","setTimeout","_this$asProps2","visible","afterOpenPopper","_this$asProps$highlig","highlightedIndex","element","itemRefs","focus","role","handlers","_createClass","key","value","uncontrolledProps","_this2","selectedIndex","index","get","_this$asProps3","selectable","multiselect","getTriggerProps","_this$asProps4","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","getBasicListProps","getMenuProps","getPopperProps","_this$asProps5","ignorePortalsStacking","popperRef","tabIndex","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps6","childRole","onMouseEnter","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","current","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps7","focusSourceRef","visibilityChanged","document","activeElement","body","itemRef","props","_node$getAttribute","getAttribute","startsWith","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","_e$currentTarget$getA","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps8","stopPropagation","preventDefault","click","newHighlightedIndex","focusTrigger","_this$itemRefs$newHig","trigger","_this$triggerRef$curr","_this$asProps9","triggerId","triggerElement","getElementById","menuRef"],"sources":["../../src/AbstractDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { isFocusInside, setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\nimport { DropdownProps } from './index';\nimport { getAccessibleName } from '@semcore/utils/lib/getAccessibleName';\n\ntype AbstractDDProps = {\n  visible: boolean;\n  highlightedIndex: number | null;\n  selectedIndex: number | null;\n  placement: DropdownProps['placement'];\n  inlineActions: boolean;\n  disablePortal: boolean;\n  ignorePortalsStacking: boolean;\n  interaction: DropdownProps['interaction'];\n  timeout?: number | [number, number];\n  selectable?: boolean;\n  multiselect?: boolean;\n};\n\nexport const enhance = [\n  uniqueIDEnhancement(),\n  i18nEnhance(localizedMessages),\n  focusSourceEnhance(),\n] as const;\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<AbstractDDProps, {}, {}, typeof enhance> {\n  protected abstract role: 'menu' | 'listbox';\n\n  popperRef = React.createRef<HTMLElement>();\n  triggerRef = React.createRef<HTMLElement>();\n  menuRef = React.createRef<HTMLElement>();\n\n  itemProps: any[] = [];\n  itemRefs: HTMLElement[] = [];\n\n  highlightedItemRef = React.createRef<HTMLElement>();\n\n  prevHighlightedIndex: number | null = null;\n\n  uncontrolledProps() {\n    return {\n      selectedIndex: null,\n      highlightedIndex: [\n        null,\n        (index: number | null) => {\n          this.handlers.selectedIndex(index);\n        },\n      ],\n      visible: null,\n    };\n  }\n\n  get childRole() {\n    if (this.role === 'listbox') {\n      return 'option';\n    }\n\n    const { selectable, multiselect } = this.asProps;\n\n    if (multiselect) {\n      return 'menuitemcheckbox';\n    }\n\n    if (selectable) {\n      return 'menuitemradio';\n    }\n\n    return 'menuitem';\n  }\n\n  handleClickTrigger = (e: React.SyntheticEvent) => {\n    const { interaction, inlineActions } = this.asProps;\n\n    if (interaction === 'none' || inlineActions) return false;\n\n    setTimeout(() => {\n      const { visible, inlineActions } = this.asProps;\n      if (visible || inlineActions) {\n        this.afterOpenPopper();\n      }\n    }, 200); // because first will be executed onClick handler in popper\n  };\n\n  afterOpenPopper = () => {\n    const highlightedIndex = this.asProps.highlightedIndex ?? 0;\n    const element = this.itemRefs[highlightedIndex];\n    element?.focus();\n    if (this.role === 'menu') {\n      this.handlers.highlightedIndex(highlightedIndex);\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-haspopup': 'true',\n      'aria-expanded': visible ? 'true' : 'false',\n      onClick: this.handleClickTrigger,\n      ref: this.triggerRef,\n    };\n  }\n\n  getListProps() {\n    return this.getBasicListProps();\n  }\n\n  getMenuProps() {\n    return this.getBasicListProps();\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n      this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: -1,\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n      focusMaster: interaction === 'click',\n      hideFocus: highlightedIndex !== null,\n      'use:autoFocus': false,\n    };\n  }\n\n  getGroupProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemProps(_: any, index: number) {\n    const { size, uid } = this.asProps;\n    const role = this.childRole;\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      index,\n      onMouseEnter: () => {\n        this.handlers.selectedIndex(index);\n      },\n      role,\n      'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? false : undefined,\n    };\n  }\n\n  getItemHintProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemTitleProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  scrollToNode(node: Element | null) {\n    if (node) {\n      // @ts-ignore\n      this.highlightedItemRef.current = node;\n    }\n    setTimeout(() => {\n      if (node?.scrollIntoView) {\n        if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n          this.prevHighlightedIndex = this.asProps.highlightedIndex;\n          node.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n        }\n      }\n    }, 0);\n  }\n\n  getHighlightedIndex(amount: number): number {\n    const { highlightedIndex } = this.asProps;\n    const itemsLastIndex = this.itemProps.length - 1;\n    const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n    if (itemsLastIndex < 0) return -1;\n\n    let innerHighlightedIndex: number;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        innerHighlightedIndex = selectedIndex;\n      } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {\n        innerHighlightedIndex =\n          this.prevHighlightedIndex > itemsLastIndex ? itemsLastIndex : this.prevHighlightedIndex;\n      } else {\n        innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    } else {\n      innerHighlightedIndex = highlightedIndex > itemsLastIndex ? itemsLastIndex : highlightedIndex;\n    }\n\n    let newIndex = innerHighlightedIndex + amount;\n    if (newIndex < 0) {\n      newIndex = amount + itemsLastIndex + 1;\n    } else if (newIndex > itemsLastIndex) {\n      newIndex = newIndex - itemsLastIndex - 1;\n    }\n\n    if (this.itemProps[newIndex]?.disabled) {\n      return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);\n    } else if (!this.itemProps[newIndex]) {\n      return -1;\n    } else {\n      return newIndex;\n    }\n  }\n\n  componentDidUpdate(prevProps: AbstractDDProps) {\n    const { visible, focusSourceRef } = this.asProps;\n    const visibilityChanged = visible !== prevProps.visible;\n\n    if (visibilityChanged && prevProps.visible !== undefined) {\n      if (!visible) {\n        this.handlers.highlightedIndex(null);\n        // @ts-ignore\n        this.highlightedItemRef.current = null;\n        if (\n          this.popperRef.current &&\n          this.triggerRef.current &&\n          (document.activeElement === document.body || isFocusInside(this.popperRef.current)) &&\n          focusSourceRef.current === 'keyboard'\n        ) {\n          setFocus(this.triggerRef.current);\n        }\n      }\n    }\n  }\n\n  protected itemRef(props: any, index: number, node: HTMLElement | null) {\n    if (node?.getAttribute('role')?.startsWith(this.childRole)) {\n      this.itemRefs[index] = node;\n      this.itemProps[index] = props;\n    }\n  }\n\n  protected handlePreventCommonKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;\n      if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;\n    }\n  }\n  protected handlePreventPopperKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (\n        (e.key === ' ' || e.key === 'Enter') &&\n        (targetTagName === 'BUTTON' || targetTagName === 'A')\n      )\n        return false;\n    }\n  }\n  protected handleOpenKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (\n      this.asProps.visible !== true &&\n      ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) &&\n      !e.currentTarget.getAttribute('role')?.startsWith(this.childRole)\n    ) {\n      if (['ArrowDown', 'ArrowUp'].includes(e.key)) {\n        this.handlers.visible(true);\n      }\n\n      this.handleClickTrigger(e);\n    }\n  }\n\n  protected handleArrowKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    const amountCount = e.shiftKey ? 5 : 1;\n    const { highlightedIndex, inlineActions } = this.asProps;\n\n    let amount: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        if (!inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (!inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        if (inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (\n          this.highlightedItemRef.current &&\n          highlightedIndex !== null &&\n          !this.itemProps[highlightedIndex].disabled\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          this.highlightedItemRef.current.click();\n        }\n\n        break;\n    }\n\n    if (amount !== null) {\n      const newHighlightedIndex = this.getHighlightedIndex(amount);\n\n      if (\n        this.role === 'listbox' &&\n        this.triggerRef.current &&\n        !isFocusInside(this.triggerRef.current)\n      ) {\n        this.focusTrigger();\n      }\n\n      if (newHighlightedIndex !== -1) {\n        this.handlers.highlightedIndex(newHighlightedIndex, e);\n        if (this.role === 'menu') {\n          this.itemRefs[newHighlightedIndex]?.focus();\n        }\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  private focusTrigger() {\n    const trigger = this.triggerRef.current;\n    if (!trigger) return;\n    if (isFocusInside(trigger)) return;\n    setFocus(trigger);\n  }\n\n  private getBasicListProps() {\n    const { size, uid } = this.asProps;\n    const triggerId = this.triggerRef.current?.id;\n    const triggerElement = triggerId ? document.getElementById(triggerId) : null;\n\n    return {\n      size,\n      index: this.asProps.highlightedIndex,\n      tabIndex: -1,\n      ref: this.menuRef,\n      id: `igc-${uid}-list`,\n      role: this.role,\n      'aria-label': getAccessibleName(triggerElement),\n    };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AbstractDropdown.js","names":["React","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","isFocusInside","setFocus","focusSourceEnhance","getAccessibleName","enhance","selectedIndexContext","createContext","AbstractDropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","_this$asProps","asProps","interaction","inlineActions","setTimeout","_this$asProps2","visible","afterOpenPopper","_this$asProps$highlig","highlightedIndex","element","itemRefs","focus","role","handlers","_createClass","key","value","uncontrolledProps","_this2","selectedIndex","index","get","_this$asProps3","selectable","multiselect","getTriggerProps","_this$asProps4","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","getBasicListProps","getMenuProps","getPopperProps","_this$asProps5","ignorePortalsStacking","popperRef","tabIndex","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps6","childRole","onMouseEnter","isMenuItemCheckbox","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","current","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps7","focusSourceRef","visibilityChanged","document","activeElement","body","itemRef","props","_node$getAttribute","getAttribute","startsWith","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","_e$currentTarget$getA","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps8","stopPropagation","preventDefault","click","newHighlightedIndex","focusTrigger","_this$itemRefs$newHig","trigger","_this$triggerRef$curr","_this$asProps9","triggerId","triggerElement","getElementById","menuRef"],"sources":["../../src/AbstractDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { isFocusInside, setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport focusSourceEnhance from '@semcore/utils/lib/enhances/focusSourceEnhance';\nimport { DropdownProps } from './index';\nimport { getAccessibleName } from '@semcore/utils/lib/getAccessibleName';\n\ntype AbstractDDProps = {\n  visible: boolean;\n  highlightedIndex: number | null;\n  selectedIndex: number | null;\n  placement: DropdownProps['placement'];\n  inlineActions: boolean;\n  disablePortal: boolean;\n  ignorePortalsStacking: boolean;\n  interaction: DropdownProps['interaction'];\n  timeout?: number | [number, number];\n  selectable?: boolean;\n  multiselect?: boolean;\n};\n\nexport const enhance = [\n  uniqueIDEnhancement(),\n  i18nEnhance(localizedMessages),\n  focusSourceEnhance(),\n] as const;\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<AbstractDDProps, {}, {}, typeof enhance> {\n  protected abstract role: 'menu' | 'listbox';\n\n  popperRef = React.createRef<HTMLElement>();\n  triggerRef = React.createRef<HTMLElement>();\n  menuRef = React.createRef<HTMLElement>();\n\n  itemProps: any[] = [];\n  itemRefs: HTMLElement[] = [];\n\n  highlightedItemRef = React.createRef<HTMLElement>();\n\n  prevHighlightedIndex: number | null = null;\n\n  uncontrolledProps() {\n    return {\n      selectedIndex: null,\n      highlightedIndex: [\n        null,\n        (index: number | null) => {\n          this.handlers.selectedIndex(index);\n        },\n      ],\n      visible: null,\n    };\n  }\n\n  get childRole() {\n    if (this.role === 'listbox') {\n      return 'option';\n    }\n\n    const { selectable, multiselect } = this.asProps;\n\n    if (multiselect) {\n      return 'menuitemcheckbox';\n    }\n\n    if (selectable) {\n      return 'menuitemradio';\n    }\n\n    return 'menuitem';\n  }\n\n  handleClickTrigger = (e: React.SyntheticEvent) => {\n    const { interaction, inlineActions } = this.asProps;\n\n    if (interaction === 'none' || inlineActions) return false;\n\n    setTimeout(() => {\n      const { visible, inlineActions } = this.asProps;\n      if (visible || inlineActions) {\n        this.afterOpenPopper();\n      }\n    }, 200); // because first will be executed onClick handler in popper\n  };\n\n  afterOpenPopper = () => {\n    const highlightedIndex = this.asProps.highlightedIndex ?? 0;\n    const element = this.itemRefs[highlightedIndex];\n    element?.focus();\n    if (this.role === 'menu') {\n      this.handlers.highlightedIndex(highlightedIndex);\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-haspopup': 'true',\n      'aria-expanded': visible ? 'true' : 'false',\n      onClick: this.handleClickTrigger,\n      ref: this.triggerRef,\n    };\n  }\n\n  getListProps() {\n    return this.getBasicListProps();\n  }\n\n  getMenuProps() {\n    return this.getBasicListProps();\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction, highlightedIndex } =\n      this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: -1,\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n      focusMaster: interaction === 'click',\n      hideFocus: highlightedIndex !== null,\n      'use:autoFocus': false,\n    };\n  }\n\n  getGroupProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemProps(_: any, index: number) {\n    const { size, uid } = this.asProps;\n    const role = this.childRole;\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      index,\n      onMouseEnter: () => {\n        this.handlers.selectedIndex(index);\n      },\n      role,\n      isMenuItemCheckbox: role === 'menuitemcheckbox',\n      'aria-checked': role === 'menuitemcheckbox' || role === 'menuitemradio' ? false : undefined,\n    };\n  }\n\n  getItemHintProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getItemTitleProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  scrollToNode(node: Element | null) {\n    if (node) {\n      // @ts-ignore\n      this.highlightedItemRef.current = node;\n    }\n    setTimeout(() => {\n      if (node?.scrollIntoView) {\n        if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n          this.prevHighlightedIndex = this.asProps.highlightedIndex;\n          node.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n        }\n      }\n    }, 0);\n  }\n\n  getHighlightedIndex(amount: number): number {\n    const { highlightedIndex } = this.asProps;\n    const itemsLastIndex = this.itemProps.length - 1;\n    const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n    if (itemsLastIndex < 0) return -1;\n\n    let innerHighlightedIndex: number;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        innerHighlightedIndex = selectedIndex;\n      } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {\n        innerHighlightedIndex =\n          this.prevHighlightedIndex > itemsLastIndex ? itemsLastIndex : this.prevHighlightedIndex;\n      } else {\n        innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    } else {\n      innerHighlightedIndex = highlightedIndex > itemsLastIndex ? itemsLastIndex : highlightedIndex;\n    }\n\n    let newIndex = innerHighlightedIndex + amount;\n    if (newIndex < 0) {\n      newIndex = amount + itemsLastIndex + 1;\n    } else if (newIndex > itemsLastIndex) {\n      newIndex = newIndex - itemsLastIndex - 1;\n    }\n\n    if (this.itemProps[newIndex]?.disabled) {\n      return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);\n    } else if (!this.itemProps[newIndex]) {\n      return -1;\n    } else {\n      return newIndex;\n    }\n  }\n\n  componentDidUpdate(prevProps: AbstractDDProps) {\n    const { visible, focusSourceRef } = this.asProps;\n    const visibilityChanged = visible !== prevProps.visible;\n\n    if (visibilityChanged && prevProps.visible !== undefined) {\n      if (!visible) {\n        this.handlers.highlightedIndex(null);\n        // @ts-ignore\n        this.highlightedItemRef.current = null;\n        if (\n          this.popperRef.current &&\n          this.triggerRef.current &&\n          (document.activeElement === document.body || isFocusInside(this.popperRef.current)) &&\n          focusSourceRef.current === 'keyboard'\n        ) {\n          setFocus(this.triggerRef.current);\n        }\n      }\n    }\n  }\n\n  protected itemRef(props: any, index: number, node: HTMLElement | null) {\n    if (node?.getAttribute('role')?.startsWith(this.childRole)) {\n      this.itemRefs[index] = node;\n      this.itemProps[index] = props;\n    }\n  }\n\n  protected handlePreventCommonKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;\n      if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;\n    }\n  }\n  protected handlePreventPopperKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (e.target instanceof Element) {\n      const targetTagName = e.target.tagName;\n\n      if (\n        (e.key === ' ' || e.key === 'Enter') &&\n        (targetTagName === 'BUTTON' || targetTagName === 'A')\n      )\n        return false;\n    }\n  }\n  protected handleOpenKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    if (\n      this.asProps.visible !== true &&\n      ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) &&\n      !e.currentTarget.getAttribute('role')?.startsWith(this.childRole)\n    ) {\n      if (['ArrowDown', 'ArrowUp'].includes(e.key)) {\n        this.handlers.visible(true);\n      }\n\n      this.handleClickTrigger(e);\n    }\n  }\n\n  protected handleArrowKeyDown(e: React.KeyboardEvent<HTMLElement>) {\n    const amountCount = e.shiftKey ? 5 : 1;\n    const { highlightedIndex, inlineActions } = this.asProps;\n\n    let amount: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        if (!inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (!inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (inlineActions) {\n          amount = amountCount;\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        if (inlineActions) {\n          amount = -amountCount;\n        }\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (\n          this.highlightedItemRef.current &&\n          highlightedIndex !== null &&\n          !this.itemProps[highlightedIndex].disabled\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          this.highlightedItemRef.current.click();\n        }\n\n        break;\n    }\n\n    if (amount !== null) {\n      const newHighlightedIndex = this.getHighlightedIndex(amount);\n\n      if (\n        this.role === 'listbox' &&\n        this.triggerRef.current &&\n        !isFocusInside(this.triggerRef.current)\n      ) {\n        this.focusTrigger();\n      }\n\n      if (newHighlightedIndex !== -1) {\n        this.handlers.highlightedIndex(newHighlightedIndex, e);\n        if (this.role === 'menu') {\n          this.itemRefs[newHighlightedIndex]?.focus();\n        }\n      }\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  private focusTrigger() {\n    const trigger = this.triggerRef.current;\n    if (!trigger) return;\n    if (isFocusInside(trigger)) return;\n    setFocus(trigger);\n  }\n\n  private getBasicListProps() {\n    const { size, uid } = this.asProps;\n    const triggerId = this.triggerRef.current?.id;\n    const triggerElement = triggerId ? document.getElementById(triggerId) : null;\n\n    return {\n      size,\n      index: this.asProps.highlightedIndex,\n      tabIndex: -1,\n      ref: this.menuRef,\n      id: `igc-${uid}-list`,\n      role: this.role,\n      'aria-label': getAccessibleName(triggerElement),\n    };\n  }\n}\n"],"mappings":"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"}

package/dropdown/lib/es6/Dropdown.js

@@ -23,22 +23,22 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/dropdown.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_1ql5b_gg_,.___SDropdownPopper_1ql5b_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_1ql5b_gg_{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___SDropdownItem_1ql5b_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_1ql5b_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_1ql5b_gg_:focus{outline:0}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownItem_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_.__selected_1ql5b_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_){background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_:not(._role_menuitemcheckbox_1ql5b_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_1ql5b_gg_.__highlighted_1ql5b_gg_,.___SDropdownItem_1ql5b_gg_.__selected_1ql5b_gg_.__highlighted_1ql5b_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_1ql5b_gg_.__disabled_1ql5b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_l_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::after,.___SDropdownItem_1ql5b_gg_._size_m_1ql5b_gg_._role_menuitemcheckbox_1ql5b_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_.__notInteractive_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_hint_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_1ql5b_gg_._variant_title_1ql5b_gg_:hover{background:0 0}}.___SDropdownItem_1ql5b_gg_.__visible_1ql5b_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_1ql5b_gg_.__nesting-trigger_1ql5b_gg_{justify-content:space-between}.___SGroupTitle_1ql5b_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_1ql5b_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1ql5b_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_1ql5b_gg_",
-  "__SDropdownItem": "___SDropdownItem_1ql5b_gg_",
-  "_highlighted": "__highlighted_1ql5b_gg_",
-  "_selected": "__selected_1ql5b_gg_",
-  "_disabled": "__disabled_1ql5b_gg_",
-  "_visible": "__visible_1ql5b_gg_",
-  "_nesting-trigger": "__nesting-trigger_1ql5b_gg_",
-  "__SGroupTitle": "___SGroupTitle_1ql5b_gg_",
-  "__SGroupHint": "___SGroupHint_1ql5b_gg_",
-  "_role_menuitemcheckbox": "_role_menuitemcheckbox_1ql5b_gg_",
-  "_size_l": "_size_l_1ql5b_gg_",
-  "_size_m": "_size_m_1ql5b_gg_",
-  "_notInteractive": "__notInteractive_1ql5b_gg_",
-  "_variant_hint": "_variant_hint_1ql5b_gg_",
-  "_variant_title": "_variant_title_1ql5b_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownPopper_14mhs_gg_{position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_{position:relative;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal;color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_:focus{outline:0}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{display:inline-block;background:var(--intergalactic-bg-primary-neutral, #ffffff);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out;border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_.__selected_14mhs_gg_::after{background-repeat:no-repeat;background-position:center center;background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_){background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__selected_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_:not(button),.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__highlighted_14mhs_gg_:not(.___SDropdownItem_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__disabled_14mhs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);min-height:40px}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_l_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);padding:calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) var(--intergalactic-spacing-2x, 8px);min-height:32px}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::after,.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._size_m_14mhs_gg_.__isMenuItemCheckbox_14mhs_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__notInteractive_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_hint_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_._variant_title_14mhs_gg_:hover{background:0 0}}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__visible_14mhs_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_14mhs_gg_ .___SDropdownItem_14mhs_gg_.__nesting-trigger_14mhs_gg_{justify-content:space-between}.___SDropdownPopper_14mhs_gg_ .___SGroupTitle_14mhs_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_14mhs_gg_ .___SGroupHint_14mhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "14mhs_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_14mhs_gg_",
+  "__SDropdownItem": "___SDropdownItem_14mhs_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_14mhs_gg_",
+  "_selected": "__selected_14mhs_gg_",
+  "_highlighted": "__highlighted_14mhs_gg_",
+  "_disabled": "__disabled_14mhs_gg_",
+  "_size_l": "_size_l_14mhs_gg_",
+  "_size_m": "_size_m_14mhs_gg_",
+  "_notInteractive": "__notInteractive_14mhs_gg_",
+  "_variant_hint": "_variant_hint_14mhs_gg_",
+  "_variant_title": "_variant_title_14mhs_gg_",
+  "_visible": "__visible_14mhs_gg_",
+  "_nesting-trigger": "__nesting-trigger_14mhs_gg_",
+  "__SGroupTitle": "___SGroupTitle_14mhs_gg_",
+  "__SGroupHint": "___SGroupHint_14mhs_gg_"
 });
 import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
 import { DropdownItem } from './DropdownItem';