@ynput/ayon-frontend-shared 0.2.21 → 0.2.23

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.cjs.js

@@ -12,6 +12,11 @@ const ColumnSettingsProvider = ({
   onChange
 }) => {
   var _a;
+  const allColumnsRef = React.useRef([]);
+  const setAllColumns = (allColumnIds) => {
+    allColumnsRef.current = Array.from(new Set(allColumnIds));
+  };
+  const onChangeWithColumns = (next) => onChange(next, allColumnsRef.current);
   const columnsConfig = config;
   const {
     columnOrder: columnOrderInit = [],
@@ -59,49 +64,37 @@ const ColumnSettingsProvider = ({
   if (groupBy && !columnVisibility.name) {
     columnVisibility.name = true;
   }
-  const setColumnVisibility = (visibility, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnVisibility: visibility
-      },
-      allColumnIds
-    );
+  const setColumnVisibility = (visibility) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnVisibility: visibility
+    });
   };
-  const setColumnOrder = (order, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnOrder: order
-      },
-      allColumnIds
-    );
+  const setColumnOrder = (order) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnOrder: order
+    });
   };
-  const setColumnPinning = (pinning, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnPinning: pinning
-      },
-      allColumnIds
-    );
+  const setColumnPinning = (pinning) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnPinning: pinning
+    });
   };
   const [internalColumnSizing, setInternalColumnSizing] = React.useState(null);
   const columnSizing = internalColumnSizing || columnsSizingExternal;
   const resizingTimeoutRef = React.useRef(null);
-  const setColumnSizing = (sizing, allColumnIds) => {
+  const setColumnSizing = (sizing) => {
     setInternalColumnSizing(sizing);
     if (resizingTimeoutRef.current) {
       clearTimeout(resizingTimeoutRef.current);
     }
     resizingTimeoutRef.current = setTimeout(() => {
-      onChange(
-        {
-          ...columnsConfig,
-          columnSizing: sizing
-        },
-        allColumnIds
-      );
+      onChangeWithColumns({
+        ...columnsConfig,
+        columnSizing: sizing
+      });
       setInternalColumnSizing(null);
     }, 500);
   };
@@ -134,7 +127,7 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnVisibility = (visibility) => {
     const newPinning = togglePinningOnVisibilityChange(visibility);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnVisibility: visibility,
       columnPinning: newPinning
@@ -142,7 +135,7 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnOrder = (order) => {
     const newPinning = updatePinningOrderOnOrderChange(order);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnOrder: order,
       columnPinning: newPinning
@@ -150,26 +143,26 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnPinning = (pinning) => {
     const newOrder = updateOrderOnPinningChange(pinning);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnOrder: newOrder,
       columnPinning: pinning
     });
   };
   const updateSorting = (sortingState) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       sorting: sortingState
     });
   };
   const updateGroupBy = (groupBy2) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       groupBy: groupBy2
     });
   };
   const updateGroupByConfig = (config2) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       groupByConfig: {
         ...groupByConfig,
@@ -177,80 +170,62 @@ const ColumnSettingsProvider = ({
       }
     });
   };
-  const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
-    const newVisibility = reactTable.functionalUpdate(columnVisibilityUpdater2, columnVisibility);
-    updateColumnVisibility(newVisibility);
+  const columnVisibilityOnChange = (updater) => {
+    const newVisibility = reactTable.functionalUpdate(updater, columnVisibility);
+    setColumnVisibility(newVisibility);
   };
-  const columnOrderUpdater = (columnOrderUpdater2) => {
-    const newOrder = reactTable.functionalUpdate(columnOrderUpdater2, columnOrder);
-    updateColumnOrder(newOrder);
+  const columnPinningOnChange = (updater) => {
+    const newPinning = reactTable.functionalUpdate(updater, columnPinning);
+    setColumnPinning(newPinning);
   };
-  const columnPinningUpdater = (columnPinningUpdater2) => {
-    const newPinning = reactTable.functionalUpdate(columnPinningUpdater2, columnPinning);
-    updateColumnPinning(newPinning);
+  const columnOrderOnChange = (updater) => {
+    const newOrder = reactTable.functionalUpdate(updater, columnOrder);
+    setColumnOrder(newOrder);
   };
-  const columnSizingUpdater = (sizingUpdater) => {
-    const newSizing = reactTable.functionalUpdate(sizingUpdater, columnSizing);
+  const columnSizingOnChange = (updater) => {
+    const newSizing = reactTable.functionalUpdate(updater, columnSizing);
     setColumnSizing(newSizing);
   };
-  const sortingUpdater = (sortingUpdater2) => {
-    const newSorting = reactTable.functionalUpdate(sortingUpdater2, sorting);
+  const sortingOnChange = (updater) => {
+    const newSorting = reactTable.functionalUpdate(updater, sorting);
     updateSorting(newSorting);
   };
-  const createUpdaterWithAllColumns = {
-    columnVisibility: (allColumnIds) => (updater) => {
-      const newVisibility = reactTable.functionalUpdate(updater, columnVisibility);
-      setColumnVisibility(newVisibility, allColumnIds);
-    },
-    columnPinning: (allColumnIds) => (updater) => {
-      const newPinning = reactTable.functionalUpdate(updater, columnPinning);
-      setColumnPinning(newPinning, allColumnIds);
-    },
-    columnOrder: (allColumnIds) => (updater) => {
-      const newOrder = reactTable.functionalUpdate(updater, columnOrder);
-      setColumnOrder(newOrder, allColumnIds);
-    },
-    columnSizing: (allColumnIds) => (updater) => {
-      const newSizing = reactTable.functionalUpdate(updater, columnSizing);
-      setColumnSizing(newSizing, allColumnIds);
-    }
-  };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     ColumnSettingsContext.ColumnSettingsContext.Provider,
     {
       value: {
+        // all columns ref
+        setAllColumns,
         // column visibility
         columnVisibility,
         setColumnVisibility,
         updateColumnVisibility,
-        columnVisibilityUpdater,
+        columnVisibilityOnChange,
         // column pinning
         columnPinning,
         setColumnPinning,
         updateColumnPinning,
-        columnPinningUpdater,
+        columnPinningOnChange,
         // column order
         columnOrder,
         setColumnOrder,
         updateColumnOrder,
-        columnOrderUpdater,
+        columnOrderOnChange,
         // column sizing
         columnSizing,
         setColumnSizing,
-        columnSizingUpdater,
+        columnSizingOnChange,
         // sorting
         sorting,
         updateSorting,
-        sortingUpdater,
-        // unified updaters
-        createUpdaterWithAllColumns,
+        sortingOnChange,
         // group by
         groupBy,
         updateGroupBy,
         groupByConfig,
         updateGroupByConfig,
         // global change
-        setColumnsConfig: (config2) => onChange(config2)
+        setColumnsConfig: (config2) => onChangeWithColumns(config2)
       },
       children
     }

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsProvider.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { ColumnsConfig, ColumnSettingsContext, TableGroupBy } from './ColumnSettingsContext'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n  } = columnsConfig\n\n  const sorting = [...sortingInit]\n  const columnOrder = [...columnOrderInit]\n  const columnPinning = { ...columnPinningInit }\n  const defaultOrder = ['thumbnail', 'name', 'subType', 'status', 'tags']\n  // for each default column, if it is not in the columnOrder, find the index of the column before it, if none, add to beginning\n  defaultOrder.forEach((col, i) => {\n    if (!columnOrder.includes(col)) {\n      const defaultBefore = defaultOrder[i - 1]\n      const columnAfter = defaultOrder[i + 1]\n      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {\n        // add to beginning\n        columnOrder.unshift(col)\n      } else {\n        // find the index of that column in the columnOrder\n        const index = columnOrder.indexOf(defaultBefore)\n        // add the item after that column\n        columnOrder.splice(index + 1, 0, col)\n      }\n      if (columnAfter && columnPinning?.left && columnPinning?.left.includes(columnAfter)) {\n        // pin the column\n        columnPinning.left = [col, ...(columnPinning?.left || [])]\n      }\n    }\n  })\n\n  // if we are in grouping mode, always pin the name column\n  // and ensure it is first in column order\n  if (groupBy) {\n    // ensure name column is pinned and first in pinning order\n    if (!columnPinning.left?.includes('name')) {\n      columnPinning.left = ['name', ...(columnPinning?.left || [])]\n    } else {\n      // name is already pinned, but ensure it's first\n      const filteredPinned = columnPinning.left.filter((col) => col !== 'name')\n      columnPinning.left = ['name', ...filteredPinned]\n    }\n\n    // ensure name is first in column order\n    if (columnOrder.includes('name')) {\n      // remove name from its current position\n      const nameIndex = columnOrder.indexOf('name')\n      columnOrder.splice(nameIndex, 1)\n    }\n    // add name to the beginning\n    columnOrder.unshift('name')\n  }\n\n  // add drag handle and selection columns to the beginning of the column order\n  columnOrder.unshift(...[DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n\n  // VISIBILITY STATE MUTATIONS\n  const columnVisibility = { ...columnVisibilityInit }\n  // if we are in grouping mode, name column must always be visible\n  if (groupBy && !columnVisibility.name) {\n    columnVisibility.name = true\n  }\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnVisibility: visibility,\n      },\n      allColumnIds,\n    )\n  }\n\n  const setColumnOrder = (order: ColumnOrderState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnOrder: order,\n      },\n      allColumnIds,\n    )\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnPinning: pinning,\n      },\n      allColumnIds,\n    )\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState, allColumnIds?: string[]) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange(\n        {\n          ...columnsConfig,\n          columnSizing: sizing,\n        },\n        allColumnIds,\n      )\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateSorting = (sortingState: SortingState) => {\n    onChange({\n      ...columnsConfig,\n      sorting: sortingState,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChange({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  const updateGroupByConfig = (config: GroupByConfig) => {\n    onChange({\n      ...columnsConfig,\n      groupByConfig: {\n        ...groupByConfig,\n        ...config,\n      },\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  const sortingUpdater: OnChangeFn<SortingState> = (sortingUpdater) => {\n    const newSorting = functionalUpdate(sortingUpdater, sorting)\n    updateSorting(newSorting)\n  }\n\n  // UNIFIED UPDATERS WITH ALL COLUMN IDS\n  const createUpdaterWithAllColumns = {\n    columnVisibility:\n      (allColumnIds: string[]): OnChangeFn<VisibilityState> =>\n      (updater) => {\n        const newVisibility = functionalUpdate(updater, columnVisibility)\n        setColumnVisibility(newVisibility, allColumnIds)\n      },\n    columnPinning:\n      (allColumnIds: string[]): OnChangeFn<ColumnPinningState> =>\n      (updater) => {\n        const newPinning = functionalUpdate(updater, columnPinning)\n        setColumnPinning(newPinning, allColumnIds)\n      },\n    columnOrder:\n      (allColumnIds: string[]): OnChangeFn<ColumnOrderState> =>\n      (updater) => {\n        const newOrder = functionalUpdate(updater, columnOrder)\n        setColumnOrder(newOrder, allColumnIds)\n      },\n    columnSizing:\n      (allColumnIds: string[]): OnChangeFn<ColumnSizingState> =>\n      (updater) => {\n        const newSizing = functionalUpdate(updater, columnSizing)\n        setColumnSizing(newSizing, allColumnIds)\n      },\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // sorting\n        sorting,\n        updateSorting,\n        sortingUpdater,\n        // unified updaters\n        createUpdaterWithAllColumns,\n        // group by\n        groupBy,\n        updateGroupBy,\n        groupByConfig,\n        updateGroupByConfig,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChange(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","useState","_a","groupBy","config","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","sortingUpdater","jsx","ColumnSettingsContext"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsProvider.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { ColumnsConfig, ColumnSettingsContext, TableGroupBy } from './ColumnSettingsContext'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const allColumnsRef = React.useRef<string[]>([])\n  const setAllColumns = (allColumnIds: string[]) => {\n    allColumnsRef.current = Array.from(new Set(allColumnIds))\n  }\n  const onChangeWithColumns = (next: ColumnsConfig) => onChange(next, allColumnsRef.current)\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n  } = columnsConfig\n\n  const sorting = [...sortingInit]\n  const columnOrder = [...columnOrderInit]\n  const columnPinning = { ...columnPinningInit }\n  const defaultOrder = ['thumbnail', 'name', 'subType', 'status', 'tags']\n  // for each default column, if it is not in the columnOrder, find the index of the column before it, if none, add to beginning\n  defaultOrder.forEach((col, i) => {\n    if (!columnOrder.includes(col)) {\n      const defaultBefore = defaultOrder[i - 1]\n      const columnAfter = defaultOrder[i + 1]\n      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {\n        // add to beginning\n        columnOrder.unshift(col)\n      } else {\n        // find the index of that column in the columnOrder\n        const index = columnOrder.indexOf(defaultBefore)\n        // add the item after that column\n        columnOrder.splice(index + 1, 0, col)\n      }\n      if (columnAfter && columnPinning?.left && columnPinning?.left.includes(columnAfter)) {\n        // pin the column\n        columnPinning.left = [col, ...(columnPinning?.left || [])]\n      }\n    }\n  })\n\n  // if we are in grouping mode, always pin the name column\n  // and ensure it is first in column order\n  if (groupBy) {\n    // ensure name column is pinned and first in pinning order\n    if (!columnPinning.left?.includes('name')) {\n      columnPinning.left = ['name', ...(columnPinning?.left || [])]\n    } else {\n      // name is already pinned, but ensure it's first\n      const filteredPinned = columnPinning.left.filter((col) => col !== 'name')\n      columnPinning.left = ['name', ...filteredPinned]\n    }\n\n    // ensure name is first in column order\n    if (columnOrder.includes('name')) {\n      // remove name from its current position\n      const nameIndex = columnOrder.indexOf('name')\n      columnOrder.splice(nameIndex, 1)\n    }\n    // add name to the beginning\n    columnOrder.unshift('name')\n  }\n\n  // add drag handle and selection columns to the beginning of the column order\n  columnOrder.unshift(...[DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n\n  // VISIBILITY STATE MUTATIONS\n  const columnVisibility = { ...columnVisibilityInit }\n  // if we are in grouping mode, name column must always be visible\n  if (groupBy && !columnVisibility.name) {\n    columnVisibility.name = true\n  }\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChangeWithColumns({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateSorting = (sortingState: SortingState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      sorting: sortingState,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  const updateGroupByConfig = (config: GroupByConfig) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      groupByConfig: {\n        ...groupByConfig,\n        ...config,\n      },\n    })\n  }\n\n  // Remove redundant local updater functions in favor of unified updaters with all columns\n\n  // ON-CHANGE HANDLERS (TanStack-compatible)\n  const columnVisibilityOnChange: OnChangeFn<VisibilityState> = (updater) => {\n    const newVisibility = functionalUpdate(updater, columnVisibility)\n    setColumnVisibility(newVisibility)\n  }\n\n  const columnPinningOnChange: OnChangeFn<ColumnPinningState> = (updater) => {\n    const newPinning = functionalUpdate(updater, columnPinning)\n    setColumnPinning(newPinning)\n  }\n\n  const columnOrderOnChange: OnChangeFn<ColumnOrderState> = (updater) => {\n    const newOrder = functionalUpdate(updater, columnOrder)\n    setColumnOrder(newOrder)\n  }\n\n  const columnSizingOnChange: OnChangeFn<ColumnSizingState> = (updater) => {\n    const newSizing = functionalUpdate(updater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  const sortingOnChange: OnChangeFn<SortingState> = (updater) => {\n    const newSorting = functionalUpdate(updater, sorting)\n    updateSorting(newSorting)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // all columns ref\n        setAllColumns,\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityOnChange,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningOnChange,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderOnChange,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingOnChange,\n        // sorting\n        sorting,\n        updateSorting,\n        sortingOnChange,\n        // group by\n        groupBy,\n        updateGroupBy,\n        groupByConfig,\n        updateGroupByConfig,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChangeWithColumns(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","useState","_a","groupBy","config","functionalUpdate","jsx","ColumnSettingsContext"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.es.js

@@ -10,6 +10,11 @@ const ColumnSettingsProvider = ({
   onChange
 }) => {
   var _a;
+  const allColumnsRef = React__default.useRef([]);
+  const setAllColumns = (allColumnIds) => {
+    allColumnsRef.current = Array.from(new Set(allColumnIds));
+  };
+  const onChangeWithColumns = (next) => onChange(next, allColumnsRef.current);
   const columnsConfig = config;
   const {
     columnOrder: columnOrderInit = [],
@@ -57,49 +62,37 @@ const ColumnSettingsProvider = ({
   if (groupBy && !columnVisibility.name) {
     columnVisibility.name = true;
   }
-  const setColumnVisibility = (visibility, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnVisibility: visibility
-      },
-      allColumnIds
-    );
+  const setColumnVisibility = (visibility) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnVisibility: visibility
+    });
   };
-  const setColumnOrder = (order, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnOrder: order
-      },
-      allColumnIds
-    );
+  const setColumnOrder = (order) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnOrder: order
+    });
   };
-  const setColumnPinning = (pinning, allColumnIds) => {
-    onChange(
-      {
-        ...columnsConfig,
-        columnPinning: pinning
-      },
-      allColumnIds
-    );
+  const setColumnPinning = (pinning) => {
+    onChangeWithColumns({
+      ...columnsConfig,
+      columnPinning: pinning
+    });
   };
   const [internalColumnSizing, setInternalColumnSizing] = useState(null);
   const columnSizing = internalColumnSizing || columnsSizingExternal;
   const resizingTimeoutRef = React__default.useRef(null);
-  const setColumnSizing = (sizing, allColumnIds) => {
+  const setColumnSizing = (sizing) => {
     setInternalColumnSizing(sizing);
     if (resizingTimeoutRef.current) {
       clearTimeout(resizingTimeoutRef.current);
     }
     resizingTimeoutRef.current = setTimeout(() => {
-      onChange(
-        {
-          ...columnsConfig,
-          columnSizing: sizing
-        },
-        allColumnIds
-      );
+      onChangeWithColumns({
+        ...columnsConfig,
+        columnSizing: sizing
+      });
       setInternalColumnSizing(null);
     }, 500);
   };
@@ -132,7 +125,7 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnVisibility = (visibility) => {
     const newPinning = togglePinningOnVisibilityChange(visibility);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnVisibility: visibility,
       columnPinning: newPinning
@@ -140,7 +133,7 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnOrder = (order) => {
     const newPinning = updatePinningOrderOnOrderChange(order);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnOrder: order,
       columnPinning: newPinning
@@ -148,26 +141,26 @@ const ColumnSettingsProvider = ({
   };
   const updateColumnPinning = (pinning) => {
     const newOrder = updateOrderOnPinningChange(pinning);
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       columnOrder: newOrder,
       columnPinning: pinning
     });
   };
   const updateSorting = (sortingState) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       sorting: sortingState
     });
   };
   const updateGroupBy = (groupBy2) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       groupBy: groupBy2
     });
   };
   const updateGroupByConfig = (config2) => {
-    onChange({
+    onChangeWithColumns({
       ...columnsConfig,
       groupByConfig: {
         ...groupByConfig,
@@ -175,80 +168,62 @@ const ColumnSettingsProvider = ({
       }
     });
   };
-  const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
-    const newVisibility = functionalUpdate(columnVisibilityUpdater2, columnVisibility);
-    updateColumnVisibility(newVisibility);
+  const columnVisibilityOnChange = (updater) => {
+    const newVisibility = functionalUpdate(updater, columnVisibility);
+    setColumnVisibility(newVisibility);
   };
-  const columnOrderUpdater = (columnOrderUpdater2) => {
-    const newOrder = functionalUpdate(columnOrderUpdater2, columnOrder);
-    updateColumnOrder(newOrder);
+  const columnPinningOnChange = (updater) => {
+    const newPinning = functionalUpdate(updater, columnPinning);
+    setColumnPinning(newPinning);
   };
-  const columnPinningUpdater = (columnPinningUpdater2) => {
-    const newPinning = functionalUpdate(columnPinningUpdater2, columnPinning);
-    updateColumnPinning(newPinning);
+  const columnOrderOnChange = (updater) => {
+    const newOrder = functionalUpdate(updater, columnOrder);
+    setColumnOrder(newOrder);
   };
-  const columnSizingUpdater = (sizingUpdater) => {
-    const newSizing = functionalUpdate(sizingUpdater, columnSizing);
+  const columnSizingOnChange = (updater) => {
+    const newSizing = functionalUpdate(updater, columnSizing);
     setColumnSizing(newSizing);
   };
-  const sortingUpdater = (sortingUpdater2) => {
-    const newSorting = functionalUpdate(sortingUpdater2, sorting);
+  const sortingOnChange = (updater) => {
+    const newSorting = functionalUpdate(updater, sorting);
     updateSorting(newSorting);
   };
-  const createUpdaterWithAllColumns = {
-    columnVisibility: (allColumnIds) => (updater) => {
-      const newVisibility = functionalUpdate(updater, columnVisibility);
-      setColumnVisibility(newVisibility, allColumnIds);
-    },
-    columnPinning: (allColumnIds) => (updater) => {
-      const newPinning = functionalUpdate(updater, columnPinning);
-      setColumnPinning(newPinning, allColumnIds);
-    },
-    columnOrder: (allColumnIds) => (updater) => {
-      const newOrder = functionalUpdate(updater, columnOrder);
-      setColumnOrder(newOrder, allColumnIds);
-    },
-    columnSizing: (allColumnIds) => (updater) => {
-      const newSizing = functionalUpdate(updater, columnSizing);
-      setColumnSizing(newSizing, allColumnIds);
-    }
-  };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ColumnSettingsContext.Provider,
     {
       value: {
+        // all columns ref
+        setAllColumns,
         // column visibility
         columnVisibility,
         setColumnVisibility,
         updateColumnVisibility,
-        columnVisibilityUpdater,
+        columnVisibilityOnChange,
         // column pinning
         columnPinning,
         setColumnPinning,
         updateColumnPinning,
-        columnPinningUpdater,
+        columnPinningOnChange,
         // column order
         columnOrder,
         setColumnOrder,
         updateColumnOrder,
-        columnOrderUpdater,
+        columnOrderOnChange,
         // column sizing
         columnSizing,
         setColumnSizing,
-        columnSizingUpdater,
+        columnSizingOnChange,
         // sorting
         sorting,
         updateSorting,
-        sortingUpdater,
-        // unified updaters
-        createUpdaterWithAllColumns,
+        sortingOnChange,
         // group by
         groupBy,
         updateGroupBy,
         groupByConfig,
         updateGroupByConfig,
         // global change
-        setColumnsConfig: (config2) => onChange(config2)
+        setColumnsConfig: (config2) => onChangeWithColumns(config2)
       },
       children
     }

package/dist/shared/src/containers/ProjectTreeTable/context/ColumnSettingsProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsProvider.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { ColumnsConfig, ColumnSettingsContext, TableGroupBy } from './ColumnSettingsContext'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n  } = columnsConfig\n\n  const sorting = [...sortingInit]\n  const columnOrder = [...columnOrderInit]\n  const columnPinning = { ...columnPinningInit }\n  const defaultOrder = ['thumbnail', 'name', 'subType', 'status', 'tags']\n  // for each default column, if it is not in the columnOrder, find the index of the column before it, if none, add to beginning\n  defaultOrder.forEach((col, i) => {\n    if (!columnOrder.includes(col)) {\n      const defaultBefore = defaultOrder[i - 1]\n      const columnAfter = defaultOrder[i + 1]\n      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {\n        // add to beginning\n        columnOrder.unshift(col)\n      } else {\n        // find the index of that column in the columnOrder\n        const index = columnOrder.indexOf(defaultBefore)\n        // add the item after that column\n        columnOrder.splice(index + 1, 0, col)\n      }\n      if (columnAfter && columnPinning?.left && columnPinning?.left.includes(columnAfter)) {\n        // pin the column\n        columnPinning.left = [col, ...(columnPinning?.left || [])]\n      }\n    }\n  })\n\n  // if we are in grouping mode, always pin the name column\n  // and ensure it is first in column order\n  if (groupBy) {\n    // ensure name column is pinned and first in pinning order\n    if (!columnPinning.left?.includes('name')) {\n      columnPinning.left = ['name', ...(columnPinning?.left || [])]\n    } else {\n      // name is already pinned, but ensure it's first\n      const filteredPinned = columnPinning.left.filter((col) => col !== 'name')\n      columnPinning.left = ['name', ...filteredPinned]\n    }\n\n    // ensure name is first in column order\n    if (columnOrder.includes('name')) {\n      // remove name from its current position\n      const nameIndex = columnOrder.indexOf('name')\n      columnOrder.splice(nameIndex, 1)\n    }\n    // add name to the beginning\n    columnOrder.unshift('name')\n  }\n\n  // add drag handle and selection columns to the beginning of the column order\n  columnOrder.unshift(...[DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n\n  // VISIBILITY STATE MUTATIONS\n  const columnVisibility = { ...columnVisibilityInit }\n  // if we are in grouping mode, name column must always be visible\n  if (groupBy && !columnVisibility.name) {\n    columnVisibility.name = true\n  }\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnVisibility: visibility,\n      },\n      allColumnIds,\n    )\n  }\n\n  const setColumnOrder = (order: ColumnOrderState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnOrder: order,\n      },\n      allColumnIds,\n    )\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState, allColumnIds?: string[]) => {\n    onChange(\n      {\n        ...columnsConfig,\n        columnPinning: pinning,\n      },\n      allColumnIds,\n    )\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState, allColumnIds?: string[]) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange(\n        {\n          ...columnsConfig,\n          columnSizing: sizing,\n        },\n        allColumnIds,\n      )\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateSorting = (sortingState: SortingState) => {\n    onChange({\n      ...columnsConfig,\n      sorting: sortingState,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChange({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  const updateGroupByConfig = (config: GroupByConfig) => {\n    onChange({\n      ...columnsConfig,\n      groupByConfig: {\n        ...groupByConfig,\n        ...config,\n      },\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  const sortingUpdater: OnChangeFn<SortingState> = (sortingUpdater) => {\n    const newSorting = functionalUpdate(sortingUpdater, sorting)\n    updateSorting(newSorting)\n  }\n\n  // UNIFIED UPDATERS WITH ALL COLUMN IDS\n  const createUpdaterWithAllColumns = {\n    columnVisibility:\n      (allColumnIds: string[]): OnChangeFn<VisibilityState> =>\n      (updater) => {\n        const newVisibility = functionalUpdate(updater, columnVisibility)\n        setColumnVisibility(newVisibility, allColumnIds)\n      },\n    columnPinning:\n      (allColumnIds: string[]): OnChangeFn<ColumnPinningState> =>\n      (updater) => {\n        const newPinning = functionalUpdate(updater, columnPinning)\n        setColumnPinning(newPinning, allColumnIds)\n      },\n    columnOrder:\n      (allColumnIds: string[]): OnChangeFn<ColumnOrderState> =>\n      (updater) => {\n        const newOrder = functionalUpdate(updater, columnOrder)\n        setColumnOrder(newOrder, allColumnIds)\n      },\n    columnSizing:\n      (allColumnIds: string[]): OnChangeFn<ColumnSizingState> =>\n      (updater) => {\n        const newSizing = functionalUpdate(updater, columnSizing)\n        setColumnSizing(newSizing, allColumnIds)\n      },\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // sorting\n        sorting,\n        updateSorting,\n        sortingUpdater,\n        // unified updaters\n        createUpdaterWithAllColumns,\n        // group by\n        groupBy,\n        updateGroupBy,\n        groupByConfig,\n        updateGroupByConfig,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChange(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["React","_a","groupBy","config","columnVisibilityUpdater","columnOrderUpdater","columnPinningUpdater","sortingUpdater","jsx"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsProvider.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { ColumnsConfig, ColumnSettingsContext, TableGroupBy } from './ColumnSettingsContext'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const allColumnsRef = React.useRef<string[]>([])\n  const setAllColumns = (allColumnIds: string[]) => {\n    allColumnsRef.current = Array.from(new Set(allColumnIds))\n  }\n  const onChangeWithColumns = (next: ColumnsConfig) => onChange(next, allColumnsRef.current)\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n  } = columnsConfig\n\n  const sorting = [...sortingInit]\n  const columnOrder = [...columnOrderInit]\n  const columnPinning = { ...columnPinningInit }\n  const defaultOrder = ['thumbnail', 'name', 'subType', 'status', 'tags']\n  // for each default column, if it is not in the columnOrder, find the index of the column before it, if none, add to beginning\n  defaultOrder.forEach((col, i) => {\n    if (!columnOrder.includes(col)) {\n      const defaultBefore = defaultOrder[i - 1]\n      const columnAfter = defaultOrder[i + 1]\n      if (!defaultBefore || !columnOrder.includes(defaultBefore)) {\n        // add to beginning\n        columnOrder.unshift(col)\n      } else {\n        // find the index of that column in the columnOrder\n        const index = columnOrder.indexOf(defaultBefore)\n        // add the item after that column\n        columnOrder.splice(index + 1, 0, col)\n      }\n      if (columnAfter && columnPinning?.left && columnPinning?.left.includes(columnAfter)) {\n        // pin the column\n        columnPinning.left = [col, ...(columnPinning?.left || [])]\n      }\n    }\n  })\n\n  // if we are in grouping mode, always pin the name column\n  // and ensure it is first in column order\n  if (groupBy) {\n    // ensure name column is pinned and first in pinning order\n    if (!columnPinning.left?.includes('name')) {\n      columnPinning.left = ['name', ...(columnPinning?.left || [])]\n    } else {\n      // name is already pinned, but ensure it's first\n      const filteredPinned = columnPinning.left.filter((col) => col !== 'name')\n      columnPinning.left = ['name', ...filteredPinned]\n    }\n\n    // ensure name is first in column order\n    if (columnOrder.includes('name')) {\n      // remove name from its current position\n      const nameIndex = columnOrder.indexOf('name')\n      columnOrder.splice(nameIndex, 1)\n    }\n    // add name to the beginning\n    columnOrder.unshift('name')\n  }\n\n  // add drag handle and selection columns to the beginning of the column order\n  columnOrder.unshift(...[DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n\n  // VISIBILITY STATE MUTATIONS\n  const columnVisibility = { ...columnVisibilityInit }\n  // if we are in grouping mode, name column must always be visible\n  if (groupBy && !columnVisibility.name) {\n    columnVisibility.name = true\n  }\n\n  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChangeWithColumns({\n        ...columnsConfig,\n        columnSizing: sizing,\n      })\n      // reset the internal column sizing to not be used anymore\n      setInternalColumnSizing(null)\n    }, 500)\n  }\n\n  // SIDE EFFECT UTILITIES\n  const togglePinningOnVisibilityChange = (visibility: VisibilityState) => {\n    // ensure that any columns that are now hidden are removed from the pinning\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const hiddenColumns = Object.keys(visibility).filter((col) => visibility[col] === false)\n    const newPinnedColumns = pinnedColumns.filter((col) => !hiddenColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: newPinnedColumns,\n    }\n  }\n\n  const updatePinningOrderOnOrderChange = (order: ColumnOrderState) => {\n    // ensure that the column pinning is in the order of the column order\n    const newPinning = { ...columnPinning }\n    const pinnedColumns = newPinning.left || []\n    const pinnedColumnsOrder = order.filter((col) => pinnedColumns.includes(col))\n\n    return {\n      ...newPinning,\n      left: pinnedColumnsOrder,\n    }\n  }\n\n  const updateOrderOnPinningChange = (pinning: ColumnPinningState) => {\n    // we resort the column order based on the pinning\n    return [...columnOrder].sort((a, b) => {\n      const aPinned = pinning.left?.includes(a) ? 1 : 0\n      const bPinned = pinning.left?.includes(b) ? 1 : 0\n      return bPinned - aPinned\n    })\n  }\n\n  // UPDATE METHODS WITH SIDE EFFECTS\n  const updateColumnVisibility = (visibility: VisibilityState) => {\n    const newPinning = togglePinningOnVisibilityChange(visibility)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateSorting = (sortingState: SortingState) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      sorting: sortingState,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  const updateGroupByConfig = (config: GroupByConfig) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      groupByConfig: {\n        ...groupByConfig,\n        ...config,\n      },\n    })\n  }\n\n  // Remove redundant local updater functions in favor of unified updaters with all columns\n\n  // ON-CHANGE HANDLERS (TanStack-compatible)\n  const columnVisibilityOnChange: OnChangeFn<VisibilityState> = (updater) => {\n    const newVisibility = functionalUpdate(updater, columnVisibility)\n    setColumnVisibility(newVisibility)\n  }\n\n  const columnPinningOnChange: OnChangeFn<ColumnPinningState> = (updater) => {\n    const newPinning = functionalUpdate(updater, columnPinning)\n    setColumnPinning(newPinning)\n  }\n\n  const columnOrderOnChange: OnChangeFn<ColumnOrderState> = (updater) => {\n    const newOrder = functionalUpdate(updater, columnOrder)\n    setColumnOrder(newOrder)\n  }\n\n  const columnSizingOnChange: OnChangeFn<ColumnSizingState> = (updater) => {\n    const newSizing = functionalUpdate(updater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  const sortingOnChange: OnChangeFn<SortingState> = (updater) => {\n    const newSorting = functionalUpdate(updater, sorting)\n    updateSorting(newSorting)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // all columns ref\n        setAllColumns,\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityOnChange,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningOnChange,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderOnChange,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingOnChange,\n        // sorting\n        sorting,\n        updateSorting,\n        sortingOnChange,\n        // group by\n        groupBy,\n        updateGroupBy,\n        groupByConfig,\n        updateGroupByConfig,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChangeWithColumns(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["React","_a","groupBy","config","jsx"],"mappings":"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"}