@contractspec/example.crm-pipeline 3.7.7 → 3.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/.turbo/turbo-build.log +45 -42
  2. package/CHANGELOG.md +36 -0
  3. package/README.md +2 -1
  4. package/dist/browser/docs/crm-pipeline.docblock.js +1 -1
  5. package/dist/browser/docs/index.js +1 -1
  6. package/dist/browser/handlers/crm.handlers.js +13 -2
  7. package/dist/browser/handlers/index.js +13 -2
  8. package/dist/browser/index.js +392 -159
  9. package/dist/browser/ui/CrmDashboard.js +366 -144
  10. package/dist/browser/ui/hooks/index.js +19 -8
  11. package/dist/browser/ui/hooks/useDealList.js +19 -8
  12. package/dist/browser/ui/index.js +391 -158
  13. package/dist/browser/ui/renderers/index.js +32 -10
  14. package/dist/browser/ui/renderers/pipeline.markdown.js +13 -2
  15. package/dist/browser/ui/renderers/pipeline.renderer.js +19 -8
  16. package/dist/browser/ui/tables/DealListTab.js +390 -0
  17. package/dist/docs/crm-pipeline.docblock.js +1 -1
  18. package/dist/docs/index.js +1 -1
  19. package/dist/handlers/crm.handlers.d.ts +2 -0
  20. package/dist/handlers/crm.handlers.js +13 -2
  21. package/dist/handlers/index.js +13 -2
  22. package/dist/index.js +392 -159
  23. package/dist/node/docs/crm-pipeline.docblock.js +1 -1
  24. package/dist/node/docs/index.js +1 -1
  25. package/dist/node/handlers/crm.handlers.js +13 -2
  26. package/dist/node/handlers/index.js +13 -2
  27. package/dist/node/index.js +392 -159
  28. package/dist/node/ui/CrmDashboard.js +366 -144
  29. package/dist/node/ui/hooks/index.js +19 -8
  30. package/dist/node/ui/hooks/useDealList.js +19 -8
  31. package/dist/node/ui/index.js +391 -158
  32. package/dist/node/ui/renderers/index.js +32 -10
  33. package/dist/node/ui/renderers/pipeline.markdown.js +13 -2
  34. package/dist/node/ui/renderers/pipeline.renderer.js +19 -8
  35. package/dist/node/ui/tables/DealListTab.js +390 -0
  36. package/dist/ui/CrmDashboard.js +366 -144
  37. package/dist/ui/hooks/index.js +19 -8
  38. package/dist/ui/hooks/useDealList.d.ts +8 -2
  39. package/dist/ui/hooks/useDealList.js +19 -8
  40. package/dist/ui/index.js +391 -158
  41. package/dist/ui/renderers/index.js +32 -10
  42. package/dist/ui/renderers/pipeline.markdown.js +13 -2
  43. package/dist/ui/renderers/pipeline.renderer.js +19 -8
  44. package/dist/ui/tables/DealListTab.d.ts +20 -0
  45. package/dist/ui/tables/DealListTab.js +391 -0
  46. package/dist/ui/tables/DealListTab.smoke.test.d.ts +1 -0
  47. package/package.json +27 -12
  48. package/src/docs/crm-pipeline.docblock.ts +1 -1
  49. package/src/handlers/crm.handlers.ts +18 -1
  50. package/src/ui/CrmDashboard.tsx +2 -71
  51. package/src/ui/hooks/useDealList.ts +36 -8
  52. package/src/ui/tables/DealListTab.smoke.test.tsx +149 -0
  53. package/src/ui/tables/DealListTab.tsx +276 -0
package/dist/node/ui/hooks/index.js CHANGED
@@ -10,8 +10,13 @@ function useDealList(options = {}) {
10
10
  const [stages, setStages] = useState([]);
11
11
  const [loading, setLoading] = useState(true);
12
12
  const [error, setError] = useState(null);
13
- const [page, setPage] = useState(1);
13
+ const [internalPage, setInternalPage] = useState(0);
14
14
  const pipelineId = options.pipelineId ?? "pipeline-1";
15
+ const pageIndex = options.pageIndex ?? internalPage;
16
+ const pageSize = options.pageSize ?? options.limit ?? 50;
17
+ const [sort] = options.sorting ?? [];
18
+ const sortBy = sort?.id;
19
+ const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
15
20
  const fetchData = useCallback(async () => {
16
21
  setLoading(true);
17
22
  setError(null);
@@ -23,8 +28,10 @@ function useDealList(options = {}) {
23
28
  stageId: options.stageId,
24
29
  status: options.status === "all" ? undefined : options.status,
25
30
  search: options.search,
26
- limit: options.limit ?? 50,
27
- offset: (page - 1) * (options.limit ?? 50)
31
+ limit: pageSize,
32
+ offset: pageIndex * pageSize,
33
+ sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
34
+ sortDirection
28
35
  }),
29
36
  crm.getDealsByStage({ projectId, pipelineId }),
30
37
  crm.getPipelineStages({ pipelineId })
@@ -44,8 +51,10 @@ function useDealList(options = {}) {
44
51
  options.stageId,
45
52
  options.status,
46
53
  options.search,
47
- options.limit,
48
- page
54
+ pageIndex,
55
+ pageSize,
56
+ sortBy,
57
+ sortDirection
49
58
  ]);
50
59
  useEffect(() => {
51
60
  fetchData();
@@ -73,10 +82,12 @@ function useDealList(options = {}) {
73
82
  loading,
74
83
  error,
75
84
  stats,
76
- page,
85
+ page: pageIndex + 1,
86
+ pageIndex,
87
+ pageSize,
77
88
  refetch: fetchData,
78
- nextPage: () => setPage((p) => p + 1),
79
- prevPage: () => page > 1 && setPage((p) => p - 1)
89
+ nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
90
+ prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
80
91
  };
81
92
  }
82
93
 
package/dist/node/ui/hooks/useDealList.js CHANGED
@@ -10,8 +10,13 @@ function useDealList(options = {}) {
10
10
  const [stages, setStages] = useState([]);
11
11
  const [loading, setLoading] = useState(true);
12
12
  const [error, setError] = useState(null);
13
- const [page, setPage] = useState(1);
13
+ const [internalPage, setInternalPage] = useState(0);
14
14
  const pipelineId = options.pipelineId ?? "pipeline-1";
15
+ const pageIndex = options.pageIndex ?? internalPage;
16
+ const pageSize = options.pageSize ?? options.limit ?? 50;
17
+ const [sort] = options.sorting ?? [];
18
+ const sortBy = sort?.id;
19
+ const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
15
20
  const fetchData = useCallback(async () => {
16
21
  setLoading(true);
17
22
  setError(null);
@@ -23,8 +28,10 @@ function useDealList(options = {}) {
23
28
  stageId: options.stageId,
24
29
  status: options.status === "all" ? undefined : options.status,
25
30
  search: options.search,
26
- limit: options.limit ?? 50,
27
- offset: (page - 1) * (options.limit ?? 50)
31
+ limit: pageSize,
32
+ offset: pageIndex * pageSize,
33
+ sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
34
+ sortDirection
28
35
  }),
29
36
  crm.getDealsByStage({ projectId, pipelineId }),
30
37
  crm.getPipelineStages({ pipelineId })
@@ -44,8 +51,10 @@ function useDealList(options = {}) {
44
51
  options.stageId,
45
52
  options.status,
46
53
  options.search,
47
- options.limit,
48
- page
54
+ pageIndex,
55
+ pageSize,
56
+ sortBy,
57
+ sortDirection
49
58
  ]);
50
59
  useEffect(() => {
51
60
  fetchData();
@@ -73,10 +82,12 @@ function useDealList(options = {}) {
73
82
  loading,
74
83
  error,
75
84
  stats,
76
- page,
85
+ page: pageIndex + 1,
86
+ pageIndex,
87
+ pageSize,
77
88
  refetch: fetchData,
78
- nextPage: () => setPage((p) => p + 1),
79
- prevPage: () => page > 1 && setPage((p) => p - 1)
89
+ nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
90
+ prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
80
91
  };
81
92
  }
82
93
  export {