@ynput/ayon-frontend-shared 0.2.15 → 0.2.17

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

@@ -0,0 +1,282 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { useState, useMemo, useRef, useCallback } from "react";
+import { parseCellId, getCellId, BorderPosition, getBorderClasses } from "../utils/cellUtils.es.js";
+import { DRAG_HANDLE_COLUMN_ID } from "../ProjectTreeTable.es.js";
+import { ROW_SELECTION_COLUMN_ID, SelectionCellsContext } from "./SelectionCellsContext.es.js";
+const SelectionCellsProvider = ({ children }) => {
+  const [selectedCells, setSelectedCells] = useState(/* @__PURE__ */ new Set());
+  const [focusedCellId, setFocusedCellId] = useState(null);
+  const [selectionInProgress, setSelectionInProgress] = useState(false);
+  const [anchorCell, setAnchorCell] = useState(null);
+  const [gridMap, setGridMap] = useState({
+    rowIdToIndex: /* @__PURE__ */ new Map(),
+    colIdToIndex: /* @__PURE__ */ new Map(),
+    indexToRowId: /* @__PURE__ */ new Map(),
+    indexToColId: /* @__PURE__ */ new Map()
+  });
+  const mapToString = (map) => {
+    return JSON.stringify(Array.from(map.entries()));
+  };
+  const stableGridMap = useMemo(
+    () => gridMap,
+    [
+      mapToString(gridMap.rowIdToIndex),
+      mapToString(gridMap.colIdToIndex),
+      mapToString(gridMap.indexToRowId),
+      mapToString(gridMap.indexToColId)
+    ]
+  );
+  const initialCellSelected = useRef(false);
+  const selectedRows = useMemo(
+    () => Array.from(selectedCells).filter(
+      (cellId) => {
+        var _a, _b;
+        return ((_a = parseCellId(cellId)) == null ? void 0 : _a.colId) === ROW_SELECTION_COLUMN_ID && ((_b = parseCellId(cellId)) == null ? void 0 : _b.rowId);
+      }
+    ).map((cellId) => {
+      var _a;
+      return (_a = parseCellId(cellId)) == null ? void 0 : _a.rowId;
+    }),
+    [selectedCells]
+  );
+  const registerGrid = useCallback((rows, columns) => {
+    const rowIdToIndex = /* @__PURE__ */ new Map();
+    const colIdToIndex = /* @__PURE__ */ new Map();
+    const indexToRowId = /* @__PURE__ */ new Map();
+    const indexToColId = /* @__PURE__ */ new Map();
+    rows.forEach((rowId, index) => {
+      rowIdToIndex.set(rowId, index);
+      indexToRowId.set(index, rowId);
+    });
+    columns.forEach((colId, index) => {
+      colIdToIndex.set(colId, index);
+      indexToColId.set(index, colId);
+    });
+    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId });
+  }, []);
+  const updateSelection = useCallback((selection, position) => {
+    setSelectedCells((prevSelectedCells) => {
+      let newSelection = new Set(selection);
+      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {
+        const rowSelection = Array.from(prevSelectedCells).filter(
+          (id) => {
+            var _a;
+            return ((_a = parseCellId(id)) == null ? void 0 : _a.colId) === ROW_SELECTION_COLUMN_ID;
+          }
+        );
+        if (rowSelection.length) {
+          newSelection = /* @__PURE__ */ new Set([...newSelection, ...rowSelection]);
+        }
+      }
+      return newSelection;
+    });
+  }, []);
+  const selectCellRange = useCallback(
+    (start, end, additive) => {
+      if (!additive) {
+        updateSelection(/* @__PURE__ */ new Set(), start);
+      }
+      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0;
+      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0;
+      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0;
+      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0;
+      const minRowIdx = Math.min(startRowIdx, endRowIdx);
+      const maxRowIdx = Math.max(startRowIdx, endRowIdx);
+      const minColIdx = Math.min(startColIdx, endColIdx);
+      const maxColIdx = Math.max(startColIdx, endColIdx);
+      const newSelection = new Set(additive ? selectedCells : []);
+      for (let r = minRowIdx; r <= maxRowIdx; r++) {
+        const rowId = stableGridMap.indexToRowId.get(r);
+        if (!rowId) continue;
+        for (let c = minColIdx; c <= maxColIdx; c++) {
+          const colId = stableGridMap.indexToColId.get(c);
+          if (!colId) continue;
+          newSelection.add(getCellId(rowId, colId));
+        }
+      }
+      return newSelection;
+    },
+    [stableGridMap, selectedCells, updateSelection]
+  );
+  const startSelection = useCallback(
+    (cellId, additive) => {
+      const position = parseCellId(cellId);
+      if (!position) return;
+      setSelectionInProgress(true);
+      initialCellSelected.current = selectedCells.has(cellId);
+      if (additive) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          if (newSelection.has(cellId)) {
+            newSelection.delete(cellId);
+            if (focusedCellId === cellId) {
+              if (newSelection.size > 0) {
+                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1]);
+              } else {
+                setFocusedCellId(null);
+              }
+            }
+          } else {
+            newSelection.add(cellId);
+            setFocusedCellId(cellId);
+            setAnchorCell(position);
+          }
+          return newSelection;
+        });
+      } else {
+        if (selectedCells.size === 1 && selectedCells.has(cellId) && [ROW_SELECTION_COLUMN_ID, "name"].includes(position.colId)) {
+          setSelectedCells(/* @__PURE__ */ new Set());
+          setAnchorCell(null);
+          setFocusedCellId(null);
+        } else {
+          updateSelection(/* @__PURE__ */ new Set([cellId]), position);
+          setAnchorCell(position);
+          setFocusedCellId(cellId);
+        }
+      }
+    },
+    [selectedCells, focusedCellId, updateSelection]
+  );
+  const extendSelection = useCallback(
+    (cellId, isRowSelectionColumn) => {
+      if (!selectionInProgress || !anchorCell) return;
+      const currentPosition = parseCellId(cellId);
+      if (!currentPosition) return;
+      if (isRowSelectionColumn) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          const position = parseCellId(cellId);
+          if (!position) return newSelection;
+          if (initialCellSelected.current) {
+            newSelection.delete(cellId);
+          } else {
+            newSelection.add(cellId);
+          }
+          return newSelection;
+        });
+      } else {
+        const newSelection = selectCellRange(anchorCell, currentPosition, false);
+        updateSelection(newSelection, currentPosition);
+      }
+    },
+    [selectionInProgress, anchorCell, selectCellRange, updateSelection]
+  );
+  const endSelection = useCallback(() => {
+    setSelectionInProgress(false);
+  }, []);
+  const selectCell = useCallback(
+    (cellId, additive, range) => {
+      const position = parseCellId(cellId);
+      if (!position) return;
+      if (range && anchorCell) {
+        const newSelection = selectCellRange(anchorCell, position, additive);
+        updateSelection(newSelection, position);
+      } else if (additive) {
+        setSelectedCells((prev) => {
+          const newSelection = new Set(prev);
+          if (newSelection.has(cellId)) {
+            newSelection.delete(cellId);
+          } else {
+            newSelection.add(cellId);
+          }
+          return newSelection;
+        });
+      } else {
+        updateSelection(/* @__PURE__ */ new Set([cellId]), position);
+        setAnchorCell(position);
+      }
+    },
+    [anchorCell, selectCellRange, updateSelection]
+  );
+  const focusCell = useCallback((cellId) => {
+    setFocusedCellId(cellId);
+  }, []);
+  const clearSelection = useCallback(() => {
+    setSelectedCells(/* @__PURE__ */ new Set());
+    setAnchorCell(null);
+    setFocusedCellId(null);
+  }, []);
+  const isCellSelected = useCallback((cellId) => selectedCells.has(cellId), [selectedCells]);
+  const isCellFocused = useCallback((cellId) => cellId === focusedCellId, [focusedCellId]);
+  const getCellPositionFromId = useCallback((cellId) => parseCellId(cellId), []);
+  const getCellBorderClasses = useCallback(
+    (cellId) => {
+      if (!isCellSelected(cellId)) return [];
+      const position = parseCellId(cellId);
+      if (!position) return [];
+      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId);
+      const colIndex = stableGridMap.colIdToIndex.get(position.colId);
+      if (rowIndex === void 0 || colIndex === void 0) return [];
+      const top = stableGridMap.indexToRowId.get(rowIndex - 1);
+      const right = stableGridMap.indexToColId.get(colIndex + 1);
+      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1);
+      const left = stableGridMap.indexToColId.get(colIndex - 1);
+      let borderPos = BorderPosition.None;
+      if (!top || !selectedCells.has(getCellId(top, position.colId))) {
+        borderPos |= BorderPosition.Top;
+      }
+      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {
+        borderPos |= BorderPosition.Right;
+      }
+      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {
+        borderPos |= BorderPosition.Bottom;
+      }
+      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {
+        borderPos |= BorderPosition.Left;
+      }
+      return getBorderClasses(borderPos);
+    },
+    [selectedCells, stableGridMap, isCellSelected]
+  );
+  const value = useMemo(
+    () => ({
+      selectedCells,
+      selectedRows,
+      focusedCellId,
+      selectionInProgress,
+      anchorCell,
+      gridMap: stableGridMap,
+      setSelectedCells,
+      setFocusedCellId,
+      setAnchorCell,
+      registerGrid,
+      selectCell,
+      startSelection,
+      extendSelection,
+      endSelection,
+      focusCell,
+      clearSelection,
+      isCellSelected,
+      isCellFocused,
+      getCellPositionFromId,
+      getCellBorderClasses
+    }),
+    [
+      selectedCells,
+      selectedRows,
+      focusedCellId,
+      selectionInProgress,
+      anchorCell,
+      stableGridMap,
+      setSelectedCells,
+      setFocusedCellId,
+      setAnchorCell,
+      registerGrid,
+      selectCell,
+      startSelection,
+      extendSelection,
+      endSelection,
+      focusCell,
+      clearSelection,
+      isCellSelected,
+      isCellFocused,
+      getCellPositionFromId,
+      getCellBorderClasses
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectionCellsContext.Provider, { value, children });
+};
+export {
+  SelectionCellsProvider
+};
+//# sourceMappingURL=SelectionCellsProvider.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCellsProvider.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/context/SelectionCellsProvider.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, ReactNode, useRef } from 'react'\nimport {\n  CellId,\n  RowId,\n  ColId,\n  CellPosition,\n  getCellId,\n  parseCellId,\n  BorderPosition,\n  getBorderClasses,\n} from '../utils/cellUtils'\nimport { DRAG_HANDLE_COLUMN_ID } from '../ProjectTreeTable'\nimport { SelectionCellsContext, GridMap, ROW_SELECTION_COLUMN_ID } from './SelectionCellsContext'\n\nexport const SelectionCellsProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n  const [selectedCells, setSelectedCells] = useState<Set<CellId>>(new Set())\n  const [focusedCellId, setFocusedCellId] = useState<CellId | null>(null)\n  const [selectionInProgress, setSelectionInProgress] = useState<boolean>(false)\n  const [anchorCell, setAnchorCell] = useState<CellPosition | null>(null)\n  const [gridMap, setGridMap] = useState<GridMap>({\n    rowIdToIndex: new Map(),\n    colIdToIndex: new Map(),\n    indexToRowId: new Map(),\n    indexToColId: new Map(),\n  })\n  const mapToString = (map: Map<any, any>) => {\n    return JSON.stringify(Array.from(map.entries()))\n  }\n\n  const stableGridMap = useMemo(\n    () => gridMap,\n    [\n      mapToString(gridMap.rowIdToIndex),\n      mapToString(gridMap.colIdToIndex),\n      mapToString(gridMap.indexToRowId),\n      mapToString(gridMap.indexToColId),\n    ],\n  )\n  // Track whether we're selecting or unselecting during drag\n  const initialCellSelected = useRef<boolean>(false)\n\n  const selectedRows = useMemo(\n    () =>\n      Array.from(selectedCells)\n        .filter(\n          (cellId) =>\n            parseCellId(cellId)?.colId === ROW_SELECTION_COLUMN_ID && parseCellId(cellId)?.rowId,\n        )\n        .map((cellId) => parseCellId(cellId)?.rowId) as string[],\n    [selectedCells],\n  )\n\n  // Register grid structure for range selections\n  const registerGrid = useCallback((rows: RowId[], columns: ColId[]) => {\n    const rowIdToIndex = new Map<RowId, number>()\n    const colIdToIndex = new Map<ColId, number>()\n    const indexToRowId = new Map<number, RowId>()\n    const indexToColId = new Map<number, ColId>()\n\n    rows.forEach((rowId, index) => {\n      rowIdToIndex.set(rowId, index)\n      indexToRowId.set(index, rowId)\n    })\n\n    columns.forEach((colId, index) => {\n      colIdToIndex.set(colId, index)\n      indexToColId.set(index, colId)\n    })\n\n    setGridMap({ rowIdToIndex, colIdToIndex, indexToRowId, indexToColId })\n  }, [])\n\n  // update the selection whilst properly handling the row-selection column\n  const updateSelection = useCallback((selection: Set<CellId>, position: CellPosition) => {\n    setSelectedCells((prevSelectedCells) => {\n      let newSelection = new Set(selection)\n      if (position.colId !== ROW_SELECTION_COLUMN_ID && position.colId !== DRAG_HANDLE_COLUMN_ID) {\n        const rowSelection = Array.from(prevSelectedCells).filter(\n          (id) => parseCellId(id)?.colId === ROW_SELECTION_COLUMN_ID,\n        )\n        if (rowSelection.length) {\n          newSelection = new Set([...newSelection, ...rowSelection])\n        }\n      }\n      return newSelection\n    })\n  }, [])\n\n  // Select cells between two points in the grid\n  const selectCellRange = useCallback(\n    (start: CellPosition, end: CellPosition, additive: boolean): Set<CellId> => {\n      if (!additive) {\n        // Clear existing selection if not additive\n        updateSelection(new Set(), start)\n      }\n\n      const startRowIdx = stableGridMap.rowIdToIndex.get(start.rowId) ?? 0\n      const startColIdx = stableGridMap.colIdToIndex.get(start.colId) ?? 0\n      const endRowIdx = stableGridMap.rowIdToIndex.get(end.rowId) ?? 0\n      const endColIdx = stableGridMap.colIdToIndex.get(end.colId) ?? 0\n\n      const minRowIdx = Math.min(startRowIdx, endRowIdx)\n      const maxRowIdx = Math.max(startRowIdx, endRowIdx)\n      const minColIdx = Math.min(startColIdx, endColIdx)\n      const maxColIdx = Math.max(startColIdx, endColIdx)\n\n      const newSelection = new Set(additive ? selectedCells : [])\n\n      for (let r = minRowIdx; r <= maxRowIdx; r++) {\n        const rowId = stableGridMap.indexToRowId.get(r)\n        if (!rowId) continue\n\n        for (let c = minColIdx; c <= maxColIdx; c++) {\n          const colId = stableGridMap.indexToColId.get(c)\n          if (!colId) continue\n\n          newSelection.add(getCellId(rowId, colId))\n        }\n      }\n\n      return newSelection\n    },\n    [stableGridMap, selectedCells, updateSelection],\n  )\n\n  // Start a selection operation\n  const startSelection = useCallback(\n    (cellId: CellId, additive: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      setSelectionInProgress(true)\n      // Store whether the initial cell was selected to determine drag behavior\n      initialCellSelected.current = selectedCells.has(cellId)\n\n      if (additive) {\n        // Toggle this cell in multi-select mode\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n            // If this was the focused cell, set focus to another cell in the selection or null\n            if (focusedCellId === cellId) {\n              if (newSelection.size > 0) {\n                setFocusedCellId(Array.from(newSelection)[Array.from(newSelection).length - 1])\n              } else {\n                setFocusedCellId(null)\n              }\n            }\n          } else {\n            newSelection.add(cellId)\n            setFocusedCellId(cellId)\n            setAnchorCell(position)\n          }\n          return newSelection\n        })\n      } else {\n        // Single cell selection\n        // If this cell is already the only selected cell, deselect it\n        // and it is from name column\n        if (\n          selectedCells.size === 1 &&\n          selectedCells.has(cellId) &&\n          [ROW_SELECTION_COLUMN_ID, 'name'].includes(position.colId)\n        ) {\n          setSelectedCells(new Set())\n          setAnchorCell(null)\n          setFocusedCellId(null)\n        } else {\n          updateSelection(new Set([cellId]), position)\n          setAnchorCell(position)\n          setFocusedCellId(cellId)\n        }\n      }\n    },\n    [selectedCells, focusedCellId, updateSelection],\n  )\n\n  // Extend the current selection during drag\n  const extendSelection = useCallback(\n    (cellId: CellId, isRowSelectionColumn?: boolean) => {\n      if (!selectionInProgress || !anchorCell) return\n\n      const currentPosition = parseCellId(cellId)\n      if (!currentPosition) return\n\n      if (isRowSelectionColumn) {\n        // Handle row selection column differently during drag\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          const position = parseCellId(cellId)\n\n          if (!position) return newSelection\n\n          // We're either selecting or unselecting based on the initial cell's state\n          if (initialCellSelected.current) {\n            // If we started on a selected cell, we're removing cells during drag\n            newSelection.delete(cellId)\n          } else {\n            // If we started on an unselected cell, we're adding cells during drag\n            newSelection.add(cellId)\n          }\n\n          return newSelection\n        })\n      } else {\n        // For normal cells, use the range selection behavior\n        const newSelection = selectCellRange(anchorCell, currentPosition, false)\n        updateSelection(newSelection, currentPosition)\n      }\n    },\n    [selectionInProgress, anchorCell, selectCellRange, updateSelection],\n  )\n\n  // End a selection operation\n  const endSelection = useCallback(() => {\n    setSelectionInProgress(false)\n  }, [])\n\n  // Select a cell (click or programmatically)\n  const selectCell = useCallback(\n    (cellId: CellId, additive: boolean, range: boolean) => {\n      const position = parseCellId(cellId)\n      if (!position) return\n\n      if (range && anchorCell) {\n        // Shift+click for range selection - select cells between anchor and current\n        const newSelection = selectCellRange(anchorCell, position, additive)\n        updateSelection(newSelection, position)\n      } else if (additive) {\n        // Ctrl/Cmd+click for toggling selection\n        setSelectedCells((prev) => {\n          const newSelection = new Set(prev)\n          if (newSelection.has(cellId)) {\n            newSelection.delete(cellId)\n          } else {\n            newSelection.add(cellId)\n          }\n          return newSelection\n        })\n      } else {\n        // Normal click - select just this cell and set as new anchor\n        updateSelection(new Set([cellId]), position)\n        setAnchorCell(position)\n      }\n    },\n    [anchorCell, selectCellRange, updateSelection],\n  )\n\n  // Focus a cell without changing selection\n  const focusCell = useCallback((cellId: CellId | null) => {\n    setFocusedCellId(cellId)\n  }, [])\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    setSelectedCells(new Set())\n    setAnchorCell(null)\n    setFocusedCellId(null)\n  }, [])\n\n  // Check if a cell is selected\n  const isCellSelected = useCallback((cellId: CellId) => selectedCells.has(cellId), [selectedCells])\n\n  // Check if a cell is focused\n  const isCellFocused = useCallback((cellId: CellId) => cellId === focusedCellId, [focusedCellId])\n\n  // Get position from cell ID - using shared utility\n  const getCellPositionFromId = useCallback((cellId: CellId) => parseCellId(cellId), [])\n\n  //  Get border classes for a cell based on its selection state and neighbors\n  const getCellBorderClasses = useCallback(\n    (cellId: CellId): string[] => {\n      if (!isCellSelected(cellId)) return []\n\n      const position = parseCellId(cellId)\n      if (!position) return []\n\n      const rowIndex = stableGridMap.rowIdToIndex.get(position.rowId)\n      const colIndex = stableGridMap.colIdToIndex.get(position.colId)\n\n      if (rowIndex === undefined || colIndex === undefined) return []\n\n      // Check if the cell's neighbors in all four directions are selected\n      const top = stableGridMap.indexToRowId.get(rowIndex - 1)\n      const right = stableGridMap.indexToColId.get(colIndex + 1)\n      const bottom = stableGridMap.indexToRowId.get(rowIndex + 1)\n      const left = stableGridMap.indexToColId.get(colIndex - 1)\n\n      // Default to no borders\n      let borderPos = BorderPosition.None\n\n      // Top edge check: show border if we're at the top of the grid or the cell above is not selected\n      if (!top || !selectedCells.has(getCellId(top, position.colId))) {\n        borderPos |= BorderPosition.Top\n      }\n\n      // Right edge check: show border if we're at the right edge of the grid or the cell to the right is not selected\n      if (!right || !selectedCells.has(getCellId(position.rowId, right))) {\n        borderPos |= BorderPosition.Right\n      }\n\n      // Bottom edge check: show border if we're at the bottom of the grid or the cell below is not selected\n      if (!bottom || !selectedCells.has(getCellId(bottom, position.colId))) {\n        borderPos |= BorderPosition.Bottom\n      }\n\n      // Left edge check: show border if we're at the left edge of the grid or the cell to the left is not selected\n      if (!left || !selectedCells.has(getCellId(position.rowId, left))) {\n        borderPos |= BorderPosition.Left\n      }\n\n      return getBorderClasses(borderPos)\n    },\n    [selectedCells, stableGridMap, isCellSelected],\n  )\n\n  // Memoize context value to prevent unnecessary re-renders\n  const value = useMemo(\n    () => ({\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      gridMap: stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    }),\n    [\n      selectedCells,\n      selectedRows,\n      focusedCellId,\n      selectionInProgress,\n      anchorCell,\n      stableGridMap,\n      setSelectedCells,\n      setFocusedCellId,\n      setAnchorCell,\n      registerGrid,\n      selectCell,\n      startSelection,\n      extendSelection,\n      endSelection,\n      focusCell,\n      clearSelection,\n      isCellSelected,\n      isCellFocused,\n      getCellPositionFromId,\n      getCellBorderClasses,\n    ],\n  )\n\n  return <SelectionCellsContext.Provider value={value}>{children}</SelectionCellsContext.Provider>\n}\n"],"names":["jsx"],"mappings":"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"}

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, showEmpty } = 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,36 @@ 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;
+      }
+    });
+    const nonEmptyGroups = groupsList.filter((group) => group.subRows.length > 0);
+    return showEmpty ? groupsList : nonEmptyGroups;
   };
   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

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildGroupByTableData.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useBuildGroupByTableData.ts"],"sourcesContent":["// based on the groupBy field we take a flat list of items and group them\n// each group is a root node with subItems as the grouped items\n// any leftover items that do not match the groupBy field are added as a separate group (\"Ungrouped\")\n\nimport { ProjectModel, TaskGroup } from '@shared/api'\nimport { TableGroupBy, TableUser } from '../context'\nimport { EditorTaskNode, EntitiesMap, EntityMap, ProjectTableAttribute, TableRow } from '../types'\nimport useGetEntityTypeData from './useGetEntityTypeData'\nexport type GroupByEntityType = 'task' | 'folder' | 'version' | 'product'\n\nexport type GroupData = {\n  value: string\n  label: string\n  color?: string\n  icon?: string\n  img?: string\n  count?: number\n}\n\nexport const NEXT_PAGE_ID = 'next-page'\n\nconst valueToStringArray = (value?: any): string[] =>\n  value ? (Array.isArray(value) ? value.map((v) => v.toString()) : [value.toString()]) : []\n\n// get group label, color and icon\nconst getGroupData = (groupById: string, groupValue: string, groups?: TaskGroup[]): GroupData => {\n  if (!groups)\n    return {\n      value: groupValue,\n      label: groupValue,\n    }\n\n  const group = groups.find((g) => g.value === groupValue)\n  if (!group) {\n    return {\n      value: groupValue,\n      label: groupValue,\n    }\n  } else {\n    return {\n      value: group.value,\n      label: group.label || group.value,\n      color: group.color,\n      icon: group.icon,\n      count: group.count,\n      img: groupById === 'assignees' ? `/api/users/${group.value}/avatar` : undefined,\n    }\n  }\n}\n\nexport const GROUP_BY_ID = '_GROUP_'\nexport const buildGroupId = (value: string) => `${GROUP_BY_ID}${value}`\nexport const parseGroupId = (groupId: string): string | null => {\n  if (!groupId.startsWith(GROUP_BY_ID)) return null\n  return groupId.slice(GROUP_BY_ID.length) // +1 for the underscore\n}\nexport const isGroupId = (id: string): boolean => id.startsWith(GROUP_BY_ID)\n\ntype BuildGroupByTableProps = {\n  project?: ProjectModel\n  entities: EntitiesMap\n  entityType?: GroupByEntityType\n  groups?: TaskGroup[]\n}\n\nconst useBuildGroupByTableData = (props: BuildGroupByTableProps) => {\n  const { project, entities, entityType, groups = [] } = props\n  const getEntityTypeData = useGetEntityTypeData({ projectInfo: project })\n\n  const entityToGroupRow = (task: EditorTaskNode): TableRow => {\n    const typeData = getEntityTypeData('task', task.taskType)\n    return {\n      id: task.id,\n      entityType: 'task',\n      parentId: task.folderId,\n      name: task.name || '',\n      label: task.label || task.name || '',\n      icon: typeData?.icon || null,\n      color: typeData?.color || null,\n      status: task.status,\n      assignees: task.assignees,\n      tags: task.tags,\n      img: null,\n      subRows: [],\n      subType: task.taskType || null,\n      attrib: task.attrib,\n      ownAttrib: task.ownAttrib,\n      path: task.folder.path,\n      updatedAt: task.updatedAt,\n    }\n  }\n\n  const buildGroupByTableData = (groupBy: TableGroupBy): TableRow[] => {\n    const groupsMap = new Map<string, TableRow>()\n\n    for (const group of groups) {\n      const groupValue = group.value\n      const groupId = buildGroupId(groupValue)\n      const groupData = getGroupData(groupBy.id, groupValue, groups)\n      groupsMap.set(groupValue, {\n        id: groupId,\n        name: groupValue,\n        entityType: 'group',\n        subRows: [],\n        label: groupData.label,\n        group: groupData,\n      })\n    }\n\n    const ungroupedId = GROUP_BY_ID + '__ungrouped'\n    // gets the \"Ungrouped\" group, creating it if it doesn't exist\n    const getUnGroupedGroup = () => {\n      let ungroupedGroup = groupsMap.get(ungroupedId)\n      if (!ungroupedGroup) {\n        ungroupedGroup = {\n          id: ungroupedId,\n          name: 'Ungrouped',\n          entityType: 'group',\n          subRows: [],\n          label: 'Ungrouped',\n          group: { value: ungroupedId, label: 'Ungrouped' },\n        }\n        // create ungrouped group if it doesn't exist\n        groupsMap.set(ungroupedId, ungroupedGroup)\n      }\n      return ungroupedGroup\n    }\n\n    for (const [id, entity] of entities) {\n      // if the entity is not of the specified type, skip it\n      if (entity.entityType !== entityType) continue\n      // add entities to specific group\n      let groupValues: string[] = []\n      if (groupBy.id.startsWith('attrib_')) {\n        // for attribute based grouping, get the value of the attribute\n        const attributeId = groupBy.id.split('_')[1]\n        groupValues = valueToStringArray(entity.attrib?.[attributeId])\n      } else {\n        groupValues = valueToStringArray(entity[groupBy.id as keyof EntityMap])\n      }\n\n      // if there are no values, add to \"Ungrouped\" group\n      if (groupValues.length === 0) {\n        const ungroupedGroup = getUnGroupedGroup()\n        ungroupedGroup.subRows.push(entityToGroupRow(entity as EditorTaskNode))\n      }\n      // for each group value, find it's group and add the entity to it\n      // if we can't find the group, add it to \"Ungrouped\"\n      for (const groupValue of groupValues) {\n        const groupRow = groupsMap.get(groupValue)\n        if (groupRow) {\n          groupRow.subRows.push(entityToGroupRow(entity as EditorTaskNode))\n        } else {\n          const ungroupedGroup = getUnGroupedGroup()\n          ungroupedGroup.subRows.push(entityToGroupRow(entity as EditorTaskNode))\n        }\n      }\n\n      // for groups metadata on entity, check if there is a next page\n      if ('groups' in entity && Array.isArray(entity.groups)) {\n        for (const group of entity.groups) {\n          const hasNextPageGroup = group.hasNextPage\n          if (hasNextPageGroup && groupsMap.has(group.value)) {\n            // add a next page row to the group\n            const groupRow = groupsMap.get(group.value)\n            if (groupRow) {\n              groupRow.subRows.push({\n                id: `${group.value}-next-page`,\n                name: `Load more tasks...`,\n                entityType: NEXT_PAGE_ID,\n                subRows: [],\n                label: `Next page for ${group.value}`,\n                group: { value: group.value, label: group.value },\n              })\n            }\n          }\n        }\n      }\n    }\n\n    return Array.from(groupsMap.values())\n  }\n\n  return buildGroupByTableData\n}\n\nexport default useBuildGroupByTableData\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBuildGroupByTableData.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useBuildGroupByTableData.ts"],"sourcesContent":["// based on the groupBy field we take a flat list of items and group them\n// each group is a root node with subItems as the grouped items\n// any leftover items that do not match the groupBy field are added as a separate group (\"Ungrouped\")\n\nimport { ProjectModel, EntityGroup } from '@shared/api'\nimport { TableGroupBy } from '../context'\nimport { EditorTaskNode, EntitiesMap, EntityMap, ProjectTableAttribute, TableRow } from '../types'\nimport { useGetEntityTypeData } from './useGetEntityTypeData'\nimport { useCallback } from 'react'\nexport type GroupByEntityType = 'task' | 'folder' | 'version' | 'product'\n\nexport type GroupData = {\n  value: string\n  label: string\n  color?: string\n  icon?: string\n  img?: string\n  count?: number\n}\n\nexport const NEXT_PAGE_ID = 'next-page'\nexport const UNGROUPED_VALUE = '_ungrouped'\nexport const ROW_ID_SEPARATOR = '__'\n\nconst valueToStringArray = (value?: any): string[] =>\n  value ? (Array.isArray(value) ? value.map((v) => v.toString()) : [value.toString()]) : []\n\n// get group label, color and icon\nconst getGroupData = (groupById: string, groupValue: string, groups?: EntityGroup[]): GroupData => {\n  if (!groups)\n    return {\n      value: groupValue,\n      label: groupValue,\n    }\n\n  const group = groups.find((g) => g.value === groupValue)\n  if (!group) {\n    return {\n      value: groupValue,\n      label: groupValue,\n    }\n  } else {\n    return {\n      value: group.value,\n      label: group.label || group.value,\n      color: group.color,\n      icon: group.icon,\n      count: group.count,\n      img: groupById === 'assignees' ? `/api/users/${group.value}/avatar` : undefined,\n    }\n  }\n}\n\nexport const GROUP_BY_ID = '_GROUP_'\nexport const buildGroupId = (value: string) => `${GROUP_BY_ID}${value}`\nexport const parseGroupId = (groupId: string): string | null => {\n  if (!groupId.startsWith(GROUP_BY_ID)) return null\n  return groupId.slice(GROUP_BY_ID.length) // +1 for the underscore\n}\nexport const isGroupId = (id: string): boolean => id.startsWith(GROUP_BY_ID)\n\ntype BuildGroupByTableProps = {\n  project?: ProjectModel\n  entities: EntitiesMap\n  entityType?: GroupByEntityType\n  groups?: EntityGroup[]\n  attribFields: ProjectTableAttribute[]\n  showEmpty?: boolean\n}\n\n// get sorting ids based on the groupBy field\nconst getSortingIds = (\n  groupBy: TableGroupBy,\n  project?: ProjectModel,\n  attribFields: ProjectTableAttribute[] = [],\n): string[] => {\n  const attributeId = groupBy.id.replace('attrib.', '')\n\n  // for status, taskType, folderType use project data order\n  if (attributeId === 'status') {\n    return project?.statuses?.map((s) => s.name) || []\n  } else if (attributeId === 'taskType') {\n    return project?.taskTypes?.map((t) => t.name) || []\n  } else if (attributeId === 'folderType') {\n    return project?.folderTypes?.map((f) => f.name) || []\n  } else if (groupBy.id.startsWith('attrib.')) {\n    // for other enum attributes, use the enum values order\n    return (\n      attribFields\n        .find((field) => field.name === attributeId)\n        ?.data.enum?.map((e) => e.value.toString()) || []\n    )\n  } else return []\n}\n\nconst useBuildGroupByTableData = (props: BuildGroupByTableProps) => {\n  const { project, entities, entityType, groups = [], attribFields, showEmpty } = props\n  const getEntityTypeData = useGetEntityTypeData({ projectInfo: project })\n\n  const entityToGroupRow = useCallback(\n    (task: EditorTaskNode, group?: string): TableRow => {\n      const typeData = getEntityTypeData('task', task.taskType)\n      return {\n        id: task.id + ROW_ID_SEPARATOR + group, // unique id for the task in the folder\n        entityId: task.id,\n        entityType: 'task',\n        parentId: task.folderId,\n        name: task.name || '',\n        label: task.label || task.name || '',\n        icon: typeData?.icon || null,\n        color: typeData?.color || null,\n        status: task.status,\n        assignees: task.assignees,\n        tags: task.tags,\n        img: null,\n        subRows: [],\n        subType: task.taskType || null,\n        attrib: task.attrib,\n        ownAttrib: task.ownAttrib,\n        path: task.folder?.path,\n        updatedAt: task.updatedAt,\n      }\n    },\n    [getEntityTypeData],\n  )\n\n  const buildGroupByTableData = (groupBy: TableGroupBy): TableRow[] => {\n    const groupsMap = new Map<string, TableRow>()\n\n    for (const group of groups) {\n      const groupValue = group.value?.toString() as string\n      const groupId = buildGroupId(groupValue)\n      const groupData = getGroupData(groupBy.id, groupValue, groups)\n      groupsMap.set(groupValue, {\n        id: groupId,\n        name: groupValue,\n        entityType: 'group',\n        subRows: [],\n        label: groupData.label,\n        group: groupData,\n      })\n    }\n\n    const ungroupedId = GROUP_BY_ID + '.' + UNGROUPED_VALUE // unique id for ungrouped group\n    // gets the \"Ungrouped\" group, creating it if it doesn't exist\n    const getUnGroupedGroup = () => {\n      let ungroupedGroup = groupsMap.get(ungroupedId)\n      if (!ungroupedGroup) {\n        ungroupedGroup = {\n          id: ungroupedId,\n          name: 'Ungrouped',\n          entityType: 'group',\n          subRows: [],\n          label: 'Ungrouped',\n          group: { value: ungroupedId, label: 'Ungrouped' },\n        }\n        // create ungrouped group if it doesn't exist\n        groupsMap.set(ungroupedId, ungroupedGroup)\n      }\n      return ungroupedGroup\n    }\n\n    for (const [id, entity] of entities) {\n      // if the entity is not of the specified type, skip it\n      if (entity.entityType !== entityType) continue\n      // add entities to specific group\n      let groupValues: string[] = []\n      if (groupBy.id.startsWith('attrib.')) {\n        // for attribute based grouping, get the value of the attribute\n        const attributeId = groupBy.id.split('.')[1]\n        groupValues = valueToStringArray(entity.attrib?.[attributeId])\n      } else {\n        groupValues = valueToStringArray(entity[groupBy.id as keyof EntityMap])\n      }\n\n      // if there are no values, add to \"Ungrouped\" group\n      if (groupValues.length === 0) {\n        const ungroupedGroup = getUnGroupedGroup()\n        ungroupedGroup.subRows.push(entityToGroupRow(entity as EditorTaskNode, UNGROUPED_VALUE))\n      }\n      // for each group value, find it's group and add the entity to it\n      // if we can't find the group, add it to \"Ungrouped\"\n      for (const groupValue of groupValues) {\n        const groupRow = groupsMap.get(groupValue)\n        if (groupRow) {\n          groupRow.subRows.push(entityToGroupRow(entity as EditorTaskNode, groupValue))\n        } else {\n          const ungroupedGroup = getUnGroupedGroup()\n          ungroupedGroup.subRows.push(entityToGroupRow(entity as EditorTaskNode, UNGROUPED_VALUE))\n        }\n      }\n\n      // for groups metadata on entity, check if there is a next page\n      if ('groups' in entity && Array.isArray(entity.groups)) {\n        for (const group of entity.groups) {\n          const hasNextPageGroup = group.hasNextPage\n          if (hasNextPageGroup && groupsMap.has(group.value)) {\n            // add a next page row to the group\n            const groupRow = groupsMap.get(group.value)\n            if (groupRow) {\n              groupRow.subRows.push({\n                id: `${group.value}-next-page`,\n                name: `Load more tasks...`,\n                entityType: NEXT_PAGE_ID,\n                subRows: [],\n                label: `Next page for ${group.value}`,\n                group: { value: group.value, label: group.value },\n              })\n            }\n          }\n        }\n      }\n    }\n\n    const groupsList = Array.from(groupsMap.values())\n\n    const attribSortingIds = getSortingIds(groupBy, project, attribFields)\n\n    // sort the groups by their label\n    // if the group is an attribute with enum values, sort by the enum values\n    groupsList.sort((a, b) => {\n      if (a.group?.value === ungroupedId) return 1 // \"Ungrouped\" should be last\n      if (b.group?.value === ungroupedId) return -1 // \"Ungrouped\" should be last\n      if (attribSortingIds.length) {\n        // sort by index of the enum value\n        const indexA = attribSortingIds.indexOf(a.group?.value || '')\n        const indexB = attribSortingIds.indexOf(b.group?.value || '')\n        if (indexA !== -1 && indexB !== -1) {\n          return indexA - indexB\n        }\n        if (indexA !== -1) return -1 // a is in the enum, b is not\n        if (indexB !== -1) return 1 // b is in the enum, a is not\n        // if both are not in the enum, sort by label\n        return a.group?.label?.localeCompare(b.group?.label || '') || 0\n      } else {\n        // for other groupings, sort by the group label\n        return a.group?.label?.localeCompare(b.group?.label || '') || 0\n      }\n    })\n\n    // filter out empty groups\n    const nonEmptyGroups = groupsList.filter((group) => group.subRows.length > 0)\n\n    return showEmpty ? groupsList : nonEmptyGroups\n  }\n\n  return buildGroupByTableData\n}\n\nexport default useBuildGroupByTableData\n"],"names":["useGetEntityTypeData","useCallback","_a","_b"],"mappings":"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"}