@ynput/ayon-frontend-shared 0.3.36 → 0.3.37

package/dist/shared/src/containers/ProjectTreeTable/buildTreeTableColumns.es.js

@@ -17,7 +17,7 @@ import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import { Icon as W } from "@ynput/ayon-react-components";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
-import c from "clsx";
+import g from "clsx";
 import "../../components/AttributeEditor/AttributeEditor.es.js";
 import "../../components/AttributeEditor/attributeTypeMap.es.js";
 import "../../components/Badge/Badge.es.js";
@@ -206,16 +206,16 @@ import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../Feed/Feed.styled.es.js";
-import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../Feed/components/FeedSearchFilter.es.js";
 import "@tanstack/react-virtual";
 import { getCellId as _, getCellValue as P } from "./utils/cellUtils.es.js";
 import { TableCellContent as F, LinkColumnHeader as ti } from "./ProjectTreeTable.styled.es.js";
 import { SelectionCell as ni } from "./components/SelectionCell.es.js";
 import ri from "./components/RowSelectionHeader.es.js";
-import { useCellEditing as oi } from "./context/CellEditingContext.es.js";
+import { useCellEditing as ai } from "./context/CellEditingContext.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
-import { isEntityRestricted as K, READ_ONLY as ai } from "./utils/restrictedEntity.es.js";
+import { isEntityRestricted as K, READ_ONLY as oi } from "./utils/restrictedEntity.es.js";
 import "./context/SelectionCellsContext.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/ProjectTableContext.es.js";
@@ -240,6 +240,8 @@ import "../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.
 import "../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
 import "../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../Actions/Actions.styled.es.js";
@@ -272,6 +274,7 @@ import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/SizeSlider/SizeSlider.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../components/SearchFilter/CustomDateRangeDialog.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
@@ -291,39 +294,39 @@ import "../../components/ColumnHeaderMenuUI.es.js";
 import "./widgets/EmptyWidget.es.js";
 import "./widgets/ErrorWidget.es.js";
 import { MetaWidget as di } from "./widgets/MetaWidget.es.js";
-const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, ...u) => p.original.isLoading !== d.original.isLoading ? p.original.isLoading ? 1 : -1 : o(p, d, ...u), Y = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (o) => (p, d, ...u) => {
-  const I = o(p, d, ...u);
+const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, ...c) => p.original.isLoading !== d.original.isLoading ? p.original.isLoading ? 1 : -1 : o(p, d, ...c), Y = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (o) => (p, d, ...c) => {
+  const I = o(p, d, ...c);
   if (I !== 0) return I;
-  const L = p.original.label || p.original.name || "", R = d.original.label || d.original.name || "";
-  return Y.compare(L, R);
+  const R = p.original.label || p.original.name || "", L = d.original.label || d.original.name || "";
+  return Y.compare(R, L);
 }, N = (o, p) => {
-  const d = o.original.label || o.original.path || o.original.name || "", u = p.original.label || p.original.path || p.original.name || "";
-  return Y.compare(d, u);
+  const d = o.original.label || o.original.path || o.original.name || "", c = p.original.label || p.original.path || p.original.name || "";
+  return Y.compare(d, c);
 }, X = (o, p, d) => {
-  const u = P(o.original, d), I = P(p.original, d), L = Array.isArray(u) ? u.length : u ? String(u).length : 0, R = Array.isArray(I) ? I.length : I ? String(I).length : 0;
-  return L - R;
-}, M = (o, p, d, u) => {
-  const I = P(o.original, d), L = P(p.original, d);
-  if (u && u.enum) {
-    const R = u.enum.findIndex((E) => E.value === I), A = u.enum.findIndex((E) => E.value === L);
-    return R - A;
-  } else return u?.type === "datetime" ? j.datetime(o, p, d) : u?.type === "boolean" ? (I === !0 ? 1 : 0) - (L === !0 ? 1 : 0) : j.alphanumeric(o, p, d);
-}, gi = (o, p) => `${o.linkType.charAt(0).toUpperCase() + o.linkType.slice(1)} (${p})`, Z = (o, p) => `${o.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, ci = (o, p) => `link_${Z(o, p)}`, Mo = ({
+  const c = P(o.original, d), I = P(p.original, d), R = Array.isArray(c) ? c.length : c ? String(c).length : 0, L = Array.isArray(I) ? I.length : I ? String(I).length : 0;
+  return R - L;
+}, M = (o, p, d, c) => {
+  const I = P(o.original, d), R = P(p.original, d);
+  if (c && c.enum) {
+    const L = c.enum.findIndex((E) => E.value === I), A = c.enum.findIndex((E) => E.value === R);
+    return L - A;
+  } else return c?.type === "datetime" ? j.datetime(o, p, d) : c?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : j.alphanumeric(o, p, d);
+}, gi = (o, p) => `${o.linkType.charAt(0).toUpperCase() + o.linkType.slice(1)} (${p})`, Z = (o, p) => `${o.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, ci = (o, p) => `link_${Z(o, p)}`, $a = ({
   scopes: o,
   attribs: p,
   links: d = [],
-  includeLinks: u = !0,
+  includeLinks: c = !0,
   showHierarchy: I,
-  isFlatFolderView: L,
-  options: R,
+  isFlatFolderView: R,
+  options: L,
   excluded: A,
   excludedSorting: E,
   extraColumns: V,
   groupBy: k,
   nameLabel: q = "Entity"
 }) => {
-  const y = [], g = (i) => !A?.includes(i), v = (i) => !E?.includes(i);
-  g(U) && y.push({
+  const y = [], u = (i) => !A?.includes(i), v = (i) => !E?.includes(i);
+  u(U) && y.push({
     id: U,
     enableResizing: !1,
     enableSorting: !1,
@@ -332,7 +335,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     header: () => /* @__PURE__ */ s.jsx(ri, {}),
     cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ni, {}),
     size: 20
-  }), g("thumbnail") && y.push({
+  }), u("thumbnail") && y.push({
     id: "thumbnail",
     header: "Thumbnail",
     size: 63,
@@ -343,7 +346,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       if (i.original.entityType === "group" || i.original.metaType) return null;
       const n = t.options.meta;
       if (!n) return null;
-      const l = _(i.id, e.id);
+      const a = _(i.id, e.id);
       let r = {
         entityId: i.original.entityId || i.id,
         entityType: i.original.entityType,
@@ -352,20 +355,20 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       return i.original.thumbnail && (r = i.original.thumbnail), /* @__PURE__ */ s.jsx(
         ii,
         {
-          id: l,
+          id: a,
           entityId: r.entityId,
           entityType: r.entityType,
           thumbnailHash: r.thumbnailHash,
           icon: i.original.icon,
           projectName: n?.projectName,
-          className: c("thumbnail", {
+          className: g("thumbnail", {
             loading: i.original.isLoading
           }),
           isPlayable: i.original.hasReviewables
         }
       );
     }
-  }), g("name") && y.push({
+  }), u("name") && y.push({
     id: "name",
     accessorKey: "name",
     header: q,
@@ -376,13 +379,13 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enablePinning: !0,
     enableHiding: !(k && k.id !== "folder"),
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id), a = t.options.meta, { isEditing: m } = oi(), { rowHeight: S = 40 } = li(), C = _(i.id, e.id);
+      const { value: n, id: a, type: r } = f(i, e.id), l = t.options.meta, { isEditing: m } = ai(), { rowHeight: S = 40 } = li(), C = _(i.id, e.id);
       if (i.original.metaType)
         return /* @__PURE__ */ s.jsx(
           F,
           {
             id: C,
-            className: c("large", "readonly", i.original.entityType),
+            className: g("large", "readonly", i.original.entityType),
             style: {
               paddingLeft: `calc(${i.depth * 1}rem + 8px)`,
               pointerEvents: "none"
@@ -396,7 +399,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
           pi,
           {
             id: i.original.group.value,
-            onLoadMore: ($) => a?.loadMoreRows?.($)
+            onLoadMore: ($) => l?.loadMoreRows?.($)
           }
         );
       const z = i.getCanExpand() && !!i.originalSubRows && (ui(i.original.entityType) || !!i.original.group);
@@ -404,7 +407,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         F,
         {
           id: C,
-          className: c("large", i.original.entityType, {
+          className: g("large", i.original.entityType, {
             loading: i.original.isLoading,
             hierarchy: I
           }),
@@ -433,50 +436,50 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
                 id: i.id,
                 label: i.original.label,
                 name: i.original.name,
-                path: !I && !L ? "/" + i.original.parents?.join("/") : void 0,
+                path: !I && !R ? "/" + i.original.parents?.join("/") : void 0,
                 entityType: i.original.entityType,
                 subType: i.original.subType,
                 isExpandable: z,
                 isExpanded: i.getIsExpanded(),
-                toggleExpandAll: () => a?.toggleExpandAll?.([i.id]),
+                toggleExpandAll: () => l?.toggleExpandAll?.([i.id]),
                 toggleExpanded: i.getToggleExpandedHandler(),
                 rowHeight: S,
-                columnDisplayConfig: mi(a?.columnsConfig, "name")
+                columnDisplayConfig: mi(l?.columnsConfig, "name")
               }
             ),
             m(C) && /* @__PURE__ */ s.jsx(
               b,
               {
-                rowId: l,
-                className: c("name", { loading: i.original.isLoading }),
+                rowId: a,
+                className: g("name", { loading: i.original.isLoading }),
                 columnId: e.id,
                 value: n,
                 valueData: {
                   name: i.original.name,
                   label: i.original.label,
-                  meta: a,
-                  entityRowId: l,
+                  meta: l,
+                  entityRowId: a,
                   columnId: e.id,
                   hasVersions: !!i.original.hasVersions
                 },
                 entityType: r,
                 attributeData: { type: "name" },
                 isCollapsed: !!i.original.childOnlyMatch,
-                isReadOnly: a?.readOnly?.includes(e.id)
+                isReadOnly: l?.readOnly?.includes(e.id)
               }
             )
           ]
         }
       );
     }
-  }), g("status") && y.push({
+  }), u("status") && y.push({
     id: "status",
     accessorKey: "status",
     minSize: T,
     header: "Status",
     sortingFn: x(
       O(
-        (i, e, t) => M(i, e, t, { enum: R.status, type: "string" })
+        (i, e, t) => M(i, e, t, { enum: L.status, type: "string" })
       )
     ),
     sortDescFirst: !0,
@@ -485,22 +488,22 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enablePinning: !0,
     enableHiding: !0,
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id), a = t.options.meta;
+      const { value: n, id: a, type: r } = f(i, e.id), l = t.options.meta;
       return ["group", h].includes(r) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
-          rowId: l,
-          className: c("status", { loading: i.original.isLoading }),
+          rowId: a,
+          className: g("status", { loading: i.original.isLoading }),
           columnId: e.id,
           value: n,
           attributeData: { type: "string" },
-          options: a?.options?.status.filter((m) => m.scope?.includes(r)),
+          options: l?.options?.status.filter((m) => m.scope?.includes(r)),
           isCollapsed: !!i.original.childOnlyMatch,
-          onChange: (m) => a?.updateEntities?.(
-            { field: e.id, value: m, type: r, rowId: l },
-            { selection: a?.selection }
+          onChange: (m) => l?.updateEntities?.(
+            { field: e.id, value: m, type: r, rowId: a },
+            { selection: l?.selection }
           ),
-          isReadOnly: a?.readOnly?.includes(e.id) || K(r),
+          isReadOnly: l?.readOnly?.includes(e.id) || K(r),
           pt: {
             enum: {
               pt: {
@@ -519,7 +522,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("entityType") && y.push({
+  }), u("entityType") && y.push({
     id: "entityType",
     accessorKey: "entityType",
     header: "Entity Type",
@@ -530,14 +533,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(O(j.alphanumeric)),
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id);
+      const { value: n, id: a, type: r } = f(i, e.id);
       if (["group", h].includes(r) || i.original.metaType) return null;
-      const a = _(i.id, e.id);
+      const l = _(i.id, e.id);
       return /* @__PURE__ */ s.jsxs(
         F,
         {
-          id: a,
-          className: c("entityType", ai, r, { loading: i.original.isLoading }),
+          id: l,
+          className: g("entityType", oi, r, { loading: i.original.isLoading }),
           tabIndex: 0,
           children: [
             /* @__PURE__ */ s.jsx(W, { icon: G(r) }),
@@ -547,7 +550,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("subType") && y.push({
+  }), u("subType") && y.push({
     id: "subType",
     accessorKey: "subType",
     header: o.includes("product") || o.includes("version") ? "Product type" : "Type",
@@ -559,30 +562,30 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     sortingFn: x(
       O(
         (i, e, t) => M(i, e, t, {
-          enum: [...R.folderType, ...R.taskType],
+          enum: [...L.folderType, ...L.taskType],
           type: "string"
         })
       )
     ),
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id);
+      const { value: n, id: a, type: r } = f(i, e.id);
       if (["group", h].includes(r) || i.original.metaType) return null;
-      const a = r === "folder" ? "folderType" : "taskType", m = t.options.meta, S = r === "folder" && i.original.hasVersions;
+      const l = r === "folder" ? "folderType" : "taskType", m = t.options.meta, S = r === "folder" && i.original.hasVersions;
       return /* @__PURE__ */ s.jsx(
         b,
         {
-          rowId: l,
-          className: c("subType", { loading: i.original.isLoading }),
+          rowId: a,
+          className: g("subType", { loading: i.original.isLoading }),
           columnId: e.id,
           value: n,
           attributeData: { type: "string" },
           options: r === "folder" ? m?.options?.folderType : r === "task" ? m?.options?.taskType : r === "product" || r === "version" ? m?.options?.productType : [],
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (C) => m?.updateEntities?.(
-            { field: a, value: C, type: r, rowId: i.id },
+            { field: l, value: C, type: r, rowId: i.id },
             { selection: m?.selection }
           ),
-          isReadOnly: m?.readOnly?.includes(e.id) || m?.readOnly?.includes(a) || S,
+          isReadOnly: m?.readOnly?.includes(e.id) || m?.readOnly?.includes(l) || S,
           tooltip: S ? "Folder type cannot be edited when versions exist within the folder" : void 0,
           pt: {
             enum: {
@@ -596,7 +599,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("assignees") && y.push({
+  }), u("assignees") && y.push({
     id: "assignees",
     accessorKey: "assignees",
     header: "Assignees",
@@ -607,12 +610,12 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(O(X)),
     cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: l, id: r, type: a } = f(i, e.id);
-      return ["group", h].includes(a) || i.original.metaType ? null : a === "folder" ? /* @__PURE__ */ s.jsx(
+      const n = t.options.meta, { value: a, id: r, type: l } = f(i, e.id);
+      return ["group", h].includes(l) || i.original.metaType ? null : l === "folder" ? /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: r,
-          className: c("assignees", { loading: i.original.isLoading }),
+          className: g("assignees", { loading: i.original.isLoading }),
           columnId: e.id,
           value: "",
           isPlaceholder: !0
@@ -621,20 +624,20 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         b,
         {
           rowId: r,
-          className: c("assignees", { loading: i.original.isLoading }),
+          className: g("assignees", { loading: i.original.isLoading }),
           columnId: e.id,
-          value: l,
+          value: a,
           attributeData: { type: "list_of_strings" },
           options: n?.options?.assignee,
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (m) => n?.updateEntities?.(
-            { field: e.id, value: m, type: a, rowId: i.id },
+            { field: e.id, value: m, type: l, rowId: i.id },
             { selection: n?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || K(a),
+          isReadOnly: n?.readOnly?.includes(e.id) || K(l),
           pt: {
             enum: {
-              multiSelectClose: l?.length === 0,
+              multiSelectClose: a?.length === 0,
               // close the dropdown on first assignment
               search: !0,
               // enable search at all times
@@ -644,7 +647,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("folder") && y.push({
+  }), u("folder") && y.push({
     id: "folder",
     accessorKey: "folder",
     header: "Folder name",
@@ -655,12 +658,12 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enablePinning: !0,
     enableHiding: !0,
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id);
+      const { value: n, id: a, type: r } = f(i, e.id);
       return ["group", h].includes(r) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
-          rowId: l,
-          className: c("folder", { loading: i.original.isLoading }),
+          rowId: a,
+          className: g("folder", { loading: i.original.isLoading }),
           columnId: e.id,
           value: n,
           attributeData: { type: "string" },
@@ -668,7 +671,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("author") && ["version", "product"].some((i) => o.includes(i)) && y.push({
+  }), u("author") && ["version", "product"].some((i) => o.includes(i)) && y.push({
     id: "author",
     accessorKey: "author",
     header: "Author",
@@ -679,22 +682,22 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(N),
     cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: l, id: r, type: a } = f(i, e.id);
-      return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
+      const n = t.options.meta, { value: a, id: r, type: l } = f(i, e.id);
+      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: r,
-          className: c("author", { loading: i.original.isLoading }),
+          className: g("author", { loading: i.original.isLoading }),
           columnId: e.id,
-          value: [l],
+          value: [a],
           attributeData: { type: "list_of_strings" },
           options: n?.options?.assignee,
           isReadOnly: !0,
-          isInherited: a === "product"
+          isInherited: l === "product"
         }
       );
     }
-  }), g("version") && ["version", "product"].some((i) => o.includes(i)) && y.push({
+  }), u("version") && ["version", "product"].some((i) => o.includes(i)) && y.push({
     id: "version",
     accessorKey: "version",
     header: "Version",
@@ -705,14 +708,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(N),
     cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: l } = f(i, e.id);
-      if (["group", h].includes(l) || i.original.metaType) return null;
+      const { value: t, id: n, type: a } = f(i, e.id);
+      if (["group", h].includes(a) || i.original.metaType) return null;
       let r = i.original.versionName || t;
       return i.original.entityType === "product" && (r = `${i.original.versionName} (${i.original.versionsCount || 0} versions)`), /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: n,
-          className: c("version", { loading: i.original.isLoading }),
+          className: g("version", { loading: i.original.isLoading }),
           columnId: e.id,
           value: r,
           attributeData: { type: "string" },
@@ -720,7 +723,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("product") && ["version", "product"].some((i) => o.includes(i)) && y.push({
+  }), u("product") && ["version", "product"].some((i) => o.includes(i)) && y.push({
     id: "product",
     accessorKey: "product",
     header: "Product name",
@@ -731,12 +734,12 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(N),
     cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
+      const { value: t, id: n, type: a } = f(i, e.id);
+      return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: n,
-          className: c("product", { loading: i.original.isLoading }),
+          className: g("product", { loading: i.original.isLoading }),
           columnId: e.id,
           value: t,
           attributeData: { type: "string" },
@@ -744,7 +747,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("tags") && y.push({
+  }), u("tags") && y.push({
     id: "tags",
     accessorKey: "tags",
     header: "Tags",
@@ -755,27 +758,27 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(O(X)),
     cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: l, id: r, type: a } = f(i, e.id);
-      return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
+      const n = t.options.meta, { value: a, id: r, type: l } = f(i, e.id);
+      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: r,
-          className: c("tags", { loading: i.original.isLoading }),
+          className: g("tags", { loading: i.original.isLoading }),
           columnId: e.id,
-          value: l,
+          value: a,
           attributeData: { type: "list_of_strings" },
           options: n?.options?.tag,
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (m) => n?.updateEntities?.(
-            { field: e.id, value: m, type: a, rowId: i.id },
+            { field: e.id, value: m, type: l, rowId: i.id },
             { selection: n?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || K(a),
+          isReadOnly: n?.readOnly?.includes(e.id) || K(l),
           enableCustomValues: !0
         }
       );
     }
-  }), g("createdAt") && y.push({
+  }), u("createdAt") && y.push({
     id: "createdAt",
     accessorKey: "createdAt",
     header: "Created at",
@@ -786,12 +789,12 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(O(j.datetime)),
     cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
+      const { value: t, id: n, type: a } = f(i, e.id);
+      return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: n,
-          className: c("createdAt", { loading: i.original.isLoading }),
+          className: g("createdAt", { loading: i.original.isLoading }),
           columnId: e.id,
           value: t,
           attributeData: { type: "datetime" },
@@ -801,7 +804,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("updatedAt") && y.push({
+  }), u("updatedAt") && y.push({
     id: "updatedAt",
     accessorKey: "updatedAt",
     header: "Updated at",
@@ -812,12 +815,12 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(O(j.datetime)),
     cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
+      const { value: t, id: n, type: a } = f(i, e.id);
+      return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: n,
-          className: c("updatedAt", { loading: i.original.isLoading }),
+          className: g("updatedAt", { loading: i.original.isLoading }),
           columnId: e.id,
           value: t,
           attributeData: { type: "datetime" },
@@ -827,7 +830,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
-  }), g("subtasks") && o.includes("task") && y.push({
+  }), u("subtasks") && o.includes("task") && y.push({
     id: "subtasks",
     accessorKey: "subtasks",
     header: "Subtasks",
@@ -837,18 +840,18 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enablePinning: !0,
     enableHiding: !0,
     cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: l, id: r, type: a } = f(i, e.id);
-      if (["group", h].includes(a) || i.original.metaType) return null;
-      if (a !== "task") return /* @__PURE__ */ s.jsx("div", { className: "readonly" });
+      const n = t.options.meta, { value: a, id: r, type: l } = f(i, e.id);
+      if (["group", h].includes(l) || i.original.metaType) return null;
+      if (l !== "task") return /* @__PURE__ */ s.jsx("div", { className: "readonly" });
       const m = {
         taskId: si(i.id) || i.original.entityId || i.original.id,
-        subtasks: l || []
+        subtasks: a || []
       };
       return /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: r,
-          className: c("subtasks", { loading: i.original.isLoading }),
+          className: g("subtasks", { loading: i.original.isLoading }),
           columnId: e.id,
           value: m.subtasks?.map((S) => S.label || S.name) || [],
           valueData: m,
@@ -857,11 +860,36 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         }
       );
     }
+  }), u("comments") && o.some((i) => ["task", "version", "product", "folder"].includes(i)) && y.push({
+    id: "comments",
+    accessorKey: "latestComments",
+    header: "Latest comments",
+    minSize: T,
+    enableSorting: !1,
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    cell: ({ row: i, column: e }) => {
+      const { value: t, id: n, type: a } = f(i, "latestComments");
+      return ["group", h].includes(a) || i.original.metaType ? null : !i.original.isLoading && !["task", "version", "product", "folder"].includes(a) ? /* @__PURE__ */ s.jsx("div", { className: "readonly" }) : /* @__PURE__ */ s.jsx(
+        b,
+        {
+          rowId: n,
+          className: g("comments", { loading: i.original.isLoading }),
+          columnId: e.id,
+          value: "",
+          valueData: t || [],
+          attributeData: { type: "comments" },
+          isCollapsed: !!i.original.childOnlyMatch,
+          isReadOnly: !0
+        }
+      );
+    }
   });
   const J = p.filter((i) => {
     if (i.scope && !i.scope.some((t) => o.includes(t))) return !1;
     const e = "attrib_" + i.name;
-    return !(!g(e) || i.builtin && !g("attrib"));
+    return !(!u(e) || i.builtin && !u("attrib"));
   }).map((i) => ({
     id: "attrib_" + i.name,
     accessorKey: "attrib." + i.name,
@@ -869,19 +897,19 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     minSize: T,
     filterFn: "fuzzy",
     sortingFn: x(
-      O((t, n, l) => M(t, n, l, i.data))
+      O((t, n, a) => M(t, n, a, i.data))
     ),
     enableSorting: v(i.name) && v("attrib"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: t, column: n, table: l }) => {
-      const r = l.options.meta, a = n.id.replace("attrib_", ""), { value: m, id: S, type: C } = f(t, a, "attrib"), z = !t.original.ownAttrib?.includes(a);
+    cell: ({ row: t, column: n, table: a }) => {
+      const r = a.options.meta, l = n.id.replace("attrib_", ""), { value: m, id: S, type: C } = f(t, l, "attrib"), z = !t.original.ownAttrib?.includes(l);
       return ["group", h].includes(C) || t.original.metaType || !i.scope?.includes(C) && m == null ? null : /* @__PURE__ */ s.jsx(
         b,
         {
           rowId: S,
-          className: c("attrib", { loading: t.original.isLoading }),
+          className: g("attrib", { loading: t.original.isLoading }),
           columnId: n.id,
           value: m,
           attributeData: { type: i.data.type || "string", widget: i.data.widget },
@@ -892,17 +920,17 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
             // check attrib is not read only
             i.readOnly || // check if there is any other reason the cell should be read only
             r?.readOnly?.some(
-              (D) => D === a || D === "attrib" && i.builtin
+              (H) => H === l || H === "attrib" && i.builtin
             )
           ),
-          onChange: (D) => r?.updateEntities?.(
-            { field: a, value: D, type: C, isAttrib: !0, rowId: t.id },
+          onChange: (H) => r?.updateEntities?.(
+            { field: l, value: H, type: C, isAttrib: !0, rowId: t.id },
             { selection: i.data.enum?.length ? r?.selection : void 0 }
           )
         }
       );
     }
-  })), Q = u ? d.filter((i) => !(!g(i.linkType) || !g("link") || !o.includes(i.inputType) && !o.includes(i.outputType))).flatMap((i) => {
+  })), Q = c ? d.filter((i) => !(!u(i.linkType) || !u("link") || !o.includes(i.inputType) && !o.includes(i.outputType))).flatMap((i) => {
     const e = (t) => ({
       id: ci(i, t),
       accessorKey: `links.${Z(i, t)}`,
@@ -921,8 +949,8 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       enableResizing: !0,
       enablePinning: !0,
       enableHiding: !0,
-      cell: ({ row: n, column: l }) => {
-        const r = l.id.replace("link_", ""), { id: a, value: m } = f(n, r, "links"), S = m?.map((z) => z.label), C = {
+      cell: ({ row: n, column: a }) => {
+        const r = a.id.replace("link_", ""), { id: l, value: m } = f(n, r, "links"), S = m?.map((z) => z.label), C = {
           links: m,
           direction: t,
           entityId: n.original.entityId || n.original.id,
@@ -936,9 +964,9 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         return /* @__PURE__ */ s.jsx(
           b,
           {
-            rowId: a,
-            className: c("links", { loading: n.original.isLoading }),
-            columnId: l.id,
+            rowId: l,
+            className: g("links", { loading: n.original.isLoading }),
+            columnId: a.id,
             value: S,
             valueData: C,
             folderId: n.original.folderId,
@@ -948,10 +976,10 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       }
     });
     return [e("in"), e("out")];
-  }) : [], H = [...y, ...J, ...Q];
+  }) : [], D = [...y, ...J, ...Q];
   return V && V.forEach(({ column: i, position: e = -1 }) => {
-    e >= 0 && e < H.length ? H.splice(e, 0, i) : H.push(i);
-  }), H;
+    e >= 0 && e < D.length ? D.splice(e, 0, i) : D.push(i);
+  }), D;
 }, f = (o, p, d) => ({
   value: d ? o.original[d]?.[p] : o.original[p],
   id: o.id,
@@ -959,7 +987,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
 });
 export {
   T as COLUMN_MIN_SIZE,
-  Mo as default,
+  $a as default,
   ci as getLinkColumnId,
   Z as getLinkKey,
   gi as getLinkLabel,