@semcore/dropdown-menu 4.12.6-prerelease.1 → 4.13.0

package/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.12.6-prerelease.1] - 2023-11-21
+## [4.13.0-prerelease.1] - 2023-11-23
+
+### Added
+
+- Support for both non-focusable and focusable items in DropdownMenu.
+
+## [4.12.6] - 2023-11-21
 
 ### Changed
 

package/lib/cjs/DropdownMenu.js

@@ -25,26 +25,27 @@ var _scrollArea = _interopRequireDefault(require("@semcore/scroll-area"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
 var _styleScrollArea = _interopRequireDefault(require("./styleScrollArea"));
 var _excluded = ["className"],
   _excluded2 = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_ipuos_gg_,.___SDropdownMenuList_ipuos_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_ipuos_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_ipuos_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_ipuos_gg_:focus{outline:0}.___SDropdownMenuItem_ipuos_gg_.__selected_ipuos_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){.___SDropdownMenuItem_ipuos_gg_.__selected_ipuos_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_ipuos_gg_.__highlighted_ipuos_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_ipuos_gg_.__disabled_ipuos_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_ipuos_gg_._size_l_ipuos_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}.___SDropdownMenuItem_ipuos_gg_._size_m_ipuos_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}.___SDropdownMenuItem_ipuos_gg_.__notInteractive_ipuos_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_.__notInteractive_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItem_ipuos_gg_._variant_hint_ipuos_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_._variant_hint_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItem_ipuos_gg_._variant_title_ipuos_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_._variant_title_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_ipuos_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_ipuos_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_ipuos_gg_:last-child{margin-right:0}.___SPopper_ipuos_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "ipuos_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_ipuos_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_ipuos_gg_",
-  "_highlighted": "__highlighted_ipuos_gg_",
-  "_disabled": "__disabled_ipuos_gg_",
-  "_size_l": "_size_l_ipuos_gg_",
-  "_size_m": "_size_m_ipuos_gg_",
-  "_selected": "__selected_ipuos_gg_",
-  "_notInteractive": "__notInteractive_ipuos_gg_",
-  "_variant_hint": "_variant_hint_ipuos_gg_",
-  "_variant_title": "_variant_title_ipuos_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_ipuos_gg_",
-  "__SPopper": "___SPopper_ipuos_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_rgq9y_gg_,.___SDropdownMenuList_rgq9y_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_rgq9y_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_rgq9y_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_rgq9y_gg_:focus{outline:0}.___SDropdownMenuItem_rgq9y_gg_.__selected_rgq9y_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){.___SDropdownMenuItem_rgq9y_gg_.__selected_rgq9y_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_rgq9y_gg_.__highlighted_rgq9y_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_rgq9y_gg_.__disabled_rgq9y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_rgq9y_gg_._size_l_rgq9y_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}.___SDropdownMenuItem_rgq9y_gg_._size_m_rgq9y_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}.___SDropdownMenuItem_rgq9y_gg_.__notInteractive_rgq9y_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_.__notInteractive_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItem_rgq9y_gg_._variant_hint_rgq9y_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_._variant_hint_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItem_rgq9y_gg_._variant_title_rgq9y_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_._variant_title_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_rgq9y_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_rgq9y_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_rgq9y_gg_:last-child{margin-right:0}.___SPopper_rgq9y_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "rgq9y_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_rgq9y_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_rgq9y_gg_",
+  "_highlighted": "__highlighted_rgq9y_gg_",
+  "_disabled": "__disabled_rgq9y_gg_",
+  "_size_l": "_size_l_rgq9y_gg_",
+  "_size_m": "_size_m_rgq9y_gg_",
+  "_selected": "__selected_rgq9y_gg_",
+  "_notInteractive": "__notInteractive_rgq9y_gg_",
+  "_variant_hint": "_variant_hint_rgq9y_gg_",
+  "_variant_title": "_variant_title_rgq9y_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_rgq9y_gg_",
+  "__SPopper": "___SPopper_rgq9y_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
-var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
+var INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);
   var _super = (0, _createSuper2["default"])(DropdownMenuRoot);
@@ -55,24 +56,41 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemProps", []);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightedItemRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "prevHighlightedIndex", null);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeyDown", function (place) {
       return function (e) {
         var amount = e.shiftKey ? 5 : 1;
-        if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;
-        if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
+        var targetTagName = e.target.tagName;
+        if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;
+        if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;
+        var _this$asProps = _this.asProps,
+          visible = _this$asProps.visible,
+          interaction = _this$asProps.interaction;
+        var element = _this.popperRef.current;
+        if (place === 'popper' && interaction !== 'focus' && visible && e.key === 'Tab' && (0, _useFocusLock.hasFocusableIn)(element)) {
+          _this.handlers.highlightedIndex(null);
+          return;
+        }
         if (!KEYS.includes(e.key)) return;
         e.preventDefault();
+        var isVisible = _this.asProps.visible;
         _this.handlers.visible(true);
         switch (e.key) {
           case 'ArrowDown':
-            _this.moveHighlightedIndex(amount, e);
-            break;
+            {
+              isVisible && _this.moveHighlightedIndex(amount, e);
+              targetTagName === 'BUTTON' && element.focus();
+              break;
+            }
           case 'ArrowUp':
-            _this.moveHighlightedIndex(-amount, e);
-            break;
+            {
+              isVisible && _this.moveHighlightedIndex(-amount, e);
+              targetTagName === 'BUTTON' && element.focus();
+              break;
+            }
           case ' ':
           case 'Enter':
             if (_this.highlightedItemRef.current) {
@@ -111,13 +129,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     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,
-        highlightedIndex = _this$asProps.highlightedIndex;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid,
+        disablePortal = _this$asProps2.disablePortal,
+        visible = _this$asProps2.visible,
+        getI18nText = _this$asProps2.getI18nText,
+        highlightedIndex = _this$asProps2.highlightedIndex;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
@@ -131,9 +149,9 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getListProps",
     value: function getListProps() {
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        uid = _this$asProps2.uid;
+      var _this$asProps3 = this.asProps,
+        size = _this$asProps3.size,
+        uid = _this$asProps3.uid;
       return {
         size: size,
         uid: uid,
@@ -143,11 +161,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this$asProps3 = this.asProps,
-        uid = _this$asProps3.uid,
-        disablePortal = _this$asProps3.disablePortal,
-        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
+      var _this$asProps4 = this.asProps,
+        uid = _this$asProps4.uid,
+        disablePortal = _this$asProps4.disablePortal,
+        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
       return {
+        ref: this.popperRef,
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
         id: "igc-".concat(uid, "-popper"),
@@ -158,10 +177,10 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getItemProps",
     value: function getItemProps(props, index) {
-      var _this$asProps4 = this.asProps,
-        size = _this$asProps4.size,
-        highlightedIndex = _this$asProps4.highlightedIndex,
-        uid = _this$asProps4.uid;
+      var _this$asProps5 = this.asProps,
+        size = _this$asProps5.size,
+        highlightedIndex = _this$asProps5.highlightedIndex,
+        uid = _this$asProps5.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;

package/lib/cjs/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_classnames","_dropdown","_flexBox","_scrollArea","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_styleScrollArea","_excluded","_excluded2","style","sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","setTimeout","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread2","getItemHintProps","getItemTitleProps","_this$itemProps$newIn","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","Dropdown","assignProps","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","ScrollAreaComponent","styles","cn","scrollStyles","Menu","_ref3","disableEnforceFocus","interaction","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","Item","_useFlex","useFlex","forwardRef","_useFlex2","_slicedToArray2","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties2","_extends2","role","label","Addon","_useBox","useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","Hint","_ref4","_ref8","Flex","Title","_ref5","_ref9","Trigger","_ref6","createComponent","ItemTitle","ItemHint","parent","_default","exports"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownMenuRoot extends Component {\n  static displayName = 'DropdownMenu';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    size: 'm',\n    defaultVisible: false,\n    defaultHighlightedIndex: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  itemProps = [];\n\n  highlightedItemRef = React.createRef();\n\n  prevHighlightedIndex = null;\n\n  uncontrolledProps() {\n    return {\n      highlightedIndex: null,\n      visible: null,\n    };\n  }\n\n  bindHandlerKeyDown = (place) => (e) => {\n    const amount = e.shiftKey ? 5 : 1;\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n    if (!KEYS.includes(e.key)) return;\n\n    e.preventDefault();\n\n    this.handlers.visible(true);\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this.moveHighlightedIndex(amount, e);\n        break;\n      case 'ArrowUp':\n        this.moveHighlightedIndex(-amount, e);\n        break;\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current) {\n          this.highlightedItemRef.current.click();\n        } else {\n          if (place === 'trigger') this.handlers.visible(false);\n        }\n        break;\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      'aria-controls': `igc-${uid}-popper`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant':\n        visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n      onKeyDown: this.bindHandlerKeyDown('trigger'),\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    return {\n      size,\n      uid,\n      index: this.asProps.highlightedIndex,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.bindHandlerKeyDown('popper'),\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex, uid } = this.asProps;\n    const highlighted = index === highlightedIndex;\n    const extraProps = {};\n    this.itemProps[index] = props;\n    if (highlighted) {\n      extraProps.ref = this.scrollToNode;\n    }\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      highlighted,\n      ...extraProps,\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) => {\n    this.highlightedItemRef.current = node;\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  moveHighlightedIndex(amount, e) {\n    let { 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;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        highlightedIndex = selectedIndex;\n      } else {\n        highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    }\n\n    let newIndex = highlightedIndex + 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      this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n    } else {\n      this.handlers.highlightedIndex(newIndex, e);\n    }\n  }\n\n  componentDidUpdate() {\n    const { visible } = this.asProps;\n\n    if (!visible) {\n      this.handlers.highlightedIndex(null);\n    }\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    const props = {};\n\n    this.itemProps = [];\n\n    return (\n      <Root render={Dropdown} {...props}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction List(props) {\n  const SDropdownMenuList = Root;\n  const { uid } = props;\n\n  return sstyled(props.styles)(\n    <SDropdownMenuList\n      render={ScrollAreaComponent}\n      tabIndex={null}\n      role='menu'\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu(props) {\n  const {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  } = props;\n  const popperProps = {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  };\n  return (\n    <DropdownMenu.Popper {...popperProps}>\n      <Root render={DropdownMenu.List} />\n    </DropdownMenu.Popper>\n  );\n}\n\nfunction Item(props) {\n  const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItem\n      role='menuitem'\n      tabIndex={-1}\n      id={props.label}\n      className={\n        cn(\n          styles.cn('SDropdownMenuItem', {\n            ...props,\n            highlighted: !props.disabled && props.highlighted,\n          }).className,\n          className,\n        ) || undefined\n      }\n      {...other}\n    />\n  );\n}\n\nfunction Addon(props) {\n  const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItemAddon\n      className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined}\n      {...other}\n    />\n  );\n}\n\nfunction Hint(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='hint' />);\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='title' />);\n}\n\nfunction Trigger() {\n  return <Root render={Dropdown.Trigger} aria-haspopup='true' />;\n}\n\nconst DropdownMenu = createComponent(\n  DropdownMenuRoot,\n  {\n    Trigger,\n    Popper: Dropdown.Popper,\n    List,\n    Menu,\n    Item: [Item, { Addon }],\n    ItemTitle: Title,\n    ItemHint: Hint,\n  },\n  {\n    parent: [Dropdown],\n  },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_classnames","_dropdown","_flexBox","_scrollArea","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_useFocusLock","_styleScrollArea","_excluded","_excluded2","style","sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","place","e","amount","shiftKey","targetTagName","target","tagName","key","includes","_this$asProps","asProps","visible","interaction","element","popperRef","current","hasFocusableIn","handlers","highlightedIndex","preventDefault","isVisible","moveHighlightedIndex","focus","highlightedItemRef","click","node","setTimeout","scrollIntoView","prevHighlightedIndex","block","inline","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps2","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps3","index","getPopperProps","_this$asProps4","ignorePortalsStacking","ref","tabIndex","getItemProps","props","_this$asProps5","highlighted","extraProps","itemProps","scrollToNode","_objectSpread2","getItemHintProps","getItemTitleProps","_this$itemProps$newIn","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","Dropdown","assignProps","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","ScrollAreaComponent","styles","cn","scrollStyles","Menu","_ref3","disableEnforceFocus","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","Item","_useFlex","useFlex","forwardRef","_useFlex2","_slicedToArray2","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties2","_extends2","role","label","Addon","_useBox","useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","Hint","_ref4","_ref8","Flex","Title","_ref5","_ref9","Trigger","_ref6","createComponent","ItemTitle","ItemHint","parent","_default","exports"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];\n\nclass DropdownMenuRoot extends Component {\n  static displayName = 'DropdownMenu';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    size: 'm',\n    defaultVisible: false,\n    defaultHighlightedIndex: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  popperRef = React.createRef();\n\n  itemProps = [];\n\n  highlightedItemRef = React.createRef();\n\n  prevHighlightedIndex = null;\n\n  uncontrolledProps() {\n    return {\n      highlightedIndex: null,\n      visible: null,\n    };\n  }\n\n  bindHandlerKeyDown = (place) => (e) => {\n    const amount = e.shiftKey ? 5 : 1;\n    const targetTagName = e.target.tagName;\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;\n    if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;\n\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      place === 'popper' &&\n      interaction !== 'focus' &&\n      visible &&\n      e.key === 'Tab' &&\n      hasFocusableIn(element)\n    ) {\n      this.handlers.highlightedIndex(null);\n\n      return;\n    }\n\n    if (!KEYS.includes(e.key)) return;\n\n    e.preventDefault();\n\n    const isVisible = this.asProps.visible;\n\n    this.handlers.visible(true);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        isVisible && this.moveHighlightedIndex(amount, e);\n        targetTagName === 'BUTTON' && element.focus();\n        break;\n      }\n      case 'ArrowUp': {\n        isVisible && this.moveHighlightedIndex(-amount, e);\n        targetTagName === 'BUTTON' && element.focus();\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current) {\n          this.highlightedItemRef.current.click();\n        } else {\n          if (place === 'trigger') this.handlers.visible(false);\n        }\n        break;\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      'aria-controls': `igc-${uid}-popper`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant':\n        visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n      onKeyDown: this.bindHandlerKeyDown('trigger'),\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    return {\n      size,\n      uid,\n      index: this.asProps.highlightedIndex,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: 0,\n      onKeyDown: this.bindHandlerKeyDown('popper'),\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex, uid } = this.asProps;\n    const highlighted = index === highlightedIndex;\n    const extraProps = {};\n    this.itemProps[index] = props;\n    if (highlighted) {\n      extraProps.ref = this.scrollToNode;\n    }\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      highlighted,\n      ...extraProps,\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) => {\n    this.highlightedItemRef.current = node;\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  moveHighlightedIndex(amount, e) {\n    let { 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;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        highlightedIndex = selectedIndex;\n      } else {\n        highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    }\n\n    let newIndex = highlightedIndex + 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      this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n    } else {\n      this.handlers.highlightedIndex(newIndex, e);\n    }\n  }\n\n  componentDidUpdate() {\n    const { visible } = this.asProps;\n\n    if (!visible) {\n      this.handlers.highlightedIndex(null);\n    }\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    const props = {};\n\n    this.itemProps = [];\n\n    return (\n      <Root render={Dropdown} {...props}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction List(props) {\n  const SDropdownMenuList = Root;\n  const { uid } = props;\n\n  return sstyled(props.styles)(\n    <SDropdownMenuList\n      render={ScrollAreaComponent}\n      tabIndex={null}\n      role='menu'\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu(props) {\n  const {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  } = props;\n  const popperProps = {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  };\n  return (\n    <DropdownMenu.Popper {...popperProps}>\n      <Root render={DropdownMenu.List} />\n    </DropdownMenu.Popper>\n  );\n}\n\nfunction Item(props) {\n  const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItem\n      role='menuitem'\n      tabIndex={-1}\n      id={props.label}\n      className={\n        cn(\n          styles.cn('SDropdownMenuItem', {\n            ...props,\n            highlighted: !props.disabled && props.highlighted,\n          }).className,\n          className,\n        ) || undefined\n      }\n      {...other}\n    />\n  );\n}\n\nfunction Addon(props) {\n  const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItemAddon\n      className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined}\n      {...other}\n    />\n  );\n}\n\nfunction Hint(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='hint' />);\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='title' />);\n}\n\nfunction Trigger() {\n  return <Root render={Dropdown.Trigger} aria-haspopup='true' />;\n}\n\nconst DropdownMenu = createComponent(\n  DropdownMenuRoot,\n  {\n    Trigger,\n    Popper: Dropdown.Popper,\n    List,\n    Menu,\n    Item: [Item, { Addon }],\n    ItemTitle: Title,\n    ItemHint: Hint,\n  },\n  {\n    parent: [Dropdown],\n  },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/lib/cjs/styleScrollArea.js

@@ -11,12 +11,12 @@ var _core = require("@semcore/core");
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hweaw_gg_:after,.___SShadowHorizontal_hweaw_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hweaw_gg_._position_median_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_median_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_start_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_end_hweaw_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    )}.___SShadowVertical_hweaw_gg_:after,.___SShadowVertical_hweaw_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hweaw_gg_._position_median_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_median_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_start_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_end_hweaw_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    )}" /*__inner_css_end__*/, "hweaw_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_hweaw_gg_",
-  "_position_median": "_position_median_hweaw_gg_",
-  "_position_start": "_position_start_hweaw_gg_",
-  "_position_end": "_position_end_hweaw_gg_",
-  "__SShadowVertical": "___SShadowVertical_hweaw_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1vmue_gg_:after,.___SShadowHorizontal_1vmue_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1vmue_gg_._position_median_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_median_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_start_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_end_1vmue_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    )}.___SShadowVertical_1vmue_gg_:after,.___SShadowVertical_1vmue_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1vmue_gg_._position_median_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_median_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_start_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_end_1vmue_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    )}" /*__inner_css_end__*/, "1vmue_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1vmue_gg_",
+  "_position_median": "_position_median_1vmue_gg_",
+  "_position_start": "_position_start_1vmue_gg_",
+  "_position_end": "_position_end_1vmue_gg_",
+  "__SShadowVertical": "___SShadowVertical_1vmue_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/lib/es6/DropdownMenu.js

@@ -26,24 +26,25 @@ import ScrollAreaComponent from '@semcore/scroll-area';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';
 import scrollStyles from './styleScrollArea';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_ipuos_gg_,.___SDropdownMenuList_ipuos_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_ipuos_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_ipuos_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_ipuos_gg_:focus{outline:0}.___SDropdownMenuItem_ipuos_gg_.__selected_ipuos_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){.___SDropdownMenuItem_ipuos_gg_.__selected_ipuos_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_ipuos_gg_.__highlighted_ipuos_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_ipuos_gg_.__disabled_ipuos_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_ipuos_gg_._size_l_ipuos_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}.___SDropdownMenuItem_ipuos_gg_._size_m_ipuos_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}.___SDropdownMenuItem_ipuos_gg_.__notInteractive_ipuos_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_.__notInteractive_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItem_ipuos_gg_._variant_hint_ipuos_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_._variant_hint_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItem_ipuos_gg_._variant_title_ipuos_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_ipuos_gg_._variant_title_ipuos_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_ipuos_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_ipuos_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_ipuos_gg_:last-child{margin-right:0}.___SPopper_ipuos_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "ipuos_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_ipuos_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_ipuos_gg_",
-  "_highlighted": "__highlighted_ipuos_gg_",
-  "_disabled": "__disabled_ipuos_gg_",
-  "_size_l": "_size_l_ipuos_gg_",
-  "_size_m": "_size_m_ipuos_gg_",
-  "_selected": "__selected_ipuos_gg_",
-  "_notInteractive": "__notInteractive_ipuos_gg_",
-  "_variant_hint": "_variant_hint_ipuos_gg_",
-  "_variant_title": "_variant_title_ipuos_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_ipuos_gg_",
-  "__SPopper": "___SPopper_ipuos_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_rgq9y_gg_,.___SDropdownMenuList_rgq9y_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_rgq9y_gg_{max-height:240px;padding:var(--intergalactic-spacing-1x, 4px)0;min-height:26px;min-width:32px;box-sizing:content-box;z-index:0}.___SDropdownMenuItem_rgq9y_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_rgq9y_gg_:focus{outline:0}.___SDropdownMenuItem_rgq9y_gg_.__selected_rgq9y_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){.___SDropdownMenuItem_rgq9y_gg_.__selected_rgq9y_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_rgq9y_gg_.__highlighted_rgq9y_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_rgq9y_gg_.__disabled_rgq9y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_rgq9y_gg_._size_l_rgq9y_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}.___SDropdownMenuItem_rgq9y_gg_._size_m_rgq9y_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}.___SDropdownMenuItem_rgq9y_gg_.__notInteractive_rgq9y_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_.__notInteractive_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItem_rgq9y_gg_._variant_hint_rgq9y_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_._variant_hint_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItem_rgq9y_gg_._variant_title_rgq9y_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_rgq9y_gg_._variant_title_rgq9y_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_rgq9y_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_rgq9y_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_rgq9y_gg_:last-child{margin-right:0}.___SPopper_rgq9y_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "rgq9y_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_rgq9y_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_rgq9y_gg_",
+  "_highlighted": "__highlighted_rgq9y_gg_",
+  "_disabled": "__disabled_rgq9y_gg_",
+  "_size_l": "_size_l_rgq9y_gg_",
+  "_size_m": "_size_m_rgq9y_gg_",
+  "_selected": "__selected_rgq9y_gg_",
+  "_notInteractive": "__notInteractive_rgq9y_gg_",
+  "_variant_hint": "_variant_hint_rgq9y_gg_",
+  "_variant_title": "_variant_title_rgq9y_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_rgq9y_gg_",
+  "__SPopper": "___SPopper_rgq9y_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
-var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
+var INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   _inherits(DropdownMenuRoot, _Component);
   var _super = _createSuper(DropdownMenuRoot);
@@ -54,24 +55,41 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "itemProps", []);
     _defineProperty(_assertThisInitialized(_this), "highlightedItemRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "prevHighlightedIndex", null);
     _defineProperty(_assertThisInitialized(_this), "bindHandlerKeyDown", function (place) {
       return function (e) {
         var amount = e.shiftKey ? 5 : 1;
-        if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;
-        if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
+        var targetTagName = e.target.tagName;
+        if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;
+        if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;
+        var _this$asProps = _this.asProps,
+          visible = _this$asProps.visible,
+          interaction = _this$asProps.interaction;
+        var element = _this.popperRef.current;
+        if (place === 'popper' && interaction !== 'focus' && visible && e.key === 'Tab' && hasFocusableIn(element)) {
+          _this.handlers.highlightedIndex(null);
+          return;
+        }
         if (!KEYS.includes(e.key)) return;
         e.preventDefault();
+        var isVisible = _this.asProps.visible;
         _this.handlers.visible(true);
         switch (e.key) {
           case 'ArrowDown':
-            _this.moveHighlightedIndex(amount, e);
-            break;
+            {
+              isVisible && _this.moveHighlightedIndex(amount, e);
+              targetTagName === 'BUTTON' && element.focus();
+              break;
+            }
           case 'ArrowUp':
-            _this.moveHighlightedIndex(-amount, e);
-            break;
+            {
+              isVisible && _this.moveHighlightedIndex(-amount, e);
+              targetTagName === 'BUTTON' && element.focus();
+              break;
+            }
           case ' ':
           case 'Enter':
             if (_this.highlightedItemRef.current) {
@@ -110,13 +128,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     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,
-        highlightedIndex = _this$asProps.highlightedIndex;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid,
+        disablePortal = _this$asProps2.disablePortal,
+        visible = _this$asProps2.visible,
+        getI18nText = _this$asProps2.getI18nText,
+        highlightedIndex = _this$asProps2.highlightedIndex;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
@@ -130,9 +148,9 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getListProps",
     value: function getListProps() {
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        uid = _this$asProps2.uid;
+      var _this$asProps3 = this.asProps,
+        size = _this$asProps3.size,
+        uid = _this$asProps3.uid;
       return {
         size: size,
         uid: uid,
@@ -142,11 +160,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this$asProps3 = this.asProps,
-        uid = _this$asProps3.uid,
-        disablePortal = _this$asProps3.disablePortal,
-        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
+      var _this$asProps4 = this.asProps,
+        uid = _this$asProps4.uid,
+        disablePortal = _this$asProps4.disablePortal,
+        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
       return {
+        ref: this.popperRef,
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
         id: "igc-".concat(uid, "-popper"),
@@ -157,10 +176,10 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getItemProps",
     value: function getItemProps(props, index) {
-      var _this$asProps4 = this.asProps,
-        size = _this$asProps4.size,
-        highlightedIndex = _this$asProps4.highlightedIndex,
-        uid = _this$asProps4.uid;
+      var _this$asProps5 = this.asProps,
+        size = _this$asProps5.size,
+        highlightedIndex = _this$asProps5.highlightedIndex,
+        uid = _this$asProps5.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;

package/lib/es6/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","scrollStyles","style","_sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","setTimeout","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","_this$itemProps$newIn","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","_assignProps","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","styles","_assignProps2","Menu","_ref3","disableEnforceFocus","interaction","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","_assignProps3","Item","_useFlex","forwardRef","_useFlex2","_slicedToArray","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties","_excluded","_extends","role","label","Addon","_useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","_excluded2","Hint","_ref4","_ref8","_assignProps4","Title","_ref5","_ref9","_assignProps5","Trigger","_ref6","_assignProps6","ItemTitle","ItemHint","parent"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownMenuRoot extends Component {\n  static displayName = 'DropdownMenu';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    size: 'm',\n    defaultVisible: false,\n    defaultHighlightedIndex: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  itemProps = [];\n\n  highlightedItemRef = React.createRef();\n\n  prevHighlightedIndex = null;\n\n  uncontrolledProps() {\n    return {\n      highlightedIndex: null,\n      visible: null,\n    };\n  }\n\n  bindHandlerKeyDown = (place) => (e) => {\n    const amount = e.shiftKey ? 5 : 1;\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n    if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n    if (!KEYS.includes(e.key)) return;\n\n    e.preventDefault();\n\n    this.handlers.visible(true);\n\n    switch (e.key) {\n      case 'ArrowDown':\n        this.moveHighlightedIndex(amount, e);\n        break;\n      case 'ArrowUp':\n        this.moveHighlightedIndex(-amount, e);\n        break;\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current) {\n          this.highlightedItemRef.current.click();\n        } else {\n          if (place === 'trigger') this.handlers.visible(false);\n        }\n        break;\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      'aria-controls': `igc-${uid}-popper`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant':\n        visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n      onKeyDown: this.bindHandlerKeyDown('trigger'),\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    return {\n      size,\n      uid,\n      index: this.asProps.highlightedIndex,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.bindHandlerKeyDown('popper'),\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex, uid } = this.asProps;\n    const highlighted = index === highlightedIndex;\n    const extraProps = {};\n    this.itemProps[index] = props;\n    if (highlighted) {\n      extraProps.ref = this.scrollToNode;\n    }\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      highlighted,\n      ...extraProps,\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) => {\n    this.highlightedItemRef.current = node;\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  moveHighlightedIndex(amount, e) {\n    let { 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;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        highlightedIndex = selectedIndex;\n      } else {\n        highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    }\n\n    let newIndex = highlightedIndex + 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      this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n    } else {\n      this.handlers.highlightedIndex(newIndex, e);\n    }\n  }\n\n  componentDidUpdate() {\n    const { visible } = this.asProps;\n\n    if (!visible) {\n      this.handlers.highlightedIndex(null);\n    }\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    const props = {};\n\n    this.itemProps = [];\n\n    return (\n      <Root render={Dropdown} {...props}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction List(props) {\n  const SDropdownMenuList = Root;\n  const { uid } = props;\n\n  return sstyled(props.styles)(\n    <SDropdownMenuList\n      render={ScrollAreaComponent}\n      tabIndex={null}\n      role='menu'\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu(props) {\n  const {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  } = props;\n  const popperProps = {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  };\n  return (\n    <DropdownMenu.Popper {...popperProps}>\n      <Root render={DropdownMenu.List} />\n    </DropdownMenu.Popper>\n  );\n}\n\nfunction Item(props) {\n  const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItem\n      role='menuitem'\n      tabIndex={-1}\n      id={props.label}\n      className={\n        cn(\n          styles.cn('SDropdownMenuItem', {\n            ...props,\n            highlighted: !props.disabled && props.highlighted,\n          }).className,\n          className,\n        ) || undefined\n      }\n      {...other}\n    />\n  );\n}\n\nfunction Addon(props) {\n  const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItemAddon\n      className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined}\n      {...other}\n    />\n  );\n}\n\nfunction Hint(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='hint' />);\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='title' />);\n}\n\nfunction Trigger() {\n  return <Root render={Dropdown.Trigger} aria-haspopup='true' />;\n}\n\nconst DropdownMenu = createComponent(\n  DropdownMenuRoot,\n  {\n    Trigger,\n    Popper: Dropdown.Popper,\n    List,\n    Menu,\n    Item: [Item, { Addon }],\n    ItemTitle: Title,\n    ItemHint: Hint,\n  },\n  {\n    parent: [Dropdown],\n  },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","hasFocusableIn","scrollStyles","style","_sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","place","e","amount","shiftKey","targetTagName","target","tagName","key","includes","_this$asProps","asProps","visible","interaction","element","popperRef","current","handlers","highlightedIndex","preventDefault","isVisible","moveHighlightedIndex","focus","highlightedItemRef","click","node","setTimeout","scrollIntoView","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps2","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps3","index","getPopperProps","_this$asProps4","ignorePortalsStacking","ref","tabIndex","getItemProps","props","_this$asProps5","highlighted","extraProps","itemProps","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","_this$itemProps$newIn","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","_assignProps","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","styles","_assignProps2","Menu","_ref3","disableEnforceFocus","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","_assignProps3","Item","_useFlex","forwardRef","_useFlex2","_slicedToArray","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties","_excluded","_extends","role","label","Addon","_useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","_excluded2","Hint","_ref4","_ref8","_assignProps4","Title","_ref5","_ref9","_assignProps5","Trigger","_ref6","_assignProps6","ItemTitle","ItemHint","parent"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];\n\nclass DropdownMenuRoot extends Component {\n  static displayName = 'DropdownMenu';\n  static style = style;\n  static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    size: 'm',\n    defaultVisible: false,\n    defaultHighlightedIndex: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  popperRef = React.createRef();\n\n  itemProps = [];\n\n  highlightedItemRef = React.createRef();\n\n  prevHighlightedIndex = null;\n\n  uncontrolledProps() {\n    return {\n      highlightedIndex: null,\n      visible: null,\n    };\n  }\n\n  bindHandlerKeyDown = (place) => (e) => {\n    const amount = e.shiftKey ? 5 : 1;\n    const targetTagName = e.target.tagName;\n\n    if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;\n    if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;\n\n    const { visible, interaction } = this.asProps;\n    const element = this.popperRef.current;\n\n    if (\n      place === 'popper' &&\n      interaction !== 'focus' &&\n      visible &&\n      e.key === 'Tab' &&\n      hasFocusableIn(element)\n    ) {\n      this.handlers.highlightedIndex(null);\n\n      return;\n    }\n\n    if (!KEYS.includes(e.key)) return;\n\n    e.preventDefault();\n\n    const isVisible = this.asProps.visible;\n\n    this.handlers.visible(true);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        isVisible && this.moveHighlightedIndex(amount, e);\n        targetTagName === 'BUTTON' && element.focus();\n        break;\n      }\n      case 'ArrowUp': {\n        isVisible && this.moveHighlightedIndex(-amount, e);\n        targetTagName === 'BUTTON' && element.focus();\n        break;\n      }\n      case ' ':\n      case 'Enter':\n        if (this.highlightedItemRef.current) {\n          this.highlightedItemRef.current.click();\n        } else {\n          if (place === 'trigger') this.handlers.visible(false);\n        }\n        break;\n    }\n  };\n\n  getTriggerProps() {\n    const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n    return {\n      size,\n      id: `igc-${uid}-trigger`,\n      'aria-controls': `igc-${uid}-popper`,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant':\n        visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n      onKeyDown: this.bindHandlerKeyDown('trigger'),\n    };\n  }\n\n  getListProps() {\n    const { size, uid } = this.asProps;\n    return {\n      size,\n      uid,\n      index: this.asProps.highlightedIndex,\n    };\n  }\n\n  getPopperProps() {\n    const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n    return {\n      ref: this.popperRef,\n      tabIndex: 0,\n      onKeyDown: this.bindHandlerKeyDown('popper'),\n      id: `igc-${uid}-popper`,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex, uid } = this.asProps;\n    const highlighted = index === highlightedIndex;\n    const extraProps = {};\n    this.itemProps[index] = props;\n    if (highlighted) {\n      extraProps.ref = this.scrollToNode;\n    }\n\n    return {\n      id: `igc-${uid}-option-${index}`,\n      size,\n      highlighted,\n      ...extraProps,\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) => {\n    this.highlightedItemRef.current = node;\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  moveHighlightedIndex(amount, e) {\n    let { 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;\n\n    if (highlightedIndex == null) {\n      if (selectedIndex !== -1) {\n        highlightedIndex = selectedIndex;\n      } else {\n        highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n      }\n    }\n\n    let newIndex = highlightedIndex + 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      this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n    } else {\n      this.handlers.highlightedIndex(newIndex, e);\n    }\n  }\n\n  componentDidUpdate() {\n    const { visible } = this.asProps;\n\n    if (!visible) {\n      this.handlers.highlightedIndex(null);\n    }\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    const props = {};\n\n    this.itemProps = [];\n\n    return (\n      <Root render={Dropdown} {...props}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction List(props) {\n  const SDropdownMenuList = Root;\n  const { uid } = props;\n\n  return sstyled(props.styles)(\n    <SDropdownMenuList\n      render={ScrollAreaComponent}\n      tabIndex={null}\n      role='menu'\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu(props) {\n  const {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  } = props;\n  const popperProps = {\n    visible,\n    disablePortal,\n    ignorePortalsStacking,\n    disableEnforceFocus,\n    interaction,\n    autoFocus,\n    animationsDisabled,\n    focusableTriggerReturnFocusToRef,\n  };\n  return (\n    <DropdownMenu.Popper {...popperProps}>\n      <Root render={DropdownMenu.List} />\n    </DropdownMenu.Popper>\n  );\n}\n\nfunction Item(props) {\n  const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItem\n      role='menuitem'\n      tabIndex={-1}\n      id={props.label}\n      className={\n        cn(\n          styles.cn('SDropdownMenuItem', {\n            ...props,\n            highlighted: !props.disabled && props.highlighted,\n          }).className,\n          className,\n        ) || undefined\n      }\n      {...other}\n    />\n  );\n}\n\nfunction Addon(props) {\n  const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n  const styles = sstyled(props.styles);\n  return (\n    <SDropdownMenuItemAddon\n      className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined}\n      {...other}\n    />\n  );\n}\n\nfunction Hint(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='hint' />);\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant='title' />);\n}\n\nfunction Trigger() {\n  return <Root render={Dropdown.Trigger} aria-haspopup='true' />;\n}\n\nconst DropdownMenu = createComponent(\n  DropdownMenuRoot,\n  {\n    Trigger,\n    Popper: Dropdown.Popper,\n    List,\n    Menu,\n    Item: [Item, { Addon }],\n    ItemTitle: Title,\n    ItemHint: Hint,\n  },\n  {\n    parent: [Dropdown],\n  },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/lib/es6/styleScrollArea.js

@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from "@semcore/core";
  *
  * We will figure out what to do with it and remove it.
  *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_hweaw_gg_:after,.___SShadowHorizontal_hweaw_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_hweaw_gg_._position_median_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_median_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_start_hweaw_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    )}.___SShadowHorizontal_hweaw_gg_._position_end_hweaw_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    )}.___SShadowVertical_hweaw_gg_:after,.___SShadowVertical_hweaw_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_hweaw_gg_._position_median_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_median_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_start_hweaw_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    )}.___SShadowVertical_hweaw_gg_._position_end_hweaw_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    )}" /*__inner_css_end__*/, "hweaw_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_hweaw_gg_",
-  "_position_median": "_position_median_hweaw_gg_",
-  "_position_start": "_position_start_hweaw_gg_",
-  "_position_end": "_position_end_hweaw_gg_",
-  "__SShadowVertical": "___SShadowVertical_hweaw_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1vmue_gg_:after,.___SShadowHorizontal_1vmue_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1vmue_gg_._position_median_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_median_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_start_1vmue_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    )}.___SShadowHorizontal_1vmue_gg_._position_end_1vmue_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    )}.___SShadowVertical_1vmue_gg_:after,.___SShadowVertical_1vmue_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1vmue_gg_._position_median_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_median_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_start_1vmue_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    )}.___SShadowVertical_1vmue_gg_._position_end_1vmue_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    )}" /*__inner_css_end__*/, "1vmue_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1vmue_gg_",
+  "_position_median": "_position_median_1vmue_gg_",
+  "_position_start": "_position_start_1vmue_gg_",
+  "_position_end": "_position_end_1vmue_gg_",
+  "__SShadowVertical": "___SShadowVertical_1vmue_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "4.12.6-prerelease.1",
+  "version": "4.13.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,14 +9,14 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/dropdown": "4.10.3-prerelease.1",
-    "@semcore/flex-box": "5.10.2-prerelease.1",
-    "@semcore/scroll-area": "5.12.3-prerelease.1",
-    "@semcore/utils": "4.10.3-prerelease.1",
+    "@semcore/dropdown": "4.11.0",
+    "@semcore/flex-box": "5.11.0",
+    "@semcore/scroll-area": "5.13.0",
+    "@semcore/utils": "4.13.0",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.9.2-prerelease.1",
+    "@semcore/core": "^2.10.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -30,7 +30,8 @@
     "@types/classnames": "2.2.6",
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/button": "5.12.0-prerelease.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js"