@xaypay/tui 0.0.106 → 0.0.107

package/dist/index.es.js

@@ -1610,7 +1610,8 @@ const Select = ({
   return /*#__PURE__*/React__default.createElement("div", {
     className: classProps,
     style: {
-      position: 'relative'
+      position: 'relative',
+      width: '100%'
     }
   }, label ? /*#__PURE__*/React__default.createElement("label", {
     style: {
@@ -1651,7 +1652,7 @@ const Select = ({
   }, /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$8['select-content-top-text']}`,
     style: {
-      whiteSpace: 'nowrap',
+      whiteSpace: disabled ? 'pre-wrap' : 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       color: errorMessage ? errorColor ? errorColor : configStyles.SELECT.errorColor : isHover ? selectedHoverColor ? selectedHoverColor : configStyles.SELECT.selectedHoverColor : selectedColor ? selectedColor : configStyles.SELECT.selectedColor
@@ -1877,10 +1878,11 @@ const SvgToasterSuccess = ({
   fill: fillColor ? fillColor : '#0DA574'
 }));
 
-var css_248z$9 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
-var styles$7 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
+var css_248z$9 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}.toaster-module_notify-desc__bcWe2,.toaster-module_notify-title__8lFLy{overflow:hidden;text-overflow:ellipsis}.toaster-module_notify-desc__bcWe2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
+var styles$7 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","notify-title":"toaster-module_notify-title__8lFLy","notify-desc":"toaster-module_notify-desc__bcWe2","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
 styleInject(css_248z$9);
 
+let wWidth$1 = window.innerWidth;
 const ToasterType = {
   info: 'info',
   warn: 'warn',
@@ -1933,7 +1935,7 @@ const Toast = ({
     style: {
       position: 'absolute',
       display: 'flex',
-      width: '440px',
+      width: wWidth$1 > 480 ? '440px' : '300px',
       height: '83px',
       borderRadius: '40px',
       alignItems: 'center',
@@ -1970,8 +1972,9 @@ const Toast = ({
       fontSize: '16px',
       lineHeight: '22px',
       fontStyle: 'normal'
-    }
-  }, title ? title.length > 25 ? title.substr(0, 25) + '...' : title : ''), /*#__PURE__*/React__default.createElement("span", {
+    },
+    className: styles$7['notify-title']
+  }, title ? title : ''), /*#__PURE__*/React__default.createElement("span", {
     style: {
       fontWeight: 500,
       color: '#3C393E',
@@ -1980,8 +1983,9 @@ const Toast = ({
       fontStyle: 'normal',
       fontFamily: '',
       opacity: 0.8
-    }
-  }, description ? description.length > 120 ? description.substr(0, 120) + '...' : description : '')), /*#__PURE__*/React__default.createElement("div", {
+    },
+    className: styles$7['notify-desc']
+  }, description ? description : '')), /*#__PURE__*/React__default.createElement("div", {
     onClick: () => handleCloseToaster(ref),
     style: {
       width: '18px',
@@ -2006,6 +2010,7 @@ Toast.defaultProps = {
 
 let toastify;
 let path = window.location.href;
+let wWidth = window.innerWidth;
 const removeToast = ref => {
   // eslint-disable-next-line react/no-find-dom-node
   const node = ReactDOM.findDOMNode(ref.current);
@@ -2030,7 +2035,7 @@ const createToast = ({
   const toastBlock = document.createElement('div');
   toastBlock.style.position = 'relative';
   toastBlock.style.flexShrink = 0;
-  toastBlock.style.width = '440px';
+  toastBlock.style.width = wWidth > 480 ? '440px' : '300px';
   toastBlock.style.height = '83px';
   toastBlock.style.marginBottom = '20px';
   const newElem = /*#__PURE__*/React__default.createElement(Toast, {
@@ -2622,6 +2627,7 @@ const FileItem = /*#__PURE__*/React__default.memo(({
   listItemPadding,
   progressFontSize,
   listItemErrorSize,
+  timeForRemoveError,
   listItemErrorColor,
   progressTrackColor,
   progressFailedColor,
@@ -2674,7 +2680,7 @@ const FileItem = /*#__PURE__*/React__default.memo(({
     if (check !== '') {
       setT(setTimeout(() => {
         removeFile(uuid);
-      }, 3500));
+      }, timeForRemoveError));
     }
   }, [check]);
   return /*#__PURE__*/React__default.createElement("div", {
@@ -2881,6 +2887,7 @@ const NewFile = ({
   fileAreaImageWidth,
   listItemErrorColor,
   labelRequiredColor,
+  timeForRemoveError,
   progressFailedColor,
   fileAreaImageHeight,
   progressSuccessColor,
@@ -3170,6 +3177,7 @@ const NewFile = ({
       status: item.status,
       size: item.file.size,
       name: item.file.name,
+      timeForRemoveError: timeForRemoveError,
       removeFile: removeFile ? removeFile : _ => _,
       radius: radius ? radius : configStyles.File.radius,
       fileFormat: item.file.type.split('/')[1]?.toLowerCase(),
@@ -3225,6 +3233,7 @@ NewFile.propTypes = {
   progressFontSize: PropTypes.string,
   borderHoverColor: PropTypes.string,
   listItemErrorSize: PropTypes.string,
+  timeForRemoveError: PropTypes.number,
   labelRequiredColor: PropTypes.string,
   progressTrackColor: PropTypes.string,
   fileAreaImageWidth: PropTypes.string,
@@ -3242,6 +3251,7 @@ NewFile.propTypes = {
 };
 NewFile.defaultProps = {
   maxSize: 10,
+  timeForRemoveError: 4000,
   fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
 };
 

package/dist/index.js

@@ -1640,7 +1640,8 @@ const Select = ({
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classProps,
     style: {
-      position: 'relative'
+      position: 'relative',
+      width: '100%'
     }
   }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
     style: {
@@ -1681,7 +1682,7 @@ const Select = ({
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${styles$8['select-content-top-text']}`,
     style: {
-      whiteSpace: 'nowrap',
+      whiteSpace: disabled ? 'pre-wrap' : 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',
       color: errorMessage ? errorColor ? errorColor : configStyles.SELECT.errorColor : isHover ? selectedHoverColor ? selectedHoverColor : configStyles.SELECT.selectedHoverColor : selectedColor ? selectedColor : configStyles.SELECT.selectedColor
@@ -1907,10 +1908,11 @@ const SvgToasterSuccess = ({
   fill: fillColor ? fillColor : '#0DA574'
 }));
 
-var css_248z$9 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
-var styles$7 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
+var css_248z$9 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}.toaster-module_notify-desc__bcWe2,.toaster-module_notify-title__8lFLy{overflow:hidden;text-overflow:ellipsis}.toaster-module_notify-desc__bcWe2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
+var styles$7 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","notify-title":"toaster-module_notify-title__8lFLy","notify-desc":"toaster-module_notify-desc__bcWe2","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
 styleInject(css_248z$9);
 
+let wWidth$1 = window.innerWidth;
 const ToasterType = {
   info: 'info',
   warn: 'warn',
@@ -1963,7 +1965,7 @@ const Toast = ({
     style: {
       position: 'absolute',
       display: 'flex',
-      width: '440px',
+      width: wWidth$1 > 480 ? '440px' : '300px',
       height: '83px',
       borderRadius: '40px',
       alignItems: 'center',
@@ -2000,8 +2002,9 @@ const Toast = ({
       fontSize: '16px',
       lineHeight: '22px',
       fontStyle: 'normal'
-    }
-  }, title ? title.length > 25 ? title.substr(0, 25) + '...' : title : ''), /*#__PURE__*/React__default["default"].createElement("span", {
+    },
+    className: styles$7['notify-title']
+  }, title ? title : ''), /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       fontWeight: 500,
       color: '#3C393E',
@@ -2010,8 +2013,9 @@ const Toast = ({
       fontStyle: 'normal',
       fontFamily: '',
       opacity: 0.8
-    }
-  }, description ? description.length > 120 ? description.substr(0, 120) + '...' : description : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+    },
+    className: styles$7['notify-desc']
+  }, description ? description : '')), /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: () => handleCloseToaster(ref),
     style: {
       width: '18px',
@@ -2036,6 +2040,7 @@ Toast.defaultProps = {
 
 let toastify;
 let path = window.location.href;
+let wWidth = window.innerWidth;
 const removeToast = ref => {
   // eslint-disable-next-line react/no-find-dom-node
   const node = ReactDOM__default["default"].findDOMNode(ref.current);
@@ -2060,7 +2065,7 @@ const createToast = ({
   const toastBlock = document.createElement('div');
   toastBlock.style.position = 'relative';
   toastBlock.style.flexShrink = 0;
-  toastBlock.style.width = '440px';
+  toastBlock.style.width = wWidth > 480 ? '440px' : '300px';
   toastBlock.style.height = '83px';
   toastBlock.style.marginBottom = '20px';
   const newElem = /*#__PURE__*/React__default["default"].createElement(Toast, {
@@ -2652,6 +2657,7 @@ const FileItem = /*#__PURE__*/React__default["default"].memo(({
   listItemPadding,
   progressFontSize,
   listItemErrorSize,
+  timeForRemoveError,
   listItemErrorColor,
   progressTrackColor,
   progressFailedColor,
@@ -2704,7 +2710,7 @@ const FileItem = /*#__PURE__*/React__default["default"].memo(({
     if (check !== '') {
       setT(setTimeout(() => {
         removeFile(uuid);
-      }, 3500));
+      }, timeForRemoveError));
     }
   }, [check]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2911,6 +2917,7 @@ const NewFile = ({
   fileAreaImageWidth,
   listItemErrorColor,
   labelRequiredColor,
+  timeForRemoveError,
   progressFailedColor,
   fileAreaImageHeight,
   progressSuccessColor,
@@ -3200,6 +3207,7 @@ const NewFile = ({
       status: item.status,
       size: item.file.size,
       name: item.file.name,
+      timeForRemoveError: timeForRemoveError,
       removeFile: removeFile ? removeFile : _ => _,
       radius: radius ? radius : configStyles.File.radius,
       fileFormat: item.file.type.split('/')[1]?.toLowerCase(),
@@ -3255,6 +3263,7 @@ NewFile.propTypes = {
   progressFontSize: PropTypes__default["default"].string,
   borderHoverColor: PropTypes__default["default"].string,
   listItemErrorSize: PropTypes__default["default"].string,
+  timeForRemoveError: PropTypes__default["default"].number,
   labelRequiredColor: PropTypes__default["default"].string,
   progressTrackColor: PropTypes__default["default"].string,
   fileAreaImageWidth: PropTypes__default["default"].string,
@@ -3272,6 +3281,7 @@ NewFile.propTypes = {
 };
 NewFile.defaultProps = {
   maxSize: 10,
+  timeForRemoveError: 4000,
   fileExtensions: ['jpg', 'jpeg', 'png', 'pdf']
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/components/newFile/fileItem.js

@@ -22,6 +22,7 @@ const FileItem = React.memo(
         listItemPadding,
         progressFontSize,
         listItemErrorSize,
+        timeForRemoveError,
         listItemErrorColor,
         progressTrackColor,
         progressFailedColor,
@@ -89,7 +90,7 @@ const FileItem = React.memo(
                 setT(
                     setTimeout(() => {
                         removeFile(uuid)
-                    }, 3500)
+                    }, timeForRemoveError)
                 )
             }
         }, [check])

package/src/components/newFile/index.js

@@ -57,6 +57,7 @@ export const NewFile = ({
     fileAreaImageWidth,
     listItemErrorColor,
     labelRequiredColor,
+    timeForRemoveError,
     progressFailedColor,
     fileAreaImageHeight,
     progressSuccessColor,
@@ -459,6 +460,7 @@ export const NewFile = ({
                             status={item.status}
                             size={item.file.size}
                             name={item.file.name}
+                            timeForRemoveError={timeForRemoveError}
                             removeFile={removeFile ? removeFile : (_) => _}
                             radius={radius ? radius : configStyles.File.radius}
                             fileFormat={item.file.type.split('/')[1]?.toLowerCase()}
@@ -538,6 +540,7 @@ NewFile.propTypes = {
     progressFontSize: PropTypes.string,
     borderHoverColor: PropTypes.string,
     listItemErrorSize: PropTypes.string,
+    timeForRemoveError: PropTypes.number,
     labelRequiredColor: PropTypes.string,
     progressTrackColor: PropTypes.string,
     fileAreaImageWidth: PropTypes.string,
@@ -556,5 +559,6 @@ NewFile.propTypes = {
 
 NewFile.defaultProps = {
     maxSize: 10,
+    timeForRemoveError: 4000,
     fileExtensions: ['jpg', 'jpeg', 'png', 'pdf'],
 }

package/src/components/select/index.js

@@ -204,7 +204,7 @@ export const Select = ({
     }, [options, multiple, selected, selected?.length])
 
     return (
-        <div className={classProps} style={{ position: 'relative' }}>
+        <div className={classProps} style={{ position: 'relative', width: '100%' }}>
             {label ? (
                 <label
                     style={{
@@ -270,7 +270,7 @@ export const Select = ({
                         <div
                             className={`${styles['select-content-top-text']}`}
                             style={{
-                                whiteSpace: 'nowrap',
+                                whiteSpace: disabled ? 'pre-wrap' : 'nowrap',
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
                                 color: errorMessage

package/src/components/toaster/Toast.js

@@ -9,6 +9,8 @@ import ToasterSuccess from '../icon/ToasterSuccess'
 
 import styles from './toaster.module.css'
 
+let wWidth = window.innerWidth
+
 const ToasterType = {
     info: 'info',
     warn: 'warn',
@@ -62,7 +64,7 @@ export const Toast = ({ type, title, timer, position, removeToast, description }
             style={{
                 position: 'absolute',
                 display: 'flex',
-                width: '440px',
+                width: wWidth > 480 ? '440px' : '300px',
                 height: '83px',
                 borderRadius: '40px',
                 alignItems: 'center',
@@ -151,8 +153,9 @@ export const Toast = ({ type, title, timer, position, removeToast, description }
                         lineHeight: '22px',
                         fontStyle: 'normal',
                     }}
+                    className={styles['notify-title']}
                 >
-                    {title ? (title.length > 25 ? title.substr(0, 25) + '...' : title) : ''}
+                    {title ? title : ''}
                 </p>
                 <span
                     style={{
@@ -164,8 +167,9 @@ export const Toast = ({ type, title, timer, position, removeToast, description }
                         fontFamily: '',
                         opacity: 0.8,
                     }}
+                    className={styles['notify-desc']}
                 >
-                    {description ? (description.length > 120 ? description.substr(0, 120) + '...' : description) : ''}
+                    {description ? description : ''}
                 </span>
             </div>
 

package/src/components/toaster/index.js

@@ -7,6 +7,7 @@ import styles from './toaster.module.css'
 
 let toastify
 let path = window.location.href
+let wWidth = window.innerWidth
 
 const removeToast = (ref) => {
     // eslint-disable-next-line react/no-find-dom-node
@@ -30,7 +31,7 @@ const createToast = ({ type, timer, title, position, description }) => {
     const toastBlock = document.createElement('div')
     toastBlock.style.position = 'relative'
     toastBlock.style.flexShrink = 0
-    toastBlock.style.width = '440px'
+    toastBlock.style.width = wWidth > 480 ? '440px' : '300px'
     toastBlock.style.height = '83px'
     toastBlock.style.marginBottom = '20px'
     const newElem = React.createElement(Toast, {

package/src/components/toaster/toaster.module.css

@@ -95,6 +95,19 @@
   animation-name: bounceOutRight;
 }
 
+.notify-title {
+  overflow: hidden; 
+  text-overflow: ellipsis;
+}
+
+.notify-desc {
+  display: -webkit-box; 
+  -webkit-box-orient: vertical; 
+  -webkit-line-clamp: 2; 
+  overflow: hidden; 
+  text-overflow: ellipsis;
+}
+
 @keyframes bounceInRight {
   from {
     opacity: 0;

package/src/components/toaster/toaster.stories.js

@@ -267,7 +267,7 @@ const Template = () => {
                             'info',
                             false,
                             'Տեղեկատվություն',
-                            5000,
+                            5000000000000,
                             'top-right',
                             'lorem ipsum bla bla bla, lorem ipsum bla bla bla, lorem ipsum bla bla bla, lorem ipsum bla bla bla, lorem ipsum bla bla bla'
                         )

package/src/stories/configuration.stories.mdx

@@ -556,6 +556,7 @@ import StackAlt from './assets/stackalt.svg';
   borderColor: '#D1D1D1',                               // for file choose place border color
   listItemHeight: '70px',                               // for file list item height
   uploadColor: '#0DA574',                               // for file place upload text color
+  timeForRemoveError: 4000,                             // for file error hide time when format is wrong
   progressColor: '#4A4A4D',                             // for file progress bar color
   progressFontSize: '16px',                             // for file progress bar font size
   listItemErrorSize: '16px',                            // for file multiple mode error font size

package/tui.config.js

@@ -350,7 +350,8 @@ module.exports = {
         maxWidth: '440px', // for file width
         labelSize: '16px', // for file font size
         border: '2px dashed', // for file choose place border
-        labelColor: '#4A4A4D', // for file color
+        labelColor: '#4A4A4D',                                // for file color
+        timeForRemoveError: 4000,                             // for file error hide time when format is wrong
         errorColor: '#ee0000', // for file place and error message error color
         borderColor: '#D1D1D1', // for file choose place border color
         listItemHeight: '70px', // for file list item height