@semcore/select 3.5.12 → 3.6.0

package/CHANGELOG.md

@@ -2,11 +2,17 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.5.12] - 2023-03-28
+## [3.6.0] - 2023-04-04
+
+### Added
+
+- Return focus to trigger when option is selected.
+
+## [3.5.13] - 2023-04-03
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/dropdown-menu` [3.6.24 ~> 3.6.25]).
+- Version patch update due to children dependencies update (`@semcore/checkbox` [6.4.9 ~> 6.4.10], `@semcore/dropdown-menu` [3.6.25 ~> 3.6.26]).
 
 ## [3.5.6] - 2023-03-23
 

package/lib/cjs/InputSearch.js

@@ -1,86 +1,53 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _m = _interopRequireDefault(require("@semcore/icon/Search/m"));
-
 var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
-
 var _input = _interopRequireDefault(require("@semcore/input"));
-
 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__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SInputSearch_8c7d8_gg_._size_m_8c7d8_gg_{height:32px}.___SClose_8c7d8_gg_.__hide_8c7d8_gg_{visibility:hidden}.___SOutline_8c7d8_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}"
-/*__inner_css_end__*/
-, "8c7d8_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SInputSearch": "___SInputSearch_8c7d8_gg_",
-  "_size_m": "_size_m_8c7d8_gg_",
-  "__SClose": "___SClose_8c7d8_gg_",
-  "_hide": "__hide_8c7d8_gg_",
-  "__SOutline": "___SOutline_8c7d8_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_ep7gm_gg_._size_m_ep7gm_gg_{height:32px}.___SClose_ep7gm_gg_.__hide_ep7gm_gg_{visibility:hidden}.___SOutline_ep7gm_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "ep7gm_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_ep7gm_gg_",
+  "_size_m": "_size_m_ep7gm_gg_",
+  "__SClose": "___SClose_ep7gm_gg_",
+  "_hide": "__hide_ep7gm_gg_",
+  "__SOutline": "___SOutline_ep7gm_gg_"
 });
 var MAP_SIZE_TO_ICON = {
   m: [_m["default"], _m2["default"]],
   l: [_m["default"], _m2["default"]]
 };
-
 var InputSearch = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearch, _Component);
-
   var _super = (0, _createSuper2["default"])(InputSearch);
-
   function InputSearch() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, InputSearch);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function (e) {
       _this.handlers.value('', e);
     });
     return _this;
   }
-
   (0, _createClass2["default"])(InputSearch, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -92,16 +59,15 @@ var InputSearch = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var Value = _input["default"].Value;
       var SInputSearch = _input["default"];
       var SClose = _input["default"].Addon;
       var _this$asProps = this.asProps,
-          size = _this$asProps.size,
-          value = _this$asProps.value,
-          styles = _this$asProps.styles,
-          getI18nText = _this$asProps.getI18nText;
+        size = _this$asProps.size,
+        value = _this$asProps.value,
+        styles = _this$asProps.styles,
+        getI18nText = _this$asProps.getI18nText;
       var finalSize = size || this.context.size;
       var hideClose = !value;
       var IconClose = MAP_SIZE_TO_ICON[finalSize][1];
@@ -123,7 +89,6 @@ var InputSearch = /*#__PURE__*/function (_Component) {
   }]);
   return InputSearch;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(InputSearch, "displayName", 'InputSearch');
 (0, _defineProperty2["default"])(InputSearch, "style", style);
 (0, _defineProperty2["default"])(InputSearch, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
@@ -133,8 +98,6 @@ var InputSearch = /*#__PURE__*/function (_Component) {
   locale: 'en'
 });
 (0, _defineProperty2["default"])(InputSearch, "contextType", _context.selectContext);
-
 var _default = (0, _core["default"])(InputSearch);
-
 exports["default"] = _default;
 //# sourceMappingURL=InputSearch.js.map

package/lib/cjs/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.js","names":["MAP_SIZE_TO_ICON","m","SearchM","CloseM","l","InputSearch","e","handlers","value","Value","Input","SInputSearch","SClose","Addon","asProps","size","styles","getI18nText","finalSize","context","hideClose","IconClose","IconSearch","sstyled","handleClear","Component","style","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","createComponent"],"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\nconst MAP_SIZE_TO_ICON = {\n  m: [SearchM, CloseM],\n  l: [SearchM, CloseM],\n};\n\nclass InputSearch 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\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n  };\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const SClose = Input.Addon;\n    const { size, value, styles, getI18nText } = this.asProps;\n    const finalSize = size || this.context.size;\n    const hideClose = !value;\n    const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n    const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n    return sstyled(styles)(\n      <SInputSearch size={finalSize} styles={styles}>\n        <Input.Addon>\n          <IconSearch />\n        </Input.Addon>\n        <Value render={Input.Value} autoFocus />\n        <SClose\n          role=\"button\"\n          /* hide through css because the width of the input changes */\n          hide={hideClose}\n          aria-hidden={hideClose}\n          interactive\n          aria-label={getI18nText('clearSearch')}\n          onClick={this.handleClear}\n        >\n          <IconClose />\n        </SClose>\n      </SInputSearch>,\n    );\n  }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAgB,GAAG;EACvBC,CAAC,EAAE,CAACC,aAAD,EAAUC,cAAV,CADoB;EAEvBC,CAAC,EAAE,CAACF,aAAD,EAAUC,cAAV;AAFoB,CAAzB;;IAKME,W;;;;;;;;;;;;;;;oGAmBU,UAACC,CAAD,EAAO;MACnB,MAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;IACD,C;;;;;;WARD,6BAAoB;MAClB,OAAO;QACLE,KAAK,EAAE;MADF,CAAP;IAGD;;;WAMD,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAcQC,iBAAA,CAAMD,KAdzB;MACA,IAAME,YAAY,GAAGD,iBAArB;MACA,IAAME,MAAM,GAAGF,iBAAA,CAAMG,KAArB;MACA,oBAA6C,KAAKC,OAAlD;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcP,KAAd,iBAAcA,KAAd;MAAA,IAAqBQ,MAArB,iBAAqBA,MAArB;MAAA,IAA6BC,WAA7B,iBAA6BA,WAA7B;MACA,IAAMC,SAAS,GAAGH,IAAI,IAAI,KAAKI,OAAL,CAAaJ,IAAvC;MACA,IAAMK,SAAS,GAAG,CAACZ,KAAnB;MACA,IAAMa,SAAS,GAAGrB,gBAAgB,CAACkB,SAAD,CAAhB,CAA4B,CAA5B,CAAlB;MACA,IAAMI,UAAU,GAAGtB,gBAAgB,CAACkB,SAAD,CAAhB,CAA4B,CAA5B,CAAnB;MAEA,eAAO,IAAAK,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,QAAoBE,SAApB;QAAA,UAAuCF;MAAvC,iBACE,gCAAC,iBAAD,CAAO,KAAP,qBACE,gCAAC,UAAD,6BADF,CADF,eAIE,gCAAC,KAAD;QAAA;MAAA,WAJF,eAKE,gCAAC,MAAD;QAAA,QACO,QADP;QAAA,QAGQI,SAHR;QAAA,eAIeA,SAJf;QAAA;QAAA,cAMcH,WAAW,CAAC,aAAD,CANzB;QAAA,WAOW,KAAKO;MAPhB,iBASE,gCAAC,SAAD,4BATF,CALF,CADF;IAmBD;;;EApDuBC,e;;iCAApBpB,W,iBACiB,a;iCADjBA,W,WAGWqB,K;iCAHXrB,W,aAIa,CAAC,IAAAsB,uBAAA,EAAYC,8CAAZ,CAAD,C;iCAJbvB,W,kBAKkB;EACpBwB,YAAY,EAAE,EADM;EAEpBC,IAAI,EAAEF,8CAFc;EAGpBG,MAAM,EAAE;AAHY,C;iCALlB1B,W,iBAWiB2B,sB;;eA4CR,IAAAC,gBAAA,EAAgB5B,WAAhB,C"}
+{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_context","_i18nEnhance","_intergalacticDynamicLocales","style","sstyled","insert","MAP_SIZE_TO_ICON","m","SearchM","CloseM","l","InputSearch","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","handlers","value","_createClass2","key","uncontrolledProps","render","_ref","asProps","_ref2","Value","Input","SInputSearch","SClose","Addon","_this$asProps","size","styles","getI18nText","finalSize","context","hideClose","IconClose","IconSearch","createElement","cn","_objectSpread2","assignProps","handleClear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","_default","createComponent","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\nconst MAP_SIZE_TO_ICON = {\n  m: [SearchM, CloseM],\n  l: [SearchM, CloseM],\n};\n\nclass InputSearch 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\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n  };\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const SClose = Input.Addon;\n    const { size, value, styles, getI18nText } = this.asProps;\n    const finalSize = size || this.context.size;\n    const hideClose = !value;\n    const IconClose = MAP_SIZE_TO_ICON[finalSize][1];\n    const IconSearch = MAP_SIZE_TO_ICON[finalSize][0];\n\n    return sstyled(styles)(\n      <SInputSearch size={finalSize} styles={styles}>\n        <Input.Addon>\n          <IconSearch />\n        </Input.Addon>\n        <Value render={Input.Value} autoFocus />\n        <SClose\n          role=\"button\"\n          /* hide through css because the width of the input changes */\n          hide={hideClose}\n          aria-hidden={hideClose}\n          interactive\n          aria-label={getI18nText('clearSearch')}\n          onClick={this.handleClear}\n        >\n          <IconClose />\n        </SClose>\n      </SInputSearch>,\n    );\n  }\n}\n\nexport default createComponent(InputSearch);\n"],"mappings":"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"}

package/lib/cjs/Select.js

@@ -1,100 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _dropdownMenu = _interopRequireDefault(require("@semcore/dropdown-menu"));
-
 var _baseTrigger = require("@semcore/base-trigger");
-
 var _divider = _interopRequireDefault(require("@semcore/divider"));
-
 var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
-
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
-
 var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
-
 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 _excluded = ["Children", "options", "multiselect", "value"];
-
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SOptionCheckbox_p2w95_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_p2w95_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_p2w95_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;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_p2w95_gg_._size_l_p2w95_gg_{width:20px;height:20px}.___SOptionCheckbox_p2w95_gg_._size_l_p2w95_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_p2w95_gg_.__checked_p2w95_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_p2w95_gg_.__theme_p2w95_gg_:before{border-color:var(--theme_p2w95)}.___SOptionCheckbox_p2w95_gg_.__theme_p2w95_gg_.__checked_p2w95_gg_:before{background-color:var(--theme_p2w95);border-color:var(--theme_p2w95)}.___SOptionCheckbox_p2w95_gg_.__selected_p2w95_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_p2w95_gg_.__selected_p2w95_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}"
-/*__inner_css_end__*/
-, "p2w95_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SOptionCheckbox": "___SOptionCheckbox_p2w95_gg_",
-  "_size_l": "_size_l_p2w95_gg_",
-  "_checked": "__checked_p2w95_gg_",
-  "_theme": "__theme_p2w95_gg_",
-  "--theme": "--theme_p2w95",
-  "_selected": "__selected_p2w95_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_ddm5c_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_ddm5c_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_ddm5c_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;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ddm5c_gg_._size_l_ddm5c_gg_{width:20px;height:20px}.___SOptionCheckbox_ddm5c_gg_._size_l_ddm5c_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ddm5c_gg_.__checked_ddm5c_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ddm5c_gg_.__theme_ddm5c_gg_:before{border-color:var(--theme_ddm5c)}.___SOptionCheckbox_ddm5c_gg_.__theme_ddm5c_gg_.__checked_ddm5c_gg_:before{background-color:var(--theme_ddm5c);border-color:var(--theme_ddm5c)}.___SOptionCheckbox_ddm5c_gg_.__selected_ddm5c_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ddm5c_gg_.__selected_ddm5c_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}" /*__inner_css_end__*/, "ddm5c_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_ddm5c_gg_",
+  "_size_l": "_size_l_ddm5c_gg_",
+  "_checked": "__checked_ddm5c_gg_",
+  "_theme": "__theme_ddm5c_gg_",
+  "--theme": "--theme_ddm5c",
+  "_selected": "__selected_ddm5c_gg_"
 });
-
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
 }
-
 function isEmptyValue(value) {
   return Array.isArray(value) ? value.length === 0 : value === null;
 }
-
 function getEmptyValue(multiselect) {
   return multiselect ? [] : null;
 }
-
 var scrollToNode = function scrollToNode(node) {
   if (!node) return;
   if (!node.scrollIntoView) return;
@@ -103,23 +60,18 @@ var scrollToNode = function scrollToNode(node) {
     inline: 'nearest'
   });
 };
-
 var RootSelect = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSelect, _Component);
-
   var _super = (0, _createSuper2["default"])(RootSelect);
-
   function RootSelect() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RootSelect);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "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) {
@@ -139,9 +91,8 @@ var RootSelect = /*#__PURE__*/function (_Component) {
       return function (e) {
         var newValue = optionValue;
         var _this$asProps = _this.asProps,
-            value = _this$asProps.value,
-            multiselect = _this$asProps.multiselect;
-
+          value = _this$asProps.value,
+          multiselect = _this$asProps.multiselect;
         if (Array.isArray(value)) {
           if (value.includes(optionValue)) {
             newValue = value.filter(function (v) {
@@ -151,23 +102,22 @@ var RootSelect = /*#__PURE__*/function (_Component) {
             newValue = value.concat(optionValue);
           }
         }
-
         _this.handlers.value(newValue, e);
-
-        if (!multiselect) _this.handlers.visible(false);
+        if (!multiselect) {
+          var _this$triggerRef$curr;
+          (_this$triggerRef$curr = _this.triggerRef.current) === null || _this$triggerRef$curr === void 0 ? void 0 : _this$triggerRef$curr.focus();
+          _this.handlers.visible(false);
+        }
       };
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerClear", function (e) {
       var value = _this.asProps.value;
       var emptyValue = getEmptyValue(Array.isArray(value));
-
       _this.handlers.value(emptyValue, e);
-
       _this.handlers.visible(false);
     });
     return _this;
   }
-
   (0, _createClass2["default"])(RootSelect, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -180,24 +130,24 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     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,
-          placeholder = _this$asProps2.placeholder,
-          value = _this$asProps2.value,
-          options = _this$asProps2.options,
-          forwardRef = _this$asProps2.forwardRef,
-          name = _this$asProps2.name,
-          multiselect = _this$asProps2.multiselect,
-          uid = _this$asProps2.uid,
-          disablePortal = _this$asProps2.disablePortal,
-          getI18nText = _this$asProps2.getI18nText;
+        size = _this$asProps2.size,
+        disabled = _this$asProps2.disabled,
+        visible = _this$asProps2.visible,
+        state = _this$asProps2.state,
+        placeholder = _this$asProps2.placeholder,
+        value = _this$asProps2.value,
+        options = _this$asProps2.options,
+        forwardRef = _this$asProps2.forwardRef,
+        name = _this$asProps2.name,
+        multiselect = _this$asProps2.multiselect,
+        uid = _this$asProps2.uid,
+        disablePortal = _this$asProps2.disablePortal,
+        getI18nText = _this$asProps2.getI18nText;
       return {
         id: "igc-".concat(uid, "-trigger"),
         'aria-controls': "igc-".concat(uid, "-list"),
         'aria-flowto': visible && !disablePortal ? "igc-".concat(uid, "-list") : undefined,
-        'aria-label': visible && !disablePortal ? getI18nText('triggerHint') : undefined,
+        focusHint: visible && !disablePortal ? getI18nText('triggerHint') : undefined,
         'aria-haspopup': 'listbox',
         'aria-expanded': visible ? 'true' : 'false',
         empty: isEmptyValue(value),
@@ -212,15 +162,16 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         active: visible,
         onClear: this.handlerClear,
         children: this.renderChildrenTrigger(value, options),
-        getI18nText: getI18nText
+        getI18nText: getI18nText,
+        ref: this.triggerRef
       };
     }
   }, {
     key: "getListProps",
     value: function getListProps() {
       var _this$asProps3 = this.asProps,
-          multiselect = _this$asProps3.multiselect,
-          uid = _this$asProps3.uid;
+        multiselect = _this$asProps3.multiselect,
+        uid = _this$asProps3.uid;
       return {
         'aria-multiselectable': multiselect ? 'true' : undefined,
         id: "igc-".concat(uid, "-list"),
@@ -233,8 +184,8 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     key: "getMenuProps",
     value: function getMenuProps() {
       var _this$asProps4 = this.asProps,
-          uid = _this$asProps4.uid,
-          getI18nText = _this$asProps4.getI18nText;
+        uid = _this$asProps4.uid,
+        getI18nText = _this$asProps4.getI18nText;
       return {
         id: "igc-".concat(uid, "-list"),
         role: 'listbox',
@@ -246,16 +197,14 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     key: "getOptionProps",
     value: function getOptionProps(props) {
       var _this$asProps5 = this.asProps,
-          value = _this$asProps5.value,
-          uid = _this$asProps5.uid;
+        value = _this$asProps5.value,
+        uid = _this$asProps5.uid;
       var selected = isSelectedOption(value, props.value);
       var other = {};
       this._optionSelected = selected;
-
       if (selected) {
         other.ref = this.handleOptionNode;
       }
-
       return (0, _objectSpread2["default"])({
         selected: selected,
         'aria-selected': selected ? 'true' : 'false',
@@ -298,7 +247,6 @@ var RootSelect = /*#__PURE__*/function (_Component) {
           return acc;
         }, []);
       }
-
       return Array.isArray(value) ? value.reduce(function (acc, value) {
         if (acc.length) acc.push(', ');
         acc.push(value);
@@ -310,19 +258,17 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     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,
-          other = (0, _objectWithoutProperties2["default"])(_this$asProps6, _excluded);
+        Children = _this$asProps6.Children,
+        options = _this$asProps6.options,
+        multiselect = _this$asProps6.multiselect,
+        value = _this$asProps6.value,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps6, _excluded);
       var advanceMode = (0, _findComponent["default"])(Children, [Select.Trigger.displayName, Select.Popper.displayName]);
-
-      _logger["default"].warn(options && advanceMode, "Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'", other['data-ui-name'] || Select.displayName);
-
+      _logger["default"].warn(options && advanceMode, 'Don\'t use at the same time \'options\' property and \'<Select.Trigger/>/<Select.Popper/>\'', other['data-ui-name'] || Select.displayName);
       if (options) {
         var _ref = this.asProps;
         return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Select.Trigger, (0, _extends2["default"])({}, other, {
-          role: "button"
+          role: "combobox"
         })), /*#__PURE__*/_react["default"].createElement(Select.Menu, null, options.map(function (option) {
           return /*#__PURE__*/_react["default"].createElement(Select.Option, (0, _extends2["default"])({
             key: option.value,
@@ -331,13 +277,11 @@ var RootSelect = /*#__PURE__*/function (_Component) {
           }, option), multiselect && /*#__PURE__*/_react["default"].createElement(Select.Option.Checkbox, null), option.children);
         })));
       }
-
       return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"], (0, _core.assignProps)({}, _ref2), /*#__PURE__*/_react["default"].createElement(Children, null));
     }
   }]);
   return RootSelect;
 }(_core.Component);
-
 (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)]);
@@ -352,25 +296,22 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     locale: 'en'
   };
 });
-
 var isInputTriggerTag = function isInputTriggerTag(tag) {
   var _tag$render;
-
   if (typeof tag === 'string') return tag.toLowerCase().includes('input');
   if ((0, _typeof2["default"])(tag) === 'object' && tag !== null && typeof tag.displayName === 'string') return tag.displayName.toLowerCase().includes('input');
   if ((0, _typeof2["default"])(tag) === 'object' && tag !== null && typeof ((_tag$render = tag.render) === null || _tag$render === void 0 ? void 0 : _tag$render.displayName) === 'string') return tag.render.displayName.toLowerCase().includes('input');
   return false;
 };
-
 function Trigger(_ref5) {
   var _ref3 = arguments[0];
   var Children = _ref5.Children,
-      name = _ref5.name,
-      value = _ref5.value,
-      $hiddenRef = _ref5.$hiddenRef,
-      _ref5$tag = _ref5.tag,
-      Tag = _ref5$tag === void 0 ? _baseTrigger.ButtonTrigger : _ref5$tag,
-      getI18nText = _ref5.getI18nText;
+    name = _ref5.name,
+    value = _ref5.value,
+    $hiddenRef = _ref5.$hiddenRef,
+    _ref5$tag = _ref5.tag,
+    Tag = _ref5$tag === void 0 ? _baseTrigger.ButtonTrigger : _ref5$tag,
+    getI18nText = _ref5.getI18nText;
   var hasInputTrigger = isInputTriggerTag(Tag);
   return /*#__PURE__*/_react["default"].createElement(_dropdownMenu["default"].Trigger, (0, _core.assignProps)({
     "tag": Tag,
@@ -384,26 +325,22 @@ function Trigger(_ref5) {
     ref: $hiddenRef
   }));
 }
-
 function Checkbox(props) {
   var _useBox = (0, _flexBox.useBox)(props, props.forwardRef),
-      _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
-      SOptionCheckbox = _useBox2[0],
-      componentProps = _useBox2[1];
-
+    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
+    SOptionCheckbox = _useBox2[0],
+    componentProps = _useBox2[1];
   var size = props.size,
-      theme = props.theme,
-      selected = props.selected;
+    theme = props.theme,
+    selected = props.selected;
   var styles = (0, _core.sstyled)(props.styles);
-
   var _styles$cn = styles.cn('SOptionCheckbox', {
-    size: size,
-    'use:theme': (0, _color["default"])(theme),
-    checked: selected
-  }),
-      className = _styles$cn.className,
-      style = _styles$cn.style;
-
+      size: size,
+      'use:theme': (0, _color["default"])(theme),
+      checked: selected
+    }),
+    className = _styles$cn.className,
+    style = _styles$cn.style;
   return /*#__PURE__*/_react["default"].createElement(SOptionCheckbox, (0, _extends2["default"])({}, componentProps, {
     className: (0, _classnames["default"])(className, componentProps.className) || undefined,
     style: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, style), componentProps.style),
@@ -412,12 +349,10 @@ function Checkbox(props) {
     "aria-checked": selected
   }));
 }
-
 var InputSearchWrapper = function InputSearchWrapper() {
   var _ref4 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_InputSearch["default"], (0, _core.assignProps)({}, _ref4));
 };
-
 var Select = (0, _core["default"])(RootSelect, {
   Trigger: [Trigger, {
     Addon: _baseTrigger.ButtonTrigger.Addon,