@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const an=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),f=require("@tanstack/react-table"),fn=require("./SelectionCellsContext.cjs.js"),dn=require("../ProjectTreeTable.cjs.js"),gn=require("./ColumnSettingsContext.cjs.js"),mn=({children:E,config:q,onChange:A})=>{var j;const S=l.useRef([]),[_,R]=l.useState(null),[L,w]=l.useState(null),[v,m]=l.useState(34),P=l.useRef(!1),D=n=>{S.current=Array.from(new Set(n))},o=n=>A(n,S.current),s=q,{columnOrder:N=[],columnPinning:G={},columnVisibility:M={},columnSizing:W={},sorting:k=[],groupBy:C,groupByConfig:y={},rowHeight:d}=s||{},b=l.useRef(!1);l.useEffect(()=>{!b.current&&d!==void 0&&d!==null&&(m(d),b.current=!0)},[d]);const F=L??v,x=[...k],i=[...N],t={...G},O=["thumbnail","name","subType","status","tags"];if(O.forEach((n,e)=>{if(!i.includes(n)){const u=O[e-1],r=O[e+1];if(!u||!i.includes(u))i.unshift(n);else{const c=i.indexOf(u);i.splice(c+1,0,n)}r&&(t!=null&&t.left)&&(t!=null&&t.left.includes(r))&&(t.left=[n,...(t==null?void 0:t.left)||[]])}}),C){if(!((j=t.left)!=null&&j.includes("name")))t.left=["name",...(t==null?void 0:t.left)||[]];else{const n=t.left.filter(e=>e!=="name");t.left=["name",...n]}if(i.includes("name")){const n=i.indexOf("name");i.splice(n,1)}i.unshift("name")}i.unshift(dn.DRAG_HANDLE_COLUMN_ID,fn.ROW_SELECTION_COLUMN_ID);const g={...M};C&&!g.name&&(g.name=!0);const H=n=>{o({...s,columnVisibility:n})},I=n=>{o({...s,columnOrder:n})},T=n=>{o({...s,columnPinning:n})},z=_||W,h=l.useRef(null),p=l.useRef(null),V=n=>{R(n),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{o({...s,columnSizing:n}),R(null)},500)},J=n=>{const e={...t},u=e.left||[],r=Object.keys(n).filter(a=>n[a]===!1),c=u.filter(a=>!r.includes(a));return{...e,left:c}},K=n=>{const e={...t},u=e.left||[],r=n.filter(c=>u.includes(c));return{...e,left:r}},Q=n=>[...i].sort((e,u)=>{var a,B;const r=(a=n.left)!=null&&a.includes(e)?1:0;return((B=n.left)!=null&&B.includes(u)?1:0)-r}),X=n=>{const e=J(n);o({...s,columnVisibility:n,columnPinning:e})},Y=n=>{const e=K(n);o({...s,columnOrder:n,columnPinning:e})},Z=n=>{const e=Q(n);o({...s,columnOrder:e,columnPinning:n})},U=n=>{o({...s,sorting:n})},$=n=>{o({...s,groupBy:n})},nn=n=>{o({...s,groupByConfig:{...y,...n}})},en=n=>{m(n)},tn=n=>{m(n),P.current=!0,w(n),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{o({...s,rowHeight:n}),w(null),P.current=!1},200)},on=en,sn=n=>{const e=f.functionalUpdate(n,g);H(e)},un=n=>{const e=f.functionalUpdate(n,t);T(e)},ln=n=>{const e=f.functionalUpdate(n,i);I(e)},rn=n=>{const e=f.functionalUpdate(n,z);V(e)},cn=n=>{const e=f.functionalUpdate(n,x);U(e)};return an.jsxRuntimeExports.jsx(gn.ColumnSettingsContext.Provider,{value:{setAllColumns:D,columnVisibility:g,setColumnVisibility:H,updateColumnVisibility:X,columnVisibilityOnChange:sn,columnPinning:t,setColumnPinning:T,updateColumnPinning:Z,columnPinningOnChange:un,columnOrder:i,setColumnOrder:I,updateColumnOrder:Y,columnOrderOnChange:ln,columnSizing:z,setColumnSizing:V,columnSizingOnChange:rn,sorting:x,updateSorting:U,sortingOnChange:cn,groupBy:C,updateGroupBy:$,groupByConfig:y,updateGroupByConfig:nn,rowHeight:F,updateRowHeight:on,updateRowHeightWithPersistence:tn,setColumnsConfig:n=>o(n)},children:E})};exports.ColumnSettingsProvider=mn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const sn=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),C=require("@tanstack/react-table"),ln=require("./SelectionCellsContext.cjs.js"),cn=require("../ProjectTreeTable.cjs.js"),an=require("./ColumnSettingsContext.cjs.js"),mn=({children:v,config:A,onChange:E})=>{var j;const y=c.useRef([]),R=c.useRef(null),d=c.useRef(null),S=c.useRef(void 0),h=c.useRef(null),[O,g]=c.useState(null),[T,b]=c.useState(null),_=n=>{y.current=Array.from(new Set(n))},i=n=>E(n,y.current),o=A,{columnOrder:k=[],columnPinning:D={},columnVisibility:L={},columnSizing:a={},sorting:N=[],groupBy:w,groupByConfig:x={},rowHeight:m=34}=o||{};S.current!==m&&S.current!==void 0&&(T!==null&&b(null),d.current&&(clearTimeout(d.current),d.current=null)),S.current=m;const G=T??m,H=[...N],u=[...k],e={...D},P=["thumbnail","name","subType","status","tags"];if(P.forEach((n,t)=>{if(!u.includes(n)){const r=P[t-1],s=P[t+1];if(!r||!u.includes(r))u.unshift(n);else{const l=u.indexOf(r);u.splice(l+1,0,n)}s&&(e!=null&&e.left)&&(e!=null&&e.left.includes(s))&&(e.left=[n,...(e==null?void 0:e.left)||[]])}}),w){if(!((j=e.left)!=null&&j.includes("name")))e.left=["name",...(e==null?void 0:e.left)||[]];else{const n=e.left.filter(t=>t!=="name");e.left=["name",...n]}if(u.includes("name")){const n=u.indexOf("name");u.splice(n,1)}u.unshift("name")}u.unshift(cn.DRAG_HANDLE_COLUMN_ID,ln.ROW_SELECTION_COLUMN_ID);const p={...L};w&&!p.name&&(p.name=!0);const z=n=>{i({...o,columnVisibility:n})},I=n=>{i({...o,columnOrder:n})},V=n=>{i({...o,columnPinning:n})},W=O||a,B=n=>{g(n),R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{i({...o,columnSizing:n}),g(null)},500)},M=n=>{const t={...e},r=t.left||[],s=Object.keys(n).filter(f=>n[f]===!1),l=r.filter(f=>!s.includes(f));return{...t,left:l}},F=n=>{const t={...e},r=t.left||[],s=n.filter(l=>r.includes(l));return{...t,left:s}},J=n=>[...u].sort((t,r)=>{var f,q;const s=(f=n.left)!=null&&f.includes(t)?1:0;return((q=n.left)!=null&&q.includes(r)?1:0)-s}),K=n=>{const t=M(n);i({...o,columnVisibility:n,columnPinning:t})},Q=n=>{const t=F(n);i({...o,columnOrder:n,columnPinning:t})},X=n=>{const t=J(n);i({...o,columnOrder:t,columnPinning:n})},U=n=>{i({...o,sorting:n})},Y=n=>{i({...o,groupBy:n})},Z=n=>{i({...o,groupByConfig:{...x,...n}})},$=c.useCallback(n=>{if(h.current===null){const r=a.thumbnail||63,s=m||34;h.current=r/s}const t=h.current*n;b(n),g({...O||a,thumbnail:t})},[a,m]),nn=c.useCallback(n=>{const l=(a.thumbnail||63)/(m||34)*n;b(n),g({...O||a,thumbnail:l}),d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{i({...o,rowHeight:n,columnSizing:{...a,thumbnail:l}}),b(null),g(null),h.current=null},300)},[o,i,a,m,O]),tn=n=>{const t=C.functionalUpdate(n,p);z(t)},en=n=>{const t=C.functionalUpdate(n,e);V(t)},on=n=>{const t=C.functionalUpdate(n,u);I(t)},un=n=>{const t=C.functionalUpdate(n,W);B(t)},rn=n=>{const t=C.functionalUpdate(n,H);U(t)};return sn.jsxRuntimeExports.jsx(an.ColumnSettingsContext.Provider,{value:{setAllColumns:_,columnVisibility:p,setColumnVisibility:z,updateColumnVisibility:K,columnVisibilityOnChange:tn,columnPinning:e,setColumnPinning:V,updateColumnPinning:X,columnPinningOnChange:en,columnOrder:u,setColumnOrder:I,updateColumnOrder:Q,columnOrderOnChange:on,columnSizing:W,setColumnSizing:B,columnSizingOnChange:un,sorting:H,updateSorting:U,sortingOnChange:rn,groupBy:w,updateGroupBy:Y,groupByConfig:x,updateGroupByConfig:Z,rowHeight:G,updateRowHeight:$,updateRowHeightWithPersistence:nn,setColumnsConfig:n=>i(n)},children:v})};exports.ColumnSettingsProvider=mn;
 //# sourceMappingURL=ColumnSettingsProvider.cjs.js.map

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 allColumnsRef = React.useRef<string[]>([])\n\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\n  // Local row height state that persists and doesn't get overridden by API\n  const [localRowHeight, setLocalRowHeight] = useState<number>(34)\n\n  // Flag to prevent API updates during active row height adjustments\n  const isAdjustingRowHeightRef = React.useRef(false)\n\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\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n    rowHeight: configRowHeight,\n  } = columnsConfig || {}\n\n  // Initialize local row height from API only once on mount\n  const hasInitializedRef = React.useRef(false)\n  React.useEffect(() => {\n    if (!hasInitializedRef.current && configRowHeight !== undefined && configRowHeight !== null) {\n      setLocalRowHeight(configRowHeight)\n      hasInitializedRef.current = true\n    }\n  }, [configRowHeight])\n\n  // Use internal row height during slider adjustments, otherwise use local persistent state\n  const rowHeight = internalRowHeight ?? localRowHeight\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  // 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  const rowHeightTimeoutRef = 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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeightUI = (newRowHeight: number) => {\n    setLocalRowHeight(newRowHeight)\n  }\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = (newRowHeight: number) => {\n    // Update UI immediately\n    setLocalRowHeight(newRowHeight)\n\n    // Block external API updates during adjustment period\n    isAdjustingRowHeightRef.current = true\n    setInternalRowHeight(newRowHeight)\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      })\n\n      // Clean up internal state\n      setInternalRowHeight(null)\n      isAdjustingRowHeightRef.current = false\n    }, 200)\n  }\n\n  // Public API for immediate UI updates (used during slider drag)\n  const updateRowHeight = updateRowHeightUI\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        // 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","allColumnsRef","React","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","localRowHeight","setLocalRowHeight","isAdjustingRowHeightRef","setAllColumns","allColumnIds","onChangeWithColumns","next","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","hasInitializedRef","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","_a","filteredPinned","nameIndex","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","resizingTimeoutRef","rowHeightTimeoutRef","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","pinnedColumns","hiddenColumns","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","_b","updateColumnVisibility","updateColumnOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateGroupBy","updateGroupByConfig","updateRowHeightUI","newRowHeight","updateRowHeightWithPersistence","updateRowHeight","columnVisibilityOnChange","updater","newVisibility","functionalUpdate","columnPinningOnChange","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 { 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 resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const rowHeightTimeoutRef = 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\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\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  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  // 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    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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeight = React.useCallback((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  }, [columnsSizingExternal, configRowHeight])\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = React.useCallback((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  }, [columnsConfig, onChangeWithColumns, columnsSizingExternal, configRowHeight, internalColumnSizing])\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        // 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","allColumnsRef","React","resizingTimeoutRef","rowHeightTimeoutRef","prevRowHeightRef","lockedAspectRatioRef","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","setAllColumns","allColumnIds","onChangeWithColumns","next","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","_a","filteredPinned","nameIndex","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","pinnedColumns","hiddenColumns","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","_b","updateColumnVisibility","updateColumnOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateGroupBy","updateGroupByConfig","updateRowHeight","newRowHeight","currentThumbnailWidth","currentRowHeight","newThumbnailWidth","updateRowHeightWithPersistence","columnVisibilityOnChange","updater","newVisibility","functionalUpdate","columnPinningOnChange","columnOrderOnChange","columnSizingOnChange","newSizing","sortingOnChange","newSorting","jsx","ColumnSettingsContext"],"mappings":"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"}

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

@@ -1,206 +1,220 @@
-import { j as fn } from "../../../../../_virtual/jsx-runtime.es.js";
-import m, { useState as w } from "react";
-import { functionalUpdate as f } from "@tanstack/react-table";
-import { ROW_SELECTION_COLUMN_ID as an } from "./SelectionCellsContext.es.js";
-import { DRAG_HANDLE_COLUMN_ID as gn } from "../ProjectTreeTable.es.js";
-import { ColumnSettingsContext as dn } from "./ColumnSettingsContext.es.js";
-const Pn = ({
-  children: j,
-  config: L,
+import { j as ln } from "../../../../../_virtual/jsx-runtime.es.js";
+import a, { useState as j } from "react";
+import { functionalUpdate as h } from "@tanstack/react-table";
+import { ROW_SELECTION_COLUMN_ID as cn } from "./SelectionCellsContext.es.js";
+import { DRAG_HANDLE_COLUMN_ID as mn } from "../ProjectTreeTable.es.js";
+import { ColumnSettingsContext as an } from "./ColumnSettingsContext.es.js";
+const On = ({
+  children: k,
+  config: v,
   onChange: D
 }) => {
-  var E;
-  const R = m.useRef([]), [N, P] = w(null), [U, y] = w(null), [G, d] = w(34), S = m.useRef(!1), W = (n) => {
-    R.current = Array.from(new Set(n));
-  }, o = (n) => D(n, R.current), s = L, {
-    columnOrder: v = [],
-    columnPinning: M = {},
-    columnVisibility: k = {},
-    columnSizing: q = {},
-    sorting: F = [],
-    groupBy: C,
-    groupByConfig: b = {},
-    rowHeight: a
-  } = s || {}, H = m.useRef(!1);
-  m.useEffect(() => {
-    !H.current && a !== void 0 && a !== null && (d(a), H.current = !0);
-  }, [a]);
-  const J = U ?? G, I = [...F], i = [...v], t = { ...M }, O = ["thumbnail", "name", "subType", "status", "tags"];
-  if (O.forEach((n, e) => {
-    if (!i.includes(n)) {
-      const r = O[e - 1], u = O[e + 1];
-      if (!r || !i.includes(r))
-        i.unshift(n);
+  var A;
+  const S = a.useRef([]), R = a.useRef(null), f = a.useRef(null), w = a.useRef(void 0), C = a.useRef(null), [p, g] = j(null), [T, O] = j(null), L = (n) => {
+    S.current = Array.from(new Set(n));
+  }, i = (n) => D(n, S.current), o = v, {
+    columnOrder: N = [],
+    columnPinning: G = {},
+    columnVisibility: U = {},
+    columnSizing: c = {},
+    sorting: M = [],
+    groupBy: P,
+    groupByConfig: H = {},
+    rowHeight: m = 34
+  } = o || {};
+  w.current !== m && w.current !== void 0 && (T !== null && O(null), f.current && (clearTimeout(f.current), f.current = null)), w.current = m;
+  const q = T ?? m, x = [...M], r = [...N], e = { ...G }, y = ["thumbnail", "name", "subType", "status", "tags"];
+  if (y.forEach((n, t) => {
+    if (!r.includes(n)) {
+      const u = y[t - 1], s = y[t + 1];
+      if (!u || !r.includes(u))
+        r.unshift(n);
       else {
-        const l = i.indexOf(r);
-        i.splice(l + 1, 0, n);
+        const l = r.indexOf(u);
+        r.splice(l + 1, 0, n);
       }
-      u && (t != null && t.left) && (t != null && t.left.includes(u)) && (t.left = [n, ...(t == null ? void 0 : t.left) || []]);
+      s && (e != null && e.left) && (e != null && e.left.includes(s)) && (e.left = [n, ...(e == null ? void 0 : e.left) || []]);
     }
-  }), C) {
-    if (!((E = t.left) != null && E.includes("name")))
-      t.left = ["name", ...(t == null ? void 0 : t.left) || []];
+  }), P) {
+    if (!((A = e.left) != null && A.includes("name")))
+      e.left = ["name", ...(e == null ? void 0 : e.left) || []];
     else {
-      const n = t.left.filter((e) => e !== "name");
-      t.left = ["name", ...n];
+      const n = e.left.filter((t) => t !== "name");
+      e.left = ["name", ...n];
     }
-    if (i.includes("name")) {
-      const n = i.indexOf("name");
-      i.splice(n, 1);
+    if (r.includes("name")) {
+      const n = r.indexOf("name");
+      r.splice(n, 1);
     }
-    i.unshift("name");
+    r.unshift("name");
   }
-  i.unshift(gn, an);
-  const g = { ...k };
-  C && !g.name && (g.name = !0);
-  const x = (n) => {
-    o({
-      ...s,
+  r.unshift(mn, cn);
+  const b = { ...U };
+  P && !b.name && (b.name = !0);
+  const z = (n) => {
+    i({
+      ...o,
       columnVisibility: n
     });
-  }, z = (n) => {
-    o({
-      ...s,
+  }, I = (n) => {
+    i({
+      ...o,
       columnOrder: n
     });
   }, V = (n) => {
-    o({
-      ...s,
+    i({
+      ...o,
       columnPinning: n
     });
-  }, T = N || q, p = m.useRef(null), h = m.useRef(null), _ = (n) => {
-    P(n), p.current && clearTimeout(p.current), p.current = setTimeout(() => {
-      o({
-        ...s,
+  }, W = p || c, _ = (n) => {
+    g(n), R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+      i({
+        ...o,
         columnSizing: n
-      }), P(null);
+      }), g(null);
     }, 500);
-  }, K = (n) => {
-    const e = { ...t }, r = e.left || [], u = Object.keys(n).filter((c) => n[c] === !1), l = r.filter((c) => !u.includes(c));
+  }, F = (n) => {
+    const t = { ...e }, u = t.left || [], s = Object.keys(n).filter((d) => n[d] === !1), l = u.filter((d) => !s.includes(d));
     return {
-      ...e,
+      ...t,
       left: l
     };
-  }, Q = (n) => {
-    const e = { ...t }, r = e.left || [], u = n.filter((l) => r.includes(l));
+  }, J = (n) => {
+    const t = { ...e }, u = t.left || [], s = n.filter((l) => u.includes(l));
     return {
-      ...e,
-      left: u
+      ...t,
+      left: s
     };
-  }, X = (n) => [...i].sort((e, r) => {
-    var c, A;
-    const u = (c = n.left) != null && c.includes(e) ? 1 : 0;
-    return ((A = n.left) != null && A.includes(r) ? 1 : 0) - u;
-  }), Y = (n) => {
-    const e = K(n);
-    o({
-      ...s,
+  }, K = (n) => [...r].sort((t, u) => {
+    var d, E;
+    const s = (d = n.left) != null && d.includes(t) ? 1 : 0;
+    return ((E = n.left) != null && E.includes(u) ? 1 : 0) - s;
+  }), Q = (n) => {
+    const t = F(n);
+    i({
+      ...o,
       columnVisibility: n,
-      columnPinning: e
+      columnPinning: t
     });
-  }, Z = (n) => {
-    const e = Q(n);
-    o({
-      ...s,
+  }, X = (n) => {
+    const t = J(n);
+    i({
+      ...o,
       columnOrder: n,
-      columnPinning: e
+      columnPinning: t
     });
-  }, $ = (n) => {
-    const e = X(n);
-    o({
-      ...s,
-      columnOrder: e,
+  }, Y = (n) => {
+    const t = K(n);
+    i({
+      ...o,
+      columnOrder: t,
       columnPinning: n
     });
   }, B = (n) => {
-    o({
-      ...s,
+    i({
+      ...o,
       sorting: n
     });
-  }, nn = (n) => {
-    o({
-      ...s,
+  }, Z = (n) => {
+    i({
+      ...o,
       groupBy: n
     });
-  }, en = (n) => {
-    o({
-      ...s,
+  }, $ = (n) => {
+    i({
+      ...o,
       groupByConfig: {
-        ...b,
+        ...H,
         ...n
       }
     });
-  }, tn = (n) => {
-    d(n);
+  }, nn = a.useCallback((n) => {
+    if (C.current === null) {
+      const u = c.thumbnail || 63, s = m || 34;
+      C.current = u / s;
+    }
+    const t = C.current * n;
+    O(n), g({
+      ...p || c,
+      thumbnail: t
+    });
+  }, [c, m]), tn = a.useCallback((n) => {
+    const l = (c.thumbnail || 63) / (m || 34) * n;
+    O(n), g({
+      ...p || c,
+      thumbnail: l
+    }), f.current && clearTimeout(f.current), f.current = setTimeout(() => {
+      i({
+        ...o,
+        rowHeight: n,
+        columnSizing: {
+          ...c,
+          thumbnail: l
+        }
+      }), O(null), g(null), C.current = null;
+    }, 300);
+  }, [o, i, c, m, p]), en = (n) => {
+    const t = h(n, b);
+    z(t);
   }, on = (n) => {
-    d(n), S.current = !0, y(n), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
-      o({
-        ...s,
-        rowHeight: n
-      }), y(null), S.current = !1;
-    }, 200);
-  }, sn = tn, rn = (n) => {
-    const e = f(n, g);
-    x(e);
+    const t = h(n, e);
+    V(t);
+  }, rn = (n) => {
+    const t = h(n, r);
+    I(t);
   }, un = (n) => {
-    const e = f(n, t);
-    V(e);
-  }, ln = (n) => {
-    const e = f(n, i);
-    z(e);
-  }, cn = (n) => {
-    const e = f(n, T);
-    _(e);
-  }, mn = (n) => {
-    const e = f(n, I);
-    B(e);
+    const t = h(n, W);
+    _(t);
+  }, sn = (n) => {
+    const t = h(n, x);
+    B(t);
   };
-  return /* @__PURE__ */ fn.jsx(
-    dn.Provider,
+  return /* @__PURE__ */ ln.jsx(
+    an.Provider,
     {
       value: {
         // all columns ref
-        setAllColumns: W,
+        setAllColumns: L,
         // column visibility
-        columnVisibility: g,
-        setColumnVisibility: x,
-        updateColumnVisibility: Y,
-        columnVisibilityOnChange: rn,
+        columnVisibility: b,
+        setColumnVisibility: z,
+        updateColumnVisibility: Q,
+        columnVisibilityOnChange: en,
         // column pinning
-        columnPinning: t,
+        columnPinning: e,
         setColumnPinning: V,
-        updateColumnPinning: $,
-        columnPinningOnChange: un,
+        updateColumnPinning: Y,
+        columnPinningOnChange: on,
         // column order
-        columnOrder: i,
-        setColumnOrder: z,
-        updateColumnOrder: Z,
-        columnOrderOnChange: ln,
+        columnOrder: r,
+        setColumnOrder: I,
+        updateColumnOrder: X,
+        columnOrderOnChange: rn,
         // column sizing
-        columnSizing: T,
+        columnSizing: W,
         setColumnSizing: _,
-        columnSizingOnChange: cn,
+        columnSizingOnChange: un,
         // sorting
-        sorting: I,
+        sorting: x,
         updateSorting: B,
-        sortingOnChange: mn,
+        sortingOnChange: sn,
         // group by
-        groupBy: C,
-        updateGroupBy: nn,
-        groupByConfig: b,
-        updateGroupByConfig: en,
+        groupBy: P,
+        updateGroupBy: Z,
+        groupByConfig: H,
+        updateGroupByConfig: $,
         // row height
-        rowHeight: J,
-        updateRowHeight: sn,
-        updateRowHeightWithPersistence: on,
+        rowHeight: q,
+        updateRowHeight: nn,
+        updateRowHeightWithPersistence: tn,
         // global change
-        setColumnsConfig: (n) => o(n)
+        setColumnsConfig: (n) => i(n)
       },
-      children: j
+      children: k
     }
   );
 };
 export {
-  Pn as ColumnSettingsProvider
+  On as ColumnSettingsProvider
 };
 //# sourceMappingURL=ColumnSettingsProvider.es.js.map

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 allColumnsRef = React.useRef<string[]>([])\n\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\n  // Local row height state that persists and doesn't get overridden by API\n  const [localRowHeight, setLocalRowHeight] = useState<number>(34)\n\n  // Flag to prevent API updates during active row height adjustments\n  const isAdjustingRowHeightRef = React.useRef(false)\n\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\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility: columnVisibilityInit = {},\n    columnSizing: columnsSizingExternal = {},\n    sorting: sortingInit = [],\n    groupBy,\n    groupByConfig = {},\n    rowHeight: configRowHeight,\n  } = columnsConfig || {}\n\n  // Initialize local row height from API only once on mount\n  const hasInitializedRef = React.useRef(false)\n  React.useEffect(() => {\n    if (!hasInitializedRef.current && configRowHeight !== undefined && configRowHeight !== null) {\n      setLocalRowHeight(configRowHeight)\n      hasInitializedRef.current = true\n    }\n  }, [configRowHeight])\n\n  // Use internal row height during slider adjustments, otherwise use local persistent state\n  const rowHeight = internalRowHeight ?? localRowHeight\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  // 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  const rowHeightTimeoutRef = 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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeightUI = (newRowHeight: number) => {\n    setLocalRowHeight(newRowHeight)\n  }\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = (newRowHeight: number) => {\n    // Update UI immediately\n    setLocalRowHeight(newRowHeight)\n\n    // Block external API updates during adjustment period\n    isAdjustingRowHeightRef.current = true\n    setInternalRowHeight(newRowHeight)\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      })\n\n      // Clean up internal state\n      setInternalRowHeight(null)\n      isAdjustingRowHeightRef.current = false\n    }, 200)\n  }\n\n  // Public API for immediate UI updates (used during slider drag)\n  const updateRowHeight = updateRowHeightUI\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        // 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","allColumnsRef","React","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","localRowHeight","setLocalRowHeight","isAdjustingRowHeightRef","setAllColumns","allColumnIds","onChangeWithColumns","next","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","hasInitializedRef","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","_a","filteredPinned","nameIndex","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","resizingTimeoutRef","rowHeightTimeoutRef","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","pinnedColumns","hiddenColumns","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","_b","updateColumnVisibility","updateColumnOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateGroupBy","updateGroupByConfig","updateRowHeightUI","newRowHeight","updateRowHeightWithPersistence","updateRowHeight","columnVisibilityOnChange","updater","newVisibility","functionalUpdate","columnPinningOnChange","columnOrderOnChange","columnSizingOnChange","newSizing","sortingOnChange","newSorting","jsx","ColumnSettingsContext"],"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 resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n  const rowHeightTimeoutRef = 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\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\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  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  // 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    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  // Update row height for immediate UI feedback (no API call)\n  const updateRowHeight = React.useCallback((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  }, [columnsSizingExternal, configRowHeight])\n\n  // Update row height and persist to API\n  const updateRowHeightWithPersistence = React.useCallback((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  }, [columnsConfig, onChangeWithColumns, columnsSizingExternal, configRowHeight, internalColumnSizing])\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        // 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","allColumnsRef","React","resizingTimeoutRef","rowHeightTimeoutRef","prevRowHeightRef","lockedAspectRatioRef","internalColumnSizing","setInternalColumnSizing","useState","internalRowHeight","setInternalRowHeight","setAllColumns","allColumnIds","onChangeWithColumns","next","columnsConfig","columnOrderInit","columnPinningInit","columnVisibilityInit","columnsSizingExternal","sortingInit","groupBy","groupByConfig","configRowHeight","rowHeight","sorting","columnOrder","columnPinning","defaultOrder","col","i","defaultBefore","columnAfter","index","_a","filteredPinned","nameIndex","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","columnVisibility","setColumnVisibility","visibility","setColumnOrder","order","setColumnPinning","pinning","columnSizing","setColumnSizing","sizing","togglePinningOnVisibilityChange","newPinning","pinnedColumns","hiddenColumns","newPinnedColumns","updatePinningOrderOnOrderChange","pinnedColumnsOrder","updateOrderOnPinningChange","a","b","aPinned","_b","updateColumnVisibility","updateColumnOrder","updateColumnPinning","newOrder","updateSorting","sortingState","updateGroupBy","updateGroupByConfig","updateRowHeight","newRowHeight","currentThumbnailWidth","currentRowHeight","newThumbnailWidth","updateRowHeightWithPersistence","columnVisibilityOnChange","updater","newVisibility","functionalUpdate","columnPinningOnChange","columnOrderOnChange","columnSizingOnChange","newSizing","sortingOnChange","newSorting","jsx","ColumnSettingsContext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelEntityContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/DetailsPanelEntityContext.tsx"],"sourcesContent":["import { createContext, useContext, useState, useCallback, ReactNode } from 'react'\n\nexport interface DetailsPanelEntity {\n  entityId: string\n  entityType: 'folder' | 'task'\n}\n\nexport interface DetailsPanelEntityContextType {\n  selectedEntity: DetailsPanelEntity | null\n  setSelectedEntity: (entity: DetailsPanelEntity | null) => void\n  clearSelectedEntity: () => void\n}\n\nexport const DetailsPanelEntityContext = createContext<DetailsPanelEntityContextType | undefined>(\n  undefined,\n)\n\nexport interface DetailsPanelEntityProviderProps {\n  children: ReactNode\n}\n\nexport const DetailsPanelEntityProvider = ({ children }: DetailsPanelEntityProviderProps) => {\n  const [selectedEntity, setSelectedEntityState] = useState<DetailsPanelEntity | null>(null)\n\n  const setSelectedEntity = useCallback((entity: DetailsPanelEntity | null) => {\n    setSelectedEntityState(entity)\n  }, [])\n\n  const clearSelectedEntity = useCallback(() => {\n    setSelectedEntityState(null)\n  }, [])\n\n  const value = {\n    selectedEntity,\n    setSelectedEntity,\n    clearSelectedEntity,\n  }\n\n  return (\n    <DetailsPanelEntityContext.Provider value={value}>\n      {children}\n    </DetailsPanelEntityContext.Provider>\n  )\n}\n\nexport const useDetailsPanelEntityContext = () => {\n  const context = useContext(DetailsPanelEntityContext)\n  if (!context) {\n    throw new Error('useDetailsPanelEntityContext must be used within a DetailsPanelEntityProvider')\n  }\n  return context\n}\n"],"names":["DetailsPanelEntityContext","createContext","DetailsPanelEntityProvider","children","selectedEntity","setSelectedEntityState","useState","setSelectedEntity","useCallback","entity","clearSelectedEntity","value","jsx","useDetailsPanelEntityContext","context","useContext"],"mappings":"iKAaaA,EAA4BC,EAAA,cACvC,MACF,EAMaC,EAA6B,CAAC,CAAE,SAAAC,KAAgD,CAC3F,KAAM,CAACC,EAAgBC,CAAsB,EAAIC,EAAAA,SAAoC,IAAI,EAEnFC,EAAoBC,cAAaC,GAAsC,CAC3EJ,EAAuBI,CAAM,CAC/B,EAAG,EAAE,EAECC,EAAsBF,EAAAA,YAAY,IAAM,CAC5CH,EAAuB,IAAI,CAC7B,EAAG,EAAE,EAECM,EAAQ,CACZ,eAAAP,EACA,kBAAAG,EACA,oBAAAG,CACF,EAEA,OACGE,EAAAA,kBAAAA,IAAAZ,EAA0B,SAA1B,CAAmC,MAAAW,EACjC,SAAAR,CACH,CAAA,CAEJ,EAEaU,EAA+B,IAAM,CAC1C,MAAAC,EAAUC,aAAWf,CAAyB,EACpD,GAAI,CAACc,EACG,MAAA,IAAI,MAAM,+EAA+E,EAE1F,OAAAA,CACT"}
+{"version":3,"file":"DetailsPanelEntityContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/DetailsPanelEntityContext.tsx"],"sourcesContent":["import { createContext, useContext, useState, useCallback, ReactNode } from 'react'\n\nexport interface DetailsPanelEntity {\n  entityId: string\n  entityType: 'folder' | 'task' | 'version'\n}\n\nexport interface DetailsPanelEntityContextType {\n  selectedEntity: DetailsPanelEntity | null\n  setSelectedEntity: (entity: DetailsPanelEntity | null) => void\n  clearSelectedEntity: () => void\n}\n\nexport const DetailsPanelEntityContext = createContext<DetailsPanelEntityContextType | undefined>(\n  undefined,\n)\n\nexport interface DetailsPanelEntityProviderProps {\n  children: ReactNode\n}\n\nexport const DetailsPanelEntityProvider = ({ children }: DetailsPanelEntityProviderProps) => {\n  const [selectedEntity, setSelectedEntityState] = useState<DetailsPanelEntity | null>(null)\n\n  const setSelectedEntity = useCallback((entity: DetailsPanelEntity | null) => {\n    setSelectedEntityState(entity)\n  }, [])\n\n  const clearSelectedEntity = useCallback(() => {\n    setSelectedEntityState(null)\n  }, [])\n\n  const value = {\n    selectedEntity,\n    setSelectedEntity,\n    clearSelectedEntity,\n  }\n\n  return (\n    <DetailsPanelEntityContext.Provider value={value}>\n      {children}\n    </DetailsPanelEntityContext.Provider>\n  )\n}\n\nexport const useDetailsPanelEntityContext = () => {\n  const context = useContext(DetailsPanelEntityContext)\n  if (!context) {\n    throw new Error('useDetailsPanelEntityContext must be used within a DetailsPanelEntityProvider')\n  }\n  return context\n}\n"],"names":["DetailsPanelEntityContext","createContext","DetailsPanelEntityProvider","children","selectedEntity","setSelectedEntityState","useState","setSelectedEntity","useCallback","entity","clearSelectedEntity","value","jsx","useDetailsPanelEntityContext","context","useContext"],"mappings":"iKAaaA,EAA4BC,EAAA,cACvC,MACF,EAMaC,EAA6B,CAAC,CAAE,SAAAC,KAAgD,CAC3F,KAAM,CAACC,EAAgBC,CAAsB,EAAIC,EAAAA,SAAoC,IAAI,EAEnFC,EAAoBC,cAAaC,GAAsC,CAC3EJ,EAAuBI,CAAM,CAC/B,EAAG,EAAE,EAECC,EAAsBF,EAAAA,YAAY,IAAM,CAC5CH,EAAuB,IAAI,CAC7B,EAAG,EAAE,EAECM,EAAQ,CACZ,eAAAP,EACA,kBAAAG,EACA,oBAAAG,CACF,EAEA,OACGE,EAAAA,kBAAAA,IAAAZ,EAA0B,SAA1B,CAAmC,MAAAW,EACjC,SAAAR,CACH,CAAA,CAEJ,EAEaU,EAA+B,IAAM,CAC1C,MAAAC,EAAUC,aAAWf,CAAyB,EACpD,GAAI,CAACc,EACG,MAAA,IAAI,MAAM,+EAA+E,EAE1F,OAAAA,CACT"}