@m4l/core 0.0.26 → 0.0.27

package/dist/contexts/ModuleDictionaryContext/index.js

@@ -1,8 +1,8 @@
 import { createContext, useState, useLayoutEffect, useCallback } from "react";
+import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { u as useHostTools } from "../../hooks/useHostTools/index.js";
 import { u as useNetwork } from "../../hooks/useNetwork/index.js";
 import { u as useEnvironment } from "../../hooks/useEnvironment/index.js";
-import { u as useFlags } from "../../hooks/useFlags/index.js";
 import { jsx } from "react/jsx-runtime";
 const initialState = {
   getLabel: () => "..",

package/dist/hooks/index.d.ts

@@ -1,6 +1,9 @@
-export { useLocalStorage } from './useLocalStorage';
+export { useFlags, useFlagsPresent } from './useFlags';
 export { useHostTools } from './useHostTools';
+export { useLocalStorage } from './useLocalStorage';
+export { useModuleDictionary } from './useModuleDictionary';
 export { useNetwork } from './useNetwork';
 export { useEnvironment } from './useEnvironment';
-export { useFlags, useFlagsPresent } from './useFlags';
-export { useModuleDictionary } from './useModuleDictionary';
+export { usePaginate } from './usePaginate';
+export type { PagerState } from './usePaginate/types';
+export { initialPagerState } from './usePaginate/types';

package/dist/hooks/usePaginate/index.d.ts

@@ -0,0 +1,15 @@
+import type { PagerState } from './types';
+export interface propsUsePaginate {
+    endPoint: string;
+    timeout?: number;
+    fireOnEnter?: boolean;
+    queryParams?: Record<string, unknown>;
+}
+export declare const usePaginate: <TRow>(props: propsUsePaginate) => {
+    onPageChange: (newPage: number) => void;
+    onRowsPerPageChange: (newRowsPerPage: number) => void;
+    pagerState: PagerState;
+    rows: TRow[];
+    clearRows: () => void;
+    Refresh: () => void;
+};

package/dist/hooks/usePaginate/index.js

@@ -0,0 +1,72 @@
+import { useState, useRef, useCallback, useEffect } from "react";
+import { u as useHostTools } from "../useHostTools/index.js";
+import { u as useNetwork } from "../useNetwork/index.js";
+const initialPagerState = {
+  page: 0,
+  rowsPerPage: 25,
+  totalRecords: 0
+};
+const usePaginate = (props) => {
+  const { endPoint, timeout = 5e3, queryParams = {}, fireOnEnter = true } = props;
+  const [refresh, setRefresh] = useState(0);
+  const [rows, setRows] = useState([]);
+  const [pagerState, setPagerState] = useState(initialPagerState);
+  const refPagerState = useRef(initialPagerState);
+  const [fire, setFire] = useState(fireOnEnter);
+  const { startProgress, stopProgress } = useHostTools();
+  const { networkOperation } = useNetwork();
+  const Refresh = useCallback(() => {
+    setRefresh((oldValue) => oldValue + 1);
+  }, []);
+  useEffect(() => {
+    let mounted = true;
+    if (!fire) {
+      setFire(true);
+      return;
+    }
+    startProgress();
+    networkOperation({
+      method: "GET",
+      endPoint,
+      timeout,
+      parms: {
+        ...queryParams,
+        page: refPagerState.current.page,
+        limit: refPagerState.current.rowsPerPage
+      }
+    }).then((response) => {
+      if (mounted) {
+        setRows(response.data);
+        refPagerState.current.page = response.pager.page;
+        setPagerState((oldPagerState) => ({
+          ...oldPagerState,
+          page: response.pager.page,
+          totalRecords: response.pager.total
+        }));
+      }
+    }).finally(() => {
+      if (mounted) {
+        stopProgress();
+      }
+    });
+    return function cleanUp() {
+      stopProgress();
+      mounted = false;
+    };
+  }, [refresh, queryParams]);
+  const onPageChange = (newPage) => {
+    refPagerState.current.page = newPage;
+    setRefresh((oldValue) => oldValue + 1);
+  };
+  const onRowsPerPageChange = (newRowsPerPage) => {
+    refPagerState.current.rowsPerPage = newRowsPerPage;
+    setPagerState((oldPagerState) => ({ ...oldPagerState, rowsPerPage: newRowsPerPage }));
+    setRefresh((oldValue) => oldValue + 1);
+  };
+  const clearRows = () => {
+    setRows([]);
+    setPagerState(initialPagerState);
+  };
+  return { onPageChange, onRowsPerPageChange, pagerState, rows, clearRows, Refresh };
+};
+export { initialPagerState as i, usePaginate as u };

package/dist/hooks/usePaginate/types.d.ts

@@ -0,0 +1,6 @@
+export declare interface PagerState {
+    page: number;
+    rowsPerPage: number;
+    totalRecords: number;
+}
+export declare const initialPagerState: PagerState;

package/dist/index.js

@@ -3,12 +3,13 @@ export { H as HostToolsContext, a as HostToolsProvider } from "./contexts/HostTo
 export { N as NetworkContext, a as NetworkProvider } from "./contexts/NetworkContext/index.js";
 export { F as FlagsContext, a as FlagsProvider } from "./contexts/FlagsContext/index.js";
 export { M as ModuleDictionaryContext, a as ModuleDictionaryProvider } from "./contexts/ModuleDictionaryContext/index.js";
-export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
+export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
 export { u as useHostTools } from "./hooks/useHostTools/index.js";
+export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
+export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
 export { u as useNetwork } from "./hooks/useNetwork/index.js";
 export { u as useEnvironment } from "./hooks/useEnvironment/index.js";
-export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
-export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
+export { i as initialPagerState, u as usePaginate } from "./hooks/usePaginate/index.js";
 export { E as EmitEvents } from "./types/index.js";
 export { a as getLocalStorage, g as getPropertyByString, s as setLocalStorage, v as voidFunction } from "./utils/index.js";
 export { a as axiosOperation } from "./external/axios.js";

package/dist/vendor.js

@@ -1,15 +1,16 @@
 import "react";
+import "./contexts/FlagsContext/index.js";
 import "./contexts/HostToolsContext/index.js";
+import "./contexts/ModuleDictionaryContext/index.js";
 import "./contexts/NetworkContext/index.js";
 import "./contexts/EnvironmentContext/index.js";
-import "./contexts/FlagsContext/index.js";
-import "./contexts/ModuleDictionaryContext/index.js";
-import "./hooks/useLocalStorage/index.js";
+import "./hooks/useFlags/index.js";
 import "./hooks/useHostTools/index.js";
+import "./hooks/useLocalStorage/index.js";
+import "./hooks/useModuleDictionary/index.js";
 import "./hooks/useNetwork/index.js";
 import "./hooks/useEnvironment/index.js";
-import "./hooks/useFlags/index.js";
-import "./hooks/useModuleDictionary/index.js";
+import "./hooks/usePaginate/index.js";
 import "./types/index.js";
 import "./utils/index.js";
 import "./external/axios.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/core",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.27",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "scripts": {