@m4l/components 0.0.9 → 0.0.12

package/dist/components/DataGrid/formatters/BooleanFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BooleanFormatterProps } from './types';
+export declare function BooleanFormatter(props: BooleanFormatterProps): JSX.Element;

package/dist/components/DataGrid/formatters/BooleanFormatter/index.js

@@ -0,0 +1,26 @@
+import { Checkbox } from "@mui/material";
+import { jsx, Fragment } from "react/jsx-runtime";
+function BooleanFormatter(props) {
+  const {
+    presentationType,
+    value
+  } = props;
+  if (presentationType === "string_yes_no") {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: value ? "Yes" : "No"
+    });
+  }
+  if (presentationType === "string_true_false") {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: value ? "True" : "False"
+    });
+  }
+  return /* @__PURE__ */ jsx(Checkbox, {
+    checked: value !== void 0 ? value : false,
+    size: "small",
+    readOnly: true,
+    disableFocusRipple: true,
+    disableRipple: true
+  });
+}
+export { BooleanFormatter as B };

package/dist/components/DataGrid/formatters/BooleanFormatter/types.d.ts

@@ -0,0 +1,5 @@
+export declare type PresentationType = 'string_yes_no' | 'string_true_false' | 'check';
+export interface BooleanFormatterProps {
+    presentationType: PresentationType;
+    value: boolean;
+}

package/dist/components/DataGrid/formatters/DateFormatter/index.js

@@ -0,0 +1,33 @@
+import { format } from "date-fns";
+import { jsx, Fragment } from "react/jsx-runtime";
+function DateFormatter(props) {
+  const {
+    presentationType,
+    dateTime,
+    formatDate
+  } = props;
+  let finalFormat = formatDate || "yyyy-MM-dd HH:mm:ss";
+  let result;
+  let resultDate;
+  if (presentationType === "date") {
+    finalFormat = formatDate || "yyyy-MM-dd";
+  } else if (presentationType === "time") {
+    finalFormat = formatDate || "HH:mm:ss";
+  }
+  try {
+    if (typeof dateTime === "number") {
+      resultDate = new Date(dateTime);
+    } else if (typeof dateTime === "string") {
+      resultDate = new Date(Date.parse(dateTime));
+    } else {
+      resultDate = dateTime;
+    }
+    result = format(resultDate, finalFormat);
+  } catch (e) {
+    result = "err_typing";
+  }
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: result
+  });
+}
+export { DateFormatter as D };

package/dist/components/DataGrid/formatters/index.d.ts

@@ -0,0 +1,2 @@
+export { BooleanFormatter } from './BooleanFormatter';
+export { DateFormatter } from './DateFormatter';

package/dist/components/DataGrid/index.js

@@ -11,8 +11,8 @@ import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDiction
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { u as useResponsiveDesktop } from "../../vendor.js";
+import "date-fns";
 import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.js";
-import { format } from "date-fns";
 const WrapperGrid$1 = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -1617,39 +1617,4 @@ function getGridComponentsDictionary() {
   ...defaultPagerDictionary,
   ...defaultModalDialogDictionary
 });
-function DateFormatter(props) {
-  const {
-    presentationType,
-    dateTime,
-    formatDate
-  } = props;
-  let finalFormat = formatDate || "yyyy-MM-dd HH:mm:ss";
-  let result;
-  let resultDate;
-  if (presentationType === "date") {
-    finalFormat = formatDate || "yyyy-MM-dd";
-  } else if (presentationType === "time") {
-    finalFormat = formatDate || "HH:mm:ss";
-  }
-  try {
-    if (typeof dateTime === "number") {
-      resultDate = new Date(dateTime);
-    } else if (typeof dateTime === "string") {
-      resultDate = new Date(Date.parse(dateTime));
-    } else {
-      resultDate = dateTime;
-    }
-    result = format(resultDate, finalFormat);
-  } catch (e) {
-    result = "err_typing";
-  }
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: result
-  });
-}
-const initialPagerState = {
-  page: 0,
-  rowsPerPage: 25,
-  totalRecords: 0
-};
-export { DateFormatter as D, DataGrid as a, getGridComponentsDictionary as g, initialPagerState as i };
+export { DataGrid as D, getGridComponentsDictionary as g };

package/dist/components/ObjectLogs/index.js

@@ -1,16 +1,16 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
-import { useNetwork, useModuleDictionary } from "@m4l/core";
+import { useNetwork, useModuleDictionary, usePaginate } from "@m4l/core";
 import { Tooltip, IconButton, TextField } from "@mui/material";
 import { LocalizationProvider, DateTimePicker } from "@mui/x-date-pickers";
 import AdapterDateFns from "@mui/lab/AdapterDateFns";
 import { styled, useTheme } from "@mui/material/styles";
 import { startOfMonth, endOfDay } from "date-fns";
-import { D as DateFormatter, a as DataGrid } from "../DataGrid/index.js";
+import { D as DataGrid } from "../DataGrid/index.js";
 import { I as IconButton$1 } from "../mui_extended/IconButton/index.js";
+import { D as DateFormatter } from "../DataGrid/formatters/DateFormatter/index.js";
 import { R as ReactJson } from "../../react-json-view.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useModal } from "../../hooks/useModal/index.js";
-import { a as usePaginate } from "../../vendor.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/dist/components/PaperForm/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PaperFormProps } from './types';
+export declare function PaperForm(props: PaperFormProps): JSX.Element;

package/dist/components/PaperForm/index.js

@@ -0,0 +1,122 @@
+import { styled, useTheme } from "@mui/material/styles";
+import { Skeleton } from "@mui/material";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { BoxIcon } from "@mui_extended/BoxIcon";
+const WrapperPaper = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  padding: theme.spacing(1),
+  [theme.breakpoints.up("sm")]: {
+    margin: `${theme.spacing(1.5)}  ${theme.spacing(1.5)}  ${theme.spacing(3)}  ${theme.spacing(1.5)}`,
+    borderRadius: theme.spacing(2),
+    boxShadow: theme.customShadows.z8,
+    padding: theme.spacing(3),
+    backgroundColor: theme.palette.background.paper
+  }
+}));
+const Header = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "center",
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  paddingBottom: theme.spacing(3),
+  marginBottom: theme.spacing(2),
+  overflow: "hidden"
+}));
+const IconTitleContainer = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexGrow: 1,
+  alignItems: "center",
+  cursor: "move",
+  ...theme.typography.subtitle1,
+  color: theme.palette.text.primary
+}));
+const IconHeader = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  marginRight: theme.spacing(1.5)
+}));
+const Content = styled("div")(() => ({
+  flexGrow: 1,
+  position: "relative"
+}));
+const SkPaperFormHeader = styled("div")(({
+  theme
+}) => ({
+  width: "auto",
+  display: "grid",
+  gridTemplateColumns: `${theme.spacing(2)} auto`,
+  gridGap: `${theme.spacing(1.5)}`,
+  paddingBottom: `${theme.spacing(3)}`,
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  marginBottom: `${theme.spacing(3)}`
+}));
+const PaperFormBoddy = styled("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: "1"
+}));
+function SKTPaperForm(prop) {
+  const {
+    children
+  } = prop;
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(SkPaperFormHeader, {
+      children: [/* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: 16,
+        height: 16
+      }), /* @__PURE__ */ jsx(Skeleton, {
+        variant: "text",
+        width: 68,
+        height: 14
+      })]
+    }), /* @__PURE__ */ jsx(PaperFormBoddy, {
+      children
+    })]
+  });
+}
+function PaperForm(props) {
+  const {
+    urlIcon,
+    tittle,
+    children,
+    isSkeleton = false
+  } = props;
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(WrapperPaper, {
+    id: "ContainerPropertyValue",
+    children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx(Header, {
+        id: "Header",
+        children: /* @__PURE__ */ jsxs(IconTitleContainer, {
+          className: "draggable-dialog-title",
+          children: [/* @__PURE__ */ jsx(IconHeader, {
+            children: /* @__PURE__ */ jsx(BoxIcon, {
+              src: urlIcon,
+              sx: {
+                color: theme.palette.action.active
+              }
+            })
+          }), tittle]
+        })
+      }), /* @__PURE__ */ jsx(Content, {
+        id: "Content",
+        children
+      })]
+    }) : /* @__PURE__ */ jsx(SKTPaperForm, {
+      children
+    })
+  });
+}
+export { PaperForm as P };

package/dist/components/PaperForm/skeleton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+interface dafaultProps {
+    children: ReactNode;
+}
+export declare function SKTPaperForm(prop: dafaultProps): JSX.Element;
+export {};

package/dist/components/PaperForm/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const WrapperPaper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkPaperFormHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PaperFormBoddy: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/PaperForm/types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface PaperFormProps {
+    isSkeleton?: boolean;
+    urlIcon: string;
+    tittle: string;
+    children: ReactNode;
+}

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export { DataGrid } from '../components/DataGrid';
+export { DateFormatter, BooleanFormatter } from '../components/DataGrid/formatters';
 export type { Column } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';
@@ -11,6 +12,7 @@ export * from '../components/NoItemSelected';
 export * from '../components/NoItemSelected/dictionary';
 export * from '../components/ObjectLogs';
 export * from '../components/ObjectLogs/dictionary';
+export * from '../components/PaperForm';
 export * from '../components/PropertyValue';
 export * from '../components/Resizeable';
 export * from '../components/ScrollBar';

package/dist/core-js.js

@@ -198,10 +198,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function(key, value) {
   return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
 })("versions", []).push({
-  version: "3.23.3",
+  version: "3.23.4",
   mode: "global",
   copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
-  license: "https://github.com/zloirock/core-js/blob/v3.23.3/LICENSE",
+  license: "https://github.com/zloirock/core-js/blob/v3.23.4/LICENSE",
   source: "https://github.com/zloirock/core-js"
 });
 var requireObjectCoercible$4 = requireObjectCoercible$6;
@@ -1685,6 +1685,7 @@ var ResultPrototype = Result.prototype;
 var iterate$2 = function(iterable, unboundFunction, options) {
   var that = options && options.that;
   var AS_ENTRIES = !!(options && options.AS_ENTRIES);
+  var IS_RECORD = !!(options && options.IS_RECORD);
   var IS_ITERATOR = !!(options && options.IS_ITERATOR);
   var INTERRUPTED = !!(options && options.INTERRUPTED);
   var fn = bind(unboundFunction, that);
@@ -1701,7 +1702,9 @@ var iterate$2 = function(iterable, unboundFunction, options) {
     }
     return INTERRUPTED ? fn(value, stop) : fn(value);
   };
-  if (IS_ITERATOR) {
+  if (IS_RECORD) {
+    iterator = iterable.iterator;
+  } else if (IS_ITERATOR) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
@@ -1717,7 +1720,7 @@ var iterate$2 = function(iterable, unboundFunction, options) {
     }
     iterator = getIterator(iterable, iterFn);
   }
-  next2 = iterator.next;
+  next2 = IS_RECORD ? iterable.next : iterator.next;
   while (!(step = call$5(next2, iterator)).done) {
     try {
       result = callFn(step.value);

package/dist/index.js

@@ -1,4 +1,6 @@
-export { a as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
+export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
+export { B as BooleanFormatter } from "./components/DataGrid/formatters/BooleanFormatter/index.js";
+export { D as DateFormatter } from "./components/DataGrid/formatters/DateFormatter/index.js";
 export { F as FormActions, d as defaultActionsDictionary, g as getActionnsComponentsDictionary } from "./components/FormActions/index.js";
 export { F as FormProvider } from "./components/hook-form/FormProvider/index.js";
 export { R as RHFAutocompleteAsync } from "./components/hook-form/RHFAutocompleteAsync/index.js";
@@ -10,6 +12,7 @@ export { R as RHFRadioGroup } from "./components/hook-form/RHFRadioGroup.js";
 export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
 export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
 export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
+export { P as PaperForm } from "./components/PaperForm/index.js";
 export { P as PropertyValue } from "./components/PropertyValue/index.js";
 export { R as Resizeable } from "./components/Resizeable/index.js";
 export { S as ScrollBar } from "./components/ScrollBar/index.js";
@@ -38,14 +41,15 @@ import "@mui/material/useMediaQuery";
 import "react-hook-form";
 import "react-router-dom";
 import "@mui/lab";
+import "date-fns";
 import "./react-draggable.js";
 import "prop-types";
 import "react-dom";
 import "@mui/x-date-pickers";
 import "@mui/lab/AdapterDateFns";
-import "date-fns";
 import "./react-json-view.js";
 import "./commonjs.js";
+import "@mui_extended/BoxIcon";
 import "./react-splitter-layout.js";
 import "./node_modules.js";
 import "./react-resizable.js";

package/dist/vendor.js

@@ -1,10 +1,10 @@
 import { useTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import { useState, useRef, useCallback, useEffect } from "react";
+import "react";
 import "react-hook-form";
 import "./components/hook-form/FormProvider/index.js";
 import "react-router-dom";
-import { useHostTools, useNetwork } from "@m4l/core";
+import "@m4l/core";
 import "@mui/lab";
 import "@mui/material";
 import "./contexts/ModalContext/index.js";
@@ -12,13 +12,14 @@ import "react/jsx-runtime";
 import "./components/hook-form/RHFAutocompleteAsync/index.js";
 import "./components/hook-form/RHFCheckbox/index.js";
 import "./components/hook-form/RHFTextField/index.js";
-import { i as initialPagerState } from "./components/DataGrid/index.js";
 import "./components/mui_extended/MenuPopover/index.js";
 import "./components/mui_extended/MenuActions/index.js";
 import "./components/mui_extended/Pager/index.js";
 import "./components/mui_extended/Tab/index.js";
+import "./components/DataGrid/index.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
+import "date-fns";
 import "./components/FormActions/index.js";
 import "./react-draggable.js";
 import "./components/ModalDialog/index.js";
@@ -26,13 +27,16 @@ import "./components/Resizeable/index.js";
 import "./components/NoItemSelected/index.js";
 import "@mui/x-date-pickers";
 import "@mui/lab/AdapterDateFns";
-import "date-fns";
 import "./components/ObjectLogs/index.js";
 import "./react-json-view.js";
+import "./components/PaperForm/index.js";
+import "@mui_extended/BoxIcon";
 import "./components/PropertyValue/index.js";
 import "./components/ScrollBar/index.js";
 import "./react-splitter-layout.js";
 import "./components/SplitLayout/index.js";
+import "./components/DataGrid/formatters/BooleanFormatter/index.js";
+import "./components/DataGrid/formatters/DateFormatter/index.js";
 import "./components/hook-form/RHFMultiCheckbox/index.js";
 import "./components/hook-form/RHFSelect.js";
 import "./components/hook-form/RHFRadioGroup.js";
@@ -64,67 +68,4 @@ function useResponsiveDesktop() {
   const isDesktop = useResponsive("up", "sm");
   return isDesktop;
 }
-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 { usePaginate as a, useResponsiveDesktop as u };
+export { useResponsiveDesktop as u };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.0.12",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -18,7 +18,8 @@
     "react-dom": "^18.0.0"
   },
   "peerDependencies": {
-    "@m4l/core": "^0.0.26",
+    "@hookform/resolvers": "^2.9.5",
+    "@m4l/core": "^0.0.27",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -29,17 +30,13 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.0.0",
-    "react-router-dom": "^6.3.0",
-    "@hookform/resolvers": "^2.9.5",
-    "react-hook-form": "^7.33.1"
-   
-
+    "react-hook-form": "^7.33.1",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
     "@hookform/resolvers": "^2.9.5",
-    "@m4l/core": "^0.0.26",
-    "@m4l/graphics": "^0.0.14",
+    "@m4l/core": "^0.0.27",
     "@mui/lab": "^5.0.0-alpha.89",
     "@mui/material": "^5.8.7",
     "@mui/x-date-pickers": "^5.0.0-beta.0",
@@ -74,6 +71,7 @@
     "react-resizable": "^3.0.4",
     "react-splitter-layout": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
+    "simplebar-react": "^2.4.1",
     "typescript": "^4.6.3",
     "vite": "^2.9.9",
     "vite-plugin-dts": "^1.2.1",

package/dist/hooks/usePaginate.d.ts

@@ -1,15 +0,0 @@
-import type { PagerState } from '../components/DataGrid/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;
-};