@unbxd-ui/unbxd-react-components 0.2.104 → 0.2.107-beta.2

package/components/Table/PaginationComponent.js

@@ -4,28 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Dropdown = _interopRequireDefault(require("../Form/Dropdown"));
+
 var _utils = _interopRequireDefault(require("../../core/utils"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var PaginationComponent = function PaginationComponent(props) {
   var pageSizeList = props.pageSizeList,
-    pageConfig = props.pageConfig,
-    onPageConfigChanged = props.onPageConfigChanged;
+      pageConfig = props.pageConfig,
+      onPageConfigChanged = props.onPageConfigChanged;
   var perPageCount = pageConfig.perPageCount,
-    pageNo = pageConfig.pageNo,
-    total = pageConfig.total;
+      pageNo = pageConfig.pageNo,
+      total = pageConfig.total;
+
   var SelectionSummary = function SelectionSummary() {
     var pagIndex = _utils["default"].getPagIndex(pageConfig);
+
     var start = pagIndex.start,
-      end = pagIndex.end;
+        end = pagIndex.end;
     var startVal = start + 1;
     var endVal = total < end ? total : end;
     var summaryString = "".concat(startVal, "-").concat(endVal);
@@ -35,6 +43,7 @@ var PaginationComponent = function PaginationComponent(props) {
       className: "RCB-select-arrow"
     }));
   };
+
   var onPerPageChanged = function onPerPageChanged(perPageObj) {
     var perPage = +perPageObj.id;
     onPageConfigChanged(_objectSpread(_objectSpread({}, pageConfig), {}, {
@@ -42,12 +51,14 @@ var PaginationComponent = function PaginationComponent(props) {
       perPageCount: perPage
     }));
   };
+
   var changePage = function changePage(moveUnit, event) {
     event.preventDefault();
     onPageConfigChanged(_objectSpread(_objectSpread({}, pageConfig), {}, {
       pageNo: pageNo + moveUnit
     }));
   };
+
   var isLeftNavDisbaled = pageNo <= 1;
   var isRightNavDisbaled = pageNo >= Math.ceil(total / +perPageCount);
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -75,6 +86,7 @@ var PaginationComponent = function PaginationComponent(props) {
     }
   }, ">")));
 };
+
 PaginationComponent.propTypes = {
   pageSizeList: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),

package/components/Table/Table.js

@@ -4,61 +4,94 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.REQUEST_KEYS = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 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"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 var getPageRecords = function getPageRecords() {
   var records = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var pageConfig = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
   var pagIndex = _utils["default"].getPagIndex(pageConfig);
+
   var start = pagIndex.start,
-    end = pagIndex.end;
+      end = pagIndex.end;
   return records.slice(start, end);
 };
+
 var sortNumbersASC = function sortNumbersASC(a, b) {
   return a - b;
 };
+
 var sortNumbersDSC = function sortNumbersDSC(a, b) {
   return b - a;
 };
+
 var sortAlphaASC = function sortAlphaASC(a, b) {
   return a < b ? -1 : 1;
 };
+
 var sortAlphaDSC = function sortAlphaDSC(a, b) {
   return b < a ? -1 : 1;
 };
+
 var getFilteredRecords = function getFilteredRecords(_ref) {
   var _ref$records = _ref.records,
-    records = _ref$records === void 0 ? [] : _ref$records,
-    searchBy = _ref.searchBy,
-    searchByKey = _ref.searchByKey,
-    sortByConfig = _ref.sortByConfig;
+      records = _ref$records === void 0 ? [] : _ref$records,
+      searchBy = _ref.searchBy,
+      searchByKey = _ref.searchByKey,
+      sortByConfig = _ref.sortByConfig;
   var filteredRecords = records;
+
   if (searchBy) {
     searchBy = searchBy.toLowerCase();
     filteredRecords = records.filter(function (obj) {
@@ -66,10 +99,11 @@ var getFilteredRecords = function getFilteredRecords(_ref) {
       return val.indexOf(searchBy) !== -1;
     });
   }
+
   if (_typeof(sortByConfig) === "object" && !_utils["default"].isObjectEmpty(sortByConfig)) {
     var sortBy = sortByConfig.sortBy,
-      sortOrder = sortByConfig.sortOrder,
-      columnConfig = sortByConfig.columnConfig;
+        sortOrder = sortByConfig.sortOrder,
+        columnConfig = sortByConfig.columnConfig;
     var valueFormatter = columnConfig.valueFormatter;
     filteredRecords = records.slice().sort(function (obj1, obj2) {
       var rowValue1 = obj1[sortBy];
@@ -82,6 +116,7 @@ var getFilteredRecords = function getFilteredRecords(_ref) {
         value: rowValue2,
         record: obj2
       }) : rowValue2;
+
       if (typeof sortValue === "number") {
         return sortOrder === "ASC" ? sortNumbersASC(sortValue1, sortValue2) : sortNumbersDSC(sortValue1, sortValue2);
       } else {
@@ -89,8 +124,10 @@ var getFilteredRecords = function getFilteredRecords(_ref) {
       }
     });
   }
+
   return filteredRecords;
 };
+
 var REQUEST_KEYS = {
   searchBy: "search",
   sortBy: "sortBy",
@@ -99,121 +136,146 @@ var REQUEST_KEYS = {
   sortDSC: "DSC"
 };
 exports.REQUEST_KEYS = REQUEST_KEYS;
+
 var Table = function Table(props, ref) {
   var _objectSpread2;
+
   var className = props.className,
-    wrapperClassName = props.wrapperClassName,
-    records = props.records,
-    columnConfigs = props.columnConfigs,
-    idAttribute = props.idAttribute,
-    searchBy = props.searchBy,
-    getRequestKeys = props.getRequestKeys,
-    showPaginateBar = props.showPaginateBar,
-    paginationPosition = props.paginationPosition,
-    paginationType = props.paginationType,
-    paginationBar = props.paginationBar,
-    requestId = props.requestId,
-    pageNoKey = props.pageNoKey,
-    perPageKey = props.perPageKey,
-    pageSizeList = props.pageSizeList,
-    isExpandableTable = props.isExpandableTable,
-    ExpandedRowComponent = props.ExpandedRowComponent,
-    responseFormatter = props.responseFormatter,
-    noDataComponent = props.noDataComponent,
-    omitProps = props.omitProps,
-    getUrlParams = props.getUrlParams,
-    getRequestParams = props.getRequestParams,
-    checkboxConfig = props.checkboxConfig,
-    restProps = _objectWithoutProperties(props, _excluded);
+      wrapperClassName = props.wrapperClassName,
+      records = props.records,
+      columnConfigs = props.columnConfigs,
+      idAttribute = props.idAttribute,
+      searchBy = props.searchBy,
+      getRequestKeys = props.getRequestKeys,
+      showPaginateBar = props.showPaginateBar,
+      paginationPosition = props.paginationPosition,
+      paginationType = props.paginationType,
+      paginationBar = props.paginationBar,
+      requestId = props.requestId,
+      pageNoKey = props.pageNoKey,
+      perPageKey = props.perPageKey,
+      pageSizeList = props.pageSizeList,
+      isExpandableTable = props.isExpandableTable,
+      ExpandedRowComponent = props.ExpandedRowComponent,
+      responseFormatter = props.responseFormatter,
+      noDataComponent = props.noDataComponent,
+      omitProps = props.omitProps,
+      getUrlParams = props.getUrlParams,
+      getRequestParams = props.getRequestParams,
+      checkboxConfig = props.checkboxConfig,
+      restProps = _objectWithoutProperties(props, _excluded);
   /* variables for server data */
+
+
   var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    serverRecords = _useState2[0],
-    setServerRecords = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    serverTotal = _useState4[0],
-    setServerTotal = _useState4[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      serverRecords = _useState2[0],
+      setServerRecords = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      serverTotal = _useState4[0],
+      setServerTotal = _useState4[1];
   /* variables for search, sort data */
+
+
   var _useState5 = (0, _react.useState)(searchBy),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchQuery = _useState6[0],
-    setSearchQuery = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchQuery = _useState6[0],
+      setSearchQuery = _useState6[1];
+
   var _useState7 = (0, _react.useState)({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    sortByConfig = _useState8[0],
-    setSortByConfig = _useState8[1];
-  var sortBy = sortByConfig.sortBy,
-    sortOrder = sortByConfig.sortOrder;
+      _useState8 = _slicedToArray(_useState7, 2),
+      sortByConfig = _useState8[0],
+      setSortByConfig = _useState8[1];
 
+  var sortBy = sortByConfig.sortBy,
+      sortOrder = sortByConfig.sortOrder;
   /* variables for pagination data */
+
   var _useState9 = (0, _react.useState)({
-      perPageCount: pageSizeList[0].id,
-      pageNo: 1
-    }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    pageConfig = _useState10[0],
-    setPageConfig = _useState10[1];
+    perPageCount: pageSizeList[0].id,
+    pageNo: 1
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      pageConfig = _useState10[0],
+      setPageConfig = _useState10[1];
+
   var perPageCount = pageConfig.perPageCount,
-    pageNo = pageConfig.pageNo;
+      pageNo = pageConfig.pageNo;
   var omitParams = [pageNoKey, perPageKey].concat(_toConsumableArray(omitProps.split(",")));
+
   var _REQUEST_KEYS$getRequ = _objectSpread(_objectSpread({}, REQUEST_KEYS), getRequestKeys()),
-    searchByKey = _REQUEST_KEYS$getRequ.searchBy,
-    sortByKey = _REQUEST_KEYS$getRequ.sortBy,
-    sortOrderKey = _REQUEST_KEYS$getRequ.sortOrder,
-    ASCEnum = _REQUEST_KEYS$getRequ.sortASC,
-    DSCEnum = _REQUEST_KEYS$getRequ.sortDSC;
+      searchByKey = _REQUEST_KEYS$getRequ.searchBy,
+      sortByKey = _REQUEST_KEYS$getRequ.sortBy,
+      sortOrderKey = _REQUEST_KEYS$getRequ.sortOrder,
+      ASCEnum = _REQUEST_KEYS$getRequ.sortASC,
+      DSCEnum = _REQUEST_KEYS$getRequ.sortDSC;
+
   var extraParams = _utils["default"].omit(restProps, omitParams);
+
   var requestParams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getRequestParams()), extraParams), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, pageNoKey, pageNo), _defineProperty(_objectSpread2, perPageKey, perPageCount), _objectSpread2), searchQuery && _defineProperty({}, searchByKey, searchQuery)), sortBy && _defineProperty({}, sortByKey, sortBy)), sortOrder && _defineProperty({}, sortOrderKey, sortOrder === "DSC" ? DSCEnum : ASCEnum));
+
   var requests = [{
     requestId: requestId,
     params: requestParams,
     urlParams: getUrlParams()
   }];
+
   var onDataLoaded = function onDataLoaded(_ref5) {
     var _ref6 = _slicedToArray(_ref5, 1),
-      response = _ref6[0];
+        response = _ref6[0];
+
     var apiResponse = response;
+
     if (typeof responseFormatter === "function") {
       apiResponse = responseFormatter(response);
     }
+
     var _apiResponse = apiResponse,
-      entries = _apiResponse.entries,
-      total = _apiResponse.total;
+        entries = _apiResponse.entries,
+        total = _apiResponse.total;
     entries = entries || [];
+
     if (pageNo > 1 && entries.length === 0) {
       /* current page does not have records, so fetch previous page */
       setPageConfig(_objectSpread(_objectSpread({}, pageConfig), {}, {
         pageNo: pageNo - 1
       }));
     }
+
     setServerRecords(entries);
     setServerTotal(total);
   };
+
   var resetPageNo = function resetPageNo() {
     setPageConfig(_objectSpread(_objectSpread({}, pageConfig), {}, {
       pageNo: 1
     }));
   };
+
   (0, _react.useEffect)(function () {
     /* Search value changed: reset pageNo. */
     resetPageNo();
     setSearchQuery(searchBy);
   }, [searchBy]);
+
   var onSort = function onSort(columnConfig) {
     var newSortBy = columnConfig.key;
     var newSortOrder = "ASC";
+
     if (sortBy === newSortBy) {
       /* clicked sort on the same column */
       newSortOrder = sortOrder === "ASC" ? "DSC" : "ASC";
     }
+
     setSortByConfig({
       sortBy: newSortBy,
       sortOrder: newSortOrder,
       columnConfig: columnConfig
     });
   };
+
   var filteredRecords = getFilteredRecords({
     records: records,
     searchBy: searchBy,
@@ -228,10 +290,13 @@ var Table = function Table(props, ref) {
       total: totalRecords
     })
   };
+
   var paginationComponent = /*#__PURE__*/_react["default"].createElement("div", {
     className: "RCB-paginate-bar"
   }, paginationBar ? /*#__PURE__*/_react["default"].cloneElement(paginationBar, paginationProps) : /*#__PURE__*/_react["default"].createElement(_PaginationComponent["default"], paginationProps));
+
   var finalRecords = paginationType === "SERVER" ? serverRecords : showPaginateBar ? getPageRecords(filteredRecords, pageConfig) : filteredRecords;
+
   var wrappedComponent = /*#__PURE__*/_react["default"].createElement(_BaseTable["default"], {
     ref: ref,
     records: finalRecords,
@@ -245,41 +310,53 @@ var Table = function Table(props, ref) {
     isExpandableTable: isExpandableTable,
     ExpandedRowComponent: ExpandedRowComponent
   });
+
   if (paginationType === "SERVER") {
     wrappedComponent = /*#__PURE__*/_react["default"].createElement(_DataLoader["default"], {
       requests: requests,
       onDataLoaded: onDataLoaded
     }, wrappedComponent);
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: className
   }, showPaginateBar && paginationPosition === "TOP" && totalRecords > 0 && paginationComponent, /*#__PURE__*/_react["default"].createElement("div", {
     className: wrapperClassName
   }, wrappedComponent), showPaginateBar && paginationPosition === "BOTTOM" && totalRecords > 0 && paginationComponent);
 };
+
 Table = /*#__PURE__*/(0, _react.forwardRef)(Table);
 Table.propTypes = _objectSpread(_objectSpread({}, _BaseTable["default"].propTypes), {}, {
   /** search value to search data in the table */
   searchBy: _propTypes["default"].string,
+
   /** list of supported page sizes  */
   pageSizeList: _propTypes["default"].array,
+
   /** set to false to disable pagination bar */
   showPaginateBar: _propTypes["default"].bool,
+
   /** location where the pagination component must be displayed */
   paginationPosition: _propTypes["default"].oneOf(["TOP", "BOTTOM"]),
+
   /** CLIENT side pagination or SERVER side pagination */
   paginationType: _propTypes["default"].oneOf(["CLIENT", "SERVER"]),
+
   /** You can provide a custom component for the pagination bar 
    * if you want to add more content to the pagination bar other than the pagination widget.
    * Make sure to include <PagniationComponent /> and pass on all the props sent to this custom component
     */
   paginationBar: _propTypes["default"].any,
+
   /** [SERVER side pagination] the ID of the request to call */
   requestId: _propTypes["default"].string,
+
   /** [SERVER side pagination] key to send the page number value in, to the API */
   pageNoKey: _propTypes["default"].string,
+
   /** [SERVER side pagination] key to send the page count value in, to the API */
   perPageKey: _propTypes["default"].string,
+
   /** If paginationType is "SERVER", 
   * component expects the response to be of the form
   * { [pageNoKey]: <pageNo>, [perPageKey]: <pageSize>, total: <totalCount>, entries: [{}] }
@@ -287,15 +364,19 @@ Table.propTypes = _objectSpread(_objectSpread({}, _BaseTable["default"].propType
   * Input to this function is the response received from your API
   *   */
   responseFormatter: _propTypes["default"].func,
+
   /** If paginationType is "SERVER", 
   * a comma separated list of the props to be omitted from being added to the API request */
   omitProps: _propTypes["default"].string,
+
   /** If paginationType is "SERVER", function that is expected to return the key configs for the various request settings
    * in the format { searchBy, sortBy, sortOrder }
    */
   getRequestKeys: _propTypes["default"].func,
+
   /** If paginationType is "SERVER", function that is expected to return the URL Params object */
   getUrlParams: _propTypes["default"].func,
+
   /** If paginationType is "SERVER", function that is expected to return the Request Params object */
   getRequestParams: _propTypes["default"].func
 });