Improve viewbar api (#2233)

* create scopes * fix import bug * add useView hook * wip * wip * currentViewId is now retrieved via useView * working on sorts with useView * refactor in progress * refactor in progress * refactor in progress * refactor in progress * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * wip * fix code * fix code * wip * push * Fix issue dependencies * Fix resize --------- Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
2023-10-27 10:52:26 +02:00
parent 6a72c14af3
commit 5ba68e997d
205 changed files with 3092 additions and 3249 deletions
@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+
+import { ColumnDefinition } from '@/ui/data/data-table/types/ColumnDefinition';
+import { FieldMetadata } from '@/ui/data/field/types/FieldMetadata';
+import { Filter } from '@/ui/data/filter/types/Filter';
+import { Sort } from '@/ui/data/sort/types/Sort';
+import { useView } from '@/views/hooks/useView';
+import { useViewInternalStates } from '@/views/hooks/useViewInternalStates';
+
+type ViewScopeInitEffectProps = {
+  viewScopeId: string;
+  onViewSortsChange?: (sorts: Sort[]) => void | Promise<void>;
+  onViewFiltersChange?: (filters: Filter[]) => void | Promise<void>;
+  onViewFieldsChange?: (
+    fields: ColumnDefinition<FieldMetadata>[],
+  ) => void | Promise<void>;
+};
+
+export const ViewScopeInitEffect = ({
+  viewScopeId,
+  onViewSortsChange,
+  onViewFiltersChange,
+  onViewFieldsChange,
+}: ViewScopeInitEffectProps) => {
+  const { currentViewId } = useView();
+  const {
+    setOnViewSortsChange,
+    setOnViewFieldsChange,
+    setOnViewFiltersChange,
+  } = useViewInternalStates(viewScopeId, currentViewId);
+
+  useEffect(() => {
+    setOnViewSortsChange(onViewSortsChange);
+    setOnViewFiltersChange(onViewFiltersChange);
+    setOnViewFieldsChange(onViewFieldsChange);
+  }, [
+    onViewFieldsChange,
+    onViewFiltersChange,
+    onViewSortsChange,
+    setOnViewFieldsChange,
+    setOnViewFiltersChange,
+    setOnViewSortsChange,
+  ]);
+
+  return <></>;
+};