@megafon/ui-core 6.2.1 → 7.0.0

package/dist/lib/components/Search/Search.js

@@ -1,168 +1,128 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SearchItemsPaddings = exports.Verification = void 0;
-
+exports["default"] = exports.Verification = exports.SearchItemsPaddings = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
-
+require("core-js/modules/es.regexp.constructor.js");
 require("core-js/modules/es.regexp.exec.js");
-
+require("core-js/modules/es.regexp.sticky.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.replace.js");
-
 require("core-js/modules/es.string.split.js");
-
-require("core-js/modules/es.regexp.constructor.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
-require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.values.js");
-
-var _react = _interopRequireDefault(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
-
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
 var _Caption = _interopRequireDefault(require("../Caption/Caption"));
-
 var _Header = _interopRequireDefault(require("../Header/Header"));
-
 var _Preloader = _interopRequireDefault(require("../Preloader/Preloader"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var SearchIcon16 = function SearchIcon16(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M17 9a7 7 0 10-3.32 6l2.49 3 .77-.64-2.47-3A7 7 0 0017 9zM4 9a6 6 0 116 6 6 6 0 01-6-6z"
   }));
 };
-
 var SearchIcon = function SearchIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M16 24a9.94 9.94 0 005.7-1.8l4.83 5.8L28 26.72l-4.78-5.82A10 10 0 1016 24zm0-18a8 8 0 11-8 8 8 8 0 018-8z"
   }));
 };
-
 var ClearIcon = function ClearIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     className: "ClearIcon__st0",
     d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
   }));
 };
-
 var SEARCH_QUERY_REGEX = /[^A-Z-a-zА-ЯЁа-яё0-9]/g;
 var MAX_POPULAR_ITEMS_LENGTH = 5;
-var Verification = {
+var Verification = exports.Verification = {
   VALID: 'valid',
   ERROR: 'error'
 };
-exports.Verification = Verification;
-var SearchItemsPaddings = {
+var SearchItemsPaddings = exports.SearchItemsPaddings = {
   SMALL: 'small',
   LARGE: 'large'
 };
-exports.SearchItemsPaddings = SearchItemsPaddings;
 var cn = (0, _uiHelpers.cnCreate)('mfui-search');
-
 var Search = function Search(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      label = _ref.label,
-      _ref$searchId = _ref.searchId,
-      searchId = _ref$searchId === void 0 ? 'mfuiSearchId' : _ref$searchId,
-      placeholder = _ref.placeholder,
-      hideIcon = _ref.hideIcon,
-      _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$changeDelay = _ref.changeDelay,
-      changeDelay = _ref$changeDelay === void 0 ? 250 : _ref$changeDelay,
-      verification = _ref.verification,
-      disabled = _ref.disabled,
-      required = _ref.required,
-      noticeText = _ref.noticeText,
-      className = _ref.className,
-      classes = _ref.classes,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'textfield' : _ref$type,
-      showLoader = _ref.showLoader,
-      showNotFound = _ref.showNotFound,
-      textNotFound = _ref.textNotFound,
-      _ref$popularItems = _ref.popularItems,
-      popularItems = _ref$popularItems === void 0 ? [] : _ref$popularItems,
-      popularTitle = _ref.popularTitle,
-      onChange = _ref.onChange,
-      onSubmit = _ref.onSubmit,
-      onBlur = _ref.onBlur,
-      onFocus = _ref.onFocus,
-      onPopularItemClick = _ref.onPopularItemClick;
-
-  var _React$useState = _react["default"].useState(value),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      searchQuery = _React$useState2[0],
-      setSearchQuery = _React$useState2[1];
-
-  var _React$useState3 = _react["default"].useState(-1),
-      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-      activeIndex = _React$useState4[0],
-      setActiveIndex = _React$useState4[1];
-
-  var _React$useState5 = _react["default"].useState(false),
-      _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-      isFocused = _React$useState6[0],
-      setFocus = _React$useState6[1];
-
-  var _React$useState7 = _react["default"].useState(-1),
-      _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-      popularActiveIndex = _React$useState8[0],
-      setPopularActiveIndex = _React$useState8[1];
-
-  var debouncedOnChange = _react["default"].useRef((0, _lodash["default"])(function (inputValue) {
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    label = _ref.label,
+    _ref$searchId = _ref.searchId,
+    searchId = _ref$searchId === void 0 ? 'mfuiSearchId' : _ref$searchId,
+    placeholder = _ref.placeholder,
+    hideIcon = _ref.hideIcon,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$changeDelay = _ref.changeDelay,
+    changeDelay = _ref$changeDelay === void 0 ? 250 : _ref$changeDelay,
+    verification = _ref.verification,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    noticeText = _ref.noticeText,
+    className = _ref.className,
+    classes = _ref.classes,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'textfield' : _ref$type,
+    showLoader = _ref.showLoader,
+    showNotFound = _ref.showNotFound,
+    textNotFound = _ref.textNotFound,
+    _ref$popularItems = _ref.popularItems,
+    popularItems = _ref$popularItems === void 0 ? [] : _ref$popularItems,
+    popularTitle = _ref.popularTitle,
+    onChange = _ref.onChange,
+    onSubmit = _ref.onSubmit,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onPopularItemClick = _ref.onPopularItemClick;
+  var _React$useState = React.useState(value),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    searchQuery = _React$useState2[0],
+    setSearchQuery = _React$useState2[1];
+  var _React$useState3 = React.useState(-1),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    activeIndex = _React$useState4[0],
+    setActiveIndex = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    isFocused = _React$useState6[0],
+    setFocus = _React$useState6[1];
+  var _React$useState7 = React.useState(-1),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    popularActiveIndex = _React$useState8[0],
+    setPopularActiveIndex = _React$useState8[1];
+  var debouncedOnChange = React.useRef((0, _lodash["default"])(function (inputValue) {
     return onChange && onChange(inputValue);
   }, changeDelay));
-
-  var highlightedItem = _react["default"].useRef(null);
-
-  var fieldNode = _react["default"].useRef(null);
-
-  var correctPopularItems = _react["default"].useMemo(function () {
+  var highlightedItem = React.useRef(null);
+  var fieldNode = React.useRef(null);
+  var correctPopularItems = React.useMemo(function () {
     return popularItems.slice(0, MAX_POPULAR_ITEMS_LENGTH);
   }, [popularItems]);
-
   var isCompact = type === 'compact';
   var showClearIcon = isCompact && !!searchQuery;
   var showTextFieldSubmit = !hideIcon && !isCompact && !showLoader;
   var showAdditionalElement = !hideIcon || showLoader || showClearIcon;
   var showPopularItems = !!correctPopularItems.length;
-
-  var handleChange = _react["default"].useCallback(function (e) {
+  var handleChange = React.useCallback(function (e) {
     var _e$target$value = e.target.value,
-        inputValue = _e$target$value === void 0 ? '' : _e$target$value;
+      inputValue = _e$target$value === void 0 ? '' : _e$target$value;
     setSearchQuery(inputValue);
     setActiveIndex(-1);
-
     if (changeDelay === 0) {
       onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     } else {
@@ -171,73 +131,58 @@ var Search = function Search(_ref) {
       debouncedOnChange.current(inputValue);
     }
   }, [changeDelay, onChange]);
-
-  var handleHoverItem = _react["default"].useCallback(function (index) {
+  var handleHoverItem = React.useCallback(function (index) {
     return function () {
       setActiveIndex(index);
     };
   }, []);
-
-  var handlePopularItemHover = _react["default"].useCallback(function (index) {
+  var handlePopularItemHover = React.useCallback(function (index) {
     return function () {
       setPopularActiveIndex(index);
     };
   }, []);
-
-  var handleSearchSubmit = _react["default"].useCallback(function () {
+  var handleSearchSubmit = React.useCallback(function () {
     onSubmit && searchQuery && onSubmit(searchQuery);
   }, [searchQuery, onSubmit]);
-
-  var handleItemSubmit = _react["default"].useCallback(function (index) {
+  var handleItemSubmit = React.useCallback(function (index) {
     if (disabled) {
       return;
     }
-
     var chosenItem = items[index];
     onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(chosenItem.value);
-
     if (chosenItem.href) {
       window.location.href = chosenItem.href;
     }
   }, [disabled, items, onSubmit]);
-
-  var handleSelectSubmit = _react["default"].useCallback(function (index) {
+  var handleSelectSubmit = React.useCallback(function (index) {
     return function () {
       handleItemSubmit(index);
     };
   }, [handleItemSubmit]);
-
-  var handleFocus = _react["default"].useCallback(function (e) {
+  var handleFocus = React.useCallback(function (e) {
     setFocus(true);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   }, [onFocus]);
-
-  var handleBlur = _react["default"].useCallback(function (e) {
+  var handleBlur = React.useCallback(function (e) {
     setFocus(false);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [onBlur]);
-
-  var handleClick = _react["default"].useCallback(function () {
+  var handleClick = React.useCallback(function () {
     if (activeIndex >= 0) {
       setActiveIndex(-1);
     }
   }, [activeIndex]);
-
-  var handlePopularItemMouseDown = _react["default"].useCallback(function (e) {
+  var handlePopularItemMouseDown = React.useCallback(function (e) {
     e.preventDefault();
   }, []);
-
-  var handlePopularItemMouseUp = _react["default"].useCallback(function () {
+  var handlePopularItemMouseUp = React.useCallback(function () {
     var _a;
-
     var chosenValue = popularItems[popularActiveIndex].title;
     (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.blur();
     onPopularItemClick === null || onPopularItemClick === void 0 ? void 0 : onPopularItemClick(chosenValue);
   }, [onPopularItemClick, popularActiveIndex, popularItems]);
-
-  var handleKeyDownPopularItems = _react["default"].useCallback(function (e) {
+  var handleKeyDownPopularItems = React.useCallback(function (e) {
     var _a;
-
     switch (true) {
       case e.key === 'ArrowDown' && popularActiveIndex < popularItems.length - 1:
         setPopularActiveIndex(function (index) {
@@ -245,34 +190,27 @@ var Search = function Search(_ref) {
         });
         e.preventDefault();
         break;
-
       case e.key === 'ArrowUp' && popularActiveIndex > -1:
         setPopularActiveIndex(function (index) {
           return index - 1;
         });
         e.preventDefault();
         break;
-
       case e.key === 'Enter' && popularActiveIndex > -1:
         {
           var currentHref = (_a = popularItems[popularActiveIndex]) === null || _a === void 0 ? void 0 : _a.href;
           handlePopularItemMouseUp();
-
           if (currentHref) {
             window.location.href = currentHref;
           }
-
           break;
         }
-
       default:
         break;
     }
-
     return false;
   }, [popularActiveIndex, popularItems, handlePopularItemMouseUp]);
-
-  var handleKeyDownItems = _react["default"].useCallback(function (e) {
+  var handleKeyDownItems = React.useCallback(function (e) {
     switch (true) {
       case e.key === 'ArrowDown' && activeIndex < items.length - 1:
         setActiveIndex(function (index) {
@@ -280,69 +218,52 @@ var Search = function Search(_ref) {
         });
         e.preventDefault();
         break;
-
       case e.key === 'ArrowUp' && activeIndex > -1:
         setActiveIndex(function (index) {
           return index - 1;
         });
         e.preventDefault();
         break;
-
       case e.key === 'Enter' && activeIndex > -1:
         handleItemSubmit(activeIndex);
         e.preventDefault();
         break;
-
       case e.key === 'Enter' && activeIndex === -1:
         handleSearchSubmit();
         break;
-
       default:
         break;
     }
-
     return false;
   }, [activeIndex, handleItemSubmit, handleSearchSubmit, items.length]);
-
-  var handleKeyDown = _react["default"].useCallback(function (e) {
+  var handleKeyDown = React.useCallback(function (e) {
     if (showNotFound && showPopularItems) {
       return handleKeyDownPopularItems(e);
     }
-
     return handleKeyDownItems(e);
   }, [handleKeyDownItems, handleKeyDownPopularItems, showNotFound, showPopularItems]);
-
   var handleClearClick = function handleClearClick() {
-    var _a; // TODO: После обновления TS до 4 версии, установить @types/lodash.debounce и убрать disable
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-
-
+    var _a;
     !!debouncedOnChange.current && debouncedOnChange.current.cancel();
     onChange === null || onChange === void 0 ? void 0 : onChange('');
     setSearchQuery('');
     (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
-
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     return setSearchQuery(value);
   }, [value]);
-
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     debouncedOnChange.current = (0, _lodash["default"])(function (inputValue) {
       return onChange && onChange(inputValue);
     }, changeDelay);
   }, [changeDelay, onChange]);
-
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     if (isFocused && disabled) {
       setFocus(false);
     }
   }, [disabled, isFocused]);
-
-  _react["default"].useEffect(function () {
+  React.useEffect(function () {
     var _a, _b;
-
     if (activeIndex !== -1) {
       (_b = (_a = highlightedItem.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, {
         behavior: 'smooth',
@@ -350,53 +271,49 @@ var Search = function Search(_ref) {
       });
     }
   }, [activeIndex, items]);
-
   var highlightString = function highlightString(title) {
     var query = searchQuery.replace(SEARCH_QUERY_REGEX, function (w) {
       return "\\".concat(w);
     });
     var stringFragments = title.split(RegExp("(".concat(query, ")"), 'ig'));
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, stringFragments.map(function (fragment, i) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, stringFragments.map(function (fragment, i) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
         key: i
-      }, fragment.toLowerCase() === searchQuery.toLowerCase() ? /*#__PURE__*/_react["default"].createElement("span", {
+      }, fragment.toLowerCase() === searchQuery.toLowerCase() ? /*#__PURE__*/React.createElement("span", {
         className: cn('highlighted-fragment')
       }, fragment) : fragment);
     }));
   };
-
   var renderSubmitButton = function renderSubmitButton() {
     var Icon = isCompact ? SearchIcon16 : SearchIcon;
-    return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.submit), {
+    return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.submit), {
       className: cn('submit-button', [classes === null || classes === void 0 ? void 0 : classes.submitButton]),
       onClick: handleSearchSubmit,
       type: "button"
-    }), /*#__PURE__*/_react["default"].createElement(Icon, {
+    }), /*#__PURE__*/React.createElement(Icon, {
       className: cn('submit-icon', [classes === null || classes === void 0 ? void 0 : classes.icon])
     }));
   };
-
   var renderClearButton = function renderClearButton() {
-    return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.clearButton), {
+    return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.clearButton), {
       onClick: handleClearClick,
       type: "button",
       className: cn('clear')
-    }), /*#__PURE__*/_react["default"].createElement(ClearIcon, {
+    }), /*#__PURE__*/React.createElement(ClearIcon, {
       className: cn('clear-icon')
     }));
   };
-
   var renderList = function renderList() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: cn('list')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: cn('list-inner')
     }, items.map(function (_ref2, i) {
       var itemValue = _ref2.value,
-          searchView = _ref2.searchView,
-          _ref2$paddings = _ref2.paddings,
-          paddings = _ref2$paddings === void 0 ? SearchItemsPaddings.LARGE : _ref2$paddings;
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+        searchView = _ref2.searchView,
+        _ref2$paddings = _ref2.paddings,
+        paddings = _ref2$paddings === void 0 ? SearchItemsPaddings.LARGE : _ref2$paddings;
+      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
         ref: activeIndex === i ? highlightedItem : null,
         className: cn('list-item', {
           active: activeIndex === i,
@@ -405,21 +322,20 @@ var Search = function Search(_ref) {
         onMouseDown: handleSelectSubmit(i),
         onMouseEnter: handleHoverItem(i),
         key: i
-      }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, i + 1), {
+      }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, i + 1), {
         className: cn('item-title', [classes === null || classes === void 0 ? void 0 : classes.listItemTitle])
       }), searchView || highlightString(itemValue)));
     })));
   };
-
   var renderPopularItems = function renderPopularItems() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: cn('popular-list')
     }, correctPopularItems.map(function (_ref3, i) {
       var title = _ref3.title,
-          href = _ref3.href,
-          icon = _ref3.icon;
+        href = _ref3.href,
+        icon = _ref3.icon;
       var Elem = href ? 'a' : 'div';
-      return /*#__PURE__*/_react["default"].createElement(Elem, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.popularItem, i + 1), {
+      return /*#__PURE__*/React.createElement(Elem, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.popularItem, i + 1), {
         className: cn('popular-item', {
           active: popularActiveIndex === i
         }, [classes === null || classes === void 0 ? void 0 : classes.popularItem]),
@@ -428,37 +344,35 @@ var Search = function Search(_ref) {
         onMouseDown: handlePopularItemMouseDown,
         onMouseUp: handlePopularItemMouseUp,
         onMouseEnter: handlePopularItemHover(i)
-      }), icon && /*#__PURE__*/_react["default"].createElement("span", {
+      }), icon && /*#__PURE__*/React.createElement("span", {
         className: cn('popular-icon')
-      }, icon), /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+      }, icon), /*#__PURE__*/React.createElement(_Header["default"], {
         className: cn('popular-item-title'),
         as: "h5"
       }, title));
     }));
   };
-
   var renderNotFound = function renderNotFound() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: cn('list', {
         'not-found': true
       })
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: cn('list-inner')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: cn('not-found-text', {
         'show-popular': showPopularItems
       }, [classes === null || classes === void 0 ? void 0 : classes.textNotFound])
-    }, textNotFound || 'Ничего не нашлось'), showPopularItems && /*#__PURE__*/_react["default"].createElement("div", {
+    }, textNotFound || 'Ничего не нашлось'), showPopularItems && /*#__PURE__*/React.createElement("div", {
       className: cn('popular-wrap')
-    }, /*#__PURE__*/_react["default"].createElement(_Caption["default"], {
+    }, /*#__PURE__*/React.createElement(_Caption["default"], {
       className: cn('popular-title', [classes === null || classes === void 0 ? void 0 : classes.popularTitle]),
       variant: "medium",
       color: "gray",
       hasMargin: false
     }, popularTitle || 'Популярные действия'), renderPopularItems())));
   };
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       open: isFocused,
       disabled: disabled,
@@ -466,9 +380,9 @@ var Search = function Search(_ref) {
       error: verification === Verification.ERROR,
       success: verification === Verification.VALID
     }, [className])
-  }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.control), {
     className: cn('control', [classes === null || classes === void 0 ? void 0 : classes.control])
-  }), isCompact && renderSubmitButton(), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {
+  }), isCompact && renderSubmitButton(), /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {
     id: searchId,
     className: cn('field', {
       filled: !!searchQuery,
@@ -485,76 +399,22 @@ var Search = function Search(_ref) {
     type: "text",
     autoComplete: "off",
     ref: fieldNode
-  })), label && /*#__PURE__*/_react["default"].createElement("label", {
+  })), label && /*#__PURE__*/React.createElement("label", {
     className: cn('label', [classes === null || classes === void 0 ? void 0 : classes.label]),
     htmlFor: searchId
-  }, label, required && /*#__PURE__*/_react["default"].createElement("span", {
+  }, label, required && /*#__PURE__*/React.createElement("span", {
     className: cn('require-mark')
-  }, "*")), showAdditionalElement && /*#__PURE__*/_react["default"].createElement("div", {
+  }, "*")), showAdditionalElement && /*#__PURE__*/React.createElement("div", {
     className: cn('icons')
-  }, showTextFieldSubmit && renderSubmitButton(), showLoader && /*#__PURE__*/_react["default"].createElement(_Preloader["default"], {
+  }, showTextFieldSubmit && renderSubmitButton(), showLoader && /*#__PURE__*/React.createElement(_Preloader["default"], {
     delay: false,
     className: cn('loader'),
     sizeAll: "small"
-  }), showClearIcon && renderClearButton()), !!items.length && !showNotFound && renderList(), showNotFound && renderNotFound()), noticeText && /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notice), {
+  }), showClearIcon && renderClearButton()), !!items.length && !showNotFound && renderList(), showNotFound && renderNotFound()), noticeText && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notice), {
     className: cn('notice', {
       error: verification === Verification.ERROR,
       success: verification === Verification.VALID
     })
   }), noticeText));
 };
-
-Search.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    control: PropTypes.objectOf(PropTypes.string.isRequired),
-    searchField: PropTypes.objectOf(PropTypes.string.isRequired),
-    submit: PropTypes.objectOf(PropTypes.string.isRequired),
-    item: PropTypes.objectOf(PropTypes.string.isRequired),
-    itemTitle: PropTypes.objectOf(PropTypes.string.isRequired),
-    notice: PropTypes.objectOf(PropTypes.string.isRequired),
-    popularItem: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  value: PropTypes.string,
-  label: PropTypes.string,
-  searchId: PropTypes.string,
-  placeholder: PropTypes.string,
-  hideIcon: PropTypes.bool,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string.isRequired,
-    href: PropTypes.string,
-    searchView: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-    paddings: PropTypes.oneOf(Object.values(SearchItemsPaddings))
-  }).isRequired),
-  changeDelay: PropTypes.number,
-  verification: PropTypes.oneOf(['valid', 'error']),
-  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  disabled: PropTypes.bool,
-  required: PropTypes.bool,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    label: PropTypes.string,
-    input: PropTypes.string,
-    listItemTitle: PropTypes.string,
-    control: PropTypes.string,
-    icon: PropTypes.string,
-    textNotFound: PropTypes.string,
-    popularTitle: PropTypes.string,
-    popularItem: PropTypes.string
-  }),
-  showNotFound: PropTypes.bool,
-  textNotFound: PropTypes.string,
-  popularItems: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    href: PropTypes.string,
-    icon: PropTypes.element
-  }).isRequired),
-  popularTitle: PropTypes.string,
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  onBlur: PropTypes.func,
-  onFocus: PropTypes.func,
-  onPopularItemClick: PropTypes.func
-};
-var _default = Search;
-exports["default"] = _default;
+var _default = exports["default"] = Search;