etendo-ui-library 1.3.25 → 1.3.26

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.
Files changed (13) hide show
  1. package/dist-native/components/modal/Modal.styles.d.ts +1 -1
  2. package/dist-native/components/modal/Modal.styles.js +1 -1
  3. package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.d.ts +2 -1
  4. package/dist-native/components/modal/components/minimizedView/MinimizedView.js +1 -1
  5. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts +4 -3
  6. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js +1 -1
  7. package/dist-web/components/modal/Modal.styles.d.ts +1 -1
  8. package/dist-web/components/modal/Modal.styles.js +1 -1
  9. package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts +2 -1
  10. package/dist-web/components/modal/components/minimizedView/MinimizedView.js +7 -3
  11. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts +4 -3
  12. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js +8 -7
  13. package/package.json +1 -1
package/dist-native/components/modal/Modal.styles.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const styles: {
13
13
  flexDirection: "column";
14
14
  height: "auto";
15
15
  justifyContent: "space-between";
16
- maxHeight: "45%" | "85%";
16
+ maxHeight: "65%" | "85%";
17
17
  maxWidth: "85%";
18
18
  padding: number;
19
19
  width: "auto";
package/dist-native/components/modal/Modal.styles.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({modalContainer:{alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.5)',flex:1,height:'100%',justifyContent:'center',width:'100%'},modalContent:{backgroundColor:_colors.NEUTRAL_300,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'45%':'85%',maxWidth:'85%',padding:24,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0}});
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({modalContainer:{alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.5)',flex:1,height:'100%',justifyContent:'center',width:'100%'},modalContent:{backgroundColor:_colors.NEUTRAL_300,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'65%':'85%',maxWidth:'85%',padding:24,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0}});
package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.d.ts CHANGED
@@ -28,7 +28,8 @@ export declare const styles: {
28
28
  display: "flex";
29
29
  flexDirection: "column";
30
30
  justifyContent: "center";
31
- marginVertical: number;
31
+ marginBottom: number;
32
32
  paddingVertical: number;
33
+ flex: number;
33
34
  };
34
35
  };
package/dist-native/components/modal/components/minimizedView/MinimizedView.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MinimizedView=require("./MinimizedView.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:_MinimizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:13}},children))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:11}})));};var _default=exports.default=MinimizedView;
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _containers=require("../../../containers");var _MinimizedView=require("./MinimizedView.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},subtitle)),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}},children&&_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:{maxHeight:'100%'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:15}},children)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:11}})));};var _default=exports.default=MinimizedView;
package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts CHANGED
@@ -3,7 +3,6 @@ export declare const styles: {
3
3
  alignItems: "center";
4
4
  flexDirection: "column";
5
5
  justifyContent: "space-between";
6
- width: "100%";
7
6
  };
8
7
  imageHeaderContainer: {
9
8
  alignItems: "center";
@@ -27,6 +26,7 @@ export declare const styles: {
27
26
  fontWeight: "500";
28
27
  maxWidth: "95%";
29
28
  textAlign: "left";
29
+ marginBottom: number;
30
30
  };
31
31
  childrenModalContainer: {
32
32
  alignItems: "center";
@@ -37,13 +37,14 @@ export declare const styles: {
37
37
  display: "flex";
38
38
  flexDirection: "column";
39
39
  justifyContent: "center";
40
- marginVertical: number;
41
- maxHeight: "60%";
40
+ marginBottom: number;
42
41
  paddingVertical: number;
42
+ flex: number;
43
43
  };
44
44
  buttonModalContainer: {
45
45
  flexDirection: "row";
46
46
  justifyContent: "flex-end";
47
+ height: "auto";
47
48
  };
48
49
  buttonContainer: {
49
50
  width: "40%" | "45%";
package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between',width:'100%'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:16},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'500',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left'},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,display:'flex',flexDirection:'column',justifyContent:'center',marginVertical:12,maxHeight:'60%',paddingVertical:8},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end'},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:16},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'500',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,display:'flex',flexDirection:'column',justifyContent:'center',marginBottom:12,paddingVertical:8,flex:1},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end',height:'auto'},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
package/dist-web/components/modal/Modal.styles.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const styles: {
13
13
  flexDirection: "column";
14
14
  height: "auto";
15
15
  justifyContent: "space-between";
16
- maxHeight: "45%" | "85%";
16
+ maxHeight: "65%" | "85%";
17
17
  maxWidth: "85%";
18
18
  padding: number;
19
19
  width: "auto";
package/dist-web/components/modal/Modal.styles.js CHANGED
@@ -16,7 +16,7 @@ export var styles = StyleSheet.create({
16
16
  flexDirection: 'column',
17
17
  height: 'auto',
18
18
  justifyContent: 'space-between',
19
- maxHeight: isDeviceTablet ? '45%' : '85%',
19
+ maxHeight: isDeviceTablet ? '65%' : '85%',
20
20
  maxWidth: '85%',
21
21
  padding: 24,
22
22
  width: 'auto'
package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts CHANGED
@@ -28,7 +28,8 @@ export declare const styles: {
28
28
  display: "flex";
29
29
  flexDirection: "column";
30
30
  justifyContent: "center";
31
- marginVertical: number;
31
+ marginBottom: number;
32
32
  paddingVertical: number;
33
+ flex: number;
33
34
  };
34
35
  };
package/dist-web/components/modal/components/minimizedView/MinimizedView.js CHANGED
@@ -20,9 +20,13 @@ var MinimizedView = function MinimizedView(_ref) {
20
20
  numberOfLines: 2,
21
21
  style: styles.modalSubtitle,
22
22
  ellipsizeMode: "tail"
23
- }, subtitle)), children && /*#__PURE__*/React.createElement(TouchableOpacity, {
24
- activeOpacity: 1,
23
+ }, subtitle)), /*#__PURE__*/React.createElement(View, {
25
24
  style: styles.childrenModalContainer
25
+ }, children && /*#__PURE__*/React.createElement(TouchableOpacity, {
26
+ activeOpacity: 1,
27
+ style: {
28
+ maxHeight: '100%'
29
+ }
26
30
  }, /*#__PURE__*/React.createElement(ScrollView, {
27
31
  style: {
28
32
  flexGrow: 0
@@ -31,7 +35,7 @@ var MinimizedView = function MinimizedView(_ref) {
31
35
  onStartShouldSetResponder: function onStartShouldSetResponder() {
32
36
  return true;
33
37
  }
34
- }, children))), /*#__PURE__*/React.createElement(View, {
38
+ }, children)))), /*#__PURE__*/React.createElement(View, {
35
39
  style: styles.buttonModalContainer
36
40
  }, (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(ButtonContainer, {
37
41
  components: buttonsToDisplay,
package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts CHANGED
@@ -3,7 +3,6 @@ export declare const styles: {
3
3
  alignItems: "center";
4
4
  flexDirection: "column";
5
5
  justifyContent: "space-between";
6
- width: "100%";
7
6
  };
8
7
  imageHeaderContainer: {
9
8
  alignItems: "center";
@@ -27,6 +26,7 @@ export declare const styles: {
27
26
  fontWeight: "500";
28
27
  maxWidth: "95%";
29
28
  textAlign: "left";
29
+ marginBottom: number;
30
30
  };
31
31
  childrenModalContainer: {
32
32
  alignItems: "center";
@@ -37,13 +37,14 @@ export declare const styles: {
37
37
  display: "flex";
38
38
  flexDirection: "column";
39
39
  justifyContent: "center";
40
- marginVertical: number;
41
- maxHeight: "60%";
40
+ marginBottom: number;
42
41
  paddingVertical: number;
42
+ flex: number;
43
43
  };
44
44
  buttonModalContainer: {
45
45
  flexDirection: "row";
46
46
  justifyContent: "flex-end";
47
+ height: "auto";
47
48
  };
48
49
  buttonContainer: {
49
50
  width: "40%" | "45%";
package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js CHANGED
@@ -5,8 +5,7 @@ export var styles = StyleSheet.create({
5
5
  headerContainer: {
6
6
  alignItems: 'center',
7
7
  flexDirection: 'column',
8
- justifyContent: 'space-between',
9
- width: '100%'
8
+ justifyContent: 'space-between'
10
9
  },
11
10
  imageHeaderContainer: {
12
11
  alignItems: 'center',
@@ -29,7 +28,8 @@ export var styles = StyleSheet.create({
29
28
  fontSize: 14,
30
29
  fontWeight: '500',
31
30
  maxWidth: '95%',
32
- textAlign: 'left'
31
+ textAlign: 'left',
32
+ marginBottom: 16
33
33
  },
34
34
  childrenModalContainer: {
35
35
  alignItems: 'center',
@@ -40,13 +40,14 @@ export var styles = StyleSheet.create({
40
40
  display: 'flex',
41
41
  flexDirection: 'column',
42
42
  justifyContent: 'center',
43
- marginVertical: 12,
44
- maxHeight: '60%',
45
- paddingVertical: 8
43
+ marginBottom: 12,
44
+ paddingVertical: 8,
45
+ flex: 1
46
46
  },
47
47
  buttonModalContainer: {
48
48
  flexDirection: 'row',
49
- justifyContent: 'flex-end'
49
+ justifyContent: 'flex-end',
50
+ height: 'auto'
50
51
  },
51
52
  buttonContainer: {
52
53
  width: isDeviceTablet ? '40%' : '45%'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "etendo-ui-library",
3
- "version": "1.3.25",
3
+ "version": "1.3.26",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "android": "react-native run-android",