etendo-ui-library 1.3.33 → 1.3.35

package/dist-native/components/cards/Cards.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:5}},(title!=null?title:onAddNewData)&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},title&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:15}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:93,columnNumber:15}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:11}},onAddNewData&&_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.plus,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:27}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:15}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(contentWidth,contentHeight){return setContentHeight(contentHeight);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:data,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:61}})));};var _default=exports.default=Cards;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Cards=require("./Cards.style");var _SkeletonCard=_interopRequireDefault(require("./components/card/components/skeletonCard/SkeletonCard"));var _SwitchStateCards=_interopRequireDefault(require("./components/card/components/switchStateCards/SwitchStateCards"));var _button=require("../button");var _icons=require("../../assets/images/icons");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/Cards.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 SCROLL_EVENT_THROTTLE=16;var BUFFER=50;var Cards=function Cards(_ref){var data=_ref.data,metadata=_ref.metadata,title=_ref.title,onPressCard=_ref.onPressCard,cardsHeight=_ref.cardsHeight,textEmptyCards=_ref.textEmptyCards,commentEmptyCards=_ref.commentEmptyCards,onLoadMoreData=_ref.onLoadMoreData,onAddNewData=_ref.onAddNewData,backgroundColor=_ref.backgroundColor,currentPage=_ref.currentPage,pageSize=_ref.pageSize,isLoading=_ref.isLoading,isLoadingMoreData=_ref.isLoadingMoreData;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),containerHeight=_useState2[0],setContainerHeight=_useState2[1];var _useState3=(0,_react.useState)(0),_useState4=(0,_slicedToArray2.default)(_useState3,2),contentHeight=_useState4[0],setContentHeight=_useState4[1];var scrollViewRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(isLoading&&data.length){var _scrollViewRef$curren;(_scrollViewRef$curren=scrollViewRef.current)==null?void 0:_scrollViewRef$curren.scrollToEnd({animated:true});}},[isLoading]);(0,_react.useEffect)(function(){if(containerHeight>contentHeight&&data.length){handleLoadMore();}},[containerHeight,contentHeight,data]);var handleLoadMore=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){if(!isLoading&&onLoadMoreData&&isLoadingMoreData){onLoadMoreData(currentPage,pageSize);}});return function handleLoadMore(){return _ref2.apply(this,arguments);};}();var isAtEndOfScroll=function isAtEndOfScroll(_ref3){var layoutMeasurement=_ref3.layoutMeasurement,contentOffset=_ref3.contentOffset,contentSize=_ref3.contentSize;return layoutMeasurement.height+contentOffset.y>=contentSize.height-BUFFER;};var onScroll=function onScroll(event){if(isAtEndOfScroll(event.nativeEvent)){handleLoadMore();}};var onLayout=function onLayout(event){var height=event.nativeEvent.layout.height;setContainerHeight(height);};return _react.default.createElement(_reactNative.View,{onLayout:onLayout,style:[{maxHeight:cardsHeight},_Cards.styles.container,{backgroundColor:backgroundColor}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:81,columnNumber:5}},(title||onAddNewData)&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:9}},title&&_react.default.createElement(_reactNative.View,{style:_Cards.styles.titleTextContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:13}},_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:92,columnNumber:15}},title),_react.default.createElement(_reactNative.Text,{style:_Cards.styles.title,__self:_this,__source:{fileName:_jsxFileName,lineNumber:93,columnNumber:15}}," (",data.length,")")),_react.default.createElement(_reactNative.View,{style:_Cards.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:11}},onAddNewData&&_react.default.createElement(_button.Button,{onPress:onAddNewData,typeStyle:'primary',height:40,width:40,iconLeft:_react.default.createElement(_icons.MoreIcon,{style:_Cards.styles.plus,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:27}}),__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:15}}))),_react.default.createElement(_reactNative.ScrollView,{ref:scrollViewRef,style:_Cards.styles.containerFlex,onScroll:onScroll,scrollEventThrottle:SCROLL_EVENT_THROTTLE,onContentSizeChange:function onContentSizeChange(contentWidth,contentHeight){return setContentHeight(contentHeight);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:7}},_react.default.createElement(_SwitchStateCards.default,{data:data,isLoading:isLoading,metadata:metadata,onPressCard:onPressCard,commentEmptyCards:commentEmptyCards,textEmptyCards:textEmptyCards,tableHeight:containerHeight,isTitle:!!title&&!!onAddNewData,__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:9}}),!!data.length&&isLoading&&isLoadingMoreData&&_react.default.createElement(_SkeletonCard.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:61}})));};var _default=exports.default=Cards;

package/dist-native/components/cards/Cards.style.d.ts

@@ -4,21 +4,23 @@ export declare const styles: {
         paddingTop: number;
         maxWidth: number;
         alignItems: "center";
+        width: "100%";
+        paddingHorizontal: number;
     };
     containerFlex: {
         maxWidth: number;
         marginTop: number;
-        flex: number;
         paddingHorizontal: number;
-        marginHorizontal: number;
+        width: "100%";
     };
     titleContainer: {
-        marginHorizontal: number;
+        paddingHorizontal: number;
         height: number;
         display: "flex";
         alignItems: "center";
         justifyContent: "space-between";
         flexDirection: "row";
+        width: "100%";
     };
     titleTextContainer: {
         flexDirection: "row";

package/dist-native/components/cards/Cards.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,alignItems:'center'},containerFlex:{maxWidth:428,marginTop:12,flex:1,paddingHorizontal:14,marginHorizontal:10},titleContainer:{marginHorizontal:24,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flex:1,paddingTop:12,maxWidth:428,alignItems:'center',width:'100%',paddingHorizontal:9},containerFlex:{maxWidth:428,marginTop:12,paddingHorizontal:15,width:'100%'},titleContainer:{paddingHorizontal:15,height:48,display:'flex',alignItems:'center',justifyContent:'space-between',flexDirection:'row',width:'100%'},titleTextContainer:{flexDirection:'row'},title:{fontFamily:'Inter',fontWeight:'700',fontSize:20,lineHeight:28,color:_colors.PRIMARY_100},plus:{height:16,width:16},buttonContainer:{alignItems:'flex-end',flex:1}});

package/dist-native/components/cards/components/card/Card.style.d.ts

@@ -6,6 +6,7 @@ export declare const styles: {
         overflow: "hidden";
         elevation: number;
         maxWidth: number;
+        width: "100%";
     };
     status: {
         height: number;

package/dist-native/components/cards/components/card/Card.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380},status:{height:8,marginBottom:8}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380,width:'100%'},status:{height:8,marginBottom:8}});

package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.d.ts

@@ -1,12 +1,12 @@
 export declare const styles: {
     container: {
         borderRadius: number;
-        marginHorizontal: number;
         marginBottom: number;
         paddingBottom: number;
         backgroundColor: string;
         elevation: number;
         overflow: "hidden";
+        maxWidth: number;
     };
     skeletonItem: {
         marginBottom: number;

package/dist-native/components/cards/components/card/components/skeletonCard/SkeletonCard.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginHorizontal:16,marginBottom:12,paddingBottom:10,backgroundColor:_colors.NEUTRAL_50,elevation:5,overflow:'hidden'},skeletonItem:{marginBottom:8,paddingHorizontal:16},status:{height:8,marginBottom:12}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,paddingBottom:10,backgroundColor:_colors.NEUTRAL_50,elevation:5,overflow:'hidden',maxWidth:380},skeletonItem:{marginBottom:8,paddingHorizontal:16},status:{height:8,marginBottom:12}});

package/dist-native/components/table/Table.styles.d.ts

@@ -106,11 +106,13 @@ export declare const styles: {
         lineHeight: number;
         marginTop: number;
         maxWidth: "80%";
+        textAlign: "center";
     };
     emptyTextSubtitle: {
         color: string;
         fontSize: number;
         fontWeight: "600";
         lineHeight: number;
+        textAlign: "center";
     };
 };

package/dist-native/components/table/Table.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:'100%',borderWidth:1,borderColor:_colors.NEUTRAL_10,borderTopLeftRadius:10,borderTopRightRadius:10,borderRightWidth:0},titleContainer:{backgroundColor:_colors.TERTIARY_30,borderColor:_colors.NEUTRAL_10,borderTopLeftRadius:10,borderTopRightRadius:10},titleText:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',paddingVertical:10,fontWeight:'600'},headerContainer:{backgroundColor:_colors.TERTIARY_30,flexDirection:'row'},headerCell:{borderTopWidth:1,borderRightWidth:1,borderColor:_colors.NEUTRAL_10,alignItems:'center',justifyContent:'center',paddingHorizontal:5,paddingVertical:10},cell:{justifyContent:'center',paddingHorizontal:5,borderRightWidth:1,borderTopWidth:1,borderColor:_colors.NEUTRAL_10},cellText:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',verticalAlign:'middle',paddingVertical:22.5},cellTextEdit:{fontSize:14,fontWeight:'400',color:_colors.PRIMARY_100,textAlign:'center',verticalAlign:'middle'},cellTextTitle:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',paddingVertical:10,fontWeight:'600'},scrollCell:{flexGrow:1,alignItems:'center',justifyContent:'center'},centerItem:{alignItems:'center',justifyContent:'center',flexDirection:'row',height:'100%',paddingVertical:5},row:{flexDirection:'row'},placeholderContainer:{borderWidth:1,borderTopWidth:0,borderColor:_colors.NEUTRAL_40,alignItems:'center',justifyContent:'center'},imgEdit:{height:13,width:13,marginRight:5},cellEditContainer:{height:'100%'},emptyStateConteiner:{display:'flex',flexDirection:'column',justifyContent:'center',alignItems:'center',height:400,width:'100%'},emptyTextTitle:{color:_colors.PRIMARY_100,fontSize:20,fontWeight:'500',lineHeight:28,marginTop:25,maxWidth:'80%'},emptyTextSubtitle:{color:_colors.NEUTRAL_700,fontSize:14,fontWeight:'600',lineHeight:28}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:'100%',borderWidth:1,borderColor:_colors.NEUTRAL_10,borderTopLeftRadius:10,borderTopRightRadius:10,borderRightWidth:0},titleContainer:{backgroundColor:_colors.TERTIARY_30,borderColor:_colors.NEUTRAL_10,borderTopLeftRadius:10,borderTopRightRadius:10},titleText:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',paddingVertical:10,fontWeight:'600'},headerContainer:{backgroundColor:_colors.TERTIARY_30,flexDirection:'row'},headerCell:{borderTopWidth:1,borderRightWidth:1,borderColor:_colors.NEUTRAL_10,alignItems:'center',justifyContent:'center',paddingHorizontal:5,paddingVertical:10},cell:{justifyContent:'center',paddingHorizontal:5,borderRightWidth:1,borderTopWidth:1,borderColor:_colors.NEUTRAL_10},cellText:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',verticalAlign:'middle',paddingVertical:22.5},cellTextEdit:{fontSize:14,fontWeight:'400',color:_colors.PRIMARY_100,textAlign:'center',verticalAlign:'middle'},cellTextTitle:{fontSize:14,color:_colors.PRIMARY_100,textAlign:'center',paddingVertical:10,fontWeight:'600'},scrollCell:{flexGrow:1,alignItems:'center',justifyContent:'center'},centerItem:{alignItems:'center',justifyContent:'center',flexDirection:'row',height:'100%',paddingVertical:5},row:{flexDirection:'row'},placeholderContainer:{borderWidth:1,borderTopWidth:0,borderColor:_colors.NEUTRAL_40,alignItems:'center',justifyContent:'center'},imgEdit:{height:13,width:13,marginRight:5},cellEditContainer:{height:'100%'},emptyStateConteiner:{display:'flex',flexDirection:'column',justifyContent:'center',alignItems:'center',height:400,width:'100%'},emptyTextTitle:{color:_colors.PRIMARY_100,fontSize:20,fontWeight:'500',lineHeight:28,marginTop:25,maxWidth:'80%',textAlign:'center'},emptyTextSubtitle:{color:_colors.NEUTRAL_700,fontSize:14,fontWeight:'600',lineHeight:28,textAlign:'center'}});

package/dist-web/components/cards/Cards.js

@@ -94,7 +94,7 @@ var Cards = function Cards(_ref) {
     }, styles.container, {
       backgroundColor: backgroundColor
     }]
-  }, (title !== null && title !== void 0 ? title : onAddNewData) && /*#__PURE__*/React.createElement(View, {
+  }, (title || onAddNewData) && /*#__PURE__*/React.createElement(View, {
     style: styles.titleContainer
   }, title && /*#__PURE__*/React.createElement(View, {
     style: styles.titleTextContainer

package/dist-web/components/cards/Cards.style.d.ts

@@ -4,21 +4,23 @@ export declare const styles: {
         paddingTop: number;
         maxWidth: number;
         alignItems: "center";
+        width: "100%";
+        paddingHorizontal: number;
     };
     containerFlex: {
         maxWidth: number;
         marginTop: number;
-        flex: number;
         paddingHorizontal: number;
-        marginHorizontal: number;
+        width: "100%";
     };
     titleContainer: {
-        marginHorizontal: number;
+        paddingHorizontal: number;
         height: number;
         display: "flex";
         alignItems: "center";
         justifyContent: "space-between";
         flexDirection: "row";
+        width: "100%";
     };
     titleTextContainer: {
         flexDirection: "row";

package/dist-web/components/cards/Cards.style.js

@@ -5,22 +5,24 @@ export var styles = StyleSheet.create({
     flex: 1,
     paddingTop: 12,
     maxWidth: 428,
-    alignItems: 'center'
+    alignItems: 'center',
+    width: '100%',
+    paddingHorizontal: 9
   },
   containerFlex: {
     maxWidth: 428,
     marginTop: 12,
-    flex: 1,
-    paddingHorizontal: 14,
-    marginHorizontal: 10
+    paddingHorizontal: 15,
+    width: '100%'
   },
   titleContainer: {
-    marginHorizontal: 24,
+    paddingHorizontal: 15,
     height: 48,
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'space-between',
-    flexDirection: 'row'
+    flexDirection: 'row',
+    width: '100%'
   },
   titleTextContainer: {
     flexDirection: 'row'

package/dist-web/components/cards/components/card/Card.style.d.ts

@@ -6,6 +6,7 @@ export declare const styles: {
         overflow: "hidden";
         elevation: number;
         maxWidth: number;
+        width: "100%";
     };
     status: {
         height: number;

package/dist-web/components/cards/components/card/Card.style.js

@@ -7,7 +7,8 @@ export var styles = StyleSheet.create({
     backgroundColor: NEUTRAL_50,
     overflow: 'hidden',
     elevation: 5,
-    maxWidth: 380
+    maxWidth: 380,
+    width: '100%'
   },
   status: {
     height: 8,

package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.style.d.ts

@@ -1,12 +1,12 @@
 export declare const styles: {
     container: {
         borderRadius: number;
-        marginHorizontal: number;
         marginBottom: number;
         paddingBottom: number;
         backgroundColor: string;
         elevation: number;
         overflow: "hidden";
+        maxWidth: number;
     };
     skeletonItem: {
         marginBottom: number;

package/dist-web/components/cards/components/card/components/skeletonCard/SkeletonCard.style.js

@@ -3,12 +3,12 @@ import { NEUTRAL_50 } from "../../../../../../styles/colors";
 export var styles = StyleSheet.create({
   container: {
     borderRadius: 8,
-    marginHorizontal: 16,
     marginBottom: 12,
     paddingBottom: 10,
     backgroundColor: NEUTRAL_50,
     elevation: 5,
-    overflow: 'hidden'
+    overflow: 'hidden',
+    maxWidth: 380
   },
   skeletonItem: {
     marginBottom: 8,

package/dist-web/components/table/Table.styles.d.ts

@@ -106,11 +106,13 @@ export declare const styles: {
         lineHeight: number;
         marginTop: number;
         maxWidth: "80%";
+        textAlign: "center";
     };
     emptyTextSubtitle: {
         color: string;
         fontSize: number;
         fontWeight: "600";
         lineHeight: number;
+        textAlign: "center";
     };
 };

package/dist-web/components/table/Table.styles.js

@@ -107,12 +107,14 @@ export var styles = StyleSheet.create({
     fontWeight: '500',
     lineHeight: 28,
     marginTop: 25,
-    maxWidth: '80%'
+    maxWidth: '80%',
+    textAlign: 'center'
   },
   emptyTextSubtitle: {
     color: NEUTRAL_700,
     fontSize: 14,
     fontWeight: '600',
-    lineHeight: 28
+    lineHeight: 28,
+    textAlign: 'center'
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.33",
+  "version": "1.3.35",
   "private": false,
   "scripts": {
     "android": "react-native run-android",