@contractspec/example.crm-pipeline 3.7.7 → 3.7.10

package/dist/ui/hooks/index.js

@@ -11,8 +11,13 @@ function useDealList(options = {}) {
   const [stages, setStages] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
-  const [page, setPage] = useState(1);
+  const [internalPage, setInternalPage] = useState(0);
   const pipelineId = options.pipelineId ?? "pipeline-1";
+  const pageIndex = options.pageIndex ?? internalPage;
+  const pageSize = options.pageSize ?? options.limit ?? 50;
+  const [sort] = options.sorting ?? [];
+  const sortBy = sort?.id;
+  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
   const fetchData = useCallback(async () => {
     setLoading(true);
     setError(null);
@@ -24,8 +29,10 @@ function useDealList(options = {}) {
           stageId: options.stageId,
           status: options.status === "all" ? undefined : options.status,
           search: options.search,
-          limit: options.limit ?? 50,
-          offset: (page - 1) * (options.limit ?? 50)
+          limit: pageSize,
+          offset: pageIndex * pageSize,
+          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
+          sortDirection
         }),
         crm.getDealsByStage({ projectId, pipelineId }),
         crm.getPipelineStages({ pipelineId })
@@ -45,8 +52,10 @@ function useDealList(options = {}) {
     options.stageId,
     options.status,
     options.search,
-    options.limit,
-    page
+    pageIndex,
+    pageSize,
+    sortBy,
+    sortDirection
   ]);
   useEffect(() => {
     fetchData();
@@ -74,10 +83,12 @@ function useDealList(options = {}) {
     loading,
     error,
     stats,
-    page,
+    page: pageIndex + 1,
+    pageIndex,
+    pageSize,
     refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
+    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
+    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
   };
 }
 

package/dist/ui/hooks/useDealList.d.ts

@@ -1,3 +1,4 @@
+import type { ContractTableSort } from '@contractspec/lib.presentation-runtime-core';
 import { type Deal as RuntimeDeal, type ListDealsOutput as RuntimeListDealsOutput, type Stage } from '../../handlers/crm.handlers';
 export type Deal = RuntimeDeal;
 export type ListDealsOutput = RuntimeListDealsOutput;
@@ -7,6 +8,9 @@ export interface UseDealListOptions {
     status?: 'OPEN' | 'WON' | 'LOST' | 'all';
     search?: string;
     limit?: number;
+    pageIndex?: number;
+    pageSize?: number;
+    sorting?: ContractTableSort[];
 }
 export declare function useDealList(options?: UseDealListOptions): {
     data: RuntimeListDealsOutput | null;
@@ -24,7 +28,9 @@ export declare function useDealList(options?: UseDealListOptions): {
         lostCount: number;
     } | null;
     page: number;
+    pageIndex: number;
+    pageSize: number;
     refetch: () => Promise<void>;
-    nextPage: () => void;
-    prevPage: () => false | void;
+    nextPage: (() => void) | undefined;
+    prevPage: (() => false | void) | undefined;
 };

package/dist/ui/hooks/useDealList.js

@@ -11,8 +11,13 @@ function useDealList(options = {}) {
   const [stages, setStages] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
-  const [page, setPage] = useState(1);
+  const [internalPage, setInternalPage] = useState(0);
   const pipelineId = options.pipelineId ?? "pipeline-1";
+  const pageIndex = options.pageIndex ?? internalPage;
+  const pageSize = options.pageSize ?? options.limit ?? 50;
+  const [sort] = options.sorting ?? [];
+  const sortBy = sort?.id;
+  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
   const fetchData = useCallback(async () => {
     setLoading(true);
     setError(null);
@@ -24,8 +29,10 @@ function useDealList(options = {}) {
           stageId: options.stageId,
           status: options.status === "all" ? undefined : options.status,
           search: options.search,
-          limit: options.limit ?? 50,
-          offset: (page - 1) * (options.limit ?? 50)
+          limit: pageSize,
+          offset: pageIndex * pageSize,
+          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
+          sortDirection
         }),
         crm.getDealsByStage({ projectId, pipelineId }),
         crm.getPipelineStages({ pipelineId })
@@ -45,8 +52,10 @@ function useDealList(options = {}) {
     options.stageId,
     options.status,
     options.search,
-    options.limit,
-    page
+    pageIndex,
+    pageSize,
+    sortBy,
+    sortDirection
   ]);
   useEffect(() => {
     fetchData();
@@ -74,10 +83,12 @@ function useDealList(options = {}) {
     loading,
     error,
     stats,
-    page,
+    page: pageIndex + 1,
+    pageIndex,
+    pageSize,
     refetch: fetchData,
-    nextPage: () => setPage((p) => p + 1),
-    prevPage: () => page > 1 && setPage((p) => p - 1)
+    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
+    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
   };
 }
 export {