2282 Rename components to use the new naming convention part 1 (#2293)

renaming in progress

front/src/pages/people/People.tsx

@@ -4,17 +4,17 @@ import { v4 } from 'uuid';
 import { useOptimisticEffect } from '@/apollo/optimistic-effect/hooks/useOptimisticEffect';
 import { PersonTable } from '@/people/table/components/PersonTable';
 import { SpreadsheetImportProvider } from '@/spreadsheet-import/provider/components/SpreadsheetImportProvider';
-import { DataTableActionBar } from '@/ui/data/data-table/action-bar/components/DataTableActionBar';
-import { DataTableContextMenu } from '@/ui/data/data-table/context-menu/components/DataTableContextMenu';
-import { useUpsertDataTableItem } from '@/ui/data/data-table/hooks/useUpsertDataTableItem';
-import { useUpsertTableRowId } from '@/ui/data/data-table/hooks/useUpsertTableRowId';
-import { TableRecoilScopeContext } from '@/ui/data/data-table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { IconUser } from '@/ui/display/icon';
 import { PageAddButton } from '@/ui/layout/page/PageAddButton';
 import { PageBody } from '@/ui/layout/page/PageBody';
 import { PageContainer } from '@/ui/layout/page/PageContainer';
 import { PageHeader } from '@/ui/layout/page/PageHeader';
 import { PageHotkeysEffect } from '@/ui/layout/page/PageHotkeysEffect';
+import { RecordTableActionBar } from '@/ui/object/record-table/action-bar/components/RecordTableActionBar';
+import { RecordTableContextMenu } from '@/ui/object/record-table/context-menu/components/RecordTableContextMenu';
+import { useUpsertRecordTableItem } from '@/ui/object/record-table/hooks/useUpsertRecordTableItem';
+import { useUpsertTableRowId } from '@/ui/object/record-table/hooks/useUpsertTableRowId';
+import { TableRecoilScopeContext } from '@/ui/object/record-table/states/recoil-scope-contexts/TableRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { useInsertOnePersonMutation } from '~/generated/graphql';
 
@@ -25,7 +25,7 @@ const StyledTableContainer = styled.div`
 
 export const People = () => {
   const [insertOnePerson] = useInsertOnePersonMutation();
-  const upsertDataTableItem = useUpsertDataTableItem();
+  const upsertRecordTableItem = useUpsertRecordTableItem();
   const upsertTableRowIds = useUpsertTableRowId();
   const { triggerOptimisticEffects } = useOptimisticEffect();
 
@@ -42,7 +42,7 @@ export const People = () => {
       update: (_cache, { data }) => {
         if (data?.createOnePerson) {
           upsertTableRowIds(data?.createOnePerson.id);
-          upsertDataTableItem(data?.createOnePerson);
+          upsertRecordTableItem(data?.createOnePerson);
           triggerOptimisticEffects('Person', [data?.createOnePerson]);
         }
       },
@@ -64,8 +64,8 @@ export const People = () => {
             <StyledTableContainer>
               <PersonTable />
             </StyledTableContainer>
-            <DataTableActionBar />
-            <DataTableContextMenu />
+            <RecordTableActionBar />
+            <RecordTableContextMenu />
           </RecoilScope>
         </PageBody>
       </PageContainer>

front/src/pages/people/PersonShow.tsx

@@ -7,10 +7,6 @@ import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { GET_PERSON } from '@/people/graphql/queries/getPerson';
 import { usePersonQuery } from '@/people/hooks/usePersonQuery';
 import { AppPath } from '@/types/AppPath';
-import { FieldContext } from '@/ui/data/field/contexts/FieldContext';
-import { InlineCell } from '@/ui/data/inline-cell/components/InlineCell';
-import { PropertyBox } from '@/ui/data/inline-cell/property-box/components/PropertyBox';
-import { InlineCellHotkeyScope } from '@/ui/data/inline-cell/types/InlineCellHotkeyScope';
 import { IconUser } from '@/ui/display/icon';
 import { PageBody } from '@/ui/layout/page/PageBody';
 import { PageContainer } from '@/ui/layout/page/PageContainer';
@@ -21,6 +17,10 @@ import { ShowPageLeftContainer } from '@/ui/layout/show-page/components/ShowPage
 import { ShowPageRightContainer } from '@/ui/layout/show-page/components/ShowPageRightContainer';
 import { ShowPageSummaryCard } from '@/ui/layout/show-page/components/ShowPageSummaryCard';
 import { ShowPageRecoilScopeContext } from '@/ui/layout/states/ShowPageRecoilScopeContext';
+import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
+import { InlineCell } from '@/ui/object/record-inline-cell/components/InlineCell';
+import { PropertyBox } from '@/ui/object/record-inline-cell/property-box/components/PropertyBox';
+import { InlineCellHotkeyScope } from '@/ui/object/record-inline-cell/types/InlineCellHotkeyScope';
 import { PageTitle } from '@/ui/utilities/page-title/PageTitle';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import {

front/src/pages/people/constants/personShowFieldDefinitions.tsx

@@ -1,12 +1,3 @@
-import { FieldDefinition } from '@/ui/data/field/types/FieldDefinition';
-import {
-  FieldDateMetadata,
-  FieldMetadata,
-  FieldPhoneMetadata,
-  FieldRelationMetadata,
-  FieldTextMetadata,
-  FieldURLMetadata,
-} from '@/ui/data/field/types/FieldMetadata';
 import {
   IconBrandLinkedin,
   IconBrandX,
@@ -18,6 +9,15 @@ import {
   IconPhone,
 } from '@/ui/display/icon';
 import { Entity } from '@/ui/input/relation-picker/types/EntityTypeForSelect';
+import { FieldDefinition } from '@/ui/object/field/types/FieldDefinition';
+import {
+  FieldDateMetadata,
+  FieldMetadata,
+  FieldPhoneMetadata,
+  FieldRelationMetadata,
+  FieldTextMetadata,
+  FieldURLMetadata,
+} from '@/ui/object/field/types/FieldMetadata';
 import { Company } from '~/generated/graphql';
 import { getLogoUrlFromDomainName } from '~/utils';
 

front/src/pages/people/constants/personTableFilterDefinitions.tsx

@@ -1,5 +1,4 @@
 import { FilterDropdownCompanySearchSelect } from '@/companies/components/FilterDropdownCompanySearchSelect';
-import { FilterDefinitionByEntity } from '@/ui/data/filter/types/FilterDefinitionByEntity';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -8,6 +7,7 @@ import {
   IconPhone,
   IconUser,
 } from '@/ui/display/icon/index';
+import { FilterDefinitionByEntity } from '@/ui/object/filter/types/FilterDefinitionByEntity';
 import { Person } from '~/generated/graphql';
 
 export const personTableFilterDefinitions: FilterDefinitionByEntity<Person>[] =

front/src/pages/people/constants/personTableSortDefinitions.tsx

@@ -1,5 +1,3 @@
-import { SortDefinition } from '@/ui/data/sort/types/SortDefinition';
-import { SortDirection } from '@/ui/data/sort/types/SortDirection';
 import {
   IconBuildingSkyscraper,
   IconCalendarEvent,
@@ -8,6 +6,8 @@ import {
   IconPhone,
   IconUser,
 } from '@/ui/display/icon/index';
+import { SortDefinition } from '@/ui/object/sort/types/SortDefinition';
+import { SortDirection } from '@/ui/object/sort/types/SortDirection';
 
 export const personTableSortDefinitions: SortDefinition[] = [
   {