@ynput/ayon-frontend-shared 0.3.31 → 0.3.33

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'\nimport { isEqual } from 'lodash'\nimport { checkColumnVisibility } from '../utils'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n  defaultColumnVisibility?: VisibilityState\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n  defaultColumnVisibility,\n}) => {\n  const allColumnsRef = React.useRef<string[]>([])\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const rowHeightTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const columnOrderTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const prevRowHeightRef = React.useRef<number | undefined>(undefined)\n  const lockedAspectRatioRef = React.useRef<number | null>(null)\n  // Internal state for immediate updates (similar to column sizing)\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n  const [internalRowHeight, setInternalRowHeight] = useState<number | null>(null)\n  const [internalColumnOrder, setInternalColumnOrder] = useState<ColumnOrderState | null>(null)\n\n  const setAllColumns = (allColumnIds: string[]) => {\n    allColumnsRef.current = Array.from(new Set(allColumnIds))\n  }\n  const onChangeWithColumns = (next: ColumnsConfig) => {\n    const allKnownIds = allColumnsRef.current\n    // Expand sparse columnVisibility to explicit values for all known columns so that\n    // \"undefined\" is never ambiguous when columns are saved and reloaded.\n    const specialIds = new Set([DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n    if (allKnownIds.length > 0) {\n      const resolvedVisibility = { ...next.columnVisibility }\n      allKnownIds.forEach((id) => {\n        if (!specialIds.has(id) && resolvedVisibility[id] === undefined) {\n          resolvedVisibility[id] = checkColumnVisibility({}, id, defaultColumnVisibility)\n        }\n      })\n      onChange({ ...next, columnVisibility: resolvedVisibility }, allKnownIds)\n    } else {\n      onChange(next, allKnownIds)\n    }\n  }\n  const columnsConfig = config as ColumnsConfig\n\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n    rowHeight: configRowHeight = 34,\n  } = columnsConfig || {}\n\n  // Clear internal row height when config changes (e.g., when switching views)\n  // This happens during render, before the component uses the value\n  if (prevRowHeightRef.current !== configRowHeight && prevRowHeightRef.current !== undefined) {\n    // Config changed, clear internal state\n    if (internalRowHeight !== null) {\n      setInternalRowHeight(null)\n    }\n    // Clear any pending timeout\n    if (rowHeightTimeoutRef.current) {\n      clearTimeout(rowHeightTimeoutRef.current)\n      rowHeightTimeoutRef.current = null\n    }\n  }\n  prevRowHeightRef.current = configRowHeight\n\n  // Use internal row height during adjustments, otherwise use config value\n  const rowHeight = internalRowHeight ?? configRowHeight\n\n  const sorting = [...sortingInit]\n  // Use internal column order for immediate UI updates, otherwise use config value\n  const columnOrderBase = internalColumnOrder ?? [...columnOrderInit]\n  const columnOrder = [...columnOrderBase]\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 (except folder grouping), always pin the name column\n  // and ensure it is first in column order\n  if (groupBy && groupBy.id !== 'folder') {\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  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\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\n    const newPinnedColumns = pinnedColumns.filter((col) =>\n      checkColumnVisibility(visibility, col, defaultColumnVisibility),\n    )\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    // Filter out special columns that are added dynamically\n    const filteredOrder = order.filter(\n      (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n    )\n\n    const newPinning = updatePinningOrderOnOrderChange(filteredOrder)\n\n    // Update UI immediately (optimistic)\n    setInternalColumnOrder(filteredOrder)\n\n    // Clear any existing timeout to debounce API calls\n    if (columnOrderTimeoutRef.current) {\n      clearTimeout(columnOrderTimeoutRef.current)\n    }\n\n    // Debounce API call to avoid excessive requests\n    columnOrderTimeoutRef.current = setTimeout(() => {\n      onChangeWithColumns({\n        ...columnsConfig,\n        columnOrder: filteredOrder,\n        columnPinning: newPinning,\n      })\n      // Clear internal state after persistence\n      setInternalColumnOrder(null)\n    }, 300)\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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeight = React.useCallback(\n    (newRowHeight: number) => {\n      // Lock the aspect ratio on first call if not already locked\n      if (lockedAspectRatioRef.current === null) {\n        const currentThumbnailWidth = columnsSizingExternal.thumbnail || 63\n        const currentRowHeight = configRowHeight || 34\n        lockedAspectRatioRef.current = currentThumbnailWidth / currentRowHeight\n      }\n      const newThumbnailWidth = lockedAspectRatioRef.current * newRowHeight\n\n      setInternalRowHeight(newRowHeight)\n      setInternalColumnSizing({\n        ...(internalColumnSizing || columnsSizingExternal),\n        thumbnail: newThumbnailWidth,\n      })\n    },\n    [columnsSizingExternal, configRowHeight],\n  )\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = React.useCallback(\n    (newRowHeight: number) => {\n      const currentThumbnailWidth = columnsSizingExternal.thumbnail || 63\n      const currentRowHeight = configRowHeight || 34\n      const currentRatio = currentThumbnailWidth / currentRowHeight\n\n      const newThumbnailWidth = currentRatio * newRowHeight\n\n      // Update UI immediately\n      setInternalRowHeight(newRowHeight)\n      setInternalColumnSizing({\n        ...(internalColumnSizing || columnsSizingExternal),\n        thumbnail: newThumbnailWidth,\n      })\n\n      // Clear any existing timeout to debounce API calls\n      if (rowHeightTimeoutRef.current) {\n        clearTimeout(rowHeightTimeoutRef.current)\n      }\n\n      // Debounce API call to avoid excessive requests\n      rowHeightTimeoutRef.current = setTimeout(() => {\n        // Persist to API\n        onChangeWithColumns({\n          ...columnsConfig,\n          rowHeight: newRowHeight,\n          columnSizing: {\n            ...columnsSizingExternal,\n            thumbnail: newThumbnailWidth,\n          },\n        })\n\n        // Clean up internal state after API call completes\n        setInternalRowHeight(null)\n        setInternalColumnSizing(null)\n        lockedAspectRatioRef.current = null\n      }, 300)\n    },\n    [\n      columnsConfig,\n      onChangeWithColumns,\n      columnsSizingExternal,\n      configRowHeight,\n      internalColumnSizing,\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 nextFull = typeof updater === 'function' ? updater(columnVisibility) : updater\n\n    // Calculate sparse version: only keys that are different from defaults\n    const sparseNext: VisibilityState = {}\n    Object.keys(nextFull).forEach((key) => {\n      const defaultValue = checkColumnVisibility({}, key, defaultColumnVisibility)\n      if (nextFull[key] !== defaultValue) {\n        sparseNext[key] = nextFull[key]\n      }\n    })\n\n    if (isEqual(sparseNext, columnVisibility)) return\n    setColumnVisibility(sparseNext)\n  }\n\n  const columnPinningOnChange: OnChangeFn<ColumnPinningState> = (updater) => {\n    const newPinning = functionalUpdate(updater, columnPinning)\n    if (isEqual(newPinning, columnPinning)) return\n    setColumnPinning(newPinning)\n  }\n\n  const columnOrderOnChange: OnChangeFn<ColumnOrderState> = (updater) => {\n    const newOrder = functionalUpdate(updater, columnOrder)\n    if (isEqual(newOrder, columnOrder)) return\n    setColumnOrder(newOrder)\n  }\n\n  const columnSizingOnChange: OnChangeFn<ColumnSizingState> = (updater) => {\n    const newSizing = functionalUpdate(updater, columnSizing)\n    if (isEqual(newSizing, columnSizing)) return\n    setColumnSizing(newSizing)\n  }\n\n  const sortingOnChange: OnChangeFn<SortingState> = (updater) => {\n    const newSorting = functionalUpdate(updater, sorting)\n    if (isEqual(newSorting, sorting)) return\n    updateSorting(newSorting)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // all columns ref\n        setAllColumns,\n        // column visibility\n        columnVisibility,\n        defaultColumnVisibility,\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        // row height\n        rowHeight,\n        updateRowHeight,\n        updateRowHeightWithPersistence,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChangeWithColumns(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["ColumnSettingsProvider","children","config","onChange","defaultColumnVisibility","allColumnsRef","React","resizingTimeoutRef","rowHeightTimeoutRef","columnOrderTimeoutRef","prevRowHeightRef","lockedAspectRatioRef","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","internalColumnOrder","setInternalColumnOrder","setAllColumns","allColumnIds","onChangeWithColumns","next","allKnownIds","specialIds","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","resolvedVisibility","id","checkColumnVisibility","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","filteredPinned","nameIndex","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumns","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","updateColumnVisibility","updateColumnOrder","filteredOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateGroupBy","updateGroupByConfig","updateRowHeight","newRowHeight","currentThumbnailWidth","currentRowHeight","newThumbnailWidth","updateRowHeightWithPersistence","columnVisibilityOnChange","updater","nextFull","sparseNext","key","defaultValue","isEqual","columnPinningOnChange","functionalUpdate","columnOrderOnChange","columnSizingOnChange","newSizing","sortingOnChange","newSorting","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 { ColumnsConfig, ColumnSettingsContext, TableGroupBy } from './ColumnSettingsContext'\nimport { GroupByConfig } from '../components/GroupSettingsFallback'\nimport { SummaryCalc, SummaryFormat, RowScope } from '../types/summaryTypes'\nimport { isEqual } from 'lodash'\nimport { checkColumnVisibility } from '../utils'\nimport { ROW_SELECTION_COLUMN_ID, DRAG_HANDLE_COLUMN_ID } from '../constants'\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig, allColumnIds?: string[]) => void\n  defaultColumnVisibility?: VisibilityState\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n  defaultColumnVisibility,\n}) => {\n  const allColumnsRef = React.useRef<string[]>([])\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const rowHeightTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const columnOrderTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const prevRowHeightRef = React.useRef<number | undefined>(undefined)\n  const lockedAspectRatioRef = React.useRef<number | null>(null)\n  // Internal state for immediate updates (similar to column sizing)\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n  const [internalRowHeight, setInternalRowHeight] = useState<number | null>(null)\n  const [internalColumnOrder, setInternalColumnOrder] = useState<ColumnOrderState | null>(null)\n\n  const setAllColumns = (allColumnIds: string[]) => {\n    allColumnsRef.current = Array.from(new Set(allColumnIds))\n  }\n  const onChangeWithColumns = (next: ColumnsConfig) => {\n    const allKnownIds = allColumnsRef.current\n    // Expand sparse columnVisibility to explicit values for all known columns so that\n    // \"undefined\" is never ambiguous when columns are saved and reloaded.\n    // Special columns (drag-handle, row-selection) are always injected by the provider,\n    // so they must never be persisted — strip them from visibility and order entirely.\n    const specialIds = new Set([DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID])\n    if (allKnownIds.length > 0) {\n      const resolvedVisibility = { ...next.columnVisibility }\n      allKnownIds.forEach((id) => {\n        if (!specialIds.has(id) && resolvedVisibility[id] === undefined) {\n          resolvedVisibility[id] = checkColumnVisibility({}, id, defaultColumnVisibility)\n        }\n      })\n      // Remove special columns from visibility and order before persisting\n      specialIds.forEach((id) => delete resolvedVisibility[id])\n      const resolvedOrder = (next.columnOrder ?? []).filter((id) => !specialIds.has(id))\n      onChange(\n        { ...next, columnVisibility: resolvedVisibility, columnOrder: resolvedOrder },\n        allKnownIds,\n      )\n    } else {\n      onChange(next, allKnownIds)\n    }\n  }\n  const columnsConfig = config as ColumnsConfig\n\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n    rowHeight: configRowHeight = 34,\n    columnSummaries: columnSummariesInit = {},\n    columnSummaryScopes: columnSummaryScopesInit = {},\n    columnSummaryFormats: columnSummaryFormatsInit = {},\n  } = columnsConfig || {}\n\n  // Clear internal row height when config changes (e.g., when switching views)\n  // This happens during render, before the component uses the value\n  if (prevRowHeightRef.current !== configRowHeight && prevRowHeightRef.current !== undefined) {\n    // Config changed, clear internal state\n    if (internalRowHeight !== null) {\n      setInternalRowHeight(null)\n    }\n    // Clear any pending timeout\n    if (rowHeightTimeoutRef.current) {\n      clearTimeout(rowHeightTimeoutRef.current)\n      rowHeightTimeoutRef.current = null\n    }\n  }\n  prevRowHeightRef.current = configRowHeight\n\n  // Use internal row height during adjustments, otherwise use config value\n  const rowHeight = internalRowHeight ?? configRowHeight\n\n  const sorting = [...sortingInit]\n  // Use internal column order for immediate UI updates, otherwise use config value\n  const columnOrderBase = internalColumnOrder ?? [...columnOrderInit]\n  const columnOrder = [...columnOrderBase]\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 (except folder grouping), always pin the name column\n  // and ensure it is first in column order\n  if (groupBy && groupBy.id !== 'folder') {\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  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\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\n    const newPinnedColumns = pinnedColumns.filter((col) =>\n      checkColumnVisibility(visibility, col, defaultColumnVisibility),\n    )\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    // Filter out special columns that are added dynamically\n    const filteredOrder = order.filter(\n      (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n    )\n\n    const newPinning = updatePinningOrderOnOrderChange(filteredOrder)\n\n    // Update UI immediately (optimistic)\n    setInternalColumnOrder(filteredOrder)\n\n    // Clear any existing timeout to debounce API calls\n    if (columnOrderTimeoutRef.current) {\n      clearTimeout(columnOrderTimeoutRef.current)\n    }\n\n    // Debounce API call to avoid excessive requests\n    columnOrderTimeoutRef.current = setTimeout(() => {\n      onChangeWithColumns({\n        ...columnsConfig,\n        columnOrder: filteredOrder,\n        columnPinning: newPinning,\n      })\n      // Clear internal state after persistence\n      setInternalColumnOrder(null)\n    }, 300)\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 updateColumnSummary = (columnId: string, calc: SummaryCalc) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnSummaries: { ...columnSummariesInit, [columnId]: calc },\n    })\n  }\n\n  const updateColumnSummaryScope = (columnId: string, scope: RowScope) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnSummaryScopes: { ...columnSummaryScopesInit, [columnId]: scope },\n    })\n  }\n\n  const updateColumnSummaryFormat = (columnId: string, format: SummaryFormat) => {\n    onChangeWithColumns({\n      ...columnsConfig,\n      columnSummaryFormats: { ...columnSummaryFormatsInit, [columnId]: format },\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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeight = React.useCallback(\n    (newRowHeight: number) => {\n      // Lock the aspect ratio on first call if not already locked\n      if (lockedAspectRatioRef.current === null) {\n        const currentThumbnailWidth = columnsSizingExternal.thumbnail || 63\n        const currentRowHeight = configRowHeight || 34\n        lockedAspectRatioRef.current = currentThumbnailWidth / currentRowHeight\n      }\n      const newThumbnailWidth = lockedAspectRatioRef.current * newRowHeight\n\n      setInternalRowHeight(newRowHeight)\n      setInternalColumnSizing({\n        ...(internalColumnSizing || columnsSizingExternal),\n        thumbnail: newThumbnailWidth,\n      })\n    },\n    [columnsSizingExternal, configRowHeight],\n  )\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = React.useCallback(\n    (newRowHeight: number) => {\n      const currentThumbnailWidth = columnsSizingExternal.thumbnail || 63\n      const currentRowHeight = configRowHeight || 34\n      const currentRatio = currentThumbnailWidth / currentRowHeight\n\n      const newThumbnailWidth = currentRatio * newRowHeight\n\n      // Update UI immediately\n      setInternalRowHeight(newRowHeight)\n      setInternalColumnSizing({\n        ...(internalColumnSizing || columnsSizingExternal),\n        thumbnail: newThumbnailWidth,\n      })\n\n      // Clear any existing timeout to debounce API calls\n      if (rowHeightTimeoutRef.current) {\n        clearTimeout(rowHeightTimeoutRef.current)\n      }\n\n      // Debounce API call to avoid excessive requests\n      rowHeightTimeoutRef.current = setTimeout(() => {\n        // Persist to API\n        onChangeWithColumns({\n          ...columnsConfig,\n          rowHeight: newRowHeight,\n          columnSizing: {\n            ...columnsSizingExternal,\n            thumbnail: newThumbnailWidth,\n          },\n        })\n\n        // Clean up internal state after API call completes\n        setInternalRowHeight(null)\n        setInternalColumnSizing(null)\n        lockedAspectRatioRef.current = null\n      }, 300)\n    },\n    [\n      columnsConfig,\n      onChangeWithColumns,\n      columnsSizingExternal,\n      configRowHeight,\n      internalColumnSizing,\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 nextFull = typeof updater === 'function' ? updater(columnVisibility) : updater\n\n    // Calculate sparse version: only keys that are different from defaults\n    const sparseNext: VisibilityState = {}\n    Object.keys(nextFull).forEach((key) => {\n      const defaultValue = checkColumnVisibility({}, key, defaultColumnVisibility)\n      if (nextFull[key] !== defaultValue) {\n        sparseNext[key] = nextFull[key]\n      }\n    })\n\n    if (isEqual(sparseNext, columnVisibility)) return\n    setColumnVisibility(sparseNext)\n  }\n\n  const columnPinningOnChange: OnChangeFn<ColumnPinningState> = (updater) => {\n    const newPinning = functionalUpdate(updater, columnPinning)\n    if (isEqual(newPinning, columnPinning)) return\n    setColumnPinning(newPinning)\n  }\n\n  const columnOrderOnChange: OnChangeFn<ColumnOrderState> = (updater) => {\n    const newOrder = functionalUpdate(updater, columnOrder)\n    if (isEqual(newOrder, columnOrder)) return\n    setColumnOrder(newOrder)\n  }\n\n  const columnSizingOnChange: OnChangeFn<ColumnSizingState> = (updater) => {\n    const newSizing = functionalUpdate(updater, columnSizing)\n    if (isEqual(newSizing, columnSizing)) return\n    setColumnSizing(newSizing)\n  }\n\n  const sortingOnChange: OnChangeFn<SortingState> = (updater) => {\n    const newSorting = functionalUpdate(updater, sorting)\n    if (isEqual(newSorting, sorting)) return\n    updateSorting(newSorting)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // all columns ref\n        setAllColumns,\n        // column visibility\n        columnVisibility,\n        defaultColumnVisibility,\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        // column summary calc\n        columnSummaries: columnSummariesInit,\n        updateColumnSummary,\n        // column summary row scope\n        columnSummaryScopes: columnSummaryScopesInit,\n        updateColumnSummaryScope,\n        // column summary display format\n        columnSummaryFormats: columnSummaryFormatsInit,\n        updateColumnSummaryFormat,\n        // sorting\n        sorting,\n        updateSorting,\n        sortingOnChange,\n        // group by\n        groupBy,\n        updateGroupBy,\n        groupByConfig,\n        updateGroupByConfig,\n        // row height\n        rowHeight,\n        updateRowHeight,\n        updateRowHeightWithPersistence,\n\n        // global change\n        setColumnsConfig: (config: ColumnsConfig) => onChangeWithColumns(config),\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n"],"names":["ColumnSettingsProvider","children","config","onChange","defaultColumnVisibility","allColumnsRef","React","resizingTimeoutRef","rowHeightTimeoutRef","columnOrderTimeoutRef","prevRowHeightRef","lockedAspectRatioRef","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","internalColumnOrder","setInternalColumnOrder","setAllColumns","allColumnIds","onChangeWithColumns","next","allKnownIds","specialIds","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","resolvedVisibility","id","checkColumnVisibility","resolvedOrder","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","columnSummariesInit","columnSummaryScopesInit","columnSummaryFormatsInit","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","filteredPinned","nameIndex","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumns","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","updateColumnVisibility","updateColumnOrder","filteredOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateColumnSummary","columnId","calc","updateColumnSummaryScope","scope","updateColumnSummaryFormat","format","updateGroupBy","updateGroupByConfig","updateRowHeight","newRowHeight","currentThumbnailWidth","currentRowHeight","newThumbnailWidth","updateRowHeightWithPersistence","columnVisibilityOnChange","updater","nextFull","sparseNext","key","defaultValue","isEqual","columnPinningOnChange","functionalUpdate","columnOrderOnChange","columnSizingOnChange","newSizing","sortingOnChange","newSorting","jsx","ColumnSettingsContext"],"mappings":"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"}