npm - @semcore/dropdown-menu - Versions diffs - 4.14.0 → 4.15.0 - Mend

@semcore/dropdown-menu 4.14.0 → 4.15.0

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 (10) hide show

package/CHANGELOG.md +11 -1
package/lib/cjs/DropdownMenu.js +51 -41
package/lib/cjs/DropdownMenu.js.map +1 -1
package/lib/cjs/style/dropdown-menu.shadow.css +0 -6
package/lib/cjs/styleScrollArea.js +6 -6
package/lib/es6/DropdownMenu.js +51 -41
package/lib/es6/DropdownMenu.js.map +1 -1
package/lib/es6/style/dropdown-menu.shadow.css +0 -6
package/lib/es6/styleScrollArea.js +6 -6
package/package.json +7 -7

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,17 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
-## [4.14.0-prerelease.2] - 2023-12-04
+## [4.15.0-prerelease.1] - 2023-12-05
+### Changed
+- Deprecated some values of `interaction` property.
+### Removed
+- unnecessary style for focused `Popper`.
+## [4.14.0] - 2023-12-04
 ### Changed

package/lib/cjs/DropdownMenu.js CHANGED Viewed

@@ -26,23 +26,23 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
+var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 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_hsuyi_gg_,.___SDropdownMenuList_hsuyi_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_hsuyi_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_hsuyi_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_hsuyi_gg_:focus{outline:0}.___SDropdownMenuItem_hsuyi_gg_.__selected_hsuyi_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_hsuyi_gg_.__selected_hsuyi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_hsuyi_gg_.__highlighted_hsuyi_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_hsuyi_gg_.__disabled_hsuyi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_hsuyi_gg_._size_l_hsuyi_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_hsuyi_gg_._size_m_hsuyi_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_hsuyi_gg_.__notInteractive_hsuyi_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_.__notInteractive_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItem_hsuyi_gg_._variant_hint_hsuyi_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_._variant_hint_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItem_hsuyi_gg_._variant_title_hsuyi_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_._variant_title_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_hsuyi_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_hsuyi_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_hsuyi_gg_:last-child{margin-right:0}.___SPopper_hsuyi_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "hsuyi_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_hsuyi_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_hsuyi_gg_",
-  "_highlighted": "__highlighted_hsuyi_gg_",
-  "_disabled": "__disabled_hsuyi_gg_",
-  "_size_l": "_size_l_hsuyi_gg_",
-  "_size_m": "_size_m_hsuyi_gg_",
-  "_selected": "__selected_hsuyi_gg_",
-  "_notInteractive": "__notInteractive_hsuyi_gg_",
-  "_variant_hint": "_variant_hint_hsuyi_gg_",
-  "_variant_title": "_variant_title_hsuyi_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_hsuyi_gg_",
-  "__SPopper": "___SPopper_hsuyi_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1y2v4_gg_,.___SDropdownMenuList_1y2v4_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1y2v4_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_1y2v4_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1y2v4_gg_:focus{outline:0}.___SDropdownMenuItem_1y2v4_gg_.__selected_1y2v4_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_1y2v4_gg_.__selected_1y2v4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1y2v4_gg_.__highlighted_1y2v4_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1y2v4_gg_.__disabled_1y2v4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1y2v4_gg_._size_l_1y2v4_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_1y2v4_gg_._size_m_1y2v4_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_1y2v4_gg_.__notInteractive_1y2v4_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_.__notInteractive_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItem_1y2v4_gg_._variant_hint_1y2v4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_._variant_hint_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItem_1y2v4_gg_._variant_title_1y2v4_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_._variant_title_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1y2v4_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1y2v4_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1y2v4_gg_:last-child{margin-right:0}" /*__inner_css_end__*/, "1y2v4_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1y2v4_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1y2v4_gg_",
+  "_highlighted": "__highlighted_1y2v4_gg_",
+  "_disabled": "__disabled_1y2v4_gg_",
+  "_size_l": "_size_l_1y2v4_gg_",
+  "_size_m": "_size_m_1y2v4_gg_",
+  "_selected": "__selected_1y2v4_gg_",
+  "_notInteractive": "__notInteractive_1y2v4_gg_",
+  "_variant_hint": "_variant_hint_1y2v4_gg_",
+  "_variant_title": "_variant_title_1y2v4_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1y2v4_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];
@@ -65,12 +65,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         var amount = e.shiftKey ? 5 : 1;
         var targetTagName = e.target.tagName;
         if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;
-        if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;
-        var _this$asProps = _this.asProps,
-          visible = _this$asProps.visible,
-          interaction = _this$asProps.interaction;
+        if (e.key === 'Enter') {
+          if (targetTagName === 'TEXTAREA') return;
+          if (place === 'popper' && (targetTagName === 'BUTTON' || targetTagName === 'A')) return;
+        }
+        var visible = _this.asProps.visible;
         var element = _this.popperRef.current;
-        if (place === 'popper' && interaction !== 'focus' && visible && e.key === 'Tab' && (0, _useFocusLock.hasFocusableIn)(element)) {
+        if (place === 'popper' && visible && e.key === 'Tab' && (0, _useFocusLock.hasFocusableIn)(element)) {
           _this.handlers.highlightedIndex(null);
           return;
         }
@@ -82,13 +83,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
           case 'ArrowDown':
             {
               isVisible && _this.moveHighlightedIndex(amount, e);
-              targetTagName === 'BUTTON' && element.focus();
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
               break;
             }
           case 'ArrowUp':
             {
               isVisible && _this.moveHighlightedIndex(-amount, e);
-              targetTagName === 'BUTTON' && element.focus();
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
               break;
             }
           case ' ':
@@ -129,13 +130,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTriggerProps",
     value: function getTriggerProps() {
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        uid = _this$asProps2.uid,
-        disablePortal = _this$asProps2.disablePortal,
-        visible = _this$asProps2.visible,
-        getI18nText = _this$asProps2.getI18nText,
-        highlightedIndex = _this$asProps2.highlightedIndex;
+      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;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
@@ -149,9 +150,9 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getListProps",
     value: function getListProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        uid = _this$asProps3.uid;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
       return {
         size: size,
         uid: uid,
@@ -161,26 +162,30 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this$asProps4 = this.asProps,
-        uid = _this$asProps4.uid,
-        disablePortal = _this$asProps4.disablePortal,
-        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
+      var _this$asProps3 = this.asProps,
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
+        interaction = _this$asProps3.interaction,
+        highlightedIndex = _this$asProps3.highlightedIndex;
       return {
         ref: this.popperRef,
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
         id: "igc-".concat(uid, "-popper"),
         disablePortal: disablePortal,
-        ignorePortalsStacking: ignorePortalsStacking
+        ignorePortalsStacking: ignorePortalsStacking,
+        focusMaster: interaction === 'click',
+        hideFocus: highlightedIndex !== null
       };
     }
   }, {
     key: "getItemProps",
     value: function getItemProps(props, index) {
-      var _this$asProps5 = this.asProps,
-        size = _this$asProps5.size,
-        highlightedIndex = _this$asProps5.highlightedIndex,
-        uid = _this$asProps5.uid;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        highlightedIndex = _this$asProps4.highlightedIndex,
+        uid = _this$asProps4.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
@@ -250,8 +255,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps;
-      var Children = this.asProps.Children;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        interaction = _this$asProps5.interaction,
+        dataUiName = _this$asProps5['data-ui-name'];
       var props = {};
+      _logger["default"].warn(interaction !== 'click' && interaction !== 'focus', "You shouldn't use prop `interaction` except with `click` or `focus` value.", dataUiName || DropdownMenuRoot.displayName);
       this.itemProps = [];
       return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
     }
@@ -266,7 +275,8 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   defaultVisible: false,
   defaultHighlightedIndex: null,
   i18n: _intergalacticDynamicLocales.localizedMessages,
-  locale: 'en'
+  locale: 'en',
+  interaction: 'click'
 });
 function List(props) {
   var _ref2 = arguments[0],

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

@@ -104,9 +104,3 @@ SDropdownMenuItemAddon {
     margin-right: 0;
   }
 }
-SPopper {
-  &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-  }
-}

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_1udoq_gg_:after,.___SShadowHorizontal_1udoq_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_start_1udoq_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_1udoq_gg_._position_end_1udoq_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_1udoq_gg_:after,.___SShadowVertical_1udoq_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_start_1udoq_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_1udoq_gg_._position_end_1udoq_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__*/, "1udoq_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1udoq_gg_",
-  "_position_median": "_position_median_1udoq_gg_",
-  "_position_start": "_position_start_1udoq_gg_",
-  "_position_end": "_position_end_1udoq_gg_",
-  "__SShadowVertical": "___SShadowVertical_1udoq_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_alqnt_gg_:after,.___SShadowHorizontal_alqnt_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_start_alqnt_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_alqnt_gg_._position_end_alqnt_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_alqnt_gg_:after,.___SShadowVertical_alqnt_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_start_alqnt_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_alqnt_gg_._position_end_alqnt_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__*/, "alqnt_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_alqnt_gg_",
+  "_position_median": "_position_median_alqnt_gg_",
+  "_position_start": "_position_start_alqnt_gg_",
+  "_position_end": "_position_end_alqnt_gg_",
+  "__SShadowVertical": "___SShadowVertical_alqnt_gg_"
 });
 var _default = scrollStyles;
 exports["default"] = _default;

package/lib/es6/DropdownMenu.js CHANGED Viewed

@@ -27,21 +27,21 @@ import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { hasFocusableIn } from '@semcore/utils/lib/use/useFocusLock';
+import logger from '@semcore/utils/lib/logger';
 import scrollStyles from './styleScrollArea';
 /*__reshadow-styles__:"./style/dropdown-menu.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_hsuyi_gg_,.___SDropdownMenuList_hsuyi_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_hsuyi_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_hsuyi_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_hsuyi_gg_:focus{outline:0}.___SDropdownMenuItem_hsuyi_gg_.__selected_hsuyi_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_hsuyi_gg_.__selected_hsuyi_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_hsuyi_gg_.__highlighted_hsuyi_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_hsuyi_gg_.__disabled_hsuyi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_hsuyi_gg_._size_l_hsuyi_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_hsuyi_gg_._size_m_hsuyi_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_hsuyi_gg_.__notInteractive_hsuyi_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_.__notInteractive_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItem_hsuyi_gg_._variant_hint_hsuyi_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_._variant_hint_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItem_hsuyi_gg_._variant_title_hsuyi_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_hsuyi_gg_._variant_title_hsuyi_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_hsuyi_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_hsuyi_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_hsuyi_gg_:last-child{margin-right:0}.___SPopper_hsuyi_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "hsuyi_gg_") /*__reshadow_css_end__*/, {
-  "__SDropdownMenuList": "___SDropdownMenuList_hsuyi_gg_",
-  "__SDropdownMenuItem": "___SDropdownMenuItem_hsuyi_gg_",
-  "_highlighted": "__highlighted_hsuyi_gg_",
-  "_disabled": "__disabled_hsuyi_gg_",
-  "_size_l": "_size_l_hsuyi_gg_",
-  "_size_m": "_size_m_hsuyi_gg_",
-  "_selected": "__selected_hsuyi_gg_",
-  "_notInteractive": "__notInteractive_hsuyi_gg_",
-  "_variant_hint": "_variant_hint_hsuyi_gg_",
-  "_variant_title": "_variant_title_hsuyi_gg_",
-  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_hsuyi_gg_",
-  "__SPopper": "___SPopper_hsuyi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDropdownMenuItem_1y2v4_gg_,.___SDropdownMenuList_1y2v4_gg_{position:relative;color:var(--intergalactic-text-primary, #191b23)}.___SDropdownMenuList_1y2v4_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_1y2v4_gg_{display:flex;align-items:center;-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;cursor:pointer;width:100%;text-align:left;line-height:normal}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-hover, #f4f5f9)}}.___SDropdownMenuItem_1y2v4_gg_:focus{outline:0}.___SDropdownMenuItem_1y2v4_gg_.__selected_1y2v4_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_1y2v4_gg_.__selected_1y2v4_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SDropdownMenuItem_1y2v4_gg_.__highlighted_1y2v4_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5)) inset}.___SDropdownMenuItem_1y2v4_gg_.__disabled_1y2v4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SDropdownMenuItem_1y2v4_gg_._size_l_1y2v4_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_1y2v4_gg_._size_m_1y2v4_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_1y2v4_gg_.__notInteractive_1y2v4_gg_{cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_.__notInteractive_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItem_1y2v4_gg_._variant_hint_1y2v4_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_._variant_hint_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItem_1y2v4_gg_._variant_title_1y2v4_gg_{font-weight:var(--intergalactic-bold, 700);cursor:default}@media (hover:hover){.___SDropdownMenuItem_1y2v4_gg_._variant_title_1y2v4_gg_:hover{background:0 0}}.___SDropdownMenuItemAddon_1y2v4_gg_{display:inline-flex;margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDropdownMenuItemAddon_1y2v4_gg_:first-child{margin-left:0}.___SDropdownMenuItemAddon_1y2v4_gg_:last-child{margin-right:0}" /*__inner_css_end__*/, "1y2v4_gg_") /*__reshadow_css_end__*/, {
+  "__SDropdownMenuList": "___SDropdownMenuList_1y2v4_gg_",
+  "__SDropdownMenuItem": "___SDropdownMenuItem_1y2v4_gg_",
+  "_highlighted": "__highlighted_1y2v4_gg_",
+  "_disabled": "__disabled_1y2v4_gg_",
+  "_size_l": "_size_l_1y2v4_gg_",
+  "_size_m": "_size_m_1y2v4_gg_",
+  "_selected": "__selected_1y2v4_gg_",
+  "_notInteractive": "__notInteractive_1y2v4_gg_",
+  "_variant_hint": "_variant_hint_1y2v4_gg_",
+  "_variant_title": "_variant_title_1y2v4_gg_",
+  "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1y2v4_gg_"
 });
 var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
 var INTERACTION_TAGS = ['INPUT', 'TEXTAREA', 'BUTTON'];
@@ -64,12 +64,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
         var amount = e.shiftKey ? 5 : 1;
         var targetTagName = e.target.tagName;
         if (e.key === ' ' && INTERACTION_TAGS.includes(targetTagName)) return;
-        if (e.key === 'Enter' && (targetTagName === 'TEXTAREA' || targetTagName === 'BUTTON')) return;
-        var _this$asProps = _this.asProps,
-          visible = _this$asProps.visible,
-          interaction = _this$asProps.interaction;
+        if (e.key === 'Enter') {
+          if (targetTagName === 'TEXTAREA') return;
+          if (place === 'popper' && (targetTagName === 'BUTTON' || targetTagName === 'A')) return;
+        }
+        var visible = _this.asProps.visible;
         var element = _this.popperRef.current;
-        if (place === 'popper' && interaction !== 'focus' && visible && e.key === 'Tab' && hasFocusableIn(element)) {
+        if (place === 'popper' && visible && e.key === 'Tab' && hasFocusableIn(element)) {
           _this.handlers.highlightedIndex(null);
           return;
         }
@@ -81,13 +82,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
           case 'ArrowDown':
             {
               isVisible && _this.moveHighlightedIndex(amount, e);
-              targetTagName === 'BUTTON' && element.focus();
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
               break;
             }
           case 'ArrowUp':
             {
               isVisible && _this.moveHighlightedIndex(-amount, e);
-              targetTagName === 'BUTTON' && element.focus();
+              (targetTagName === 'BUTTON' || targetTagName === 'A') && element.focus();
               break;
             }
           case ' ':
@@ -128,13 +129,13 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTriggerProps",
     value: function getTriggerProps() {
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        uid = _this$asProps2.uid,
-        disablePortal = _this$asProps2.disablePortal,
-        visible = _this$asProps2.visible,
-        getI18nText = _this$asProps2.getI18nText,
-        highlightedIndex = _this$asProps2.highlightedIndex;
+      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;
       return {
         size: size,
         id: "igc-".concat(uid, "-trigger"),
@@ -148,9 +149,9 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getListProps",
     value: function getListProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        uid = _this$asProps3.uid;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        uid = _this$asProps2.uid;
       return {
         size: size,
         uid: uid,
@@ -160,26 +161,30 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this$asProps4 = this.asProps,
-        uid = _this$asProps4.uid,
-        disablePortal = _this$asProps4.disablePortal,
-        ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
+      var _this$asProps3 = this.asProps,
+        uid = _this$asProps3.uid,
+        disablePortal = _this$asProps3.disablePortal,
+        ignorePortalsStacking = _this$asProps3.ignorePortalsStacking,
+        interaction = _this$asProps3.interaction,
+        highlightedIndex = _this$asProps3.highlightedIndex;
       return {
         ref: this.popperRef,
         tabIndex: 0,
         onKeyDown: this.bindHandlerKeyDown('popper'),
         id: "igc-".concat(uid, "-popper"),
         disablePortal: disablePortal,
-        ignorePortalsStacking: ignorePortalsStacking
+        ignorePortalsStacking: ignorePortalsStacking,
+        focusMaster: interaction === 'click',
+        hideFocus: highlightedIndex !== null
       };
     }
   }, {
     key: "getItemProps",
     value: function getItemProps(props, index) {
-      var _this$asProps5 = this.asProps,
-        size = _this$asProps5.size,
-        highlightedIndex = _this$asProps5.highlightedIndex,
-        uid = _this$asProps5.uid;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        highlightedIndex = _this$asProps4.highlightedIndex,
+        uid = _this$asProps4.uid;
       var highlighted = index === highlightedIndex;
       var extraProps = {};
       this.itemProps[index] = props;
@@ -249,8 +254,12 @@ var DropdownMenuRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps;
-      var Children = this.asProps.Children;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        interaction = _this$asProps5.interaction,
+        dataUiName = _this$asProps5['data-ui-name'];
       var props = {};
+      logger.warn(interaction !== 'click' && interaction !== 'focus', "You shouldn't use prop `interaction` except with `click` or `focus` value.", dataUiName || DropdownMenuRoot.displayName);
       this.itemProps = [];
       return /*#__PURE__*/React.createElement(Dropdown, _assignProps(_objectSpread({}, props), _ref), /*#__PURE__*/React.createElement(Children, null));
     }
@@ -265,7 +274,8 @@ _defineProperty(DropdownMenuRoot, "defaultProps", {
   defaultVisible: false,
   defaultHighlightedIndex: null,
   i18n: localizedMessages,
-  locale: 'en'
+  locale: 'en',
+  interaction: 'click'
 });
 function List(props) {
   var _ref2 = arguments[0],

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

@@ -104,9 +104,3 @@ SDropdownMenuItemAddon {
     margin-right: 0;
   }
 }
-SPopper {
-  &:focus {
-    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-  }
-}

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_1udoq_gg_:after,.___SShadowHorizontal_1udoq_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_start_1udoq_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_1udoq_gg_._position_end_1udoq_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_1udoq_gg_:after,.___SShadowVertical_1udoq_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_median_1udoq_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_1udoq_gg_._position_start_1udoq_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_1udoq_gg_._position_end_1udoq_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__*/, "1udoq_gg_") /*__reshadow_css_end__*/, {
-  "__SShadowHorizontal": "___SShadowHorizontal_1udoq_gg_",
-  "_position_median": "_position_median_1udoq_gg_",
-  "_position_start": "_position_start_1udoq_gg_",
-  "_position_end": "_position_end_1udoq_gg_",
-  "__SShadowVertical": "___SShadowVertical_1udoq_gg_"
+var scrollStyles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_alqnt_gg_:after,.___SShadowHorizontal_alqnt_gg_:before{width:16px;height:100%;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowHorizontal_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_start_alqnt_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_alqnt_gg_._position_end_alqnt_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_alqnt_gg_:after,.___SShadowVertical_alqnt_gg_:before{width:100%;height:16px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SShadowVertical_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_median_alqnt_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_alqnt_gg_._position_start_alqnt_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_alqnt_gg_._position_end_alqnt_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__*/, "alqnt_gg_") /*__reshadow_css_end__*/, {
+  "__SShadowHorizontal": "___SShadowHorizontal_alqnt_gg_",
+  "_position_median": "_position_median_alqnt_gg_",
+  "_position_start": "_position_start_alqnt_gg_",
+  "_position_end": "_position_end_alqnt_gg_",
+  "__SShadowVertical": "___SShadowVertical_alqnt_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": "4.14.0",
+  "version": "4.15.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,14 +9,14 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/dropdown": "4.12.0",
-    "@semcore/flex-box": "5.12.0",
-    "@semcore/scroll-area": "5.14.0",
-    "@semcore/utils": "4.14.0",
+    "@semcore/dropdown": "4.13.0",
+    "@semcore/flex-box": "5.13.0",
+    "@semcore/scroll-area": "5.15.0",
+    "@semcore/utils": "4.15.0",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.11.0",
+    "@semcore/core": "^2.12.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -31,7 +31,7 @@
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/button": "5.13.0-prerelease.2"
+    "@semcore/button": "5.14.0-prerelease.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js"