etendo-ui-library 1.2.62 → 1.2.63

package/dist-native/assets/images/components/EmptyTableState.js

@@ -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 _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/assets/images/components/EmptyTableState.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 EmptyTableState=function EmptyTableState(){return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:5}},_react.default.createElement(_reactNativeSvg.default,{width:330,height:150,viewBox:"0 0 330 150",fill:"none",__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:7}},_react.default.createElement(_reactNativeSvg.Defs,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:9}},_react.default.createElement(_reactNativeSvg.Pattern,{width:"1",height:"1",__self:_this,__source:{fileName:_jsxFileName,lineNumber:11,columnNumber:11}},_react.default.createElement(_reactNativeSvg.Image,{href:{uri:'./empty-state-tabla.svg'},width:_table_utils.isDeviceTablet?'50%':'70%',height:_table_utils.isDeviceTablet?'100%':'50%',preserveAspectRatio:"xMidYMid slice",__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:13}})))));};var _default=exports.default=EmptyTableState;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _table_utils=require("../../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/assets/images/components/EmptyTableState.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 EmptyTableState=function EmptyTableState(){var originalWidth=268.5;var originalHeight=92.8;var aspectRatio=originalWidth/originalHeight;return _react.default.createElement(_reactNativeSvg.default,{viewBox:"0 0 268.5 92.8",style:{width:_table_utils.isDeviceTablet?'100%':'100%',aspectRatio:aspectRatio,height:_table_utils.isDeviceTablet?'35%':'25%'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{d:"M8.5,0.5h229.4c4.4,0,8,3.6,8,8v32.6c0,4.4-3.6,8-8,8H8.5c-4.4,0-8-3.6-8-8V8.5C0.5,4.1,4.1,0.5,8.5,0.5z",fill:"#F9F9F9",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M16.1,19.5h91.2c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H16.1c-2.9,0-5.3-2.4-5.3-5.3l0,0 C10.8,21.9,13.2,19.5,16.1,19.5z",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M137,19.5h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H137c-2.9,0-5.3-2.4-5.3-5.3l0,0 C131.7,21.9,134.1,19.5,137,19.5z",fillOpacity:"0.5",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M196.8,19.5h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C191.6,21.9,193.9,19.5,196.8,19.5z",fillOpacity:"0.5",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Line,{x1:"123.1",y1:"0.5",x2:"123.1",y2:"49.1",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Line,{x1:"185.5",y1:"0.5",x2:"185.5",y2:"49.1",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M28.6,44.2H250c6.6,0,12,5.4,12,12v24.6c0,6.6-5.4,12-12,12H28.6c-6.6,0-12-5.4-12-12V56.2 C16.6,49.6,22,44.2,28.6,44.2z",fillOpacity:"0.4",fill:"#E8E9EA",__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M30.6,38.2H260c4.4,0,8,3.6,8,8v32.6c0,4.4-3.6,8-8,8H30.6c-4.4,0-8-3.6-8-8V46.2 C22.6,41.8,26.2,38.2,30.6,38.2z",fill:"#F9F9F9",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M38.2,57.2h91.2c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H38.2c-2.9,0-5.3-2.4-5.3-5.3l0,0 C32.9,59.6,35.3,57.2,38.2,57.2z",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:75,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M159.1,57.2h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C153.8,59.6,156.2,57.2,159.1,57.2z",fillOpacity:"0.5",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Path,{d:"M218.9,57.2h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C213.7,59.6,216,57.2,218.9,57.2z",fillOpacity:"0.5",fill:"#C9D5E2",__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Line,{x1:"145.2",y1:"38.2",x2:"145.2",y2:"86.8",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:91,columnNumber:7}}),_react.default.createElement(_reactNativeSvg.Line,{x1:"207.6",y1:"38.2",x2:"207.6",y2:"86.8",stroke:"#D3D3D3",strokeMiterlimit:"10",__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:7}}));};var _default=exports.default=EmptyTableState;

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

@@ -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 _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _EmptyTableState=_interopRequireDefault(require("../../assets/images/components/EmptyTableState"));var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,pageSize=_ref.pageSize,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable;var findPrimaryId=function findPrimaryId(col,indexRow){var primary='';if(indexRow>=0){for(var element of col){if(element.primary===true){if(element.key){primary=data[indexRow][element.key];break;}}}}return primary;};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},columns.map(function(col,colIndex){var _col$components;return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:15}},col.components?(_col$components=col.components)==null?void 0:_col$components.map(function(itemAction,actionIndex){return _react.default.createElement(_reactNative.TouchableOpacity,{style:_Table.styles.cellEditContainer,onPress:function onPress(){return itemAction.onAction(findPrimaryId(columns,index));},key:'tableCellCustom'+actionIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:25}},itemAction.component);}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:15}});}));};var EmptyState=function EmptyState(){return _react.default.createElement(_reactNative.View,{style:_Table.styles.emptyStateConteiner,__self:_this,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:7}},_react.default.createElement(_EmptyTableState.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:9}}),_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:9}},textEmptyTable),_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextSubtitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}},commentEmptyTable));};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!isLoading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:133,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:!isLoading?data:Array(pageSize).fill({}),showsVerticalScrollIndicator:false,showsHorizontalScrollIndicator:false,renderItem:function renderItem(item){return isLoading?RenderSkeleton(item.item,item.index):RenderItem(item.item,item.index);},ListEmptyComponent:EmptyState,keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:135,columnNumber:9}})));};var _default=exports.default=Table;
+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 _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _EmptyTableState=_interopRequireDefault(require("../../assets/images/components/EmptyTableState"));var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,pageSize=_ref.pageSize,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable;var findPrimaryId=function findPrimaryId(col,indexRow){var primary='';if(indexRow>=0){for(var element of col){if(element.primary===true){if(element.key){primary=data[indexRow][element.key];break;}}}}return primary;};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:7}},columns.map(function(col,colIndex){var _col$components;return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:54,columnNumber:15}},col.components?(_col$components=col.components)==null?void 0:_col$components.map(function(itemAction,actionIndex){return _react.default.createElement(_reactNative.TouchableOpacity,{style:_Table.styles.cellEditContainer,onPress:function onPress(){return itemAction.onAction(findPrimaryId(columns,index));},key:'tableCellCustom'+actionIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:25}},itemAction.component);}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:88,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:15}});}));};var EmptyState=function EmptyState(){return _react.default.createElement(_reactNative.View,{style:_Table.styles.emptyStateConteiner,__self:_this,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:7}},_react.default.createElement(_EmptyTableState.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:9}}),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:11}},textEmptyTable),_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextSubtitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:11}},commentEmptyTable)));};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!isLoading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:!isLoading?data:Array(pageSize).fill({}),showsVerticalScrollIndicator:false,showsHorizontalScrollIndicator:false,renderItem:function renderItem(item){return isLoading?RenderSkeleton(item.item,item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(EmptyState,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:31}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:9}})));};var _default=exports.default=Table;

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

@@ -105,6 +105,8 @@ export declare const styles: {
         fontSize: number;
         fontWeight: "500";
         lineHeight: number;
+        marginTop: number;
+        maxWidth: "80%";
     };
     emptyTextSubtitle: {
         color: string;

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',justifyContent:'center',alignItems:'center',backgroundColor:'#FAFAFA',height:400,width:'100%'},emptyTextTitle:{color:_colors.NEUTRAL_700,textAlign:'center',fontSize:20,fontWeight:'500',lineHeight:28},emptyTextSubtitle:{color:_colors.PRIMARY_100,textAlign:'center',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',justifyContent:'center',alignItems:'center',backgroundColor:'#FAFAFA',height:400,width:'100%'},emptyTextTitle:{color:_colors.PRIMARY_100,textAlign:'center',fontSize:20,fontWeight:'500',lineHeight:28,marginTop:25,maxWidth:'80%'},emptyTextSubtitle:{color:_colors.NEUTRAL_700,textAlign:'center',fontSize:14,fontWeight:'600',lineHeight:28}});

package/dist-web/assets/images/components/EmptyTableState.js

@@ -1,23 +1,81 @@
 import React from 'react';
-import { View } from "react-native-web";
-import Svg, { Defs, Pattern, Image as SvgImage } from "react-native-svg-web";
+import Svg, { Line, Path } from "react-native-svg-web";
 import { isDeviceTablet } from "../../../helpers/table_utils";
 var EmptyTableState = function EmptyTableState() {
-  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Svg, {
-    width: 330,
-    height: 150,
-    viewBox: "0 0 330 150",
-    fill: "none"
-  }, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(Pattern, {
-    width: "1",
-    height: "1"
-  }, /*#__PURE__*/React.createElement(SvgImage, {
-    href: {
-      uri: './empty-state-tabla.svg'
-    },
-    width: isDeviceTablet ? '50%' : '70%',
-    height: isDeviceTablet ? '100%' : '50%',
-    preserveAspectRatio: "xMidYMid slice"
-  })))));
+  var originalWidth = 268.5;
+  var originalHeight = 92.8;
+  var aspectRatio = originalWidth / originalHeight;
+  return /*#__PURE__*/React.createElement(Svg, {
+    viewBox: "0 0 268.5 92.8",
+    style: {
+      width: isDeviceTablet ? '100%' : '100%',
+      aspectRatio: aspectRatio,
+      height: isDeviceTablet ? '35%' : '25%'
+    }
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M8.5,0.5h229.4c4.4,0,8,3.6,8,8v32.6c0,4.4-3.6,8-8,8H8.5c-4.4,0-8-3.6-8-8V8.5C0.5,4.1,4.1,0.5,8.5,0.5z",
+    fill: "#F9F9F9",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M16.1,19.5h91.2c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H16.1c-2.9,0-5.3-2.4-5.3-5.3l0,0 C10.8,21.9,13.2,19.5,16.1,19.5z",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M137,19.5h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H137c-2.9,0-5.3-2.4-5.3-5.3l0,0 C131.7,21.9,134.1,19.5,137,19.5z",
+    fillOpacity: "0.5",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M196.8,19.5h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C191.6,21.9,193.9,19.5,196.8,19.5z",
+    fillOpacity: "0.5",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Line, {
+    x1: "123.1",
+    y1: "0.5",
+    x2: "123.1",
+    y2: "49.1",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement(Line, {
+    x1: "185.5",
+    y1: "0.5",
+    x2: "185.5",
+    y2: "49.1",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M28.6,44.2H250c6.6,0,12,5.4,12,12v24.6c0,6.6-5.4,12-12,12H28.6c-6.6,0-12-5.4-12-12V56.2 C16.6,49.6,22,44.2,28.6,44.2z",
+    fillOpacity: "0.4",
+    fill: "#E8E9EA"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M30.6,38.2H260c4.4,0,8,3.6,8,8v32.6c0,4.4-3.6,8-8,8H30.6c-4.4,0-8-3.6-8-8V46.2 C22.6,41.8,26.2,38.2,30.6,38.2z",
+    fill: "#F9F9F9",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M38.2,57.2h91.2c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3H38.2c-2.9,0-5.3-2.4-5.3-5.3l0,0 C32.9,59.6,35.3,57.2,38.2,57.2z",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M159.1,57.2h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C153.8,59.6,156.2,57.2,159.1,57.2z",
+    fillOpacity: "0.5",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M218.9,57.2h33.7c2.9,0,5.3,2.4,5.3,5.3l0,0c0,2.9-2.4,5.3-5.3,5.3h-33.7c-2.9,0-5.3-2.4-5.3-5.3l0,0 C213.7,59.6,216,57.2,218.9,57.2z",
+    fillOpacity: "0.5",
+    fill: "#C9D5E2"
+  }), /*#__PURE__*/React.createElement(Line, {
+    x1: "145.2",
+    y1: "38.2",
+    x2: "145.2",
+    y2: "86.8",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement(Line, {
+    x1: "207.6",
+    y1: "38.2",
+    x2: "207.6",
+    y2: "86.8",
+    stroke: "#D3D3D3",
+    strokeMiterlimit: "10"
+  }));
 };
 export default EmptyTableState;

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

@@ -89,11 +89,11 @@ var Table = function Table(_ref) {
   var EmptyState = function EmptyState() {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.emptyStateConteiner
-    }, /*#__PURE__*/React.createElement(EmptyTableState, null), /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(EmptyTableState, null), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
       style: styles.emptyTextTitle
     }, textEmptyTable), /*#__PURE__*/React.createElement(Text, {
       style: styles.emptyTextSubtitle
-    }, commentEmptyTable));
+    }, commentEmptyTable)));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, removeHeaderBorder(title), {
@@ -110,7 +110,7 @@ var Table = function Table(_ref) {
     renderItem: function renderItem(item) {
       return isLoading ? RenderSkeleton(item.item, item.index) : RenderItem(item.item, item.index);
     },
-    ListEmptyComponent: EmptyState,
+    ListEmptyComponent: /*#__PURE__*/React.createElement(EmptyState, null),
     keyExtractor: function keyExtractor(_item, index) {
       return 'Table: ' + index;
     }

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

@@ -105,6 +105,8 @@ export declare const styles: {
         fontSize: number;
         fontWeight: "500";
         lineHeight: number;
+        marginTop: number;
+        maxWidth: "80%";
     };
     emptyTextSubtitle: {
         color: string;

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

@@ -102,14 +102,16 @@ export var styles = StyleSheet.create({
     width: '100%'
   },
   emptyTextTitle: {
-    color: NEUTRAL_700,
+    color: PRIMARY_100,
     textAlign: 'center',
     fontSize: 20,
     fontWeight: '500',
-    lineHeight: 28
+    lineHeight: 28,
+    marginTop: 25,
+    maxWidth: '80%'
   },
   emptyTextSubtitle: {
-    color: PRIMARY_100,
+    color: NEUTRAL_700,
     textAlign: 'center',
     fontSize: 14,
     fontWeight: '600',

package/package.json

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