@etsoo/materialui 1.5.71 → 1.5.72

package/src/uses/useGridCacheInitLoad.ts

@@ -0,0 +1,55 @@
+import {
+  GridImperativeAPI,
+  OnCellsRenderedData,
+  ScrollerGridProps,
+  useSearchParamsWithCache
+} from "@etsoo/react";
+import React from "react";
+import { GridUtils } from "../GridUtils";
+import { ExtendUtils } from "@etsoo/shared";
+
+export function useGridCacheInitLoad<T extends object>(
+  cacheKey: string | undefined,
+  cacheMinutes: number
+): ScrollerGridProps<T>["onInitLoad"] {
+  // Reference
+  const ref = React.useRef<boolean>(null);
+
+  // Search data
+  const searchData = useSearchParamsWithCache(cacheKey);
+
+  // Avoid repeatedly load from cache
+  if (ref.current || !cacheKey) return undefined;
+
+  // Cache data
+  const cacheData = GridUtils.getCacheData<T>(cacheKey, cacheMinutes);
+  if (cacheData) {
+    const { rows, state } = cacheData;
+
+    GridUtils.mergeSearchData(state, searchData);
+
+    // Update flag value
+    ref.current = true;
+
+    return (ref: GridImperativeAPI) => {
+      // Scroll position
+      const scrollData = sessionStorage.getItem(`${cacheKey}-scroll`);
+      if (scrollData) {
+        const data = JSON.parse(scrollData) as OnCellsRenderedData;
+        ExtendUtils.waitFor(
+          () =>
+            ref.scrollToCell({
+              rowIndex: data.rowStartIndex,
+              columnIndex: data.columnStartIndex
+            }),
+          100
+        );
+      }
+
+      // Return cached rows and state
+      return [rows, state];
+    };
+  }
+
+  return undefined;
+}

package/src/uses/useListCacheInitLoad.ts

@@ -0,0 +1,51 @@
+import {
+  ListImperativeAPI,
+  OnRowsRenderedData,
+  ScrollerListProps,
+  useSearchParamsWithCache
+} from "@etsoo/react";
+import React from "react";
+import { GridUtils } from "../GridUtils";
+import { ExtendUtils } from "@etsoo/shared";
+
+export function useListCacheInitLoad<T extends object>(
+  cacheKey: string | undefined,
+  cacheMinutes: number
+): ScrollerListProps<T>["onInitLoad"] {
+  // Reference
+  const ref = React.useRef<boolean>(null);
+
+  // Search data
+  const searchData = useSearchParamsWithCache(cacheKey);
+
+  // Avoid repeatedly load from cache
+  if (ref.current || !cacheKey) return undefined;
+
+  // Cache data
+  const cacheData = GridUtils.getCacheData<T>(cacheKey, cacheMinutes);
+  if (cacheData) {
+    const { rows, state } = cacheData;
+
+    GridUtils.mergeSearchData(state, searchData);
+
+    // Update flag value
+    ref.current = true;
+
+    return (ref: ListImperativeAPI) => {
+      // Scroll position
+      const scrollData = sessionStorage.getItem(`${cacheKey}-scroll`);
+      if (scrollData) {
+        const data = JSON.parse(scrollData) as OnRowsRenderedData;
+        ExtendUtils.waitFor(
+          () => ref.scrollToRow({ index: data.startIndex }),
+          100
+        );
+      }
+
+      // Return cached rows and state
+      return [rows, state];
+    };
+  }
+
+  return undefined;
+}