Added table record mock mode with companies (#2715)

* wip * Removed console.log * Refactor mocks into multiple files --------- Co-authored-by: Charles Bochet <charles@twenty.com>
2023-11-25 19:50:50 +01:00
parent ddc054be52
commit f0e20b06df
12 changed files with 2204 additions and 59 deletions
@@ -0,0 +1,98 @@
+import { useEffect } from 'react';
+
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useRecordTableContextMenuEntries } from '@/object-record/hooks/useRecordTableContextMenuEntries';
+import { filterAvailableTableColumns } from '@/object-record/utils/filterAvailableTableColumns';
+import { signInBackgroundMockCompanies } from '@/sign-in-background-mock/constants/signInBackgroundMockCompanies';
+import {
+  signInBackgroundMockColumnDefinitions,
+  signInBackgroundMockFilterDefinitions,
+  signInBackgroundMockSortDefinitions,
+} from '@/sign-in-background-mock/constants/signInBackgroundMockDefinitions';
+import { signInBackgroundMockViewFields } from '@/sign-in-background-mock/constants/signInBackgroundMockViewFields';
+import { useRecordTable } from '@/ui/object/record-table/hooks/useRecordTable';
+import { useView } from '@/views/hooks/useView';
+import { ViewType } from '@/views/types/ViewType';
+import { mapViewFieldsToColumnDefinitions } from '@/views/utils/mapViewFieldsToColumnDefinitions';
+
+export const SignInBackgroundMockContainerEffect = () => {
+  const {
+    scopeId: objectNamePlural,
+    setAvailableTableColumns,
+    setOnEntityCountChange,
+    setRecordTableData,
+    setTableColumns,
+    setObjectMetadataConfig,
+  } = useRecordTable();
+
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNamePlural,
+  });
+
+  const {
+    setAvailableSortDefinitions,
+    setAvailableFilterDefinitions,
+    setAvailableFieldDefinitions,
+    setViewType,
+    setViewObjectMetadataId,
+    setEntityCountInCurrentView,
+  } = useView();
+
+  useEffect(() => {
+    setViewObjectMetadataId?.('company-mock-object-metadata-id');
+    setViewType?.(ViewType.Table);
+
+    setAvailableSortDefinitions?.(signInBackgroundMockSortDefinitions);
+    setAvailableFilterDefinitions?.(signInBackgroundMockFilterDefinitions);
+    setAvailableFieldDefinitions?.(signInBackgroundMockColumnDefinitions);
+
+    const availableTableColumns = signInBackgroundMockColumnDefinitions.filter(
+      filterAvailableTableColumns,
+    );
+
+    setAvailableTableColumns(availableTableColumns);
+    setRecordTableData(signInBackgroundMockCompanies);
+
+    setTableColumns(
+      mapViewFieldsToColumnDefinitions(
+        signInBackgroundMockViewFields,
+        signInBackgroundMockColumnDefinitions,
+      ),
+    );
+  }, [
+    setViewObjectMetadataId,
+    setViewType,
+    setAvailableSortDefinitions,
+    setAvailableFilterDefinitions,
+    setAvailableFieldDefinitions,
+    objectMetadataItem,
+    setAvailableTableColumns,
+    setRecordTableData,
+    setTableColumns,
+  ]);
+
+  useEffect(() => {
+    setObjectMetadataConfig?.(mockIdentifier);
+  }, [setObjectMetadataConfig]);
+
+  const { setActionBarEntries, setContextMenuEntries } =
+    useRecordTableContextMenuEntries();
+
+  useEffect(() => {
+    setActionBarEntries?.();
+    setContextMenuEntries?.();
+  }, [setActionBarEntries, setContextMenuEntries]);
+
+  useEffect(() => {
+    setOnEntityCountChange(
+      () => (entityCount: number) => setEntityCountInCurrentView(entityCount),
+    );
+  }, [setEntityCountInCurrentView, setOnEntityCountChange]);
+
+  return <></>;
+};
+
+const mockIdentifier = {
+  basePathToShowPage: '/object/company/',
+  labelIdentifierFieldMetadataId: '20202020-6d30-4111-9f40-b4301906fd3c',
+};