npm - @semcore/dropdown-menu - Versions diffs - 3.7.3 → 3.7.4 - Mend

@semcore/dropdown-menu 3.7.3 → 3.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/CHANGELOG.md +8 -0
package/lib/cjs/DropdownMenu.js +48 -25
package/lib/cjs/DropdownMenu.js.map +1 -1
package/lib/cjs/styleScrollArea.js +6 -6
package/lib/es6/DropdownMenu.js +48 -25
package/lib/es6/DropdownMenu.js.map +1 -1
package/lib/es6/styleScrollArea.js +6 -6
package/package.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,14 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [3.7.4] - 2023-06-07
+### Fixed
+- Improved `<Popper />` integration.
+- Fixed `aria-activedescendant` value.
+- Fixed double focus inside of popper.
 ## [3.7.3] - 2023-05-31
 ### Changed

package/lib/cjs/DropdownMenu.js CHANGED Viewed

@@ -29,19 +29,19 @@ var _styleScrollArea = _interopRequireDefault(require("./styleScrollArea"));
 var _excluded = ["className"],
   _excluded2 = ["className"];
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1519r_gg_,.___SDropdownMenuList_1519r_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1519r_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_1519r_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_1519r_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1519r_gg_:focus{outline:0}.___SDropdownMenuItem_1519r_gg_.__highlighted_1519r_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1519r_gg_.__selected_1519r_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_.__selected_1519r_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1519r_gg_.__disabled_1519r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1519r_gg_._size_l_1519r_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_1519r_gg_._size_m_1519r_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_1519r_gg_.__notInteractive_1519r_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_.__notInteractive_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItem_1519r_gg_._variant_hint_1519r_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_._variant_hint_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItem_1519r_gg_._variant_title_1519r_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_._variant_title_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1519r_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1519r_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1519r_gg_:last-child{margin-right:0}.___SPopper_1519r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1519r_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1519r_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1519r_gg_",
-  "_highlighted": "__highlighted_1519r_gg_",
-  "_selected": "__selected_1519r_gg_",
-  "_disabled": "__disabled_1519r_gg_",
-  "_size_l": "_size_l_1519r_gg_",
-  "_size_m": "_size_m_1519r_gg_",
-  "_notInteractive": "__notInteractive_1519r_gg_",
-  "_variant_hint": "_variant_hint_1519r_gg_",
-  "_variant_title": "_variant_title_1519r_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1519r_gg_",
-  "__SPopper": "___SPopper_1519r_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_14qak_gg_,.___SDropdownMenuList_14qak_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_14qak_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_14qak_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_14qak_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_14qak_gg_:focus{outline:0}.___SDropdownMenuItem_14qak_gg_.__highlighted_14qak_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_14qak_gg_.__selected_14qak_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_.__selected_14qak_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_14qak_gg_.__disabled_14qak_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_14qak_gg_._size_l_14qak_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_14qak_gg_._size_m_14qak_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_14qak_gg_.__notInteractive_14qak_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_.__notInteractive_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItem_14qak_gg_._variant_hint_14qak_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_._variant_hint_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItem_14qak_gg_._variant_title_14qak_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_._variant_title_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_14qak_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_14qak_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_14qak_gg_:last-child{margin-right:0}.___SPopper_14qak_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "14qak_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_14qak_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_14qak_gg_",
+  "_highlighted": "__highlighted_14qak_gg_",
+  "_selected": "__selected_14qak_gg_",
+  "_disabled": "__disabled_14qak_gg_",
+  "_size_l": "_size_l_14qak_gg_",
+  "_size_m": "_size_m_14qak_gg_",
+  "_notInteractive": "__notInteractive_14qak_gg_",
+  "_variant_hint": "_variant_hint_14qak_gg_",
+  "_variant_title": "_variant_title_14qak_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_14qak_gg_",
+  "__SPopper": "___SPopper_14qak_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
@@ -86,15 +86,17 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     });
     (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;
-          node.scrollIntoView({
-            block: 'nearest',
-            inline: 'nearest'
-          });
+      setTimeout(function () {
+        if (node && node.scrollIntoView) {
+          if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
+            _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest'
+            });
+          }
         }
-      }
+      }, 0);
     });
     return _this;
   }
@@ -122,7 +124,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         'aria-controls': "igc-".concat(uid, "-popper"),
         focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-expanded': visible ? 'true' : 'false',
-        'aria-activedescendant': highlightedIndex,
+        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
         onKeyDown: this.bindHandlerKeyDown('trigger')
       };
     }
@@ -158,7 +160,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     value: function getItemProps(props, index) {
       var _this$asProps4 = this.asProps,
         size = _this$asProps4.size,
-        highlightedIndex = _this$asProps4.highlightedIndex;
+        highlightedIndex = _this$asProps4.highlightedIndex,
+        uid = _this$asProps4.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
@@ -166,6 +169,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         extraProps.ref = this.scrollToNode;
       }
       return (0, _objectSpread2["default"])({
+        id: "igc-".concat(uid, "-option-").concat(index),
         size: size,
         highlighted: highlighted
       }, extraProps);
@@ -250,15 +254,34 @@ function List(props) {
   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)({
+    "tabIndex": null,
     "role": "menu",
     "aria-labelledby": "igc-".concat(uid, "-trigger"),
     "shadow": true,
     "styles": _styleScrollArea["default"]
   }, _ref2))));
 }
-function Menu() {
+function Menu(props) {
   var _ref3 = arguments[0];
-  return /*#__PURE__*/_react["default"].createElement(DropdownMenu.Popper, null, /*#__PURE__*/_react["default"].createElement(DropdownMenu.List, (0, _core.assignProps)({}, _ref3)));
+  var visible = props.visible,
+    disablePortal = props.disablePortal,
+    ignorePortalsStacking = props.ignorePortalsStacking,
+    disableEnforceFocus = props.disableEnforceFocus,
+    interaction = props.interaction,
+    autoFocus = props.autoFocus,
+    animationsDisabled = props.animationsDisabled,
+    focusableTriggerReturnFocusToRef = props.focusableTriggerReturnFocusToRef;
+  var popperProps = {
+    visible: visible,
+    disablePortal: disablePortal,
+    ignorePortalsStacking: ignorePortalsStacking,
+    disableEnforceFocus: disableEnforceFocus,
+    interaction: interaction,
+    autoFocus: autoFocus,
+    animationsDisabled: animationsDisabled,
+    focusableTriggerReturnFocusToRef: focusableTriggerReturnFocusToRef
+  };
+  return /*#__PURE__*/_react["default"].createElement(DropdownMenu.Popper, popperProps, /*#__PURE__*/_react["default"].createElement(DropdownMenu.List, (0, _core.assignProps)({}, _ref3)));
 }
 function Item(props) {
   var _useFlex = (0, _flexBox.useFlex)(props, props.forwardRef),

package/lib/cjs/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_classnames","_dropdown","_flexBox","_scrollArea","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_styleScrollArea","_excluded","_excluded2","style","sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread2","getItemHintProps","getItemTitleProps","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 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 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)(<SDropdownMenuItem render={Flex} variant=\"hint\" />);\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"title\" />);\n}\n\nfunction Trigger() {\n return <Root render={Dropdown.Trigger} aria-haspopup=\"true\" />;\n}\n\nconst DropdownMenu = createComponent(\n DropdownMenuRoot,\n {\n Trigger,\n Popper: Dropdown.Popper,\n List,\n Menu,\n Item: [Item, { Addon }],\n ItemTitle: Title,\n ItemHint: Hint,\n },\n {\n parent: [Dropdown],\n },\n);\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,YAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,4BAAA,GAAAT,OAAA;AAEA,IAAAU,gBAAA,GAAAR,sBAAA,CAAAF,OAAA;AAA6C,IAAAW,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAf,KAAA,CAAAgB,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG7C,IAAMC,IAAI,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC;AACnD,IAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAAC,IAEzCC,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gBAaR,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,sCAEOa,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,2BAEf,IAAI;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,yBASN,UAACe,KAAK;MAAA,OAAK,UAACC,CAAC,EAAK;QACrC,IAAMC,MAAM,GAAGD,CAAC,CAACE,QAAQ,GAAG,CAAC,GAAG,CAAC;QAEjC,IAAIF,CAAC,CAACG,GAAG,KAAK,GAAG,IAAIzB,gBAAgB,CAAC0B,QAAQ,CAACJ,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,EAAE;QAClE,IAAIN,CAAC,CAACG,GAAG,KAAK,OAAO,IAAIH,CAAC,CAACK,MAAM,CAACC,OAAO,KAAK,UAAU,EAAE;QAC1D,IAAI,CAAC7B,IAAI,CAAC2B,QAAQ,CAACJ,CAAC,CAACG,GAAG,CAAC,EAAE;QAE3BH,CAAC,CAACO,cAAc,EAAE;QAElBvB,KAAA,CAAKwB,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC;QAE3B,QAAQT,CAAC,CAACG,GAAG;UACX,KAAK,WAAW;YACdnB,KAAA,CAAK0B,oBAAoB,CAACT,MAAM,EAAED,CAAC,CAAC;YACpC;UACF,KAAK,SAAS;YACZhB,KAAA,CAAK0B,oBAAoB,CAAC,CAACT,MAAM,EAAED,CAAC,CAAC;YACrC;UACF,KAAK,GAAG;UACR,KAAK,OAAO;YACV,IAAIhB,KAAA,CAAK2B,kBAAkB,CAACC,OAAO,EAAE;cACnC5B,KAAA,CAAK2B,kBAAkB,CAACC,OAAO,CAACC,KAAK,EAAE;YACzC,CAAC,MAAM;cACL,IAAId,KAAK,KAAK,SAAS,EAAEf,KAAA,CAAKwB,QAAQ,CAACC,OAAO,CAAC,KAAK,CAAC;YACvD;YACA;QAAM;MAEZ,CAAC;IAAA;IAAA,IAAAd,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mBAmEc,UAAC8B,IAAI,EAAK;MACvB9B,KAAA,CAAK2B,kBAAkB,CAACC,OAAO,GAAGE,IAAI;MACtC,IAAIA,IAAI,IAAIA,IAAI,CAACC,cAAc,EAAE;QAC/B,IAAI/B,KAAA,CAAKgC,OAAO,CAACC,gBAAgB,KAAKjC,KAAA,CAAKkC,oBAAoB,EAAE;UAC/DlC,KAAA,CAAKkC,oBAAoB,GAAGlC,KAAA,CAAKgC,OAAO,CAACC,gBAAgB;UACzDH,IAAI,CAACC,cAAc,CAAC;YAClBI,KAAK,EAAE,SAAS;YAChBC,MAAM,EAAE;UACV,CAAC,CAAC;QACJ;MACF;IACF,CAAC;IAAA,OAAApC,KAAA;EAAA;EAAA,IAAAqC,aAAA,aAAA1C,gBAAA;IAAAwB,GAAA;IAAAmB,KAAA,EAhHD,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLN,gBAAgB,EAAE,IAAI;QACtBR,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAmB,KAAA,EA+BD,SAAAE,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAA6E,IAAI,CAACT,OAAO;QAAjFU,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,aAAa,GAAAH,aAAA,CAAbG,aAAa;QAAEnB,OAAO,GAAAgB,aAAA,CAAPhB,OAAO;QAAEoB,WAAW,GAAAJ,aAAA,CAAXI,WAAW;QAAEZ,gBAAgB,GAAAQ,aAAA,CAAhBR,gBAAgB;MAExE,OAAO;QACLS,IAAI,EAAJA,IAAI;QACJI,EAAE,SAAApC,MAAA,CAASiC,GAAG,aAAU;QACxB,eAAe,SAAAjC,MAAA,CAASiC,GAAG,YAAS;QACpCI,SAAS,EAAEtB,OAAO,IAAI,CAACmB,aAAa,GAAGC,WAAW,CAAC,aAAa,CAAC,GAAGG,SAAS;QAC7E,eAAe,EAAEvB,OAAO,GAAG,MAAM,GAAG,OAAO;QAC3C,uBAAuB,EAAEQ,gBAAgB;QACzCgB,SAAS,EAAE,IAAI,CAACC,kBAAkB,CAAC,SAAS;MAC9C,CAAC;IACH;EAAC;IAAA/B,GAAA;IAAAmB,KAAA,EAED,SAAAa,aAAA,EAAe;MACb,IAAAC,cAAA,GAAsB,IAAI,CAACpB,OAAO;QAA1BU,IAAI,GAAAU,cAAA,CAAJV,IAAI;QAAEC,GAAG,GAAAS,cAAA,CAAHT,GAAG;MACjB,OAAO;QACLD,IAAI,EAAJA,IAAI;QACJC,GAAG,EAAHA,GAAG;QACHU,KAAK,EAAE,IAAI,CAACrB,OAAO,CAACC;MACtB,CAAC;IACH;EAAC;IAAAd,GAAA;IAAAmB,KAAA,EAED,SAAAgB,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAsD,IAAI,CAACvB,OAAO;QAA1DW,GAAG,GAAAY,cAAA,CAAHZ,GAAG;QAAEC,aAAa,GAAAW,cAAA,CAAbX,aAAa;QAAEY,qBAAqB,GAAAD,cAAA,CAArBC,qBAAqB;MAEjD,OAAO;QACLC,QAAQ,EAAE,CAAC;QACXR,SAAS,EAAE,IAAI,CAACC,kBAAkB,CAAC,QAAQ,CAAC;QAC5CJ,EAAE,SAAApC,MAAA,CAASiC,GAAG,YAAS;QACvBC,aAAa,EAAbA,aAAa;QACbY,qBAAqB,EAArBA;MACF,CAAC;IACH;EAAC;IAAArC,GAAA;IAAAmB,KAAA,EAED,SAAAoB,aAAaC,KAAK,EAAEN,KAAK,EAAE;MACzB,IAAAO,cAAA,GAAmC,IAAI,CAAC5B,OAAO;QAAvCU,IAAI,GAAAkB,cAAA,CAAJlB,IAAI;QAAET,gBAAgB,GAAA2B,cAAA,CAAhB3B,gBAAgB;MAC9B,IAAM4B,WAAW,GAAGR,KAAK,KAAKpB,gBAAgB;MAC9C,IAAM6B,UAAU,GAAG,CAAC,CAAC;MACrB,IAAI,CAACC,SAAS,CAACV,KAAK,CAAC,GAAGM,KAAK;MAC7B,IAAIE,WAAW,EAAE;QACfC,UAAU,CAACE,GAAG,GAAG,IAAI,CAACC,YAAY;MACpC;MAEA,WAAAC,cAAA;QACExB,IAAI,EAAJA,IAAI;QACJmB,WAAW,EAAXA;MAAW,GACRC,UAAU;IAEjB;EAAC;IAAA3C,GAAA;IAAAmB,KAAA,EAED,SAAA6B,iBAAA,EAAmB;MACjB,IAAQzB,IAAI,GAAK,IAAI,CAACV,OAAO,CAArBU,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAmB,KAAA,EAED,SAAA8B,kBAAA,EAAoB;MAClB,IAAQ1B,IAAI,GAAK,IAAI,CAACV,OAAO,CAArBU,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAmB,KAAA,EAeD,SAAAZ,qBAAqBT,MAAM,EAAED,CAAC,EAAE;MAC9B,IAAMiB,gBAAgB,GAAK,IAAI,CAACD,OAAO,CAAjCC,gBAAgB;MACtB,IAAMoC,cAAc,GAAG,IAAI,CAACN,SAAS,CAAC3D,MAAM,GAAG,CAAC;MAChD,IAAMkE,aAAa,GAAG,IAAI,CAACP,SAAS,CAACQ,SAAS,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACC,QAAQ;MAAA,EAAC;MAEvE,IAAIJ,cAAc,GAAG,CAAC,EAAE;MAExB,IAAIpC,gBAAgB,IAAI,IAAI,EAAE;QAC5B,IAAIqC,aAAa,KAAK,CAAC,CAAC,EAAE;UACxBrC,gBAAgB,GAAGqC,aAAa;QAClC,CAAC,MAAM;UACLrC,gBAAgB,GAAGhB,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGoD,cAAc;QACpD;MACF;MAEA,IAAIK,QAAQ,GAAGzC,gBAAgB,GAAGhB,MAAM;MACxC,IAAIyD,QAAQ,GAAG,CAAC,EAAE;QAChBA,QAAQ,GAAGzD,MAAM,GAAGoD,cAAc,GAAG,CAAC;MACxC,CAAC,MAAM,IAAIK,QAAQ,GAAGL,cAAc,EAAE;QACpCK,QAAQ,GAAGA,QAAQ,GAAGL,cAAc,GAAG,CAAC;MAC1C;MAEA,IAAI,IAAI,CAACN,SAAS,CAACW,QAAQ,CAAC,IAAI,IAAI,CAACX,SAAS,CAACW,QAAQ,CAAC,CAACC,QAAQ,EAAE;QACjE,IAAI,CAACjD,oBAAoB,CAACT,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,EAAED,CAAC,CAAC;MACpE,CAAC,MAAM;QACL,IAAI,CAACQ,QAAQ,CAACS,gBAAgB,CAACyC,QAAQ,EAAE1D,CAAC,CAAC;MAC7C;IACF;EAAC;IAAAG,GAAA;IAAAmB,KAAA,EAED,SAAAsC,mBAAA,EAAqB;MACnB,IAAQnD,OAAO,GAAK,IAAI,CAACO,OAAO,CAAxBP,OAAO;MAEf,IAAI,CAACA,OAAO,EAAE;QACZ,IAAI,CAACD,QAAQ,CAACS,gBAAgB,CAAC,IAAI,CAAC;MACtC;IACF;EAAC;IAAAd,GAAA;IAAAmB,KAAA,EAED,SAAAuC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA9C,OAAA;MACP,IAAQ+C,QAAQ,GAAK,IAAI,CAAC/C,OAAO,CAAzB+C,QAAQ;MAChB,IAAMpB,KAAK,GAAG,CAAC,CAAC;MAEhB,IAAI,CAACI,SAAS,GAAG,EAAE;MAEnB,oBACErF,MAAA,YAAAsG,aAAA,CAAcC,oBAAQ,MAAA1G,KAAA,CAAA2G,WAAA,MAAAhB,cAAA,iBAAMP,KAAK,GAAAmB,IAAA,gBAC/BpG,MAAA,YAAAsG,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAApF,gBAAA;AAAA,EArL4BwF,eAAS;AAAA,IAAAxE,gBAAA,aAAlChB,gBAAgB,iBACC,cAAc;AAAA,IAAAgB,gBAAA,aAD/BhB,gBAAgB,WAELL,KAAK;AAAA,IAAAqB,gBAAA,aAFhBhB,gBAAgB,aAGH,CAAC,IAAAyF,oBAAmB,GAAE,EAAE,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAA3E,gBAAA,aAHpEhB,gBAAgB,kBAKE;EACpB+C,IAAI,EAAE,GAAG;EACT6C,cAAc,EAAE,KAAK;EACrBC,uBAAuB,EAAE,IAAI;EAC7BC,IAAI,EAAEH,8CAAiB;EACvBI,MAAM,EAAE;AACV,CAAC;AA6KH,SAASC,IAAIA,CAAChC,KAAK,EAAE;EAAA,IAAAiC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,iBAAiB,GAKXC,sBAAmB;EAJ/B,IAAQrD,GAAG,GAAKgB,KAAK,CAAbhB,GAAG;EAEX,OAAAmD,KAAA,GAAO,IAAAvG,aAAO,EAACoE,KAAK,CAACsC,MAAM,CAAC,eAC1BvH,MAAA,YAAAsG,aAAA,CAACe,iBAAiB,EAAAD,KAAA,CAAAI,EAAA,0BAAAhC,cAAA,qBAAA3F,KAAA,CAAA2G,WAAA;IAAA,QAEX,MAAM;IAAA,0BAAAxE,MAAA,CACaiC,GAAG;IAAA,UACnB,IAAI;IAAA,UACJwD;EAAY,GAAAP,KAAA,IACpB;AAEN;AAEA,SAASQ,IAAIA,CAAA,EAAG;EAAA,IAAAC,KAAA,GAAAR,YAAA;EACd,oBACEnH,MAAA,YAAAsG,aAAA,CAACsB,YAAY,CAACC,MAAM,qBAClB7H,MAAA,YAAAsG,aAAA,CAAcsB,YAAY,CAACX,IAAI,MAAApH,KAAA,CAAA2G,WAAA,MAAAmB,KAAA,EAAI,CACf;AAE1B;AAEA,SAASG,IAAIA,CAAC7C,KAAK,EAAE;EACnB,IAAA8C,QAAA,GAAqD,IAAAC,gBAAO,EAAC/C,KAAK,EAAEA,KAAK,CAACgD,UAAU,CAAC;IAAAC,SAAA,OAAAC,eAAA,aAAAJ,QAAA;IAA9EK,iBAAiB,GAAAF,SAAA;IAAAG,UAAA,GAAAH,SAAA;IAAII,SAAS,GAAAD,UAAA,CAATC,SAAS;IAAKC,KAAK,OAAAC,yBAAA,aAAAH,UAAA,EAAA3H,SAAA;EAC/C,IAAM6G,MAAM,GAAG,IAAA1G,aAAO,EAACoE,KAAK,CAACsC,MAAM,CAAC;EACpC,oBACEvH,MAAA,YAAAsG,aAAA,CAAC8B,iBAAiB,MAAAK,SAAA;IAChBC,IAAI,EAAC,UAAU;IACf3D,QAAQ,EAAE,CAAC,CAAE;IACbX,EAAE,EAAEa,KAAK,CAAC0D,KAAM;IAChBL,SAAS,EACP,IAAAd,sBAAE,EACAD,MAAM,CAACC,EAAE,CAAC,mBAAmB,MAAAhC,cAAA,iBAAAA,cAAA,iBACxBP,KAAK;MACRE,WAAW,EAAE,CAACF,KAAK,CAACgB,QAAQ,IAAIhB,KAAK,CAACE;IAAW,GACjD,CAACmD,SAAS,EACZA,SAAS,CACV,IAAIhE;EACN,GACGiE,KAAK,EACT;AAEN;AAEA,SAASK,KAAKA,CAAC3D,KAAK,EAAE;EACpB,IAAA4D,OAAA,GAA0D,IAAAC,eAAM,EAAC7D,KAAK,EAAEA,KAAK,CAACgD,UAAU,CAAC;IAAAc,QAAA,OAAAZ,eAAA,aAAAU,OAAA;IAAlFG,sBAAsB,GAAAD,QAAA;IAAAE,SAAA,GAAAF,QAAA;IAAIT,SAAS,GAAAW,SAAA,CAATX,SAAS;IAAKC,KAAK,OAAAC,yBAAA,aAAAS,SAAA,EAAAtI,UAAA;EACpD,IAAM4G,MAAM,GAAG,IAAA1G,aAAO,EAACoE,KAAK,CAACsC,MAAM,CAAC;EACpC,oBACEvH,MAAA,YAAAsG,aAAA,CAAC0C,sBAAsB,MAAAP,SAAA;IACrBH,SAAS,EAAE,IAAAd,sBAAE,EAACD,MAAM,CAACC,EAAE,CAAC,wBAAwB,EAAEvC,KAAK,CAAC,CAACqD,SAAS,EAAEA,SAAS,CAAC,IAAIhE;EAAU,GACxFiE,KAAK,EACT;AAEN;AAEA,SAASW,IAAIA,CAACjE,KAAK,EAAE;EAAA,IAAAkE,KAAA,GAAAhC,YAAA;IAAAiC,KAAA;EACnB,IAAMhB,iBAAiB,GACiCiB,aAAI;EAA5D,OAAAD,KAAA,GAAO,IAAAvI,aAAO,EAACoE,KAAK,CAACsC,MAAM,CAAC,eAACvH,MAAA,YAAAsG,aAAA,CAAC8B,iBAAiB,EAAAgB,KAAA,CAAA5B,EAAA,0BAAAhC,cAAA,qBAAA3F,KAAA,CAAA2G,WAAA;IAAA,WAAuB;EAAM,GAAA2C,KAAA,IAAG;AACjF;AAEA,SAASG,KAAKA,CAACrE,KAAK,EAAE;EAAA,IAAAsE,KAAA,GAAApC,YAAA;IAAAqC,KAAA;EACpB,IAAMpB,iBAAiB,GACiCiB,aAAI;EAA5D,OAAAG,KAAA,GAAO,IAAA3I,aAAO,EAACoE,KAAK,CAACsC,MAAM,CAAC,eAACvH,MAAA,YAAAsG,aAAA,CAAC8B,iBAAiB,EAAAoB,KAAA,CAAAhC,EAAA,0BAAAhC,cAAA,qBAAA3F,KAAA,CAAA2G,WAAA;IAAA,WAAuB;EAAO,GAAA+C,KAAA,IAAG;AAClF;AAEA,SAASE,OAAOA,CAAA,EAAG;EAAA,IAAAC,KAAA,GAAAvC,YAAA;EACjB,oBAAOnH,MAAA,YAAAsG,aAAA,CAAcC,oBAAQ,CAACkD,OAAO,MAAA5J,KAAA,CAAA2G,WAAA;IAAA,iBAAgB;EAAM,GAAAkD,KAAA,EAAG;AAChE;AAEA,IAAM9B,YAAY,GAAG,IAAA+B,gBAAe,EAClC1I,gBAAgB,EAChB;EACEwI,OAAO,EAAPA,OAAO;EACP5B,MAAM,EAAEtB,oBAAQ,CAACsB,MAAM;EACvBZ,IAAI,EAAJA,IAAI;EACJS,IAAI,EAAJA,IAAI;EACJI,IAAI,EAAE,CAACA,IAAI,EAAE;IAAEc,KAAK,EAALA;EAAM,CAAC,CAAC;EACvBgB,SAAS,EAAEN,KAAK;EAChBO,QAAQ,EAAEX;AACZ,CAAC,EACD;EACEY,MAAM,EAAE,CAACvD,oBAAQ;AACnB,CAAC,CACF;AAAC,IAAAwD,QAAA,GAEanC,YAAY;AAAAoC,OAAA,cAAAD,QAAA"}
1	+ {"version":3,"file":"DropdownMenu.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_classnames","_dropdown","_flexBox","_scrollArea","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","_styleScrollArea","_excluded","_excluded2","style","sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","setTimeout","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass2","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread2","getItemHintProps","getItemTitleProps","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","Dropdown","assignProps","Component","uniqueIDEnhancement","i18nEnhance","localizedMessages","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","ScrollAreaComponent","styles","cn","scrollStyles","Menu","_ref3","disableEnforceFocus","interaction","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","Item","_useFlex","useFlex","forwardRef","_useFlex2","_slicedToArray2","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties2","_extends2","role","label","Addon","_useBox","useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","Hint","_ref4","_ref8","Flex","Title","_ref5","_ref9","Trigger","_ref6","createComponent","ItemTitle","ItemHint","parent","_default","exports"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownMenuRoot extends Component {\n static displayName = 'DropdownMenu';\n static style = style;\n static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n static defaultProps = {\n size: 'm',\n defaultVisible: false,\n defaultHighlightedIndex: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n itemProps = [];\n\n highlightedItemRef = React.createRef();\n\n prevHighlightedIndex = null;\n\n uncontrolledProps() {\n return {\n highlightedIndex: null,\n visible: null,\n };\n }\n\n bindHandlerKeyDown = (place) => (e) => {\n const amount = e.shiftKey ? 5 : 1;\n\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\n case ' ':\n case 'Enter':\n if (this.highlightedItemRef.current) {\n this.highlightedItemRef.current.click();\n } else {\n if (place === 'trigger') this.handlers.visible(false);\n }\n break;\n }\n };\n\n getTriggerProps() {\n const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': `igc-${uid}-popper`,\n focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n 'aria-expanded': visible ? 'true' : 'false',\n 'aria-activedescendant':\n visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size, uid } = this.asProps;\n return {\n size,\n uid,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n disablePortal,\n ignorePortalsStacking,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex, uid } = this.asProps;\n const highlighted = index === highlightedIndex;\n const extraProps = {};\n this.itemProps[index] = props;\n if (highlighted) {\n extraProps.ref = this.scrollToNode;\n }\n\n return {\n id: `igc-${uid}-option-${index}`,\n size,\n highlighted,\n ...extraProps,\n };\n }\n\n getItemHintProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemTitleProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n scrollToNode = (node) => {\n this.highlightedItemRef.current = node;\n setTimeout(() => {\n if (node && node.scrollIntoView) {\n if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n this.prevHighlightedIndex = this.asProps.highlightedIndex;\n node.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }, 0);\n };\n\n moveHighlightedIndex(amount, e) {\n let { highlightedIndex } = this.asProps;\n const itemsLastIndex = this.itemProps.length - 1;\n const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n if (itemsLastIndex < 0) return;\n\n if (highlightedIndex == null) {\n if (selectedIndex !== -1) {\n highlightedIndex = selectedIndex;\n } else {\n highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n }\n }\n\n let newIndex = highlightedIndex + amount;\n if (newIndex < 0) {\n newIndex = amount + itemsLastIndex + 1;\n } else if (newIndex > itemsLastIndex) {\n newIndex = newIndex - itemsLastIndex - 1;\n }\n\n if (this.itemProps[newIndex] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n }\n }\n\n componentDidUpdate() {\n const { visible } = this.asProps;\n\n if (!visible) {\n this.handlers.highlightedIndex(null);\n }\n }\n\n render() {\n const { Children } = this.asProps;\n const props = {};\n\n this.itemProps = [];\n\n return (\n <Root render={Dropdown} {...props}>\n <Children />\n </Root>\n );\n }\n}\n\nfunction List(props) {\n const SDropdownMenuList = Root;\n const { uid } = props;\n\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n tabIndex={null}\n role=\"menu\"\n aria-labelledby={`igc-${uid}-trigger`}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu(props) {\n const {\n visible,\n disablePortal,\n ignorePortalsStacking,\n disableEnforceFocus,\n interaction,\n autoFocus,\n animationsDisabled,\n focusableTriggerReturnFocusToRef,\n } = props;\n const popperProps = {\n visible,\n disablePortal,\n ignorePortalsStacking,\n disableEnforceFocus,\n interaction,\n autoFocus,\n animationsDisabled,\n focusableTriggerReturnFocusToRef,\n };\n return (\n <DropdownMenu.Popper {...popperProps}>\n <Root render={DropdownMenu.List} />\n </DropdownMenu.Popper>\n );\n}\n\nfunction Item(props) {\n const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n const styles = sstyled(props.styles);\n return (\n <SDropdownMenuItem\n role=\"menuitem\"\n tabIndex={-1}\n id={props.label}\n className={\n cn(\n styles.cn('SDropdownMenuItem', {\n ...props,\n highlighted: !props.disabled && props.highlighted,\n }).className,\n className,\n ) \|\| undefined\n }\n {...other}\n />\n );\n}\n\nfunction Addon(props) {\n const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n const styles = sstyled(props.styles);\n return (\n <SDropdownMenuItemAddon\n className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) \|\| undefined}\n {...other}\n />\n );\n}\n\nfunction Hint(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"hint\" />);\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"title\" />);\n}\n\nfunction Trigger() {\n return <Root render={Dropdown.Trigger} aria-haspopup=\"true\" />;\n}\n\nconst DropdownMenu = createComponent(\n DropdownMenuRoot,\n {\n Trigger,\n Popper: Dropdown.Popper,\n List,\n Menu,\n Item: [Item, { Addon }],\n ItemTitle: Title,\n ItemHint: Hint,\n },\n {\n parent: [Dropdown],\n },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/lib/cjs/styleScrollArea.js CHANGED Viewed

@@ -11,12 +11,12 @@ var _core = require("@semcore/core");
 *
 * We will figure out what to do with it and remove it.
 *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1eqwh_gg_:after,.___SShadowHorizontal_1eqwh_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_start_1eqwh_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_1eqwh_gg_._position_end_1eqwh_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_1eqwh_gg_:after,.___SShadowVertical_1eqwh_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_start_1eqwh_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_1eqwh_gg_._position_end_1eqwh_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__*/, "1eqwh_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1eqwh_gg_",
-  "_position_median": "_position_median_1eqwh_gg_",
-  "_position_start": "_position_start_1eqwh_gg_",
-  "_position_end": "_position_end_1eqwh_gg_",
-  "__SShadowVertical": "___SShadowVertical_1eqwh_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1lu9k_gg_:after,.___SShadowHorizontal_1lu9k_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_start_1lu9k_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_1lu9k_gg_._position_end_1lu9k_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_1lu9k_gg_:after,.___SShadowVertical_1lu9k_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_start_1lu9k_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_1lu9k_gg_._position_end_1lu9k_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__*/, "1lu9k_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1lu9k_gg_",
+  "_position_median": "_position_median_1lu9k_gg_",
+  "_position_start": "_position_start_1lu9k_gg_",
+  "_position_end": "_position_end_1lu9k_gg_",
+  "__SShadowVertical": "___SShadowVertical_1lu9k_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/lib/es6/DropdownMenu.js CHANGED Viewed

@@ -28,19 +28,19 @@ 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_1519r_gg_,.___SDropdownMenuList_1519r_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1519r_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_1519r_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_1519r_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1519r_gg_:focus{outline:0}.___SDropdownMenuItem_1519r_gg_.__highlighted_1519r_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1519r_gg_.__selected_1519r_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_.__selected_1519r_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1519r_gg_.__disabled_1519r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1519r_gg_._size_l_1519r_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_1519r_gg_._size_m_1519r_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_1519r_gg_.__notInteractive_1519r_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_.__notInteractive_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItem_1519r_gg_._variant_hint_1519r_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_._variant_hint_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItem_1519r_gg_._variant_title_1519r_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1519r_gg_._variant_title_1519r_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1519r_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1519r_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1519r_gg_:last-child{margin-right:0}.___SPopper_1519r_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1519r_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_1519r_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_1519r_gg_",
-  "_highlighted": "__highlighted_1519r_gg_",
-  "_selected": "__selected_1519r_gg_",
-  "_disabled": "__disabled_1519r_gg_",
-  "_size_l": "_size_l_1519r_gg_",
-  "_size_m": "_size_m_1519r_gg_",
-  "_notInteractive": "__notInteractive_1519r_gg_",
-  "_variant_hint": "_variant_hint_1519r_gg_",
-  "_variant_title": "_variant_title_1519r_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1519r_gg_",
-  "__SPopper": "___SPopper_1519r_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_14qak_gg_,.___SDropdownMenuList_14qak_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_14qak_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_14qak_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_14qak_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_14qak_gg_:focus{outline:0}.___SDropdownMenuItem_14qak_gg_.__highlighted_14qak_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_14qak_gg_.__selected_14qak_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7));box-shadow:2px 0 0 0 var(--intergalactic-control-primary-info, #008ff8) inset}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_.__selected_14qak_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_14qak_gg_.__disabled_14qak_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_14qak_gg_._size_l_14qak_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_14qak_gg_._size_m_14qak_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_14qak_gg_.__notInteractive_14qak_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_.__notInteractive_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItem_14qak_gg_._variant_hint_14qak_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_._variant_hint_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItem_14qak_gg_._variant_title_14qak_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_14qak_gg_._variant_title_14qak_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_14qak_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_14qak_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_14qak_gg_:last-child{margin-right:0}.___SPopper_14qak_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "14qak_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_14qak_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_14qak_gg_",
+  "_highlighted": "__highlighted_14qak_gg_",
+  "_selected": "__selected_14qak_gg_",
+  "_disabled": "__disabled_14qak_gg_",
+  "_size_l": "_size_l_14qak_gg_",
+  "_size_m": "_size_m_14qak_gg_",
+  "_notInteractive": "__notInteractive_14qak_gg_",
+  "_variant_hint": "_variant_hint_14qak_gg_",
+  "_variant_title": "_variant_title_14qak_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_14qak_gg_",
+  "__SPopper": "___SPopper_14qak_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
@@ -85,15 +85,17 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     });
     _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;
-          node.scrollIntoView({
-            block: 'nearest',
-            inline: 'nearest'
-          });
+      setTimeout(function () {
+        if (node && node.scrollIntoView) {
+          if (_this.asProps.highlightedIndex !== _this.prevHighlightedIndex) {
+            _this.prevHighlightedIndex = _this.asProps.highlightedIndex;
+            node.scrollIntoView({
+              block: 'nearest',
+              inline: 'nearest'
+            });
+          }
         }
-      }
+      }, 0);
     });
     return _this;
   }
@@ -121,7 +123,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         'aria-controls': "igc-".concat(uid, "-popper"),
         focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-expanded': visible ? 'true' : 'false',
-        'aria-activedescendant': highlightedIndex,
+        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
         onKeyDown: this.bindHandlerKeyDown('trigger')
       };
     }
@@ -157,7 +159,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     value: function getItemProps(props, index) {
       var _this$asProps4 = this.asProps,
         size = _this$asProps4.size,
-        highlightedIndex = _this$asProps4.highlightedIndex;
+        highlightedIndex = _this$asProps4.highlightedIndex,
+        uid = _this$asProps4.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
@@ -165,6 +168,7 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         extraProps.ref = this.scrollToNode;
       }
       return _objectSpread({
+        id: "igc-".concat(uid, "-option-").concat(index),
         size: size,
         highlighted: highlighted
       }, extraProps);
@@ -249,15 +253,34 @@ function List(props) {
   var SDropdownMenuList = ScrollAreaComponent;
   var uid = props.uid;
   return _ref7 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDropdownMenuList, _ref7.cn("SDropdownMenuList", _objectSpread({}, _assignProps2({
+    "tabIndex": null,
     "role": "menu",
     "aria-labelledby": "igc-".concat(uid, "-trigger"),
     "shadow": true,
     "styles": scrollStyles
   }, _ref2))));
 }
-function Menu() {
+function Menu(props) {
   var _ref3 = arguments[0];
-  return /*#__PURE__*/React.createElement(DropdownMenu.Popper, null, /*#__PURE__*/React.createElement(DropdownMenu.List, _assignProps3({}, _ref3)));
+  var visible = props.visible,
+    disablePortal = props.disablePortal,
+    ignorePortalsStacking = props.ignorePortalsStacking,
+    disableEnforceFocus = props.disableEnforceFocus,
+    interaction = props.interaction,
+    autoFocus = props.autoFocus,
+    animationsDisabled = props.animationsDisabled,
+    focusableTriggerReturnFocusToRef = props.focusableTriggerReturnFocusToRef;
+  var popperProps = {
+    visible: visible,
+    disablePortal: disablePortal,
+    ignorePortalsStacking: ignorePortalsStacking,
+    disableEnforceFocus: disableEnforceFocus,
+    interaction: interaction,
+    autoFocus: autoFocus,
+    animationsDisabled: animationsDisabled,
+    focusableTriggerReturnFocusToRef: focusableTriggerReturnFocusToRef
+  };
+  return /*#__PURE__*/React.createElement(DropdownMenu.Popper, popperProps, /*#__PURE__*/React.createElement(DropdownMenu.List, _assignProps3({}, _ref3)));
 }
 function Item(props) {
   var _useFlex = useFlex(props, props.forwardRef),

package/lib/es6/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","scrollStyles","style","_sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","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 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 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)(<SDropdownMenuItem render={Flex} variant=\"hint\" />);\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"title\" />);\n}\n\nfunction Trigger() {\n return <Root render={Dropdown.Trigger} aria-haspopup=\"true\" />;\n}\n\nconst DropdownMenu = createComponent(\n DropdownMenuRoot,\n {\n Trigger,\n Popper: Dropdown.Popper,\n List,\n Menu,\n Item: [Item, { Addon }],\n ItemTitle: Title,\n ItemHint: Hint,\n },\n {\n parent: [Dropdown],\n },\n);\n\nexport default DropdownMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,mBAAmB;AACzD,OAAOC,mBAAmB,MAAM,sBAAsB;AACtD,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAElF,OAAOC,YAAY,MAAM,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG7C,IAAMC,IAAI,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC;AACnD,IAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAAC,IAEzCC,gBAAgB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gBAaR,EAAE;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,sCAEOzB,KAAK,CAACsC,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BAEf,IAAI;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,yBASN,UAACc,KAAK;MAAA,OAAK,UAACC,CAAC,EAAK;QACrC,IAAMC,MAAM,GAAGD,CAAC,CAACE,QAAQ,GAAG,CAAC,GAAG,CAAC;QAEjC,IAAIF,CAAC,CAACG,GAAG,KAAK,GAAG,IAAIxB,gBAAgB,CAACyB,QAAQ,CAACJ,CAAC,CAACK,MAAM,CAACC,OAAO,CAAC,EAAE;QAClE,IAAIN,CAAC,CAACG,GAAG,KAAK,OAAO,IAAIH,CAAC,CAACK,MAAM,CAACC,OAAO,KAAK,UAAU,EAAE;QAC1D,IAAI,CAAC5B,IAAI,CAAC0B,QAAQ,CAACJ,CAAC,CAACG,GAAG,CAAC,EAAE;QAE3BH,CAAC,CAACO,cAAc,EAAE;QAElBtB,KAAA,CAAKuB,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC;QAE3B,QAAQT,CAAC,CAACG,GAAG;UACX,KAAK,WAAW;YACdlB,KAAA,CAAKyB,oBAAoB,CAACT,MAAM,EAAED,CAAC,CAAC;YACpC;UACF,KAAK,SAAS;YACZf,KAAA,CAAKyB,oBAAoB,CAAC,CAACT,MAAM,EAAED,CAAC,CAAC;YACrC;UACF,KAAK,GAAG;UACR,KAAK,OAAO;YACV,IAAIf,KAAA,CAAK0B,kBAAkB,CAACC,OAAO,EAAE;cACnC3B,KAAA,CAAK0B,kBAAkB,CAACC,OAAO,CAACC,KAAK,EAAE;YACzC,CAAC,MAAM;cACL,IAAId,KAAK,KAAK,SAAS,EAAEd,KAAA,CAAKuB,QAAQ,CAACC,OAAO,CAAC,KAAK,CAAC;YACvD;YACA;QAAM;MAEZ,CAAC;IAAA;IAAAb,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,mBAmEc,UAAC6B,IAAI,EAAK;MACvB7B,KAAA,CAAK0B,kBAAkB,CAACC,OAAO,GAAGE,IAAI;MACtC,IAAIA,IAAI,IAAIA,IAAI,CAACC,cAAc,EAAE;QAC/B,IAAI9B,KAAA,CAAK+B,OAAO,CAACC,gBAAgB,KAAKhC,KAAA,CAAKiC,oBAAoB,EAAE;UAC/DjC,KAAA,CAAKiC,oBAAoB,GAAGjC,KAAA,CAAK+B,OAAO,CAACC,gBAAgB;UACzDH,IAAI,CAACC,cAAc,CAAC;YAClBI,KAAK,EAAE,SAAS;YAChBC,MAAM,EAAE;UACV,CAAC,CAAC;QACJ;MACF;IACF,CAAC;IAAA,OAAAnC,KAAA;EAAA;EAAAoC,YAAA,CAAAzC,gBAAA;IAAAuB,GAAA;IAAAmB,KAAA,EAhHD,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLN,gBAAgB,EAAE,IAAI;QACtBR,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAmB,KAAA,EA+BD,SAAAE,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAA6E,IAAI,CAACT,OAAO;QAAjFU,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QAAEC,aAAa,GAAAH,aAAA,CAAbG,aAAa;QAAEnB,OAAO,GAAAgB,aAAA,CAAPhB,OAAO;QAAEoB,WAAW,GAAAJ,aAAA,CAAXI,WAAW;QAAEZ,gBAAgB,GAAAQ,aAAA,CAAhBR,gBAAgB;MAExE,OAAO;QACLS,IAAI,EAAJA,IAAI;QACJI,EAAE,SAAAnC,MAAA,CAASgC,GAAG,aAAU;QACxB,eAAe,SAAAhC,MAAA,CAASgC,GAAG,YAAS;QACpCI,SAAS,EAAEtB,OAAO,IAAI,CAACmB,aAAa,GAAGC,WAAW,CAAC,aAAa,CAAC,GAAGG,SAAS;QAC7E,eAAe,EAAEvB,OAAO,GAAG,MAAM,GAAG,OAAO;QAC3C,uBAAuB,EAAEQ,gBAAgB;QACzCgB,SAAS,EAAE,IAAI,CAACC,kBAAkB,CAAC,SAAS;MAC9C,CAAC;IACH;EAAC;IAAA/B,GAAA;IAAAmB,KAAA,EAED,SAAAa,aAAA,EAAe;MACb,IAAAC,cAAA,GAAsB,IAAI,CAACpB,OAAO;QAA1BU,IAAI,GAAAU,cAAA,CAAJV,IAAI;QAAEC,GAAG,GAAAS,cAAA,CAAHT,GAAG;MACjB,OAAO;QACLD,IAAI,EAAJA,IAAI;QACJC,GAAG,EAAHA,GAAG;QACHU,KAAK,EAAE,IAAI,CAACrB,OAAO,CAACC;MACtB,CAAC;IACH;EAAC;IAAAd,GAAA;IAAAmB,KAAA,EAED,SAAAgB,eAAA,EAAiB;MACf,IAAAC,cAAA,GAAsD,IAAI,CAACvB,OAAO;QAA1DW,GAAG,GAAAY,cAAA,CAAHZ,GAAG;QAAEC,aAAa,GAAAW,cAAA,CAAbX,aAAa;QAAEY,qBAAqB,GAAAD,cAAA,CAArBC,qBAAqB;MAEjD,OAAO;QACLC,QAAQ,EAAE,CAAC;QACXR,SAAS,EAAE,IAAI,CAACC,kBAAkB,CAAC,QAAQ,CAAC;QAC5CJ,EAAE,SAAAnC,MAAA,CAASgC,GAAG,YAAS;QACvBC,aAAa,EAAbA,aAAa;QACbY,qBAAqB,EAArBA;MACF,CAAC;IACH;EAAC;IAAArC,GAAA;IAAAmB,KAAA,EAED,SAAAoB,aAAaC,KAAK,EAAEN,KAAK,EAAE;MACzB,IAAAO,cAAA,GAAmC,IAAI,CAAC5B,OAAO;QAAvCU,IAAI,GAAAkB,cAAA,CAAJlB,IAAI;QAAET,gBAAgB,GAAA2B,cAAA,CAAhB3B,gBAAgB;MAC9B,IAAM4B,WAAW,GAAGR,KAAK,KAAKpB,gBAAgB;MAC9C,IAAM6B,UAAU,GAAG,CAAC,CAAC;MACrB,IAAI,CAACC,SAAS,CAACV,KAAK,CAAC,GAAGM,KAAK;MAC7B,IAAIE,WAAW,EAAE;QACfC,UAAU,CAACE,GAAG,GAAG,IAAI,CAACC,YAAY;MACpC;MAEA,OAAAC,aAAA;QACExB,IAAI,EAAJA,IAAI;QACJmB,WAAW,EAAXA;MAAW,GACRC,UAAU;IAEjB;EAAC;IAAA3C,GAAA;IAAAmB,KAAA,EAED,SAAA6B,iBAAA,EAAmB;MACjB,IAAQzB,IAAI,GAAK,IAAI,CAACV,OAAO,CAArBU,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAmB,KAAA,EAED,SAAA8B,kBAAA,EAAoB;MAClB,IAAQ1B,IAAI,GAAK,IAAI,CAACV,OAAO,CAArBU,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAmB,KAAA,EAeD,SAAAZ,qBAAqBT,MAAM,EAAED,CAAC,EAAE;MAC9B,IAAMiB,gBAAgB,GAAK,IAAI,CAACD,OAAO,CAAjCC,gBAAgB;MACtB,IAAMoC,cAAc,GAAG,IAAI,CAACN,SAAS,CAAC1D,MAAM,GAAG,CAAC;MAChD,IAAMiE,aAAa,GAAG,IAAI,CAACP,SAAS,CAACQ,SAAS,CAAC,UAACC,IAAI;QAAA,OAAKA,IAAI,CAACC,QAAQ;MAAA,EAAC;MAEvE,IAAIJ,cAAc,GAAG,CAAC,EAAE;MAExB,IAAIpC,gBAAgB,IAAI,IAAI,EAAE;QAC5B,IAAIqC,aAAa,KAAK,CAAC,CAAC,EAAE;UACxBrC,gBAAgB,GAAGqC,aAAa;QAClC,CAAC,MAAM;UACLrC,gBAAgB,GAAGhB,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGoD,cAAc;QACpD;MACF;MAEA,IAAIK,QAAQ,GAAGzC,gBAAgB,GAAGhB,MAAM;MACxC,IAAIyD,QAAQ,GAAG,CAAC,EAAE;QAChBA,QAAQ,GAAGzD,MAAM,GAAGoD,cAAc,GAAG,CAAC;MACxC,CAAC,MAAM,IAAIK,QAAQ,GAAGL,cAAc,EAAE;QACpCK,QAAQ,GAAGA,QAAQ,GAAGL,cAAc,GAAG,CAAC;MAC1C;MAEA,IAAI,IAAI,CAACN,SAAS,CAACW,QAAQ,CAAC,IAAI,IAAI,CAACX,SAAS,CAACW,QAAQ,CAAC,CAACC,QAAQ,EAAE;QACjE,IAAI,CAACjD,oBAAoB,CAACT,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,GAAGA,MAAM,GAAG,CAAC,EAAED,CAAC,CAAC;MACpE,CAAC,MAAM;QACL,IAAI,CAACQ,QAAQ,CAACS,gBAAgB,CAACyC,QAAQ,EAAE1D,CAAC,CAAC;MAC7C;IACF;EAAC;IAAAG,GAAA;IAAAmB,KAAA,EAED,SAAAsC,mBAAA,EAAqB;MACnB,IAAQnD,OAAO,GAAK,IAAI,CAACO,OAAO,CAAxBP,OAAO;MAEf,IAAI,CAACA,OAAO,EAAE;QACZ,IAAI,CAACD,QAAQ,CAACS,gBAAgB,CAAC,IAAI,CAAC;MACtC;IACF;EAAC;IAAAd,GAAA;IAAAmB,KAAA,EAED,SAAAuC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA9C,OAAA;MACP,IAAQ+C,QAAQ,GAAK,IAAI,CAAC/C,OAAO,CAAzB+C,QAAQ;MAChB,IAAMpB,KAAK,GAAG,CAAC,CAAC;MAEhB,IAAI,CAACI,SAAS,GAAG,EAAE;MAEnB,oBACEvF,KAAA,CAAAwG,aAAA,CAAclG,QAAQ,EAAAmG,YAAA,CAAAf,aAAA,KAAMP,KAAK,GAAAmB,IAAA,gBAC/BtG,KAAA,CAAAwG,aAAA,CAACD,QAAQ,OAAG,CACP;IAEX;EAAC;EAAA,OAAAnF,gBAAA;AAAA,EArL4BjB,SAAS;AAAAiC,eAAA,CAAlChB,gBAAgB,iBACC,cAAc;AAAAgB,eAAA,CAD/BhB,gBAAgB,WAELL,KAAK;AAAAqB,eAAA,CAFhBhB,gBAAgB,aAGH,CAACT,mBAAmB,EAAE,EAAEC,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAAuB,eAAA,CAHpEhB,gBAAgB,kBAKE;EACpB8C,IAAI,EAAE,GAAG;EACTwC,cAAc,EAAE,KAAK;EACrBC,uBAAuB,EAAE,IAAI;EAC7BC,IAAI,EAAE/F,iBAAiB;EACvBgG,MAAM,EAAE;AACV,CAAC;AA6KH,SAASC,IAAIA,CAAC3B,KAAK,EAAE;EAAA,IAAA4B,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,iBAAiB,GAKXxG,mBAAmB;EAJ/B,IAAQyD,GAAG,GAAKgB,KAAK,CAAbhB,GAAG;EAEX,OAAA8C,KAAA,GAAO7G,OAAO,CAAC+E,KAAK,CAACgC,MAAM,CAAC,eAC1BnH,KAAA,CAAAwG,aAAA,CAACU,iBAAiB,EAAAD,KAAA,CAAAhH,EAAA,sBAAAyF,aAAA,KAAA0B,aAAA;IAAA,QAEX,MAAM;IAAA,0BAAAjF,MAAA,CACagC,GAAG;IAAA,UACnB,IAAI;IAAA,UACJrD;EAAY,GAAAiG,KAAA,IACpB;AAEN;AAEA,SAASM,IAAIA,CAAA,EAAG;EAAA,IAAAC,KAAA,GAAAN,YAAA;EACd,oBACEhH,KAAA,CAAAwG,aAAA,CAACe,YAAY,CAACC,MAAM,qBAClBxH,KAAA,CAAAwG,aAAA,CAAce,YAAY,CAACT,IAAI,EAAAW,aAAA,KAAAH,KAAA,EAAI,CACf;AAE1B;AAEA,SAASI,IAAIA,CAACvC,KAAK,EAAE;EACnB,IAAAwC,QAAA,GAAqDlH,OAAO,CAAC0E,KAAK,EAAEA,KAAK,CAACyC,UAAU,CAAC;IAAAC,SAAA,GAAAC,cAAA,CAAAH,QAAA;IAA9EI,iBAAiB,GAAAF,SAAA;IAAAG,UAAA,GAAAH,SAAA;IAAII,SAAS,GAAAD,UAAA,CAATC,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,UAAA,EAAAI,SAAA;EAC/C,IAAMjB,MAAM,GAAG/G,OAAO,CAAC+E,KAAK,CAACgC,MAAM,CAAC;EACpC,oBACEnH,KAAA,CAAAwG,aAAA,CAACuB,iBAAiB,EAAAM,QAAA;IAChBC,IAAI,EAAC,UAAU;IACfrD,QAAQ,EAAE,CAAC,CAAE;IACbX,EAAE,EAAEa,KAAK,CAACoD,KAAM;IAChBN,SAAS,EACPhI,EAAE,CACAkH,MAAM,CAAClH,EAAE,CAAC,mBAAmB,EAAAyF,aAAA,CAAAA,aAAA,KACxBP,KAAK;MACRE,WAAW,EAAE,CAACF,KAAK,CAACgB,QAAQ,IAAIhB,KAAK,CAACE;IAAW,GACjD,CAAC4C,SAAS,EACZA,SAAS,CACV,IAAIzD;EACN,GACG0D,KAAK,EACT;AAEN;AAEA,SAASM,KAAKA,CAACrD,KAAK,EAAE;EACpB,IAAAsD,OAAA,GAA0DjI,MAAM,CAAC2E,KAAK,EAAEA,KAAK,CAACyC,UAAU,CAAC;IAAAc,QAAA,GAAAZ,cAAA,CAAAW,OAAA;IAAlFE,sBAAsB,GAAAD,QAAA;IAAAE,SAAA,GAAAF,QAAA;IAAIT,SAAS,GAAAW,SAAA,CAATX,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAS,SAAA,EAAAC,UAAA;EACpD,IAAM1B,MAAM,GAAG/G,OAAO,CAAC+E,KAAK,CAACgC,MAAM,CAAC;EACpC,oBACEnH,KAAA,CAAAwG,aAAA,CAACmC,sBAAsB,EAAAN,QAAA;IACrBJ,SAAS,EAAEhI,EAAE,CAACkH,MAAM,CAAClH,EAAE,CAAC,wBAAwB,EAAEkF,KAAK,CAAC,CAAC8C,SAAS,EAAEA,SAAS,CAAC,IAAIzD;EAAU,GACxF0D,KAAK,EACT;AAEN;AAEA,SAASY,IAAIA,CAAC3D,KAAK,EAAE;EAAA,IAAA4D,KAAA,GAAA/B,YAAA;IAAAgC,KAAA;EACnB,IAAMjB,iBAAiB,GACiCxH,IAAI;EAA5D,OAAAyI,KAAA,GAAO5I,OAAO,CAAC+E,KAAK,CAACgC,MAAM,CAAC,eAACnH,KAAA,CAAAwG,aAAA,CAACuB,iBAAiB,EAAAiB,KAAA,CAAA/I,EAAA,sBAAAyF,aAAA,KAAAuD,aAAA;IAAA,WAAuB;EAAM,GAAAF,KAAA,IAAG;AACjF;AAEA,SAASG,KAAKA,CAAC/D,KAAK,EAAE;EAAA,IAAAgE,KAAA,GAAAnC,YAAA;IAAAoC,KAAA;EACpB,IAAMrB,iBAAiB,GACiCxH,IAAI;EAA5D,OAAA6I,KAAA,GAAOhJ,OAAO,CAAC+E,KAAK,CAACgC,MAAM,CAAC,eAACnH,KAAA,CAAAwG,aAAA,CAACuB,iBAAiB,EAAAqB,KAAA,CAAAnJ,EAAA,sBAAAyF,aAAA,KAAA2D,aAAA;IAAA,WAAuB;EAAO,GAAAF,KAAA,IAAG;AAClF;AAEA,SAASG,OAAOA,CAAA,EAAG;EAAA,IAAAC,KAAA,GAAAvC,YAAA;EACjB,oBAAOhH,KAAA,CAAAwG,aAAA,CAAclG,QAAQ,CAACgJ,OAAO,EAAAE,aAAA;IAAA,iBAAgB;EAAM,GAAAD,KAAA,EAAG;AAChE;AAEA,IAAMhC,YAAY,GAAGrH,eAAe,CAClCkB,gBAAgB,EAChB;EACEkI,OAAO,EAAPA,OAAO;EACP9B,MAAM,EAAElH,QAAQ,CAACkH,MAAM;EACvBV,IAAI,EAAJA,IAAI;EACJO,IAAI,EAAJA,IAAI;EACJK,IAAI,EAAE,CAACA,IAAI,EAAE;IAAEc,KAAK,EAALA;EAAM,CAAC,CAAC;EACvBiB,SAAS,EAAEP,KAAK;EAChBQ,QAAQ,EAAEZ;AACZ,CAAC,EACD;EACEa,MAAM,EAAE,CAACrJ,QAAQ;AACnB,CAAC,CACF;AAED,eAAeiH,YAAY"}
1	+ {"version":3,"file":"DropdownMenu.js","names":["React","cn","createComponent","Component","sstyled","Root","Dropdown","Flex","useBox","useFlex","ScrollAreaComponent","uniqueIDEnhancement","i18nEnhance","localizedMessages","scrollStyles","style","_sstyled","insert","KEYS","INTERACTION_TAGS","DropdownMenuRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","place","e","amount","shiftKey","key","includes","target","tagName","preventDefault","handlers","visible","moveHighlightedIndex","highlightedItemRef","current","click","node","setTimeout","scrollIntoView","asProps","highlightedIndex","prevHighlightedIndex","block","inline","_createClass","value","uncontrolledProps","getTriggerProps","_this$asProps","size","uid","disablePortal","getI18nText","id","focusHint","undefined","onKeyDown","bindHandlerKeyDown","getListProps","_this$asProps2","index","getPopperProps","_this$asProps3","ignorePortalsStacking","tabIndex","getItemProps","props","_this$asProps4","highlighted","extraProps","itemProps","ref","scrollToNode","_objectSpread","getItemHintProps","getItemTitleProps","itemsLastIndex","selectedIndex","findIndex","item","selected","newIndex","disabled","componentDidUpdate","render","_ref","Children","createElement","_assignProps","defaultVisible","defaultHighlightedIndex","i18n","locale","List","_ref2","arguments[0]","_ref7","SDropdownMenuList","styles","_assignProps2","Menu","_ref3","disableEnforceFocus","interaction","autoFocus","animationsDisabled","focusableTriggerReturnFocusToRef","popperProps","DropdownMenu","Popper","_assignProps3","Item","_useFlex","forwardRef","_useFlex2","_slicedToArray","SDropdownMenuItem","_useFlex2$","className","other","_objectWithoutProperties","_excluded","_extends","role","label","Addon","_useBox","_useBox2","SDropdownMenuItemAddon","_useBox2$","_excluded2","Hint","_ref4","_ref8","_assignProps4","Title","_ref5","_ref9","_assignProps5","Trigger","_ref6","_assignProps6","ItemTitle","ItemHint","parent"],"sources":["../../src/DropdownMenu.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Flex, useBox, useFlex } from '@semcore/flex-box';\nimport ScrollAreaComponent from '@semcore/scroll-area';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport scrollStyles from './styleScrollArea';\nimport style from './style/dropdown-menu.shadow.css';\n\nconst KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];\nconst INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];\n\nclass DropdownMenuRoot extends Component {\n static displayName = 'DropdownMenu';\n static style = style;\n static enhance = [uniqueIDEnhancement(), i18nEnhance(localizedMessages)];\n\n static defaultProps = {\n size: 'm',\n defaultVisible: false,\n defaultHighlightedIndex: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n itemProps = [];\n\n highlightedItemRef = React.createRef();\n\n prevHighlightedIndex = null;\n\n uncontrolledProps() {\n return {\n highlightedIndex: null,\n visible: null,\n };\n }\n\n bindHandlerKeyDown = (place) => (e) => {\n const amount = e.shiftKey ? 5 : 1;\n\n if (e.key === ' ' && INTERACTION_TAGS.includes(e.target.tagName)) return;\n if (e.key === 'Enter' && e.target.tagName === 'TEXTAREA') return;\n if (!KEYS.includes(e.key)) return;\n\n e.preventDefault();\n\n this.handlers.visible(true);\n\n switch (e.key) {\n case 'ArrowDown':\n this.moveHighlightedIndex(amount, e);\n break;\n case 'ArrowUp':\n this.moveHighlightedIndex(-amount, e);\n break;\n case ' ':\n case 'Enter':\n if (this.highlightedItemRef.current) {\n this.highlightedItemRef.current.click();\n } else {\n if (place === 'trigger') this.handlers.visible(false);\n }\n break;\n }\n };\n\n getTriggerProps() {\n const { size, uid, disablePortal, visible, getI18nText, highlightedIndex } = this.asProps;\n\n return {\n size,\n id: `igc-${uid}-trigger`,\n 'aria-controls': `igc-${uid}-popper`,\n focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,\n 'aria-expanded': visible ? 'true' : 'false',\n 'aria-activedescendant':\n visible && highlightedIndex !== null ? `igc-${uid}-option-${highlightedIndex}` : undefined,\n onKeyDown: this.bindHandlerKeyDown('trigger'),\n };\n }\n\n getListProps() {\n const { size, uid } = this.asProps;\n return {\n size,\n uid,\n index: this.asProps.highlightedIndex,\n };\n }\n\n getPopperProps() {\n const { uid, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return {\n tabIndex: 0,\n onKeyDown: this.bindHandlerKeyDown('popper'),\n id: `igc-${uid}-popper`,\n disablePortal,\n ignorePortalsStacking,\n };\n }\n\n getItemProps(props, index) {\n const { size, highlightedIndex, uid } = this.asProps;\n const highlighted = index === highlightedIndex;\n const extraProps = {};\n this.itemProps[index] = props;\n if (highlighted) {\n extraProps.ref = this.scrollToNode;\n }\n\n return {\n id: `igc-${uid}-option-${index}`,\n size,\n highlighted,\n ...extraProps,\n };\n }\n\n getItemHintProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n getItemTitleProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n scrollToNode = (node) => {\n this.highlightedItemRef.current = node;\n setTimeout(() => {\n if (node && node.scrollIntoView) {\n if (this.asProps.highlightedIndex !== this.prevHighlightedIndex) {\n this.prevHighlightedIndex = this.asProps.highlightedIndex;\n node.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n }\n }\n }, 0);\n };\n\n moveHighlightedIndex(amount, e) {\n let { highlightedIndex } = this.asProps;\n const itemsLastIndex = this.itemProps.length - 1;\n const selectedIndex = this.itemProps.findIndex((item) => item.selected);\n\n if (itemsLastIndex < 0) return;\n\n if (highlightedIndex == null) {\n if (selectedIndex !== -1) {\n highlightedIndex = selectedIndex;\n } else {\n highlightedIndex = amount < 0 ? 0 : itemsLastIndex;\n }\n }\n\n let newIndex = highlightedIndex + amount;\n if (newIndex < 0) {\n newIndex = amount + itemsLastIndex + 1;\n } else if (newIndex > itemsLastIndex) {\n newIndex = newIndex - itemsLastIndex - 1;\n }\n\n if (this.itemProps[newIndex] && this.itemProps[newIndex].disabled) {\n this.moveHighlightedIndex(amount < 0 ? amount - 1 : amount + 1, e);\n } else {\n this.handlers.highlightedIndex(newIndex, e);\n }\n }\n\n componentDidUpdate() {\n const { visible } = this.asProps;\n\n if (!visible) {\n this.handlers.highlightedIndex(null);\n }\n }\n\n render() {\n const { Children } = this.asProps;\n const props = {};\n\n this.itemProps = [];\n\n return (\n <Root render={Dropdown} {...props}>\n <Children />\n </Root>\n );\n }\n}\n\nfunction List(props) {\n const SDropdownMenuList = Root;\n const { uid } = props;\n\n return sstyled(props.styles)(\n <SDropdownMenuList\n render={ScrollAreaComponent}\n tabIndex={null}\n role=\"menu\"\n aria-labelledby={`igc-${uid}-trigger`}\n shadow={true}\n styles={scrollStyles}\n />,\n );\n}\n\nfunction Menu(props) {\n const {\n visible,\n disablePortal,\n ignorePortalsStacking,\n disableEnforceFocus,\n interaction,\n autoFocus,\n animationsDisabled,\n focusableTriggerReturnFocusToRef,\n } = props;\n const popperProps = {\n visible,\n disablePortal,\n ignorePortalsStacking,\n disableEnforceFocus,\n interaction,\n autoFocus,\n animationsDisabled,\n focusableTriggerReturnFocusToRef,\n };\n return (\n <DropdownMenu.Popper {...popperProps}>\n <Root render={DropdownMenu.List} />\n </DropdownMenu.Popper>\n );\n}\n\nfunction Item(props) {\n const [SDropdownMenuItem, { className, ...other }] = useFlex(props, props.forwardRef);\n const styles = sstyled(props.styles);\n return (\n <SDropdownMenuItem\n role=\"menuitem\"\n tabIndex={-1}\n id={props.label}\n className={\n cn(\n styles.cn('SDropdownMenuItem', {\n ...props,\n highlighted: !props.disabled && props.highlighted,\n }).className,\n className,\n ) \|\| undefined\n }\n {...other}\n />\n );\n}\n\nfunction Addon(props) {\n const [SDropdownMenuItemAddon, { className, ...other }] = useBox(props, props.forwardRef);\n const styles = sstyled(props.styles);\n return (\n <SDropdownMenuItemAddon\n className={cn(styles.cn('SDropdownMenuItemAddon', props).className, className) \|\| undefined}\n {...other}\n />\n );\n}\n\nfunction Hint(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"hint\" />);\n}\n\nfunction Title(props) {\n const SDropdownMenuItem = Root;\n return sstyled(props.styles)(<SDropdownMenuItem render={Flex} variant=\"title\" />);\n}\n\nfunction Trigger() {\n return <Root render={Dropdown.Trigger} aria-haspopup=\"true\" />;\n}\n\nconst DropdownMenu = createComponent(\n DropdownMenuRoot,\n {\n Trigger,\n Popper: Dropdown.Popper,\n List,\n Menu,\n Item: [Item, { Addon }],\n ItemTitle: Title,\n ItemHint: Hint,\n },\n {\n parent: [Dropdown],\n },\n);\n\nexport default DropdownMenu;\n"],"mappings":"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"}

package/lib/es6/styleScrollArea.js CHANGED Viewed

@@ -5,12 +5,12 @@ import { sstyled as _sstyled } from "@semcore/core";
 *
 * We will figure out what to do with it and remove it.
 *  */
-var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1eqwh_gg_:after,.___SShadowHorizontal_1eqwh_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_start_1eqwh_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_1eqwh_gg_._position_end_1eqwh_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_1eqwh_gg_:after,.___SShadowVertical_1eqwh_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_median_1eqwh_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_1eqwh_gg_._position_start_1eqwh_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_1eqwh_gg_._position_end_1eqwh_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__*/, "1eqwh_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1eqwh_gg_",
-  "_position_median": "_position_median_1eqwh_gg_",
-  "_position_start": "_position_start_1eqwh_gg_",
-  "_position_end": "_position_end_1eqwh_gg_",
-  "__SShadowVertical": "___SShadowVertical_1eqwh_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_1lu9k_gg_:after,.___SShadowHorizontal_1lu9k_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_start_1lu9k_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_1lu9k_gg_._position_end_1lu9k_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_1lu9k_gg_:after,.___SShadowVertical_1lu9k_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_median_1lu9k_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_1lu9k_gg_._position_start_1lu9k_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_1lu9k_gg_._position_end_1lu9k_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__*/, "1lu9k_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_1lu9k_gg_",
+  "_position_median": "_position_median_1lu9k_gg_",
+  "_position_start": "_position_start_1lu9k_gg_",
+  "_position_end": "_position_end_1lu9k_gg_",
+  "__SShadowVertical": "___SShadowVertical_1lu9k_gg_"
 });
 export default scrollStyles;
 //# sourceMappingURL=styleScrollArea.js.map

package/package.json CHANGED Viewed

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