@ynput/ayon-frontend-shared 0.2.14 → 0.2.16

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/ProjectDataContext.cjs.js

@@ -37,6 +37,7 @@ 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/generated/grouping.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 require("../../../api/queries/activities/getActivities.cjs.js");
 require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -67,6 +68,7 @@ const getUsers = 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("../../../api/queries/grouping/getGrouping.cjs.js");
 const useAttributesList = require("../hooks/useAttributesList.cjs.js");
 const ProjectDataContext = React.createContext(void 0);
 const ProjectDataProvider = ({ children, projectName }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDataContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","useAttributeFields","useGetUsersAssigneeQuery","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqBA,oBAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,WAAAA,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,kBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAOC,SAAAA,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAUC,iBAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;;;"}
+{"version":3,"file":"ProjectDataContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","useAttributeFields","useGetUsersAssigneeQuery","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqBA,oBAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,WAAAA,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACVC,kBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAOC,SAAAA,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQC,MAAA;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQC,2BAAAA,kBAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAUC,iBAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;;;"}

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

@@ -35,6 +35,7 @@ import "../../../api/generated/users.es.js";
 import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
@@ -65,6 +66,7 @@ import { useGetUsersAssigneeQuery } from "../../../api/queries/users/getUsers.es
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import useAttributeFields from "../hooks/useAttributesList.es.js";
 const ProjectDataContext = createContext(void 0);
 const ProjectDataProvider = ({ children, projectName }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDataContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqB,cAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAO,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQA,kCAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;"}
+{"version":3,"file":"ProjectDataContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectDataContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from 'react'\nimport { useGetUsersAssigneeQuery, useGetProjectQuery } from '@shared/api'\nimport type { ProjectModel } from '@shared/api'\nimport useAttributeFields, { ProjectTableAttribute } from '../hooks/useAttributesList'\n\ntype User = {\n  name: string\n  fullName: string\n}\n\nexport interface ProjectDataContextProps {\n  isInitialized: boolean\n  isLoading: boolean\n  // Project Info\n  projectInfo?: ProjectModel\n  projectName: string\n  users: User[]\n  // Attributes\n  attribFields: ProjectTableAttribute[]\n}\n\nconst ProjectDataContext = createContext<ProjectDataContextProps | undefined>(undefined)\n\ninterface ProjectDataProviderProps {\n  children: ReactNode\n  projectName: string\n}\n\nexport const ProjectDataProvider = ({ children, projectName }: ProjectDataProviderProps) => {\n  // GET PROJECT DATA\n  const {\n    data: projectInfo,\n    isSuccess: isSuccessProject,\n    isFetching: isFetchingProject,\n  } = useGetProjectQuery({ projectName }, { skip: !projectName })\n\n  const {\n    attribFields,\n    isSuccess: isSuccessAttribs,\n    isFetching: isFetchingAttribs,\n  } = useAttributeFields({ projectName })\n\n  // GET USERS\n  const { data: usersData = [] } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n  const users = usersData as User[]\n\n  const isInitialized =\n    isSuccessProject && isSuccessAttribs && !isFetchingProject && !isFetchingAttribs\n\n  const value = useMemo(\n    () => ({\n      isInitialized,\n      isLoading: isFetchingProject || isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    }),\n    [\n      isInitialized,\n      isFetchingProject,\n      isFetchingAttribs,\n      projectInfo,\n      projectName,\n      users,\n      attribFields,\n    ],\n  )\n\n  return <ProjectDataContext.Provider value={value}>{children}</ProjectDataContext.Provider>\n}\n\nexport const useProjectDataContext = () => {\n  const context = useContext(ProjectDataContext)\n  if (!context) {\n    throw new Error('useProjectDataContext must be used within a ProjectDataProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,qBAAqB,cAAmD,MAAS;AAOhF,MAAM,sBAAsB,CAAC,EAAE,UAAU,kBAA4C;AAEpF,QAAA;AAAA,IACJ,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,YAAA,GAAe,EAAE,MAAM,CAAC,aAAa;AAExD,QAAA;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,EAAA,IACV,mBAAmB,EAAE,aAAa;AAGtC,QAAM,EAAE,MAAM,YAAY,CAAA,MAAO,yBAAyB,EAAE,eAAe,EAAE,MAAM,CAAC,aAAa;AACjG,QAAM,QAAQ;AAEd,QAAM,gBACJ,oBAAoB,oBAAoB,CAAC,qBAAqB,CAAC;AAEjE,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,WAAW,qBAAqB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEA,SAAQA,kCAAAA,IAAA,mBAAmB,UAAnB,EAA4B,OAAe,SAAS,CAAA;AAC9D;AAEO,MAAM,wBAAwB,MAAM;AACnC,QAAA,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,iEAAiE;AAAA,EAAA;AAE5E,SAAA;AACT;"}

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

@@ -2,8 +2,11 @@
 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 useBuildGroupByTableData = require("../hooks/useBuildGroupByTableData.cjs.js");
+const ColumnSettingsContext = require("./ColumnSettingsContext.cjs.js");
+const parseRowId = (rowId) => rowId.split(useBuildGroupByTableData.ROW_ID_SEPARATOR)[0] || rowId;
 const ProjectTableContext = React.createContext(void 0);
 const ProjectTableProvider = ({
   children,
@@ -18,10 +21,12 @@ const ProjectTableProvider = ({
   loadingTasks,
   isLoadingMore,
   isLoading,
+  error,
   isInitialized,
   projectName,
   users,
   attribFields,
+  taskGroups,
   filters,
   setFilters,
   queryFilters,
@@ -33,9 +38,12 @@ const ProjectTableProvider = ({
   fetchNextPage,
   reloadTableData,
   setExpanded,
-  contextMenuItems
+  contextMenuItems,
+  powerpack,
+  modules,
+  groupByConfig
 }) => {
-  const tableData = useOverviewTable({
+  const defaultTableData = useBuildProjectDataTable({
     foldersMap,
     tasksMap,
     rows: tableRows,
@@ -46,14 +54,28 @@ const ProjectTableProvider = ({
     loadingTasks,
     isLoadingMore
   });
+  const { groupBy } = ColumnSettingsContext.useColumnSettingsContext();
+  const buildGroupByTableData = useBuildGroupByTableData.default({
+    entities: entitiesMap,
+    entityType: groupByConfig == null ? void 0 : groupByConfig.entityType,
+    groups: taskGroups,
+    project: projectInfo,
+    attribFields
+  });
+  const groupedTableData = React.useMemo(
+    () => !!groupBy && buildGroupByTableData(groupBy),
+    [groupBy, entitiesMap, taskGroups]
+  );
+  const tableData = groupBy && groupedTableData ? groupedTableData : defaultTableData;
   const getEntityById = React.useCallback(
     (id) => {
-      if (foldersMap.has(id)) {
-        return foldersMap.get(id);
-      } else if (tasksMap.has(id)) {
-        return tasksMap.get(id);
-      } else if (entitiesMap.has(id)) {
-        return entitiesMap.get(id);
+      const parsedId = parseRowId(id);
+      if (foldersMap.has(parsedId)) {
+        return foldersMap.get(parsedId);
+      } else if (tasksMap.has(parsedId)) {
+        return tasksMap.get(parsedId);
+      } else if (entitiesMap.has(parsedId)) {
+        return entitiesMap.get(parsedId);
       }
       return void 0;
     },
@@ -96,6 +118,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 +142,7 @@ const ProjectTableProvider = ({
         // forwarded on
         isInitialized,
         isLoading,
+        error,
         projectInfo,
         attribFields,
         users,
@@ -114,6 +152,7 @@ const ProjectTableProvider = ({
         entitiesMap,
         fetchNextPage,
         reloadTableData,
+        taskGroups,
         // filters
         filters,
         setFilters,
@@ -126,6 +165,7 @@ const ProjectTableProvider = ({
         toggleExpanded,
         updateExpanded,
         toggleExpandAll,
+        toggleExpands,
         // sorting
         sorting,
         updateSorting,
@@ -136,7 +176,10 @@ const ProjectTableProvider = ({
         findNonInheritedValues,
         getAncestorsOf,
         // context menu
-        contextMenuItems
+        contextMenuItems,
+        // powerpack context
+        powerpack,
+        modules
       },
       children
     }
@@ -150,5 +193,6 @@ const useProjectTableContext = () => {
   return context;
 };
 exports.ProjectTableProvider = ProjectTableProvider;
+exports.parseRowId = parseRowId;
 exports.useProjectTableContext = useProjectTableContext;
 //# sourceMappingURL=ProjectTableContext.cjs.js.map

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":["/**\n * Project Table Context\n *\n * This context serves as the central data management layer for the project table component.\n * It performs three main functions:\n *\n * 1. **Props Forwarding**: Acts as a bridge to forward essential props (project info, users,\n *    attributes, filters, etc.) down to child components throughout the table hierarchy.\n *\n * 2. **Table Data Structure Building**: Transforms raw project data into structured table rows\n *    that can be consumed by the table component. This includes processing folders, tasks,\n *    and entities into a unified table format.\n *\n * 3. **Multi-Modal Data Presentation**: Supports three different data presentation modes:\n *    - **Hierarchy Mode**: Builds nested folder/task relationships with expandable rows\n *    - **Tasks List Mode**: Flattened view of tasks without hierarchical structure\n *    - **Groups Mode**: Groups entities by specified criteria (entity type, custom groups)\n *\n * The context also provides utility functions for entity relationships, expansion state\n * management, filtering, sorting, and folder inheritance operations.\n */\nimport { createContext, ReactNode, useCallback, useContext, useMemo } 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 { EntityGroup } from '@shared/api'\nimport useBuildGroupByTableData, {\n  GroupByEntityType,\n  ROW_ID_SEPARATOR,\n} from '../hooks/useBuildGroupByTableData'\nimport { PowerpackContextType } from '@shared/context'\nimport { ProjectTableModuleContextType } from './ProjectTableModulesContext'\nimport { useColumnSettingsContext } from './ColumnSettingsContext'\n\nexport const parseRowId = (rowId: string) => rowId.split(ROW_ID_SEPARATOR)[0] || rowId\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: EntityGroup[]\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  // powerpack context\n  powerpack?: PowerpackContextType\n\n  // remote modules\n  modules: ProjectTableModuleContextType\n\n  groupByConfig?: {\n    entityType?: GroupByEntityType\n  }\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  // Powerpack context\n  powerpack?: ProjectTableProviderProps['powerpack']\n\n  // remote modules\n  modules: ProjectTableProviderProps['modules']\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  powerpack,\n  modules,\n  groupByConfig,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const defaultTableData = useBuildProjectDataTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n  const { groupBy } = useColumnSettingsContext()\n\n  const buildGroupByTableData = useBuildGroupByTableData({\n    entities: entitiesMap,\n    entityType: groupByConfig?.entityType,\n    groups: taskGroups,\n    project: projectInfo,\n    attribFields,\n  })\n\n  // if we are grouping by something, we ignore current tableData and format the data based on the groupBy\n  const groupedTableData = useMemo(\n    () => !!groupBy && buildGroupByTableData(groupBy),\n    [groupBy, entitiesMap, taskGroups],\n  )\n\n  const tableData = groupBy && groupedTableData ? groupedTableData : defaultTableData\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      // always parse the id to remove any suffixes\n      // this can happen if the id is a group by id (we need to make the row id unique)\n      const parsedId = parseRowId(id)\n      if (foldersMap.has(parsedId)) {\n        return foldersMap.get(parsedId)\n      } else if (tasksMap.has(parsedId)) {\n        return tasksMap.get(parsedId)\n      } else if (entitiesMap.has(parsedId)) {\n        return entitiesMap.get(parsedId)\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        // powerpack context\n        powerpack,\n        modules,\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":["ROW_ID_SEPARATOR","createContext","useColumnSettingsContext","useBuildGroupByTableData","useMemo","useCallback","jsx","useContext"],"mappings":"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"}

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

@@ -1,7 +1,10 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { createContext, useCallback, useContext } from "react";
-import useOverviewTable from "../hooks/useOverviewTable.es.js";
+import { createContext, useMemo, useCallback, useContext } from "react";
+import useBuildProjectDataTable from "../hooks/useBuildProjectDataTable.es.js";
 import useFolderRelationships from "../hooks/useFolderRelationships.es.js";
+import useBuildGroupByTableData, { ROW_ID_SEPARATOR } from "../hooks/useBuildGroupByTableData.es.js";
+import { useColumnSettingsContext } from "./ColumnSettingsContext.es.js";
+const parseRowId = (rowId) => rowId.split(ROW_ID_SEPARATOR)[0] || rowId;
 const ProjectTableContext = createContext(void 0);
 const ProjectTableProvider = ({
   children,
@@ -16,10 +19,12 @@ const ProjectTableProvider = ({
   loadingTasks,
   isLoadingMore,
   isLoading,
+  error,
   isInitialized,
   projectName,
   users,
   attribFields,
+  taskGroups,
   filters,
   setFilters,
   queryFilters,
@@ -31,9 +36,12 @@ const ProjectTableProvider = ({
   fetchNextPage,
   reloadTableData,
   setExpanded,
-  contextMenuItems
+  contextMenuItems,
+  powerpack,
+  modules,
+  groupByConfig
 }) => {
-  const tableData = useOverviewTable({
+  const defaultTableData = useBuildProjectDataTable({
     foldersMap,
     tasksMap,
     rows: tableRows,
@@ -44,14 +52,28 @@ const ProjectTableProvider = ({
     loadingTasks,
     isLoadingMore
   });
+  const { groupBy } = useColumnSettingsContext();
+  const buildGroupByTableData = useBuildGroupByTableData({
+    entities: entitiesMap,
+    entityType: groupByConfig == null ? void 0 : groupByConfig.entityType,
+    groups: taskGroups,
+    project: projectInfo,
+    attribFields
+  });
+  const groupedTableData = useMemo(
+    () => !!groupBy && buildGroupByTableData(groupBy),
+    [groupBy, entitiesMap, taskGroups]
+  );
+  const tableData = groupBy && groupedTableData ? groupedTableData : defaultTableData;
   const getEntityById = useCallback(
     (id) => {
-      if (foldersMap.has(id)) {
-        return foldersMap.get(id);
-      } else if (tasksMap.has(id)) {
-        return tasksMap.get(id);
-      } else if (entitiesMap.has(id)) {
-        return entitiesMap.get(id);
+      const parsedId = parseRowId(id);
+      if (foldersMap.has(parsedId)) {
+        return foldersMap.get(parsedId);
+      } else if (tasksMap.has(parsedId)) {
+        return tasksMap.get(parsedId);
+      } else if (entitiesMap.has(parsedId)) {
+        return entitiesMap.get(parsedId);
       }
       return void 0;
     },
@@ -94,6 +116,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 +140,7 @@ const ProjectTableProvider = ({
         // forwarded on
         isInitialized,
         isLoading,
+        error,
         projectInfo,
         attribFields,
         users,
@@ -112,6 +150,7 @@ const ProjectTableProvider = ({
         entitiesMap,
         fetchNextPage,
         reloadTableData,
+        taskGroups,
         // filters
         filters,
         setFilters,
@@ -124,6 +163,7 @@ const ProjectTableProvider = ({
         toggleExpanded,
         updateExpanded,
         toggleExpandAll,
+        toggleExpands,
         // sorting
         sorting,
         updateSorting,
@@ -134,7 +174,10 @@ const ProjectTableProvider = ({
         findNonInheritedValues,
         getAncestorsOf,
         // context menu
-        contextMenuItems
+        contextMenuItems,
+        // powerpack context
+        powerpack,
+        modules
       },
       children
     }
@@ -149,6 +192,7 @@ const useProjectTableContext = () => {
 };
 export {
   ProjectTableProvider,
+  parseRowId,
   useProjectTableContext
 };
 //# sourceMappingURL=ProjectTableContext.es.js.map

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":["/**\n * Project Table Context\n *\n * This context serves as the central data management layer for the project table component.\n * It performs three main functions:\n *\n * 1. **Props Forwarding**: Acts as a bridge to forward essential props (project info, users,\n *    attributes, filters, etc.) down to child components throughout the table hierarchy.\n *\n * 2. **Table Data Structure Building**: Transforms raw project data into structured table rows\n *    that can be consumed by the table component. This includes processing folders, tasks,\n *    and entities into a unified table format.\n *\n * 3. **Multi-Modal Data Presentation**: Supports three different data presentation modes:\n *    - **Hierarchy Mode**: Builds nested folder/task relationships with expandable rows\n *    - **Tasks List Mode**: Flattened view of tasks without hierarchical structure\n *    - **Groups Mode**: Groups entities by specified criteria (entity type, custom groups)\n *\n * The context also provides utility functions for entity relationships, expansion state\n * management, filtering, sorting, and folder inheritance operations.\n */\nimport { createContext, ReactNode, useCallback, useContext, useMemo } 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 { EntityGroup } from '@shared/api'\nimport useBuildGroupByTableData, {\n  GroupByEntityType,\n  ROW_ID_SEPARATOR,\n} from '../hooks/useBuildGroupByTableData'\nimport { PowerpackContextType } from '@shared/context'\nimport { ProjectTableModuleContextType } from './ProjectTableModulesContext'\nimport { useColumnSettingsContext } from './ColumnSettingsContext'\n\nexport const parseRowId = (rowId: string) => rowId.split(ROW_ID_SEPARATOR)[0] || rowId\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: EntityGroup[]\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  // powerpack context\n  powerpack?: PowerpackContextType\n\n  // remote modules\n  modules: ProjectTableModuleContextType\n\n  groupByConfig?: {\n    entityType?: GroupByEntityType\n  }\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  // Powerpack context\n  powerpack?: ProjectTableProviderProps['powerpack']\n\n  // remote modules\n  modules: ProjectTableProviderProps['modules']\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  powerpack,\n  modules,\n  groupByConfig,\n}: ProjectTableProviderProps) => {\n  // DATA TO TABLE\n  const defaultTableData = useBuildProjectDataTable({\n    foldersMap,\n    tasksMap,\n    rows: tableRows,\n    tasksByFolderMap,\n    expanded,\n    projectInfo,\n    showHierarchy,\n    loadingTasks,\n    isLoadingMore,\n  })\n  const { groupBy } = useColumnSettingsContext()\n\n  const buildGroupByTableData = useBuildGroupByTableData({\n    entities: entitiesMap,\n    entityType: groupByConfig?.entityType,\n    groups: taskGroups,\n    project: projectInfo,\n    attribFields,\n  })\n\n  // if we are grouping by something, we ignore current tableData and format the data based on the groupBy\n  const groupedTableData = useMemo(\n    () => !!groupBy && buildGroupByTableData(groupBy),\n    [groupBy, entitiesMap, taskGroups],\n  )\n\n  const tableData = groupBy && groupedTableData ? groupedTableData : defaultTableData\n\n  const getEntityById = useCallback(\n    (id: string): EntityMap | undefined => {\n      // always parse the id to remove any suffixes\n      // this can happen if the id is a group by id (we need to make the row id unique)\n      const parsedId = parseRowId(id)\n      if (foldersMap.has(parsedId)) {\n        return foldersMap.get(parsedId)\n      } else if (tasksMap.has(parsedId)) {\n        return tasksMap.get(parsedId)\n      } else if (entitiesMap.has(parsedId)) {\n        return entitiesMap.get(parsedId)\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        // powerpack context\n        powerpack,\n        modules,\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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"}