@true-engineering/true-react-common-ui-kit 3.33.2 → 3.34.0

package/README.md

@@ -11,6 +11,13 @@
 
 # Release Notes
 
+## 3.34.0
+
+### Changes
+
+- **Toaster**: Пропы `title` и `text` заменёны на `ReactNode`.
+- **Toaster**: Обработан случай бесконечного `timeout` (напр. Infinity).
+
 ## 3.33.2
 
 ### Changes

package/dist/components/Toaster/Toaster.d.ts

@@ -5,8 +5,8 @@ import { IToasterStyles } from './Toaster.styles';
 export interface IToasterProps extends ICommonProps<IToasterStyles> {
     /** @default 'error' */
     type?: IToasterType;
-    title?: string;
-    text?: string;
+    title?: ReactNode;
+    text?: ReactNode;
     children?: ReactNode;
     /**
      * Время автоматического закрытия тостера в миллисекундах

package/dist/true-react-common-ui-kit.js

@@ -9903,7 +9903,7 @@ function _array_with_holes$k(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -9917,16 +9917,16 @@ function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _async_to_generator$5(fn3) {
+function _async_to_generator$4(fn3) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn3.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -10063,7 +10063,7 @@ function _unsupported_iterable_to_array$k(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$k(o, minLen);
 }
-function _ts_generator$5(thisArg, body) {
+function _ts_generator$4(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -10225,9 +10225,9 @@ var Input = /* @__PURE__ */ forwardRef(function(_param, ref) {
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   };
   var handleOnInputClear = function() {
-    var _ref = _async_to_generator$5(function(event) {
+    var _ref = _async_to_generator$4(function(event) {
       var _input_current, input;
-      return _ts_generator$5(this, function(_state) {
+      return _ts_generator$4(this, function(_state) {
         switch (_state.label) {
           case 0:
             return [
@@ -11345,7 +11345,7 @@ function _array_without_holes$6(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$j(arr);
 }
-function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -11359,16 +11359,16 @@ function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _async_to_generator$4(fn3) {
+function _async_to_generator$3(fn3) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn3.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -11515,7 +11515,7 @@ function _unsupported_iterable_to_array$j(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$j(o, minLen);
 }
-function _ts_generator$4(thisArg, body) {
+function _ts_generator$3(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -11859,8 +11859,8 @@ function Select(props) {
     convertToId
   ]);
   var handleOnType = useCallback(function() {
-    var _ref2 = _async_to_generator$4(function(v) {
-      return _ts_generator$4(this, function(_state) {
+    var _ref2 = _async_to_generator$3(function(v) {
+      return _ts_generator$3(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (onType === void 0) {
@@ -14157,7 +14157,7 @@ function _array_with_holes$e(arr) {
   if (Array.isArray(arr))
     return arr;
 }
-function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -14171,16 +14171,16 @@ function asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _async_to_generator$3(fn3) {
+function _async_to_generator$2(fn3) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn3.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$3(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -14293,7 +14293,7 @@ function _unsupported_iterable_to_array$e(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$e(o, minLen);
 }
-function _ts_generator$3(thisArg, body) {
+function _ts_generator$2(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -14419,9 +14419,9 @@ var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
     setShowedValue(isStringNotEmpty(v) ? v : formatNumber(defaultValue));
   };
   var handleChange = function() {
-    var _ref = _async_to_generator$3(function(inputValue, event) {
+    var _ref = _async_to_generator$2(function(inputValue, event) {
       var oldValue, target, _target_selectionStart, defaultCaretPos, numString, numberRegexp, hasDot, formattedValue, newValue;
-      return _ts_generator$3(this, function(_state) {
+      return _ts_generator$2(this, function(_state) {
         switch (_state.label) {
           case 0:
             oldValue = showedValue;
@@ -15244,7 +15244,7 @@ function _array_without_holes$3(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$d(arr);
 }
-function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -15258,16 +15258,16 @@ function asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _async_to_generator$2(fn3) {
+function _async_to_generator$1(fn3) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn3.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$2(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -15382,7 +15382,7 @@ function _unsupported_iterable_to_array$d(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$d(o, minLen);
 }
-function _ts_generator$2(thisArg, body) {
+function _ts_generator$1(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -15539,9 +15539,9 @@ function MultiSelectList(param) {
     chosenValuesIds
   ]);
   var handleSearchInputChange = useCallback(function() {
-    var _ref = _async_to_generator$2(function(inputValue) {
+    var _ref = _async_to_generator$1(function(inputValue) {
       var _inputValue_trim, response;
-      return _ts_generator$2(this, function(_state) {
+      return _ts_generator$1(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -15686,9 +15686,9 @@ function MultiSelectList(param) {
     });
   };
   var handleLoadItemsOnScroll = useCallback(function() {
-    var _ref = _async_to_generator$2(function(inputValue, page) {
+    var _ref = _async_to_generator$1(function(inputValue, page) {
       var response;
-      return _ts_generator$2(this, function(_state) {
+      return _ts_generator$1(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -15754,8 +15754,8 @@ function MultiSelectList(param) {
       observer.current.disconnect();
     }
     observer.current = new IntersectionObserver(function() {
-      var _ref = _async_to_generator$2(function(entries) {
-        return _ts_generator$2(this, function(_state) {
+      var _ref = _async_to_generator$1(function(entries) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (!entries[0].isIntersecting)
@@ -15802,9 +15802,9 @@ function MultiSelectList(param) {
       return;
     }
     var doFetchOptions = function() {
-      var _ref = _async_to_generator$2(function() {
+      var _ref = _async_to_generator$1(function() {
         var response;
-        return _ts_generator$2(this, function(_state) {
+        return _ts_generator$1(this, function(_state) {
           switch (_state.label) {
             case 0:
               setIsLoading(true);
@@ -16178,7 +16178,7 @@ function _array_without_holes$2(arr) {
   if (Array.isArray(arr))
     return _array_like_to_array$c(arr);
 }
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -16192,16 +16192,16 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _async_to_generator$1(fn3) {
+function _async_to_generator(fn3) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn3.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -16316,7 +16316,7 @@ function _unsupported_iterable_to_array$c(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$c(o, minLen);
 }
-function _ts_generator$1(thisArg, body) {
+function _ts_generator(thisArg, body) {
   var f, y, t, g, _ = {
     label: 0,
     sent: function() {
@@ -16452,9 +16452,9 @@ function FilterSelect(param) {
   var shouldShowPreloader = isLoading || isLoadingOptionsOnScroll;
   var hasFooter = isReactNodeNotEmpty(footer);
   var handleSearchInputChange = useCallback(function() {
-    var _ref = _async_to_generator$1(function(inputValue) {
+    var _ref = _async_to_generator(function(inputValue) {
       var _inputValue_trim, response;
-      return _ts_generator$1(this, function(_state) {
+      return _ts_generator(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -16536,9 +16536,9 @@ function FilterSelect(param) {
     setSearchValue("");
   };
   var handleLoadItemsOnScroll = useCallback(function() {
-    var _ref = _async_to_generator$1(function(inputValue, page) {
+    var _ref = _async_to_generator(function(inputValue, page) {
       var _inputValue_trim, response;
-      return _ts_generator$1(this, function(_state) {
+      return _ts_generator(this, function(_state) {
         switch (_state.label) {
           case 0:
             if (fetchOptions === void 0) {
@@ -16602,8 +16602,8 @@ function FilterSelect(param) {
       observer.current.disconnect();
     }
     observer.current = new IntersectionObserver(function() {
-      var _ref = _async_to_generator$1(function(entries) {
-        return _ts_generator$1(this, function(_state) {
+      var _ref = _async_to_generator(function(entries) {
+        return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               if (!entries[0].isIntersecting)
@@ -16650,9 +16650,9 @@ function FilterSelect(param) {
       return;
     }
     var doFetchOptions = function() {
-      var _ref = _async_to_generator$1(function() {
+      var _ref = _async_to_generator(function() {
         var response;
-        return _ts_generator$1(this, function(_state) {
+        return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
               setIsLoading(true);
@@ -30733,35 +30733,6 @@ var useStyles$1 = createThemedStyles("Toaster", {
     height: 32
   }
 });
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _async_to_generator(fn3) {
-  return function() {
-    var self2 = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn3.apply(self2, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
-}
 function _define_property$1(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -30814,110 +30785,8 @@ function _object_spread_props$1(target, source) {
   }
   return target;
 }
-function _ts_generator(thisArg, body) {
-  var f, y, t, g, _ = {
-    label: 0,
-    sent: function() {
-      if (t[0] & 1)
-        throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  };
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-    return this;
-  }), g;
-  function verb(n) {
-    return function(v) {
-      return step([
-        n,
-        v
-      ]);
-    };
-  }
-  function step(op) {
-    if (f)
-      throw new TypeError("Generator is already executing.");
-    while (_)
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-          return t;
-        if (y = 0, t)
-          op = [
-            op[0] & 2,
-            t.value
-          ];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [
-              0
-            ];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2])
-              _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [
-          6,
-          e
-        ];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    if (op[0] & 5)
-      throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-}
 var Toaster = function(param) {
-  var title = param.title, _param_type = param.type, type = _param_type === void 0 ? "error" : _param_type, text = param.text, _param_timeout = param.timeout, timeout = _param_timeout === void 0 ? DEFAULT_TIMEOUT : _param_timeout, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? false : _param_hasCloseButton, _param_shouldCloseOnClick = param.shouldCloseOnClick, shouldCloseOnClick = _param_shouldCloseOnClick === void 0 ? false : _param_shouldCloseOnClick, children = param.children, onClose = param.onClose, onTimeEnd = param.onTimeEnd;
+  var _param_type = param.type, type = _param_type === void 0 ? "error" : _param_type, title = param.title, text = param.text, children = param.children, _param_timeout = param.timeout, timeout = _param_timeout === void 0 ? DEFAULT_TIMEOUT : _param_timeout, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? false : _param_hasCloseButton, _param_shouldCloseOnClick = param.shouldCloseOnClick, shouldCloseOnClick = _param_shouldCloseOnClick === void 0 ? false : _param_shouldCloseOnClick, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, onClose = param.onClose, onTimeEnd = param.onTimeEnd;
   var classes = useStyles$1({
     theme: tweakStyles
   });
@@ -30926,41 +30795,15 @@ var Toaster = function(param) {
     className: "tweakCloseButton",
     currentComponentName: "Toaster"
   });
-  var timeoutFunction;
   useEffect(function() {
-    if (onTimeEnd === void 0) {
+    if (!Number.isFinite(timeout) || isEmpty(onTimeEnd)) {
       return;
     }
-    var disappear = function() {
-      var _ref = _async_to_generator(function() {
-        return _ts_generator(this, function(_state) {
-          switch (_state.label) {
-            case 0:
-              return [
-                4,
-                new Promise(function(resolve) {
-                  timeoutFunction = setTimeout(function() {
-                    resolve(void 0);
-                  }, timeout);
-                })
-              ];
-            case 1:
-              _state.sent();
-              onTimeEnd();
-              clearTimeout(timeoutFunction);
-              return [
-                2
-              ];
-          }
-        });
-      });
-      return function disappear2() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    disappear();
+    var timeoutId = window.setTimeout(function() {
+      return onTimeEnd();
+    }, timeout);
     return function() {
-      return clearTimeout(timeoutFunction);
+      return window.clearTimeout(timeoutId);
     };
   }, []);
   return /* @__PURE__ */ jsxs("div", _object_spread_props$1(_object_spread$1({
@@ -30976,11 +30819,11 @@ var Toaster = function(param) {
       }),
       /* @__PURE__ */ jsxs("div", {
         children: [
-          isStringNotEmpty(title) && /* @__PURE__ */ jsx("div", {
+          isReactNodeNotEmpty(title) && /* @__PURE__ */ jsx("div", {
             className: classes.title,
             children: title
           }),
-          isStringNotEmpty(text) && /* @__PURE__ */ jsx("div", {
+          isReactNodeNotEmpty(text) && /* @__PURE__ */ jsx("div", {
             className: classes.text,
             children: text
           }),