@ynput/ayon-frontend-shared 0.2.15 → 0.2.16

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 { 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,
@@ -33,9 +36,12 @@ const ProjectTableProvider = ({
   fetchNextPage,
   reloadTableData,
   setExpanded,
-  contextMenuItems
+  contextMenuItems,
+  powerpack,
+  modules,
+  groupByConfig
 }) => {
-  const tableData = useBuildProjectDataTable({
+  const defaultTableData = useBuildProjectDataTable({
     foldersMap,
     tasksMap,
     rows: tableRows,
@@ -46,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;
     },
@@ -154,7 +174,10 @@ const ProjectTableProvider = ({
         findNonInheritedValues,
         getAncestorsOf,
         // context menu
-        contextMenuItems
+        contextMenuItems,
+        // powerpack context
+        powerpack,
+        modules
       },
       children
     }
@@ -169,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 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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"}
+{"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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"}

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

@@ -40,6 +40,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");
@@ -70,6 +71,7 @@ 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");
 require("lodash");
 require("react-toastify");
 require("../../../context/RemoteModulesContext.cjs.js");
@@ -85,25 +87,44 @@ require("../../../context/PowerpackContext.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
 const GroupSettingsFallback = require("../components/GroupSettingsFallback.cjs.js");
+const getGroupQueriesFallback = (params) => [];
 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 });
-};
+ProjectTableModuleContext.displayName = "ProjectTableModuleContext";
+const ProjectTableModuleProvider = React.memo(
+  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {
+    const minVersion = "1.0.6-dev";
+    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule.useLoadModule({
+      addon: "powerpack",
+      remote: "slicer",
+      module: "GroupSettings",
+      fallback: GroupSettingsProp || GroupSettingsFallback.GroupSettingsFallback,
+      minVersion,
+      skip: !!GroupSettingsProp
+    });
+    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule.useLoadModule({
+      addon: "powerpack",
+      remote: "slicer",
+      module: "getGroupQueries",
+      fallback: getGroupQueriesProp || getGroupQueriesFallback,
+      minVersion,
+      skip: !!getGroupQueriesProp
+    });
+    const isLoading = isLoadingSettings || isLoadingQueries;
+    const value = React.useMemo(
+      () => ({
+        GroupSettings,
+        getGroupQueries,
+        requiredVersion: outdated == null ? void 0 : outdated.required,
+        isLoading
+      }),
+      [GroupSettings, getGroupQueries, outdated == null ? void 0 : outdated.required, isLoading]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
+  }
+);
+ProjectTableModuleProvider.displayName = "ProjectTableModuleProvider";
 const useProjectTableModuleContext = () => {
   const context = React.useContext(ProjectTableModuleContext);
   if (context === void 0) {

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

@@ -1 +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;;;"}
+{"version":3,"file":"ProjectTableModulesContext.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableModulesContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport React, { createContext, useContext, ReactNode, useMemo } from 'react'\nimport { GroupSettingsFallback } from '../components/GroupSettingsFallback'\nimport { EntityGroup } from '@shared/api'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { TableGroupBy } from './ColumnSettingsContext'\nimport { ProjectTableAttribute } from '../types'\n\ntype GetGroupQueriesParams = {\n  taskGroups: EntityGroup[]\n  filters: Filter[]\n  groupBy: TableGroupBy\n  groupPageCounts: Record<string, number>\n  dataType: ProjectTableAttribute['data']['type']\n}\n\ntype GetGroupQueriesReturn = {\n  value: any\n  count: number\n  filter: string\n}[]\n\nconst getGroupQueriesFallback = (params: GetGroupQueriesParams): GetGroupQueriesReturn => []\n\nexport interface ProjectTableModuleContextType {\n  GroupSettings: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n  requiredVersion?: string\n  isLoading: boolean\n}\n\nconst ProjectTableModuleContext = createContext<ProjectTableModuleContextType | undefined>(\n  undefined,\n)\n\n// Add display name for React DevTools and hot reload stability\nProjectTableModuleContext.displayName = 'ProjectTableModuleContext'\n\nexport interface ProjectTableModuleProviderProps {\n  children: ReactNode\n  GroupSettings?: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n}\n\n// Memoize the provider to maintain stable references during hot reload\nexport const ProjectTableModuleProvider: React.FC<ProjectTableModuleProviderProps> = React.memo(\n  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {\n    const minVersion = '1.0.6-dev'\n    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({\n      addon: 'powerpack',\n      remote: 'slicer',\n      module: 'GroupSettings',\n      fallback: GroupSettingsProp || GroupSettingsFallback,\n      minVersion: minVersion,\n      skip: !!GroupSettingsProp,\n    })\n\n    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({\n      addon: 'powerpack',\n      remote: 'slicer',\n      module: 'getGroupQueries',\n      fallback: getGroupQueriesProp || getGroupQueriesFallback,\n      minVersion: minVersion,\n      skip: !!getGroupQueriesProp,\n    })\n\n    const isLoading = isLoadingSettings || isLoadingQueries\n    const value = useMemo(\n      () => ({\n        GroupSettings,\n        getGroupQueries,\n        requiredVersion: outdated?.required,\n        isLoading: isLoading,\n      }),\n      [GroupSettings, getGroupQueries, outdated?.required, isLoading],\n    )\n\n    return (\n      <ProjectTableModuleContext.Provider value={value}>\n        {children}\n      </ProjectTableModuleContext.Provider>\n    )\n  },\n)\n\n// Add display name for React DevTools\nProjectTableModuleProvider.displayName = 'ProjectTableModuleProvider'\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","useMemo","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,0BAA0B,CAAC,WAAyD,CAAC;AAS3F,MAAM,4BAA4BA,MAAA;AAAA,EAChC;AACF;AAGA,0BAA0B,cAAc;AASjC,MAAM,6BAAwE,MAAM;AAAA,EACzF,CAAC,EAAE,UAAU,eAAe,mBAAmB,iBAAiB,0BAA0B;AACxF,UAAM,aAAa;AACb,UAAA,CAAC,eAAe,EAAE,UAAU,WAAW,kBAAkB,CAAC,IAAIC,4BAAc;AAAA,MAChF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,qBAAqBC,sBAAA;AAAA,MAC/B;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,IAAA,CACT;AAED,UAAM,CAAC,iBAAiB,EAAE,WAAW,iBAAkB,CAAA,IAAID,cAAAA,cAAc;AAAA,MACvE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,uBAAuB;AAAA,MACjC;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,IAAA,CACT;AAED,UAAM,YAAY,qBAAqB;AACvC,UAAM,QAAQE,MAAA;AAAA,MACZ,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,iBAAiB,qCAAU;AAAA,QAC3B;AAAA,MAAA;AAAA,MAEF,CAAC,eAAe,iBAAiB,qCAAU,UAAU,SAAS;AAAA,IAChE;AAEA,WACGC,2BAAAA,kBAAAA,IAAA,0BAA0B,UAA1B,EAAmC,OACjC,SACH,CAAA;AAAA,EAAA;AAGN;AAGA,2BAA2B,cAAc;AAElC,MAAM,+BAA+B,MAAqC;AACzE,QAAA,UAAUC,iBAAW,yBAAyB;AACpD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,+EAA+E;AAAA,EAAA;AAE1F,SAAA;AACT;;;"}

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

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
-import { createContext, useContext } from "react";
+import React__default, { createContext, useMemo, useContext } from "react";
 import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -38,6 +38,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";
@@ -68,6 +69,7 @@ import "../../../api/queries/users/getUsers.es.js";
 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 "lodash";
 import "react-toastify";
 import "../../../context/RemoteModulesContext.es.js";
@@ -83,25 +85,44 @@ import "../../../context/PowerpackContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import { GroupSettingsFallback } from "../components/GroupSettingsFallback.es.js";
+const getGroupQueriesFallback = (params) => [];
 const ProjectTableModuleContext = createContext(
   void 0
 );
-const ProjectTableModuleProvider = ({
-  children
-}) => {
-  const [GroupSettings, { outdated }] = useLoadModule({
-    addon: "powerpack",
-    remote: "slicer",
-    module: "GroupSettings",
-    fallback: GroupSettingsFallback,
-    minVersion: "1.0.6-dev"
-  });
-  const value = {
-    GroupSettings,
-    requiredVersion: outdated == null ? void 0 : outdated.required
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
-};
+ProjectTableModuleContext.displayName = "ProjectTableModuleContext";
+const ProjectTableModuleProvider = React__default.memo(
+  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {
+    const minVersion = "1.0.6-dev";
+    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({
+      addon: "powerpack",
+      remote: "slicer",
+      module: "GroupSettings",
+      fallback: GroupSettingsProp || GroupSettingsFallback,
+      minVersion,
+      skip: !!GroupSettingsProp
+    });
+    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({
+      addon: "powerpack",
+      remote: "slicer",
+      module: "getGroupQueries",
+      fallback: getGroupQueriesProp || getGroupQueriesFallback,
+      minVersion,
+      skip: !!getGroupQueriesProp
+    });
+    const isLoading = isLoadingSettings || isLoadingQueries;
+    const value = useMemo(
+      () => ({
+        GroupSettings,
+        getGroupQueries,
+        requiredVersion: outdated == null ? void 0 : outdated.required,
+        isLoading
+      }),
+      [GroupSettings, getGroupQueries, outdated == null ? void 0 : outdated.required, isLoading]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectTableModuleContext.Provider, { value, children });
+  }
+);
+ProjectTableModuleProvider.displayName = "ProjectTableModuleProvider";
 const useProjectTableModuleContext = () => {
   const context = useContext(ProjectTableModuleContext);
   if (context === void 0) {

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableModulesContext.es.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":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,4BAA4B;AAAA,EAChC;AACF;AAMO,MAAM,6BAAwE,CAAC;AAAA,EACpF;AACF,MAAM;AACJ,QAAM,CAAC,eAAe,EAAE,SAAU,CAAA,IAAI,cAAc;AAAA,IAClD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EAAA,CACb;AAED,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,iBAAiB,qCAAU;AAAA,EAC7B;AAEA,SACGA,kCAAAA,IAAA,0BAA0B,UAA1B,EAAmC,OACjC,SACH,CAAA;AAEJ;AAEO,MAAM,+BAA+B,MAAqC;AACzE,QAAA,UAAU,WAAW,yBAAyB;AACpD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,+EAA+E;AAAA,EAAA;AAE1F,SAAA;AACT;"}
+{"version":3,"file":"ProjectTableModulesContext.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/ProjectTableModulesContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport React, { createContext, useContext, ReactNode, useMemo } from 'react'\nimport { GroupSettingsFallback } from '../components/GroupSettingsFallback'\nimport { EntityGroup } from '@shared/api'\nimport { Filter } from '@ynput/ayon-react-components'\nimport { TableGroupBy } from './ColumnSettingsContext'\nimport { ProjectTableAttribute } from '../types'\n\ntype GetGroupQueriesParams = {\n  taskGroups: EntityGroup[]\n  filters: Filter[]\n  groupBy: TableGroupBy\n  groupPageCounts: Record<string, number>\n  dataType: ProjectTableAttribute['data']['type']\n}\n\ntype GetGroupQueriesReturn = {\n  value: any\n  count: number\n  filter: string\n}[]\n\nconst getGroupQueriesFallback = (params: GetGroupQueriesParams): GetGroupQueriesReturn => []\n\nexport interface ProjectTableModuleContextType {\n  GroupSettings: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n  requiredVersion?: string\n  isLoading: boolean\n}\n\nconst ProjectTableModuleContext = createContext<ProjectTableModuleContextType | undefined>(\n  undefined,\n)\n\n// Add display name for React DevTools and hot reload stability\nProjectTableModuleContext.displayName = 'ProjectTableModuleContext'\n\nexport interface ProjectTableModuleProviderProps {\n  children: ReactNode\n  GroupSettings?: typeof GroupSettingsFallback\n  getGroupQueries?: (params: GetGroupQueriesParams) => GetGroupQueriesReturn\n}\n\n// Memoize the provider to maintain stable references during hot reload\nexport const ProjectTableModuleProvider: React.FC<ProjectTableModuleProviderProps> = React.memo(\n  ({ children, GroupSettings: GroupSettingsProp, getGroupQueries: getGroupQueriesProp }) => {\n    const minVersion = '1.0.6-dev'\n    const [GroupSettings, { outdated, isLoading: isLoadingSettings }] = useLoadModule({\n      addon: 'powerpack',\n      remote: 'slicer',\n      module: 'GroupSettings',\n      fallback: GroupSettingsProp || GroupSettingsFallback,\n      minVersion: minVersion,\n      skip: !!GroupSettingsProp,\n    })\n\n    const [getGroupQueries, { isLoading: isLoadingQueries }] = useLoadModule({\n      addon: 'powerpack',\n      remote: 'slicer',\n      module: 'getGroupQueries',\n      fallback: getGroupQueriesProp || getGroupQueriesFallback,\n      minVersion: minVersion,\n      skip: !!getGroupQueriesProp,\n    })\n\n    const isLoading = isLoadingSettings || isLoadingQueries\n    const value = useMemo(\n      () => ({\n        GroupSettings,\n        getGroupQueries,\n        requiredVersion: outdated?.required,\n        isLoading: isLoading,\n      }),\n      [GroupSettings, getGroupQueries, outdated?.required, isLoading],\n    )\n\n    return (\n      <ProjectTableModuleContext.Provider value={value}>\n        {children}\n      </ProjectTableModuleContext.Provider>\n    )\n  },\n)\n\n// Add display name for React DevTools\nProjectTableModuleProvider.displayName = 'ProjectTableModuleProvider'\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":["React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,0BAA0B,CAAC,WAAyD,CAAC;AAS3F,MAAM,4BAA4B;AAAA,EAChC;AACF;AAGA,0BAA0B,cAAc;AASjC,MAAM,6BAAwEA,eAAM;AAAA,EACzF,CAAC,EAAE,UAAU,eAAe,mBAAmB,iBAAiB,0BAA0B;AACxF,UAAM,aAAa;AACb,UAAA,CAAC,eAAe,EAAE,UAAU,WAAW,kBAAkB,CAAC,IAAI,cAAc;AAAA,MAChF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,qBAAqB;AAAA,MAC/B;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,IAAA,CACT;AAED,UAAM,CAAC,iBAAiB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,MACvE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,uBAAuB;AAAA,MACjC;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,IAAA,CACT;AAED,UAAM,YAAY,qBAAqB;AACvC,UAAM,QAAQ;AAAA,MACZ,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,iBAAiB,qCAAU;AAAA,QAC3B;AAAA,MAAA;AAAA,MAEF,CAAC,eAAe,iBAAiB,qCAAU,UAAU,SAAS;AAAA,IAChE;AAEA,WACGC,kCAAAA,IAAA,0BAA0B,UAA1B,EAAmC,OACjC,SACH,CAAA;AAAA,EAAA;AAGN;AAGA,2BAA2B,cAAc;AAElC,MAAM,+BAA+B,MAAqC;AACzE,QAAA,UAAU,WAAW,yBAAyB;AACpD,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,+EAA+E;AAAA,EAAA;AAE1F,SAAA;AACT;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useAttributesList.cjs.js

@@ -34,6 +34,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");
@@ -64,6 +65,7 @@ require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 const getPermissions = require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 const useAttributeFields = ({ projectName }) => {
   const { data: info, isSuccess, isFetching } = getSystem.useGetSiteInfoQuery({ full: true });
   const { attributes = [] } = info || {};

package/dist/shared/src/containers/ProjectTreeTable/hooks/useAttributesList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAttributesList.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useAttributesList.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetMyProjectPermissionsQuery, AttributeModel } from '@shared/api'\n\nexport interface ProjectTableAttribute extends AttributeModel {\n  readOnly?: boolean\n}\n\nconst useAttributeFields = ({ projectName }: { projectName: string }) => {\n  const { data: info, isSuccess, isFetching } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  const { data: projectPermissions } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\n  const { attrib_read, attrib_write } = projectPermissions || {}\n  const { enabled: attribReadEnabled, attributes: attribReadAttributes } = attrib_read || {}\n  const { enabled: attribWriteEnabled, attributes: attribWriteAttributes } = attrib_write || {}\n\n  //   filter out scopes and filter out attributes that do not have read access\n  const attribFields: ProjectTableAttribute[] = attributes\n    .filter((a) => !attribReadEnabled || attribReadAttributes?.includes(a.name))\n    .map((a) => ({\n      ...a,\n      readOnly: attribWriteEnabled ? !attribWriteAttributes?.includes(a.name) : false,\n    }))\n\n  return { attribFields, isSuccess, isFetching }\n}\n\nexport default useAttributeFields\n"],"names":["useGetSiteInfoQuery","useGetMyProjectPermissionsQuery"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,qBAAqB,CAAC,EAAE,kBAA2C;AACjE,QAAA,EAAE,MAAM,MAAM,WAAW,eAAeA,8BAAoB,EAAE,MAAM,MAAM;AAChF,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AAE/B,QAAA,EAAE,MAAM,mBAAA,IAAuBC,eAAA;AAAA,IACnC,EAAE,YAAY;AAAA,IACd,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AACA,QAAM,EAAE,aAAa,aAAa,IAAI,sBAAsB,CAAC;AAC7D,QAAM,EAAE,SAAS,mBAAmB,YAAY,qBAAqB,IAAI,eAAe,CAAC;AACzF,QAAM,EAAE,SAAS,oBAAoB,YAAY,sBAAsB,IAAI,gBAAgB,CAAC;AAG5F,QAAM,eAAwC,WAC3C,OAAO,CAAC,MAAM,CAAC,sBAAqB,6DAAsB,SAAS,EAAE,MAAK,EAC1E,IAAI,CAAC,OAAO;AAAA,IACX,GAAG;AAAA,IACH,UAAU,qBAAqB,EAAC,+DAAuB,SAAS,EAAE,SAAQ;AAAA,EAAA,EAC1E;AAEG,SAAA,EAAE,cAAc,WAAW,WAAW;AAC/C;;"}
+{"version":3,"file":"useAttributesList.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useAttributesList.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetMyProjectPermissionsQuery, AttributeModel } from '@shared/api'\n\nexport interface ProjectTableAttribute extends AttributeModel {\n  readOnly?: boolean\n}\n\nconst useAttributeFields = ({ projectName }: { projectName: string }) => {\n  const { data: info, isSuccess, isFetching } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  const { data: projectPermissions } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\n  const { attrib_read, attrib_write } = projectPermissions || {}\n  const { enabled: attribReadEnabled, attributes: attribReadAttributes } = attrib_read || {}\n  const { enabled: attribWriteEnabled, attributes: attribWriteAttributes } = attrib_write || {}\n\n  //   filter out scopes and filter out attributes that do not have read access\n  const attribFields: ProjectTableAttribute[] = attributes\n    .filter((a) => !attribReadEnabled || attribReadAttributes?.includes(a.name))\n    .map((a) => ({\n      ...a,\n      readOnly: attribWriteEnabled ? !attribWriteAttributes?.includes(a.name) : false,\n    }))\n\n  return { attribFields, isSuccess, isFetching }\n}\n\nexport default useAttributeFields\n"],"names":["useGetSiteInfoQuery","useGetMyProjectPermissionsQuery"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,qBAAqB,CAAC,EAAE,kBAA2C;AACjE,QAAA,EAAE,MAAM,MAAM,WAAW,eAAeA,8BAAoB,EAAE,MAAM,MAAM;AAChF,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AAE/B,QAAA,EAAE,MAAM,mBAAA,IAAuBC,eAAA;AAAA,IACnC,EAAE,YAAY;AAAA,IACd,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AACA,QAAM,EAAE,aAAa,aAAa,IAAI,sBAAsB,CAAC;AAC7D,QAAM,EAAE,SAAS,mBAAmB,YAAY,qBAAqB,IAAI,eAAe,CAAC;AACzF,QAAM,EAAE,SAAS,oBAAoB,YAAY,sBAAsB,IAAI,gBAAgB,CAAC;AAG5F,QAAM,eAAwC,WAC3C,OAAO,CAAC,MAAM,CAAC,sBAAqB,6DAAsB,SAAS,EAAE,MAAK,EAC1E,IAAI,CAAC,OAAO;AAAA,IACX,GAAG;AAAA,IACH,UAAU,qBAAqB,EAAC,+DAAuB,SAAS,EAAE,SAAQ;AAAA,EAAA,EAC1E;AAEG,SAAA,EAAE,cAAc,WAAW,WAAW;AAC/C;;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useAttributesList.es.js

@@ -33,6 +33,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";
@@ -63,6 +64,7 @@ import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import { useGetMyProjectPermissionsQuery } from "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 const useAttributeFields = ({ projectName }) => {
   const { data: info, isSuccess, isFetching } = useGetSiteInfoQuery({ full: true });
   const { attributes = [] } = info || {};

package/dist/shared/src/containers/ProjectTreeTable/hooks/useAttributesList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAttributesList.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useAttributesList.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetMyProjectPermissionsQuery, AttributeModel } from '@shared/api'\n\nexport interface ProjectTableAttribute extends AttributeModel {\n  readOnly?: boolean\n}\n\nconst useAttributeFields = ({ projectName }: { projectName: string }) => {\n  const { data: info, isSuccess, isFetching } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  const { data: projectPermissions } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\n  const { attrib_read, attrib_write } = projectPermissions || {}\n  const { enabled: attribReadEnabled, attributes: attribReadAttributes } = attrib_read || {}\n  const { enabled: attribWriteEnabled, attributes: attribWriteAttributes } = attrib_write || {}\n\n  //   filter out scopes and filter out attributes that do not have read access\n  const attribFields: ProjectTableAttribute[] = attributes\n    .filter((a) => !attribReadEnabled || attribReadAttributes?.includes(a.name))\n    .map((a) => ({\n      ...a,\n      readOnly: attribWriteEnabled ? !attribWriteAttributes?.includes(a.name) : false,\n    }))\n\n  return { attribFields, isSuccess, isFetching }\n}\n\nexport default useAttributeFields\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,qBAAqB,CAAC,EAAE,kBAA2C;AACjE,QAAA,EAAE,MAAM,MAAM,WAAW,eAAe,oBAAoB,EAAE,MAAM,MAAM;AAChF,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AAE/B,QAAA,EAAE,MAAM,mBAAA,IAAuB;AAAA,IACnC,EAAE,YAAY;AAAA,IACd,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AACA,QAAM,EAAE,aAAa,aAAa,IAAI,sBAAsB,CAAC;AAC7D,QAAM,EAAE,SAAS,mBAAmB,YAAY,qBAAqB,IAAI,eAAe,CAAC;AACzF,QAAM,EAAE,SAAS,oBAAoB,YAAY,sBAAsB,IAAI,gBAAgB,CAAC;AAG5F,QAAM,eAAwC,WAC3C,OAAO,CAAC,MAAM,CAAC,sBAAqB,6DAAsB,SAAS,EAAE,MAAK,EAC1E,IAAI,CAAC,OAAO;AAAA,IACX,GAAG;AAAA,IACH,UAAU,qBAAqB,EAAC,+DAAuB,SAAS,EAAE,SAAQ;AAAA,EAAA,EAC1E;AAEG,SAAA,EAAE,cAAc,WAAW,WAAW;AAC/C;"}
+{"version":3,"file":"useAttributesList.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useAttributesList.ts"],"sourcesContent":["import { useGetSiteInfoQuery, useGetMyProjectPermissionsQuery, AttributeModel } from '@shared/api'\n\nexport interface ProjectTableAttribute extends AttributeModel {\n  readOnly?: boolean\n}\n\nconst useAttributeFields = ({ projectName }: { projectName: string }) => {\n  const { data: info, isSuccess, isFetching } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  const { data: projectPermissions } = useGetMyProjectPermissionsQuery(\n    { projectName },\n    { skip: !projectName },\n  )\n  const { attrib_read, attrib_write } = projectPermissions || {}\n  const { enabled: attribReadEnabled, attributes: attribReadAttributes } = attrib_read || {}\n  const { enabled: attribWriteEnabled, attributes: attribWriteAttributes } = attrib_write || {}\n\n  //   filter out scopes and filter out attributes that do not have read access\n  const attribFields: ProjectTableAttribute[] = attributes\n    .filter((a) => !attribReadEnabled || attribReadAttributes?.includes(a.name))\n    .map((a) => ({\n      ...a,\n      readOnly: attribWriteEnabled ? !attribWriteAttributes?.includes(a.name) : false,\n    }))\n\n  return { attribFields, isSuccess, isFetching }\n}\n\nexport default useAttributeFields\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,qBAAqB,CAAC,EAAE,kBAA2C;AACjE,QAAA,EAAE,MAAM,MAAM,WAAW,eAAe,oBAAoB,EAAE,MAAM,MAAM;AAChF,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AAE/B,QAAA,EAAE,MAAM,mBAAA,IAAuB;AAAA,IACnC,EAAE,YAAY;AAAA,IACd,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AACA,QAAM,EAAE,aAAa,aAAa,IAAI,sBAAsB,CAAC;AAC7D,QAAM,EAAE,SAAS,mBAAmB,YAAY,qBAAqB,IAAI,eAAe,CAAC;AACzF,QAAM,EAAE,SAAS,oBAAoB,YAAY,sBAAsB,IAAI,gBAAgB,CAAC;AAG5F,QAAM,eAAwC,WAC3C,OAAO,CAAC,MAAM,CAAC,sBAAqB,6DAAsB,SAAS,EAAE,MAAK,EAC1E,IAAI,CAAC,OAAO;AAAA,IACX,GAAG;AAAA,IACH,UAAU,qBAAqB,EAAC,+DAAuB,SAAS,EAAE,SAAQ;AAAA,EAAA,EAC1E;AAEG,SAAA,EAAE,cAAc,WAAW,WAAW;AAC/C;"}

package/dist/shared/src/containers/ProjectTreeTable/hooks/useBuildGroupByTableData.cjs.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const useGetEntityTypeData = require("./useGetEntityTypeData.cjs.js");
+const React = require("react");
 const NEXT_PAGE_ID = "next-page";
+const UNGROUPED_VALUE = "_ungrouped";
+const ROW_ID_SEPARATOR = "__";
 const valueToStringArray = (value) => value ? Array.isArray(value) ? value.map((v) => v.toString()) : [value.toString()] : [];
 const getGroupData = (groupById, groupValue, groups) => {
   if (!groups)
@@ -28,36 +31,60 @@ const getGroupData = (groupById, groupValue, groups) => {
 };
 const GROUP_BY_ID = "_GROUP_";
 const buildGroupId = (value) => `${GROUP_BY_ID}${value}`;
+const parseGroupId = (groupId) => {
+  if (!groupId.startsWith(GROUP_BY_ID)) return null;
+  return groupId.slice(GROUP_BY_ID.length);
+};
+const isGroupId = (id) => id.startsWith(GROUP_BY_ID);
+const getSortingIds = (groupBy, project, attribFields = []) => {
+  var _a, _b, _c, _d, _e;
+  const attributeId = groupBy.id.replace("attrib.", "");
+  if (attributeId === "status") {
+    return ((_a = project == null ? void 0 : project.statuses) == null ? void 0 : _a.map((s) => s.name)) || [];
+  } else if (attributeId === "taskType") {
+    return ((_b = project == null ? void 0 : project.taskTypes) == null ? void 0 : _b.map((t) => t.name)) || [];
+  } else if (attributeId === "folderType") {
+    return ((_c = project == null ? void 0 : project.folderTypes) == null ? void 0 : _c.map((f) => f.name)) || [];
+  } else if (groupBy.id.startsWith("attrib.")) {
+    return ((_e = (_d = attribFields.find((field) => field.name === attributeId)) == null ? void 0 : _d.data.enum) == null ? void 0 : _e.map((e) => e.value.toString())) || [];
+  } else return [];
+};
 const useBuildGroupByTableData = (props) => {
-  const { project, entities, entityType, groups = [] } = props;
-  const getEntityTypeData = useGetEntityTypeData({ projectInfo: project });
-  const entityToGroupRow = (task) => {
-    const typeData = getEntityTypeData("task", task.taskType);
-    return {
-      id: task.id,
-      entityType: "task",
-      parentId: task.folderId,
-      name: task.name || "",
-      label: task.label || task.name || "",
-      icon: (typeData == null ? void 0 : typeData.icon) || null,
-      color: (typeData == null ? void 0 : typeData.color) || null,
-      status: task.status,
-      assignees: task.assignees,
-      tags: task.tags,
-      img: null,
-      subRows: [],
-      subType: task.taskType || null,
-      attrib: task.attrib,
-      ownAttrib: task.ownAttrib,
-      path: task.folder.path,
-      updatedAt: task.updatedAt
-    };
-  };
+  const { project, entities, entityType, groups = [], attribFields } = props;
+  const getEntityTypeData = useGetEntityTypeData.useGetEntityTypeData({ projectInfo: project });
+  const entityToGroupRow = React.useCallback(
+    (task, group) => {
+      var _a;
+      const typeData = getEntityTypeData("task", task.taskType);
+      return {
+        id: task.id + ROW_ID_SEPARATOR + group,
+        // unique id for the task in the folder
+        entityId: task.id,
+        entityType: "task",
+        parentId: task.folderId,
+        name: task.name || "",
+        label: task.label || task.name || "",
+        icon: (typeData == null ? void 0 : typeData.icon) || null,
+        color: (typeData == null ? void 0 : typeData.color) || null,
+        status: task.status,
+        assignees: task.assignees,
+        tags: task.tags,
+        img: null,
+        subRows: [],
+        subType: task.taskType || null,
+        attrib: task.attrib,
+        ownAttrib: task.ownAttrib,
+        path: (_a = task.folder) == null ? void 0 : _a.path,
+        updatedAt: task.updatedAt
+      };
+    },
+    [getEntityTypeData]
+  );
   const buildGroupByTableData = (groupBy) => {
-    var _a;
+    var _a, _b;
     const groupsMap = /* @__PURE__ */ new Map();
     for (const group of groups) {
-      const groupValue = group.value;
+      const groupValue = (_a = group.value) == null ? void 0 : _a.toString();
       const groupId = buildGroupId(groupValue);
       const groupData = getGroupData(groupBy.id, groupValue, groups);
       groupsMap.set(groupValue, {
@@ -69,7 +96,7 @@ const useBuildGroupByTableData = (props) => {
         group: groupData
       });
     }
-    const ungroupedId = GROUP_BY_ID + "__ungrouped";
+    const ungroupedId = GROUP_BY_ID + "." + UNGROUPED_VALUE;
     const getUnGroupedGroup = () => {
       let ungroupedGroup = groupsMap.get(ungroupedId);
       if (!ungroupedGroup) {
@@ -88,23 +115,23 @@ const useBuildGroupByTableData = (props) => {
     for (const [id, entity] of entities) {
       if (entity.entityType !== entityType) continue;
       let groupValues = [];
-      if (groupBy.id.startsWith("attrib_")) {
-        const attributeId = groupBy.id.split("_")[1];
-        groupValues = valueToStringArray((_a = entity.attrib) == null ? void 0 : _a[attributeId]);
+      if (groupBy.id.startsWith("attrib.")) {
+        const attributeId = groupBy.id.split(".")[1];
+        groupValues = valueToStringArray((_b = entity.attrib) == null ? void 0 : _b[attributeId]);
       } else {
         groupValues = valueToStringArray(entity[groupBy.id]);
       }
       if (groupValues.length === 0) {
         const ungroupedGroup = getUnGroupedGroup();
-        ungroupedGroup.subRows.push(entityToGroupRow(entity));
+        ungroupedGroup.subRows.push(entityToGroupRow(entity, UNGROUPED_VALUE));
       }
       for (const groupValue of groupValues) {
         const groupRow = groupsMap.get(groupValue);
         if (groupRow) {
-          groupRow.subRows.push(entityToGroupRow(entity));
+          groupRow.subRows.push(entityToGroupRow(entity, groupValue));
         } else {
           const ungroupedGroup = getUnGroupedGroup();
-          ungroupedGroup.subRows.push(entityToGroupRow(entity));
+          ungroupedGroup.subRows.push(entityToGroupRow(entity, UNGROUPED_VALUE));
         }
       }
       if ("groups" in entity && Array.isArray(entity.groups)) {
@@ -126,12 +153,35 @@ const useBuildGroupByTableData = (props) => {
         }
       }
     }
-    return Array.from(groupsMap.values());
+    const groupsList = Array.from(groupsMap.values());
+    const attribSortingIds = getSortingIds(groupBy, project, attribFields);
+    groupsList.sort((a, b) => {
+      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+      if (((_a2 = a.group) == null ? void 0 : _a2.value) === ungroupedId) return 1;
+      if (((_b2 = b.group) == null ? void 0 : _b2.value) === ungroupedId) return -1;
+      if (attribSortingIds.length) {
+        const indexA = attribSortingIds.indexOf(((_c = a.group) == null ? void 0 : _c.value) || "");
+        const indexB = attribSortingIds.indexOf(((_d = b.group) == null ? void 0 : _d.value) || "");
+        if (indexA !== -1 && indexB !== -1) {
+          return indexA - indexB;
+        }
+        if (indexA !== -1) return -1;
+        if (indexB !== -1) return 1;
+        return ((_g = (_e = a.group) == null ? void 0 : _e.label) == null ? void 0 : _g.localeCompare(((_f = b.group) == null ? void 0 : _f.label) || "")) || 0;
+      } else {
+        return ((_j = (_h = a.group) == null ? void 0 : _h.label) == null ? void 0 : _j.localeCompare(((_i = b.group) == null ? void 0 : _i.label) || "")) || 0;
+      }
+    });
+    return groupsList;
   };
   return buildGroupByTableData;
 };
 exports.GROUP_BY_ID = GROUP_BY_ID;
 exports.NEXT_PAGE_ID = NEXT_PAGE_ID;
+exports.ROW_ID_SEPARATOR = ROW_ID_SEPARATOR;
+exports.UNGROUPED_VALUE = UNGROUPED_VALUE;
 exports.buildGroupId = buildGroupId;
 exports.default = useBuildGroupByTableData;
+exports.isGroupId = isGroupId;
+exports.parseGroupId = parseGroupId;
 //# sourceMappingURL=useBuildGroupByTableData.cjs.js.map