intergalactic 15.109.0 → 15.110.0

package/dropdown/lib/es6/AbstractDropdown.js

@@ -0,0 +1,355 @@
+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 React from 'react';
+import { Component } from 'intergalactic/core';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { isFocusInside, setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
+import focusSourceEnhance from 'intergalactic/utils/lib/enhances/focusSourceEnhance';
+import { getAccessibleName } from 'intergalactic/utils/lib/getAccessibleName';
+export var enhance = {
+  uid: uniqueIDEnhancement(),
+  getI18nText: i18nEnhance(localizedMessages),
+  focusSourceRef: focusSourceEnhance()
+};
+export var selectedIndexContext = /*#__PURE__*/React.createContext(0);
+export var AbstractDropdown = /*#__PURE__*/function (_Component) {
+  _inherits(AbstractDropdown, _Component);
+  var _super = _createSuper(AbstractDropdown);
+  function AbstractDropdown() {
+    var _this;
+    _classCallCheck(this, AbstractDropdown);
+    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), "role", void 0);
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "triggerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "menuRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "itemProps", []);
+    _defineProperty(_assertThisInitialized(_this), "itemRefs", []);
+    _defineProperty(_assertThisInitialized(_this), "highlightedItemRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "prevHighlightedIndex", null);
+    _defineProperty(_assertThisInitialized(_this), "handleClickTrigger", function (e) {
+      var interaction = _this.asProps.interaction;
+      if (interaction === 'none') return false;
+      e.preventDefault();
+      _this.handlers.visible(true);
+      if (_this.role === 'menu') {
+        setTimeout(function () {
+          var highlightedIndex = _this.asProps.highlightedIndex;
+          var element = _this.itemRefs[highlightedIndex !== null && highlightedIndex !== void 0 ? highlightedIndex : 0];
+          element === null || element === void 0 ? void 0 : element.focus();
+        }, 0);
+      }
+    });
+    return _this;
+  }
+  _createClass(AbstractDropdown, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      var _this2 = this;
+      return {
+        selectedIndex: null,
+        highlightedIndex: [null, function (index) {
+          _this2.handlers.selectedIndex(index);
+        }],
+        visible: null
+      };
+    }
+  }, {
+    key: "childRole",
+    get: function get() {
+      if (this.role === 'listbox') {
+        return 'option';
+      }
+      return 'menuitem';
+    }
+  }, {
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        uid = _this$asProps.uid,
+        disablePortal = _this$asProps.disablePortal,
+        visible = _this$asProps.visible,
+        getI18nText = _this$asProps.getI18nText;
+      return {
+        size: size,
+        id: "igc-".concat(uid, "-trigger"),
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        'aria-haspopup': 'true',
+        'aria-expanded': visible ? 'true' : 'false',
+        onClick: this.handleClickTrigger,
+        ref: this.triggerRef
+      };
+    }
+  }, {
+    key: "getListProps",
+    value: function getListProps() {
+      var _this$triggerRef$curr;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
+      var triggerId = (_this$triggerRef$curr = this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : _this$triggerRef$curr.id;
+      var triggerElement = triggerId ? document.getElementById(triggerId) : null;
+      return {
+        size: size,
+        index: this.asProps.highlightedIndex,
+        tabIndex: -1,
+        ref: this.menuRef,
+        id: "igc-".concat(uid, "-list"),
+        role: this.role,
+        'aria-label': getAccessibleName(triggerElement)
+      };
+    }
+  }, {
+    key: "getMenuProps",
+    value: function getMenuProps() {
+      return this.getListProps();
+    }
+  }, {
+    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,
+        highlightedIndex = _this$asProps3.highlightedIndex;
+      return {
+        ref: this.popperRef,
+        tabIndex: -1,
+        id: "igc-".concat(uid, "-popper"),
+        disablePortal: disablePortal,
+        ignorePortalsStacking: ignorePortalsStacking,
+        focusMaster: interaction === 'click',
+        hideFocus: highlightedIndex !== null,
+        'use:autoFocus': false
+      };
+    }
+  }, {
+    key: "getGroupProps",
+    value: function getGroupProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getItemProps",
+    value: function getItemProps(_, index) {
+      var _this3 = this;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        uid = _this$asProps4.uid;
+      return {
+        id: "igc-".concat(uid, "-option-").concat(index),
+        size: size,
+        index: index,
+        onMouseEnter: function onMouseEnter() {
+          return _this3.handlers.selectedIndex(index);
+        },
+        role: this.childRole
+      };
+    }
+  }, {
+    key: "getItemHintProps",
+    value: function getItemHintProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getItemTitleProps",
+    value: function getItemTitleProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "scrollToNode",
+    value: function scrollToNode(node) {
+      var _this4 = this;
+      if (node) {
+        // @ts-ignore
+        this.highlightedItemRef.current = node;
+      }
+      setTimeout(function () {
+        if (node !== null && node !== void 0 && node.scrollIntoView) {
+          if (_this4.asProps.highlightedIndex !== _this4.prevHighlightedIndex) {
+            _this4.prevHighlightedIndex = _this4.asProps.highlightedIndex;
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest'
+            });
+          }
+        }
+      }, 0);
+    }
+  }, {
+    key: "getHighlightedIndex",
+    value: function getHighlightedIndex(amount) {
+      var _this$itemProps$newIn;
+      var highlightedIndex = this.asProps.highlightedIndex;
+      var itemsLastIndex = this.itemProps.length - 1;
+      var selectedIndex = this.itemProps.findIndex(function (item) {
+        return item.selected;
+      });
+      if (itemsLastIndex < 0) return 0;
+      var innerHighlightedIndex;
+      if (highlightedIndex == null) {
+        if (selectedIndex !== -1) {
+          innerHighlightedIndex = selectedIndex;
+        } else if (this.highlightedItemRef.current && this.prevHighlightedIndex !== null) {
+          innerHighlightedIndex = this.prevHighlightedIndex;
+        } else {
+          innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;
+        }
+      } else {
+        innerHighlightedIndex = highlightedIndex;
+      }
+      var newIndex = innerHighlightedIndex + amount;
+      if (newIndex < 0) {
+        newIndex = amount + itemsLastIndex + 1;
+      } else if (newIndex > itemsLastIndex) {
+        newIndex = newIndex - itemsLastIndex - 1;
+      }
+      if ((_this$itemProps$newIn = this.itemProps[newIndex]) !== null && _this$itemProps$newIn !== void 0 && _this$itemProps$newIn.disabled) {
+        return this.getHighlightedIndex(amount < 0 ? amount - 1 : amount + 1);
+      } else if (!this.itemProps[newIndex]) {
+        return 0;
+      } else {
+        return newIndex;
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$asProps5 = this.asProps,
+        visible = _this$asProps5.visible,
+        focusSourceRef = _this$asProps5.focusSourceRef;
+      var visibilityChanged = visible !== prevProps.visible;
+      if (visibilityChanged && prevProps.visible !== undefined) {
+        if (!visible) {
+          this.handlers.highlightedIndex(null);
+          // @ts-ignore
+          this.highlightedItemRef.current = null;
+          if (this.popperRef.current && this.triggerRef.current && (document.activeElement === document.body || isFocusInside(this.popperRef.current)) && focusSourceRef.current === 'keyboard') {
+            setFocus(this.triggerRef.current);
+          }
+        }
+      }
+    }
+  }, {
+    key: "itemRef",
+    value: function itemRef(props, index, node) {
+      if ((node === null || node === void 0 ? void 0 : node.getAttribute('role')) === this.childRole) {
+        this.itemRefs[index] = node;
+        this.itemProps[index] = props;
+      }
+    }
+  }, {
+    key: "handlePreventCommonKeyDown",
+    value: function handlePreventCommonKeyDown(e) {
+      if (e.target instanceof Element) {
+        var targetTagName = e.target.tagName;
+        if (e.key === ' ' && ['INPUT', 'TEXTAREA'].includes(targetTagName)) return false;
+        if (e.key === 'Enter' && targetTagName === 'TEXTAREA') return false;
+      }
+    }
+  }, {
+    key: "handlePreventPopperKeyDown",
+    value: function handlePreventPopperKeyDown(e) {
+      if (e.target instanceof Element) {
+        var targetTagName = e.target.tagName;
+        if ((e.key === ' ' || e.key === 'Enter') && (targetTagName === 'BUTTON' || targetTagName === 'A')) return false;
+      }
+    }
+  }, {
+    key: "handleOpenKeyDown",
+    value: function handleOpenKeyDown(e) {
+      if (this.asProps.visible !== true && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key) && e.currentTarget.getAttribute('role') !== this.childRole) {
+        this.handleClickTrigger(e);
+      }
+    }
+  }, {
+    key: "handleArrowKeyDown",
+    value: function handleArrowKeyDown(e) {
+      var amountCount = e.shiftKey ? 5 : 1;
+      var _this$asProps6 = this.asProps,
+        highlightedIndex = _this$asProps6.highlightedIndex,
+        inlineActions = _this$asProps6.inlineActions;
+      var amount = null;
+      switch (e.key) {
+        case 'ArrowDown':
+          {
+            if (!inlineActions) {
+              amount = amountCount;
+            }
+            break;
+          }
+        case 'ArrowUp':
+          {
+            if (!inlineActions) {
+              amount = -amountCount;
+            }
+            break;
+          }
+        case 'ArrowRight':
+          {
+            if (inlineActions) {
+              amount = amountCount;
+            }
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            if (inlineActions) {
+              amount = -amountCount;
+            }
+            break;
+          }
+        case ' ':
+        case 'Enter':
+          if (this.highlightedItemRef.current && highlightedIndex !== null) {
+            e.stopPropagation();
+            e.preventDefault();
+            this.highlightedItemRef.current.click();
+          }
+          break;
+      }
+      if (amount !== null) {
+        var newHighlightedIndex = this.getHighlightedIndex(amount);
+        if (newHighlightedIndex !== undefined && this.role === 'menu') {
+          var _this$itemRefs$newHig;
+          (_this$itemRefs$newHig = this.itemRefs[newHighlightedIndex]) === null || _this$itemRefs$newHig === void 0 ? void 0 : _this$itemRefs$newHig.focus();
+        }
+        if (this.role === 'listbox' && this.triggerRef.current && !isFocusInside(this.triggerRef.current)) {
+          this.focusTrigger();
+        }
+        this.handlers.highlightedIndex(newHighlightedIndex, e);
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+  }, {
+    key: "focusTrigger",
+    value: function focusTrigger() {
+      var trigger = this.triggerRef.current;
+      if (!trigger) return;
+      if (isFocusInside(trigger)) return;
+      setFocus(trigger);
+    }
+  }]);
+  return AbstractDropdown;
+}(Component);
+//# sourceMappingURL=AbstractDropdown.js.map

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","uid","getI18nText","focusSourceRef","selectedIndexContext","createContext","AbstractDropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","interaction","asProps","preventDefault","handlers","visible","role","setTimeout","highlightedIndex","element","itemRefs","focus","_createClass","key","value","uncontrolledProps","_this2","selectedIndex","index","get","getTriggerProps","_this$asProps","size","disablePortal","id","focusHint","undefined","onClick","handleClickTrigger","ref","triggerRef","getListProps","_this$triggerRef$curr","_this$asProps2","triggerId","current","triggerElement","document","getElementById","tabIndex","menuRef","getMenuProps","getPopperProps","_this$asProps3","ignorePortalsStacking","popperRef","focusMaster","hideFocus","getGroupProps","getItemProps","_","_this3","_this$asProps4","onMouseEnter","childRole","getItemHintProps","getItemTitleProps","scrollToNode","node","_this4","highlightedItemRef","scrollIntoView","prevHighlightedIndex","block","inline","getHighlightedIndex","amount","_this$itemProps$newIn","itemsLastIndex","itemProps","findIndex","item","selected","innerHighlightedIndex","newIndex","disabled","componentDidUpdate","prevProps","_this$asProps5","visibilityChanged","activeElement","body","itemRef","props","getAttribute","handlePreventCommonKeyDown","target","Element","targetTagName","tagName","includes","handlePreventPopperKeyDown","handleOpenKeyDown","currentTarget","handleArrowKeyDown","amountCount","shiftKey","_this$asProps6","inlineActions","stopPropagation","click","newHighlightedIndex","_this$itemRefs$newHig","focusTrigger","trigger"],"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};\n\nexport const enhance = {\n  uid: uniqueIDEnhancement(),\n  getI18nText: i18nEnhance(localizedMessages),\n  focusSourceRef: focusSourceEnhance(),\n};\n\ntype Enhances<T extends { [key: string]: (...args: any) => any }> = {\n  [K in keyof T]: ReturnType<T[K]>[K];\n};\n\nexport const selectedIndexContext = React.createContext(0);\n\nexport abstract class AbstractDropdown extends Component<\n  AbstractDDProps,\n  {},\n  {},\n  Enhances<typeof enhance>\n> {\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    return 'menuitem';\n  }\n\n  handleClickTrigger = (e: React.SyntheticEvent) => {\n    const { interaction } = this.asProps;\n\n    if (interaction === 'none') return false;\n\n    e.preventDefault();\n    this.handlers.visible(true);\n\n    if (this.role === 'menu') {\n      setTimeout(() => {\n        const { highlightedIndex } = this.asProps;\n        const element = this.itemRefs[highlightedIndex ?? 0];\n        element?.focus();\n      }, 0);\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    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  getMenuProps() {\n    return this.getListProps();\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\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      index,\n      onMouseEnter: () => this.handlers.selectedIndex(index),\n      role: this.childRole,\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 0;\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 = this.prevHighlightedIndex;\n      } else {\n        innerHighlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    } else {\n      innerHighlightedIndex = 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 0;\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') === 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') !== this.childRole\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 (this.highlightedItemRef.current && highlightedIndex !== null) {\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      if (newHighlightedIndex !== undefined && this.role === 'menu') {\n        this.itemRefs[newHighlightedIndex]?.focus();\n      }\n      if (\n        this.role === 'listbox' &&\n        this.triggerRef.current &&\n        !isFocusInside(this.triggerRef.current)\n      ) {\n        this.focusTrigger();\n      }\n      this.handlers.highlightedIndex(newHighlightedIndex, e);\n\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  }\n\n  focusTrigger() {\n    const trigger = this.triggerRef.current;\n    if (!trigger) return;\n    if (isFocusInside(trigger)) return;\n    setFocus(trigger);\n  }\n}\n"],"mappings":"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"}

package/dropdown/lib/es6/Dropdown.js

@@ -11,6 +11,7 @@ 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"];
@@ -22,17 +23,33 @@ 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_bi9sa_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)}" /*__inner_css_end__*/, "bi9sa_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownPopper": "___SDropdownPopper_bi9sa_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownItem_5xcyv_gg_,.___SDropdownPopper_5xcyv_gg_{position:relative;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownPopper_5xcyv_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_5xcyv_gg_{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownItem_5xcyv_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownItem_5xcyv_gg_:focus{outline:0}.___SDropdownItem_5xcyv_gg_.__selected_5xcyv_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_5xcyv_gg_.__selected_5xcyv_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownItem_5xcyv_gg_.__highlighted_5xcyv_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownItem_5xcyv_gg_.__disabled_5xcyv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownItem_5xcyv_gg_._size_l_5xcyv_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_5xcyv_gg_._size_m_5xcyv_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_5xcyv_gg_.__notInteractive_5xcyv_gg_{cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_.__notInteractive_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_._variant_hint_5xcyv_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_._variant_hint_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_._variant_title_5xcyv_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownItem_5xcyv_gg_._variant_title_5xcyv_gg_:hover{background:0 0}}.___SDropdownItem_5xcyv_gg_.__visible_5xcyv_gg_{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}.___SDropdownItem_5xcyv_gg_.__nesting-trigger_5xcyv_gg_{justify-content:space-between}.___SGroupTitle_5xcyv_gg_{font-weight:var(--intergalactic-bold, 700)}.___SGroupHint_5xcyv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "5xcyv_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownPopper": "___SDropdownPopper_5xcyv_gg_",
+  "__SDropdownItem": "___SDropdownItem_5xcyv_gg_",
+  "_highlighted": "__highlighted_5xcyv_gg_",
+  "_disabled": "__disabled_5xcyv_gg_",
+  "_size_l": "_size_l_5xcyv_gg_",
+  "_size_m": "_size_m_5xcyv_gg_",
+  "_visible": "__visible_5xcyv_gg_",
+  "_nesting-trigger": "__nesting-trigger_5xcyv_gg_",
+  "__SGroupTitle": "___SGroupTitle_5xcyv_gg_",
+  "__SGroupHint": "___SGroupHint_5xcyv_gg_",
+  "_selected": "__selected_5xcyv_gg_",
+  "_notInteractive": "__notInteractive_5xcyv_gg_",
+  "_variant_hint": "_variant_hint_5xcyv_gg_",
+  "_variant_title": "_variant_title_5xcyv_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 Dropdown = /*#__PURE__*/function (_Component) {
-  _inherits(Dropdown, _Component);
-  var _super = _createSuper(Dropdown);
-  function Dropdown() {
+var DropdownRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DropdownRoot, _Component);
+  var _super = _createSuper(DropdownRoot);
+  function DropdownRoot() {
     var _this;
-    _classCallCheck(this, Dropdown);
+    _classCallCheck(this, DropdownRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -45,9 +62,9 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       name: 'stretch',
       phase: 'beforeRead',
       enabled: true,
-      fn: function fn(_ref5) {
-        var state = _ref5.state,
-          options = _ref5.options;
+      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];
@@ -82,7 +99,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(Dropdown, [{
+  _createClass(DropdownRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -146,11 +163,11 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }, other), /*#__PURE__*/React.createElement(Children, null));
     }
   }]);
-  return Dropdown;
+  return DropdownRoot;
 }(Component);
-_defineProperty(Dropdown, "displayName", 'Dropdown');
-_defineProperty(Dropdown, "style", style);
-_defineProperty(Dropdown, "defaultProps", {
+_defineProperty(DropdownRoot, "displayName", 'Dropdown');
+_defineProperty(DropdownRoot, "style", style);
+_defineProperty(DropdownRoot, "defaultProps", {
   // timeout: [100, 50],
   placement: 'bottom-start',
   offset: [0, 4],
@@ -160,29 +177,65 @@ _defineProperty(Dropdown, "defaultProps", {
   locale: 'en',
   interaction: 'click'
 });
-_defineProperty(Dropdown, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
-function DropdownTrigger(_ref6) {
+_defineProperty(DropdownRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+function DropdownTrigger(_ref8) {
   var _ref = arguments[0],
-    _ref3;
-  var styles = _ref6.styles,
-    Tag = _ref6.tag;
+    _ref4;
+  var styles = _ref8.styles,
+    Tag = _ref8.tag;
   var hasInputTrigger = isInputTriggerTag(Tag);
   var SDropdownTrigger = Popper.Trigger;
-  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SDropdownTrigger, _ref3.cn("SDropdownTrigger", _objectSpread({}, _assignProps({
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SDropdownTrigger, _ref4.cn("SDropdownTrigger", _objectSpread({}, _assignProps({
     "role": hasInputTrigger ? 'combobox' : 'button'
   }, _ref))));
 }
-function DropdownPopper(_ref7) {
+function DropdownPopper(_ref9) {
   var _ref2 = arguments[0],
-    _ref4;
-  var styles = _ref7.styles;
+    _ref5;
+  var styles = _ref9.styles;
   var SDropdownPopper = Popper.Popper;
-  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SDropdownPopper, _ref4.cn("SDropdownPopper", _objectSpread({}, _assignProps2({}, _ref2))));
+  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", {}))));
 }
-export default createComponent(Dropdown, {
+var Dropdown = createComponent(DropdownRoot, {
   Trigger: DropdownTrigger,
-  Popper: DropdownPopper
+  Popper: DropdownPopper,
+  Item: DropdownItem,
+  Group: DropdownGroup
 }, {
   parent: Popper
 });
+export default Dropdown;
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","createComponent","Root","Component","sstyled","Popper","isInputTriggerTag","capitalizeFirstLetter","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","hasFocusableIn","INTERACTION_TAGS","Dropdown","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","name","enabled","phase","fn","_ref5","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","_ref6","_ref","arguments[0]","_ref3","styles","Tag","tag","hasInputTrigger","SDropdownTrigger","Trigger","cn","_objectSpread","_assignProps","DropdownPopper","_ref7","_ref2","_ref4","SDropdownPopper","_assignProps2","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';\n\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass Dropdown 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\nexport default createComponent(\n  Dropdown,\n  {\n    Trigger: DropdownTrigger,\n    Popper: DropdownPopper,\n  },\n  {\n    parent: Popper,\n  },\n);\n"],"mappings":"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"}
+{"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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"}