@semcore/dropdown-menu 3.6.25 → 3.6.27

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.6.27] - 2023-04-14
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/dropdown` [3.4.22 ~> 3.4.23], `@semcore/utils` [3.50.0 ~> 3.50.2]).
+
 ## [3.6.25] - 2023-03-28
 
 ### Added

package/lib/cjs/DropdownMenu.js

@@ -1,97 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _dropdown = _interopRequireDefault(require("@semcore/dropdown"));
-
 var _flexBox = require("@semcore/flex-box");
-
 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 _styleScrollArea = _interopRequireDefault(require("./styleScrollArea"));
-
 var _excluded = ["className"],
-    _excluded2 = ["className"];
-
+  _excluded2 = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SDropdownMenuItem_fhz6v_gg_,.___SDropdownMenuList_fhz6v_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_fhz6v_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_fhz6v_gg_{display:flex;align-items:center;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_fhz6v_gg_:focus{outline:0}.___SDropdownMenuItem_fhz6v_gg_.__highlighted_fhz6v_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_fhz6v_gg_.__selected_fhz6v_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_.__selected_fhz6v_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_fhz6v_gg_.__disabled_fhz6v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_fhz6v_gg_._size_l_fhz6v_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_fhz6v_gg_._size_m_fhz6v_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_fhz6v_gg_.__notInteractive_fhz6v_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_.__notInteractive_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItem_fhz6v_gg_._variant_hint_fhz6v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_._variant_hint_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItem_fhz6v_gg_._variant_title_fhz6v_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_._variant_title_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_fhz6v_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_fhz6v_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_fhz6v_gg_:last-child{margin-right:0}.___SPopper_fhz6v_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
-/*__inner_css_end__*/
-, "fhz6v_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SDropdownMenuList": "___SDropdownMenuList_fhz6v_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_fhz6v_gg_",
-  "_highlighted": "__highlighted_fhz6v_gg_",
-  "_selected": "__selected_fhz6v_gg_",
-  "_disabled": "__disabled_fhz6v_gg_",
-  "_size_l": "_size_l_fhz6v_gg_",
-  "_size_m": "_size_m_fhz6v_gg_",
-  "_notInteractive": "__notInteractive_fhz6v_gg_",
-  "_variant_hint": "_variant_hint_fhz6v_gg_",
-  "_variant_title": "_variant_title_fhz6v_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_fhz6v_gg_",
-  "__SPopper": "___SPopper_fhz6v_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_i048x_gg_,.___SDropdownMenuList_i048x_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_i048x_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_i048x_gg_{display:flex;align-items:center;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_i048x_gg_:focus{outline:0}.___SDropdownMenuItem_i048x_gg_.__highlighted_i048x_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_i048x_gg_.__selected_i048x_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_.__selected_i048x_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_i048x_gg_.__disabled_i048x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_i048x_gg_._size_l_i048x_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_i048x_gg_._size_m_i048x_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_i048x_gg_.__notInteractive_i048x_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_.__notInteractive_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItem_i048x_gg_._variant_hint_i048x_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_._variant_hint_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItem_i048x_gg_._variant_title_i048x_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_._variant_title_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_i048x_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_i048x_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_i048x_gg_:last-child{margin-right:0}.___SPopper_i048x_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}" /*__inner_css_end__*/, "i048x_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_i048x_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_i048x_gg_",
+  "_highlighted": "__highlighted_i048x_gg_",
+  "_selected": "__selected_i048x_gg_",
+  "_disabled": "__disabled_i048x_gg_",
+  "_size_l": "_size_l_i048x_gg_",
+  "_size_m": "_size_m_i048x_gg_",
+  "_notInteractive": "__notInteractive_i048x_gg_",
+  "_variant_hint": "_variant_hint_i048x_gg_",
+  "_variant_title": "_variant_title_i048x_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_i048x_gg_",
+  "__SPopper": "___SPopper_i048x_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
-
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DropdownMenuRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(DropdownMenuRoot);
-
   function DropdownMenuRoot() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, DropdownMenuRoot);
-
     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));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "itemProps", []);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightedItemRef", /*#__PURE__*/_react["default"].createRef());
@@ -103,20 +65,14 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
         if (!KEYS.includes(e.key)) return;
         e.preventDefault();
-
         _this.handlers.visible(true);
-
         switch (e.key) {
           case 'ArrowDown':
             _this.moveHighlightedIndex(amount, e);
-
             break;
-
           case 'ArrowUp':
             _this.moveHighlightedIndex(-amount, e);
-
             break;
-
           case ' ':
           case 'Enter':
             if (_this.highlightedItemRef.current) {
@@ -124,14 +80,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
             } else {
               if (place === 'trigger') _this.handlers.visible(false);
             }
-
             break;
         }
       };
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToNode", function (node) {
       _this.highlightedItemRef.current = node;
-
       if (node && node.scrollIntoView) {
         if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
           _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
@@ -144,7 +98,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(DropdownMenuRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -157,18 +110,18 @@ 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;
+        size = _this$asProps.size,
+        uid = _this$asProps.uid,
+        disablePortal = _this$asProps.disablePortal,
+        visible = _this$asProps.visible,
+        getI18nText = _this$asProps.getI18nText,
+        highlightedIndex = _this$asProps.highlightedIndex;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
         'aria-controls': "igc-".concat(uid, "-popper"),
         'aria-flowto': visible && !disablePortal ? "igc-".concat(uid, "-popper") : undefined,
-        'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-expanded': visible ? 'true' : 'false',
         'aria-activedescendant': highlightedIndex,
         onKeyDown: this.bindHandlerKeyDown('trigger')
@@ -178,8 +131,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "getListProps",
     value: function getListProps() {
       var _this$asProps2 = this.asProps,
-          size = _this$asProps2.size,
-          uid = _this$asProps2.uid;
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
       return {
         size: size,
         uid: uid,
@@ -190,9 +143,9 @@ 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;
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
       return {
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
@@ -206,16 +159,14 @@ 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;
+        size = _this$asProps4.size,
+        highlightedIndex = _this$asProps4.highlightedIndex;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
-
       if (highlighted) {
         extraProps.ref = this.scrollToNode;
       }
-
       return (0, _objectSpread2["default"])({
         size: size,
         highlighted: highlighted
@@ -246,7 +197,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         return item.selected;
       });
       if (itemsLastIndex < 0) return;
-
       if (highlightedIndex == null) {
         if (selectedIndex !== -1) {
           highlightedIndex = selectedIndex;
@@ -254,15 +204,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
           highlightedIndex = amount < 0 ? 0 : itemsLastIndex;
         }
       }
-
       var newIndex = highlightedIndex + amount;
-
       if (newIndex < 0) {
         newIndex = amount + itemsLastIndex + 1;
       } else if (newIndex > itemsLastIndex) {
         newIndex = newIndex - itemsLastIndex - 1;
       }
-
       if (this.itemProps[newIndex] && this.itemProps[newIndex].disabled) {
         this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);
       } else {
@@ -273,7 +220,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var visible = this.asProps.visible;
-
       if (!visible) {
         this.handlers.highlightedIndex(null);
       }
@@ -290,7 +236,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }]);
   return DropdownMenuRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(DropdownMenuRoot, "displayName", 'DropdownMenu');
 (0, _defineProperty2["default"])(DropdownMenuRoot, "style", style);
 (0, _defineProperty2["default"])(DropdownMenuRoot, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
@@ -301,11 +246,9 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
-
 function List(props) {
   var _ref2 = arguments[0],
-      _ref7;
-
+    _ref7;
   var SDropdownMenuList = _scrollArea["default"];
   var uid = props.uid;
   return _ref7 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -315,20 +258,17 @@ function List(props) {
     "styles": _styleScrollArea["default"]
   }, _ref2))));
 }
-
 function Menu() {
   var _ref3 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(DropdownMenu.Popper, null, /*#__PURE__*/_react["default"].createElement(DropdownMenu.List, (0, _core.assignProps)({}, _ref3)));
 }
-
 function Item(props) {
   var _useFlex = (0, _flexBox.useFlex)(props, props.forwardRef),
-      _useFlex2 = (0, _slicedToArray2["default"])(_useFlex, 2),
-      SDropdownMenuItem = _useFlex2[0],
-      _useFlex2$ = _useFlex2[1],
-      className = _useFlex2$.className,
-      other = (0, _objectWithoutProperties2["default"])(_useFlex2$, _excluded);
-
+    _useFlex2 = (0, _slicedToArray2["default"])(_useFlex, 2),
+    SDropdownMenuItem = _useFlex2[0],
+    _useFlex2$ = _useFlex2[1],
+    className = _useFlex2$.className,
+    other = (0, _objectWithoutProperties2["default"])(_useFlex2$, _excluded);
   var styles = (0, _core.sstyled)(props.styles);
   return /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, (0, _extends2["default"])({
     role: "menuitem",
@@ -339,25 +279,21 @@ function Item(props) {
     })).className, className) || undefined
   }, other));
 }
-
 function Addon(props) {
   var _useBox = (0, _flexBox.useBox)(props, props.forwardRef),
-      _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
-      SDropdownMenuItemAddon = _useBox2[0],
-      _useBox2$ = _useBox2[1],
-      className = _useBox2$.className,
-      other = (0, _objectWithoutProperties2["default"])(_useBox2$, _excluded2);
-
+    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
+    SDropdownMenuItemAddon = _useBox2[0],
+    _useBox2$ = _useBox2[1],
+    className = _useBox2$.className,
+    other = (0, _objectWithoutProperties2["default"])(_useBox2$, _excluded2);
   var styles = (0, _core.sstyled)(props.styles);
   return /*#__PURE__*/_react["default"].createElement(SDropdownMenuItemAddon, (0, _extends2["default"])({
     className: (0, _classnames["default"])(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined
   }, other));
 }
-
 function Hint(props) {
   var _ref4 = arguments[0],
-      _ref8;
-
+    _ref8;
   var SDropdownMenuItem = _flexBox.Flex;
   return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref8.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "variant": "hint",
@@ -365,11 +301,9 @@ function Hint(props) {
     "tabIndex": 0
   }, _ref4))));
 }
-
 function Title(props) {
   var _ref5 = arguments[0],
-      _ref9;
-
+    _ref9;
   var SDropdownMenuItem = _flexBox.Flex;
   return _ref9 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDropdownMenuItem, _ref9.cn("SDropdownMenuItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "variant": "title",
@@ -377,14 +311,12 @@ function Title(props) {
     "tabIndex": 0
   }, _ref5))));
 }
-
 function Trigger() {
   var _ref6 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_dropdown["default"].Trigger, (0, _core.assignProps)({
     "aria-haspopup": "true"
   }, _ref6));
 }
-
 var DropdownMenu = (0, _core["default"])(DropdownMenuRoot, {
   Trigger: Trigger,
   Popper: _dropdown["default"].Popper,

package/lib/cjs/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":["KEYS","INTERACTION_TAGS","DropdownMenuRoot","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","ignorePortalsStacking","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","Children","Dropdown","Component","style","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","ScrollAreaComponent","sstyled","styles","scrollStyles","Menu","DropdownMenu","Item","useFlex","forwardRef","SDropdownMenuItem","className","other","label","cn","Addon","useBox","SDropdownMenuItemAddon","Hint","Flex","Title","Trigger","createComponent","Popper","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      'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n      'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant': highlightedIndex,\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      'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex } = 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      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    if (node && 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  };\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] && 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      role=\"menu\"\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu() {\n  return (\n    <DropdownMenu.Popper>\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)(\n    <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n  );\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(\n    <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n  );\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","_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","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread2","getItemHintProps","getItemTitleProps","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","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      'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant': highlightedIndex,\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      'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex } = 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      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    if (node && 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  };\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] && 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      role=\"menu\"\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu() {\n  return (\n    <DropdownMenu.Popper>\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)(\n    <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n  );\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(\n    <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n  );\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/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _DropdownMenu["default"];
   }
 });
-
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './DropdownMenu';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":["_DropdownMenu","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './DropdownMenu';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/lib/cjs/styleScrollArea.js

@@ -4,30 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _core = require("@semcore/core");
-
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-
 /* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader
 * https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555
 *
 * We will figure out what to do with it and remove it.
 *  */
-var scrollStyles = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SShadowHorizontal_yif11_gg_:after,.___SShadowHorizontal_yif11_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_yif11_gg_._position_median_yif11_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_yif11_gg_._position_median_yif11_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_yif11_gg_._position_start_yif11_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_yif11_gg_._position_end_yif11_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_yif11_gg_:after,.___SShadowVertical_yif11_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_yif11_gg_._position_median_yif11_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_yif11_gg_._position_median_yif11_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_yif11_gg_._position_start_yif11_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_yif11_gg_._position_end_yif11_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__*/
-, "yif11_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SShadowHorizontal": "___SShadowHorizontal_yif11_gg_",
-  "_position_median": "_position_median_yif11_gg_",
-  "_position_start": "_position_start_yif11_gg_",
-  "_position_end": "_position_end_yif11_gg_",
-  "__SShadowVertical": "___SShadowVertical_yif11_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_13wm5_gg_:after,.___SShadowHorizontal_13wm5_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_start_13wm5_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_13wm5_gg_._position_end_13wm5_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_13wm5_gg_:after,.___SShadowVertical_13wm5_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_start_13wm5_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_13wm5_gg_._position_end_13wm5_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__*/, "13wm5_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_13wm5_gg_",
+  "_position_median": "_position_median_13wm5_gg_",
+  "_position_start": "_position_start_13wm5_gg_",
+  "_position_end": "_position_end_13wm5_gg_",
+  "__SShadowVertical": "___SShadowVertical_13wm5_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/lib/cjs/styleScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleScrollArea.js","names":["scrollStyles"],"sources":["../../src/styleScrollArea.js"],"sourcesContent":["/* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader\n* https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555\n*\n* We will figure out what to do with it and remove it.\n*  */\nimport scrollStyles from './style/scroll-area.shadow.css';\nexport default scrollStyles"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;eAEeA,Y"}
+{"version":3,"file":"styleScrollArea.js","names":["scrollStyles","_core","sstyled","insert","_default","exports"],"sources":["../../src/styleScrollArea.js"],"sourcesContent":["/* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader\n* https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555\n*\n* We will figure out what to do with it and remove it.\n*  */\nimport scrollStyles from './style/scroll-area.shadow.css';\nexport default scrollStyles"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAJA,IAAAA,YAAA,+BAAAC,KAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAAAC,QAAA,GAMeJ,YAAY;AAAAK,OAAA,cAAAD,QAAA"}

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.localizedMessages = void 0;
-
 var _de = _interopRequireDefault(require("./de.json"));
-
 var _en = _interopRequireDefault(require("./en.json"));
-
 var _es = _interopRequireDefault(require("./es.json"));
-
 var _fr = _interopRequireDefault(require("./fr.json"));
-
 var _it = _interopRequireDefault(require("./it.json"));
-
 var _ja = _interopRequireDefault(require("./ja.json"));
-
 var _ko = _interopRequireDefault(require("./ko.json"));
-
 var _pt = _interopRequireDefault(require("./pt.json"));
-
 var _tr = _interopRequireDefault(require("./tr.json"));
-
 var _vi = _interopRequireDefault(require("./vi.json"));
-
 var _zh = _interopRequireDefault(require("./zh.json"));
-
 var localizedMessages = {
   de: _de["default"],
   en: _en["default"],

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAD+B;EAE/BC,EAAE,EAAFA,cAF+B;EAG/BC,EAAE,EAAFA,cAH+B;EAI/BC,EAAE,EAAFA,cAJ+B;EAK/BC,EAAE,EAAFA,cAL+B;EAM/BC,EAAE,EAAFA,cAN+B;EAO/BC,EAAE,EAAFA,cAP+B;EAQ/BC,EAAE,EAAFA,cAR+B;EAS/BC,EAAE,EAAFA,cAT+B;EAU/BC,EAAE,EAAFA,cAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_pt","_tr","_vi","_zh","localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AAEO,IAAMW,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA"}

package/lib/es6/DropdownMenu.js

@@ -16,7 +16,7 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["className"],
-    _excluded2 = ["className"];
+  _excluded2 = ["className"];
 import React from 'react';
 import cn from 'classnames';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
@@ -27,55 +27,36 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import scrollStyles from './styleScrollArea';
-
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SDropdownMenuItem_fhz6v_gg_,.___SDropdownMenuList_fhz6v_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_fhz6v_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_fhz6v_gg_{display:flex;align-items:center;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_fhz6v_gg_:focus{outline:0}.___SDropdownMenuItem_fhz6v_gg_.__highlighted_fhz6v_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_fhz6v_gg_.__selected_fhz6v_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_.__selected_fhz6v_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_fhz6v_gg_.__disabled_fhz6v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_fhz6v_gg_._size_l_fhz6v_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_fhz6v_gg_._size_m_fhz6v_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_fhz6v_gg_.__notInteractive_fhz6v_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_.__notInteractive_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItem_fhz6v_gg_._variant_hint_fhz6v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_._variant_hint_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItem_fhz6v_gg_._variant_title_fhz6v_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_fhz6v_gg_._variant_title_fhz6v_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_fhz6v_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_fhz6v_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_fhz6v_gg_:last-child{margin-right:0}.___SPopper_fhz6v_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
-/*__inner_css_end__*/
-, "fhz6v_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SDropdownMenuList": "___SDropdownMenuList_fhz6v_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_fhz6v_gg_",
-  "_highlighted": "__highlighted_fhz6v_gg_",
-  "_selected": "__selected_fhz6v_gg_",
-  "_disabled": "__disabled_fhz6v_gg_",
-  "_size_l": "_size_l_fhz6v_gg_",
-  "_size_m": "_size_m_fhz6v_gg_",
-  "_notInteractive": "__notInteractive_fhz6v_gg_",
-  "_variant_hint": "_variant_hint_fhz6v_gg_",
-  "_variant_title": "_variant_title_fhz6v_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_fhz6v_gg_",
-  "__SPopper": "___SPopper_fhz6v_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_i048x_gg_,.___SDropdownMenuList_i048x_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_i048x_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_i048x_gg_{display:flex;align-items:center;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SDropdownMenuItem_i048x_gg_:focus{outline:0}.___SDropdownMenuItem_i048x_gg_.__highlighted_i048x_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3)) inset}.___SDropdownMenuItem_i048x_gg_.__selected_i048x_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_.__selected_i048x_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_i048x_gg_.__disabled_i048x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_i048x_gg_._size_l_i048x_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_i048x_gg_._size_m_i048x_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_i048x_gg_.__notInteractive_i048x_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_.__notInteractive_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItem_i048x_gg_._variant_hint_i048x_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_._variant_hint_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItem_i048x_gg_._variant_title_i048x_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_i048x_gg_._variant_title_i048x_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_i048x_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_i048x_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_i048x_gg_:last-child{margin-right:0}.___SPopper_i048x_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}" /*__inner_css_end__*/, "i048x_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_i048x_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_i048x_gg_",
+  "_highlighted": "__highlighted_i048x_gg_",
+  "_selected": "__selected_i048x_gg_",
+  "_disabled": "__disabled_i048x_gg_",
+  "_size_l": "_size_l_i048x_gg_",
+  "_size_m": "_size_m_i048x_gg_",
+  "_notInteractive": "__notInteractive_i048x_gg_",
+  "_variant_hint": "_variant_hint_i048x_gg_",
+  "_variant_title": "_variant_title_i048x_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_i048x_gg_",
+  "__SPopper": "___SPopper_i048x_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
-
 var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   _inherits(DropdownMenuRoot, _Component);
-
   var _super = _createSuper(DropdownMenuRoot);
-
   function DropdownMenuRoot() {
     var _this;
-
     _classCallCheck(this, DropdownMenuRoot);
-
     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), "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;
@@ -83,20 +64,14 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;
         if (!KEYS.includes(e.key)) return;
         e.preventDefault();
-
         _this.handlers.visible(true);
-
         switch (e.key) {
           case 'ArrowDown':
             _this.moveHighlightedIndex(amount, e);
-
             break;
-
           case 'ArrowUp':
             _this.moveHighlightedIndex(-amount, e);
-
             break;
-
           case ' ':
           case 'Enter':
             if (_this.highlightedItemRef.current) {
@@ -104,15 +79,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
             } else {
               if (place === 'trigger') _this.handlers.visible(false);
             }
-
             break;
         }
       };
     });
-
     _defineProperty(_assertThisInitialized(_this), "scrollToNode", function (node) {
       _this.highlightedItemRef.current = node;
-
       if (node && node.scrollIntoView) {
         if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
           _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
@@ -123,10 +95,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         }
       }
     });
-
     return _this;
   }
-
   _createClass(DropdownMenuRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -139,18 +109,18 @@ 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;
+        size = _this$asProps.size,
+        uid = _this$asProps.uid,
+        disablePortal = _this$asProps.disablePortal,
+        visible = _this$asProps.visible,
+        getI18nText = _this$asProps.getI18nText,
+        highlightedIndex = _this$asProps.highlightedIndex;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
         'aria-controls': "igc-".concat(uid, "-popper"),
         'aria-flowto': visible && !disablePortal ? "igc-".concat(uid, "-popper") : undefined,
-        'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-expanded': visible ? 'true' : 'false',
         'aria-activedescendant': highlightedIndex,
         onKeyDown: this.bindHandlerKeyDown('trigger')
@@ -160,8 +130,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "getListProps",
     value: function getListProps() {
       var _this$asProps2 = this.asProps,
-          size = _this$asProps2.size,
-          uid = _this$asProps2.uid;
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
       return {
         size: size,
         uid: uid,
@@ -172,9 +142,9 @@ 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;
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking;
       return {
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
@@ -188,16 +158,14 @@ 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;
+        size = _this$asProps4.size,
+        highlightedIndex = _this$asProps4.highlightedIndex;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
-
       if (highlighted) {
         extraProps.ref = this.scrollToNode;
       }
-
       return _objectSpread({
         size: size,
         highlighted: highlighted
@@ -228,7 +196,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         return item.selected;
       });
       if (itemsLastIndex < 0) return;
-
       if (highlightedIndex == null) {
         if (selectedIndex !== -1) {
           highlightedIndex = selectedIndex;
@@ -236,15 +203,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
           highlightedIndex = amount < 0 ? 0 : itemsLastIndex;
         }
       }
-
       var newIndex = highlightedIndex + amount;
-
       if (newIndex < 0) {
         newIndex = amount + itemsLastIndex + 1;
       } else if (newIndex > itemsLastIndex) {
         newIndex = newIndex - itemsLastIndex - 1;
       }
-
       if (this.itemProps[newIndex] && this.itemProps[newIndex].disabled) {
         this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);
       } else {
@@ -255,7 +219,6 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var visible = this.asProps.visible;
-
       if (!visible) {
         this.handlers.highlightedIndex(null);
       }
@@ -270,16 +233,11 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(Dropdown, _assignProps(_objectSpread({}, props), _ref), /*#__PURE__*/React.createElement(Children, null));
     }
   }]);
-
   return DropdownMenuRoot;
 }(Component);
-
 _defineProperty(DropdownMenuRoot, "displayName", 'DropdownMenu');
-
 _defineProperty(DropdownMenuRoot, "style", style);
-
 _defineProperty(DropdownMenuRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
-
 _defineProperty(DropdownMenuRoot, "defaultProps", {
   size: 'm',
   defaultVisible: false,
@@ -287,11 +245,9 @@ _defineProperty(DropdownMenuRoot, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
-
 function List(props) {
   var _ref2 = arguments[0],
-      _ref7;
-
+    _ref7;
   var SDropdownMenuList = ScrollAreaComponent;
   var uid = props.uid;
   return _ref7 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", _objectSpread({}, _assignProps2({
@@ -301,20 +257,17 @@ function List(props) {
     "styles": scrollStyles
   }, _ref2))));
 }
-
 function Menu() {
   var _ref3 = arguments[0];
   return /*#__PURE__*/React.createElement(DropdownMenu.Popper, null, /*#__PURE__*/React.createElement(DropdownMenu.List, _assignProps3({}, _ref3)));
 }
-
 function Item(props) {
   var _useFlex = useFlex(props, props.forwardRef),
-      _useFlex2 = _slicedToArray(_useFlex, 2),
-      SDropdownMenuItem = _useFlex2[0],
-      _useFlex2$ = _useFlex2[1],
-      className = _useFlex2$.className,
-      other = _objectWithoutProperties(_useFlex2$, _excluded);
-
+    _useFlex2 = _slicedToArray(_useFlex, 2),
+    SDropdownMenuItem = _useFlex2[0],
+    _useFlex2$ = _useFlex2[1],
+    className = _useFlex2$.className,
+    other = _objectWithoutProperties(_useFlex2$, _excluded);
   var styles = sstyled(props.styles);
   return /*#__PURE__*/React.createElement(SDropdownMenuItem, _extends({
     role: "menuitem",
@@ -325,25 +278,21 @@ function Item(props) {
     })).className, className) || undefined
   }, other));
 }
-
 function Addon(props) {
   var _useBox = useBox(props, props.forwardRef),
-      _useBox2 = _slicedToArray(_useBox, 2),
-      SDropdownMenuItemAddon = _useBox2[0],
-      _useBox2$ = _useBox2[1],
-      className = _useBox2$.className,
-      other = _objectWithoutProperties(_useBox2$, _excluded2);
-
+    _useBox2 = _slicedToArray(_useBox, 2),
+    SDropdownMenuItemAddon = _useBox2[0],
+    _useBox2$ = _useBox2[1],
+    className = _useBox2$.className,
+    other = _objectWithoutProperties(_useBox2$, _excluded2);
   var styles = sstyled(props.styles);
   return /*#__PURE__*/React.createElement(SDropdownMenuItemAddon, _extends({
     className: cn(styles.cn('SDropdownMenuItemAddon', props).className, className) || undefined
   }, other));
 }
-
 function Hint(props) {
   var _ref4 = arguments[0],
-      _ref8;
-
+    _ref8;
   var SDropdownMenuItem = Flex;
   return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuItem, _ref8.cn("SDropdownMenuItem", _objectSpread({}, _assignProps4({
     "variant": "hint",
@@ -351,11 +300,9 @@ function Hint(props) {
     "tabIndex": 0
   }, _ref4))));
 }
-
 function Title(props) {
   var _ref5 = arguments[0],
-      _ref9;
-
+    _ref9;
   var SDropdownMenuItem = Flex;
   return _ref9 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuItem, _ref9.cn("SDropdownMenuItem", _objectSpread({}, _assignProps5({
     "variant": "title",
@@ -363,14 +310,12 @@ function Title(props) {
     "tabIndex": 0
   }, _ref5))));
 }
-
 function Trigger() {
   var _ref6 = arguments[0];
   return /*#__PURE__*/React.createElement(Dropdown.Trigger, _assignProps6({
     "aria-haspopup": "true"
   }, _ref6));
 }
-
 var DropdownMenu = createComponent(DropdownMenuRoot, {
   Trigger: Trigger,
   Popper: Dropdown.Popper,

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","KEYS","INTERACTION_TAGS","DropdownMenuRoot","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","size","uid","disablePortal","getI18nText","id","undefined","onKeyDown","bindHandlerKeyDown","index","ignorePortalsStacking","tabIndex","props","highlighted","extraProps","itemProps","ref","scrollToNode","itemsLastIndex","length","selectedIndex","findIndex","item","selected","newIndex","disabled","Children","style","defaultVisible","defaultHighlightedIndex","i18n","locale","List","SDropdownMenuList","styles","Menu","DropdownMenu","Item","forwardRef","SDropdownMenuItem","className","other","label","Addon","SDropdownMenuItemAddon","Hint","Title","Trigger","Popper","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      'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n      'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant': highlightedIndex,\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      'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex } = 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      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    if (node && 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  };\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] && 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      role=\"menu\"\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu() {\n  return (\n    <DropdownMenu.Popper>\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)(\n    <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n  );\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(\n    <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n  );\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","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","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","undefined","focusHint","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","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","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      'aria-flowto': visible && !disablePortal ? `igc-${uid}-popper` : undefined,\n      focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n      'aria-expanded': visible ? 'true' : 'false',\n      'aria-activedescendant': highlightedIndex,\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      'aria-flowto': !disablePortal ? `igc-${uid}-trigger` : undefined,\n      disablePortal,\n      ignorePortalsStacking,\n    };\n  }\n\n  getItemProps(props, index) {\n    const { size, highlightedIndex } = 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      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    if (node && 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  };\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] && 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      role=\"menu\"\n      aria-labelledby={`igc-${uid}-trigger`}\n      shadow={true}\n      styles={scrollStyles}\n    />,\n  );\n}\n\nfunction Menu() {\n  return (\n    <DropdownMenu.Popper>\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)(\n    <SDropdownMenuItem render={Flex} variant=\"hint\" role=\"menuitem\" tabIndex={0} />,\n  );\n}\n\nfunction Title(props) {\n  const SDropdownMenuItem = Root;\n  return sstyled(props.styles)(\n    <SDropdownMenuItem render={Flex} variant=\"title\" role=\"menuitem\" tabIndex={0} />,\n  );\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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './DropdownMenu';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './DropdownMenu';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/lib/es6/styleScrollArea.js

@@ -1,26 +1,16 @@
 import { sstyled as _sstyled } from "@semcore/core";
-
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-
 /* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader
 * https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555
 *
 * We will figure out what to do with it and remove it.
 *  */
-var scrollStyles = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SShadowHorizontal_yif11_gg_:after,.___SShadowHorizontal_yif11_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_yif11_gg_._position_median_yif11_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_yif11_gg_._position_median_yif11_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_yif11_gg_._position_start_yif11_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_yif11_gg_._position_end_yif11_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_yif11_gg_:after,.___SShadowVertical_yif11_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_yif11_gg_._position_median_yif11_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_yif11_gg_._position_median_yif11_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_yif11_gg_._position_start_yif11_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_yif11_gg_._position_end_yif11_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__*/
-, "yif11_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SShadowHorizontal": "___SShadowHorizontal_yif11_gg_",
-  "_position_median": "_position_median_yif11_gg_",
-  "_position_start": "_position_start_yif11_gg_",
-  "_position_end": "_position_end_yif11_gg_",
-  "__SShadowVertical": "___SShadowVertical_yif11_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_13wm5_gg_:after,.___SShadowHorizontal_13wm5_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_start_13wm5_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_13wm5_gg_._position_end_13wm5_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_13wm5_gg_:after,.___SShadowVertical_13wm5_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_median_13wm5_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_13wm5_gg_._position_start_13wm5_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_13wm5_gg_._position_end_13wm5_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__*/, "13wm5_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_13wm5_gg_",
+  "_position_median": "_position_median_13wm5_gg_",
+  "_position_start": "_position_start_13wm5_gg_",
+  "_position_end": "_position_end_13wm5_gg_",
+  "__SShadowVertical": "___SShadowVertical_13wm5_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/lib/es6/styleScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleScrollArea.js","names":["scrollStyles"],"sources":["../../src/styleScrollArea.js"],"sourcesContent":["/* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader\n* https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555\n*\n* We will figure out what to do with it and remove it.\n*  */\nimport scrollStyles from './style/scroll-area.shadow.css';\nexport default scrollStyles"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AAEA,eAAeA,YAAf"}
+{"version":3,"file":"styleScrollArea.js","names":["scrollStyles","_sstyled","insert"],"sources":["../../src/styleScrollArea.js"],"sourcesContent":["/* THIS IS CRUNCH because the order of loading styles in mini-css-extract-plugin is different from style-loader and our loader\n* https://github.com/webpack-contrib/mini-css-extract-plugin/issues/555\n*\n* We will figure out what to do with it and remove it.\n*  */\nimport scrollStyles from './style/scroll-area.shadow.css';\nexport default scrollStyles"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AAJA,IAAAA,YAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAMA,eAAeF,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AAEA,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAD+B;EAE/BC,EAAE,EAAFA,EAF+B;EAG/BC,EAAE,EAAFA,EAH+B;EAI/BC,EAAE,EAAFA,EAJ+B;EAK/BC,EAAE,EAAFA,EAL+B;EAM/BC,EAAE,EAAFA,EAN+B;EAO/BC,EAAE,EAAFA,EAP+B;EAQ/BC,EAAE,EAAFA,EAR+B;EAS/BC,EAAE,EAAFA,EAT+B;EAU/BC,EAAE,EAAFA,EAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/dropdown-menu",
   "description": "Semrush DropdownMenu Component",
-  "version": "3.6.25",
+  "version": "3.6.27",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",