@ynput/ayon-frontend-shared 0.2.45 → 0.3.0

package/dist/shared/src/util/columnConfigConverter.es.js

@@ -1,66 +1,89 @@
-function E(n) {
-  const { columns: i = [], groupBy: s, showEmptyGroups: e, sortBy: t, sortDesc: o, rowHeight: c } = n || {}, f = {}, u = { left: [], right: [] }, l = [], g = {};
-  return i.forEach((d) => {
-    const { name: h, visible: m, pinned: w, width: a } = d;
-    f[h] = m !== !1, l.push(h), w && u.left?.push(h), a !== void 0 && (g[h] = a);
-  }), {
+function E(i) {
+  const {
+    columns: s = [],
+    groupBy: n,
+    showEmptyGroups: e,
+    sortBy: o,
+    sortDesc: t,
+    rowHeight: d
+  } = i || {}, f = {}, a = { left: [], right: [] }, g = [], h = {};
+  s.forEach((r) => {
+    const { name: l, visible: m, pinned: v, width: p } = r;
+    f[l] = m !== !1, g.push(l), v && a.left?.push(l), p !== void 0 && (h[l] = p);
+  });
+  const y = o ? [{ id: o, desc: t || !1 }] : [];
+  let u;
+  if (typeof n == "string" && n.length > 0)
+    u = { id: n, desc: !1 };
+  else if (Array.isArray(n)) {
+    const r = n.find((l) => typeof l == "string" && l.length > 0);
+    r ? u = { id: r, desc: !1 } : u = void 0;
+  } else
+    u = void 0;
+  return {
     columnVisibility: f,
-    columnPinning: u,
-    columnOrder: l,
-    columnSizing: g,
-    sorting: t ? [{ id: t, desc: o || !1 }] : [],
-    groupBy: s ? { id: s, desc: !1 } : void 0,
+    columnPinning: a,
+    columnOrder: g,
+    columnSizing: h,
+    sorting: y,
+    groupBy: u,
     groupByConfig: {
-      showEmpty: e || !1
+      showEmpty: e || !1,
+      entityType: ""
     },
-    rowHeight: c ?? 34
+    rowHeight: d ?? 34
   };
 }
-function B(n, i, s) {
-  const e = [...n], t = i.filter(
-    (o) => !n.includes(o) && s.has(o)
+function w(i, s, n) {
+  const e = [...i], o = s.filter(
+    (t) => !i.includes(t) && n.has(t)
   );
-  return [...e, ...t];
+  return [...e, ...o];
 }
-function C(n, i, s, e) {
-  const t = /* @__PURE__ */ new Set();
-  return Object.keys(n).forEach((o) => t.add(o)), Object.keys(i).forEach((o) => t.add(o)), s.left?.forEach((o) => t.add(o)), s.right?.forEach((o) => t.add(o)), e?.forEach((o) => t.add(o)), t;
+function C(i, s, n, e) {
+  const o = /* @__PURE__ */ new Set();
+  return Object.keys(i).forEach((t) => o.add(t)), Object.keys(s).forEach((t) => o.add(t)), n.left?.forEach((t) => o.add(t)), n.right?.forEach((t) => o.add(t)), e?.forEach((t) => o.add(t)), o;
 }
-function v(n, i, s, e) {
-  const t = {
-    name: n
+function B(i, s, n, e) {
+  const o = {
+    name: i
   };
-  i.hasOwnProperty(n) && (t.visible = i[n]);
-  const o = s.left?.includes(n), c = s.right?.includes(n);
-  return (o || c) && (t.pinned = !0), e[n] !== void 0 && (t.width = e[n]), t;
+  s.hasOwnProperty(i) && (o.visible = s[i]);
+  const t = n.left?.includes(i), d = n.right?.includes(i);
+  return (t || d) && (o.pinned = !0), e[i] !== void 0 && (o.width = e[i]), o;
 }
-function S(n, i) {
+function S(i, s) {
   const {
-    columnVisibility: s,
+    columnVisibility: n,
     columnPinning: e,
-    columnOrder: t,
-    columnSizing: o,
-    sorting: c,
+    columnOrder: o,
+    columnSizing: t,
+    sorting: d,
     groupBy: f,
-    groupByConfig: u,
-    rowHeight: l
-  } = n, g = C(
-    s,
-    o,
+    groupByConfig: a,
+    rowHeight: g
+  } = i, h = C(
+    n,
+    t,
     e,
-    i || []
-  ), r = {
-    columns: B(t, i || [], g).map(
-      (d) => v(d, s, e, o)
+    s || []
+  ), c = {
+    columns: w(o, s || [], h).map(
+      (r) => B(r, n, e, t)
     )
   };
-  if (f ? r.groupBy = f.id : r.groupBy = void 0, u?.showEmpty !== void 0 && (r.showEmptyGroups = u.showEmpty), c)
-    if (c.length > 0) {
-      const d = c[0];
-      r.sortBy = d.id, r.sortDesc = d.desc;
+  if (f) {
+    const r = Array.isArray(f.id) ? f.id[0] : f.id;
+    c.groupBy = r || void 0;
+  } else
+    c.groupBy = void 0;
+  if (a?.showEmpty !== void 0 && (c.showEmptyGroups = a.showEmpty), d)
+    if (d.length > 0) {
+      const r = d[0];
+      c.sortBy = r.id, c.sortDesc = r.desc;
     } else
-      r.sortBy = void 0, r.sortDesc = void 0;
-  return l !== void 0 && (r.rowHeight = l), r;
+      c.sortBy = void 0, c.sortDesc = void 0;
+  return g !== void 0 && (c.rowHeight = g), c;
 }
 export {
   E as convertColumnConfigToTanstackStates,

package/dist/shared/src/util/columnConfigConverter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnConfigConverter.es.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const { columns = [], groupBy: groupByField, showEmptyGroups, sortBy, sortDesc, rowHeight } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width } = column\n\n    // Column visibility: if visible is undefined, default to true\n    columnVisibility[name] = visible !== false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  const groupBy: TableGroupBy | undefined = groupByField\n    ? { id: groupByField, desc: false }\n    : undefined\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n): ColumnItemModel {\n  const column: ColumnItemModel = {\n    name: columnName,\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order\n  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState)\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItemModel[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(columnName, columnVisibility, columnPinning, columnSizing),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    result.groupBy = groupBy.id\n  } else {\n    result.groupBy = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["convertColumnConfigToTanstackStates","settings","columns","groupByField","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","column","name","visible","pinned","width","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","sorting","groupBy","groupByConfig","result","firstSort"],"mappings":"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"}
+{"version":3,"file":"columnConfigConverter.es.js","sources":["../../../../src/util/columnConfigConverter.ts"],"sourcesContent":["import {\n  VisibilityState,\n  ColumnPinningState,\n  ColumnOrderState,\n  ColumnSizingState,\n  SortingState,\n} from '@tanstack/react-table'\nimport { ColumnItemModel, OverviewSettings } from '@shared/api/generated/views'\nimport { ColumnsConfig, TableGroupBy } from '@shared/containers'\nimport { GroupByConfig } from '@shared/containers/ProjectTreeTable/components/GroupSettingsFallback'\n\n/**\n * Converts ColumnItemModel array from OverviewSettings to TanStack table states\n */\nexport function convertColumnConfigToTanstackStates(settings: OverviewSettings): ColumnsConfig {\n  const {\n    columns = [],\n    groupBy: groupByField,\n    showEmptyGroups,\n    sortBy,\n    sortDesc,\n    rowHeight,\n  } = settings || {}\n\n  // Initialize state objects\n  const columnVisibility: VisibilityState = {}\n  const columnPinning: ColumnPinningState = { left: [], right: [] }\n  const columnOrder: ColumnOrderState = []\n  const columnSizing: ColumnSizingState = {}\n\n  // Process each column from the settings\n  columns.forEach((column) => {\n    const { name, visible, pinned, width } = column\n\n    // Column visibility: if visible is undefined, default to true\n    columnVisibility[name] = visible !== false\n\n    // Column order: maintain the order from the settings\n    columnOrder.push(name)\n\n    // Column pinning: assuming pinned: true means left pinning\n    if (pinned) {\n      columnPinning.left?.push(name)\n    }\n\n    // Column sizing: set width if provided\n    if (width !== undefined) {\n      columnSizing[name] = width\n    }\n  })\n\n  // Handle sorting\n  const sorting: SortingState = sortBy ? [{ id: sortBy, desc: sortDesc || false }] : []\n\n  // Handle grouping\n  let groupBy: TableGroupBy | undefined\n  if (typeof groupByField === 'string' && groupByField.length > 0) {\n    groupBy = { id: groupByField, desc: false }\n  } else if (Array.isArray(groupByField)) {\n    const first = groupByField.find((v) => typeof v === 'string' && v.length > 0)\n    if (first) {\n      groupBy = { id: first, desc: false }\n    } else {\n      groupBy = undefined\n    }\n  } else {\n    groupBy = undefined\n  }\n\n  const groupByConfig: GroupByConfig = {\n    showEmpty: showEmptyGroups || false,\n    entityType: '',\n  }\n\n  return {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight: rowHeight ?? 34,\n  }\n}\n\n/**\n * Determines the final column order based on columnOrder and allColumnIds\n * - Columns in columnOrder come first (in their specified order)\n * - Remaining columns follow the order from allColumnIds\n */\nfunction determineColumnOrder(\n  columnOrder: ColumnOrderState,\n  allColumnIds: string[],\n  columnsWithState: Set<string>,\n): string[] {\n  // Start with columns from columnOrder (these have explicit positioning)\n  const orderedColumns = [...columnOrder]\n\n  // Add remaining columns from allColumnIds that aren't already in columnOrder\n  const remainingColumns = allColumnIds.filter(\n    (columnId) => !columnOrder.includes(columnId) && columnsWithState.has(columnId),\n  )\n\n  return [...orderedColumns, ...remainingColumns]\n}\n\n/**\n * Collects all columns that have any state (visibility, sizing, pinning, etc.)\n */\nfunction collectColumnsWithState(\n  columnVisibility: VisibilityState,\n  columnSizing: ColumnSizingState,\n  columnPinning: ColumnPinningState,\n  allColumnIds: string[],\n): Set<string> {\n  const columnsWithState = new Set<string>()\n\n  // Add columns with visibility state\n  Object.keys(columnVisibility).forEach((col) => columnsWithState.add(col))\n\n  // Add columns with sizing state\n  Object.keys(columnSizing).forEach((col) => columnsWithState.add(col))\n\n  // Add pinned columns\n  columnPinning.left?.forEach((col) => columnsWithState.add(col))\n  columnPinning.right?.forEach((col) => columnsWithState.add(col))\n\n  // Add any additional columns from allColumnIds\n  allColumnIds?.forEach((col) => columnsWithState.add(col))\n\n  return columnsWithState\n}\n\n/**\n * Creates a ColumnItemModel for a given column name with all applicable state\n */\nfunction createColumnItem(\n  columnName: string,\n  columnVisibility: VisibilityState,\n  columnPinning: ColumnPinningState,\n  columnSizing: ColumnSizingState,\n): ColumnItemModel {\n  const column: ColumnItemModel = {\n    name: columnName,\n  }\n\n  // Set visibility if defined in state\n  if (columnVisibility.hasOwnProperty(columnName)) {\n    column.visible = columnVisibility[columnName]\n  }\n\n  // Set pinning if column is pinned\n  const isPinnedLeft = columnPinning.left?.includes(columnName)\n  const isPinnedRight = columnPinning.right?.includes(columnName)\n\n  if (isPinnedLeft || isPinnedRight) {\n    column.pinned = true\n  }\n\n  // Set width if defined in state\n  if (columnSizing[columnName] !== undefined) {\n    column.width = columnSizing[columnName]\n  }\n\n  return column\n}\n\n/**\n * Converts TanStack table states back to OverviewSettings format\n *\n * Column ordering logic:\n * 1. Columns in columnOrder appear first (in their specified order)\n * 2. Remaining columns follow the order from allColumnIds\n * 3. Only columns with state (visibility, sizing, pinning) or in allColumnIds are included\n */\nexport function convertTanstackStatesToColumnConfig(\n  states: ColumnsConfig,\n  allColumnIds?: string[],\n): OverviewSettings {\n  const {\n    columnVisibility,\n    columnPinning,\n    columnOrder,\n    columnSizing,\n    sorting,\n    groupBy,\n    groupByConfig,\n    rowHeight,\n  } = states\n\n  // Collect all columns that have any state\n  const columnsWithState = collectColumnsWithState(\n    columnVisibility,\n    columnSizing,\n    columnPinning,\n    allColumnIds || [],\n  )\n\n  // Determine the final column order\n  const finalColumnOrder = determineColumnOrder(columnOrder, allColumnIds || [], columnsWithState)\n\n  // Create ColumnItemModel for each column in the determined order\n  const columns: ColumnItemModel[] = finalColumnOrder.map((columnName) =>\n    createColumnItem(columnName, columnVisibility, columnPinning, columnSizing),\n  )\n\n  // Build the result object\n  const result: OverviewSettings = {\n    columns,\n  }\n\n  // Add grouping information if present\n  if (groupBy) {\n    const id = Array.isArray(groupBy.id) ? groupBy.id[0] : groupBy.id\n    result.groupBy = id || undefined\n  } else {\n    result.groupBy = undefined\n  }\n\n  if (groupByConfig?.showEmpty !== undefined) {\n    result.showEmptyGroups = groupByConfig.showEmpty\n  }\n\n  // Add sorting information if present\n  if (sorting) {\n    if (sorting.length > 0) {\n      // find the column that is being sorted\n      const firstSort = sorting[0]\n      result.sortBy = firstSort.id\n      result.sortDesc = firstSort.desc\n    } else {\n      // remove sorting\n      result.sortBy = undefined\n      result.sortDesc = undefined\n    }\n  }\n\n  // Add row height if present\n  if (rowHeight !== undefined) {\n    result.rowHeight = rowHeight\n  }\n\n  return result\n}\n"],"names":["convertColumnConfigToTanstackStates","settings","columns","groupByField","showEmptyGroups","sortBy","sortDesc","rowHeight","columnVisibility","columnPinning","columnOrder","columnSizing","column","name","visible","pinned","width","sorting","groupBy","first","v","determineColumnOrder","allColumnIds","columnsWithState","orderedColumns","remainingColumns","columnId","collectColumnsWithState","col","createColumnItem","columnName","isPinnedLeft","isPinnedRight","convertTanstackStatesToColumnConfig","states","groupByConfig","result","id","firstSort"],"mappings":"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"}

package/dist/shared/src/util/getGroupByDataType.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(e,r)=>{if(!e?.id)return"string";const t=e.id;if(t==="assignees"||t==="tags")return"list_of_strings";if(t.startsWith("attrib.")){const i=t.split(".")[1];return r.find(s=>s.name===i)?.data?.type||"string"}return"string"};exports.getGroupByDataType=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,i)=>{if(!e?.id||typeof e.id!="string")return"string";const t=e.id;if(t==="assignees"||t==="tags")return"list_of_strings";if(t.startsWith("attrib.")){const r=t.split(".")[1];return i.find(s=>s.name===r)?.data?.type||"string"}return"string"};exports.getGroupByDataType=n;
 //# sourceMappingURL=getGroupByDataType.cjs.js.map

package/dist/shared/src/util/getGroupByDataType.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupByDataType.cjs.js","sources":["../../../../src/util/getGroupByDataType.ts"],"sourcesContent":["import { ProjectTableAttribute } from '@shared/containers'\nimport type { TableGroupBy } from '../containers/ProjectTreeTable/context'\nimport { AttributeModel } from '@shared/api'\n\ntype DataType = 'string' | 'list_of_strings' | string\n\n/**\n * Determines the data type for a groupBy field.\n * Handles special cases for built-in group types (assignees, tags) and attribute-based grouping.\n *\n * @param groupBy - The group by configuration\n * @param attribFields - Array of available attribute fields\n * @returns The data type as a string ('string', 'list_of_strings', or the attribute type)\n *\n * @example\n * const dataType = getGroupByDataType(groupBy, attribFields)\n * // Returns 'list_of_strings' for assignees/tags\n * // Returns the attribute type for 'attrib.attributeName'\n * // Returns 'string' as default fallback\n */\nexport const getGroupByDataType = (\n  groupBy: TableGroupBy | undefined,\n  attribFields: (ProjectTableAttribute | AttributeModel)[],\n): DataType => {\n  if (!groupBy?.id) return 'string'\n\n  const groupById = groupBy.id\n\n  // Handle special cases for built-in group types\n  if (groupById === 'assignees' || groupById === 'tags') {\n    return 'list_of_strings'\n  }\n\n  // Handle attribute-based grouping (format: \"attrib.attributeName\")\n  if (groupById.startsWith('attrib.')) {\n    const attributeName = groupById.split('.')[1]\n    const attribute = attribFields.find((field) => field.name === attributeName)\n    return attribute?.data?.type || 'string'\n  }\n\n  // Default fallback\n  return 'string'\n}\n"],"names":["getGroupByDataType","groupBy","attribFields","groupById","attributeName","field"],"mappings":"gFAoBO,MAAMA,EAAqB,CAChCC,EACAC,IACa,CACb,GAAI,CAACD,GAAS,GAAI,MAAO,SAEzB,MAAME,EAAYF,EAAQ,GAG1B,GAAIE,IAAc,aAAeA,IAAc,OAC7C,MAAO,kBAIT,GAAIA,EAAU,WAAW,SAAS,EAAG,CACnC,MAAMC,EAAgBD,EAAU,MAAM,GAAG,EAAE,CAAC,EAE5C,OADkBD,EAAa,KAAMG,GAAUA,EAAM,OAASD,CAAa,GACzD,MAAM,MAAQ,QAClC,CAGA,MAAO,QACT"}
+{"version":3,"file":"getGroupByDataType.cjs.js","sources":["../../../../src/util/getGroupByDataType.ts"],"sourcesContent":["import { ProjectTableAttribute } from '@shared/containers'\nimport type { TableGroupBy } from '../containers/ProjectTreeTable/context'\nimport { AttributeModel } from '@shared/api'\n\ntype DataType = 'string' | 'list_of_strings' | string\n\n/**\n * Determines the data type for a groupBy field.\n * Handles special cases for built-in group types (assignees, tags) and attribute-based grouping.\n *\n * @param groupBy - The group by configuration\n * @param attribFields - Array of available attribute fields\n * @returns The data type as a string ('string', 'list_of_strings', or the attribute type)\n *\n * @example\n * const dataType = getGroupByDataType(groupBy, attribFields)\n * // Returns 'list_of_strings' for assignees/tags\n * // Returns the attribute type for 'attrib.attributeName'\n * // Returns 'string' as default fallback\n */\nexport const getGroupByDataType = (\n  groupBy: TableGroupBy | undefined,\n  attribFields: (ProjectTableAttribute | AttributeModel)[],\n): DataType => {\n  if (!groupBy?.id || typeof groupBy.id !== 'string') return 'string'\n\n  const groupById = groupBy.id\n\n  // Handle special cases for built-in group types\n  if (groupById === 'assignees' || groupById === 'tags') {\n    return 'list_of_strings'\n  }\n\n  // Handle attribute-based grouping (format: \"attrib.attributeName\")\n  if (groupById.startsWith('attrib.')) {\n    const attributeName = groupById.split('.')[1]\n    const attribute = attribFields.find((field) => field.name === attributeName)\n    return attribute?.data?.type || 'string'\n  }\n\n  // Default fallback\n  return 'string'\n}\n"],"names":["getGroupByDataType","groupBy","attribFields","groupById","attributeName","field"],"mappings":"gFAoBO,MAAMA,EAAqB,CAChCC,EACAC,IACa,CACb,GAAI,CAACD,GAAS,IAAM,OAAOA,EAAQ,IAAO,SAAU,MAAO,SAE3D,MAAME,EAAYF,EAAQ,GAG1B,GAAIE,IAAc,aAAeA,IAAc,OAC7C,MAAO,kBAIT,GAAIA,EAAU,WAAW,SAAS,EAAG,CACnC,MAAMC,EAAgBD,EAAU,MAAM,GAAG,EAAE,CAAC,EAE5C,OADkBD,EAAa,KAAMG,GAAUA,EAAM,OAASD,CAAa,GACzD,MAAM,MAAQ,QAClC,CAGA,MAAO,QACT"}

package/dist/shared/src/util/getGroupByDataType.es.js

@@ -1,11 +1,11 @@
-const a = (r, i) => {
-  if (!r?.id) return "string";
-  const t = r.id;
+const a = (i, r) => {
+  if (!i?.id || typeof i.id != "string") return "string";
+  const t = i.id;
   if (t === "assignees" || t === "tags")
     return "list_of_strings";
   if (t.startsWith("attrib.")) {
     const s = t.split(".")[1];
-    return i.find((e) => e.name === s)?.data?.type || "string";
+    return r.find((e) => e.name === s)?.data?.type || "string";
   }
   return "string";
 };

package/dist/shared/src/util/getGroupByDataType.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getGroupByDataType.es.js","sources":["../../../../src/util/getGroupByDataType.ts"],"sourcesContent":["import { ProjectTableAttribute } from '@shared/containers'\nimport type { TableGroupBy } from '../containers/ProjectTreeTable/context'\nimport { AttributeModel } from '@shared/api'\n\ntype DataType = 'string' | 'list_of_strings' | string\n\n/**\n * Determines the data type for a groupBy field.\n * Handles special cases for built-in group types (assignees, tags) and attribute-based grouping.\n *\n * @param groupBy - The group by configuration\n * @param attribFields - Array of available attribute fields\n * @returns The data type as a string ('string', 'list_of_strings', or the attribute type)\n *\n * @example\n * const dataType = getGroupByDataType(groupBy, attribFields)\n * // Returns 'list_of_strings' for assignees/tags\n * // Returns the attribute type for 'attrib.attributeName'\n * // Returns 'string' as default fallback\n */\nexport const getGroupByDataType = (\n  groupBy: TableGroupBy | undefined,\n  attribFields: (ProjectTableAttribute | AttributeModel)[],\n): DataType => {\n  if (!groupBy?.id) return 'string'\n\n  const groupById = groupBy.id\n\n  // Handle special cases for built-in group types\n  if (groupById === 'assignees' || groupById === 'tags') {\n    return 'list_of_strings'\n  }\n\n  // Handle attribute-based grouping (format: \"attrib.attributeName\")\n  if (groupById.startsWith('attrib.')) {\n    const attributeName = groupById.split('.')[1]\n    const attribute = attribFields.find((field) => field.name === attributeName)\n    return attribute?.data?.type || 'string'\n  }\n\n  // Default fallback\n  return 'string'\n}\n"],"names":["getGroupByDataType","groupBy","attribFields","groupById","attributeName","field"],"mappings":"AAoBO,MAAMA,IAAqB,CAChCC,GACAC,MACa;AACb,MAAI,CAACD,GAAS,GAAI,QAAO;AAEzB,QAAME,IAAYF,EAAQ;AAG1B,MAAIE,MAAc,eAAeA,MAAc;AAC7C,WAAO;AAIT,MAAIA,EAAU,WAAW,SAAS,GAAG;AACnC,UAAMC,IAAgBD,EAAU,MAAM,GAAG,EAAE,CAAC;AAE5C,WADkBD,EAAa,KAAK,CAACG,MAAUA,EAAM,SAASD,CAAa,GACzD,MAAM,QAAQ;AAAA,EAClC;AAGA,SAAO;AACT;"}
+{"version":3,"file":"getGroupByDataType.es.js","sources":["../../../../src/util/getGroupByDataType.ts"],"sourcesContent":["import { ProjectTableAttribute } from '@shared/containers'\nimport type { TableGroupBy } from '../containers/ProjectTreeTable/context'\nimport { AttributeModel } from '@shared/api'\n\ntype DataType = 'string' | 'list_of_strings' | string\n\n/**\n * Determines the data type for a groupBy field.\n * Handles special cases for built-in group types (assignees, tags) and attribute-based grouping.\n *\n * @param groupBy - The group by configuration\n * @param attribFields - Array of available attribute fields\n * @returns The data type as a string ('string', 'list_of_strings', or the attribute type)\n *\n * @example\n * const dataType = getGroupByDataType(groupBy, attribFields)\n * // Returns 'list_of_strings' for assignees/tags\n * // Returns the attribute type for 'attrib.attributeName'\n * // Returns 'string' as default fallback\n */\nexport const getGroupByDataType = (\n  groupBy: TableGroupBy | undefined,\n  attribFields: (ProjectTableAttribute | AttributeModel)[],\n): DataType => {\n  if (!groupBy?.id || typeof groupBy.id !== 'string') return 'string'\n\n  const groupById = groupBy.id\n\n  // Handle special cases for built-in group types\n  if (groupById === 'assignees' || groupById === 'tags') {\n    return 'list_of_strings'\n  }\n\n  // Handle attribute-based grouping (format: \"attrib.attributeName\")\n  if (groupById.startsWith('attrib.')) {\n    const attributeName = groupById.split('.')[1]\n    const attribute = attribFields.find((field) => field.name === attributeName)\n    return attribute?.data?.type || 'string'\n  }\n\n  // Default fallback\n  return 'string'\n}\n"],"names":["getGroupByDataType","groupBy","attribFields","groupById","attributeName","field"],"mappings":"AAoBO,MAAMA,IAAqB,CAChCC,GACAC,MACa;AACb,MAAI,CAACD,GAAS,MAAM,OAAOA,EAAQ,MAAO,SAAU,QAAO;AAE3D,QAAME,IAAYF,EAAQ;AAG1B,MAAIE,MAAc,eAAeA,MAAc;AAC7C,WAAO;AAIT,MAAIA,EAAU,WAAW,SAAS,GAAG;AACnC,UAAMC,IAAgBD,EAAU,MAAM,GAAG,EAAE,CAAC;AAE5C,WADkBD,EAAa,KAAK,CAACG,MAAUA,EAAM,SAASD,CAAa,GACzD,MAAM,QAAQ;AAAA,EAClC;AAGA,SAAO;AACT;"}

package/dist/types/api/queries/activities/getActivities.d.ts

@@ -2577,7 +2577,7 @@ export declare const useGetEntityTooltipQuery: <R extends Record<string, any> =
         first?: number;
         last?: number;
     }, import('@reduxjs/toolkit/query').BaseQueryFn<string | import('@reduxjs/toolkit/query').FetchArgs, unknown, FetchBaseQueryError>, string, ActivitiesResult, "restApi", unknown>>;
-}, "refetch"> & Pick<{
+}, "refetch" | "fetchNextPage" | "fetchPreviousPage"> & Pick<{
     refetch: (options?: Pick<import('@reduxjs/toolkit/query').SubscriptionOptions & {
         skip?: boolean;
         refetchOnMountOrArgChange?: boolean | number;