@megafon/ui-core 6.8.0 → 6.9.1

package/dist/es/components/Search/Search.d.ts

@@ -69,6 +69,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/es/components/Search/Search.js

@@ -92,6 +92,7 @@ var Search = function Search(_ref) {
       disabled = _ref.disabled,
       required = _ref.required,
       noticeText = _ref.noticeText,
+      maxLength = _ref.maxLength,
       className = _ref.className,
       classes = _ref.classes,
       _ref$type = _ref.type,
@@ -375,8 +376,15 @@ var Search = function Search(_ref) {
   };
 
   React.useEffect(function () {
+    return setSearchQuery(value);
+  }, [value]);
+  React.useEffect(function () {
+    if (value !== searchQuery) {
+      return;
+    }
+
     textareaResize();
-  }, [textareaResize]);
+  }, [searchQuery, value, textareaResize]);
   React.useEffect(function () {
     if (!resizerRef.current || !isTextarea || !showResizer) {
       return;
@@ -418,9 +426,6 @@ var Search = function Search(_ref) {
     resizerRef.current.addEventListener('mousedown', handleStartResize);
     resizerRef.current.addEventListener('touchstart', handleStartResize);
   }, [isTextarea, minTextareaHeight, showResizer]);
-  React.useEffect(function () {
-    return setSearchQuery(value);
-  }, [value]);
   React.useEffect(function () {
     debouncedOnChange.current = debounce(function (inputValue) {
       return onChange && onChange(inputValue);
@@ -565,6 +570,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -591,6 +597,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -656,6 +663,7 @@ Search.propTypes = {
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
   noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  maxLength: PropTypes.number,
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

package/dist/lib/components/Search/Search.d.ts

@@ -69,6 +69,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string | JSX.Element;
+    /** Максимальное вводимое количество текста */
+    maxLength?: number;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

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

@@ -128,6 +128,7 @@ var Search = function Search(_ref) {
       disabled = _ref.disabled,
       required = _ref.required,
       noticeText = _ref.noticeText,
+      maxLength = _ref.maxLength,
       className = _ref.className,
       classes = _ref.classes,
       _ref$type = _ref.type,
@@ -432,8 +433,16 @@ var Search = function Search(_ref) {
   };
 
   _react["default"].useEffect(function () {
+    return setSearchQuery(value);
+  }, [value]);
+
+  _react["default"].useEffect(function () {
+    if (value !== searchQuery) {
+      return;
+    }
+
     textareaResize();
-  }, [textareaResize]);
+  }, [searchQuery, value, textareaResize]);
 
   _react["default"].useEffect(function () {
     if (!resizerRef.current || !isTextarea || !showResizer) {
@@ -477,10 +486,6 @@ var Search = function Search(_ref) {
     resizerRef.current.addEventListener('touchstart', handleStartResize);
   }, [isTextarea, minTextareaHeight, showResizer]);
 
-  _react["default"].useEffect(function () {
-    return setSearchQuery(value);
-  }, [value]);
-
   _react["default"].useEffect(function () {
     debouncedOnChange.current = (0, _lodash["default"])(function (inputValue) {
       return onChange && onChange(inputValue);
@@ -628,6 +633,7 @@ var Search = function Search(_ref) {
     }, [classes === null || classes === void 0 ? void 0 : classes.input]),
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -655,6 +661,7 @@ var Search = function Search(_ref) {
     },
     placeholder: placeholder,
     value: searchQuery,
+    maxLength: maxLength,
     onChange: handleChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -721,6 +728,7 @@ Search.propTypes = {
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
   noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  maxLength: PropTypes.number,
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "6.8.0",
+    "version": "6.9.1",
     "files": [
         "dist",
         "styles"
@@ -99,5 +99,5 @@
         "react-popper": "^2.2.3",
         "swiper": "^6.5.6"
     },
-    "gitHead": "05256f0d8c8ed175460371157ac6dde4e521183a"
+    "gitHead": "7dd1739619a676bfce199986dfc728c92e5610e4"
 }