@semcore/select 2.7.10 → 3.0.0

package/lib/es6/InputSearch.js

@@ -16,11 +16,8 @@ import React from 'react';
 import createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import Input from '@semcore/input';
-import Divider from '@semcore/divider';
 import SearchM from '@semcore/icon/Search/m';
 import CloseM from '@semcore/icon/Close/m';
-import SearchL from '@semcore/icon/Search/l';
-import CloseL from '@semcore/icon/Close/l';
 import Select from './Select';
 
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
@@ -28,20 +25,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SInputSearch_13jdl_gg_._size_m_13jdl_gg_{padding:8px}.___SInputSearch_13jdl_gg_._size_l_13jdl_gg_{padding:10px 8px}.___SInputSearch_13jdl_gg_._size_xl_13jdl_gg_{padding:12px 12px}"
+".___SInputSearch_qj5zn_gg_.__size_qj5zn_gg_{padding:0}.___SInputSearch_qj5zn_gg_>[data-ui-name=Input]:first-child>[data-ui-name=InputSearch]~div{top:-1px;left:-1px;width:100%;border-radius:6px 6px 0 0}.___SInputSearch_qj5zn_gg_._size_m_qj5zn_gg_>[data-ui-name=Input]:first-child{height:32px}.___SInputSearch_qj5zn_gg_ [data-ui-name=\"Input.Addon\"]:last-of-type{visibility:hidden}.___SInputSearch_qj5zn_gg_.__filled_qj5zn_gg_ [data-ui-name=\"Input.Addon\"]:last-of-type{visibility:visible}"
 /*__inner_css_end__*/
-, "1wjnxbk_gg_")
+, "16lophm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInputSearch": "___SInputSearch_13jdl_gg_",
-  "_size_m": "_size_m_13jdl_gg_",
-  "_size_l": "_size_l_13jdl_gg_",
-  "_size_xl": "_size_xl_13jdl_gg_"
+  "__SInputSearch": "___SInputSearch_qj5zn_gg_",
+  "_size": "__size_qj5zn_gg_",
+  "_size_m": "_size_m_qj5zn_gg_",
+  "_filled": "__filled_qj5zn_gg_"
 });
 var MAP_SIZE_TO_ICON = {
   m: [SearchM, CloseM],
-  l: [SearchM, CloseM],
-  xl: [SearchL, CloseL]
+  l: [SearchM, CloseM]
 };
 
 var InputSearch = /*#__PURE__*/function (_Component) {
@@ -86,8 +82,9 @@ var InputSearch = /*#__PURE__*/function (_Component) {
           forwardRef = _this$asProps.forwardRef,
           styles = _this$asProps.styles;
       var finalSize = size || this.context.size;
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SInputSearch, _ref.cn("SInputSearch", {
-        "size": finalSize
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SInputSearch, _ref.cn("SInputSearch", {
+        "size": finalSize,
+        "use:filled": value
       }), /*#__PURE__*/React.createElement(Input, _ref.cn("Input", {
         "size": finalSize
       }), /*#__PURE__*/React.createElement(Input.Addon, {
@@ -99,11 +96,8 @@ var InputSearch = /*#__PURE__*/function (_Component) {
         tag: MAP_SIZE_TO_ICON[finalSize][1],
         role: "button",
         interactive: true,
-        style: {
-          visibility: value ? 'visible' : 'hidden'
-        },
         onClick: this.handleClear
-      }))), /*#__PURE__*/React.createElement(Divider, _ref.cn("Divider", {})));
+      })));
     }
   }]);
 

package/lib/es6/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/InputSearch.jsx"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Box","Input","Divider","SearchM","CloseM","SearchL","CloseL","Select","MAP_SIZE_TO_ICON","m","l","xl","InputSearch","e","handlers","value","SInputSearch","asProps","size","forwardRef","styles","finalSize","context","visibility","handleClear","style","defaultValue"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,iBAArC,EAAwDC,OAAxD,QAAuE,eAAvE;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,CAAC,EAAE,CAACN,OAAD,EAAUC,MAAV,CADoB;AAEvBM,EAAAA,CAAC,EAAE,CAACP,OAAD,EAAUC,MAAV,CAFoB;AAGvBO,EAAAA,EAAE,EAAE,CAACN,OAAD,EAAUC,MAAV;AAHmB,CAAzB;;IAMMM,W;;;;;;;;;;;;;;;;kEAiBU,UAACC,CAAD,EAAO;AACnB,YAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;AACD,K;;;;;;;WARD,6BAAoB;AAClB,aAAO;AACLE,QAAAA,KAAK,EAAE;AADF,OAAP;AAGD;;;WAMD,kBAAS;AAAA;;AACP,UAAMC,YAAY,GAAGhB,GAArB;AACA,0BAA4C,KAAKiB,OAAjD;AAAA,UAAQC,IAAR,iBAAQA,IAAR;AAAA,UAAcH,KAAd,iBAAcA,KAAd;AAAA,UAAqBI,UAArB,iBAAqBA,UAArB;AAAA,UAAiCC,MAAjC,iBAAiCA,MAAjC;AACA,UAAMC,SAAS,GAAGH,IAAI,IAAI,KAAKI,OAAL,CAAaJ,IAAvC;AAEA,oBAAOnB,OAAO,CAACqB,MAAD,CAAd,eACE,uDACE,oBAAC,YAAD;AAAA,gBAAoBC;AAApB,uBACE,oBAAC,KAAD;AAAA,gBAAaA;AAAb,uBACE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEb,gBAAgB,CAACa,SAAD,CAAhB,CAA4B,CAA5B;AAAlB,QADF,eAEE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEF,UAAlB;AAA8B,QAAA,SAAS;AAAvC,SAA4C,KAAKF,OAAjD,EAFF,eAGE,oBAAC,KAAD,CAAO,KAAP;AACE,QAAA,GAAG,EAAET,gBAAgB,CAACa,SAAD,CAAhB,CAA4B,CAA5B,CADP;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,WAAW,MAHb;AAIE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAER,KAAK,GAAG,SAAH,GAAe;AAAlC,SAJT;AAKE,QAAA,OAAO,EAAE,KAAKS;AALhB,QAHF,CADF,CADF,eAcE,oBAAC,OAAD,yBAdF,CADF;AAkBD;;;;EA5CuB3B,S;;gBAApBe,W,iBACiB,a;;gBADjBA,W,WAGWa,K;;gBAHXb,W,kBAKkB;AACpBc,EAAAA,YAAY,EAAE;AADM,C;;gBALlBd,W,iBASiBL,MAAM,CAACT,iBAAD,C;;AAsC7B,eAAeF,eAAe,CAACgB,WAAD,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport Divider from '@semcore/divider';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchL from '@semcore/icon/Search/l';\nimport CloseL from '@semcore/icon/Close/l';\nimport Select from './Select';\n\nimport style from './style/input-search.shadow.css';\n\nconst MAP_SIZE_TO_ICON = {\n  m: [SearchM, CloseM],\n  l: [SearchM, CloseM],\n  xl: [SearchL, CloseL],\n};\n\nclass InputSearch extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n\n  static defaultProps = {\n    defaultValue: '',\n  };\n\n  static contextType = Select[CONTEXT_COMPONENT];\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 SInputSearch = Box;\n    const { size, value, forwardRef, styles } = this.asProps;\n    const finalSize = size || this.context.size;\n\n    return sstyled(styles)(\n      <>\n        <SInputSearch size={finalSize}>\n          <Input size={finalSize}>\n            <Input.Addon tag={MAP_SIZE_TO_ICON[finalSize][0]} />\n            <Input.Value ref={forwardRef} autoFocus {...this.asProps} />\n            <Input.Addon\n              tag={MAP_SIZE_TO_ICON[finalSize][1]}\n              role=\"button\"\n              interactive\n              style={{ visibility: value ? 'visible' : 'hidden' }}\n              onClick={this.handleClear}\n            />\n          </Input>\n        </SInputSearch>\n        <Divider />\n      </>,\n    );\n  }\n}\n\nexport default createComponent(InputSearch);\n"],"file":"InputSearch.js"}
+{"version":3,"sources":["../../src/InputSearch.jsx"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Box","Input","SearchM","CloseM","Select","MAP_SIZE_TO_ICON","m","l","InputSearch","e","handlers","value","SInputSearch","asProps","size","forwardRef","styles","finalSize","context","handleClear","style","defaultValue"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,iBAArC,EAAwDC,OAAxD,QAAuE,eAAvE;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,KAAP,MAAkB,gBAAlB;AACA,OAAOC,OAAP,MAAoB,wBAApB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,CAAC,EAAE,CAACJ,OAAD,EAAUC,MAAV,CADoB;AAEvBI,EAAAA,CAAC,EAAE,CAACL,OAAD,EAAUC,MAAV;AAFoB,CAAzB;;IAKMK,W;;;;;;;;;;;;;;;;kEAiBU,UAACC,CAAD,EAAO;AACnB,YAAKC,QAAL,CAAcC,KAAd,CAAoB,EAApB,EAAwBF,CAAxB;AACD,K;;;;;;;WARD,6BAAoB;AAClB,aAAO;AACLE,QAAAA,KAAK,EAAE;AADF,OAAP;AAGD;;;WAMD,kBAAS;AAAA;;AACP,UAAMC,YAAY,GAAGZ,GAArB;AACA,0BAA4C,KAAKa,OAAjD;AAAA,UAAQC,IAAR,iBAAQA,IAAR;AAAA,UAAcH,KAAd,iBAAcA,KAAd;AAAA,UAAqBI,UAArB,iBAAqBA,UAArB;AAAA,UAAiCC,MAAjC,iBAAiCA,MAAjC;AACA,UAAMC,SAAS,GAAGH,IAAI,IAAI,KAAKI,OAAL,CAAaJ,IAAvC;AAEA,oBAAOf,OAAO,CAACiB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,gBAAoBC,SAApB;AAAA,sBAA2CN;AAA3C,uBACE,oBAAC,KAAD;AAAA,gBAAaM;AAAb,uBACE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEZ,gBAAgB,CAACY,SAAD,CAAhB,CAA4B,CAA5B;AAAlB,QADF,eAEE,oBAAC,KAAD,CAAO,KAAP;AAAa,QAAA,GAAG,EAAEF,UAAlB;AAA8B,QAAA,SAAS;AAAvC,SAA4C,KAAKF,OAAjD,EAFF,eAGE,oBAAC,KAAD,CAAO,KAAP;AACE,QAAA,GAAG,EAAER,gBAAgB,CAACY,SAAD,CAAhB,CAA4B,CAA5B,CADP;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,WAAW,MAHb;AAIE,QAAA,OAAO,EAAE,KAAKE;AAJhB,QAHF,CADF,CADF;AAcD;;;;EAxCuBtB,S;;gBAApBW,W,iBACiB,a;;gBADjBA,W,WAGWY,K;;gBAHXZ,W,kBAKkB;AACpBa,EAAAA,YAAY,EAAE;AADM,C;;gBALlBb,W,iBASiBJ,MAAM,CAACN,iBAAD,C;;AAkC7B,eAAeF,eAAe,CAACY,WAAD,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Select from './Select';\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\n  static defaultProps = {\n    defaultValue: '',\n  };\n\n  static contextType = Select[CONTEXT_COMPONENT];\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 SInputSearch = Box;\n    const { size, value, forwardRef, styles } = this.asProps;\n    const finalSize = size || this.context.size;\n\n    return sstyled(styles)(\n      <SInputSearch size={finalSize} use:filled={value}>\n        <Input size={finalSize}>\n          <Input.Addon tag={MAP_SIZE_TO_ICON[finalSize][0]} />\n          <Input.Value ref={forwardRef} autoFocus {...this.asProps} />\n          <Input.Addon\n            tag={MAP_SIZE_TO_ICON[finalSize][1]}\n            role=\"button\"\n            interactive\n            onClick={this.handleClear}\n          />\n        </Input>\n      </SInputSearch>,\n    );\n  }\n}\n\nexport default createComponent(InputSearch);\n"],"file":"InputSearch.js"}

package/lib/es6/Select.js

@@ -41,19 +41,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SOptionCheckbox_13dcz_gg_{margin-right:8px;margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_13dcz_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:2px;border-color:#a6b0b3}.___SOptionCheckbox_13dcz_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 2px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDYiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik03Ljg4NC43ODJMNy4yMDUuMTA3YS40LjQgMCAwMC0uNTU5IDBMMy4wNzMgMy42NjMgMS4zNTMgMS45NWEuNC40IDAgMDAtLjU1OCAwbC0uNjc5LjY3NUEuMzg0LjM4NCAwIDAwMCAyLjg5N2EuNC40IDAgMDAuMTE1LjI4NGwyLjY3OSAyLjY2NWEuNC40IDAgMDAuNTU5IDBsNC41MzEtNC41MDhBLjQuNCAwIDAwOCAxLjA1M2EuMzgyLjM4MiAwIDAwLS4xMTYtLjI3MXoiLz48L3N2Zz4=\");background-repeat:no-repeat;background-position:50%}.___SOptionCheckbox_13dcz_gg_._size_xl_13dcz_gg_{margin-top:2px;width:20px;height:20px}.___SOptionCheckbox_13dcz_gg_._size_l_13dcz_gg_{margin-top:1px;width:16px;height:16px}.___SOptionCheckbox_13dcz_gg_._size_m_13dcz_gg_{margin-top:2px;width:12px;height:12px}.___SOptionCheckbox_13dcz_gg_.__checked_13dcz_gg_:before{background-color:#2b94e1;border-color:#2b94e1}.___SOptionCheckbox_13dcz_gg_.__theme_13dcz_gg_:before{border-color:var(--theme_12l5bjj)}.___SOptionCheckbox_13dcz_gg_.__theme_13dcz_gg_.__checked_13dcz_gg_:before{background-color:var(--theme_12l5bjj);border-color:var(--theme_12l5bjj)}.___SOptionCheckbox_13dcz_gg_.__selected_13dcz_gg_{background-color:rgba(43,148,225,.2)}.___SOptionCheckbox_13dcz_gg_.__selected_13dcz_gg_ :hover{background-color:rgba(43,148,225,.2)}"
+".___SOptionCheckbox_1sdhb_gg_{margin-top:2px;margin-right:8px;margin-bottom:auto;position:relative;flex-shrink:0}.___SOptionCheckbox_1sdhb_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:4px;border-color:#c4c7cf}.___SOptionCheckbox_1sdhb_gg_{width:16px;height:16px}.___SOptionCheckbox_1sdhb_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 2px;background-repeat:no-repeat;background-position:50%;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yNSAxTDQgNS4yNSAxLjc1IDMiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_1sdhb_gg_._size_l_1sdhb_gg_{width:20px;height:20px}.___SOptionCheckbox_1sdhb_gg_._size_l_1sdhb_gg_:after{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMS41TDQuNzUgNy43NSAxIDQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\")}.___SOptionCheckbox_1sdhb_gg_.__checked_1sdhb_gg_:before{background-color:#008ff8;border-color:#008ff8}.___SOptionCheckbox_1sdhb_gg_.__theme_1sdhb_gg_:before{border-color:var(--theme_1lo3q1n)}.___SOptionCheckbox_1sdhb_gg_.__theme_1sdhb_gg_.__checked_1sdhb_gg_:before{background-color:var(--theme_1lo3q1n);border-color:var(--theme_1lo3q1n)}.___SOptionCheckbox_1sdhb_gg_.__selected_1sdhb_gg_{background-color:rgba(196,229,254,.7)}.___SOptionCheckbox_1sdhb_gg_.__selected_1sdhb_gg_:hover{background-color:rgba(196,229,254,.7)}"
 /*__inner_css_end__*/
-, "12l5bjj_gg_")
+, "1lo3q1n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SOptionCheckbox": "___SOptionCheckbox_13dcz_gg_",
-  "_size_xl": "_size_xl_13dcz_gg_",
-  "_size_l": "_size_l_13dcz_gg_",
-  "_size_m": "_size_m_13dcz_gg_",
-  "_checked": "__checked_13dcz_gg_",
-  "_theme": "__theme_13dcz_gg_",
-  "--theme": "--theme_12l5bjj",
-  "_selected": "__selected_13dcz_gg_"
+  "__SOptionCheckbox": "___SOptionCheckbox_1sdhb_gg_",
+  "_size_l": "_size_l_1sdhb_gg_",
+  "_checked": "__checked_1sdhb_gg_",
+  "_theme": "__theme_1sdhb_gg_",
+  "--theme": "--theme_1lo3q1n",
+  "_selected": "__selected_1sdhb_gg_"
 });
 
 function isSelectedOption(value, valueOption) {
@@ -111,38 +109,11 @@ var RootSelect = /*#__PURE__*/function (_Component) {
       };
     });
 
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerOptionFallbackClick", function (props) {
-      return function (e) {
-        var _this$asProps2 = _this.asProps,
-            selectedOptions = _this$asProps2.selectedOptions,
-            multiselect = _this$asProps2.multiselect;
-        var optionProps = [props];
-
-        if (multiselect) {
-          if (isSelectedOption(_this.fallbackDeprecatedValue(selectedOptions), props.value)) {
-            optionProps = selectedOptions.filter(function (o) {
-              return o.value !== props.value;
-            });
-          } else {
-            optionProps = selectedOptions.concat(props);
-          }
-        }
-
-        _this.handlers.value(optionProps, e);
-
-        if (!multiselect) _this.handlers.visible(false);
-      };
-    });
-
     _defineProperty(_assertThisInitialized(_this), "handlerClear", function (e) {
       var value = _this.asProps.value;
-      var emptyValue = getEmptyValue(Array.isArray(_this.fallbackDeprecatedValue(value)));
+      var emptyValue = getEmptyValue(Array.isArray(value));
 
-      if (_this.isFallback()) {
-        _this.handlers.value(Array.isArray(emptyValue) ? emptyValue : [], e);
-      } else {
-        _this.handlers.value(emptyValue, e);
-      }
+      _this.handlers.value(emptyValue, e);
 
       _this.handlers.visible(false);
     });
@@ -155,48 +126,25 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     value: function uncontrolledProps() {
       return {
         visible: null,
-        value: null,
-        selectedOptions: null
+        value: null
       };
     }
-  }, {
-    key: "isFallback",
-    value: function isFallback() {
-      var _this$props = this.props,
-          selectedOptions = _this$props.selectedOptions,
-          defaultSelectedOptions = _this$props.defaultSelectedOptions;
-      return selectedOptions !== undefined || defaultSelectedOptions.length !== 0;
-    }
-  }, {
-    key: "fallbackDeprecatedValue",
-    value: function fallbackDeprecatedValue(value) {
-      return this.isFallback() ? this.asProps.selectedOptions.map(function (o) {
-        return o.value;
-      }) : value;
-    }
-  }, {
-    key: "fallbackDeprecatedLabel",
-    value: function fallbackDeprecatedLabel(value) {
-      return this.isFallback() ? this.asProps.selectedOptions.map(function (o) {
-        return o.label || o.value;
-      }) : value;
-    }
   }, {
     key: "getTriggerProps",
     value: function getTriggerProps() {
-      var _this$asProps3 = this.asProps,
-          size = _this$asProps3.size,
-          disabled = _this$asProps3.disabled,
-          visible = _this$asProps3.visible,
-          state = _this$asProps3.state,
-          placeholder = _this$asProps3.placeholder,
-          value = _this$asProps3.value,
-          options = _this$asProps3.options,
-          forwardRef = _this$asProps3.forwardRef,
-          name = _this$asProps3.name,
-          multiselect = _this$asProps3.multiselect;
+      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;
       return {
-        empty: isEmptyValue(this.fallbackDeprecatedValue(value)),
+        empty: isEmptyValue(value),
         size: size,
         value: value,
         name: name,
@@ -207,14 +155,14 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         disabled: disabled,
         active: visible,
         onClear: this.handlerClear,
-        children: this.renderChildrenTrigger(this.fallbackDeprecatedValue(value), options)
+        children: this.renderChildrenTrigger(value, options)
       };
     }
   }, {
     key: "getOptionProps",
     value: function getOptionProps(props) {
       var value = this.asProps.value;
-      var selected = isSelectedOption(this.fallbackDeprecatedValue(value), props.value);
+      var selected = isSelectedOption(value, props.value);
       var other = {};
       this._optionSelected = selected;
 
@@ -225,7 +173,7 @@ var RootSelect = /*#__PURE__*/function (_Component) {
 
       return _objectSpread({
         selected: selected,
-        onClick: this.isFallback() ? this.bindHandlerOptionFallbackClick(props) : this.bindHandlerOptionClick(props.value)
+        onClick: this.bindHandlerOptionClick(props.value)
       }, other);
     }
   }, {
@@ -252,7 +200,6 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     key: "renderChildrenTrigger",
     value: function renderChildrenTrigger(value, options) {
       if (options) {
-        value = this.fallbackDeprecatedValue(value);
         return [].concat(value).reduce(function (acc, value) {
           var selectedOption = options.find(function (o) {
             return isSelectedOption(value, o.value);
@@ -264,7 +211,6 @@ var RootSelect = /*#__PURE__*/function (_Component) {
         }, []);
       }
 
-      value = this.fallbackDeprecatedLabel(value);
       return Array.isArray(value) ? value.reduce(function (acc, value) {
         if (acc.length) acc.push(', ');
         acc.push(value);
@@ -313,26 +259,21 @@ var RootSelect = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref2 = this.asProps;
 
-      var _this$asProps4 = this.asProps,
-          Children = _this$asProps4.Children,
-          options = _this$asProps4.options,
-          multiselect = _this$asProps4.multiselect,
-          other = _objectWithoutProperties(_this$asProps4, _excluded);
+      var _this$asProps3 = this.asProps,
+          Children = _this$asProps3.Children,
+          options = _this$asProps3.options,
+          multiselect = _this$asProps3.multiselect,
+          other = _objectWithoutProperties(_this$asProps3, _excluded);
 
       var advanceMode = findComponent(Children, [Select.Trigger.displayName, Select.Popper.displayName]);
-      logger.warn( // @ts-ignore
-      this.isFallback(), "'selectedOptions'/'defaultSelectedOptions' changed to 'value/defaultValue' and take only values, not objects.", other['data-ui-name'] || Select.displayName);
       logger.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 = arguments[0];
-
-        var _Component2 = multiselect ? Select.OptionCheckbox : Select.Option;
-
         return /*#__PURE__*/React.createElement(DropdownMenu, _assignProps({}, _ref), /*#__PURE__*/React.createElement(Select.Trigger, other), /*#__PURE__*/React.createElement(Select.Menu, null, options.map(function (option, i) {
-          return /*#__PURE__*/React.createElement(_Component2, _extends({
+          return /*#__PURE__*/React.createElement(Select.Option, _extends({
             key: i
-          }, option));
+          }, option), multiselect && /*#__PURE__*/React.createElement(Select.Option.Checkbox, null), option.children);
         })));
       }
 
@@ -352,7 +293,6 @@ _defineProperty(RootSelect, "defaultProps", function (props) {
     placeholder: props.multiselect ? 'Select options' : 'Select option',
     size: 'm',
     defaultValue: getEmptyValue(props.multiselect),
-    defaultSelectedOptions: [],
     defaultVisible: false
   };
 });
@@ -401,22 +341,8 @@ function Checkbox(props) {
   }));
 }
 
-function OptionCheckbox(props) {
-  var selected = props.selected,
-      size = props.size,
-      theme = props.theme,
-      children = props.children;
-  return /*#__PURE__*/React.createElement(DropdownMenu.Item, props, /*#__PURE__*/React.createElement(Checkbox, {
-    selected: selected,
-    size: size,
-    theme: theme,
-    styles: props.styles
-  }), children);
-}
-
-var InputSearchWrapper = function InputSearchWrapper(props) {
+var InputSearchWrapper = function InputSearchWrapper() {
   var _ref4 = arguments[0];
-  logger.warn(true, "'<".concat(props['data-ui-name'], "/>' is deprecated, use the named import 'import { InputSearch }'"), props['data-ui-name'] || Select.InputSearch.displayName);
   return /*#__PURE__*/React.createElement(InputSearch, _assignProps4({}, _ref4));
 };
 
@@ -434,9 +360,6 @@ var Select = createComponent(RootSelect, {
   }],
   OptionTitle: DropdownMenu.ItemTitle,
   OptionHint: DropdownMenu.ItemHint,
-  OptionCheckbox: [OptionCheckbox, {
-    Addon: DropdownMenu.Item.Addon
-  }],
   Divider: Divider,
   InputSearch: InputSearchWrapper,
   Input: InputSearchWrapper

package/lib/es6/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Select.jsx"],"names":["React","cn","createComponent","Component","Root","sstyled","DropdownMenu","ButtonTrigger","Divider","findComponent","logger","resolveColor","addonTextChildren","InputSearch","useBox","isSelectedOption","value","valueOption","Array","isArray","includes","isEmptyValue","length","getEmptyValue","multiselect","RootSelect","createRef","optionValue","e","newValue","asProps","filter","v","concat","handlers","visible","props","selectedOptions","optionProps","fallbackDeprecatedValue","o","emptyValue","isFallback","defaultSelectedOptions","undefined","map","label","size","disabled","state","placeholder","options","forwardRef","name","empty","$hiddenRef","active","onClear","handlerClear","children","renderChildrenTrigger","selected","other","_optionSelected","isScrolledToFirstOption","ref","firstSelectedOptionRef","onClick","bindHandlerOptionFallbackClick","bindHandlerOptionClick","hasOption","getOptionProps","my","reduce","acc","selectedOption","find","push","fallbackDeprecatedLabel","setTimeout","current","scrollIntoView","block","inline","scrollToSelectedOption","prevProps","prevState","Children","advanceMode","Select","Trigger","displayName","Popper","warn","OptionCheckbox","Option","option","i","style","defaultValue","defaultVisible","tag","Tag","Text","Addon","Checkbox","SOptionCheckbox","componentProps","theme","styles","checked","className","InputSearchWrapper","List","Menu","Item","OptionTitle","ItemTitle","OptionHint","ItemHint","Input","parent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport DropdownMenu from '@semcore/dropdown-menu';\nimport { ButtonTrigger } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport resolveColor from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport InputSearch from './InputSearch';\nimport { useBox } from '@semcore/flex-box';\n\nimport style from './style/select.shadow.css';\n\nfunction isSelectedOption(value, valueOption) {\n  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;\n}\n\nfunction isEmptyValue(value) {\n  return Array.isArray(value) ? value.length === 0 : value === null;\n}\n\nfunction getEmptyValue(multiselect) {\n  return multiselect ? [] : null;\n}\n\nclass RootSelect extends Component {\n  static displayName = 'Select';\n\n  static style = style;\n\n  static defaultProps = (props) => ({\n    placeholder: props.multiselect ? 'Select options' : 'Select option',\n    size: 'm',\n    defaultValue: getEmptyValue(props.multiselect),\n    defaultSelectedOptions: [],\n    defaultVisible: false,\n  });\n\n  firstSelectedOptionRef = React.createRef();\n\n  isScrolledToFirstOption = false;\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n      value: null,\n      selectedOptions: null,\n    };\n  }\n\n  isFallback() {\n    const { selectedOptions, defaultSelectedOptions } = this.props;\n    return selectedOptions !== undefined || defaultSelectedOptions.length !== 0;\n  }\n\n  fallbackDeprecatedValue(value) {\n    return this.isFallback() ? this.asProps.selectedOptions.map((o) => o.value) : value;\n  }\n\n  fallbackDeprecatedLabel(value) {\n    return this.isFallback() ? this.asProps.selectedOptions.map((o) => o.label || o.value) : value;\n  }\n\n  getTriggerProps() {\n    const {\n      size,\n      disabled,\n      visible,\n      state,\n      placeholder,\n      value,\n      options,\n      forwardRef,\n      name,\n      multiselect,\n    } = this.asProps;\n\n    return {\n      empty: isEmptyValue(this.fallbackDeprecatedValue(value)),\n      size,\n      value,\n      name,\n      $hiddenRef: forwardRef,\n      multiselect,\n      state,\n      placeholder,\n      disabled,\n      active: visible,\n      onClear: this.handlerClear,\n      children: this.renderChildrenTrigger(this.fallbackDeprecatedValue(value), options),\n    };\n  }\n\n  getOptionProps(props) {\n    const { value } = this.asProps;\n    const selected = isSelectedOption(this.fallbackDeprecatedValue(value), props.value);\n    const other = {};\n    this._optionSelected = selected;\n\n    if (selected && !this.isScrolledToFirstOption) {\n      other.ref = this.firstSelectedOptionRef;\n      this.isScrolledToFirstOption = true;\n    }\n\n    return {\n      selected,\n      onClick: this.isFallback()\n        ? this.bindHandlerOptionFallbackClick(props)\n        : this.bindHandlerOptionClick(props.value),\n      ...other,\n    };\n  }\n\n  getOptionCheckboxProps(props) {\n    const { size } = this.asProps;\n    const hasOption = props.value === undefined;\n    const optionProps = hasOption ? {} : this.getOptionProps(props);\n    const selected = this._optionSelected;\n    this._optionSelected = null;\n    return {\n      ...optionProps,\n      size,\n      selected,\n    };\n  }\n\n  getDividerProps() {\n    return { my: 1 };\n  }\n\n  renderChildrenTrigger(value, options) {\n    if (options) {\n      value = this.fallbackDeprecatedValue(value);\n      return [].concat(value).reduce((acc, value) => {\n        const selectedOption = options.find((o) => isSelectedOption(value, o.value));\n        if (!selectedOption) return acc;\n        if (acc.length) acc.push(', ');\n        acc.push(selectedOption.label || selectedOption.value);\n        return acc;\n      }, []);\n    }\n    value = this.fallbackDeprecatedLabel(value);\n    return Array.isArray(value)\n      ? value.reduce((acc, value) => {\n          if (acc.length) acc.push(', ');\n          acc.push(value);\n          return acc;\n        }, [])\n      : value;\n  }\n\n  bindHandlerOptionClick = (optionValue) => (e) => {\n    let newValue = optionValue;\n    const { value, multiselect } = this.asProps;\n    if (Array.isArray(value)) {\n      if (value.includes(optionValue)) {\n        newValue = value.filter((v) => v !== optionValue);\n      } else {\n        newValue = value.concat(optionValue);\n      }\n    }\n    this.handlers.value(newValue, e);\n    if (!multiselect) this.handlers.visible(false);\n  };\n\n  bindHandlerOptionFallbackClick = (props) => (e) => {\n    const { selectedOptions, multiselect } = this.asProps;\n    let optionProps = [props];\n    if (multiselect) {\n      if (isSelectedOption(this.fallbackDeprecatedValue(selectedOptions), props.value)) {\n        optionProps = selectedOptions.filter((o) => o.value !== props.value);\n      } else {\n        optionProps = selectedOptions.concat(props);\n      }\n    }\n    this.handlers.value(optionProps, e);\n    if (!multiselect) this.handlers.visible(false);\n  };\n\n  handlerClear = (e) => {\n    const { value } = this.asProps;\n    const emptyValue = getEmptyValue(Array.isArray(this.fallbackDeprecatedValue(value)));\n    if (this.isFallback()) {\n      this.handlers.value(Array.isArray(emptyValue) ? emptyValue : [], e);\n    } else {\n      this.handlers.value(emptyValue, e);\n    }\n    this.handlers.visible(false);\n  };\n\n  scrollToSelectedOption() {\n    setTimeout(() => {\n      this.firstSelectedOptionRef.current?.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }, 0);\n  }\n\n  componentDidMount() {\n    const { visible } = this.asProps;\n    if (visible) {\n      this.scrollToSelectedOption();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { visible } = this.asProps;\n    //  TODO: вынести в хелпер\n    // Если открыли\n    if (visible) {\n      this.isScrolledToFirstOption = false;\n\n      // Если uncontroll\n      if (prevProps.visible === undefined) {\n        if (prevState.visible !== visible) this.scrollToSelectedOption();\n      } else {\n        if (prevProps.visible !== visible) this.scrollToSelectedOption();\n      }\n    }\n  }\n\n  render() {\n    const { Children, options, multiselect, ...other } = this.asProps;\n    const advanceMode = findComponent(Children, [\n      Select.Trigger.displayName,\n      Select.Popper.displayName,\n    ]);\n\n    logger.warn(\n      // @ts-ignore\n      this.isFallback(),\n      \"'selectedOptions'/'defaultSelectedOptions' changed to 'value/defaultValue' and take only values, not objects.\",\n      other['data-ui-name'] || Select.displayName,\n    );\n\n    logger.warn(\n      options && advanceMode,\n      \"Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'\",\n      other['data-ui-name'] || Select.displayName,\n    );\n\n    if (options) {\n      const Component = multiselect ? Select.OptionCheckbox : Select.Option;\n      return (\n        <Root render={DropdownMenu}>\n          <Select.Trigger {...other} />\n          <Select.Menu>\n            {options.map((option, i) => {\n              return <Component key={i} {...option} />;\n            })}\n          </Select.Menu>\n        </Root>\n      );\n    }\n\n    return (\n      <Root render={DropdownMenu}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction Trigger({ Children, name, value, $hiddenRef, tag: Tag = ButtonTrigger }) {\n  return (\n    <Root render={DropdownMenu.Trigger} tag={Tag} placeholder=\"Select option\">\n      {addonTextChildren(\n        Children,\n        Tag.Text || ButtonTrigger.Text,\n        Tag.Addon || ButtonTrigger.Addon,\n      )}\n      {name && <input type=\"hidden\" defaultValue={value} name={name} ref={$hiddenRef} />}\n    </Root>\n  );\n}\n\nfunction Checkbox(props) {\n  const [SOptionCheckbox, componentProps] = useBox(props, props.forwardRef);\n  const { size, theme, selected } = props;\n  const styles = sstyled(props.styles);\n\n  const { className, style } = styles.cn('SOptionCheckbox', {\n    size,\n    'use:theme': resolveColor(theme),\n    checked: selected,\n  });\n\n  return (\n    <SOptionCheckbox\n      {...componentProps}\n      className={cn(className, componentProps.className) || undefined}\n      style={{ ...style, ...componentProps.style }}\n    />\n  );\n}\n\nfunction OptionCheckbox(props) {\n  const { selected, size, theme, children } = props;\n\n  return (\n    <DropdownMenu.Item {...props}>\n      <Checkbox selected={selected} size={size} theme={theme} styles={props.styles} />\n      {children}\n    </DropdownMenu.Item>\n  );\n}\n\nconst InputSearchWrapper = function (props) {\n  logger.warn(\n    true,\n    `\\'<${props['data-ui-name']}/>\\' is deprecated, use the named import \\'import { InputSearch }\\'`,\n    props['data-ui-name'] || Select.InputSearch.displayName,\n  );\n  return <Root render={InputSearch} />;\n};\n\nconst Select = createComponent(\n  RootSelect,\n  {\n    Trigger: [\n      Trigger,\n      {\n        Addon: ButtonTrigger.Addon,\n        Text: ButtonTrigger.Text,\n      },\n    ],\n    Popper: DropdownMenu.Popper,\n    List: DropdownMenu.List,\n    Menu: DropdownMenu.Menu,\n    Option: [\n      DropdownMenu.Item,\n      {\n        Addon: DropdownMenu.Item.Addon,\n        Checkbox,\n      },\n    ],\n    OptionTitle: DropdownMenu.ItemTitle,\n    OptionHint: DropdownMenu.ItemHint,\n    OptionCheckbox: [\n      OptionCheckbox,\n      {\n        Addon: DropdownMenu.Item.Addon,\n      },\n    ],\n    Divider,\n    InputSearch: InputSearchWrapper,\n    Input: InputSearchWrapper,\n  },\n  { parent: DropdownMenu },\n);\n\nexport default Select;\n"],"file":"Select.js"}
+{"version":3,"sources":["../../src/Select.jsx"],"names":["React","cn","createComponent","Component","Root","sstyled","DropdownMenu","ButtonTrigger","Divider","findComponent","logger","resolveColor","addonTextChildren","InputSearch","useBox","isSelectedOption","value","valueOption","Array","isArray","includes","isEmptyValue","length","getEmptyValue","multiselect","RootSelect","createRef","optionValue","e","newValue","asProps","filter","v","concat","handlers","visible","emptyValue","size","disabled","state","placeholder","options","forwardRef","name","empty","$hiddenRef","active","onClear","handlerClear","children","renderChildrenTrigger","props","selected","other","_optionSelected","isScrolledToFirstOption","ref","firstSelectedOptionRef","onClick","bindHandlerOptionClick","hasOption","undefined","optionProps","getOptionProps","my","reduce","acc","selectedOption","find","o","push","label","setTimeout","current","scrollIntoView","block","inline","scrollToSelectedOption","prevProps","prevState","Children","advanceMode","Select","Trigger","displayName","Popper","warn","map","option","i","style","defaultValue","defaultVisible","tag","Tag","Text","Addon","Checkbox","SOptionCheckbox","componentProps","theme","styles","checked","className","InputSearchWrapper","List","Menu","Option","Item","OptionTitle","ItemTitle","OptionHint","ItemHint","Input","parent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport DropdownMenu from '@semcore/dropdown-menu';\nimport { ButtonTrigger } from '@semcore/base-trigger';\nimport Divider from '@semcore/divider';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport logger from '@semcore/utils/lib/logger';\nimport resolveColor from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport InputSearch from './InputSearch';\nimport { useBox } from '@semcore/flex-box';\n\nimport style from './style/select.shadow.css';\n\nfunction isSelectedOption(value, valueOption) {\n  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;\n}\n\nfunction isEmptyValue(value) {\n  return Array.isArray(value) ? value.length === 0 : value === null;\n}\n\nfunction getEmptyValue(multiselect) {\n  return multiselect ? [] : null;\n}\n\nclass RootSelect extends Component {\n  static displayName = 'Select';\n\n  static style = style;\n\n  static defaultProps = (props) => ({\n    placeholder: props.multiselect ? 'Select options' : 'Select option',\n    size: 'm',\n    defaultValue: getEmptyValue(props.multiselect),\n    defaultVisible: false,\n  });\n\n  firstSelectedOptionRef = React.createRef();\n\n  isScrolledToFirstOption = false;\n\n  uncontrolledProps() {\n    return {\n      visible: null,\n      value: null,\n    };\n  }\n\n  getTriggerProps() {\n    const {\n      size,\n      disabled,\n      visible,\n      state,\n      placeholder,\n      value,\n      options,\n      forwardRef,\n      name,\n      multiselect,\n    } = this.asProps;\n\n    return {\n      empty: isEmptyValue(value),\n      size,\n      value,\n      name,\n      $hiddenRef: forwardRef,\n      multiselect,\n      state,\n      placeholder,\n      disabled,\n      active: visible,\n      onClear: this.handlerClear,\n      children: this.renderChildrenTrigger(value, options),\n    };\n  }\n\n  getOptionProps(props) {\n    const { value } = this.asProps;\n    const selected = isSelectedOption(value, props.value);\n    const other = {};\n    this._optionSelected = selected;\n\n    if (selected && !this.isScrolledToFirstOption) {\n      other.ref = this.firstSelectedOptionRef;\n      this.isScrolledToFirstOption = true;\n    }\n\n    return {\n      selected,\n      onClick: this.bindHandlerOptionClick(props.value),\n      ...other,\n    };\n  }\n\n  getOptionCheckboxProps(props) {\n    const { size } = this.asProps;\n    const hasOption = props.value === undefined;\n    const optionProps = hasOption ? {} : this.getOptionProps(props);\n    const selected = this._optionSelected;\n    this._optionSelected = null;\n    return {\n      ...optionProps,\n      size,\n      selected,\n    };\n  }\n\n  getDividerProps() {\n    return { my: 1 };\n  }\n\n  renderChildrenTrigger(value, options) {\n    if (options) {\n      return [].concat(value).reduce((acc, value) => {\n        const selectedOption = options.find((o) => isSelectedOption(value, o.value));\n        if (!selectedOption) return acc;\n        if (acc.length) acc.push(', ');\n        acc.push(selectedOption.label || selectedOption.value);\n        return acc;\n      }, []);\n    }\n    return Array.isArray(value)\n      ? value.reduce((acc, value) => {\n          if (acc.length) acc.push(', ');\n          acc.push(value);\n          return acc;\n        }, [])\n      : value;\n  }\n\n  bindHandlerOptionClick = (optionValue) => (e) => {\n    let newValue = optionValue;\n    const { value, multiselect } = this.asProps;\n    if (Array.isArray(value)) {\n      if (value.includes(optionValue)) {\n        newValue = value.filter((v) => v !== optionValue);\n      } else {\n        newValue = value.concat(optionValue);\n      }\n    }\n    this.handlers.value(newValue, e);\n    if (!multiselect) this.handlers.visible(false);\n  };\n\n  handlerClear = (e) => {\n    const { value } = this.asProps;\n    const emptyValue = getEmptyValue(Array.isArray(value));\n    this.handlers.value(emptyValue, e);\n    this.handlers.visible(false);\n  };\n\n  scrollToSelectedOption() {\n    setTimeout(() => {\n      this.firstSelectedOptionRef.current?.scrollIntoView({\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }, 0);\n  }\n\n  componentDidMount() {\n    const { visible } = this.asProps;\n    if (visible) {\n      this.scrollToSelectedOption();\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { visible } = this.asProps;\n    //  TODO: вынести в хелпер\n    // Если открыли\n    if (visible) {\n      this.isScrolledToFirstOption = false;\n\n      // Если uncontroll\n      if (prevProps.visible === undefined) {\n        if (prevState.visible !== visible) this.scrollToSelectedOption();\n      } else {\n        if (prevProps.visible !== visible) this.scrollToSelectedOption();\n      }\n    }\n  }\n\n  render() {\n    const { Children, options, multiselect, ...other } = this.asProps;\n    const advanceMode = findComponent(Children, [\n      Select.Trigger.displayName,\n      Select.Popper.displayName,\n    ]);\n\n    logger.warn(\n      options && advanceMode,\n      \"Don't use at the same time 'options' property and '<Select.Trigger/>/<Select.Popper/>'\",\n      other['data-ui-name'] || Select.displayName,\n    );\n\n    if (options) {\n      return (\n        <Root render={DropdownMenu}>\n          <Select.Trigger {...other} />\n          <Select.Menu>\n            {options.map((option, i) => {\n              return (\n                <Select.Option key={i} {...option}>\n                  {multiselect && <Select.Option.Checkbox />}\n                  {option.children}\n                </Select.Option>\n              );\n            })}\n          </Select.Menu>\n        </Root>\n      );\n    }\n\n    return (\n      <Root render={DropdownMenu}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nfunction Trigger({ Children, name, value, $hiddenRef, tag: Tag = ButtonTrigger }) {\n  return (\n    <Root render={DropdownMenu.Trigger} tag={Tag} placeholder=\"Select option\">\n      {addonTextChildren(\n        Children,\n        Tag.Text || ButtonTrigger.Text,\n        Tag.Addon || ButtonTrigger.Addon,\n      )}\n      {name && <input type=\"hidden\" defaultValue={value} name={name} ref={$hiddenRef} />}\n    </Root>\n  );\n}\n\nfunction Checkbox(props) {\n  const [SOptionCheckbox, componentProps] = useBox(props, props.forwardRef);\n  const { size, theme, selected } = props;\n  const styles = sstyled(props.styles);\n\n  const { className, style } = styles.cn('SOptionCheckbox', {\n    size,\n    'use:theme': resolveColor(theme),\n    checked: selected,\n  });\n\n  return (\n    <SOptionCheckbox\n      {...componentProps}\n      className={cn(className, componentProps.className) || undefined}\n      style={{ ...style, ...componentProps.style }}\n    />\n  );\n}\n\nconst InputSearchWrapper = function () {\n  return <Root render={InputSearch} />;\n};\n\nconst Select = createComponent(\n  RootSelect,\n  {\n    Trigger: [\n      Trigger,\n      {\n        Addon: ButtonTrigger.Addon,\n        Text: ButtonTrigger.Text,\n      },\n    ],\n    Popper: DropdownMenu.Popper,\n    List: DropdownMenu.List,\n    Menu: DropdownMenu.Menu,\n    Option: [\n      DropdownMenu.Item,\n      {\n        Addon: DropdownMenu.Item.Addon,\n        Checkbox,\n      },\n    ],\n    OptionTitle: DropdownMenu.ItemTitle,\n    OptionHint: DropdownMenu.ItemHint,\n    Divider,\n    InputSearch: InputSearchWrapper,\n    Input: InputSearchWrapper,\n  },\n  { parent: DropdownMenu },\n);\n\nexport default Select;\n"],"file":"Select.js"}

package/lib/es6/index.d.ts

@@ -64,17 +64,6 @@ export interface ISelectProps<T extends SelectValue = SelectValue>
    * Input name
    */
   name?: string;
-
-  /**
-   * The list of options selected by default
-   * @deprecated v2.0.0 {@link ISelectProps.defaultValue}
-   */
-  defaultSelectedOptions?: ISelectOption[];
-  /**
-   * List of the selected options
-   * @deprecated v2.0.0 {@link ISelectProps.value}
-   */
-  selectedOptions?: ISelectOption[];
 }
 
 export interface ISelectOption {
@@ -130,11 +119,6 @@ declare const Select: (<T, V extends SelectValue = SelectValue>(
   };
   OptionTitle: typeof DropdownMenu.ItemTitle;
   OptionHint: typeof DropdownMenu.ItemHint;
-  OptionCheckbox: (<T>(
-    props: CProps<ISelectOptionCheckboxProps & T, ISelectContext, ISelectHandlers>,
-  ) => ReturnEl) & {
-    Addon: typeof DropdownMenu.Item.Addon;
-  };
   Divider: typeof Divider;
   InputSearch: typeof InputSearch;
   Input: typeof InputSearch;

package/lib/es6/style/input-search.shadow.css

@@ -1,11 +1,24 @@
-SInputSearch[size='m'] {
-  padding: 8px;
+@import '@semcore/utils/style/var.css';
+
+SInputSearch[size] {
+  padding: 0;
+}
+
+SInputSearch > [data-ui-name='Input']:first-child > [data-ui-name='InputSearch'] ~ div {
+  top: -1px;
+  left: -1px;
+  width: 100%;
+  border-radius: var(--rounded-m) var(--rounded-m) 0 0;
+}
+
+SInputSearch[size='m'] > [data-ui-name='Input']:first-child {
+  height: 32px;
 }
 
-SInputSearch[size='l'] {
-  padding: 10px 8px;
+SInputSearch [data-ui-name='Input.Addon']:last-of-type {
+  visibility: hidden;
 }
 
-SInputSearch[size='xl'] {
-  padding: 12px 12px;
+SInputSearch[filled] [data-ui-name='Input.Addon']:last-of-type {
+  visibility: visible;
 }

package/lib/es6/style/select.shadow.css

@@ -1,6 +1,7 @@
 @import '@semcore/utils/style/var.css';
 
 SOptionCheckbox {
+  margin-top: 2px;
   margin-right: 8px;
   margin-bottom: auto;
   position: relative;
@@ -15,10 +16,13 @@ SOptionCheckbox {
     bottom: 0;
     background: #fff;
     border: 1px solid;
-    border-radius: 2px;
-    border-color: var(--stone);
+    border-radius: var(--rounded-s);
+    border-color: var(--gray-200);
   }
 
+  width: 16px;
+  height: 16px;
+
   &::after {
     content: '';
     position: absolute;
@@ -27,33 +31,23 @@ SOptionCheckbox {
     right: 0;
     bottom: 0;
     margin: 0 2px;
-    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDYiIGZpbGw9IiNmZmYiPgogICAgPHBhdGggZD0iTTc3Ny44ODQsNTkzLjc4MmwtMC42NzktLjY3NWEwLjQsMC40LDAsMCwwLS41NTksMGwtMy41NzMsMy41NTYtMS43Mi0xLjcxM2EwLjQsMC40LDAsMCwwLS41NTgsMGwtMC42NzkuNjc1YTAuMzg0LDAuMzg0LDAsMCwwLS4xMTYuMjcyLDAuNCwwLjQsMCwwLDAsLjExNS4yODRsMi42NzksMi42NjVhMC40LDAuNCwwLDAsMCwuNTU5LDBsNC41MzEtNC41MDhhMC40LDAuNCwwLDAsMCwuMTE2LTAuMjg1QTAuMzgyLDAuMzgyLDAsMCwwLDc3Ny44ODQsNTkzLjc4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NzAgLTU5MykiLz4KPC9zdmc+Cgo=');
     background-repeat: no-repeat;
     background-position: center center;
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
 }
 
-SOptionCheckbox[size='xl'] {
-  margin-top: 2px;
+SOptionCheckbox[size='l'] {
   width: 20px;
   height: 20px;
-}
-
-SOptionCheckbox[size='l'] {
-  margin-top: 1px;
-  width: 16px;
-  height: 16px;
-}
-
-SOptionCheckbox[size='m'] {
-  margin-top: 2px;
-  width: 12px;
-  height: 12px;
+  &::after {
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+  }
 }
 
 SOptionCheckbox[checked]:before {
-  background-color: var(--light-blue);
-  border-color: var(--light-blue);
+  background-color: var(--blue-400);
+  border-color: var(--blue-400);
 }
 
 SOptionCheckbox[theme]:before {
@@ -66,9 +60,9 @@ SOptionCheckbox[theme][checked]:before {
 }
 
 SOptionCheckbox[selected] {
-  background-color: color-mod(var(--light-blue) a(20%));
+  background-color: color-mod(var(--blue-100) a(70%));
 
-  & :hover {
-    background-color: color-mod(var(--light-blue) a(20%));
+  &:hover {
+    background-color: color-mod(var(--blue-100) a(70%));
   }
 }

package/lib/types/index.d.ts

@@ -64,17 +64,6 @@ export interface ISelectProps<T extends SelectValue = SelectValue>
    * Input name
    */
   name?: string;
-
-  /**
-   * The list of options selected by default
-   * @deprecated v2.0.0 {@link ISelectProps.defaultValue}
-   */
-  defaultSelectedOptions?: ISelectOption[];
-  /**
-   * List of the selected options
-   * @deprecated v2.0.0 {@link ISelectProps.value}
-   */
-  selectedOptions?: ISelectOption[];
 }
 
 export interface ISelectOption {
@@ -130,11 +119,6 @@ declare const Select: (<T, V extends SelectValue = SelectValue>(
   };
   OptionTitle: typeof DropdownMenu.ItemTitle;
   OptionHint: typeof DropdownMenu.ItemHint;
-  OptionCheckbox: (<T>(
-    props: CProps<ISelectOptionCheckboxProps & T, ISelectContext, ISelectHandlers>,
-  ) => ReturnEl) & {
-    Addon: typeof DropdownMenu.Item.Addon;
-  };
   Divider: typeof Divider;
   InputSearch: typeof InputSearch;
   Input: typeof InputSearch;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/select",
   "description": "SEMRush Select Component",
-  "version": "2.7.10",
+  "version": "3.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,13 +13,13 @@
   },
   "dependencies": {
     "@semcore/utils": "^3.15",
-    "@semcore/base-trigger": "^2",
+    "@semcore/base-trigger": "^3.0.0",
     "@semcore/icon": "^2.16",
-    "@semcore/dropdown-menu": "^2",
-    "@semcore/input": "^2",
-    "@semcore/checkbox": "^5",
+    "@semcore/dropdown-menu": "^3.0.0",
+    "@semcore/input": "^3.0.0",
+    "@semcore/checkbox": "^6",
     "@semcore/flex-box": "^4",
-    "@semcore/divider": "^2",
+    "@semcore/divider": "^3",
     "classnames": "2.2.6"
   },
   "peerDependencies": {