@semcore/select 4.46.1 → 4.47.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.47.0] - 2024-09-24
+
+### Changed
+
+- `aria-haspopup` set to `dialog` if select has some additional buttons in popover.
+- Refactored to `AbstractDropdown` and `Dropdown.Item`.
+
 ## [4.46.1] - 2024-09-27
 
 ### Changed

package/lib/cjs/InputSearch.js

@@ -19,16 +19,17 @@ var _react = _interopRequireDefault(require("react"));
 var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
 var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
 var _input = _interopRequireDefault(require("@semcore/input"));
+var _button = require("@semcore/button");
 var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1qgf4_gg_._size_m_1qgf4_gg_{height:32px}.___SSearchClear_1qgf4_gg_.__hide_1qgf4_gg_{visibility:hidden}.___SOutline_1qgf4_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1qgf4_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_1qgf4_gg_",
-  "_size_m": "_size_m_1qgf4_gg_",
-  "__SSearchClear": "___SSearchClear_1qgf4_gg_",
-  "_hide": "__hide_1qgf4_gg_",
-  "__SOutline": "___SOutline_1qgf4_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1jwu3_gg_._size_m_1jwu3_gg_{height:32px}.___SSearchClear_1jwu3_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1jwu3_gg_.__hide_1jwu3_gg_{visibility:hidden}.___SOutline_1jwu3_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1jwu3_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1jwu3_gg_",
+  "_size_m": "_size_m_1jwu3_gg_",
+  "__SSearchClear": "___SSearchClear_1jwu3_gg_",
+  "_hide": "__hide_1jwu3_gg_",
+  "__SOutline": "___SOutline_1jwu3_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);
@@ -78,12 +79,10 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
         value = _this$asProps.value,
         getI18nText = _this$asProps.getI18nText;
       return {
-        role: 'button',
         ref: this.closeIconRef,
         /* hide through css because the width of the input changes */
         hide: !value,
         'aria-hidden': !value,
-        interactive: true,
         'aria-label': getI18nText('clearSearch'),
         onClick: this.handleClear
       };
@@ -134,12 +133,12 @@ var SearchValue = function SearchValue(props) {
 var SearchClear = function SearchClear(props) {
   var _ref4 = arguments[0],
     _ref8;
-  var SSearchClear = _input["default"].Addon;
-  var styles = props.styles,
-    Children = props.Children;
+  var SSearchClear = _button.ButtonLink;
+  var styles = props.styles;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchClear, _ref8.cn("SSearchClear", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": _m2["default"]
-  }, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
+    "addonLeft": _m2["default"],
+    "use": 'secondary'
+  }, _ref4))));
 };
 var InputSearch = (0, _core["default"])(InputSearchRoot, {
   SearchIcon: SearchIcon,

package/lib/cjs/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","asProps","onChange","autoFocus","ref","getClearProps","_this$asProps","getI18nText","role","hide","interactive","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    defaultValue: '',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  inputRef = React.createRef();\n  closeIconRef = React.createRef();\n\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n    setTimeout(() => {\n      if (\n        document.activeElement === document.body ||\n        document.activeElement === this.closeIconRef.current\n      ) {\n        this.inputRef.current?.focus();\n      }\n    }, 0);\n  };\n\n  getValueProps() {\n    const { value } = this.asProps;\n    return {\n      value,\n      onChange: this.handlers.value,\n      autoFocus: true,\n      ref: this.inputRef,\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      role: 'button',\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\n      interactive: true,\n      'aria-label': getI18nText('clearSearch'),\n      onClick: this.handleClear,\n    };\n  }\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const { size, styles, children: hasChildren, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <InputSearch.SearchIcon />\n            <Value render={InputSearch.Value} />\n            <InputSearch.Clear />\n          </>\n        )}\n      </SInputSearch>,\n    );\n  }\n}\n\nconst SearchIcon = (props) => {\n  const SSearchIcon = Root;\n  const { styles } = props;\n  return sstyled(styles)(\n    <SSearchIcon render={Input.Addon}>\n      <SearchM />\n    </SSearchIcon>,\n  );\n};\nconst SearchValue = (props) => {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n  const SSearchClear = Root;\n  const { styles, Children } = props;\n  return sstyled(styles)(\n    <SSearchClear render={Input.Addon} tag={CloseM}>\n      <Children />\n    </SSearchClear>,\n  );\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n  SearchIcon: SearchIcon,\n  Value: SearchValue,\n  Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
+{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","asProps","onChange","autoFocus","ref","getClearProps","_this$asProps","getI18nText","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    defaultValue: '',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  inputRef = React.createRef();\n  closeIconRef = React.createRef();\n\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n    setTimeout(() => {\n      if (\n        document.activeElement === document.body ||\n        document.activeElement === this.closeIconRef.current\n      ) {\n        this.inputRef.current?.focus();\n      }\n    }, 0);\n  };\n\n  getValueProps() {\n    const { value } = this.asProps;\n    return {\n      value,\n      onChange: this.handlers.value,\n      autoFocus: true,\n      ref: this.inputRef,\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\n      'aria-label': getI18nText('clearSearch'),\n      onClick: this.handleClear,\n    };\n  }\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const { size, styles, children: hasChildren, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <InputSearch.SearchIcon />\n            <Value render={InputSearch.Value} />\n            <InputSearch.Clear />\n          </>\n        )}\n      </SInputSearch>,\n    );\n  }\n}\n\nconst SearchIcon = (props) => {\n  const SSearchIcon = Root;\n  const { styles } = props;\n  return sstyled(styles)(\n    <SSearchIcon render={Input.Addon}>\n      <SearchM />\n    </SSearchIcon>,\n  );\n};\nconst SearchValue = (props) => {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n  const SSearchClear = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n  SearchIcon: SearchIcon,\n  Value: SearchValue,\n  Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,EAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,GAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,4BAAA,GAAAT,OAAA;AAAmF;AAAA,IAAAU,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI7EC,eAAe,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,eAAA;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,4BAURa,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gCACba,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,kBAUlB,UAACe,CAAC,EAAK;MACnBf,KAAA,CAAKgB,QAAQ,CAACC,KAAK,CAAC,EAAE,EAAEF,CAAC,CAAC;MAC1BG,UAAU,CAAC,YAAM;QACf,IACEC,QAAQ,CAACC,aAAa,KAAKD,QAAQ,CAACE,IAAI,IACxCF,QAAQ,CAACC,aAAa,KAAKpB,KAAA,CAAKsB,YAAY,CAACC,OAAO,EACpD;UAAA,IAAAC,qBAAA;UACA,CAAAA,qBAAA,GAAAxB,KAAA,CAAKyB,QAAQ,CAACF,OAAO,cAAAC,qBAAA,uBAArBA,qBAAA,CAAuBE,KAAK,EAAE;QAChC;MACF,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAAA,OAAA1B,KAAA;EAAA;EAAA,IAAA2B,aAAA,aAAAhC,eAAA;IAAAiC,GAAA;IAAAX,KAAA,EAhBD,SAAAY,kBAAA,EAAoB;MAClB,OAAO;QACLZ,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAW,GAAA;IAAAX,KAAA,EAcD,SAAAa,cAAA,EAAgB;MACd,IAAQb,KAAK,GAAK,IAAI,CAACc,OAAO,CAAtBd,KAAK;MACb,OAAO;QACLA,KAAK,EAALA,KAAK;QACLe,QAAQ,EAAE,IAAI,CAAChB,QAAQ,CAACC,KAAK;QAC7BgB,SAAS,EAAE,IAAI;QACfC,GAAG,EAAE,IAAI,CAACT;MACZ,CAAC;IACH;EAAC;IAAAG,GAAA;IAAAX,KAAA,EACD,SAAAkB,cAAA,EAAgB;MACd,IAAAC,aAAA,GAA+B,IAAI,CAACL,OAAO;QAAnCd,KAAK,GAAAmB,aAAA,CAALnB,KAAK;QAAEoB,WAAW,GAAAD,aAAA,CAAXC,WAAW;MAC1B,OAAO;QACLH,GAAG,EAAE,IAAI,CAACZ,YAAY;QACtB;QACAgB,IAAI,EAAE,CAACrB,KAAK;QACZ,aAAa,EAAE,CAACA,KAAK;QACrB,YAAY,EAAEoB,WAAW,CAAC,aAAa,CAAC;QACxCE,OAAO,EAAE,IAAI,CAACC;MAChB,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAAX,KAAA,EAED,SAAAwB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,KAAK,GAWYC,WAAW,CAACD,KAAK;MAVxC,IAAME,YAAY,GAAGC,iBAAK;MAC1B,IAAAC,cAAA,GAA0D,IAAI,CAACjB,OAAO;QAA9DkB,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAYC,WAAW,GAAAH,cAAA,CAArBI,QAAQ;QAAeC,QAAQ,GAAAL,cAAA,CAARK,QAAQ;MAErD,OAAAV,KAAA,GAAO,IAAAlD,aAAO,EAACyD,MAAM,CAAC,eACpBpE,MAAA,YAAAwE,aAAA,CAACR,YAAY,EAAAH,KAAA,CAAAY,EAAA;QAAA,QAAON,IAAI,IAAI,IAAI,CAACO,OAAO,CAACP,IAAI,IAAI,GAAG;QAAA,UAAUC;MAAM,IACjEC,WAAW,gBACVrE,MAAA,YAAAwE,aAAA,CAACD,QAAQ,EAAAV,KAAA,CAAAY,EAAA,iBAAG,gBAEZzE,MAAA,YAAAwE,aAAA,CAAAxE,MAAA,YAAA2E,QAAA,qBACE3E,MAAA,YAAAwE,aAAA,CAACT,WAAW,CAACa,UAAU,OAAG,eAC1B5E,MAAA,YAAAwE,aAAA,CAACV,KAAK,EAAAD,KAAA,CAAAY,EAAA,cAAAI,cAAA,qBAAAhF,KAAA,CAAAiF,WAAA,MAAAlB,IAAA,IAA8B,eACpC5D,MAAA,YAAAwE,aAAA,CAACT,WAAW,CAACgB,KAAK,OAAG,CAExB,CACY;IAEnB;EAAC;EAAA,OAAAlE,eAAA;AAAA,EAxE2BmE,eAAS;AAAA,IAAAnD,gBAAA,aAAjChB,eAAe,iBACE,aAAa;AAAA,IAAAgB,gBAAA,aAD9BhB,eAAe,WAGJJ,KAAK;AAAA,IAAAoB,gBAAA,aAHhBhB,eAAe,aAIF,CAAC,IAAAoE,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAArD,gBAAA,aAJ7ChB,eAAe,kBAKG;EACpBsE,YAAY,EAAE,EAAE;EAChBC,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AAAA,IAAAxD,gBAAA,aATGhB,eAAe,iBAaEyE,sBAAa;AA8DpC,IAAMV,UAAU,GAAG,SAAbA,UAAUA,CAAIW,KAAK,EAAK;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,WAAW,GAGM1B,iBAAK,CAAC2B,KAAK;EAFlC,IAAQxB,MAAM,GAAKmB,KAAK,CAAhBnB,MAAM;EACd,OAAAsB,KAAA,GAAO,IAAA/E,aAAO,EAACyD,MAAM,CAAC,eACpBpE,MAAA,YAAAwE,aAAA,CAACmB,WAAW,EAAAD,KAAA,CAAAjB,EAAA,oBAAAI,cAAA,qBAAAhF,KAAA,CAAAiF,WAAA,MAAAU,KAAA,kBACVxF,MAAA,YAAAwE,aAAA,CAACtE,EAAA,WAAO,EAAAwF,KAAA,CAAAjB,EAAA,gBAAG,CACC;AAElB,CAAC;AACD,IAAMoB,WAAW,GAAG,SAAdA,WAAWA,CAAIN,KAAK,EAAK;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC7B,IAAMC,YAAY,GAE2B/B,iBAAK,CAACH,KAAK;EADxD,IAAQM,MAAM,GAAKmB,KAAK,CAAhBnB,MAAM;EACd,OAAA2B,KAAA,GAAO,IAAApF,aAAO,EAACyD,MAAM,CAAC,eAACpE,MAAA,YAAAwE,aAAA,CAACwB,YAAY,EAAAD,KAAA,CAAAtB,EAAA,qBAAAI,cAAA,qBAAAhF,KAAA,CAAAiF,WAAA,MAAAgB,KAAA,IAAwB;AAC9D,CAAC;AACD,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIV,KAAK,EAAK;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC7B,IAAMC,YAAY,GAE2BC,kBAAU;EADvD,IAAQjC,MAAM,GAAKmB,KAAK,CAAhBnB,MAAM;EACd,OAAA+B,KAAA,GAAO,IAAAxF,aAAO,EAACyD,MAAM,CAAC,eAACpE,MAAA,YAAAwE,aAAA,CAAC4B,YAAY,EAAAD,KAAA,CAAA1B,EAAA,qBAAAI,cAAA,qBAAAhF,KAAA,CAAAiF,WAAA;IAAA,aAAgCwB,cAAM;IAAA,OAAO;EAAW,GAAAJ,KAAA,IAAI;AAClG,CAAC;AAED,IAAMnC,WAAW,GAAG,IAAAwC,gBAAe,EAAC1F,eAAe,EAAE;EACnD+D,UAAU,EAAEA,UAAU;EACtBd,KAAK,EAAE+B,WAAW;EAClBd,KAAK,EAAEkB;AACT,CAAC,CAAC;AAAC,IAAAO,QAAA,GAEYzC,WAAW;AAAA0C,OAAA,cAAAD,QAAA"}

package/lib/cjs/Select.js

@@ -13,6 +13,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -20,30 +22,30 @@ var _index = require("@semcore/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _dropdownMenu = require("@semcore/dropdown-menu");
+var _dropdownMenu = _interopRequireDefault(require("@semcore/dropdown-menu"));
+var _dropdown = _interopRequireWildcard(require("@semcore/dropdown"));
 var _baseTrigger = require("@semcore/base-trigger");
 var _divider = _interopRequireDefault(require("@semcore/divider"));
-var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
+var _findComponent = _interopRequireWildcard(require("@semcore/utils/lib/findComponent"));
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 var _InputSearch = _interopRequireDefault(require("./InputSearch"));
 var _flexBox = require("@semcore/flex-box");
 var _context = require("./context");
-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 _popper = require("@semcore/popper");
+var _assignProps6 = require("@semcore/utils/lib/assignProps");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_lr4th_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_lr4th_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_lr4th_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_lr4th_gg_.__selected_lr4th_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_lr4th_gg_._size_l_lr4th_gg_{width:20px;height:20px}.___SOptionCheckbox_lr4th_gg_._size_l_lr4th_gg_.__selected_lr4th_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_lr4th_gg_.__indeterminate_lr4th_gg_:before,.___SOptionCheckbox_lr4th_gg_.__selected_lr4th_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_lr4th_gg_.__theme_lr4th_gg_:before{border-color:var(--theme_lr4th)}.___SOptionCheckbox_lr4th_gg_.__theme_lr4th_gg_.__indeterminate_lr4th_gg_:before,.___SOptionCheckbox_lr4th_gg_.__theme_lr4th_gg_.__selected_lr4th_gg_:before{background-color:var(--theme_lr4th);border-color:var(--theme_lr4th)}.___SOptionCheckbox_lr4th_gg_.__selected_lr4th_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_lr4th_gg_.__selected_lr4th_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_lr4th_gg_.__indeterminate_lr4th_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_lr4th_gg_.__indeterminate_lr4th_gg_._size_l_lr4th_gg_:after{width:12px;height:2px}.___SOptionCheckbox_lr4th_gg_.__indeterminate_lr4th_gg_._size_m_lr4th_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "lr4th_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_lr4th_gg_",
-  "_selected": "__selected_lr4th_gg_",
-  "_size_l": "_size_l_lr4th_gg_",
-  "_indeterminate": "__indeterminate_lr4th_gg_",
-  "_theme": "__theme_lr4th_gg_",
-  "--theme": "--theme_lr4th",
-  "_size_m": "_size_m_lr4th_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_jpeh3_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_jpeh3_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_jpeh3_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_jpeh3_gg_.__selected_jpeh3_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_jpeh3_gg_._size_l_jpeh3_gg_{width:20px;height:20px}.___SOptionCheckbox_jpeh3_gg_._size_l_jpeh3_gg_.__selected_jpeh3_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_jpeh3_gg_.__indeterminate_jpeh3_gg_:before,.___SOptionCheckbox_jpeh3_gg_.__selected_jpeh3_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_jpeh3_gg_.__theme_jpeh3_gg_:before{border-color:var(--theme_jpeh3)}.___SOptionCheckbox_jpeh3_gg_.__theme_jpeh3_gg_.__indeterminate_jpeh3_gg_:before,.___SOptionCheckbox_jpeh3_gg_.__theme_jpeh3_gg_.__selected_jpeh3_gg_:before{background-color:var(--theme_jpeh3);border-color:var(--theme_jpeh3)}.___SOptionCheckbox_jpeh3_gg_.__selected_jpeh3_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_jpeh3_gg_.__selected_jpeh3_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_jpeh3_gg_.__indeterminate_jpeh3_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_jpeh3_gg_.__indeterminate_jpeh3_gg_._size_l_jpeh3_gg_:after{width:12px;height:2px}.___SOptionCheckbox_jpeh3_gg_.__indeterminate_jpeh3_gg_._size_m_jpeh3_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "jpeh3_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_jpeh3_gg_",
+  "_selected": "__selected_jpeh3_gg_",
+  "_size_l": "_size_l_jpeh3_gg_",
+  "_indeterminate": "__indeterminate_jpeh3_gg_",
+  "_theme": "__theme_jpeh3_gg_",
+  "--theme": "--theme_jpeh3",
+  "_size_m": "_size_m_jpeh3_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -54,16 +56,8 @@ function isEmptyValue(value) {
 function getEmptyValue(multiselect) {
   return multiselect ? [] : null;
 }
-var scrollToNode = function scrollToNode(node) {
-  if (!node) return;
-  if (!node.scrollIntoView) return;
-  node.scrollIntoView({
-    block: 'nearest',
-    inline: 'nearest'
-  });
-};
-var RootSelect = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(RootSelect, _Component);
+var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
+  (0, _inherits2["default"])(RootSelect, _AbstractDropdown);
   var _super = (0, _createSuper2["default"])(RootSelect);
   function RootSelect() {
     var _this;
@@ -72,30 +66,13 @@ var RootSelect = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "firstSelectedOptionRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isScrolledToFirstOption", false);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lastHandleOptionNodeCall", -1);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOptionNode", function (node) {
-      if (!_this.asProps.scrollToSelected) return;
-      if (Date.now() - _this.lastHandleOptionNodeCall < 30) return;
-      _this.lastHandleOptionNodeCall = Date.now();
-      setTimeout(function () {
-        // in most cases 10ms timeout works perfectly and scrolls before user can see it
-        if (_this.asProps.visible) scrollToNode(node);
-      }, 10);
-      setTimeout(function () {
-        // in rare cases 10ms timeout it not enough so 30ms timeout saves the day
-        if (_this.asProps.visible) scrollToNode(node);
-      }, 30);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerOptionClick", function (optionValue) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "role", 'listbox');
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerOptionClick", function (optionValue, index) {
       return function (e) {
         var newValue = optionValue;
         var _this$asProps = _this.asProps,
           value = _this$asProps.value,
-          multiselect = _this$asProps.multiselect,
-          interaction = _this$asProps.interaction;
+          multiselect = _this$asProps.multiselect;
         if (Array.isArray(value)) {
           if (value.includes(optionValue)) {
             newValue = value.filter(function (v) {
@@ -108,6 +85,7 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         _this.handlers.value(newValue, e);
         if (!multiselect) {
           _this.handlers.visible(false);
+          e.preventDefault();
         }
       };
     });
@@ -120,18 +98,47 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(RootSelect, [{
+    key: "itemRef",
+    value: function itemRef(props, index, node) {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "itemRef", this).call(this, props, index, node);
+      var highlightedIndex = this.asProps.highlightedIndex;
+      var isHighlighted = index === highlightedIndex;
+      if (isHighlighted) {
+        this.scrollToNode(node);
+      }
+    }
+  }, {
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
-      return {
-        visible: null,
+      var _this2 = this;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "uncontrolledProps", this).call(this)), {}, {
+        visible: [null, function (visible) {
+          if (visible === true) {
+            setTimeout(function () {
+              var _this2$menuRef$curren, _this2$menuRef$curren2;
+              var options = (_this2$menuRef$curren = _this2.menuRef.current) === null || _this2$menuRef$curren === void 0 ? void 0 : _this2$menuRef$curren.querySelectorAll('[role="option"]');
+              var selected = (_this2$menuRef$curren2 = _this2.menuRef.current) === null || _this2$menuRef$curren2 === void 0 ? void 0 : _this2$menuRef$curren2.querySelector('[aria-selected="true"]');
+              if (selected && options) {
+                _this2.scrollToNode(selected);
+                for (var i = 0; i < options.length; i++) {
+                  if (options[i] === selected) {
+                    _this2.handlers.highlightedIndex(i);
+                    break;
+                  }
+                }
+              }
+              // for some reason, Google Chrome optimizes this timeout with 0 value with previous render (when we set aria-selected)
+              // and that's why its skip scrollToNodes. We selected the appropriate timeout manually.
+            }, 30);
+          }
+        }],
         value: null
-      };
+      });
     }
   }, {
     key: "getTriggerProps",
     value: function getTriggerProps() {
       var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
         disabled = _this$asProps2.disabled,
         visible = _this$asProps2.visible,
         state = _this$asProps2.state,
@@ -141,18 +148,20 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         forwardRef = _this$asProps2.forwardRef,
         name = _this$asProps2.name,
         multiselect = _this$asProps2.multiselect,
+        getI18nText = _this$asProps2.getI18nText,
+        highlightedIndex = _this$asProps2.highlightedIndex,
         uid = _this$asProps2.uid,
-        disablePortal = _this$asProps2.disablePortal,
-        getI18nText = _this$asProps2.getI18nText;
-      return {
-        id: "igc-".concat(uid, "-trigger"),
-        'aria-controls': visible ? "igc-".concat(uid, "-list") : undefined,
-        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
-        'aria-haspopup': 'listbox',
-        'aria-expanded': visible ? 'true' : 'false',
+        Children = _this$asProps2.Children,
+        hasChildren = _this$asProps2.children;
+      var isMenu = (0, _findComponent.isAdvanceMode)(Children, [Select.Menu.displayName], true) || !hasChildren;
+      var ariaControls = isMenu ? "igc-".concat(uid, "-list") : "igc-".concat(uid, "-popper");
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "getTriggerProps", this).call(this)), {}, {
+        onKeyDown: (0, _assignProps6.callAllEventHandlers)(this.handlePreventCommonKeyDown.bind(this), this.handleOpenKeyDown.bind(this), this.handleArrowKeyDown.bind(this)),
+        'aria-controls': visible ? ariaControls : undefined,
+        'aria-haspopup': isMenu ? 'listbox' : 'dialog',
         'aria-disabled': disabled ? 'true' : 'false',
+        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
         empty: isEmptyValue(value),
-        size: size,
         value: value,
         name: name,
         $hiddenRef: forwardRef,
@@ -163,60 +172,56 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         active: visible,
         onClear: this.handlerClear,
         children: this.renderChildrenTrigger(value, options),
-        getI18nText: getI18nText,
-        ref: this.triggerRef
-      };
+        getI18nText: getI18nText
+      });
     }
   }, {
     key: "getListProps",
     value: function getListProps() {
-      var _this$asProps3 = this.asProps,
-        multiselect = _this$asProps3.multiselect,
-        uid = _this$asProps3.uid;
-      return {
-        'aria-multiselectable': multiselect ? 'true' : undefined,
-        id: "igc-".concat(uid, "-list"),
-        role: 'listbox',
-        'aria-label': 'List of options'
-      };
+      var multiselect = this.asProps.multiselect;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "getListProps", this).call(this)), {}, {
+        'aria-multiselectable': multiselect ? 'true' : undefined
+      });
     }
   }, {
-    key: "getMenuProps",
-    value: function getMenuProps() {
-      var _this$asProps4 = this.asProps,
-        uid = _this$asProps4.uid,
-        getI18nText = _this$asProps4.getI18nText,
-        multiselect = _this$asProps4.multiselect;
-      return {
-        'aria-multiselectable': multiselect ? 'true' : undefined,
-        id: "igc-".concat(uid, "-list"),
-        role: 'listbox',
-        'aria-label': getI18nText('optionsList')
-      };
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "getPopperProps", this).call(this)), {}, {
+        onKeyDown: (0, _assignProps6.callAllEventHandlers)(this.handlePreventCommonKeyDown.bind(this), this.handlePreventPopperKeyDown.bind(this), this.handleArrowKeyDown.bind(this))
+      });
     }
   }, {
     key: "getOptionProps",
-    value: function getOptionProps(props) {
-      var value = this.asProps.value;
-      var selected = isSelectedOption(value, props.value);
-      var other = {};
-      if (selected) {
-        other.ref = this.handleOptionNode;
-      }
-      return (0, _objectSpread2["default"])({
+    value: function getOptionProps(props, index) {
+      var _props$selected,
+        _this3 = this;
+      var _this$asProps3 = this.asProps,
+        value = _this$asProps3.value,
+        highlightedIndex = _this$asProps3.highlightedIndex,
+        focusSourceRef = _this$asProps3.focusSourceRef,
+        _this$asProps3$size = _this$asProps3.size,
+        size = _this$asProps3$size === void 0 ? 'm' : _this$asProps3$size;
+      var highlighted = index === highlightedIndex && focusSourceRef.current === 'keyboard';
+      var selected = (_props$selected = props.selected) !== null && _props$selected !== void 0 ? _props$selected : isSelectedOption(value, props.value);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "getItemProps", this).call(this, props, index)), {}, {
+        highlighted: highlighted,
         selected: selected,
         'aria-selected': selected ? 'true' : 'false',
         'aria-disabled': props.disabled ? 'true' : 'false',
         role: 'option',
-        onClick: this.bindHandlerOptionClick(props.value)
-      }, other);
+        onClick: this.bindHandlerOptionClick(props.value, index),
+        ref: function ref(node) {
+          return _this3.itemRef(props, index, node);
+        },
+        size: size
+      });
     }
   }, {
     key: "getOptionCheckboxProps",
     value: function getOptionCheckboxProps() {
-      var _this$asProps5 = this.asProps,
-        size = _this$asProps5.size,
-        resolveColor = _this$asProps5.resolveColor;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        resolveColor = _this$asProps4.resolveColor;
       return {
         size: size,
         resolveColor: resolveColor
@@ -230,6 +235,17 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         'aria-disabled': 'true'
       };
     }
+  }, {
+    key: "handleOpenKeyDown",
+    value: function handleOpenKeyDown(e) {
+      (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "handleOpenKeyDown", this).call(this, e);
+      if (this.asProps.visible !== true && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key)) {
+        var hasInputSearch = (0, _findComponent.isAdvanceMode)(this.asProps.Children, [Select.InputSearch.displayName], true);
+        var defaultIndex = hasInputSearch ? null : 0;
+        this.handlers.highlightedIndex(defaultIndex);
+        return false;
+      }
+    }
   }, {
     key: "renderChildrenTrigger",
     value: function renderChildrenTrigger(value, options) {
@@ -254,42 +270,51 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref2 = this.asProps;
-      var _this$asProps6 = this.asProps,
-        Children = _this$asProps6.Children,
-        options = _this$asProps6.options,
-        multiselect = _this$asProps6.multiselect,
-        value = _this$asProps6.value,
-        uid = _this$asProps6.uid,
-        forcedAdvancedMode = _this$asProps6.forcedAdvancedMode,
-        other = (0, _objectWithoutProperties2["default"])(_this$asProps6, _excluded);
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        options = _this$asProps5.options,
+        multiselect = _this$asProps5.multiselect,
+        value = _this$asProps5.value,
+        uid = _this$asProps5.uid,
+        forcedAdvancedMode = _this$asProps5.forcedAdvancedMode,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps5, _excluded);
       var advancedMode = forcedAdvancedMode || (0, _findComponent["default"])(Children, [Select.Trigger.displayName, Select.Popper.displayName]);
       _logger["default"].warn(options && advancedMode, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", other['data-ui-name'] || Select.displayName);
+      this.itemProps = [];
       if (options) {
         var _ref = this.asProps;
-        return /*#__PURE__*/_react["default"].createElement(_dropdownMenu.DropdownMenuOld, (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Select.Trigger, other), /*#__PURE__*/_react["default"].createElement(Select.Menu, null, options.map(function (option, index) {
+        return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Select.Trigger, other), /*#__PURE__*/_react["default"].createElement(Select.Menu, null, options.map(function (option, index) {
           return /*#__PURE__*/_react["default"].createElement(Select.Option, (0, _extends2["default"])({
             key: option.value,
             id: "igc-".concat(uid, "-option-").concat(index)
           }, option), multiselect && /*#__PURE__*/_react["default"].createElement(Select.Option.Checkbox, null), option.children);
         })));
       }
-      return /*#__PURE__*/_react["default"].createElement(_dropdownMenu.DropdownMenuOld, (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(Children, null));
+      return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(Children, null));
     }
   }]);
   return RootSelect;
-}(_core.Component);
+}(_dropdown.AbstractDropdown);
 (0, _defineProperty2["default"])(RootSelect, "displayName", 'Select');
 (0, _defineProperty2["default"])(RootSelect, "style", style);
-(0, _defineProperty2["default"])(RootSelect, "enhance", [(0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootSelect, "enhance", Object.values(_dropdown.enhance).concat([(0, _resolveColorEnhance["default"])()]));
 (0, _defineProperty2["default"])(RootSelect, "defaultProps", function (props) {
+  var _props$highlightedInd, _props$selectedIndex, _props$interaction, _props$timeout;
+  var hasInputSearch = props.children && (0, _findComponent.isAdvanceMode)(props.children, [Select.InputSearch.displayName], true);
+  var defaultIndex = hasInputSearch ? null : 0;
   return {
     placeholder: props.multiselect ? 'Select options' : 'Select option',
     size: 'm',
     defaultValue: getEmptyValue(props.multiselect),
     defaultVisible: false,
+    defaultHighlightedIndex: (_props$highlightedInd = props.highlightedIndex) !== null && _props$highlightedInd !== void 0 ? _props$highlightedInd : defaultIndex,
+    defaultSelectedIndex: (_props$selectedIndex = props.selectedIndex) !== null && _props$selectedIndex !== void 0 ? _props$selectedIndex : defaultIndex,
     scrollToSelected: true,
     i18n: _intergalacticDynamicLocales.localizedMessages,
-    locale: 'en'
+    locale: 'en',
+    interaction: (_props$interaction = props.interaction) !== null && _props$interaction !== void 0 ? _props$interaction : 'click',
+    inlineActions: false,
+    timeout: (_props$timeout = props.timeout) !== null && _props$timeout !== void 0 ? _props$timeout : 0
   };
 });
 function Trigger(_ref8) {
@@ -304,12 +329,13 @@ function Trigger(_ref8) {
     Tag = _ref8$tag === void 0 ? _baseTrigger.ButtonTrigger : _ref8$tag,
     getI18nText = _ref8.getI18nText;
   var hasInputTrigger = (0, _popper.isInputTriggerTag)(Tag);
-  var SSelectTrigger = _dropdownMenu.DropdownMenuOld.Trigger;
+  var SSelectTrigger = _dropdown["default"].Trigger;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSelectTrigger, _ref6.cn("SSelectTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": Tag,
     "placeholder": getI18nText('selectPlaceholder'),
+    "role": 'combobox',
     "aria-autocomplete": hasInputTrigger && 'list' || undefined
-  }, _ref3))), (0, _addonTextChildren["default"])(Children, Tag.Text || _baseTrigger.ButtonTrigger.Text, Tag.Addon || _baseTrigger.ButtonTrigger.Addon, true), name && /*#__PURE__*/_react["default"].createElement("input", _ref6.cn("input", {
+  }, _ref3))), (0, _addonTextChildren["default"])(Children, Tag.Text || _baseTrigger.ButtonTrigger.Text, Tag.Value || _baseTrigger.ButtonTrigger.Text, Tag.Addon || _baseTrigger.ButtonTrigger.Addon, true), name && /*#__PURE__*/_react["default"].createElement("input", _ref6.cn("input", {
     "type": 'hidden',
     "defaultValue": value,
     "name": name,
@@ -320,14 +346,14 @@ var optionPropsContext = /*#__PURE__*/_react["default"].createContext({});
 function Option(props) {
   var _ref4 = arguments[0],
     _ref7;
-  var SSelectOption = _dropdownMenu.DropdownMenuOld.Item;
+  var SSelectOption = _dropdown["default"].Item;
   var styles = props.styles,
     Children = props.Children;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSelectOption, _ref7.cn("SSelectOption", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": _flexBox.Flex
-  }, _ref4))), /*#__PURE__*/_react["default"].createElement(optionPropsContext.Provider, {
+  var hasCheckbox = (0, _findComponent.isAdvanceMode)(Children, [Select.Option.Checkbox.displayName]);
+  var hasContent = (0, _findComponent.isAdvanceMode)(Children, [Select.Option.Content.displayName]);
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSelectOption, _ref7.cn("SSelectOption", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))), /*#__PURE__*/_react["default"].createElement(optionPropsContext.Provider, {
     value: props
-  }, /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))));
+  }, hasCheckbox && !hasContent ? /*#__PURE__*/_react["default"].createElement(Select.Option.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))) : /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {}))));
 }
 function Checkbox(providedProps) {
   var optionProps = _react["default"].useContext(optionPropsContext);
@@ -371,26 +397,30 @@ var Select = (0, _core["default"])(RootSelect, {
     Addon: _baseTrigger.ButtonTrigger.Addon,
     Text: _baseTrigger.ButtonTrigger.Text
   }],
-  Popper: _dropdownMenu.DropdownMenuOld.Popper,
-  List: _dropdownMenu.DropdownMenuOld.List,
-  Menu: _dropdownMenu.DropdownMenuOld.Menu,
+  Popper: _dropdown["default"].Popper,
+  List: _dropdownMenu["default"].List,
+  Menu: _dropdownMenu["default"].Menu,
   Option: [Option, {
-    Addon: _dropdownMenu.DropdownMenuOld.Item.Addon,
+    Addon: _dropdownMenu["default"].Item.Addon,
+    Content: _dropdownMenu["default"].Item.Content,
+    Hint: _dropdownMenu["default"].Item.Hint,
     Checkbox: Checkbox
   }],
-  OptionTitle: _dropdownMenu.DropdownMenuOld.ItemTitle,
-  OptionHint: _dropdownMenu.DropdownMenuOld.ItemHint,
+  Group: _dropdown["default"].Group,
+  OptionTitle: _dropdownMenu["default"].ItemTitle,
+  OptionHint: _dropdownMenu["default"].ItemHint,
   Divider: _divider["default"],
   InputSearch: [InputSearchWrapper, _InputSearch["default"]._______childrenComponents],
   Input: [InputSearchWrapper, _InputSearch["default"]._______childrenComponents]
 }, {
-  parent: _dropdownMenu.DropdownMenuOld,
+  parent: _dropdownMenu["default"],
   context: _context.selectContext
 });
 var wrapSelect = function wrapSelect(wrapper) {
   return wrapper;
 };
 exports.wrapSelect = wrapSelect;
+Select.selectedIndexContext = _dropdown.selectedIndexContext;
 var _default = Select;
 exports["default"] = _default;
 //# sourceMappingURL=Select.js.map