intergalactic 15.123.0 → 15.124.0

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

@@ -0,0 +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","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

@@ -0,0 +1,242 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _extends from "@babel/runtime/helpers/extends";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["Children", "forwardRef", "modifiers", "stretch"];
+import React from 'react';
+import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
+import Popper, { isInputTriggerTag } from 'intergalactic/popper';
+import capitalizeFirstLetter from 'intergalactic/utils/lib/capitalizeFirstLetter';
+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__*/".___SDropdownPopper_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_:focus{outline:0}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_.__selected_13m4x_gg_::after,.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_::before{content:\"\";position:absolute;border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);box-sizing:content-box}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_.__selected_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__selected_13m4x_gg_:not(.___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__selected_13m4x_gg_:not(.___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_):hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__highlighted_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_:not(button),.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__highlighted_13m4x_gg_:not(.___SDropdownItem_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_):not(button){z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__disabled_13m4x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_l_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_l_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px)*2 + 16px + 2px)}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_l_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_::after,.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_l_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_::before{width:20px;height:20px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-3x, 12px)}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_m_13m4x_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_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_m_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px)*2 + 16px + 2px)}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_m_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_::after,.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._size_m_13m4x_gg_.__isMenuItemCheckbox_13m4x_gg_::before{width:16px;height:16px;top:calc(var(--intergalactic-spacing-2x, 8px) - 1px);left:var(--intergalactic-spacing-2x, 8px)}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__notInteractive_13m4x_gg_{cursor:default}@media (hover:hover){.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__notInteractive_13m4x_gg_:hover{background:0 0}}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._variant_hint_13m4x_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._variant_hint_13m4x_gg_:hover{background:0 0}}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._variant_title_13m4x_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_._variant_title_13m4x_gg_:hover{background:0 0}}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__visible_13m4x_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownPopper_13m4x_gg_ .___SDropdownItem_13m4x_gg_.__nesting-trigger_13m4x_gg_{justify-content:space-between}.___SDropdownPopper_13m4x_gg_ .___SGroupTitle_13m4x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SDropdownPopper_13m4x_gg_ .___SGroupHint_13m4x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "13m4x_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_13m4x_gg_",
+  "__SDropdownItem": "___SDropdownItem_13m4x_gg_",
+  "_isMenuItemCheckbox": "__isMenuItemCheckbox_13m4x_gg_",
+  "_selected": "__selected_13m4x_gg_",
+  "_highlighted": "__highlighted_13m4x_gg_",
+  "_disabled": "__disabled_13m4x_gg_",
+  "_size_l": "_size_l_13m4x_gg_",
+  "_size_m": "_size_m_13m4x_gg_",
+  "_notInteractive": "__notInteractive_13m4x_gg_",
+  "_variant_hint": "_variant_hint_13m4x_gg_",
+  "_variant_title": "_variant_title_13m4x_gg_",
+  "_visible": "__visible_13m4x_gg_",
+  "_nesting-trigger": "__nesting-trigger_13m4x_gg_",
+  "__SGroupTitle": "___SGroupTitle_13m4x_gg_",
+  "__SGroupHint": "___SGroupHint_13m4x_gg_"
+});
+import { hasFocusableIn } from 'intergalactic/utils/lib/use/useFocusLock';
+import { DropdownItem } from './DropdownItem';
+import { Flex, Box } from 'intergalactic/flex-box';
+import { useUID } from 'intergalactic/utils/lib/uniqueID';
+var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
+var DropdownRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DropdownRoot, _Component);
+  var _super = _createSuper(DropdownRoot);
+  function DropdownRoot() {
+    var _this;
+    _classCallCheck(this, DropdownRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "defaultModifiers", [{
+      name: 'flip',
+      enabled: false
+    }, {
+      name: 'stretch',
+      phase: 'beforeRead',
+      enabled: true,
+      fn: function fn(_ref7) {
+        var state = _ref7.state,
+          options = _ref7.options;
+        var _state$placement$spli = state.placement.split('-'),
+          _state$placement$spli2 = _slicedToArray(_state$placement$spli, 1),
+          position = _state$placement$spli2[0];
+        var isVertical = ['left', 'right'].indexOf(position) !== -1;
+        var len = isVertical ? 'height' : 'width';
+        var referenceLen = state.elements.reference["offset".concat(capitalizeFirstLetter(len))];
+        if (options.stretch === 'min') {
+          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);
+          state.elements.popper.style["min".concat(capitalizeFirstLetter(len))] = "".concat(referenceLen, "px");
+        }
+        if (options.stretch === 'fixed') {
+          state.rects.popper.width = referenceLen;
+          state.elements.popper.style[len] = "".concat(referenceLen, "px");
+        }
+      }
+    }]);
+    _defineProperty(_assertThisInitialized(_this), "handlerTriggerKeyDown", function (e) {
+      var _this$asProps = _this.asProps,
+        visible = _this$asProps.visible,
+        interaction = _this$asProps.interaction;
+      var element = _this.popperRef.current;
+      if (interaction === 'click' && visible && e.key === 'Tab' && element && !hasFocusableIn(element)) {
+        e.preventDefault();
+        return;
+      }
+      if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;
+      if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
+      if (['Enter', ' '].includes(e.key) && interaction !== 'none') {
+        e.preventDefault();
+        _this.handlers.visible(true);
+      }
+    });
+    return _this;
+  }
+  _createClass(DropdownRoot, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        visible: null
+      };
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this$asProps2 = this.asProps,
+        uid = _this$asProps2.uid,
+        visible = _this$asProps2.visible,
+        disablePortal = _this$asProps2.disablePortal,
+        getI18nText = _this$asProps2.getI18nText;
+      return {
+        id: "igc-".concat(uid, "-trigger"),
+        'aria-controls': visible ? "igc-".concat(uid, "-popper") : undefined,
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        'aria-expanded': visible ? 'true' : 'false',
+        onKeyDown: this.handlerTriggerKeyDown,
+        'aria-haspopup': 'dialog'
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      var _this$asProps3 = this.asProps,
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
+        interaction = _this$asProps3.interaction;
+      return {
+        id: "igc-".concat(uid, "-popper"),
+        tabIndex: 0,
+        role: 'dialog',
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking,
+        ref: this.popperRef,
+        focusMaster: interaction === 'click',
+        autoFocus: 'enforced'
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps4 = this.asProps,
+        Children = _this$asProps4.Children,
+        forwardRef = _this$asProps4.forwardRef,
+        _this$asProps4$modifi = _this$asProps4.modifiers,
+        modifiers = _this$asProps4$modifi === void 0 ? [] : _this$asProps4$modifi,
+        stretch = _this$asProps4.stretch,
+        other = _objectWithoutProperties(_this$asProps4, _excluded);
+      return /*#__PURE__*/React.createElement(Popper, _extends({
+        ref: forwardRef,
+        modifiers: [].concat(_toConsumableArray(this.defaultModifiers), [{
+          name: 'stretch',
+          options: _typeof(stretch) === 'object' ? stretch : {
+            stretch: stretch
+          }
+        }], _toConsumableArray(modifiers))
+      }, other), /*#__PURE__*/React.createElement(Children, null));
+    }
+  }]);
+  return DropdownRoot;
+}(Component);
+_defineProperty(DropdownRoot, "displayName", 'Dropdown');
+_defineProperty(DropdownRoot, "style", style);
+_defineProperty(DropdownRoot, "defaultProps", {
+  // timeout: [100, 50],
+  placement: 'bottom-start',
+  offset: [0, 4],
+  stretch: 'min',
+  defaultVisible: false,
+  i18n: localizedMessages,
+  locale: 'en',
+  interaction: 'click'
+});
+_defineProperty(DropdownRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+function DropdownTrigger(_ref8) {
+  var _ref = arguments[0],
+    _ref4;
+  var styles = _ref8.styles,
+    Tag = _ref8.tag;
+  var hasInputTrigger = isInputTriggerTag(Tag);
+  var SDropdownTrigger = Popper.Trigger;
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SDropdownTrigger, _ref4.cn("SDropdownTrigger", _objectSpread({}, _assignProps({
+    "role": hasInputTrigger ? 'combobox' : 'button'
+  }, _ref))));
+}
+function DropdownPopper(_ref9) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var styles = _ref9.styles;
+  var SDropdownPopper = Popper.Popper;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SDropdownPopper, _ref5.cn("SDropdownPopper", _objectSpread({}, _assignProps2({}, _ref2))));
+}
+function DropdownGroup(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var styles = props.styles,
+    title = props.title,
+    Children = props.Children,
+    subTitle = props.subTitle,
+    size = props.size;
+  var SGroup = Box;
+  var SDropdownItemContainer = Dropdown.Item;
+  var SGroupTitle = Flex;
+  var SGroupHint = Flex;
+  var uidTitle = useUID('title_mi_group');
+  var uidSubTitle = useUID('sub_title_mi_group');
+  var groupAriaProps = {
+    'aria-labelledby': uidTitle,
+    'aria-describedby': subTitle ? uidSubTitle : undefined
+  };
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SDropdownItemContainer, _ref6.cn("SDropdownItemContainer", {
+    "notInteractive": true,
+    "aria-hidden": 'true',
+    "tabindex": -1,
+    "size": size
+  }), /*#__PURE__*/React.createElement(SGroupTitle, _ref6.cn("SGroupTitle", {
+    "id": uidTitle
+  }), title), subTitle && /*#__PURE__*/React.createElement(SGroupHint, _ref6.cn("SGroupHint", {
+    "id": uidSubTitle
+  }), subTitle)), /*#__PURE__*/React.createElement(SGroup, _ref6.cn("SGroup", _objectSpread({}, _assignProps3(_objectSpread(_objectSpread({
+    "role": 'group'
+  }, groupAriaProps), {}, {
+    "__excludeProps": ['title']
+  }), _ref3))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {}))));
+}
+var Dropdown = createComponent(DropdownRoot, {
+  Trigger: DropdownTrigger,
+  Popper: DropdownPopper,
+  Item: DropdownItem,
+  Group: DropdownGroup
+}, {
+  parent: Popper
+});
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","isInputTriggerTag","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","DropdownItem","Flex","Box","useUID","INTERACTION_TAGS","DropdownRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref7","state","options","_state$placement$spli","placement","split","_state$placement$spli2","_slicedToArray","position","isVertical","indexOf","len","referenceLen","elements","reference","stretch","rects","popper","width","Math","max","e","_this$asProps","asProps","visible","interaction","element","popperRef","current","key","preventDefault","includes","target","tagName","handlers","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","handlerTriggerKeyDown","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","role","ref","focusMaster","autoFocus","render","_this$asProps4","Children","forwardRef","_this$asProps4$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","_extends","_toConsumableArray","defaultModifiers","_typeof","offset","defaultVisible","i18n","locale","DropdownTrigger","_ref8","_ref","arguments[0]","_ref4","styles","Tag","tag","hasInputTrigger","SDropdownTrigger","Trigger","cn","_objectSpread","_assignProps","DropdownPopper","_ref9","_ref2","_ref5","SDropdownPopper","_assignProps2","DropdownGroup","props","_ref3","_ref6","title","subTitle","size","SGroup","SDropdownItemContainer","Dropdown","Item","SGroupTitle","SGroupHint","uidTitle","uidSubTitle","groupAriaProps","Fragment","_assignProps3","Group","parent"],"sources":["../../src/Dropdown.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper, { isInputTriggerTag } from '@semcore/popper';\nimport capitalizeFirstLetter from '@semcore/utils/lib/capitalizeFirstLetter';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/dropdown.shadow.css';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\nimport { DropdownItem } from './DropdownItem';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { useUID } from '@semcore/utils/lib/uniqueID';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownRoot extends Component {\n  static displayName = 'Dropdown';\n  static style = style;\n  static defaultProps = {\n    // timeout: [100, 50],\n    placement: 'bottom-start',\n    offset: [0, 4],\n    stretch: 'min',\n    defaultVisible: false,\n    i18n: localizedMessages,\n    locale: 'en',\n    interaction: 'click',\n  };\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  popperRef = React.createRef();\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n    };\n  }\n\n  defaultModifiers = [\n    {\n      name: 'flip',\n      enabled: false,\n    },\n    {\n      name: 'stretch',\n      phase: 'beforeRead',\n      enabled: true,\n      fn: function ({ state, options }) {\n        const [position] = state.placement.split('-');\n\n        const isVertical = ['left', 'right'].indexOf(position) !== -1;\n        const len = isVertical ? 'height' : 'width';\n        const referenceLen = state.elements.reference[`offset${capitalizeFirstLetter(len)}`];\n\n        if (options.stretch === 'min') {\n          state.rects.popper.width = Math.max(state.rects.popper.width, referenceLen);\n          state.elements.popper.style[`min${capitalizeFirstLetter(len)}`] = `${referenceLen}px`;\n        }\n\n        if (options.stretch === 'fixed') {\n          state.rects.popper.width = referenceLen;\n          state.elements.popper.style[len] = `${referenceLen}px`;\n        }\n      },\n    },\n  ];\n\n  handlerTriggerKeyDown = (e) => {\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      interaction === 'click' &&\n      visible &&\n      e.key === 'Tab' &&\n      element &&\n      !hasFocusableIn(element)\n    ) {\n      e.preventDefault();\n\n      return;\n    }\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n\n    if (['Enter', ' '].includes(e.key) && interaction !== 'none') {\n      e.preventDefault();\n      this.handlers.visible(true);\n    }\n  };\n\n  getTriggerProps() {\n    const { uid, visible, disablePortal, getI18nText } = this.asProps;\n\n    return {\n      id: `igc-${uid}-trigger`,\n      'aria-controls': visible ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      onKeyDown: this.handlerTriggerKeyDown,\n      'aria-haspopup': 'dialog',\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking, interaction } = this.asProps;\n\n    return {\n      id: `igc-${uid}-popper`,\n      tabIndex: 0,\n      role: 'dialog',\n      disablePortal,\n      ignorePortalsStacking,\n      ref: this.popperRef,\n      focusMaster: interaction === 'click',\n      autoFocus: 'enforced',\n    };\n  }\n\n  render() {\n    const { Children, forwardRef, modifiers = [], stretch, ...other } = this.asProps;\n\n    return (\n      <Popper\n        ref={forwardRef}\n        modifiers={[\n          ...this.defaultModifiers,\n          {\n            name: 'stretch',\n            options: typeof stretch === 'object' ? stretch : { stretch },\n          },\n          ...modifiers,\n        ]}\n        {...other}\n      >\n        <Children />\n      </Popper>\n    );\n  }\n}\n\nfunction DropdownTrigger({ styles, tag: Tag }) {\n  const hasInputTrigger = isInputTriggerTag(Tag);\n  const SDropdownTrigger = Root;\n\n  return sstyled(styles)(\n    <SDropdownTrigger render={Popper.Trigger} role={hasInputTrigger ? 'combobox' : 'button'} />,\n  );\n}\n\nfunction DropdownPopper({ styles }) {\n  const SDropdownPopper = Root;\n  return sstyled(styles)(<SDropdownPopper render={Popper.Popper} />);\n}\n\nfunction DropdownGroup(props) {\n  const { styles, title, Children, subTitle, size } = props;\n  const SGroup = Root;\n  const SDropdownItemContainer = Dropdown.Item;\n  const SGroupTitle = Flex;\n  const SGroupHint = Flex;\n  const uidTitle = useUID('title_mi_group');\n  const uidSubTitle = useUID('sub_title_mi_group');\n  const groupAriaProps = {\n    'aria-labelledby': uidTitle,\n    'aria-describedby': subTitle ? uidSubTitle : undefined,\n  };\n  return sstyled(styles)(\n    <>\n      <SDropdownItemContainer notInteractive aria-hidden={'true'} tabindex={-1} size={size}>\n        <SGroupTitle id={uidTitle}>{title}</SGroupTitle>\n        {subTitle && <SGroupHint id={uidSubTitle}>{subTitle}</SGroupHint>}\n      </SDropdownItemContainer>\n      <SGroup render={Box} role={'group'} {...groupAriaProps} __excludeProps={['title']}>\n        <Children />\n      </SGroup>\n    </>,\n  );\n}\n\nconst Dropdown = createComponent(\n  DropdownRoot,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n    Item: DropdownItem,\n    Group: DropdownGroup,\n  },\n  {\n    parent: Popper,\n  },\n);\n\nexport default Dropdown;\n"],"mappings":"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"}

package/dropdown/lib/es6/DropdownItem.js

@@ -0,0 +1,12 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import { Root, sstyled } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+export function DropdownItem(props) {
+  var _ref = arguments[0],
+    _ref2;
+  var SDropdownItem = Box;
+  return _ref2 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownItem, _ref2.cn("SDropdownItem", _objectSpread({}, _assignProps({}, _ref))));
+}
+//# sourceMappingURL=DropdownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","names":["React","Root","sstyled","Box","DropdownItem","props","_ref","arguments[0]","_ref2","SDropdownItem","styles","createElement","cn","_objectSpread","_assignProps"],"sources":["../../src/DropdownItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\ntype DropdownItemProps = {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\nexport function DropdownItem(props: DropdownItemProps) {\n  const SDropdownItem = Root;\n  return sstyled(props.styles)(<SDropdownItem render={Box} />);\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC7C,SAASC,GAAG,QAAQ,mBAAmB;AAMvC,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrD,IAAMC,aAAa,GACiCN,GAAG;EAAvD,OAAAK,KAAA,GAAON,OAAO,CAACG,KAAK,CAACK,MAAM,CAAC,eAACV,KAAA,CAAAW,aAAA,CAACF,aAAa,EAAAD,KAAA,CAAAI,EAAA,kBAAAC,aAAA,KAAAC,YAAA,KAAAR,IAAA,IAAgB;AAC7D"}

package/dropdown/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/dropdown/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties, PropGetterFn } from '@semcore/core';\nimport Popper, {\n  PopperContext,\n  PopperProps,\n  PopperHandlers,\n  PopperTriggerProps,\n  PopperPopperProps,\n} from '@semcore/popper';\nimport { Box, BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface IDropdownProps extends DropdownProps, UnknownProperties {}\nexport type DropdownProps = PopperProps & {\n  /**\n   * Modifier responsible for the size of the pop-up window:\n   * `fixed` - a pop-up window of the same size as trigger;\n   * `min` - pop-up window not less than the size of the trigger;\n   * `false` - the pop-up window depends on the content within it.\n   * @default 'min'\n   * */\n  stretch?: 'min' | 'fixed' | false;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IDropdownContext extends DropdownContext, UnknownProperties {}\nexport type DropdownContext = PopperContext & {\n  getGroupProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IDropdownHandlers extends DropdownHandlers, UnknownProperties {}\nexport type DropdownHandlers = PopperHandlers & {};\n\nexport type DropdownTriggerProps = PopperTriggerProps;\n\n/**\n * DropdownPopper must have an accessible name (aria-dialog-name).\n * It should describe popper content.\n */\nexport type DropdownPopperAriaProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  title?: string;\n}>;\n\nexport type DropdownPopperProps = PopperPopperProps &\n  DropdownPopperAriaProps & {\n    /**\n     * Popper in Dropdown should have role `dialog`.\n     * @default 'dialog'\n     */\n    role?: 'dialog';\n  };\n\nexport type DropdownGroupProps = BoxProps & {\n  /** Title for group of dropdown menu items */\n  title: React.ReactNode;\n  /** Subtitle for group of dropdown menu items */\n  subTitle?: string;\n};\n\ndeclare const Dropdown: Intergalactic.Component<\n  'div',\n  DropdownProps,\n  DropdownContext,\n  [handlers: DropdownHandlers]\n> & {\n  Trigger: typeof Popper.Trigger;\n  Popper: Intergalactic.Component<\n    'div',\n    DropdownPopperProps,\n    PopperContext,\n    [handlers: PopperHandlers]\n  >;\n  Item: Intergalactic.Component<typeof Box>;\n  Group: Intergalactic.Component<'div', DropdownGroupProps>;\n};\n\nexport default Dropdown;\n"],"mappings":""}

package/dropdown/lib/es6/index.js

@@ -0,0 +1,3 @@
+export { default } from './Dropdown';
+export { AbstractDropdown, selectedIndexContext, enhance } from './AbstractDropdown';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","AbstractDropdown","selectedIndexContext","enhance"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Dropdown';\n\nexport { AbstractDropdown, selectedIndexContext, enhance } from './AbstractDropdown';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,OAAO,QAAQ,oBAAoB"}

package/dropdown/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,31 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import nl from './nl.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  nl: nl,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh,
+  pl: pl,
+  sv: sv
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/dropdown/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

package/dropdown/package.json

@@ -1 +1 @@
-{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.2","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.40.0","@semcore/popper":"5.45.2","@semcore/utils":"4.45.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/dropdown","description":"Semrush Dropdown Component","version":"4.42.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.40.0","@semcore/popper":"5.45.2","@semcore/utils":"4.45.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/dropdown"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/dropdown-menu/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.mjs';
-export { default } from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

package/dropdown-menu/lib/cjs/DropdownMenu.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -36,24 +36,24 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
 var _typography = require("intergalactic/typography");
 var _excluded = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_1a4uj_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_:after,.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_._position_median_1a4uj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_._position_median_1a4uj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_._position_start_1a4uj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowHorizontal_1a4uj_gg_._position_end_1a4uj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_:after,.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_._position_median_1a4uj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_._position_median_1a4uj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_._position_start_1a4uj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_1a4uj_gg_ .___SShadowVertical_1a4uj_gg_._position_end_1a4uj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_1a4uj_gg_.__nesting-trigger_1a4uj_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_1a4uj_gg_,.___SItemContentText_1a4uj_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_1a4uj_gg_:first-child,.___SItemContentText_1a4uj_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1a4uj_gg_:last-child,.___SItemContentText_1a4uj_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_1a4uj_gg_,.___SDropdownMenuNesting_1a4uj_gg_._size_l_1a4uj_gg_,.___SDropdownMenuNesting_1a4uj_gg_._size_m_1a4uj_gg_{padding:0}.___SDropdownMenuNesting_1a4uj_gg_.__highlighted_1a4uj_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_1a4uj_gg_._size_l_1a4uj_gg_,.___SDropdownNestingItem_1a4uj_gg_._size_m_1a4uj_gg_{padding-right:0}.___SDropdownNestingItem_1a4uj_gg_ .___SDropdownMenuItemContainer_1a4uj_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_1a4uj_gg_:focus{outline:0}.___SItemHint_1a4uj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1a4uj_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_1a4uj_gg_",
-  "_nesting-trigger": "__nesting-trigger_1a4uj_gg_",
-  "__SDropdownMenuNesting": "___SDropdownMenuNesting_1a4uj_gg_",
-  "_size_l": "_size_l_1a4uj_gg_",
-  "_size_m": "_size_m_1a4uj_gg_",
-  "_highlighted": "__highlighted_1a4uj_gg_",
-  "__SDropdownNestingItem": "___SDropdownNestingItem_1a4uj_gg_",
-  "__SItemContent": "___SItemContent_1a4uj_gg_",
-  "__SItemHint": "___SItemHint_1a4uj_gg_",
-  "__SDropdownMenuList": "___SDropdownMenuList_1a4uj_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1a4uj_gg_",
-  "_position_median": "_position_median_1a4uj_gg_",
-  "_position_start": "_position_start_1a4uj_gg_",
-  "_position_end": "_position_end_1a4uj_gg_",
-  "__SShadowVertical": "___SShadowVertical_1a4uj_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1a4uj_gg_",
-  "__SItemContentText": "___SItemContentText_1a4uj_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuList_188rj_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;position:relative;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_:after,.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_._position_median_188rj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_._position_median_188rj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_._position_start_188rj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-left,\n        linear-gradient(to right, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowHorizontal_188rj_gg_._position_end_188rj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-right,\n        linear-gradient(to left, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_:after,.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_._position_median_188rj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_._position_median_188rj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_._position_start_188rj_gg_:before{background:var(--intergalactic-scroll-area-dropdown-menu-top,\n        linear-gradient(to bottom, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuList_188rj_gg_ .___SShadowVertical_188rj_gg_._position_end_188rj_gg_:after{background:var(--intergalactic-scroll-area-dropdown-menu-bottom,\n        linear-gradient(to top, rgba(255, 255, 255, 1) 34.38%, rgba(255, 255, 255, 0) 100%)\n      )}.___SDropdownMenuItemContainer_188rj_gg_.__nesting-trigger_188rj_gg_{justify-content:space-between}.___SDropdownMenuItemAddon_188rj_gg_,.___SItemContentText_188rj_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-1x, 4px);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SDropdownMenuItemAddon_188rj_gg_:first-child,.___SItemContentText_188rj_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_188rj_gg_:last-child,.___SItemContentText_188rj_gg_:last-child{margin-right:0}.___SDropdownMenuNesting_188rj_gg_,.___SDropdownMenuNesting_188rj_gg_._size_l_188rj_gg_,.___SDropdownMenuNesting_188rj_gg_._size_m_188rj_gg_{padding:0}.___SDropdownMenuNesting_188rj_gg_.__highlighted_188rj_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownNestingItem_188rj_gg_._size_l_188rj_gg_,.___SDropdownNestingItem_188rj_gg_._size_m_188rj_gg_{padding-right:0}.___SDropdownNestingItem_188rj_gg_ .___SDropdownMenuItemContainer_188rj_gg_{width:auto;padding-top:0;padding-bottom:0;padding-left:0;min-height:auto}.___SItemContent_188rj_gg_:focus{outline:0}.___SItemHint_188rj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "188rj_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuItemContainer": "___SDropdownMenuItemContainer_188rj_gg_",
+  "_nesting-trigger": "__nesting-trigger_188rj_gg_",
+  "__SDropdownMenuNesting": "___SDropdownMenuNesting_188rj_gg_",
+  "_size_l": "_size_l_188rj_gg_",
+  "_size_m": "_size_m_188rj_gg_",
+  "_highlighted": "__highlighted_188rj_gg_",
+  "__SDropdownNestingItem": "___SDropdownNestingItem_188rj_gg_",
+  "__SItemContent": "___SItemContent_188rj_gg_",
+  "__SItemHint": "___SItemHint_188rj_gg_",
+  "__SDropdownMenuList": "___SDropdownMenuList_188rj_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_188rj_gg_",
+  "_position_median": "_position_median_188rj_gg_",
+  "_position_start": "_position_start_188rj_gg_",
+  "_position_end": "_position_end_188rj_gg_",
+  "__SShadowVertical": "___SShadowVertical_188rj_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_188rj_gg_",
+  "__SItemContentText": "___SItemContentText_188rj_gg_"
 });
 var ListBoxContextProvider = function ListBoxContextProvider(_ref22) {
   var children = _ref22.children;