react-bootstrap-table-ng-paginator 5.19.2 → 5.19.3

package/lib/index.d.ts

@@ -30,6 +30,8 @@ export interface PaginationDataProviderProps {
             custom?: boolean;
             pageStartIndex?: number;
             onPageChange: (newPage: any, currSizePerPage: number) => void;
+            sizePerPage?: number;
+            page?: number;
         };
     };
     onDataSizeChange?: (dataSize: {
@@ -38,81 +40,11 @@ export interface PaginationDataProviderProps {
 }
 declare const _default: (options?: {}) => {
     createContext: () => {
-        Provider: {
-            new (props: PaginationProviderProps): {
-                componentDidUpdate(nextProps: PaginationDataProviderProps): void;
-                isRemotePagination: () => any;
-                renderDefaultPagination: () => React.JSX.Element | null;
-                render(): React.JSX.Element;
-                currPage: number;
-                currSizePerPage: number;
-                dataChangeListener: any;
-                dataSize: number | undefined;
-                remoteEmitter: any;
-                getPaginationProps: () => {
-                    bootstrap4: boolean | undefined;
-                    tableId: string | undefined;
-                    page: number;
-                    sizePerPage: number;
-                    pageStartIndex: number;
-                    hidePageListOnlyOnePage: boolean;
-                    hideSizePerPage: boolean;
-                    alwaysShowAllBtns: boolean;
-                    withFirstAndLast: boolean;
-                    dataSize: number;
-                    sizePerPageList: number[] | {
-                        text: string;
-                        value: number;
-                    }[];
-                    paginationSize: number;
-                    showTotal: boolean | undefined;
-                    pageListRenderer: ((options: import("react-bootstrap-table-ng").PageListRendererOptions) => React.ReactElement) | undefined;
-                    pageButtonRenderer: ((options: import("react-bootstrap-table-ng").PageButtonRendererOptions) => React.ReactElement) | undefined;
-                    sizePerPageRenderer: ((options: import("react-bootstrap-table-ng").SizePerPageRendererOptions) => React.ReactElement) | undefined;
-                    paginationTotalRenderer: ((from: number, to: number, size: number) => React.ReactElement) | undefined;
-                    sizePerPageOptionRenderer: ((options: import("react-bootstrap-table-ng").SizePerPageOptionRendererOptions) => React.ReactElement) | undefined;
-                    firstPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-                    prePageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-                    nextPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-                    lastPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-                    prePageTitle: string;
-                    nextPageTitle: string;
-                    firstPageTitle: string;
-                    lastPageTitle: string;
-                    onPageChange: (currPage: any) => void;
-                    onSizePerPageChange: (currSizePerPage: any, currPage: any) => void;
-                    custom?: boolean | undefined;
-                    totalSize?: number | undefined;
-                };
-                setPaginationRemoteEmitter: (remoteEmitter: any) => void;
-                getPaginationRemoteEmitter: () => any;
-                handleDataSizeChange(newDataSize: any): void;
-                handleChangePage(currPage: any): void;
-                handleChangeSizePerPage(currSizePerPage: any, currPage: any): void;
-                context: unknown;
-                setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<PaginationProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-                forceUpdate(callback?: (() => void) | undefined): void;
-                readonly props: Readonly<PaginationProviderProps>;
-                state: Readonly<{}>;
-                componentDidMount?(): void;
-                shouldComponentUpdate?(nextProps: Readonly<PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-                componentWillUnmount?(): void;
-                componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-                getSnapshotBeforeUpdate?(prevProps: Readonly<PaginationProviderProps>, prevState: Readonly<{}>): any;
-                componentWillMount?(): void;
-                UNSAFE_componentWillMount?(): void;
-                componentWillReceiveProps?(nextProps: Readonly<PaginationProviderProps>, nextContext: any): void;
-                UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PaginationProviderProps>, nextContext: any): void;
-                componentWillUpdate?(nextProps: Readonly<PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
-                UNSAFE_componentWillUpdate?(nextProps: Readonly<PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
-            };
-            contextType?: React.Context<any> | undefined;
-            propTypes?: any;
-        };
+        Provider: React.ForwardRefExoticComponent<PaginationDataProviderProps & React.RefAttributes<any>>;
         Consumer: React.Consumer<any>;
     };
     options: {};
 };
 export default _default;
-export declare const PaginationProvider: (props: PaginationProviderProps) => React.JSX.Element;
+export declare const PaginationProvider: React.FC<PaginationProviderProps>;
 export { PaginationListStandalone, PaginationTotalStandalone, SizePerPageDropdownStandalone, };

package/lib/index.js

@@ -6,6 +6,47 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__importStar || function () {
+  var _ownKeys = function ownKeys(o) {
+    _ownKeys = Object.getOwnPropertyNames || function (o) {
+      var ar = [];
+      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+      return ar;
+    };
+    return _ownKeys(o);
+  };
+  return function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k = _ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+}();
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -23,7 +64,7 @@ var pagination_total_standalone_1 = __importDefault(require("./src/pagination-to
 exports.PaginationTotalStandalone = pagination_total_standalone_1["default"];
 var size_per_page_dropdown_standalone_1 = __importDefault(require("./src/size-per-page-dropdown-standalone"));
 exports.SizePerPageDropdownStandalone = size_per_page_dropdown_standalone_1["default"];
-var state_context_1 = __importDefault(require("./src/state-context"));
+var state_context_1 = __importStar(require("./src/state-context"));
 exports["default"] = function () {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
@@ -32,11 +73,10 @@ exports["default"] = function () {
   };
 };
 var _ref = (0, state_context_1["default"])(),
-  Provider = _ref.Provider,
-  Consumer = _ref.Consumer;
+  Provider = _ref.Provider;
 var CustomizableProvider = function CustomizableProvider(props) {
-  return react_1["default"].createElement(Provider, _objectSpread({}, props), react_1["default"].createElement(Consumer, null, function (paginationProps) {
-    return props.children(paginationProps);
+  return react_1["default"].createElement(Provider, _objectSpread({}, props), react_1["default"].createElement(state_context_1.StateContext.Consumer, null, function (context) {
+    return props.children(context);
   }));
 };
 exports.PaginationProvider = CustomizableProvider;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAG1B,sEAAmD;AACnD,kGAAwE;AAgEtE,mCAhEK,oCAAwB,CAgEL;AA/D1B,oGAA0E;AAgExE,oCAhEK,qCAAyB,CAgEL;AA/D3B,gHAAoF;AAgElF,wCAhEK,2CAA6B,CAgEL;AA/D/B,wEAAoD;AA0CpD,kBAAe,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChC,aAAa,EAAE,sBAAiB;IAChC,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAiB,GAAE,CAAC;AAEnD,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC/D,8BAAC,QAAQ,OAAK,KAAK;IACjB,8BAAC,QAAQ,QACN,CAAC,eAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CACjD,CACF,CACZ,CAAC;AAIW,QAAA,kBAAkB,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAG1B,sEAAmD;AACnD,kGAAwE;AAoEtE,mCApEK,oCAAwB,CAoEL;AAnE1B,oGAA0E;AAoExE,oCApEK,qCAAyB,CAoEL;AAnE3B,gHAAoF;AAoElF,wCApEK,2CAA6B,CAoEL;AAnE/B,qEAAsE;AA4CtE,kBAAe,CAAC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAChC,aAAa,EAAE,sBAAiB;IAChC,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uBAAiB,GAAE,CAAC;AAEzC,MAAM,oBAAoB,GAAsC,CAAC,KAAK,EAAE,EAAE;IACxE,OAAO,CACL,8BAAC,QAAQ,OAAK,KAAK;QACjB,8BAAC,4BAAY,CAAC,QAAQ,QACnB,CAAC,OAAY,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CACpB,CACf,CACZ,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,kBAAkB,GAAG,oBAAoB,CAAC"}

package/lib/src/data-context.d.ts

@@ -1,83 +1,7 @@
 import React from "react";
 import { PaginationDataProviderProps } from "..";
-declare const Provider: {
-    new (props: import("..").PaginationProviderProps): {
-        currPage: number;
-        currSizePerPage: number;
-        dataChangeListener: any;
-        dataSize: number | undefined;
-        remoteEmitter: any;
-        getPaginationProps: () => {
-            bootstrap4: boolean | undefined;
-            tableId: string | undefined;
-            page: number;
-            sizePerPage: number;
-            pageStartIndex: number;
-            hidePageListOnlyOnePage: boolean;
-            hideSizePerPage: boolean;
-            alwaysShowAllBtns: boolean;
-            withFirstAndLast: boolean;
-            dataSize: number;
-            sizePerPageList: number[] | {
-                text: string;
-                value: number;
-            }[];
-            paginationSize: number;
-            showTotal: boolean | undefined;
-            pageListRenderer: ((options: import("react-bootstrap-table-ng").PageListRendererOptions) => React.ReactElement) | undefined;
-            pageButtonRenderer: ((options: import("react-bootstrap-table-ng").PageButtonRendererOptions) => React.ReactElement) | undefined;
-            sizePerPageRenderer: ((options: import("react-bootstrap-table-ng").SizePerPageRendererOptions) => React.ReactElement) | undefined;
-            paginationTotalRenderer: ((from: number, to: number, size: number) => React.ReactElement) | undefined;
-            sizePerPageOptionRenderer: ((options: import("react-bootstrap-table-ng").SizePerPageOptionRendererOptions) => React.ReactElement) | undefined;
-            firstPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-            prePageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-            nextPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-            lastPageText: string | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-            prePageTitle: string;
-            nextPageTitle: string;
-            firstPageTitle: string;
-            lastPageTitle: string;
-            onPageChange: (currPage: any) => void;
-            onSizePerPageChange: (currSizePerPage: any, currPage: any) => void;
-            custom?: boolean | undefined;
-            totalSize?: number | undefined;
-        };
-        setPaginationRemoteEmitter: (remoteEmitter: any) => void;
-        getPaginationRemoteEmitter: () => any;
-        componentDidUpdate(nextProps: any): void;
-        isRemotePagination: () => undefined;
-        handleDataSizeChange(newDataSize: any): void;
-        handleChangePage(currPage: any): void;
-        handleChangeSizePerPage(currSizePerPage: any, currPage: any): void;
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("..").PaginationProviderProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<import("..").PaginationProviderProps>;
-        state: Readonly<{}>;
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<import("..").PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<import("..").PaginationProviderProps>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<import("..").PaginationProviderProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("..").PaginationProviderProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<import("..").PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("..").PaginationProviderProps>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-    propTypes?: any;
-};
-declare class PaginationDataProvider extends Provider {
-    componentDidUpdate(nextProps: PaginationDataProviderProps): void;
-    isRemotePagination: () => any;
-    renderDefaultPagination: () => React.JSX.Element | null;
-    render(): React.JSX.Element;
-}
 declare const _default: () => {
-    Provider: typeof PaginationDataProvider;
+    Provider: React.ForwardRefExoticComponent<PaginationDataProviderProps & React.RefAttributes<any>>;
     Consumer: React.Consumer<any>;
 };
 export default _default;

package/lib/src/data-context.js

@@ -3,28 +3,15 @@
 /* eslint react/prop-types: 0 */
 /* eslint react/require-default-props: 0 */
 /* eslint no-lonely-if: 0 */
-var _excluded = ["page", "sizePerPage", "dataSize"];
 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); }
+var _excluded = ["page", "sizePerPage", "dataSize"];
 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 _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; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
-function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, 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 _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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -37,95 +24,85 @@ var react_1 = __importDefault(require("react"));
 var const_1 = __importDefault(require("./const"));
 var page_1 = require("./page");
 var pagination_1 = __importDefault(require("./pagination"));
-var state_context_1 = __importDefault(require("./state-context"));
-var _ref = (0, state_context_1["default"])(),
-  Provider = _ref.Provider;
+var usePaginationState_1 = require("./hooks/usePaginationState");
 var PaginationDataContext = react_1["default"].createContext(null);
-var PaginationDataProvider = /*#__PURE__*/function (_Provider) {
-  function PaginationDataProvider() {
-    var _this;
-    _classCallCheck(this, PaginationDataProvider);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, PaginationDataProvider, [].concat(args));
-    _defineProperty(_this, "isRemotePagination", function () {
-      return _this.props.isRemotePagination();
-    });
-    _defineProperty(_this, "renderDefaultPagination", function () {
-      if (!_this.props.pagination.options.custom) {
-        var _this$getPaginationPr = _this.getPaginationProps(),
-          currPage = _this$getPaginationPr.page,
-          currSizePerPage = _this$getPaginationPr.sizePerPage,
-          dataSize = _this$getPaginationPr.dataSize,
-          rest = _objectWithoutProperties(_this$getPaginationPr, _excluded);
-        return react_1["default"].createElement(pagination_1["default"], _objectSpread(_objectSpread({}, rest), {}, {
-          key: "pagination",
-          dataSize: dataSize || _this.props.data.length,
-          currPage: currPage,
-          currSizePerPage: currSizePerPage
-        }));
-      }
-      return null;
-    });
-    return _this;
-  }
-  _inherits(PaginationDataProvider, _Provider);
-  return _createClass(PaginationDataProvider, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(nextProps) {
-      _superPropGet(PaginationDataProvider, "componentDidUpdate", this, 3)([nextProps]);
-      var currSizePerPage = this.currSizePerPage;
-      var _nextProps$pagination = nextProps.pagination.options,
-        custom = _nextProps$pagination.custom,
-        onPageChange = _nextProps$pagination.onPageChange;
-      var pageStartIndex = typeof nextProps.pagination.options.pageStartIndex !== "undefined" ? nextProps.pagination.options.pageStartIndex : const_1["default"].PAGE_START_INDEX;
-      // user should align the page when the page is not fit to the data size when remote enable
-      if (!this.isRemotePagination() && !custom) {
-        var newPage = (0, page_1.alignPage)(nextProps.data.length, this.props.data.length, this.currPage, currSizePerPage, pageStartIndex);
-        if (this.currPage !== newPage) {
-          if (onPageChange) {
-            onPageChange(newPage, currSizePerPage);
-          }
-          this.currPage = newPage;
+var PaginationDataProvider = react_1["default"].forwardRef(function (props, ref) {
+  var _options$sizePerPage, _options$page;
+  var propData = props.data,
+    pagination = props.pagination,
+    onDataSizeChange = props.onDataSizeChange,
+    children = props.children;
+  var _ref = (0, usePaginationState_1.usePaginationState)(props),
+    currPage = _ref.currPage,
+    setCurrPage = _ref.setCurrPage,
+    currSizePerPage = _ref.currSizePerPage,
+    getPaginationProps = _ref.getPaginationProps,
+    isRemotePagination = _ref.isRemotePagination,
+    remoteEmitterRef = _ref.remoteEmitterRef;
+  react_1["default"].useImperativeHandle(ref, function () {
+    return {
+      currPage: currPage,
+      currSizePerPage: currSizePerPage
+    };
+  });
+  var prevDataLengthRef = react_1["default"].useRef(propData.length);
+  react_1["default"].useEffect(function () {
+    var options = pagination.options;
+    var custom = options.custom,
+      onPageChange = options.onPageChange;
+    var pageStartIndex = typeof options.pageStartIndex !== "undefined" ? options.pageStartIndex : const_1["default"].PAGE_START_INDEX;
+    if (!isRemotePagination() && !custom) {
+      var newPage = (0, page_1.alignPage)(propData.length, prevDataLengthRef.current, currPage, currSizePerPage, pageStartIndex);
+      if (currPage !== newPage) {
+        if (onPageChange) {
+          onPageChange(newPage, currSizePerPage);
         }
-      }
-      if (nextProps.onDataSizeChange && nextProps.data.length !== this.props.data.length) {
-        nextProps.onDataSizeChange({
-          dataSize: this.props.data.length
-        });
+        setCurrPage(newPage);
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _options$sizePerPage, _options$page;
-      var options = this.props.pagination.options;
-      var currSizePerPage = (_options$sizePerPage = options.sizePerPage) !== null && _options$sizePerPage !== void 0 ? _options$sizePerPage : this.currSizePerPage;
-      var pageStartIndex = typeof options.pageStartIndex === "undefined" ? const_1["default"].PAGE_START_INDEX : options.pageStartIndex;
-      // workaround an issue with currPage is not 1, but data size is less than currSizePerPage
-      // when SearchBar input changed, componentDidUpdate in the SAME Toolkit updated (searching the data)
-      // secondly after componentDidUpdate (calculating currPage) in this package triggered at first
-      var data = this.props.data;
-      var currPage = (_options$page = options.page) !== null && _options$page !== void 0 ? _options$page : this.currPage;
-      if (!this.isRemotePagination() && data.length <= (currPage - 1) * currSizePerPage) {
-        var totalPages = Math.floor(data.length / currSizePerPage) + 1;
-        currPage = currPage > totalPages ? totalPages : currPage;
-        this.currPage = currPage;
-      }
-      if (this.isRemotePagination()) {
-        this.currPage = currPage;
+    if (onDataSizeChange && propData.length !== prevDataLengthRef.current) {
+      onDataSizeChange({
+        dataSize: prevDataLengthRef.current
+      });
+    }
+    prevDataLengthRef.current = propData.length;
+  }, [propData.length, pagination, onDataSizeChange, currPage, currSizePerPage, isRemotePagination, setCurrPage]);
+  var options = pagination.options;
+  var effectiveCurrSizePerPage = (_options$sizePerPage = options.sizePerPage) !== null && _options$sizePerPage !== void 0 ? _options$sizePerPage : currSizePerPage;
+  var pageStartIndex = typeof options.pageStartIndex === "undefined" ? const_1["default"].PAGE_START_INDEX : options.pageStartIndex;
+  var data = propData;
+  var effectiveCurrPage = (_options$page = options.page) !== null && _options$page !== void 0 ? _options$page : currPage;
+  if (!isRemotePagination() && data.length <= (effectiveCurrPage - 1) * effectiveCurrSizePerPage) {
+    var totalPages = Math.floor(data.length / effectiveCurrSizePerPage) + 1;
+    effectiveCurrPage = effectiveCurrPage > totalPages ? totalPages : currPage;
+    // Note: We don't use setCurrPage here to avoid render loops, similar to the class component's direct assignment
+  }
+  var slicedData = isRemotePagination() ? data : (0, page_1.getByCurrPage)(data, effectiveCurrPage, effectiveCurrSizePerPage, pageStartIndex);
+  var renderDefaultPagination = function renderDefaultPagination() {
+    if (!options.custom) {
+      var _getPaginationProps = getPaginationProps(),
+        paginationPage = _getPaginationProps.page,
+        paginationSizePerPage = _getPaginationProps.sizePerPage,
+        dataSize = _getPaginationProps.dataSize,
+        rest = _objectWithoutProperties(_getPaginationProps, _excluded);
+      return react_1["default"].createElement(pagination_1["default"], _objectSpread(_objectSpread({}, rest), {}, {
+        key: "pagination",
+        dataSize: dataSize || propData.length,
+        currPage: paginationPage,
+        currSizePerPage: paginationSizePerPage
+      }));
+    }
+    return null;
+  };
+  return react_1["default"].createElement(PaginationDataContext.Provider, {
+    value: {
+      data: slicedData,
+      setRemoteEmitter: function setRemoteEmitter(emitter) {
+        remoteEmitterRef.current = emitter;
       }
-      data = this.isRemotePagination() ? data : (0, page_1.getByCurrPage)(data, currPage, currSizePerPage, pageStartIndex);
-      return react_1["default"].createElement(PaginationDataContext.Provider, {
-        value: {
-          data: data,
-          setRemoteEmitter: this.setPaginationRemoteEmitter
-        }
-      }, this.props.children, this.renderDefaultPagination());
     }
-  }]);
-}(Provider);
+  }, children, renderDefaultPagination());
+});
 exports["default"] = function () {
   return {
     Provider: PaginationDataProvider,

package/lib/src/data-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-context.js","sourceRoot":"","sources":["data-context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-context.js","sourceRoot":"","sources":["data-context.tsx"],"names":[],"mappings":"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"}

package/lib/src/hooks/usePagination.d.ts

@@ -0,0 +1,33 @@
+export interface UsePaginationProps {
+    currPage: number;
+    currSizePerPage: number;
+    dataSize: number;
+    pageStartIndex: number;
+    paginationSize: number;
+    withFirstAndLast: boolean;
+    firstPageText: string;
+    prePageText: string;
+    nextPageText: string;
+    lastPageText: string;
+    alwaysShowAllBtns: boolean;
+    sizePerPageList: any[];
+    onPageChange: (page: number, currSizePerPage: number) => void;
+    onSizePerPageChange?: (sizePerPage: number, page: number) => void;
+    nextPageTitle?: string;
+    prePageTitle?: string;
+    firstPageTitle?: string;
+    lastPageTitle?: string;
+    disablePageTitle?: boolean;
+}
+export declare const usePagination: (props: UsePaginationProps) => {
+    totalPages: number;
+    lastPage: number;
+    getPageStatus: () => any;
+    handleChangePage: (newPage: any) => void;
+    handleChangeSizePerPage: (sizePerPage: any) => void;
+    getSizePerPageStatus: () => {
+        text: string;
+        page: any;
+    }[];
+    fromTo: number[];
+};