etendo-ui-library 1.3.42 → 1.3.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _AlertManager=require("./AlertManager");var _colors=require("../../styles/colors");var _icons=require("../../assets/images/icons");var _Alert=require("./Alert.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/alert/Alert.tsx";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&&Object.prototype.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;}var MAX_LENGTH_TEXT=70;var HEIGHT_MESSAGE=100;var HEIGHT_WINDOWS=_reactNative.Dimensions.get('window').height;var Alert=function Alert(){var _useState=(0,_react.useState)(''),_useState2=(0,_slicedToArray2.default)(_useState,2),message=_useState2[0],setMessage=_useState2[1];var _useState3=(0,_react.useState)('info'),_useState4=(0,_slicedToArray2.default)(_useState3,2),typeMessage=_useState4[0],setTypeMessage=_useState4[1];var alertTimer=(0,_react.useRef)(undefined);var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _AlertManager=require("./AlertManager");var _colors=require("../../styles/colors");var _icons=require("../../assets/images/icons");var _Alert=require("./Alert.style");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/alert/Alert.tsx";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&&Object.prototype.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;}var MAX_LENGTH_TEXT=70;var HEIGHT_MESSAGE=100;var HEIGHT_WINDOWS=_reactNative.Dimensions.get('window').height-50;var Alert=function Alert(){var _useState=(0,_react.useState)(''),_useState2=(0,_slicedToArray2.default)(_useState,2),message=_useState2[0],setMessage=_useState2[1];var _useState3=(0,_react.useState)('info'),_useState4=(0,_slicedToArray2.default)(_useState3,2),typeMessage=_useState4[0],setTypeMessage=_useState4[1];var alertTimer=(0,_react.useRef)(undefined);var slideAnim=(0,_react.useRef)(new _reactNative.Animated.Value(HEIGHT_WINDOWS)).current;var opacityAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var slideIn=function slideIn(){_reactNative.Animated.parallel([_reactNative.Animated.timing(slideAnim,{toValue:HEIGHT_WINDOWS-HEIGHT_MESSAGE,duration:500,useNativeDriver:true}),_reactNative.Animated.timing(opacityAnim,{toValue:1,duration:500,useNativeDriver:true})]).start();};var slideOut=function slideOut(){_reactNative.Animated.parallel([_reactNative.Animated.timing(slideAnim,{toValue:HEIGHT_WINDOWS,duration:500,useNativeDriver:true}),_reactNative.Animated.timing(opacityAnim,{toValue:0,duration:500,useNativeDriver:true})]).start();};(0,_react.useEffect)(function(){var showListener=function showListener(_ref){var message=_ref.message,type=_ref.type,duration=_ref.duration;setMessage(message);setTypeMessage(type);slideIn();if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}alertTimer.current=setTimeout(function(){slideOut();},duration);};var clearListener=function clearListener(){slideOut();};(0,_AlertManager.on)('clear',clearListener);(0,_AlertManager.on)('show',showListener);return function(){(0,_AlertManager.removeListener)('show',showListener);if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}(0,_AlertManager.removeListener)('clear',clearListener);};},[slideAnim]);var onPressClose=function onPressClose(){if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}(0,_AlertManager.nextMessage)();};var stylesAlert=(0,_react.useMemo)(function(){var backgroundColor;var textColor;var icon;var marginLeft;var imageColor;switch(typeMessage){case'info':backgroundColor=_colors.TERTIARY_101;textColor=_colors.PRIMARY_100;imageColor=_colors.PRIMARY_100;marginLeft=0;icon=_react.default.createElement(_react.default.Fragment,null);break;case'success':backgroundColor=_colors.SUCCESS_110;textColor=_colors.SUCCESS_900;imageColor=_colors.SUCCESS_800;marginLeft=8;icon=_react.default.createElement(_icons.SuccessCircleIcon,{style:{width:20,height:20,marginRight:8},fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:11}});break;case'error':backgroundColor=_colors.DANGER_100;textColor=_colors.DANGER_700;imageColor=_colors.DANGER_700;marginLeft=8;icon=_react.default.createElement(_icons.CancelCircleIcon,{style:{width:20,height:20,marginRight:8},fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:145,columnNumber:11}});break;case'warning':backgroundColor=_colors.IP_100;textColor=_colors.IP_900;imageColor=_colors.IP_600;marginLeft=8;icon=_react.default.createElement(_icons.WarningCircleIcon,{style:{width:20,height:20},fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:11}});break;default:backgroundColor=_colors.TERTIARY_100;textColor=_colors.PRIMARY_100;marginLeft=0;imageColor=_colors.PRIMARY_100;icon=_react.default.createElement(_react.default.Fragment,null);}return{backgroundColor:backgroundColor,textColor:textColor,icon:icon,marginLeft:marginLeft,imageColor:imageColor};},[typeMessage]);return _react.default.createElement(_reactNative.Animated.View,{style:[{backgroundColor:stylesAlert.backgroundColor},_Alert.styles.container,{transform:[{translateY:slideAnim}],opacity:opacityAnim}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:175,columnNumber:5}},stylesAlert.icon,_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:[{color:stylesAlert.textColor,marginLeft:stylesAlert.marginLeft},_Alert.styles.text],__self:_this,__source:{fileName:_jsxFileName,lineNumber:182,columnNumber:7}},message.length>MAX_LENGTH_TEXT?message.slice(0,MAX_LENGTH_TEXT):message),_react.default.createElement(_reactNative.Pressable,{style:_Alert.styles.closeButton,onPress:onPressClose,__self:_this,__source:{fileName:_jsxFileName,lineNumber:195,columnNumber:7}},_react.default.createElement(_icons.CancelIcon,{style:_Alert.styles.closeIcon,fill:stylesAlert.imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:9}})));};var _default=exports.default=Alert;
|
|
@@ -12,7 +12,7 @@ import { CancelCircleIcon, CancelIcon, WarningCircleIcon, SuccessCircleIcon } fr
|
|
|
12
12
|
import { styles } from "./Alert.style";
|
|
13
13
|
var MAX_LENGTH_TEXT = 70;
|
|
14
14
|
var HEIGHT_MESSAGE = 100;
|
|
15
|
-
var HEIGHT_WINDOWS = Dimensions.get('window').height;
|
|
15
|
+
var HEIGHT_WINDOWS = Dimensions.get('window').height - 50;
|
|
16
16
|
var Alert = function Alert() {
|
|
17
17
|
var _useState = useState(''),
|
|
18
18
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -23,24 +23,29 @@ var Alert = function Alert() {
|
|
|
23
23
|
typeMessage = _useState4[0],
|
|
24
24
|
setTypeMessage = _useState4[1];
|
|
25
25
|
var alertTimer = useRef(undefined);
|
|
26
|
-
var _useState5 = useState(false),
|
|
27
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
28
|
-
isVisible = _useState6[0],
|
|
29
|
-
setIsVisible = _useState6[1];
|
|
30
26
|
var slideAnim = useRef(new Animated.Value(HEIGHT_WINDOWS)).current;
|
|
27
|
+
var opacityAnim = useRef(new Animated.Value(0)).current;
|
|
31
28
|
var slideIn = function slideIn() {
|
|
32
|
-
Animated.timing(slideAnim, {
|
|
29
|
+
Animated.parallel([Animated.timing(slideAnim, {
|
|
33
30
|
toValue: HEIGHT_WINDOWS - HEIGHT_MESSAGE,
|
|
34
31
|
duration: 500,
|
|
35
32
|
useNativeDriver: true
|
|
36
|
-
}).
|
|
33
|
+
}), Animated.timing(opacityAnim, {
|
|
34
|
+
toValue: 1,
|
|
35
|
+
duration: 500,
|
|
36
|
+
useNativeDriver: true
|
|
37
|
+
})]).start();
|
|
37
38
|
};
|
|
38
39
|
var slideOut = function slideOut() {
|
|
39
|
-
Animated.timing(slideAnim, {
|
|
40
|
+
Animated.parallel([Animated.timing(slideAnim, {
|
|
40
41
|
toValue: HEIGHT_WINDOWS,
|
|
41
42
|
duration: 500,
|
|
42
43
|
useNativeDriver: true
|
|
43
|
-
}).
|
|
44
|
+
}), Animated.timing(opacityAnim, {
|
|
45
|
+
toValue: 0,
|
|
46
|
+
duration: 500,
|
|
47
|
+
useNativeDriver: true
|
|
48
|
+
})]).start();
|
|
44
49
|
};
|
|
45
50
|
useEffect(function () {
|
|
46
51
|
var showListener = function showListener(_ref) {
|
|
@@ -49,23 +54,16 @@ var Alert = function Alert() {
|
|
|
49
54
|
duration = _ref.duration;
|
|
50
55
|
setMessage(message);
|
|
51
56
|
setTypeMessage(type);
|
|
52
|
-
setIsVisible(true);
|
|
53
57
|
slideIn();
|
|
54
58
|
if (typeof alertTimer.current === 'number') {
|
|
55
59
|
clearTimeout(alertTimer.current);
|
|
56
60
|
}
|
|
57
61
|
alertTimer.current = setTimeout(function () {
|
|
58
62
|
slideOut();
|
|
59
|
-
setTimeout(function () {
|
|
60
|
-
return setIsVisible(false);
|
|
61
|
-
}, 500);
|
|
62
63
|
}, duration);
|
|
63
64
|
};
|
|
64
65
|
var clearListener = function clearListener() {
|
|
65
66
|
slideOut();
|
|
66
|
-
setTimeout(function () {
|
|
67
|
-
return setIsVisible(false);
|
|
68
|
-
}, 500);
|
|
69
67
|
};
|
|
70
68
|
on('clear', clearListener);
|
|
71
69
|
on('show', showListener);
|
|
@@ -153,16 +151,14 @@ var Alert = function Alert() {
|
|
|
153
151
|
imageColor: imageColor
|
|
154
152
|
};
|
|
155
153
|
}, [typeMessage]);
|
|
156
|
-
if (!isVisible) {
|
|
157
|
-
return null;
|
|
158
|
-
}
|
|
159
154
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
160
155
|
style: [{
|
|
161
156
|
backgroundColor: stylesAlert.backgroundColor
|
|
162
157
|
}, styles.container, {
|
|
163
158
|
transform: [{
|
|
164
159
|
translateY: slideAnim
|
|
165
|
-
}]
|
|
160
|
+
}],
|
|
161
|
+
opacity: opacityAnim
|
|
166
162
|
}]
|
|
167
163
|
}, stylesAlert.icon, /*#__PURE__*/React.createElement(Text, {
|
|
168
164
|
numberOfLines: 2,
|