@unbxd-ui/unbxd-react-components 0.2.221 → 0.3.1

package/components/Table/TableChild.js

@@ -0,0 +1,383 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BaseTable = _interopRequireDefault(require("./BaseTable"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodash = _interopRequireDefault(require("lodash.isequal"));
+var _usePrevious = require("./hooks/usePrevious");
+var _dataLoader = _interopRequireDefault(require("../../core/dataLoader"));
+var _excluded = ["records", "columnConfigs", "paginationType", "sortOrder", "apiInfo", "onApiError", "noDataDescription", "noDataHeading", "customClassName", "pagination", "refreshData", "showSelectableRows", "setSelectedRow", "clearData", "expandableRows", "selectableRows", "CustomLoading", "CustomNoDataComponent", "CustomAPIErrorComponent", "CheckBoxRow", "page", "perPage", "onPageChangeCB", "onRowsPerPageChangeCB", "requestKeys", "paginationRowsPerPageOptions"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var TableChild = function TableChild() {
+  var _columnConfigs$, _columnConfigs;
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$records = props.records,
+    records = _props$records === void 0 ? [] : _props$records,
+    _props$columnConfigs = props.columnConfigs,
+    columnConfigs = _props$columnConfigs === void 0 ? [] : _props$columnConfigs,
+    _props$paginationType = props.paginationType,
+    paginationType = _props$paginationType === void 0 ? "" : _props$paginationType,
+    _props$sortOrder = props.sortOrder,
+    sortOrder = _props$sortOrder === void 0 ? "" : _props$sortOrder,
+    _props$apiInfo = props.apiInfo,
+    apiInfo = _props$apiInfo === void 0 ? {} : _props$apiInfo,
+    onApiError = props.onApiError,
+    _props$noDataDescript = props.noDataDescription,
+    noDataDescription = _props$noDataDescript === void 0 ? "" : _props$noDataDescript,
+    _props$noDataHeading = props.noDataHeading,
+    noDataHeading = _props$noDataHeading === void 0 ? "" : _props$noDataHeading,
+    _props$customClassNam = props.customClassName,
+    customClassName = _props$customClassNam === void 0 ? "" : _props$customClassNam,
+    _props$pagination = props.pagination,
+    pagination = _props$pagination === void 0 ? true : _props$pagination,
+    refreshData = props.refreshData,
+    showSelectableRows = props.showSelectableRows,
+    setSelectedRow = props.setSelectedRow,
+    _props$clearData = props.clearData,
+    clearData = _props$clearData === void 0 ? false : _props$clearData,
+    _props$expandableRows = props.expandableRows,
+    expandableRows = _props$expandableRows === void 0 ? false : _props$expandableRows,
+    _props$selectableRows = props.selectableRows,
+    selectableRows = _props$selectableRows === void 0 ? false : _props$selectableRows,
+    CustomLoading = props.CustomLoading,
+    CustomNoDataComponent = props.CustomNoDataComponent,
+    CustomAPIErrorComponent = props.CustomAPIErrorComponent,
+    CheckBoxRow = props.CheckBoxRow,
+    pageNumber = props.page,
+    perPageCount = props.perPage,
+    onPageChangeCB = props.onPageChangeCB,
+    onRowsPerPageChangeCB = props.onRowsPerPageChangeCB,
+    requestKeys = props.requestKeys,
+    _props$paginationRows = props.paginationRowsPerPageOptions,
+    paginationRowsPerPageOptions = _props$paginationRows === void 0 ? [10, 20, 50, 100] : _props$paginationRows,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var isServerPagination = paginationType === "SERVER";
+
+  // Check which column has stickyColumn prop
+  var isFirstColumnSticky = columnConfigs.length > 0 && ((_columnConfigs$ = columnConfigs[0]) === null || _columnConfigs$ === void 0 ? void 0 : _columnConfigs$.stickyColumn) === true;
+  var isLastColumnSticky = columnConfigs.length > 0 && ((_columnConfigs = columnConfigs[columnConfigs.length - 1]) === null || _columnConfigs === void 0 ? void 0 : _columnConfigs.stickyColumn) === true;
+  var _apiInfo$pageNoKey = apiInfo.pageNoKey,
+    pageNoKey = _apiInfo$pageNoKey === void 0 ? "page_number" : _apiInfo$pageNoKey,
+    _apiInfo$perPageKey = apiInfo.perPageKey,
+    perPageKey = _apiInfo$perPageKey === void 0 ? "per_page" : _apiInfo$perPageKey,
+    _apiInfo$searchBy = apiInfo.searchBy,
+    searchBy = _apiInfo$searchBy === void 0 ? "" : _apiInfo$searchBy,
+    _apiInfo$getUrlParams = apiInfo.getUrlParams,
+    getUrlParams = _apiInfo$getUrlParams === void 0 ? function () {} : _apiInfo$getUrlParams,
+    _apiInfo$requestId = apiInfo.requestId,
+    requestId = _apiInfo$requestId === void 0 ? "" : _apiInfo$requestId,
+    responseFormatter = apiInfo.responseFormatter,
+    _apiInfo$requestParam = apiInfo.requestParam,
+    requestParam = _apiInfo$requestParam === void 0 ? {} : _apiInfo$requestParam,
+    _apiInfo$sortBy = apiInfo.sortBy,
+    sortBy = _apiInfo$sortBy === void 0 ? "" : _apiInfo$sortBy,
+    _apiInfo$headers = apiInfo.headers,
+    headers = _apiInfo$headers === void 0 ? {} : _apiInfo$headers;
+  var _requestParam$searchB = requestParam[searchBy],
+    searchQuery = _requestParam$searchB === void 0 ? "" : _requestParam$searchB;
+  // const { [SM_PAGE_PARAM]: stateMachinePage, [SM_ROWS_PER_PAGE_PARAM]: stateMachinePerPageCount } = getStateMachine([SM_PAGE_PARAM, SM_ROWS_PER_PAGE_PARAM]);
+
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    totalRows = _useState6[0],
+    setTotalRows = _useState6[1];
+  var _useState7 = (0, _react.useState)(pageNumber),
+    _useState8 = _slicedToArray(_useState7, 2),
+    page = _useState8[0],
+    setPage = _useState8[1];
+  var _useState9 = (0, _react.useState)(perPageCount),
+    _useState0 = _slicedToArray(_useState9, 2),
+    perPage = _useState0[0],
+    setPerPage = _useState0[1];
+  var _useState1 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState1, 2),
+    selectedData = _useState10[0],
+    setSelectedData = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    paginationTriggered = _useState12[0],
+    setPaginationTriggered = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    apiError = _useState14[0],
+    setApiError = _useState14[1];
+  var _useState15 = (0, _react.useState)(),
+    _useState16 = _slicedToArray(_useState15, 2),
+    apiErrorMessage = _useState16[0],
+    setApiErrorMessage = _useState16[1];
+  var prevParamsRef = (0, _react.useRef)();
+  var prevPageNo = (0, _usePrevious.usePrevious)(page);
+  // const [newRecords, setNewRecords] = useState([]);
+
+  var _requestKeys$apiInfo = _objectSpread(_objectSpread({}, requestKeys), apiInfo),
+    sortByKey = _requestKeys$apiInfo.sortBy,
+    sortOrderKey = _requestKeys$apiInfo.sortOrder,
+    ASCEnum = _requestKeys$apiInfo.sortASC,
+    DSCEnum = _requestKeys$apiInfo.sortDSC;
+  var requestParams = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, requestParam), searchQuery && _defineProperty({}, searchBy, searchQuery)), sortBy && _defineProperty({}, sortByKey, sortBy)), sortOrder && _defineProperty({}, sortOrderKey, sortOrder === "DSC" ? DSCEnum : ASCEnum)), {}, _defineProperty(_defineProperty({}, pageNoKey, page !== prevPageNo ? page : 1), perPageKey, perPage));
+  var NewRequestParams = _react["default"].useMemo(function () {
+    if (prevParamsRef.current && (0, _lodash["default"])(prevParamsRef.current, requestParam)) {
+      return prevParamsRef.current;
+    } else {
+      prevParamsRef.current = requestParam;
+      return requestParam;
+    }
+  }, [requestParam]);
+  var onAllSelectionChange = function onAllSelectionChange(row, selected) {
+    var newSelectedData = "";
+    if (selected) {
+      newSelectedData = [].concat(_toConsumableArray(selectedData), _toConsumableArray(data.filter(function (item) {
+        return !selectedData.some(function (selectedItem) {
+          return selectedItem.id === item.id;
+        });
+      })));
+    } else {
+      newSelectedData = selectedData.filter(function (selectedItem) {
+        return !data.some(function (item) {
+          return item.id === selectedItem.id;
+        });
+      });
+    }
+    setSelectedData(newSelectedData);
+    setSelectedRow(newSelectedData);
+  };
+
+  // const clientPaginate = (array, pageSize, page, facet) => {
+  //   const totalRows = array.length;
+  //   setTotalRows(totalRows);
+  //   const pages = [];
+  //   for (let i = 0; i < array.length; i += pageSize) {
+  //     pages.push(array.slice(i, i + pageSize));
+  //   }
+  //   if (page < 1) page = 1;
+  //   if (page > pages.length) page = pages.length;
+
+  //   return pages[page - 1];
+  // };
+
+  var fetchData = function fetchData() {
+    // if (paginationType === "CLIENT") {
+    //   setNewRecords(clientPaginate(records, perPage, page, facet));
+    // }
+
+    if (paginationType === "SERVER") {
+      setLoading(true);
+      var def = _dataLoader["default"].getRequestDef({
+        requestId: requestId,
+        params: requestParams,
+        urlParams: getUrlParams() || {},
+        headers: headers
+      });
+      def.done(function () {
+        var _apiResponse;
+        var response = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var apiResponse = response;
+        if (((_apiResponse = apiResponse) === null || _apiResponse === void 0 || (_apiResponse = _apiResponse.errors) === null || _apiResponse === void 0 ? void 0 : _apiResponse.length) > 0) {
+          setApiErrorMessage("Something went wrong");
+          setApiError(true);
+          setLoading(false);
+          return;
+        }
+        if (typeof responseFormatter === "function") {
+          apiResponse = responseFormatter(response);
+        }
+        var _apiResponse2 = apiResponse,
+          entries = _apiResponse2.entries,
+          total = _apiResponse2.total;
+        entries = entries || [];
+        setData(entries);
+        setTotalRows(total);
+        setLoading(false);
+      });
+      def["catch"](function (error) {
+        onApiError && onApiError(error);
+        setApiErrorMessage("Something went wrong");
+        setApiError(true);
+        setLoading(false);
+      });
+    }
+  };
+  (0, _react.useEffect)(function () {
+    fetchData();
+    setPage(page !== prevPageNo ? page : 1);
+    setPaginationTriggered(false);
+  }, [perPage, searchQuery, NewRequestParams, refreshData]);
+  var columnConfigsWithCheckbox = _react["default"].useMemo(function () {
+    if (showSelectableRows) {
+      return [{
+        name: /*#__PURE__*/_react["default"].createElement(CheckBoxRow, {
+          selected: data.length > 0 && data.every(function (row) {
+            return selectedData.some(function (selectedItem) {
+              return selectedItem.id === row.id;
+            });
+          }),
+          onSelectionChange: onAllSelectionChange
+        }),
+        width: "50px",
+        height: "60px",
+        cell: function cell(row) {
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            className: "tbl-content"
+          }, /*#__PURE__*/_react["default"].createElement(CheckBoxRow, {
+            isCell: true,
+            selected: selectedData.some(function (item) {
+              return item.id === row.id;
+            }),
+            onSelectionChange: onRowSelectionChange,
+            row: row
+          }));
+        }
+      }].concat(_toConsumableArray(columnConfigs));
+    }
+    return columnConfigs;
+  }, [data, selectedData, columnConfigs, showSelectableRows, clearData, requestParam.refreshCount]);
+  (0, _react.useEffect)(function () {
+    if (showSelectableRows) {
+      setSelectedData([]);
+      setSelectedRow([]);
+    }
+  }, [requestParam.refreshCount]);
+  (0, _react.useEffect)(function () {
+    if (paginationTriggered) {
+      fetchData();
+    }
+  }, [page]);
+  var handlePageChange = function handlePageChange(newPage) {
+    if (newPage !== prevPageNo) {
+      setPaginationTriggered(true);
+      setPage(newPage);
+      onPageChangeCB && onPageChangeCB(newPage);
+      //updateStateMachine("PAGE_NO", { [SM_PAGE_PARAM]: newPage });
+    }
+  };
+  var onRowSelectionChange = function onRowSelectionChange(row, selected) {
+    var selectedRows = selected ? [].concat(_toConsumableArray(selectedData), [row]) : selectedData.filter(function (item) {
+      return item.id !== row.id;
+    });
+    setSelectedData(selectedRows);
+    setSelectedRow(selectedRows);
+  };
+  var handlePerRowsChange = function handlePerRowsChange(newPerPage, page) {
+    setLoading(true);
+    setPerPage(newPerPage);
+    setPage(1);
+    setLoading(false);
+    onRowsPerPageChangeCB && onRowsPerPageChangeCB(newPerPage);
+    // updateStateMachine("COUNT", { [SM_ROWS_PER_PAGE_PARAM]: newPerPage });
+    // updateStateMachine("PAGE_NO", { [SM_PAGE_PARAM]: 1 });
+  };
+  (0, _react.useEffect)(function () {
+    if (clearData) {
+      setSelectedData([]);
+    }
+  }, [clearData]);
+  return /*#__PURE__*/_react["default"].createElement(_BaseTable["default"], _extends({
+    columns: showSelectableRows ? columnConfigsWithCheckbox : columnConfigs,
+    data: isServerPagination ? data : records,
+    progressPending: isServerPagination && loading,
+    pagination: pagination,
+    paginationServer: isServerPagination,
+    paginationPerPage: perPage,
+    paginationTotalRows: totalRows,
+    progressComponent: CustomLoading ? /*#__PURE__*/_react["default"].createElement(CustomLoading, {
+      columns: columnConfigs,
+      expandableRows: expandableRows,
+      selectableRows: selectableRows || showSelectableRows
+    }) : /*#__PURE__*/_react["default"].createElement("div", null, "Loading..."),
+    onChangeRowsPerPage: handlePerRowsChange,
+    onChangePage: handlePageChange,
+    noDataComponent: apiError ? CustomAPIErrorComponent ? /*#__PURE__*/_react["default"].createElement(CustomAPIErrorComponent, {
+      status: apiErrorMessage
+    }) : /*#__PURE__*/_react["default"].createElement("div", null, "Error") : CustomNoDataComponent ? /*#__PURE__*/_react["default"].createElement(CustomNoDataComponent, {
+      description: noDataDescription,
+      heading: noDataHeading
+    }) : /*#__PURE__*/_react["default"].createElement("div", null, "No Data"),
+    paginationDefaultPage: page,
+    className: "".concat(customClassName, " nutana-table ").concat(isServerPagination ? 'pagination' : 'no-pagination', " ").concat(isFirstColumnSticky ? 'first-clm-sticky' : '', " ").concat(isLastColumnSticky ? 'last-clm-sticky' : '', " ").concat(expandableRows ? 'expandable-rows' : ''),
+    paginationRowsPerPageOptions: paginationRowsPerPageOptions,
+    paginationResetDefaultPage: true,
+    sortServer: true,
+    selectedData: selectedData,
+    expandableRows: expandableRows,
+    selectableRows: selectableRows
+  }, restProps));
+};
+TableChild.propTypes = {
+  records: _propTypes["default"].array,
+  columnConfigs: _propTypes["default"].array,
+  paginationType: _propTypes["default"].oneOf(["", "CLIENT", "SERVER"]),
+  sortOrder: _propTypes["default"].string,
+  apiInfo: _propTypes["default"].shape({
+    pageNoKey: _propTypes["default"].string,
+    perPageKey: _propTypes["default"].string,
+    searchBy: _propTypes["default"].string,
+    getUrlParams: _propTypes["default"].func,
+    requestId: _propTypes["default"].string,
+    responseFormatter: _propTypes["default"].func,
+    requestParam: _propTypes["default"].object,
+    sortBy: _propTypes["default"].string,
+    headers: _propTypes["default"].object
+  }),
+  onApiError: _propTypes["default"].func,
+  noDataDescription: _propTypes["default"].string,
+  noDataHeading: _propTypes["default"].string,
+  customClassName: _propTypes["default"].string,
+  pagination: _propTypes["default"].bool,
+  refreshData: _propTypes["default"].bool,
+  showSelectableRows: _propTypes["default"].bool,
+  setSelectedRow: _propTypes["default"].func,
+  clearData: _propTypes["default"].bool,
+  expandableRows: _propTypes["default"].bool,
+  selectableRows: _propTypes["default"].bool,
+  CustomLoading: _propTypes["default"].func,
+  CustomNoDataComponent: _propTypes["default"].func,
+  CustomAPIErrorComponent: _propTypes["default"].func,
+  CheckBoxRow: _propTypes["default"].func
+};
+TableChild.defaultProps = {
+  records: [],
+  columnConfigs: [],
+  paginationType: "",
+  sortOrder: "",
+  apiInfo: {},
+  noDataDescription: "",
+  noDataHeading: "",
+  customClassName: "",
+  pagination: true,
+  clearData: false,
+  expandableRows: false,
+  selectableRows: false
+};
+var _default = exports["default"] = TableChild;

package/components/Table/TableConstants.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SM_ROWS_PER_PAGE_PARAM = exports.SM_PAGE_PARAM = exports.REQUEST_KEYS = void 0;
+var SM_PAGE_PARAM = exports.SM_PAGE_PARAM = "page";
+var SM_ROWS_PER_PAGE_PARAM = exports.SM_ROWS_PER_PAGE_PARAM = "count";
+var REQUEST_KEYS = exports.REQUEST_KEYS = {
+  searchBy: "search",
+  sortBy: "sortBy",
+  sortOrder: "sortOrder",
+  sortASC: "ASC",
+  sortDSC: "DSC"
+};

package/components/Table/hooks/usePrevious.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = void 0;
+var _react = require("react");
+var usePrevious = exports.usePrevious = function usePrevious(value) {
+  var ref = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};

package/components/Table/index.js

@@ -9,8 +9,21 @@ Object.defineProperty(exports, "PaginationComponent", {
     return _PaginationComponent["default"];
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table["default"];
+  }
+});
 exports["default"] = void 0;
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function get() {
+    return _usePrevious.usePrevious;
+  }
+});
 var _Table = _interopRequireDefault(require("./Table"));
+var _usePrevious = require("./hooks/usePrevious");
 var _PaginationComponent = _interopRequireDefault(require("./PaginationComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var _default = exports["default"] = _Table["default"];

package/components/Table/tableCore.css

@@ -1 +1 @@
-.RCB-table{border-collapse:collapse;width:100%}.RCB-th.RCB-expand-column{width:50px}.RCB-th-sortable{cursor:pointer}.RCB-th-sort:after{content:"\2B0D"}.RCB-th-asc:after{content:"\25B2"}.RCB-th-dsc:after{content:"\25BC"}.RCB-tr .expand-open:before{content:"▼"}.RCB-tr .expand-close:before{content:"▶"}.RCB-paginate-wrapper .RCB-per-page-count{display:inline-block}.RCB-paginate-wrapper .RCB-form-el-cont{margin:0}.RCB-paginate-wrapper .RCB-inline-modal-btn{background:transparent;padding:0}.RCB-paginate-nav{display:inline-block;border-radius:12px;border:solid 1px #8399ae;background-color:#f6f7f9;vertical-align:middle;margin-left:15px;overflow:hidden}.RCB-page-nav{padding:0 5px;text-decoration:none;color:inherit}.RCB-page-nav:first-child{border-right:solid 1px #8399ae}.RCB-page-nav.disabled{color:#ccc;pointer-events:none;cursor:not-allowed}.RCB-no-data{text-align:center}
+.RCB-table{border-collapse:collapse;width:100%}.RCB-th.RCB-expand-column{width:50px}.RCB-th-sortable{cursor:pointer}.RCB-th-sort:after{content:"\2B0D"}.RCB-th-asc:after{content:"\25B2"}.RCB-th-dsc:after{content:"\25BC"}.RCB-tr .expand-open:before{content:"▼"}.RCB-tr .expand-close:before{content:"▶"}.RCB-paginate-wrapper .RCB-per-page-count{display:inline-block}.RCB-paginate-wrapper .RCB-form-el-cont{margin:0}.RCB-paginate-wrapper .RCB-inline-modal-btn{background:transparent;padding:0}.RCB-paginate-nav{display:inline-block;border-radius:12px;border:solid 1px #8399ae;background-color:#f6f7f9;vertical-align:middle;margin-left:15px;overflow:hidden}.RCB-page-nav{padding:0 5px;text-decoration:none;color:inherit}.RCB-page-nav:first-child{border-right:solid 1px #8399ae}.RCB-page-nav.disabled{color:#ccc;pointer-events:none;cursor:not-allowed}.RCB-no-data{text-align:center}.nutana-table{font-family:Nunito Sans, Helvetica Neue, Helvetica, Roboto, "sans-serif";letter-spacing:0.42px;max-height:unset !important;min-height:unset !important;overflow:inherit !important;z-index:20}.nutana-table .rdt_TableRow{border-bottom-color:#DDE2EE !important}.nutana-table .rdt_TableRow:hover{background-color:#F4F8FF}.nutana-table .rdt_TableRow:hover .readable{color:#3E71F2;cursor:pointer}.nutana-table .rdt_TableRow:hover .view-one{background-color:#F4F8FF}.nutana-table .rdt_TableRow:hover .view-one .no-metric-wrap{background-color:#F4F8FF !important}.nutana-table .rdt_TableRow:hover .rdt_TableCell:first-child,.nutana-table .rdt_TableRow:hover [aria-label="Expand Row"]{box-shadow:inset 3px 0px 0px 0px #3E71F2}.nutana-table .rdt_TableRow .rdt_TableCell{padding:0;border-right:unset}.nutana-table .rdt_TableRow .rdt_TableCell:first-child{border-left:1px solid #DDE2EE}.nutana-table .rdt_TableRow .rdt_TableCell:last-child{border-right:1px solid #DDE2EE}.nutana-table.first-clm-sticky{overflow-x:auto !important;overflow-y:hidden}.nutana-table.first-clm-sticky .rdt_TableRow .rdt_TableCell:first-child{background:white;border-right:1px solid #dde2ee;box-shadow:5px 10px 15px 0px #17173A14;position:sticky;left:0;z-index:9}.nutana-table.first-clm-sticky .rdt_TableRow:hover .rdt_TableCell:first-child{background-color:#F4F8FF}.nutana-table.first-clm-sticky .rdt_TableHeadRow .rdt_TableCol:first-child{background:white;border-right:1px solid #dde2ee;position:sticky;left:0;z-index:9}.nutana-table.last-clm-sticky{overflow-x:auto !important;overflow-y:hidden}.nutana-table.last-clm-sticky .rdt_TableRow .rdt_TableCell:last-child{background:white;border-left:1px solid #dde2ee;box-shadow:-5px 10px 15px 0px #17173A14;position:sticky;left:unset;right:0;z-index:9}.nutana-table.last-clm-sticky .rdt_TableRow:hover .rdt_TableCell:last-child{background-color:#F4F8FF}.nutana-table.last-clm-sticky .rdt_TableHeadRow .rdt_TableCol:last-child{background:white;border-left:1px solid #dde2ee;position:sticky;left:unset;right:0;z-index:9}.nutana-table .tbl-content{padding:18px 24px;width:100%}.nutana-table .header-title{color:#17173A;display:inline;font-weight:600;font-size:16px;text-transform:capitalize}.nutana-table .tbl-title-1{color:#17173A;font-size:16px;font-weight:600;margin-bottom:14px}.nutana-table .tbl-title-2{color:#17173A;font-size:14px;font-weight:600}.nutana-table .tbl-title-3{color:#17173A;font-size:12px;font-weight:600}.nutana-table .tbl-desc-1{color:#6F6F8D;font-size:16px;font-weight:600;margin-bottom:14px}.nutana-table .tbl-desc-2{color:#6F6F8D;font-size:14px;font-weight:600;margin-bottom:14px}.nutana-table .tbl-desc-3{color:#6F6F8D;font-size:12px;font-weight:600;letter-spacing:.42px}.nutana-table .rdt_TableHeadRow{box-shadow:0px 5px 15px 0px #17173A14;border-color:#DDE2EE;z-index:10}.nutana-table .rdt_TableHeadRow .rdt_TableCol:first-child{border-right:unset;border-left:1px solid #dde2ee;border-top:1px solid #dde2ee;border-top-left-radius:8px;margin:0}.nutana-table .rdt_TableHeadRow .rdt_TableCol{border-right:unset;border-color:#DDE2EE;padding:16px 24px}.nutana-table .rdt_TableHeadRow .rdt_TableCol:last-child{border-right:1px solid #DDE2EE;border-top-right-radius:8px}.nutana-table .rdt_TableCol_Sortable [data-column-id]{color:#17173a;display:inline;font-size:16px;font-weight:600;text-transform:capitalize}.nutana-table .rdt_TableCol_Sortable .status-col-tooltip{vertical-align:middle}.nutana-table .rdt_TableCol_Sortable .status-col-tooltip .RCB-tooltip-btn{margin-left:5px;border:unset}.nutana-table .column-kebab-menu .RCB-inline-modal-btn{padding:0}.nutana-table .column-kebab-menu .RCB-inline-modal-body{border-radius:4px;width:max-content}.nutana-table .left-line{border-left:1px solid #dde2ee;height:20px;padding-left:12px}.nutana-table .dd-menu-item{align-items:center;cursor:pointer;color:#6F6F8D;display:flex;font-size:14px;font-weight:600;padding:12px 16px}.nutana-table .dd-menu-item:hover{box-shadow:inset 3px 0 0 0 #3E71F2;background-color:#F4F8FF;color:#17173A}.nutana-table .dd-menu-item:hover .tbl-plus-icon{background-position:-1988px -2777px}.nutana-table .dd-menu-item:hover .tbl-file-icon{background-position:-2031px -2777px}.nutana-table .dd-menu-item .menu-icon{margin-right:8px}.nutana-table .dd-menu-item.no-more-queries-disabled{color:#bfc8ce;text-decoration:none;cursor:no-drop}.nutana-table .status-btn{border:1px solid;border-radius:37px;font-size:12px;font-weight:600;letter-spacing:.42px;padding:3px 8px}.nutana-table .status-btn__active{background-color:#e9f8f3;border-color:#90DCC1;color:#00C48C}.nutana-table .status-btn__draft{background-color:#e1e8fa;border-color:#8BACFF;color:#0A8FFD}.nutana-table .status-btn__upcoming{background-color:#fff5de;border-color:#FEE199;color:#C39C5B}.nutana-table .status-btn__expired{background:#FFE6E6;border-color:#FF8484;color:#F05C5C}.nutana-table .status-btn__stopped{background:#EFEFEF;border-color:#A0A0A0;color:#6F6F8D}.nutana-table .status-btns{margin-bottom:0}.nutana-table .merch-rule-type{border:1px solid #dae1e9;border-radius:12px;background-color:#ffffff;color:#687f8f;font-size:10px;padding:4px 9px}.nutana-table .campaign-type-icon span:first-of-type:before{content:"";margin-right:2px}.nutana-table .vertical-menu-icon{background-position:-1946px -2744px;height:18px;transform:scale(1.3);width:18px}.nutana-table .vertical-menu-icon:hover{background-position:-1946px -2778px}.nutana-table .right-triangle-icon{background-position:-1857px -2745px;height:20px;transform:scale(1);width:20px}.nutana-table .delete-text{color:#F05C5C}.nutana-table .loading-anim-wrap{padding:18px 24px;width:100%}.nutana-table .global{align-items:center;color:#3E71F2;text-transform:capitalize}.nutana-table .global .glob-icon{margin-right:3px;margin-left:-2px}.nutana-table .meta-info-bg{background-color:#F4F8FF;border-radius:6px;padding:16px;width:fit-content}.nutana-table .mb-5{margin-bottom:5px}.nutana-table .mb-0{margin-bottom:0}.nutana-table .mb-3{margin-bottom:3px}.nutana-table .mt-2{margin-top:2px}.nutana-table .pl-3{padding-left:3px}.nutana-table .pl-10{padding-left:10px}.RCB-table{font-size:14px}.RCB-table thead{border:1px solid #DADFE6}.RCB-table th{color:#FFF;background-color:#5C7185;padding:10px 8px;text-align:left}.RCB-table .RCB-tr{height:41px}.RCB-table td{padding:6px;background-color:#FFF;border-bottom:1px solid #E8EDEF}.RCB-table .RCB-form-el-cont{margin:0}.RCB-th-sortable:after{content:" ";margin-left:7px}.RCB-paginate-bar{color:#445870;font-size:14px;padding:7px 18px;border:1px solid #DADFE6;border-radius:7px 7px 0 0;background-color:#eef2fc}.RCB-paginate-bar .RCB-dropdown .RCB-inline-modal{border:none}.RCB-paginate-bar .RCB-inline-modal-btn{background:transparent;padding:0}.rdt_Pagination{border-color:#DDE2EE !important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}