Added ability to edit filter and sort chip directly (#2968)

* - Added EditableSortChip
- Fixed EditableFilterChip onRemove not closing

* Added missing script in dependencies

* Linted files

* Finished fixing lint

packages/twenty-front/src/modules/object-record/hooks/useFindManyRecords.ts

@@ -140,10 +140,9 @@ export const useFindManyRecords = <
 
             if (isNonEmptyArray(previousEdges) && isNonEmptyArray(nextEdges)) {
               newEdges = filterUniqueRecordEdgesByCursor([
-                // eslint-disable-next-line no-unsafe-optional-chaining
-                ...prev?.[objectMetadataItem.namePlural]?.edges,
-                // eslint-disable-next-line no-unsafe-optional-chaining
-                ...fetchMoreResult?.[objectMetadataItem.namePlural]?.edges,
+                ...(prev?.[objectMetadataItem.namePlural]?.edges ?? []),
+                ...(fetchMoreResult?.[objectMetadataItem.namePlural]?.edges ??
+                  []),
               ]);
             }
 

packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/MultipleFiltersDropdownContent.tsx

@@ -11,12 +11,18 @@ import { ObjectFilterDropdownOperandSelect } from './ObjectFilterDropdownOperand
 import { ObjectFilterDropdownRecordSelect } from './ObjectFilterDropdownRecordSelect';
 import { ObjectFilterDropdownTextSearchInput } from './ObjectFilterDropdownTextSearchInput';
 
-export const MultipleFiltersDropdownContent = () => {
+type MultipleFiltersDropdownContentProps = {
+  filterDropdownId?: string;
+};
+
+export const MultipleFiltersDropdownContent = ({
+  filterDropdownId,
+}: MultipleFiltersDropdownContentProps) => {
   const {
     isObjectFilterDropdownOperandSelectUnfolded,
     filterDefinitionUsedInDropdown,
     selectedOperandInDropdown,
-  } = useFilterDropdown();
+  } = useFilterDropdown({ filterDropdownId });
 
   return (
     <>

packages/twenty-front/src/modules/object-record/record-board/scopes/scope-internal-context/RecordBoardScopeInternalContext.ts

@@ -1,7 +1,7 @@
 import { ScopedStateKey } from '@/ui/utilities/recoil-scope/scopes-internal/types/ScopedStateKey';
 import { createScopeInternalContext } from '@/ui/utilities/recoil-scope/scopes-internal/utils/createScopeInternalContext';
 
-type RecordBoardScopeInternalContextType = ScopedStateKey;
+type RecordBoardScopeInternalContextProps = ScopedStateKey;
 
 export const RecordBoardScopeInternalContext =
-  createScopeInternalContext<RecordBoardScopeInternalContextType>();
+  createScopeInternalContext<RecordBoardScopeInternalContextProps>();

packages/twenty-front/src/modules/object-record/utils/turnFiltersIntoWhereClause.ts

@@ -106,7 +106,7 @@ export const turnFiltersIntoObjectRecordFilters = (
             );
         }
         break;
-      case 'RELATION':
+      case 'RELATION': {
         try {
           JSON.parse(rawUIFilter.value);
         } catch (e) {
@@ -143,6 +143,7 @@ export const turnFiltersIntoObjectRecordFilters = (
           }
         }
         break;
+      }
       case 'CURRENCY':
         switch (rawUIFilter.operand) {
           case ViewFilterOperand.GreaterThan: