fix(AnalyticalTable): prevent error if onFilter is not defined (#7388)

Author: Lukas742

packages/main/src/components/AnalyticalTable/index.tsx

@@ -188,10 +188,14 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
   const tableInstanceRef = useRef<TableInstance>(null);
   const scrollContainerRef = useRef<HTMLDivElement>(null);
 
-  const dedupedOnFilter = useMemo(() => debounce(onFilter, 0), [onFilter]);
+  const dedupedOnFilter = useMemo(
+    () => (typeof onFilter === 'function' ? debounce(onFilter, 0) : undefined),
+    [onFilter],
+  );
+
   useEffect(
     () => () => {
-      dedupedOnFilter.cancel();
+      dedupedOnFilter?.cancel();
     },
     [dedupedOnFilter],
   );

packages/main/src/components/AnalyticalTable/tableReducer/stateReducer.ts

@@ -28,13 +28,17 @@ export const stateReducer = (state, action, _prevState, instance: TableInstance)
     };
   }
   switch (action.type) {
-    case 'setFilter':
-      instance.webComponentsReactProperties.onFilter({
-        filters: state.filters,
-        value: action.filterValue,
-        columnId: action.columnId,
-      });
+    case 'setFilter': {
+      const { onFilter } = instance.webComponentsReactProperties;
+      if (typeof onFilter === 'function') {
+        instance.webComponentsReactProperties.onFilter({
+          filters: state.filters,
+          value: action.filterValue,
+          columnId: action.columnId,
+        });
+      }
       return state;
+    }
     case 'toggleRowExpanded':
       // this flag disables scrolling to the top of the table if a table is collapsed
       if (!state.expanded[action.id]) {