@ynput/ayon-frontend-shared 0.3.36 → 0.3.38

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

@@ -1,5 +1,5 @@
 import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { sortingFns as j } from "@tanstack/react-table";
+import { sortingFns as k } from "@tanstack/react-table";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
@@ -8,16 +8,17 @@ import "./widgets/TextWidget.es.js";
 import "./widgets/MarkdownWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
 import { CellWidget as b } from "./widgets/CellWidget.es.js";
-import { EntityNameWidget as B } from "./widgets/EntityNameWidget.es.js";
-import { GroupHeaderWidget as w } from "./widgets/GroupHeaderWidget.es.js";
-import { ThumbnailWidget as ii } from "./widgets/ThumbnailWidget.es.js";
+import { EntityNameWidget as w } from "./widgets/EntityNameWidget.es.js";
+import { GroupHeaderWidget as ii } from "./widgets/GroupHeaderWidget.es.js";
+import { ThumbnailWidget as ei } from "./widgets/ThumbnailWidget.es.js";
+import "./widgets/LinksWidget.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "react";
 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";
@@ -126,7 +127,7 @@ import "../../../../_virtual/index.es.js";
 import "../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                              */
-import { upperFirst as ei } from "lodash";
+import { upperFirst as ti } from "lodash";
 import { getEntityTypeIcon as G } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import { ROW_SELECTION_COLUMN_ID as U } from "./constants.es.js";
@@ -206,28 +207,28 @@ 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 { getCellId as F, getCellValue as _ } from "./utils/cellUtils.es.js";
+import { TableCellContent as K, LinkColumnHeader as ni } from "./ProjectTreeTable.styled.es.js";
+import { SelectionCell as ri } from "./components/SelectionCell.es.js";
+import ai from "./components/RowSelectionHeader.es.js";
 import { useCellEditing as oi } 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 M, READ_ONLY as li } from "./utils/restrictedEntity.es.js";
 import "./context/SelectionCellsContext.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/ProjectTableContext.es.js";
 import "./context/ClipboardContext.es.js";
-import { useColumnSettingsContext as li } from "./context/ColumnSettingsContext.es.js";
-import { NEXT_PAGE_ID as h, parseGroupId as si } from "./hooks/useBuildGroupByTableData.es.js";
+import { useColumnSettingsContext as si } from "./context/ColumnSettingsContext.es.js";
+import { NEXT_PAGE_ID as h, parseGroupId as pi } from "./hooks/useBuildGroupByTableData.es.js";
 import "./context/SelectedRowsContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "./components/DeleteConfirmContent.es.js";
 import "./context/ProjectDataContext.es.js";
-import pi from "./widgets/LoadMoreWidget.es.js";
-import { getColumnDisplayConfig as mi } from "./types/columnConfig.es.js";
+import mi from "./widgets/LoadMoreWidget.es.js";
+import { getColumnDisplayConfig as di } from "./types/columnConfig.es.js";
 import "./components/HeaderActionButton.es.js";
 import "./components/TableFooterRow.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
@@ -240,6 +241,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 +275,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";
@@ -290,49 +294,49 @@ import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 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);
+import { MetaWidget as ui } from "./widgets/MetaWidget.es.js";
+const gi = (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);
-}, 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 R = p.original.label || p.original.name || "", L = d.original.label || d.original.name || "";
+  return Y.compare(R, L);
+}, j = (o, p) => {
+  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 = _(o.original, d), I = _(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;
+}, V = (o, p, d, c) => {
+  const I = _(o.original, d), R = _(p.original, d);
+  if (c && c.enum) {
+    const L = c.enum.findIndex((N) => N.value === I), A = c.enum.findIndex((N) => N.value === R);
+    return L - A;
+  } else return c?.type === "datetime" ? k.datetime(o, p, d) : c?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : k.alphanumeric(o, p, d);
+}, ci = (o, p) => `${o.linkType.charAt(0).toUpperCase() + o.linkType.slice(1)} (${p})`, Z = (o, p) => `${o.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, yi = (o, p) => `link_${Z(o, p)}`, Ga = ({
   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,
+  excludedSorting: N,
+  extraColumns: $,
+  groupBy: D,
   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) => !N?.includes(i);
+  u(U) && y.push({
     id: U,
     enableResizing: !1,
     enableSorting: !1,
     enablePinning: !1,
     enableHiding: !1,
-    header: () => /* @__PURE__ */ s.jsx(ri, {}),
-    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ni, {}),
+    header: () => /* @__PURE__ */ s.jsx(ai, {}),
+    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ri, {}),
     size: 20
-  }), g("thumbnail") && y.push({
+  }), u("thumbnail") && y.push({
     id: "thumbnail",
     header: "Thumbnail",
     size: 63,
@@ -343,68 +347,68 @@ 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 = F(i.id, e.id);
       let r = {
         entityId: i.original.entityId || i.id,
         entityType: i.original.entityType,
         thumbnailHash: i.original.thumbnailHash
       };
       return i.original.thumbnail && (r = i.original.thumbnail), /* @__PURE__ */ s.jsx(
-        ii,
+        ei,
         {
-          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,
     minSize: T,
-    sortingFn: x(N),
-    enableSorting: k && k.id !== "folder" ? !1 : v("name"),
+    sortingFn: x(j),
+    enableSorting: D && D.id !== "folder" ? !1 : v("name"),
     enableResizing: !0,
     enablePinning: !0,
-    enableHiding: !(k && k.id !== "folder"),
+    enableHiding: !(D && D.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 } = oi(), { rowHeight: S = 40 } = si(), C = F(i.id, e.id);
       if (i.original.metaType)
         return /* @__PURE__ */ s.jsx(
-          F,
+          K,
           {
             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"
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s.jsx(di, { metaType: i.original.metaType, label: i.original.label })
+            children: /* @__PURE__ */ s.jsx(ui, { metaType: i.original.metaType, label: i.original.label })
           }
         );
       if (i.original.entityType === h && i.original.group)
         return /* @__PURE__ */ s.jsx(
-          pi,
+          mi,
           {
             id: i.original.group.value,
-            onLoadMore: ($) => a?.loadMoreRows?.($)
+            onLoadMore: (P) => l?.loadMoreRows?.(P)
           }
         );
-      const z = i.getCanExpand() && !!i.originalSubRows && (ui(i.original.entityType) || !!i.original.group);
+      const z = i.getCanExpand() && !!i.originalSubRows && (gi(i.original.entityType) || !!i.original.group);
       return /* @__PURE__ */ s.jsxs(
-        F,
+        K,
         {
           id: C,
-          className: c("large", i.original.entityType, {
+          className: g("large", i.original.entityType, {
             loading: i.original.isLoading,
             hierarchy: I
           }),
@@ -414,7 +418,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
           tabIndex: 0,
           children: [
             i.original.group ? /* @__PURE__ */ s.jsx(
-              w,
+              ii,
               {
                 id: i.id,
                 label: i.original.group.label,
@@ -428,55 +432,55 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
                 toggleExpanded: i.getToggleExpandedHandler()
               }
             ) : /* @__PURE__ */ s.jsx(
-              B,
+              w,
               {
                 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: di(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) => V(i, e, t, { enum: L.status, type: "string" })
       )
     ),
     sortDescFirst: !0,
@@ -485,22 +489,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) || M(r),
           pt: {
             enum: {
               pt: {
@@ -519,7 +523,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",
@@ -528,26 +532,26 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.alphanumeric)),
+    sortingFn: x(O(k.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 = F(i.id, e.id);
       return /* @__PURE__ */ s.jsxs(
-        F,
+        K,
         {
-          id: a,
-          className: c("entityType", ai, r, { loading: i.original.isLoading }),
+          id: l,
+          className: g("entityType", li, r, { loading: i.original.isLoading }),
           tabIndex: 0,
           children: [
             /* @__PURE__ */ s.jsx(W, { icon: G(r) }),
             " ",
-            ei(n)
+            ti(n)
           ]
         }
       );
     }
-  }), g("subType") && y.push({
+  }), u("subType") && y.push({
     id: "subType",
     accessorKey: "subType",
     header: o.includes("product") || o.includes("version") ? "Product type" : "Type",
@@ -558,31 +562,31 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(
       O(
-        (i, e, t) => M(i, e, t, {
-          enum: [...R.folderType, ...R.taskType],
+        (i, e, t) => V(i, e, t, {
+          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 +600,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 +611,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 +625,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) || M(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,23 +648,23 @@ 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",
     minSize: T,
-    sortingFn: x(N),
+    sortingFn: x(j),
     enableSorting: v("folderName"),
     enableResizing: !0,
     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 +672,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",
@@ -677,24 +681,24 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     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",
@@ -703,16 +707,16 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     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 +724,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",
@@ -729,14 +733,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     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 +748,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 +759,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) || M(l),
           enableCustomValues: !0
         }
       );
     }
-  }), g("createdAt") && y.push({
+  }), u("createdAt") && y.push({
     id: "createdAt",
     accessorKey: "createdAt",
     header: "Created at",
@@ -784,14 +788,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.datetime)),
+    sortingFn: x(O(k.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 +805,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",
@@ -810,14 +814,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.datetime)),
+    sortingFn: x(O(k.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 +831,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 +841,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 || []
+        taskId: pi(i.id) || i.original.entityId || i.original.id,
+        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 +861,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 +898,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) => V(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,22 +921,22 @@ 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
+              (E) => E === l || E === "attrib" && i.builtin
             )
           ),
-          onChange: (D) => r?.updateEntities?.(
-            { field: a, value: D, type: C, isAttrib: !0, rowId: t.id },
+          onChange: (E) => r?.updateEntities?.(
+            { field: l, value: E, 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),
+      id: yi(i, t),
       accessorKey: `links.${Z(i, t)}`,
-      header: () => /* @__PURE__ */ s.jsxs(ti, { children: [
-        gi(i, t),
+      header: () => /* @__PURE__ */ s.jsxs(ni, { children: [
+        ci(i, t),
         " ",
         /* @__PURE__ */ s.jsx(
           W,
@@ -921,11 +950,11 @@ 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 = {
-          links: m,
+      cell: ({ row: n, column: a, table: r }) => {
+        const l = a.id.replace("link_", ""), { id: m, value: S } = f(n, l, "links"), C = S?.map((B) => B.label), z = n.original.entityId || n.original.id, P = !!r.options.meta?.loadingLinksEntityIds?.has(z), E = {
+          links: S,
           direction: t,
-          entityId: n.original.entityId || n.original.id,
+          entityId: z,
           entityType: n.original.entityType,
           link: {
             label: i.linkType,
@@ -936,20 +965,21 @@ 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,
-            value: S,
-            valueData: C,
+            rowId: m,
+            className: g("links", { loading: n.original.isLoading }),
+            columnId: a.id,
+            value: C,
+            valueData: E,
             folderId: n.original.folderId,
-            attributeData: { type: "links" }
+            attributeData: { type: "links" },
+            isLinksLoading: P
           }
         );
       }
     });
     return [e("in"), e("out")];
   }) : [], H = [...y, ...J, ...Q];
-  return V && V.forEach(({ column: i, position: e = -1 }) => {
+  return $ && $.forEach(({ column: i, position: e = -1 }) => {
     e >= 0 && e < H.length ? H.splice(e, 0, i) : H.push(i);
   }), H;
 }, f = (o, p, d) => ({
@@ -959,11 +989,11 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
 });
 export {
   T as COLUMN_MIN_SIZE,
-  Mo as default,
-  ci as getLinkColumnId,
+  Ga as default,
+  yi as getLinkColumnId,
   Z as getLinkKey,
-  gi as getLinkLabel,
+  ci as getLinkLabel,
   f as getValueIdType,
-  ui as isEntityExpandable
+  gi as isEntityExpandable
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map