@semcore/select 16.1.12 → 17.0.0-prerelease.18

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-18
+
+### BREAK
+
+- New major version.
+
+### Added
+
+- `Select.Option.Text` component. Use it if you have an options that should be ellipsized.
+
 ## [16.1.12] - 2025-11-17
 
 ### Changed

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/select.svg)](https://www.npmjs.com/@semcore/select)
 [![downloads](https://img.shields.io/npm/dt/@semcore/select.svg)](https://www.npmjs.com/package/@semcore/select)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,13 +20,13 @@ npm install @semcore/select
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/InputSearch.js

@@ -1,15 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _button = require("@semcore/button");
@@ -21,132 +16,132 @@ var _react = _interopRequireDefault(require("react"));
 var _context = require("./context");
 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_lgiz0_gg_._size_m_lgiz0_gg_{height:32px}.___SSearchClear_lgiz0_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_lgiz0_gg_.__hide_lgiz0_gg_{visibility:hidden}.___SOutline_lgiz0_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__*/"lgiz0_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputSearch_bwwif_gg_._size_m_bwwif_gg_{height:32px}.___SSearchClear_bwwif_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_bwwif_gg_.__hide_bwwif_gg_{visibility:hidden}.___SOutline_bwwif_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__*/"bwwif_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SInputSearch": "___SInputSearch_lgiz0_gg_",
-  "_size_m": "_size_m_lgiz0_gg_",
-  "__SSearchClear": "___SSearchClear_lgiz0_gg_",
-  "_hide": "__hide_lgiz0_gg_",
-  "__SOutline": "___SOutline_lgiz0_gg_"
+  "__SInputSearch": "___SInputSearch_bwwif_gg_",
+  "_size_m": "_size_m_bwwif_gg_",
+  "__SSearchClear": "___SSearchClear_bwwif_gg_",
+  "_hide": "__hide_bwwif_gg_",
+  "__SOutline": "___SOutline_bwwif_gg_"
 });
-var InputSearchRoot = /*#__PURE__*/function (_Component) {
-  function InputSearchRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, InputSearchRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, InputSearchRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "inputRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "closeIconRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "handleClear", function (e) {
-      _this.handlers.value('', e);
-      setTimeout(function () {
-        if (document.activeElement === document.body || document.activeElement === _this.closeIconRef.current) {
-          var _this$inputRef$curren;
-          (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus();
+class InputSearchRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "inputRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(this, "closeIconRef", /*#__PURE__*/_react.default.createRef());
+    (0, _defineProperty2.default)(this, "handleClear", e => {
+      this.handlers.value('', e);
+      setTimeout(() => {
+        if (document.activeElement === document.body || document.activeElement === this.closeIconRef.current) {
+          this.inputRef.current?.focus();
         }
       }, 0);
     });
-    return _this;
   }
-  (0, _inherits2["default"])(InputSearchRoot, _Component);
-  return (0, _createClass2["default"])(InputSearchRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        value: null
-      };
-    }
-  }, {
-    key: "getValueProps",
-    value: function getValueProps() {
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        onChange = _this$asProps.onChange,
-        getI18nText = _this$asProps.getI18nText,
-        hasChildren = _this$asProps.children;
-      return {
-        value: value,
-        'onChange': hasChildren ? onChange : undefined,
-        'autoFocus': true,
-        'ref': this.inputRef,
-        'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),
-        'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
-      };
-    }
-  }, {
-    key: "getClearProps",
-    value: function getClearProps() {
-      var _this$asProps2 = this.asProps,
-        value = _this$asProps2.value,
-        getI18nText = _this$asProps2.getI18nText;
-      return {
-        'ref': this.closeIconRef,
-        /* hide through css because the width of the input changes */
-        'hide': !value,
-        'aria-hidden': !value,
-        'aria-label': getI18nText('clearSearch'),
-        'onClick': this.handleClear
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref5;
-      var Value = InputSearch.Value;
-      var SInputSearch = _input["default"];
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        styles = _this$asProps3.styles,
-        hasChildren = _this$asProps3.children,
-        Children = _this$asProps3.Children;
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
-        "size": size || this.context.size || 'm',
-        "styles": styles
-      }), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InputSearch.SearchIcon, null), /*#__PURE__*/_react["default"].createElement(Value, _ref5.cn("Value", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref)))), /*#__PURE__*/_react["default"].createElement(InputSearch.Clear, null)));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(InputSearchRoot, "displayName", 'InputSearch');
-(0, _defineProperty2["default"])(InputSearchRoot, "style", style);
-(0, _defineProperty2["default"])(InputSearchRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-(0, _defineProperty2["default"])(InputSearchRoot, "defaultProps", {
+  uncontrolledProps() {
+    return {
+      value: null
+    };
+  }
+  getValueProps() {
+    const {
+      value,
+      onChange,
+      getI18nText,
+      children: hasChildren
+    } = this.asProps;
+    return {
+      value,
+      'onChange': hasChildren ? onChange : undefined,
+      'autoFocus': true,
+      'ref': this.inputRef,
+      'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),
+      'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
+    };
+  }
+  getClearProps() {
+    const {
+      value,
+      getI18nText
+    } = this.asProps;
+    return {
+      'ref': this.closeIconRef,
+      /* hide through css because the width of the input changes */
+      'hide': !value,
+      'aria-hidden': !value,
+      'aria-label': getI18nText('clearSearch'),
+      'onClick': this.handleClear
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref5;
+    const Value = InputSearch.Value;
+    const SInputSearch = _input.default;
+    const {
+      size,
+      styles,
+      children: hasChildren,
+      Children
+    } = this.asProps;
+    return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SInputSearch, _ref5.cn("SInputSearch", {
+      "size": size || this.context.size || 'm',
+      "styles": styles
+    }), hasChildren ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(InputSearch.SearchIcon, null), /*#__PURE__*/_react.default.createElement(Value, _ref5.cn("Value", {
+      ...(0, _core.assignProps)({}, _ref)
+    })), /*#__PURE__*/_react.default.createElement(InputSearch.Clear, null)));
+  }
+}
+(0, _defineProperty2.default)(InputSearchRoot, "displayName", 'InputSearch');
+(0, _defineProperty2.default)(InputSearchRoot, "style", style);
+(0, _defineProperty2.default)(InputSearchRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2.default)(InputSearchRoot, "defaultProps", {
   defaultValue: '',
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
-(0, _defineProperty2["default"])(InputSearchRoot, "contextType", _context.selectContext);
-var SearchIcon = function SearchIcon(props) {
+(0, _defineProperty2.default)(InputSearchRoot, "contextType", _context.selectContext);
+function SearchIcon(props) {
   var _ref2 = arguments[0],
     _ref6;
-  var SSearchIcon = _input["default"].Addon;
-  var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchIcon, _ref6.cn("SSearchIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref6.cn("SearchM", {})));
-};
-var SearchValue = function SearchValue(props) {
+  const SSearchIcon = _input.default.Addon;
+  const {
+    styles
+  } = props;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSearchIcon, _ref6.cn("SSearchIcon", {
+    ...(0, _core.assignProps)({}, _ref2)
+  }), /*#__PURE__*/_react.default.createElement(_m2.default, _ref6.cn("SearchM", {})));
+}
+function SearchValue(props) {
   var _ref3 = arguments[0],
     _ref7;
-  var SSearchValue = _input["default"].Value;
-  var styles = props.styles;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSearchValue, _ref7.cn("SSearchValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
-};
-var SearchClear = function SearchClear(props) {
+  const SSearchValue = _input.default.Value;
+  const {
+    styles
+  } = props;
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSearchValue, _ref7.cn("SSearchValue", {
+    ...(0, _core.assignProps)({}, _ref3)
+  }));
+}
+function SearchClear(props) {
   var _ref4 = arguments[0],
     _ref8;
-  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)({
-    "addonLeft": _m["default"],
-    "use": 'secondary'
-  }, _ref4))));
-};
-var InputSearch = (0, _core.createComponent)(InputSearchRoot, {
+  const SSearchClear = _button.ButtonLink;
+  const {
+    styles
+  } = props;
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SSearchClear, _ref8.cn("SSearchClear", {
+    ...(0, _core.assignProps)({
+      "addonLeft": _m.default,
+      "use": 'secondary'
+    }, _ref4)
+  }));
+}
+const InputSearch = (0, _core.createComponent)(InputSearchRoot, {
   SearchIcon: SearchIcon,
   Value: SearchValue,
   Clear: SearchClear
 });
-var _default = exports["default"] = InputSearch;
+var _default = exports.default = InputSearch;
 //# sourceMappingURL=InputSearch.js.map

package/lib/cjs/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_inherits2","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","onChange","getI18nText","hasChildren","children","undefined","getClearProps","_this$asProps2","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","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 { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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, onChange, getI18nText, children: hasChildren } = this.asProps;\n    return {\n      value,\n      'onChange': hasChildren ? onChange : undefined,\n      'autoFocus': true,\n      'ref': this.inputRef,\n      'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n      'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n    };\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          ? (\n              <Children />\n            )\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,OAAA;AADA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,EAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,GAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAEA,IAAAQ,QAAA,GAAAR,OAAA;AAEA,IAAAS,4BAAA,GAAAT,OAAA;AAAmF;AAAA,IAAAU,KAAA,8BAAAX,KAAA,CAAAY,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE7EC,eAAe,0BAAAC,UAAA;EAAA,SAAAD,gBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,eAAA;IAAA,SAAAI,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,OAAAQ,WAAA,mBAAAV,eAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,2BAWRW,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,+BACbW,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,iBAUlB,UAACa,CAAC,EAAK;MACnBb,KAAA,CAAKc,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,KAAKlB,KAAA,CAAKoB,YAAY,CAACC,OAAO,EACpD;UAAA,IAAAC,qBAAA;UACA,CAAAA,qBAAA,GAAAtB,KAAA,CAAKuB,QAAQ,CAACF,OAAO,cAAAC,qBAAA,eAArBA,qBAAA,CAAuBE,KAAK,CAAC,CAAC;QAChC;MACF,CAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAAA,OAAAxB,KAAA;EAAA;EAAA,IAAAyB,UAAA,aAAA3B,eAAA,EAAAC,UAAA;EAAA,WAAA2B,aAAA,aAAA5B,eAAA;IAAA6B,GAAA;IAAAZ,KAAA,EAhBD,SAAAa,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLb,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAY,GAAA;IAAAZ,KAAA,EAcD,SAAAc,aAAaA,CAAA,EAAG;MACd,IAAAC,aAAA,GAAgE,IAAI,CAACC,OAAO;QAApEhB,KAAK,GAAAe,aAAA,CAALf,KAAK;QAAEiB,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAAYC,WAAW,GAAAJ,aAAA,CAArBK,QAAQ;MAC9C,OAAO;QACLpB,KAAK,EAALA,KAAK;QACL,UAAU,EAAEmB,WAAW,GAAGF,QAAQ,GAAGI,SAAS;QAC9C,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,IAAI,CAACb,QAAQ;QACpB,aAAa,EAAEU,WAAW,CAAC,sCAAsC,CAAC;QAClE,YAAY,EAAEA,WAAW,CAAC,qCAAqC;MACjE,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAZ,KAAA,EAED,SAAAsB,aAAaA,CAAA,EAAG;MACd,IAAAC,cAAA,GAA+B,IAAI,CAACP,OAAO;QAAnChB,KAAK,GAAAuB,cAAA,CAALvB,KAAK;QAAEkB,WAAW,GAAAK,cAAA,CAAXL,WAAW;MAC1B,OAAO;QACL,KAAK,EAAE,IAAI,CAACb,YAAY;QACxB;QACA,MAAM,EAAE,CAACL,KAAK;QACd,aAAa,EAAE,CAACA,KAAK;QACrB,YAAY,EAAEkB,WAAW,CAAC,aAAa,CAAC;QACxC,SAAS,EAAE,IAAI,CAACM;MAClB,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAAZ,KAAA,EAED,SAAAyB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAV,OAAA;QAAAW,KAAA;MACP,IAAMC,KAAK,GAagBC,WAAW,CAACD,KAAK;MAZ5C,IAAME,YAAY,GAAGC,iBAAK;MAC1B,IAAAC,cAAA,GAA0D,IAAI,CAAChB,OAAO;QAA9DiB,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAYf,WAAW,GAAAa,cAAA,CAArBZ,QAAQ;QAAee,QAAQ,GAAAH,cAAA,CAARG,QAAQ;MAErD,OAAAR,KAAA,GAAO,IAAA9C,aAAO,EAACqD,MAAM,CAAC,eACpBzD,MAAA,YAAA2D,aAAA,CAACN,YAAY,EAAAH,KAAA,CAAAU,EAAA;QAAA,QAAOJ,IAAI,IAAI,IAAI,CAACK,OAAO,CAACL,IAAI,IAAI,GAAG;QAAA,UAAUC;MAAM,IACjEf,WAAW,gBAEN1C,MAAA,YAAA2D,aAAA,CAACD,QAAQ,EAAAR,KAAA,CAAAU,EAAA,gBAAE,CAAC,gBAGZ5D,MAAA,YAAA2D,aAAA,CAAA3D,MAAA,YAAA8D,QAAA,qBACE9D,MAAA,YAAA2D,aAAA,CAACP,WAAW,CAACW,UAAU,MAAE,CAAC,eAC1B/D,MAAA,YAAA2D,aAAA,CAACR,KAAK,EAAAD,KAAA,CAAAU,EAAA,cAAAI,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA,MAAAhB,IAAA,GAA6B,CAAC,eACpCjD,MAAA,YAAA2D,aAAA,CAACP,WAAW,CAACc,KAAK,MAAE,CACpB,CAEI,CAAC;IAEnB;EAAC;AAAA,EA9E2BC,eAAS;AAAA,IAAAjD,gBAAA,aAAjCZ,eAAe,iBACE,aAAa;AAAA,IAAAY,gBAAA,aAD9BZ,eAAe,WAGJH,KAAK;AAAA,IAAAe,gBAAA,aAHhBZ,eAAe,aAIF,CAAC,IAAA8D,uBAAW,EAACC,8CAAiB,CAAC,CAAC;AAAA,IAAAnD,gBAAA,aAJ7CZ,eAAe,kBAKG;EACpBgE,YAAY,EAAE,EAAE;EAChBC,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AAAA,IAAAtD,gBAAA,aATGZ,eAAe,iBAcEmE,sBAAa;AAmEpC,IAAMV,UAAU,GAAG,SAAbA,UAAUA,CAAIW,KAAK,EAAK;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC5B,IAAMC,WAAW,GAGMxB,iBAAK,CAACyB,KAAK;EAFlC,IAAQtB,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAAoB,KAAA,GAAO,IAAAzE,aAAO,EAACqD,MAAM,CAAC,eACpBzD,MAAA,YAAA2D,aAAA,CAACmB,WAAW,EAAAD,KAAA,CAAAjB,EAAA,oBAAAI,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA,MAAAU,KAAA,kBACV3E,MAAA,YAAA2D,aAAA,CAAC7D,GAAA,WAAO,EAAA+E,KAAA,CAAAjB,EAAA,eAAE,CACC,CAAC;AAElB,CAAC;AACD,IAAMoB,WAAW,GAAG,SAAdA,WAAWA,CAAIN,KAAK,EAAK;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC7B,IAAMC,YAAY,GAE2B7B,iBAAK,CAACH,KAAK;EADxD,IAAQM,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAAyB,KAAA,GAAO,IAAA9E,aAAO,EAACqD,MAAM,CAAC,eAACzD,MAAA,YAAA2D,aAAA,CAACwB,YAAY,EAAAD,KAAA,CAAAtB,EAAA,qBAAAI,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA,MAAAgB,KAAA,GAAuB,CAAC;AAC9D,CAAC;AACD,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAIV,KAAK,EAAK;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC7B,IAAMC,YAAY,GAE2BC,kBAAU;EADvD,IAAQ/B,MAAM,GAAKiB,KAAK,CAAhBjB,MAAM;EACd,OAAA6B,KAAA,GAAO,IAAAlF,aAAO,EAACqD,MAAM,CAAC,eAACzD,MAAA,YAAA2D,aAAA,CAAC4B,YAAY,EAAAD,KAAA,CAAA1B,EAAA,qBAAAI,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA;IAAA,aAAgCwB,aAAM;IAAA,OAAM;EAAW,GAAAJ,KAAA,GAAE,CAAC;AAChG,CAAC;AAED,IAAMjC,WAAW,GAAG,IAAAsC,qBAAe,EAACpF,eAAe,EAAE;EACnDyD,UAAU,EAAEA,UAAU;EACtBZ,KAAK,EAAE6B,WAAW;EAClBd,KAAK,EAAEkB;AACT,CAAC,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,cAEYxC,WAAW","ignoreList":[]}
+{"version":3,"file":"InputSearch.js","names":["_core","require","_button","_i18nEnhance","_interopRequireDefault","_m","_m2","_input","_react","_context","_intergalacticDynamicLocales","style","sstyled","insert","InputSearchRoot","Component","constructor","args","_defineProperty2","default","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","inputRef","focus","uncontrolledProps","getValueProps","onChange","getI18nText","children","hasChildren","asProps","undefined","getClearProps","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","size","styles","Children","createElement","cn","context","Fragment","SearchIcon","assignProps","Clear","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 { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport CloseM from '@semcore/icon/Close/m';\nimport SearchM from '@semcore/icon/Search/m';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport { selectContext } from './context';\nimport style from './style/input-search.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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, onChange, getI18nText, children: hasChildren } = this.asProps;\n    return {\n      value,\n      'onChange': hasChildren ? onChange : undefined,\n      'autoFocus': true,\n      'ref': this.inputRef,\n      'placeholder': getI18nText('Select.InputSearch.Value:placeholder'),\n      'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n    };\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          ? (\n              <Children />\n            )\n          : (\n              <>\n                <InputSearch.SearchIcon />\n                <Value render={InputSearch.Value} />\n                <InputSearch.Clear />\n              </>\n            )}\n      </SInputSearch>,\n    );\n  }\n}\n\nfunction 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}\nfunction SearchValue(props) {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n}\nfunction 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":"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","ignoreList":[]}