etendo-ui-library 1.2.66 → 1.2.67
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.
- package/dist-native/assets/images/components/EmptyTableState.js +1 -1
- package/dist-native/components/secondaryComponents/SkeletonRowTable.js +1 -1
- package/dist-native/components/table/Table.d.ts +1 -1
- package/dist-native/components/table/Table.js +1 -1
- package/dist-native/components/table/Table.types.d.ts +1 -2
- package/dist-web/assets/images/components/EmptyTableState.js +1 -1
- package/dist-web/components/secondaryComponents/SkeletonRowTable.js +1 -1
- package/dist-web/components/table/Table.d.ts +1 -1
- package/dist-web/components/table/Table.js +8 -10
- package/dist-web/components/table/Table.types.d.ts +1 -2
- package/package.json +1 -1
|
@@ -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 _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:
|
|
1
|
+
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:'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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _SkeletonItem=_interopRequireDefault(require("./SkeletonItem"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/secondaryComponents/SkeletonRowTable.tsx";var SkeletonRowTable=function SkeletonRowTable(_ref){var width=_ref.width,color=_ref.color,indexRow=_ref.indexRow,indexColumn=_ref.indexColumn,widthSkeleton=_ref.widthSkeleton;return _react.default.createElement(_reactNative.View,{style:{width:width,height:50,display:'flex',justifyContent:'center',alignItems:
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var _react=_interopRequireDefault(require("react"));var _SkeletonItem=_interopRequireDefault(require("./SkeletonItem"));var _table_utils=require("../../helpers/table_utils");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/secondaryComponents/SkeletonRowTable.tsx";var SkeletonRowTable=function SkeletonRowTable(_ref){var width=_ref.width,color=_ref.color,indexRow=_ref.indexRow,indexColumn=_ref.indexColumn,widthSkeleton=_ref.widthSkeleton;return _react.default.createElement(_reactNative.View,{style:{width:width,height:50,display:'flex',justifyContent:'center',alignItems:'center',paddingLeft:indexColumn==1?36:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:5}},_react.default.createElement(_SkeletonItem.default,{animationSpeed:900*((0,_table_utils.isOdd)(indexRow)?2:1.5),borderRadius:25,color:color,delay:10,height:25,width:widthSkeleton?widthSkeleton:indexColumn==1&&(0,_table_utils.isOdd)(indexRow)?'80%':'60%',__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}}));};var _default=exports.default=SkeletonRowTable;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableProps } from './Table.types';
|
|
3
|
-
declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable,
|
|
3
|
+
declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, }: TableProps) => React.JSX.Element;
|
|
4
4
|
export default Table;
|
|
@@ -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 _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,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,
|
|
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,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?20:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};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(){if(onRowPress){onRowPress(findPrimaryId(columns,index));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,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:65,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:72,columnNumber:25}},itemAction.component);}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(item,index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,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:103,columnNumber:15}});}));};var EmptyState=function EmptyState(){return _react.default.createElement(_reactNative.View,{style:_Table.styles.emptyStateConteiner,__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:7}},_react.default.createElement(_EmptyTableState.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}}),_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextTitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:11}},textEmptyTable),_react.default.createElement(_reactNative.Text,{style:_Table.styles.emptyTextSubtitle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:11}},commentEmptyTable)));};return _react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:136,columnNumber:7}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.item,item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(EmptyState,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:153,columnNumber:29}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(null,data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:142,columnNumber:7}}));};var _default=exports.default=Table;
|
|
@@ -9,8 +9,7 @@ export interface TableProps {
|
|
|
9
9
|
isLoading?: boolean;
|
|
10
10
|
textEmptyTable?: string;
|
|
11
11
|
commentEmptyTable?: string;
|
|
12
|
-
|
|
13
|
-
isLoadMoreData?: boolean;
|
|
12
|
+
onLoadMoreData?: (currentPage: number, pageSize: number) => void;
|
|
14
13
|
pageSize?: number;
|
|
15
14
|
currentPage?: number;
|
|
16
15
|
isLoadingMoreData?: boolean;
|
|
@@ -8,7 +8,7 @@ var EmptyTableState = function EmptyTableState() {
|
|
|
8
8
|
return /*#__PURE__*/React.createElement(Svg, {
|
|
9
9
|
viewBox: "0 0 268.5 92.8",
|
|
10
10
|
style: {
|
|
11
|
-
width:
|
|
11
|
+
width: '100%',
|
|
12
12
|
aspectRatio: aspectRatio,
|
|
13
13
|
height: isDeviceTablet ? '35%' : '25%'
|
|
14
14
|
}
|
|
@@ -14,7 +14,7 @@ var SkeletonRowTable = function SkeletonRowTable(_ref) {
|
|
|
14
14
|
height: 50,
|
|
15
15
|
display: 'flex',
|
|
16
16
|
justifyContent: 'center',
|
|
17
|
-
alignItems:
|
|
17
|
+
alignItems: 'center',
|
|
18
18
|
paddingLeft: indexColumn == 1 ? 36 : 0
|
|
19
19
|
}
|
|
20
20
|
}, /*#__PURE__*/React.createElement(SkeletonItem, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableProps } from './Table.types';
|
|
3
|
-
declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable,
|
|
3
|
+
declare const Table: ({ data, columns, title, onRowPress, tableHeight, isLoading, textEmptyTable, commentEmptyTable, onLoadMoreData, isLoadingMoreData, pageSize, currentPage, }: TableProps) => React.JSX.Element;
|
|
4
4
|
export default Table;
|
|
@@ -19,18 +19,16 @@ var Table = function Table(_ref) {
|
|
|
19
19
|
isLoading = _ref.isLoading,
|
|
20
20
|
textEmptyTable = _ref.textEmptyTable,
|
|
21
21
|
commentEmptyTable = _ref.commentEmptyTable,
|
|
22
|
-
|
|
23
|
-
_ref$
|
|
24
|
-
|
|
22
|
+
onLoadMoreData = _ref.onLoadMoreData,
|
|
23
|
+
_ref$isLoadingMoreDat = _ref.isLoadingMoreData,
|
|
24
|
+
isLoadingMoreData = _ref$isLoadingMoreDat === void 0 ? true : _ref$isLoadingMoreDat,
|
|
25
25
|
_ref$pageSize = _ref.pageSize,
|
|
26
26
|
pageSize = _ref$pageSize === void 0 ? 20 : _ref$pageSize,
|
|
27
27
|
_ref$currentPage = _ref.currentPage,
|
|
28
|
-
currentPage = _ref$currentPage === void 0 ? 0 : _ref$currentPage
|
|
29
|
-
_ref$isLoadingMoreDat = _ref.isLoadingMoreData,
|
|
30
|
-
isLoadingMoreData = _ref$isLoadingMoreDat === void 0 ? true : _ref$isLoadingMoreDat;
|
|
28
|
+
currentPage = _ref$currentPage === void 0 ? 0 : _ref$currentPage;
|
|
31
29
|
var handleLoadMore = function handleLoadMore() {
|
|
32
|
-
if (isLoadingMoreData &&
|
|
33
|
-
|
|
30
|
+
if (isLoadingMoreData && !isLoading && onLoadMoreData) {
|
|
31
|
+
onLoadMoreData(currentPage + 1, pageSize);
|
|
34
32
|
}
|
|
35
33
|
};
|
|
36
34
|
var findPrimaryId = function findPrimaryId(col, indexRow) {
|
|
@@ -118,14 +116,14 @@ var Table = function Table(_ref) {
|
|
|
118
116
|
}), /*#__PURE__*/React.createElement(FlatList, {
|
|
119
117
|
data: isLoadingMoreData && isLoading && !data.length ? Array(pageSize).fill({}) : data,
|
|
120
118
|
renderItem: function renderItem(item) {
|
|
121
|
-
return isLoadingMoreData && isLoading && !data.length &&
|
|
119
|
+
return isLoadingMoreData && isLoading && !data.length && onLoadMoreData ? RenderSkeleton(item.item, item.index) : RenderItem(item.item, item.index);
|
|
122
120
|
},
|
|
123
121
|
ListEmptyComponent: /*#__PURE__*/React.createElement(EmptyState, null),
|
|
124
122
|
keyExtractor: function keyExtractor(_item, index) {
|
|
125
123
|
return 'Table: ' + index;
|
|
126
124
|
},
|
|
127
125
|
ListFooterComponent: function ListFooterComponent() {
|
|
128
|
-
return isLoadingMoreData &&
|
|
126
|
+
return isLoadingMoreData && onLoadMoreData && isLoading && Boolean(data.length) && RenderSkeleton(null, data.length);
|
|
129
127
|
},
|
|
130
128
|
onEndReached: function onEndReached() {
|
|
131
129
|
return handleLoadMore();
|
|
@@ -9,8 +9,7 @@ export interface TableProps {
|
|
|
9
9
|
isLoading?: boolean;
|
|
10
10
|
textEmptyTable?: string;
|
|
11
11
|
commentEmptyTable?: string;
|
|
12
|
-
|
|
13
|
-
isLoadMoreData?: boolean;
|
|
12
|
+
onLoadMoreData?: (currentPage: number, pageSize: number) => void;
|
|
14
13
|
pageSize?: number;
|
|
15
14
|
currentPage?: number;
|
|
16
15
|
isLoadingMoreData?: boolean;
|