ld

src/Gridler/components/LocalDataAdaptor.tsx

@@ -0,0 +1,42 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useEffect } from 'react';
+
+import type { APIOptions } from '../utils/types';
+
+import { useGridlerStore } from './Store';
+
+interface LocalDataAdaptorProps extends APIOptions {
+  data: Array<unknown>;
+}
+
+//The computer component does not need to be recalculated on every render, so we use React.memo to prevent unnecessary re-renders.
+export const LocalDataAdaptor = React.memo((props: LocalDataAdaptorProps) => {
+  const [setStateFN, setState, getState, addError, mounted] = useGridlerStore((s) => [
+    s.setStateFN,
+    s.setState,
+    s.getState,
+    s.addError,
+    s.mounted
+  ]);
+
+  const useAPIQuery: (index: number) => Promise<any> = async (index: number) => {
+    const colSort = getState('colSort');
+    const pageSize = getState('pageSize');
+    const colFilters = getState('colFilters');
+    const _active_requests = getState('_active_requests');
+
+    if (!(props.data && Array.isArray(props.data))) {
+      return [];
+    }
+
+     setState('total_rows', props.data.length);
+     return props.data.slice(index * (pageSize ?? 50), (index + 1) * (pageSize ?? 50));
+
+  };
+
+  useEffect(() => {
+    setState('useAPIQuery', useAPIQuery);
+  }, [props.url, props.authtoken, mounted, setState]);
+
+  return <></>;
+});