@wix/patterns 1.387.0 → 1.389.0

package/src/components/EditableTable/useBuiltInHeaderActions.tsx

@@ -1,116 +0,0 @@
-import React, { useMemo, type ReactNode } from 'react';
-import {
-  SortAscendingSmall,
-  SortDescendingSmall,
-  ContentFilterSmall,
-  HiddenSmall,
-  DeleteSmall,
-} from '@wix/wix-ui-icons-common';
-import type { FiltersMap } from '@wix/bex-core';
-import type { EditableTableState } from '../../state/EditableTable';
-import type { EditableColumn } from '../../state/EditableTable/types';
-import type { HeaderAction } from './headerActionTypes';
-import { HeaderActionsPopover } from './HeaderActionsPopover';
-
-export function useBuiltInHeaderActions<T, F extends FiltersMap>(
-  state: EditableTableState<T, F>,
-  columns: EditableColumn<T>[],
-  disabled?: boolean,
-): Record<string, ReactNode> {
-  const { toolbar } = state;
-  const { customColumnsState, panels, toolbarFiltersState } = toolbar;
-  const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } =
-    state.fieldActions;
-
-  return useMemo(() => {
-    if (disabled) {
-      return {};
-    }
-
-    const result: Record<string, ReactNode> = {};
-
-    for (const col of columns) {
-      const groups: HeaderAction[][] = [];
-
-      // Group 1: Sort actions
-      if (col.sortable) {
-        groups.push([
-          {
-            label: 'Sort Ascending',
-            icon: <SortAscendingSmall />,
-            onClick: () => state.sort(col.id, { forceDirection: 'asc' }),
-          },
-          {
-            label: 'Sort Descending',
-            icon: <SortDescendingSmall />,
-            onClick: () => state.sort(col.id, { forceDirection: 'desc' }),
-          },
-        ]);
-      }
-
-      // Group 2: Filter action (only when filter exists for this column)
-      const hasFilter =
-        toolbarFiltersState &&
-        state.collection.query.customFilters[col.id] != null;
-      if (hasFilter) {
-        groups.push([
-          {
-            label: 'Filter',
-            icon: <ContentFilterSmall />,
-            onClick: () => panels.openSidePanel('filters'),
-          },
-        ]);
-      }
-
-      // Group 3: Hide column action
-      if (col.hideable !== false && customColumnsState) {
-        const column = toolbar.columns.find((c) => c.id === col.id);
-        if (column) {
-          groups.push([
-            {
-              label: 'Hide Column',
-              icon: <HiddenSmall />,
-              onClick: () => customColumnsState.onColumnCheckboxToggle(column),
-            },
-          ]);
-        }
-      }
-
-      // Group 4: Delete (schema mutation — isolated, last)
-      if (
-        fieldActionHandlers?.deleteField &&
-        !fieldActionPermissions?.deleteDisabled
-      ) {
-        groups.push([
-          {
-            label: 'Delete',
-            icon: <DeleteSmall />,
-            skin: 'destructive',
-            onClick: () => state.fieldActions.confirmDelete(col.id),
-          },
-        ]);
-      }
-
-      if (groups.length > 0) {
-        result[col.id] = (
-          <HeaderActionsPopover
-            actions={groups}
-            dataHook={`header-actions-${col.id}`}
-          />
-        );
-      }
-    }
-
-    return result;
-  }, [
-    state,
-    columns,
-    toolbar,
-    customColumnsState,
-    panels,
-    toolbarFiltersState,
-    disabled,
-    fieldActionHandlers,
-    fieldActionPermissions,
-  ]);
-}