Add configuration types for widgets (#14717)

closes https://github.com/twentyhq/core-team-issues/issues/1532
2025-09-29 17:11:26 +05:30
parent 2685f4a5b9
commit ea144c434b
88 changed files with 2829 additions and 1487 deletions
@@ -0,0 +1,91 @@
+import { AggregateOperations } from '@/object-record/record-table/constants/AggregateOperations';
+import { v4 as uuidv4 } from 'uuid';
+import { GraphOrderBy, GraphType } from '~/generated-metadata/graphql';
+import {
+  type GridPosition,
+  type PageLayoutWidget,
+  type WidgetConfiguration,
+  WidgetType,
+} from '~/generated/graphql';
+
+const createDefaultGraphConfiguration = (
+  graphType: GraphType,
+): WidgetConfiguration => {
+  const placeholderFieldId1 = uuidv4();
+  const placeholderFieldId2 = uuidv4();
+
+  switch (graphType) {
+    case GraphType.NUMBER:
+      return {
+        graphType: GraphType.NUMBER,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+      };
+
+    case GraphType.PIE:
+      return {
+        graphType: GraphType.PIE,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+        groupByFieldMetadataId: placeholderFieldId2,
+        orderBy: GraphOrderBy.VALUE_DESC,
+      };
+
+    case GraphType.BAR:
+      return {
+        graphType: GraphType.BAR,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+        groupByFieldMetadataIdX: placeholderFieldId2,
+        orderByX: GraphOrderBy.FIELD_ASC,
+      };
+
+    case GraphType.LINE:
+      return {
+        graphType: GraphType.LINE,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+        groupByFieldMetadataIdX: placeholderFieldId2,
+        orderByX: GraphOrderBy.FIELD_ASC,
+      };
+
+    case GraphType.GAUGE:
+      return {
+        graphType: GraphType.GAUGE,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+        aggregateOperationTotal: AggregateOperations.COUNT,
+        aggregateFieldMetadataIdTotal: placeholderFieldId2,
+      };
+
+    default:
+      return {
+        graphType: GraphType.NUMBER,
+        aggregateOperation: AggregateOperations.COUNT,
+        aggregateFieldMetadataId: placeholderFieldId1,
+      };
+  }
+};
+
+export const createDefaultGraphWidget = (
+  id: string,
+  pageLayoutTabId: string,
+  title: string,
+  graphType: GraphType,
+  gridPosition: GridPosition,
+  objectMetadataId?: string | null,
+): PageLayoutWidget => {
+  return {
+    __typename: 'PageLayoutWidget',
+    id,
+    pageLayoutTabId,
+    title,
+    type: WidgetType.GRAPH,
+    configuration: createDefaultGraphConfiguration(graphType),
+    gridPosition,
+    objectMetadataId: objectMetadataId ?? null,
+    createdAt: new Date().toISOString(),
+    updatedAt: new Date().toISOString(),
+    deletedAt: null,
+  };
+};