@ynput/ayon-frontend-shared 0.2.13 → 0.2.15

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

@@ -14,7 +14,8 @@ const ColumnSettingsProvider = ({
     columnOrder: columnOrderInit = [],
     columnPinning: columnPinningInit = {},
     columnVisibility = {},
-    columnSizing: columnsSizingExternal = {}
+    columnSizing: columnsSizingExternal = {},
+    groupBy
   } = columnsConfig;
   const columnOrder = [...columnOrderInit];
   const columnPinning = { ...columnPinningInit };
@@ -119,6 +120,12 @@ const ColumnSettingsProvider = ({
       columnPinning: pinning
     });
   };
+  const updateGroupBy = (groupBy2) => {
+    onChange({
+      ...columnsConfig,
+      groupBy: groupBy2
+    });
+  };
   const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
     const newVisibility = reactTable.functionalUpdate(columnVisibilityUpdater2, columnVisibility);
     updateColumnVisibility(newVisibility);
@@ -158,6 +165,9 @@ const ColumnSettingsProvider = ({
         columnSizing,
         setColumnSizing,
         columnSizingUpdater,
+        // group by
+        groupBy,
+        updateGroupBy,
         // global change
         setColumnsConfig: onChange
       },

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\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  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\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    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface TableGroupBy {\n  desc: boolean\n  id: string\n}\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // groupBy\n  updateGroupBy: (groupBy: TableGroupBy | undefined) => void\n  groupBy?: TableGroupBy\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n    groupBy,\n  } = columnsConfig\n\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  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\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    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChange({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // group by\n        groupBy,\n        updateGroupBy,\n\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","groupBy","columnVisibilityUpdater","functionalUpdate","columnOrderUpdater","columnPinningUpdater","jsx","useContext"],"mappings":"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"}

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

@@ -12,7 +12,8 @@ const ColumnSettingsProvider = ({
     columnOrder: columnOrderInit = [],
     columnPinning: columnPinningInit = {},
     columnVisibility = {},
-    columnSizing: columnsSizingExternal = {}
+    columnSizing: columnsSizingExternal = {},
+    groupBy
   } = columnsConfig;
   const columnOrder = [...columnOrderInit];
   const columnPinning = { ...columnPinningInit };
@@ -117,6 +118,12 @@ const ColumnSettingsProvider = ({
       columnPinning: pinning
     });
   };
+  const updateGroupBy = (groupBy2) => {
+    onChange({
+      ...columnsConfig,
+      groupBy: groupBy2
+    });
+  };
   const columnVisibilityUpdater = (columnVisibilityUpdater2) => {
     const newVisibility = functionalUpdate(columnVisibilityUpdater2, columnVisibility);
     updateColumnVisibility(newVisibility);
@@ -156,6 +163,9 @@ const ColumnSettingsProvider = ({
         columnSizing,
         setColumnSizing,
         columnSizingUpdater,
+        // group by
+        groupBy,
+        updateGroupBy,
         // global change
         setColumnsConfig: onChange
       },

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnSettingsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState // Add this\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n  } = columnsConfig\n\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  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\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    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["React","columnVisibilityUpdater","columnOrderUpdater","columnPinningUpdater","jsx"],"mappings":"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"}
+{"version":3,"file":"ColumnSettingsContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ColumnSettingsContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useState } from 'react'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  functionalUpdate,\n  OnChangeFn,\n  VisibilityState,\n  ColumnSizingState,\n} from '@tanstack/react-table'\n\nexport interface TableGroupBy {\n  desc: boolean\n  id: string\n}\n\nexport interface ColumnSettingsContextType {\n  // Column Visibility\n  columnVisibility: VisibilityState\n  setColumnVisibility: (columnVisibility: VisibilityState) => void\n  updateColumnVisibility: (columnVisibility: VisibilityState) => void\n  columnVisibilityUpdater: OnChangeFn<VisibilityState>\n\n  // Column Pinning\n  columnPinning: ColumnPinningState\n  setColumnPinning: (columnPinning: ColumnPinningState) => void\n  updateColumnPinning: (columnPinning: ColumnPinningState) => void\n  columnPinningUpdater: OnChangeFn<ColumnPinningState>\n\n  // Column Order\n  columnOrder: ColumnOrderState\n  setColumnOrder: (columnOrder: ColumnOrderState) => void\n  updateColumnOrder: (columnOrder: ColumnOrderState) => void\n  columnOrderUpdater: OnChangeFn<ColumnOrderState>\n\n  // Column Sizing\n  columnSizing: ColumnSizingState\n  setColumnSizing: (columnSizing: ColumnSizingState) => void\n  columnSizingUpdater: OnChangeFn<ColumnSizingState>\n\n  // groupBy\n  updateGroupBy: (groupBy: TableGroupBy | undefined) => void\n  groupBy?: TableGroupBy\n\n  // Global change\n  setColumnsConfig: (config: ColumnsConfig) => void\n}\n\nconst ColumnSettingsContext = createContext<ColumnSettingsContextType | undefined>(undefined)\n\nexport type ColumnsConfig = {\n  columnVisibility: VisibilityState\n  columnOrder: ColumnOrderState\n  columnPinning: ColumnPinningState\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n}\n\ninterface ColumnSettingsProviderProps {\n  children: ReactNode\n  config?: Record<string, any>\n  onChange: (config: ColumnsConfig) => void\n}\n\nexport const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps> = ({\n  children,\n  config,\n  onChange,\n}) => {\n  const columnsConfig = config as ColumnsConfig\n  const {\n    columnOrder: columnOrderInit = [],\n    columnPinning: columnPinningInit = {},\n    columnVisibility = {},\n    columnSizing: columnsSizingExternal = {},\n    groupBy,\n  } = columnsConfig\n\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  // DIRECT STATE UPDATES - no side effects\n  const setColumnVisibility = (visibility: VisibilityState) => {\n    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n    })\n  }\n\n  const setColumnOrder = (order: ColumnOrderState) => {\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n    })\n  }\n\n  const setColumnPinning = (pinning: ColumnPinningState) => {\n    onChange({\n      ...columnsConfig,\n      columnPinning: pinning,\n    })\n  }\n\n  const [internalColumnSizing, setInternalColumnSizing] = useState<ColumnSizingState | null>(null)\n\n  // use internalColumnSizing if it exists, otherwise use the external column sizing\n  const columnSizing = internalColumnSizing || columnsSizingExternal\n\n  const resizingTimeoutRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  const setColumnSizing = (sizing: ColumnSizingState) => {\n    setInternalColumnSizing(sizing)\n\n    // if there is a timeout already set, clear it\n    if (resizingTimeoutRef.current) {\n      clearTimeout(resizingTimeoutRef.current)\n    }\n    // set a timeout that tracks if the column sizing has finished\n    resizingTimeoutRef.current = setTimeout(() => {\n      // we have finished resizing now!\n      // update the external column sizing\n      onChange({\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    onChange({\n      ...columnsConfig,\n      columnVisibility: visibility,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnOrder = (order: ColumnOrderState) => {\n    const newPinning = updatePinningOrderOnOrderChange(order)\n    onChange({\n      ...columnsConfig,\n      columnOrder: order,\n      columnPinning: newPinning,\n    })\n  }\n\n  const updateColumnPinning = (pinning: ColumnPinningState) => {\n    const newOrder = updateOrderOnPinningChange(pinning)\n    onChange({\n      ...columnsConfig,\n      columnOrder: newOrder,\n      columnPinning: pinning,\n    })\n  }\n\n  const updateGroupBy = (groupBy: TableGroupBy | undefined) => {\n    onChange({\n      ...columnsConfig,\n      groupBy: groupBy,\n    })\n  }\n\n  // UPDATER FUNCTIONS\n  const columnVisibilityUpdater: OnChangeFn<VisibilityState> = (columnVisibilityUpdater) => {\n    const newVisibility = functionalUpdate(columnVisibilityUpdater, columnVisibility)\n    updateColumnVisibility(newVisibility)\n  }\n\n  const columnOrderUpdater: OnChangeFn<ColumnOrderState> = (columnOrderUpdater) => {\n    const newOrder = functionalUpdate(columnOrderUpdater, columnOrder)\n    updateColumnOrder(newOrder)\n  }\n\n  const columnPinningUpdater: OnChangeFn<ColumnPinningState> = (columnPinningUpdater) => {\n    const newPinning = functionalUpdate(columnPinningUpdater, columnPinning)\n    updateColumnPinning(newPinning)\n  }\n\n  const columnSizingUpdater: OnChangeFn<ColumnSizingState> = (sizingUpdater) => {\n    const newSizing = functionalUpdate(sizingUpdater, columnSizing)\n    setColumnSizing(newSizing)\n  }\n\n  return (\n    <ColumnSettingsContext.Provider\n      value={{\n        // column visibility\n        columnVisibility,\n        setColumnVisibility,\n        updateColumnVisibility,\n        columnVisibilityUpdater,\n        // column pinning\n        columnPinning,\n        setColumnPinning,\n        updateColumnPinning,\n        columnPinningUpdater,\n        // column order\n        columnOrder,\n        setColumnOrder,\n        updateColumnOrder,\n        columnOrderUpdater,\n        // column sizing\n        columnSizing,\n        setColumnSizing,\n        columnSizingUpdater,\n        // group by\n        groupBy,\n        updateGroupBy,\n\n        // global change\n        setColumnsConfig: onChange,\n      }}\n    >\n      {children}\n    </ColumnSettingsContext.Provider>\n  )\n}\n\nexport const useColumnSettingsContext = (): ColumnSettingsContextType => {\n  const context = useContext(ColumnSettingsContext)\n  if (!context) {\n    throw new Error('useColumnSettingsContext must be used within a ColumnSettingsProvider')\n  }\n  return context\n}\n"],"names":["React","groupBy","columnVisibilityUpdater","columnOrderUpdater","columnPinningUpdater","jsx"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 const React = require("react");
-const useOverviewTable = require("../hooks/useOverviewTable.cjs.js");
+const useBuildProjectDataTable = require("../hooks/useBuildProjectDataTable.cjs.js");
 const useFolderRelationships = require("../hooks/useFolderRelationships.cjs.js");
 const ProjectTableContext = React.createContext(void 0);
 const ProjectTableProvider = ({
@@ -18,10 +18,12 @@ const ProjectTableProvider = ({
   loadingTasks,
   isLoadingMore,
   isLoading,
+  error,
   isInitialized,
   projectName,
   users,
   attribFields,
+  taskGroups,
   filters,
   setFilters,
   queryFilters,
@@ -35,7 +37,7 @@ const ProjectTableProvider = ({
   setExpanded,
   contextMenuItems
 }) => {
-  const tableData = useOverviewTable({
+  const tableData = useBuildProjectDataTable({
     foldersMap,
     tasksMap,
     rows: tableRows,
@@ -96,6 +98,21 @@ const ProjectTableProvider = ({
     },
     [expanded, getChildrenEntities, setExpanded]
   );
+  const toggleExpands = React.useCallback(
+    (rowIds, expand) => {
+      const expandedState = typeof expanded === "object" ? expanded : {};
+      const newExpandedState = { ...expandedState };
+      rowIds.forEach((rowId) => {
+        if (expand !== void 0) {
+          newExpandedState[rowId] = expand;
+        } else {
+          newExpandedState[rowId] = !expandedState[rowId];
+        }
+      });
+      setExpanded(newExpandedState);
+    },
+    [expanded, setExpanded]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     ProjectTableContext.Provider,
     {
@@ -105,6 +122,7 @@ const ProjectTableProvider = ({
         // forwarded on
         isInitialized,
         isLoading,
+        error,
         projectInfo,
         attribFields,
         users,
@@ -114,6 +132,7 @@ const ProjectTableProvider = ({
         entitiesMap,
         fetchNextPage,
         reloadTableData,
+        taskGroups,
         // filters
         filters,
         setFilters,
@@ -126,6 +145,7 @@ const ProjectTableProvider = ({
         toggleExpanded,
         updateExpanded,
         toggleExpandAll,
+        toggleExpands,
         // sorting
         sorting,
         updateSorting,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext } from 'react'\nimport { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table'\nimport useOverviewTable from '../hooks/useOverviewTable'\nimport { Filter } from '@ynput/ayon-react-components'\nimport {\n  EntitiesMap,\n  EntityMap,\n  FolderNodeMap,\n  TableRow,\n  TaskNodeMap,\n  TasksByFolderMap,\n} from '../types/table'\nimport useFolderRelationships, {\n  FindInheritedValueFromAncestors,\n  GetAncestorsOf,\n  GetInheritedDependents,\n  FindNonInheritedValues,\n} from '../hooks/useFolderRelationships'\nimport { RowId } from '../utils/cellUtils'\nimport { ProjectModel } from '../types/project'\nimport { ProjectTableAttribute, LoadingTasks } from '../types'\nimport { QueryFilter } from '../types/folders'\nimport { ContextMenuItemConstructors } from '../hooks/useCellContextMenu'\n\ntype User = {\n  name: string\n  fullName?: string\n}\n\nexport type ToggleExpandAll = (rowIds: RowId[], expand?: boolean) => void\n\nexport interface ProjectTableProviderProps {\n  children: ReactNode\n  isInitialized: boolean\n\n  // loading\n  isLoading: boolean\n  isLoadingMore: boolean\n  loadingTasks?: LoadingTasks\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n\n  // data\n  tasksMap: TaskNodeMap\n  foldersMap: FolderNodeMap\n  entitiesMap: EntitiesMap\n  tasksByFolderMap: TasksByFolderMap\n  tableRows?: TableRow[] // any extra rows that we want to add to the table\n\n  // data functions\n  fetchNextPage: () => void\n  reloadTableData: () => void\n\n  // Filters\n  filters: Filter[]\n  setFilters: (filters: Filter[]) => void\n  queryFilters: {\n    filter: QueryFilter | undefined\n    filterString?: string\n    search: string | undefined\n  }\n\n  // Hierarchy\n  showHierarchy: boolean\n  updateShowHierarchy: (showHierarchy: boolean) => void\n\n  // Expanded state\n  expanded: ExpandedState\n  toggleExpanded: (id: string) => void\n  updateExpanded: OnChangeFn<ExpandedState>\n  setExpanded: (expanded: ExpandedState) => void\n\n  // Sorting\n  sorting: SortingState\n  updateSorting: OnChangeFn<SortingState>\n\n  // context menu\n  contextMenuItems: ContextMenuItemConstructors\n}\n\nexport interface ProjectTableContextProps {\n  isInitialized: ProjectTableProviderProps['isInitialized']\n  isLoading: ProjectTableProviderProps['isLoading']\n  // Project Info\n  projectInfo: ProjectTableProviderProps['projectInfo']\n  projectName: ProjectTableProviderProps['projectName']\n  users: ProjectTableProviderProps['users']\n  // Attributes\n  attribFields: ProjectTableProviderProps['attribFields']\n\n  // Data\n  tableData: TableRow[]\n  tasksMap: ProjectTableProviderProps['tasksMap']\n  foldersMap: ProjectTableProviderProps['foldersMap']\n  entitiesMap: ProjectTableProviderProps['entitiesMap']\n  fetchNextPage: ProjectTableProviderProps['fetchNextPage']\n  reloadTableData: ProjectTableProviderProps['reloadTableData']\n  getEntityById: (id: string) => EntityMap | undefined\n\n  // Filters\n  filters: ProjectTableProviderProps['filters']\n  setFilters: ProjectTableProviderProps['setFilters']\n  queryFilters: ProjectTableProviderProps['queryFilters']\n\n  // Hierarchy\n  showHierarchy: ProjectTableProviderProps['showHierarchy']\n  updateShowHierarchy: ProjectTableProviderProps['updateShowHierarchy']\n\n  // Expanded state\n  expanded: ProjectTableProviderProps['expanded']\n  toggleExpanded: ProjectTableProviderProps['toggleExpanded']\n  updateExpanded: ProjectTableProviderProps['updateExpanded']\n  toggleExpandAll: ToggleExpandAll\n\n  // Sorting\n  sorting: ProjectTableProviderProps['sorting']\n  updateSorting: ProjectTableProviderProps['updateSorting']\n\n  // Folder Relationships\n  getInheritedDependents: GetInheritedDependents\n  findInheritedValueFromAncestors: FindInheritedValueFromAncestors\n  findNonInheritedValues: FindNonInheritedValues\n  getAncestorsOf: GetAncestorsOf\n\n  // Context menu\n  contextMenuItems: ProjectTableProviderProps['contextMenuItems']\n}\n\nconst ProjectTableContext = createContext<ProjectTableContextProps | undefined>(undefined)\n\nexport const ProjectTableProvider = ({\n  children,\n  foldersMap,\n  tableRows,\n  tasksMap,\n  entitiesMap,\n  tasksByFolderMap,\n  expanded,\n  projectInfo,\n  showHierarchy,\n  loadingTasks,\n  isLoadingMore,\n  isLoading,\n  isInitialized,\n  projectName,\n  users,\n  attribFields,\n  filters,\n  setFilters,\n  queryFilters,\n  updateShowHierarchy,\n  toggleExpanded,\n  updateExpanded,\n  sorting,\n  updateSorting,\n  fetchNextPage,\n  reloadTableData,\n  setExpanded,\n  contextMenuItems,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const tableData = useOverviewTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      if (foldersMap.has(id)) {\n        return foldersMap.get(id)\n      } else if (tasksMap.has(id)) {\n        return tasksMap.get(id)\n      } else if (entitiesMap.has(id)) {\n        return entitiesMap.get(id)\n      }\n\n      // Return undefined if not found\n      return undefined\n    },\n    [foldersMap, tasksMap, entitiesMap],\n  )\n\n  // get folder relationship functions\n  const {\n    getInheritedDependents,\n    getChildrenEntities,\n    findInheritedValueFromAncestors,\n    findNonInheritedValues,\n    getAncestorsOf,\n  } = useFolderRelationships({\n    entitiesMap,\n    tasksMap,\n    tasksByFolderMap,\n    getEntityById,\n    projectAttrib: projectInfo?.attrib,\n    attribFields: attribFields,\n  })\n\n  const toggleExpandAll: ProjectTableContextProps['toggleExpandAll'] = useCallback(\n    (rowIds, expandAll) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        // get all children of the rowId using tableData\n        const childIds = getChildrenEntities(rowId).map((child) => child.id)\n        // check if the rowId is expanded\n        const isExpanded = expandedState[rowId] || false\n\n        if (expandAll !== undefined ? !expandAll : isExpanded) {\n          // collapse all children\n          newExpandedState[rowId] = false\n          childIds.forEach((id) => {\n            newExpandedState[id] = false\n          })\n        } else {\n          // expand all children\n          newExpandedState[rowId] = true\n          childIds.forEach((id) => {\n            newExpandedState[id] = true\n          })\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, getChildrenEntities, setExpanded],\n  )\n\n  return (\n    <ProjectTableContext.Provider\n      value={{\n        // from this context\n        tableData,\n        // forwarded on\n        isInitialized,\n        isLoading,\n        projectInfo,\n        attribFields,\n        users,\n        projectName,\n        tasksMap,\n        foldersMap,\n        entitiesMap,\n        fetchNextPage,\n        reloadTableData,\n        // filters\n        filters,\n        setFilters,\n        queryFilters,\n        // hierarchy\n        showHierarchy,\n        updateShowHierarchy,\n        // expanded state\n        expanded,\n        toggleExpanded,\n        updateExpanded,\n        toggleExpandAll,\n        // sorting\n        sorting,\n        updateSorting,\n        getEntityById,\n        // folder relationships\n        getInheritedDependents,\n        findInheritedValueFromAncestors,\n        findNonInheritedValues,\n        getAncestorsOf,\n        // context menu\n        contextMenuItems,\n      }}\n    >\n      {children}\n    </ProjectTableContext.Provider>\n  )\n}\n\nexport const useProjectTableContext = () => {\n  const context = useContext(ProjectTableContext)\n  if (!context) {\n    throw new Error('useProjectTableContext must be used within a ProjectTableProvider')\n  }\n  return context\n}\n"],"names":["createContext","useCallback","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"ProjectTableContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext } from 'react'\nimport { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table'\nimport useBuildProjectDataTable from '../hooks/useBuildProjectDataTable'\nimport { Filter } from '@ynput/ayon-react-components'\nimport {\n  EntitiesMap,\n  EntityMap,\n  FolderNodeMap,\n  TableRow,\n  TaskNodeMap,\n  TasksByFolderMap,\n} from '../types/table'\nimport useFolderRelationships, {\n  FindInheritedValueFromAncestors,\n  GetAncestorsOf,\n  GetInheritedDependents,\n  FindNonInheritedValues,\n} from '../hooks/useFolderRelationships'\nimport { RowId } from '../utils/cellUtils'\nimport { ProjectModel } from '../types/project'\nimport { ProjectTableAttribute, LoadingTasks } from '../types'\nimport { QueryFilter } from '../types/folders'\nimport { ContextMenuItemConstructors } from '../hooks/useCellContextMenu'\nimport { TaskGroup } from '@shared/api'\n\nexport type TableUser = {\n  name: string\n  fullName?: string\n}\n\nexport type ToggleExpandAll = (rowIds: RowId[], expand?: boolean) => void\nexport type ToggleExpands = (rowIds: RowId[], expand?: boolean) => void\n\nexport interface ProjectTableProviderProps {\n  children: ReactNode\n  isInitialized: boolean\n\n  // loading\n  isLoading: boolean\n  isLoadingMore: boolean\n  loadingTasks?: LoadingTasks\n  error?: string\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: TableUser[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n\n  // data\n  tasksMap: TaskNodeMap\n  foldersMap: FolderNodeMap\n  entitiesMap: EntitiesMap\n  tasksByFolderMap: TasksByFolderMap\n  tableRows?: TableRow[] // any extra rows that we want to add to the table\n\n  // grouping\n  taskGroups: TaskGroup[]\n\n  // data functions\n  fetchNextPage: (value?: string) => void\n  reloadTableData: () => void\n\n  // Filters\n  filters: Filter[]\n  setFilters: (filters: Filter[]) => void\n  queryFilters: {\n    filter: QueryFilter | undefined\n    filterString?: string\n    search: string | undefined\n  }\n\n  // Hierarchy\n  showHierarchy: boolean\n  updateShowHierarchy: (showHierarchy: boolean) => void\n\n  // Expanded state\n  expanded: ExpandedState\n  toggleExpanded: (id: string) => void\n  updateExpanded: OnChangeFn<ExpandedState>\n  setExpanded: (expanded: ExpandedState) => void\n\n  // Sorting\n  sorting: SortingState\n  updateSorting: OnChangeFn<SortingState>\n\n  // context menu\n  contextMenuItems: ContextMenuItemConstructors\n}\n\nexport interface ProjectTableContextProps {\n  isInitialized: ProjectTableProviderProps['isInitialized']\n  isLoading: ProjectTableProviderProps['isLoading']\n  // Project Info\n  projectInfo: ProjectTableProviderProps['projectInfo']\n  projectName: ProjectTableProviderProps['projectName']\n  users: ProjectTableProviderProps['users']\n  // Attributes\n  attribFields: ProjectTableProviderProps['attribFields']\n  error?: string\n\n  // Data\n  tableData: TableRow[]\n  tasksMap: ProjectTableProviderProps['tasksMap']\n  foldersMap: ProjectTableProviderProps['foldersMap']\n  entitiesMap: ProjectTableProviderProps['entitiesMap']\n  fetchNextPage: ProjectTableProviderProps['fetchNextPage']\n  reloadTableData: ProjectTableProviderProps['reloadTableData']\n  getEntityById: (id: string) => EntityMap | undefined\n\n  // grouping\n  taskGroups: ProjectTableProviderProps['taskGroups']\n\n  // Filters\n  filters: ProjectTableProviderProps['filters']\n  setFilters: ProjectTableProviderProps['setFilters']\n  queryFilters: ProjectTableProviderProps['queryFilters']\n\n  // Hierarchy\n  showHierarchy: ProjectTableProviderProps['showHierarchy']\n  updateShowHierarchy: ProjectTableProviderProps['updateShowHierarchy']\n\n  // Expanded state\n  expanded: ProjectTableProviderProps['expanded']\n  toggleExpanded: ProjectTableProviderProps['toggleExpanded']\n  updateExpanded: ProjectTableProviderProps['updateExpanded']\n  toggleExpandAll: ToggleExpandAll\n  toggleExpands: ToggleExpands // expand/collapse multiple rows at once\n\n  // Sorting\n  sorting: ProjectTableProviderProps['sorting']\n  updateSorting: ProjectTableProviderProps['updateSorting']\n\n  // Folder Relationships\n  getInheritedDependents: GetInheritedDependents\n  findInheritedValueFromAncestors: FindInheritedValueFromAncestors\n  findNonInheritedValues: FindNonInheritedValues\n  getAncestorsOf: GetAncestorsOf\n\n  // Context menu\n  contextMenuItems: ProjectTableProviderProps['contextMenuItems']\n}\n\nconst ProjectTableContext = createContext<ProjectTableContextProps | undefined>(undefined)\n\nexport const ProjectTableProvider = ({\n  children,\n  foldersMap,\n  tableRows,\n  tasksMap,\n  entitiesMap,\n  tasksByFolderMap,\n  expanded,\n  projectInfo,\n  showHierarchy,\n  loadingTasks,\n  isLoadingMore,\n  isLoading,\n  error,\n  isInitialized,\n  projectName,\n  users,\n  attribFields,\n  taskGroups,\n  filters,\n  setFilters,\n  queryFilters,\n  updateShowHierarchy,\n  toggleExpanded,\n  updateExpanded,\n  sorting,\n  updateSorting,\n  fetchNextPage,\n  reloadTableData,\n  setExpanded,\n  contextMenuItems,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const tableData = useBuildProjectDataTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      if (foldersMap.has(id)) {\n        return foldersMap.get(id)\n      } else if (tasksMap.has(id)) {\n        return tasksMap.get(id)\n      } else if (entitiesMap.has(id)) {\n        return entitiesMap.get(id)\n      }\n\n      // Return undefined if not found\n      return undefined\n    },\n    [foldersMap, tasksMap, entitiesMap],\n  )\n\n  // get folder relationship functions\n  const {\n    getInheritedDependents,\n    getChildrenEntities,\n    findInheritedValueFromAncestors,\n    findNonInheritedValues,\n    getAncestorsOf,\n  } = useFolderRelationships({\n    entitiesMap,\n    tasksMap,\n    tasksByFolderMap,\n    getEntityById,\n    projectAttrib: projectInfo?.attrib,\n    attribFields: attribFields,\n  })\n\n  const toggleExpandAll: ProjectTableContextProps['toggleExpandAll'] = useCallback(\n    (rowIds, expandAll) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        // get all children of the rowId using tableData\n        const childIds = getChildrenEntities(rowId).map((child) => child.id)\n        // check if the rowId is expanded\n        const isExpanded = expandedState[rowId] || false\n\n        if (expandAll !== undefined ? !expandAll : isExpanded) {\n          // collapse all children\n          newExpandedState[rowId] = false\n          childIds.forEach((id) => {\n            newExpandedState[id] = false\n          })\n        } else {\n          // expand all children\n          newExpandedState[rowId] = true\n          childIds.forEach((id) => {\n            newExpandedState[id] = true\n          })\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, getChildrenEntities, setExpanded],\n  )\n\n  const toggleExpands: ProjectTableContextProps['toggleExpands'] = useCallback(\n    (rowIds, expand) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        if (expand !== undefined) {\n          // Use the provided expand parameter\n          newExpandedState[rowId] = expand\n        } else {\n          // Toggle based on current state\n          newExpandedState[rowId] = !expandedState[rowId]\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, setExpanded],\n  )\n\n  return (\n    <ProjectTableContext.Provider\n      value={{\n        // from this context\n        tableData,\n        // forwarded on\n        isInitialized,\n        isLoading,\n        error,\n        projectInfo,\n        attribFields,\n        users,\n        projectName,\n        tasksMap,\n        foldersMap,\n        entitiesMap,\n        fetchNextPage,\n        reloadTableData,\n        taskGroups,\n        // filters\n        filters,\n        setFilters,\n        queryFilters,\n        // hierarchy\n        showHierarchy,\n        updateShowHierarchy,\n        // expanded state\n        expanded,\n        toggleExpanded,\n        updateExpanded,\n        toggleExpandAll,\n        toggleExpands,\n        // sorting\n        sorting,\n        updateSorting,\n        getEntityById,\n        // folder relationships\n        getInheritedDependents,\n        findInheritedValueFromAncestors,\n        findNonInheritedValues,\n        getAncestorsOf,\n        // context menu\n        contextMenuItems,\n      }}\n    >\n      {children}\n    </ProjectTableContext.Provider>\n  )\n}\n\nexport const useProjectTableContext = () => {\n  const context = useContext(ProjectTableContext)\n  if (!context) {\n    throw new Error('useProjectTableContext must be used within a ProjectTableProvider')\n  }\n  return context\n}\n"],"names":["createContext","useCallback","jsx","useContext"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
 import { createContext, useCallback, useContext } from "react";
-import useOverviewTable from "../hooks/useOverviewTable.es.js";
+import useBuildProjectDataTable from "../hooks/useBuildProjectDataTable.es.js";
 import useFolderRelationships from "../hooks/useFolderRelationships.es.js";
 const ProjectTableContext = createContext(void 0);
 const ProjectTableProvider = ({
@@ -16,10 +16,12 @@ const ProjectTableProvider = ({
   loadingTasks,
   isLoadingMore,
   isLoading,
+  error,
   isInitialized,
   projectName,
   users,
   attribFields,
+  taskGroups,
   filters,
   setFilters,
   queryFilters,
@@ -33,7 +35,7 @@ const ProjectTableProvider = ({
   setExpanded,
   contextMenuItems
 }) => {
-  const tableData = useOverviewTable({
+  const tableData = useBuildProjectDataTable({
     foldersMap,
     tasksMap,
     rows: tableRows,
@@ -94,6 +96,21 @@ const ProjectTableProvider = ({
     },
     [expanded, getChildrenEntities, setExpanded]
   );
+  const toggleExpands = useCallback(
+    (rowIds, expand) => {
+      const expandedState = typeof expanded === "object" ? expanded : {};
+      const newExpandedState = { ...expandedState };
+      rowIds.forEach((rowId) => {
+        if (expand !== void 0) {
+          newExpandedState[rowId] = expand;
+        } else {
+          newExpandedState[rowId] = !expandedState[rowId];
+        }
+      });
+      setExpanded(newExpandedState);
+    },
+    [expanded, setExpanded]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     ProjectTableContext.Provider,
     {
@@ -103,6 +120,7 @@ const ProjectTableProvider = ({
         // forwarded on
         isInitialized,
         isLoading,
+        error,
         projectInfo,
         attribFields,
         users,
@@ -112,6 +130,7 @@ const ProjectTableProvider = ({
         entitiesMap,
         fetchNextPage,
         reloadTableData,
+        taskGroups,
         // filters
         filters,
         setFilters,
@@ -124,6 +143,7 @@ const ProjectTableProvider = ({
         toggleExpanded,
         updateExpanded,
         toggleExpandAll,
+        toggleExpands,
         // sorting
         sorting,
         updateSorting,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext } from 'react'\nimport { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table'\nimport useOverviewTable from '../hooks/useOverviewTable'\nimport { Filter } from '@ynput/ayon-react-components'\nimport {\n  EntitiesMap,\n  EntityMap,\n  FolderNodeMap,\n  TableRow,\n  TaskNodeMap,\n  TasksByFolderMap,\n} from '../types/table'\nimport useFolderRelationships, {\n  FindInheritedValueFromAncestors,\n  GetAncestorsOf,\n  GetInheritedDependents,\n  FindNonInheritedValues,\n} from '../hooks/useFolderRelationships'\nimport { RowId } from '../utils/cellUtils'\nimport { ProjectModel } from '../types/project'\nimport { ProjectTableAttribute, LoadingTasks } from '../types'\nimport { QueryFilter } from '../types/folders'\nimport { ContextMenuItemConstructors } from '../hooks/useCellContextMenu'\n\ntype User = {\n  name: string\n  fullName?: string\n}\n\nexport type ToggleExpandAll = (rowIds: RowId[], expand?: boolean) => void\n\nexport interface ProjectTableProviderProps {\n  children: ReactNode\n  isInitialized: boolean\n\n  // loading\n  isLoading: boolean\n  isLoadingMore: boolean\n  loadingTasks?: LoadingTasks\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n\n  // data\n  tasksMap: TaskNodeMap\n  foldersMap: FolderNodeMap\n  entitiesMap: EntitiesMap\n  tasksByFolderMap: TasksByFolderMap\n  tableRows?: TableRow[] // any extra rows that we want to add to the table\n\n  // data functions\n  fetchNextPage: () => void\n  reloadTableData: () => void\n\n  // Filters\n  filters: Filter[]\n  setFilters: (filters: Filter[]) => void\n  queryFilters: {\n    filter: QueryFilter | undefined\n    filterString?: string\n    search: string | undefined\n  }\n\n  // Hierarchy\n  showHierarchy: boolean\n  updateShowHierarchy: (showHierarchy: boolean) => void\n\n  // Expanded state\n  expanded: ExpandedState\n  toggleExpanded: (id: string) => void\n  updateExpanded: OnChangeFn<ExpandedState>\n  setExpanded: (expanded: ExpandedState) => void\n\n  // Sorting\n  sorting: SortingState\n  updateSorting: OnChangeFn<SortingState>\n\n  // context menu\n  contextMenuItems: ContextMenuItemConstructors\n}\n\nexport interface ProjectTableContextProps {\n  isInitialized: ProjectTableProviderProps['isInitialized']\n  isLoading: ProjectTableProviderProps['isLoading']\n  // Project Info\n  projectInfo: ProjectTableProviderProps['projectInfo']\n  projectName: ProjectTableProviderProps['projectName']\n  users: ProjectTableProviderProps['users']\n  // Attributes\n  attribFields: ProjectTableProviderProps['attribFields']\n\n  // Data\n  tableData: TableRow[]\n  tasksMap: ProjectTableProviderProps['tasksMap']\n  foldersMap: ProjectTableProviderProps['foldersMap']\n  entitiesMap: ProjectTableProviderProps['entitiesMap']\n  fetchNextPage: ProjectTableProviderProps['fetchNextPage']\n  reloadTableData: ProjectTableProviderProps['reloadTableData']\n  getEntityById: (id: string) => EntityMap | undefined\n\n  // Filters\n  filters: ProjectTableProviderProps['filters']\n  setFilters: ProjectTableProviderProps['setFilters']\n  queryFilters: ProjectTableProviderProps['queryFilters']\n\n  // Hierarchy\n  showHierarchy: ProjectTableProviderProps['showHierarchy']\n  updateShowHierarchy: ProjectTableProviderProps['updateShowHierarchy']\n\n  // Expanded state\n  expanded: ProjectTableProviderProps['expanded']\n  toggleExpanded: ProjectTableProviderProps['toggleExpanded']\n  updateExpanded: ProjectTableProviderProps['updateExpanded']\n  toggleExpandAll: ToggleExpandAll\n\n  // Sorting\n  sorting: ProjectTableProviderProps['sorting']\n  updateSorting: ProjectTableProviderProps['updateSorting']\n\n  // Folder Relationships\n  getInheritedDependents: GetInheritedDependents\n  findInheritedValueFromAncestors: FindInheritedValueFromAncestors\n  findNonInheritedValues: FindNonInheritedValues\n  getAncestorsOf: GetAncestorsOf\n\n  // Context menu\n  contextMenuItems: ProjectTableProviderProps['contextMenuItems']\n}\n\nconst ProjectTableContext = createContext<ProjectTableContextProps | undefined>(undefined)\n\nexport const ProjectTableProvider = ({\n  children,\n  foldersMap,\n  tableRows,\n  tasksMap,\n  entitiesMap,\n  tasksByFolderMap,\n  expanded,\n  projectInfo,\n  showHierarchy,\n  loadingTasks,\n  isLoadingMore,\n  isLoading,\n  isInitialized,\n  projectName,\n  users,\n  attribFields,\n  filters,\n  setFilters,\n  queryFilters,\n  updateShowHierarchy,\n  toggleExpanded,\n  updateExpanded,\n  sorting,\n  updateSorting,\n  fetchNextPage,\n  reloadTableData,\n  setExpanded,\n  contextMenuItems,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const tableData = useOverviewTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      if (foldersMap.has(id)) {\n        return foldersMap.get(id)\n      } else if (tasksMap.has(id)) {\n        return tasksMap.get(id)\n      } else if (entitiesMap.has(id)) {\n        return entitiesMap.get(id)\n      }\n\n      // Return undefined if not found\n      return undefined\n    },\n    [foldersMap, tasksMap, entitiesMap],\n  )\n\n  // get folder relationship functions\n  const {\n    getInheritedDependents,\n    getChildrenEntities,\n    findInheritedValueFromAncestors,\n    findNonInheritedValues,\n    getAncestorsOf,\n  } = useFolderRelationships({\n    entitiesMap,\n    tasksMap,\n    tasksByFolderMap,\n    getEntityById,\n    projectAttrib: projectInfo?.attrib,\n    attribFields: attribFields,\n  })\n\n  const toggleExpandAll: ProjectTableContextProps['toggleExpandAll'] = useCallback(\n    (rowIds, expandAll) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        // get all children of the rowId using tableData\n        const childIds = getChildrenEntities(rowId).map((child) => child.id)\n        // check if the rowId is expanded\n        const isExpanded = expandedState[rowId] || false\n\n        if (expandAll !== undefined ? !expandAll : isExpanded) {\n          // collapse all children\n          newExpandedState[rowId] = false\n          childIds.forEach((id) => {\n            newExpandedState[id] = false\n          })\n        } else {\n          // expand all children\n          newExpandedState[rowId] = true\n          childIds.forEach((id) => {\n            newExpandedState[id] = true\n          })\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, getChildrenEntities, setExpanded],\n  )\n\n  return (\n    <ProjectTableContext.Provider\n      value={{\n        // from this context\n        tableData,\n        // forwarded on\n        isInitialized,\n        isLoading,\n        projectInfo,\n        attribFields,\n        users,\n        projectName,\n        tasksMap,\n        foldersMap,\n        entitiesMap,\n        fetchNextPage,\n        reloadTableData,\n        // filters\n        filters,\n        setFilters,\n        queryFilters,\n        // hierarchy\n        showHierarchy,\n        updateShowHierarchy,\n        // expanded state\n        expanded,\n        toggleExpanded,\n        updateExpanded,\n        toggleExpandAll,\n        // sorting\n        sorting,\n        updateSorting,\n        getEntityById,\n        // folder relationships\n        getInheritedDependents,\n        findInheritedValueFromAncestors,\n        findNonInheritedValues,\n        getAncestorsOf,\n        // context menu\n        contextMenuItems,\n      }}\n    >\n      {children}\n    </ProjectTableContext.Provider>\n  )\n}\n\nexport const useProjectTableContext = () => {\n  const context = useContext(ProjectTableContext)\n  if (!context) {\n    throw new Error('useProjectTableContext must be used within a ProjectTableProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":"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"}
+{"version":3,"file":"ProjectTableContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext } from 'react'\nimport { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table'\nimport useBuildProjectDataTable from '../hooks/useBuildProjectDataTable'\nimport { Filter } from '@ynput/ayon-react-components'\nimport {\n  EntitiesMap,\n  EntityMap,\n  FolderNodeMap,\n  TableRow,\n  TaskNodeMap,\n  TasksByFolderMap,\n} from '../types/table'\nimport useFolderRelationships, {\n  FindInheritedValueFromAncestors,\n  GetAncestorsOf,\n  GetInheritedDependents,\n  FindNonInheritedValues,\n} from '../hooks/useFolderRelationships'\nimport { RowId } from '../utils/cellUtils'\nimport { ProjectModel } from '../types/project'\nimport { ProjectTableAttribute, LoadingTasks } from '../types'\nimport { QueryFilter } from '../types/folders'\nimport { ContextMenuItemConstructors } from '../hooks/useCellContextMenu'\nimport { TaskGroup } from '@shared/api'\n\nexport type TableUser = {\n  name: string\n  fullName?: string\n}\n\nexport type ToggleExpandAll = (rowIds: RowId[], expand?: boolean) => void\nexport type ToggleExpands = (rowIds: RowId[], expand?: boolean) => void\n\nexport interface ProjectTableProviderProps {\n  children: ReactNode\n  isInitialized: boolean\n\n  // loading\n  isLoading: boolean\n  isLoadingMore: boolean\n  loadingTasks?: LoadingTasks\n  error?: string\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: TableUser[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n\n  // data\n  tasksMap: TaskNodeMap\n  foldersMap: FolderNodeMap\n  entitiesMap: EntitiesMap\n  tasksByFolderMap: TasksByFolderMap\n  tableRows?: TableRow[] // any extra rows that we want to add to the table\n\n  // grouping\n  taskGroups: TaskGroup[]\n\n  // data functions\n  fetchNextPage: (value?: string) => void\n  reloadTableData: () => void\n\n  // Filters\n  filters: Filter[]\n  setFilters: (filters: Filter[]) => void\n  queryFilters: {\n    filter: QueryFilter | undefined\n    filterString?: string\n    search: string | undefined\n  }\n\n  // Hierarchy\n  showHierarchy: boolean\n  updateShowHierarchy: (showHierarchy: boolean) => void\n\n  // Expanded state\n  expanded: ExpandedState\n  toggleExpanded: (id: string) => void\n  updateExpanded: OnChangeFn<ExpandedState>\n  setExpanded: (expanded: ExpandedState) => void\n\n  // Sorting\n  sorting: SortingState\n  updateSorting: OnChangeFn<SortingState>\n\n  // context menu\n  contextMenuItems: ContextMenuItemConstructors\n}\n\nexport interface ProjectTableContextProps {\n  isInitialized: ProjectTableProviderProps['isInitialized']\n  isLoading: ProjectTableProviderProps['isLoading']\n  // Project Info\n  projectInfo: ProjectTableProviderProps['projectInfo']\n  projectName: ProjectTableProviderProps['projectName']\n  users: ProjectTableProviderProps['users']\n  // Attributes\n  attribFields: ProjectTableProviderProps['attribFields']\n  error?: string\n\n  // Data\n  tableData: TableRow[]\n  tasksMap: ProjectTableProviderProps['tasksMap']\n  foldersMap: ProjectTableProviderProps['foldersMap']\n  entitiesMap: ProjectTableProviderProps['entitiesMap']\n  fetchNextPage: ProjectTableProviderProps['fetchNextPage']\n  reloadTableData: ProjectTableProviderProps['reloadTableData']\n  getEntityById: (id: string) => EntityMap | undefined\n\n  // grouping\n  taskGroups: ProjectTableProviderProps['taskGroups']\n\n  // Filters\n  filters: ProjectTableProviderProps['filters']\n  setFilters: ProjectTableProviderProps['setFilters']\n  queryFilters: ProjectTableProviderProps['queryFilters']\n\n  // Hierarchy\n  showHierarchy: ProjectTableProviderProps['showHierarchy']\n  updateShowHierarchy: ProjectTableProviderProps['updateShowHierarchy']\n\n  // Expanded state\n  expanded: ProjectTableProviderProps['expanded']\n  toggleExpanded: ProjectTableProviderProps['toggleExpanded']\n  updateExpanded: ProjectTableProviderProps['updateExpanded']\n  toggleExpandAll: ToggleExpandAll\n  toggleExpands: ToggleExpands // expand/collapse multiple rows at once\n\n  // Sorting\n  sorting: ProjectTableProviderProps['sorting']\n  updateSorting: ProjectTableProviderProps['updateSorting']\n\n  // Folder Relationships\n  getInheritedDependents: GetInheritedDependents\n  findInheritedValueFromAncestors: FindInheritedValueFromAncestors\n  findNonInheritedValues: FindNonInheritedValues\n  getAncestorsOf: GetAncestorsOf\n\n  // Context menu\n  contextMenuItems: ProjectTableProviderProps['contextMenuItems']\n}\n\nconst ProjectTableContext = createContext<ProjectTableContextProps | undefined>(undefined)\n\nexport const ProjectTableProvider = ({\n  children,\n  foldersMap,\n  tableRows,\n  tasksMap,\n  entitiesMap,\n  tasksByFolderMap,\n  expanded,\n  projectInfo,\n  showHierarchy,\n  loadingTasks,\n  isLoadingMore,\n  isLoading,\n  error,\n  isInitialized,\n  projectName,\n  users,\n  attribFields,\n  taskGroups,\n  filters,\n  setFilters,\n  queryFilters,\n  updateShowHierarchy,\n  toggleExpanded,\n  updateExpanded,\n  sorting,\n  updateSorting,\n  fetchNextPage,\n  reloadTableData,\n  setExpanded,\n  contextMenuItems,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const tableData = useBuildProjectDataTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      if (foldersMap.has(id)) {\n        return foldersMap.get(id)\n      } else if (tasksMap.has(id)) {\n        return tasksMap.get(id)\n      } else if (entitiesMap.has(id)) {\n        return entitiesMap.get(id)\n      }\n\n      // Return undefined if not found\n      return undefined\n    },\n    [foldersMap, tasksMap, entitiesMap],\n  )\n\n  // get folder relationship functions\n  const {\n    getInheritedDependents,\n    getChildrenEntities,\n    findInheritedValueFromAncestors,\n    findNonInheritedValues,\n    getAncestorsOf,\n  } = useFolderRelationships({\n    entitiesMap,\n    tasksMap,\n    tasksByFolderMap,\n    getEntityById,\n    projectAttrib: projectInfo?.attrib,\n    attribFields: attribFields,\n  })\n\n  const toggleExpandAll: ProjectTableContextProps['toggleExpandAll'] = useCallback(\n    (rowIds, expandAll) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        // get all children of the rowId using tableData\n        const childIds = getChildrenEntities(rowId).map((child) => child.id)\n        // check if the rowId is expanded\n        const isExpanded = expandedState[rowId] || false\n\n        if (expandAll !== undefined ? !expandAll : isExpanded) {\n          // collapse all children\n          newExpandedState[rowId] = false\n          childIds.forEach((id) => {\n            newExpandedState[id] = false\n          })\n        } else {\n          // expand all children\n          newExpandedState[rowId] = true\n          childIds.forEach((id) => {\n            newExpandedState[id] = true\n          })\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, getChildrenEntities, setExpanded],\n  )\n\n  const toggleExpands: ProjectTableContextProps['toggleExpands'] = useCallback(\n    (rowIds, expand) => {\n      const expandedState = typeof expanded === 'object' ? expanded : {}\n      const newExpandedState = { ...expandedState }\n\n      rowIds.forEach((rowId) => {\n        if (expand !== undefined) {\n          // Use the provided expand parameter\n          newExpandedState[rowId] = expand\n        } else {\n          // Toggle based on current state\n          newExpandedState[rowId] = !expandedState[rowId]\n        }\n      })\n\n      setExpanded(newExpandedState)\n    },\n    [expanded, setExpanded],\n  )\n\n  return (\n    <ProjectTableContext.Provider\n      value={{\n        // from this context\n        tableData,\n        // forwarded on\n        isInitialized,\n        isLoading,\n        error,\n        projectInfo,\n        attribFields,\n        users,\n        projectName,\n        tasksMap,\n        foldersMap,\n        entitiesMap,\n        fetchNextPage,\n        reloadTableData,\n        taskGroups,\n        // filters\n        filters,\n        setFilters,\n        queryFilters,\n        // hierarchy\n        showHierarchy,\n        updateShowHierarchy,\n        // expanded state\n        expanded,\n        toggleExpanded,\n        updateExpanded,\n        toggleExpandAll,\n        toggleExpands,\n        // sorting\n        sorting,\n        updateSorting,\n        getEntityById,\n        // folder relationships\n        getInheritedDependents,\n        findInheritedValueFromAncestors,\n        findNonInheritedValues,\n        getAncestorsOf,\n        // context menu\n        contextMenuItems,\n      }}\n    >\n      {children}\n    </ProjectTableContext.Provider>\n  )\n}\n\nexport const useProjectTableContext = () => {\n  const context = useContext(ProjectTableContext)\n  if (!context) {\n    throw new Error('useProjectTableContext must be used within a ProjectTableProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":"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"}

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/access.cjs.js");
+require("../../../api/generated/actions.cjs.js");
+require("../../../api/generated/activityFeed.cjs.js");
+require("../../../api/generated/addons.cjs.js");
+require("../../../api/generated/anatomy.cjs.js");
+require("../../../api/generated/attributes.cjs.js");
+require("../../../api/generated/authentication.cjs.js");
+require("../../../api/generated/bundles.cjs.js");
+require("../../../api/generated/configuration.cjs.js");
+require("../../../api/generated/desktop.cjs.js");
+require("../../../api/generated/entityLists.cjs.js");
+require("../../../api/generated/events.cjs.js");
+require("../../../api/generated/files.cjs.js");
+require("../../../api/generated/folders.cjs.js");
+require("../../../api/generated/inbox.cjs.js");
+require("../../../api/generated/links.cjs.js");
+require("../../../api/generated/market.cjs.js");
+require("../../../api/generated/onboarding.cjs.js");
+require("../../../api/generated/operations.cjs.js");
+require("../../../api/generated/products.cjs.js");
+require("../../../api/generated/projectDashboard.cjs.js");
+require("../../../api/generated/projects.cjs.js");
+require("../../../api/generated/reviewables.cjs.js");
+require("../../../api/generated/services.cjs.js");
+require("../../../api/generated/system.cjs.js");
+require("../../../api/generated/tasks.cjs.js");
+require("../../../api/generated/teams.cjs.js");
+require("../../../api/generated/thumbnails.cjs.js");
+require("../../../api/generated/uRIs.cjs.js");
+require("../../../api/generated/users.cjs.js");
+require("../../../api/generated/versions.cjs.js");
+require("../../../api/generated/workfiles.cjs.js");
+require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/queries/actions/getActions.cjs.js");
+require("../../../api/queries/activities/getActivities.cjs.js");
+require("../../../api/queries/activities/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.cjs.js");
+require("../../../api/queries/addons/getAddons.cjs.js");
+require("../../../api/queries/addons/updateAddons.cjs.js");
+require("../../../api/queries/attributes/getAttributes.cjs.js");
+require("../../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../../api/queries/entities/updateEntity.cjs.js");
+require("../../../api/queries/entityLists/getLists.cjs.js");
+require("../../../api/queries/entityLists/updateLists.cjs.js");
+require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.cjs.js");
+require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../../../api/queries/users/getUsers.cjs.js");
+require("../../../api/queries/users/updateUsers.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("lodash");
+require("react-toastify");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+require("../../../context/PowerpackContext.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+const GroupSettingsFallback = require("../components/GroupSettingsFallback.cjs.js");
+const ProjectTableModuleContext = React.createContext(
+  void 0
+);
+const ProjectTableModuleProvider = ({
+  children
+}) => {
+  const [GroupSettings, { outdated }] = useLoadModule.useLoadModule({
+    addon: "powerpack",
+    remote: "slicer",
+    module: "GroupSettings",
+    fallback: GroupSettingsFallback.GroupSettingsFallback,
+    minVersion: "1.0.6-dev"
+  });
+  const value = {
+    GroupSettings,
+    requiredVersion: outdated == null ? void 0 : outdated.required
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
+};
+const useProjectTableModuleContext = () => {
+  const context = React.useContext(ProjectTableModuleContext);
+  if (context === void 0) {
+    throw new Error("useProjectTableModuleContext must be used within a ProjectTableModuleProvider");
+  }
+  return context;
+};
+exports.ProjectTableModuleProvider = ProjectTableModuleProvider;
+exports.useProjectTableModuleContext = useProjectTableModuleContext;
+//# sourceMappingURL=ProjectTableModulesContext.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectTableModulesContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableModulesContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport React, { createContext, useContext, ReactNode, FC } from 'react'\nimport { GroupSettingsFallback } from '../components/GroupSettingsFallback'\n\ninterface ProjectTableModuleContextType {\n  GroupSettings: typeof GroupSettingsFallback\n  requiredVersion?: string\n}\n\nconst ProjectTableModuleContext = createContext<ProjectTableModuleContextType | undefined>(\n  undefined,\n)\n\ninterface ProjectTableModuleProviderProps {\n  children: ReactNode\n}\n\nexport const ProjectTableModuleProvider: React.FC<ProjectTableModuleProviderProps> = ({\n  children,\n}) => {\n  const [GroupSettings, { outdated }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'slicer',\n    module: 'GroupSettings',\n    fallback: GroupSettingsFallback,\n    minVersion: '1.0.6-dev',\n  })\n\n  const value = {\n    GroupSettings,\n    requiredVersion: outdated?.required,\n  }\n\n  return (\n    <ProjectTableModuleContext.Provider value={value}>\n      {children}\n    </ProjectTableModuleContext.Provider>\n  )\n}\n\nexport const useProjectTableModuleContext = (): ProjectTableModuleContextType => {\n  const context = useContext(ProjectTableModuleContext)\n  if (context === undefined) {\n    throw new Error('useProjectTableModuleContext must be used within a ProjectTableModuleProvider')\n  }\n  return context\n}\n"],"names":["createContext","useLoadModule","GroupSettingsFallback","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,4BAA4BA,MAAA;AAAA,EAChC;AACF;AAMO,MAAM,6BAAwE,CAAC;AAAA,EACpF;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,EAAE,SAAU,CAAA,IAAIC,cAAAA,cAAc;AAAA,IAClD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,sBAAA;AAAA,IACV,YAAY;AAAA,EAAA,CACb;AAED,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,iBAAiB,qCAAU;AAAA,EAC7B;AAEA,SACGC,2BAAAA,kBAAAA,IAAA,0BAA0B,UAA1B,EAAmC,OACjC,SACH,CAAA;AAEJ;AAEO,MAAM,+BAA+B,MAAqC;AACzE,QAAA,UAAUC,iBAAW,yBAAyB;AACpD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,+EAA+E;AAAA,EAAA;AAE1F,SAAA;AACT;;;"}