@tracktor/shared-module 0.7.2 → 0.8.0

package/CHANGELOG.md

@@ -1,4 +1,6 @@
-# [Versions](https://github.com/Tracktor/react-google-tag-manager/releases)
+# [Versions](https://github.com/Tracktor/shared-module/releases)
 
-## v0.7.2
-- **[fix]** : Improve `MapBoxConfig` component
+## v0.8.0
+- **[feat]** : Add `useInfiniteDataGrid` hook
+- **[chore]** : Upgrade dependencies
+- **[chore]** : Improve test hook library

package/README.md

@@ -51,9 +51,14 @@ const App = () => (
 export default App;
 ```
 
-## Exported module
+## Providers
+| Module                     | Description                                                             |
+|----------------------------|-------------------------------------------------------------------------|
+| InjectDependenciesProvider | Inject dependencies for other shared component                          |
+| QueryClientConfigProvider  | This provider is QueryClientProvider with custom default config options |
 
 
+## Components
 | Module                     | Type            | Description                                                             |
 |----------------------------|-----------------|-------------------------------------------------------------------------|
 | RequireAuth                | React Component | Component for protected routing                                         |
@@ -61,6 +66,9 @@ export default App;
 | AxiosConfig                | React Component | Initialize Axios instance with custom default config options            |
 | I18nConfig                 | React Component | Initialize i18n instance with custom config options                     |
 | SentryConfig               | React Component | Initialize Sentry                                                       |
-| InjectDependenciesProvider | React Provider  | Inject dependencies for other shared component                          |
-| QueryClientConfigProvider  | React Provider  | This provider is QueryClientProvider with custom default config options |
-| useResponseError           | React Hook      | This hook is used to print error messages from the API                  |
+
+## Hooks
+| Module               | Description                                                               |
+|----------------------|---------------------------------------------------------------------------|
+| useResponseError     | This hook is used to print error messages from the API                    |
+| useInfiniteDataGrid  | his hook is used to handle the infinite scroll of the DataGrid component. |

package/dist/components/Inputs/MaskTextField.d.ts

@@ -22,5 +22,5 @@ interface MaskTextFieldProps<T> {
      */
     IMaskMixin: (param: (props: any) => any) => any;
 }
-declare const MaskTextField: <T extends ComponentType<{}>>({ IMaskMixin, ...props }: MaskTextFieldProps<T> & ComponentProps<T>) => JSX.Element;
+declare const MaskTextField: <T extends ComponentType<{}>>({ IMaskMixin, ...props }: MaskTextFieldProps<T> & ComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default MaskTextField;

package/dist/components/Utils/GTMSendPageView.d.ts

@@ -18,5 +18,5 @@ export interface GTMSendPageViewProps {
  * @param props
  * @constructor
  */
-declare const GTMSendPageView: ({ ...props }: GTMSendPageViewProps) => JSX.Element;
+declare const GTMSendPageView: ({ ...props }: GTMSendPageViewProps) => import("react/jsx-runtime").JSX.Element;
 export default GTMSendPageView;

package/dist/components/Utils/RequireAuth.d.ts

@@ -48,5 +48,5 @@ export interface RequireAuthProps {
  * @param props
  * @constructor
  */
-declare const RequireAuth: ({ Fallback, loginPath, localStorageKey, redirect401Path, ...props }: RequireAuthProps) => JSX.Element;
+declare const RequireAuth: ({ Fallback, loginPath, localStorageKey, redirect401Path, ...props }: RequireAuthProps) => import("react/jsx-runtime").JSX.Element;
 export default RequireAuth;

package/dist/context/InjectDependenciesProvider.d.ts

@@ -63,5 +63,5 @@ export declare const InjectDependenciesContext: import("react").Context<InjectDe
  * @param useGoogleTagManager
  * @constructor
  */
-declare const InjectDependenciesProvider: ({ axios, children, translate, useAuth, Outlet, Navigate, useLocation, useGoogleTagManager, }: InjectDependenciesContextProps) => JSX.Element;
+declare const InjectDependenciesProvider: ({ axios, children, translate, useAuth, Outlet, Navigate, useLocation, useGoogleTagManager, }: InjectDependenciesContextProps) => import("react/jsx-runtime").JSX.Element;
 export default InjectDependenciesProvider;

package/dist/context/QueryClientConfigProvider.d.ts

@@ -35,5 +35,5 @@ interface QueryClientConfigProviderProps<T> extends PropsWithChildren {
  * @param QueryClientProvider
  * @constructor
  */
-declare const QueryClientConfigProvider: <T extends unknown>({ children, defaultOptions, QueryClient, QueryClientProvider, }: QueryClientConfigProviderProps<T>) => JSX.Element;
+declare const QueryClientConfigProvider: <T extends unknown>({ children, defaultOptions, QueryClient, QueryClientProvider, }: QueryClientConfigProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default QueryClientConfigProvider;

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

@@ -0,0 +1,2 @@
+import useInfiniteDataGrid from "./useInfiniteDataGrid";
+export default useInfiniteDataGrid;

package/dist/hooks/useInfiniteDataGrid/useInfiniteDataGrid.d.ts

@@ -0,0 +1,32 @@
+interface useInfiniteDataGridParams<T> {
+    data?: {
+        pages: T[];
+    };
+    fetchNextPage: (params: {
+        pageParam?: unknown;
+    }) => Promise<any>;
+    isFetchingNextPage: boolean;
+    isInitialLoading: boolean;
+    isLoading: boolean;
+    enabled?: boolean;
+}
+interface GridRowScrollEndParams {
+    visibleRowsCount: number;
+    pageParam?: unknown;
+}
+/**
+ * This hook is used to handle the infinite scroll of the DataGrid component.
+ * @param data
+ * @param fetchNextPage
+ * @param isFetchingNextPage
+ * @param isInitialLoading
+ * @param isLoading
+ * @param enabled
+ */
+declare const useInfiniteDataGrid: <T extends unknown>({ data, fetchNextPage, isFetchingNextPage, isInitialLoading, isLoading, enabled, }: useInfiniteDataGridParams<T>) => {
+    fetchNextPageOnRowsScrollEnd: (params: GridRowScrollEndParams) => Promise<void>;
+    isLoading: boolean;
+    loadingVariant: "skeleton" | "linear";
+    rows: T | undefined;
+};
+export default useInfiniteDataGrid;

package/dist/hooks/useResponseError/useResponseError.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/main.d.ts

@@ -18,3 +18,5 @@ export { default as QueryClientConfigProvider } from './context/QueryClientConfi
 export * from './context/QueryClientConfigProvider';
 export { default as useResponseError } from './hooks/useResponseError';
 export * from './hooks/useResponseError';
+export { default as useInfiniteDataGrid } from './hooks/useInfiniteDataGrid';
+export * from './hooks/useInfiniteDataGrid';