@unbxd-ui/unbxd-react-components 0.2.127 → 0.2.128

package/components/Table/BaseTable.js

@@ -189,7 +189,12 @@ var BaseTable = function BaseTable(props, ref) {
     sortByConfig = props.sortByConfig,
     resetPageNo = props.resetPageNo,
     pageNo = props.pageNo,
-    tbodyClassName = props.tbodyClassName;
+    tbodyClassName = props.tbodyClassName,
+    refreshFeature = props.refreshFeature,
+    onRefreshTableData = props.onRefreshTableData,
+    isTableRefreshing = props.isTableRefreshing,
+    refreshIconClass = props.refreshIconClass,
+    spinnerIconClass = props.spinnerIconClass;
   var _DEFAULT_CHECKBOX_CON = _objectSpread(_objectSpread({}, DEFAULT_CHECKBOX_CONFIG), checkboxConfig || {}),
     showCheckbox = _DEFAULT_CHECKBOX_CON.enabled,
     showInHeader = _DEFAULT_CHECKBOX_CON.showInHeader;
@@ -223,6 +228,9 @@ var BaseTable = function BaseTable(props, ref) {
   var getSelectedRows = function getSelectedRows() {
     return selected;
   };
+  var refreshTableData = function refreshTableData() {
+    onRefreshTableData();
+  };
   var updateCheckboxValue = function updateCheckboxValue(newValue) {
     setCheckboxValue(newValue);
     setChangeCounter(checkboxChangeCounter + 1);
@@ -295,7 +303,12 @@ var BaseTable = function BaseTable(props, ref) {
         className: className,
         key: key
       }, thAttrs), label);
-    }))), /*#__PURE__*/_react["default"].createElement("tbody", {
+    }), refreshFeature && /*#__PURE__*/_react["default"].createElement("th", null, !isTableRefreshing && /*#__PURE__*/_react["default"].createElement("span", {
+      onClick: refreshTableData,
+      className: refreshIconClass
+    }), isTableRefreshing && /*#__PURE__*/_react["default"].createElement("span", {
+      className: spinnerIconClass
+    })))), /*#__PURE__*/_react["default"].createElement("tbody", {
       className: tbodyClassName
     }, records.map(function (rowData, index) {
       return /*#__PURE__*/_react["default"].createElement(RowComponent, {

package/components/Table/Table.js

@@ -10,7 +10,8 @@ var _BaseTable = _interopRequireDefault(require("./BaseTable"));
 var _DataLoader = _interopRequireDefault(require("../DataLoader"));
 var _PaginationComponent = _interopRequireDefault(require("./PaginationComponent"));
 var _utils = _interopRequireDefault(require("../../core/utils"));
-var _excluded = ["className", "wrapperClassName", "records", "columnConfigs", "idAttribute", "searchBy", "getRequestKeys", "showPaginateBar", "paginationPosition", "paginationType", "paginationBar", "requestId", "pageNoKey", "perPageKey", "pageSizeList", "isExpandableTable", "ExpandedRowComponent", "responseFormatter", "noDataComponent", "omitProps", "getUrlParams", "getRequestParams", "checkboxConfig", "tbodyClassName"];
+var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
+var _excluded = ["className", "wrapperClassName", "records", "columnConfigs", "idAttribute", "searchBy", "getRequestKeys", "showPaginateBar", "paginationPosition", "paginationType", "paginationBar", "requestId", "pageNoKey", "perPageKey", "pageSizeList", "isExpandableTable", "ExpandedRowComponent", "responseFormatter", "noDataComponent", "omitProps", "getUrlParams", "getRequestParams", "checkboxConfig", "tbodyClassName", "refreshFeature", "refreshIconClass", "spinnerIconClass"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }
@@ -123,6 +124,10 @@ var Table = function Table(props, ref) {
     getRequestParams = props.getRequestParams,
     checkboxConfig = props.checkboxConfig,
     tbodyClassName = props.tbodyClassName,
+    _props$refreshFeature = props.refreshFeature,
+    refreshFeature = _props$refreshFeature === void 0 ? false : _props$refreshFeature,
+    refreshIconClass = props.refreshIconClass,
+    spinnerIconClass = props.spinnerIconClass,
     restProps = _objectWithoutProperties(props, _excluded);
   /* variables for server data */
   var _useState = (0, _react.useState)([]),
@@ -145,15 +150,19 @@ var Table = function Table(props, ref) {
     setSortByConfig = _useState8[1];
   var sortBy = sortByConfig.sortBy,
     sortOrder = sortByConfig.sortOrder;
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isTableRefreshing = _useState10[0],
+    setIsTableRefreshing = _useState10[1];
 
   /* variables for pagination data */
-  var _useState9 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)({
       perPageCount: pageSizeList[0].id,
       pageNo: 1
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    pageConfig = _useState10[0],
-    setPageConfig = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    pageConfig = _useState12[0],
+    setPageConfig = _useState12[1];
   var perPageCount = pageConfig.perPageCount,
     pageNo = pageConfig.pageNo;
   var omitParams = [pageNoKey, perPageKey].concat(_toConsumableArray(omitProps.split(",")));
@@ -190,6 +199,17 @@ var Table = function Table(props, ref) {
     setServerRecords(entries);
     setServerTotal(total);
   };
+  var onRefreshTableData = function onRefreshTableData() {
+    setIsTableRefreshing(true);
+    var def = _dataLoader["default"].getRequestDef(requests[0]);
+    def.done(function (response) {
+      onDataLoaded([response]);
+      setIsTableRefreshing(false);
+    });
+    def["catch"](function (error) {
+      setIsTableRefreshing(false);
+    });
+  };
   var resetPageNo = function resetPageNo() {
     setPageConfig(_objectSpread(_objectSpread({}, pageConfig), {}, {
       pageNo: 1
@@ -240,6 +260,11 @@ var Table = function Table(props, ref) {
     noDataComponent: noDataComponent,
     pageNo: pageNo,
     tbodyClassName: tbodyClassName,
+    isTableRefreshing: isTableRefreshing,
+    refreshFeature: refreshFeature,
+    refreshIconClass: refreshIconClass,
+    spinnerIconClass: spinnerIconClass,
+    onRefreshTableData: onRefreshTableData,
     sortByConfig: sortByConfig,
     onSort: onSort,
     resetPageNo: resetPageNo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.2.127",
+  "version": "0.2.128",
   "description": "React components library",
   "keywords": [
     "react components",