@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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 k } from "@tanstack/react-table";
+import { j as u } from "../../../../_virtual/jsx-runtime.es.js";
+import { sortingFns as K } from "@tanstack/react-table";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
@@ -7,29 +7,14 @@ import "./widgets/EnumCellValue.es.js";
 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 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 { CellWidget as x } from "./widgets/CellWidget.es.js";
+import { EntityNameWidget as re } from "./widgets/EntityNameWidget.es.js";
+import { EntityWidget as W } from "./widgets/EntityWidget.es.js";
+import { GroupHeaderWidget as se } from "./widgets/GroupHeaderWidget.es.js";
+import { ThumbnailWidget as le } 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 g from "clsx";
-import "../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../components/Badge/Badge.es.js";
 import "../../components/Chips/Chips.es.js";
-import "react-dom";
-import "date-fns";
-import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../components/LinksManager/CellEditingDialog.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "react-toastify";
+import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -127,397 +112,376 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-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 ti } from "lodash";
-import { getEntityTypeIcon as G } from "../../util/getEntityTypeIcon.es.js";
+import "../../components/LinksManager/CellEditingDialog.es.js";
+import "react";
+import "../../components/LinksManager/LinksManager.styled.es.js";
+import "short-uuid";
+import { ROW_SELECTION_COLUMN_ID as Z } from "./constants.es.js";
+import { Icon as q } from "@ynput/ayon-react-components";
+import "../../components/SearchFilter/filterDates.es.js";
+import "date-fns";
+import { normalizeColumnId as R, ENTITY_COLUMN_IDS as L } from "./utils/columnIds.es.js";
+import { getCellId as U, getCellValue as $ } from "./utils/cellUtils.es.js";
+import { getEntityTypeIcon as J } from "../../util/getEntityTypeIcon.es.js";
+import { isEntityRestricted as B, READ_ONLY as oe } from "./utils/restrictedEntity.es.js";
+import "../../context/ProjectContext.es.js";
+import { NEXT_PAGE_ID as h, parseGroupId as de } from "./hooks/useBuildGroupByTableData.es.js";
+import { useColumnSettingsContext as ue } from "./context/ColumnSettingsContext.es.js";
+import "./context/ProjectTableContextInstance.es.js";
+import "./widgets/EmptyWidget.es.js";
+import "./widgets/ErrorWidget.es.js";
+import { MetaWidget as pe } from "./widgets/MetaWidget.es.js";
+import { TableCellContent as G, LinkColumnHeader as me } from "./ProjectTreeTable.styled.es.js";
+import b from "clsx";
+import { SelectionCell as ge } from "./components/SelectionCell.es.js";
+import ce from "./components/RowSelectionHeader.es.js";
+import "react-toastify";
+import { upperFirst as ye } from "lodash";
 import "uuid";
-import { ROW_SELECTION_COLUMN_ID as U } from "./constants.es.js";
 import "../../util/pubsub.es.js";
-import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                 */
-import "../Feed/context/FeedContext.es.js";
-import "../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../Feed/components/CommentInput/CommentInput.es.js";
-import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "react-router-dom";
-import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../Feed/components/ActivityDate.es.js";
-import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../Feed/Feed.styled.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-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 oi from "./components/RowSelectionHeader.es.js";
-import { useCellEditing as ai } from "./context/CellEditingContext.es.js";
-import "../../components/SearchFilter/filterDates.es.js";
-import "short-uuid";
-import { isEntityRestricted as M, READ_ONLY as li } from "./utils/restrictedEntity.es.js";
+import { useCellEditing as be } from "./context/CellEditingContext.es.js";
 import "./context/SelectionCellsContext.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
-import { NEXT_PAGE_ID as h, parseGroupId as si } from "./hooks/useBuildGroupByTableData.es.js";
-import { useColumnSettingsContext as pi } from "./context/ColumnSettingsContext.es.js";
-import "./context/ProjectTableContextInstance.es.js";
 import "./context/ClipboardContext.es.js";
 import "./context/SelectedRowsContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
-import "./context/ProjectDataContextInstance.es.js";
-import "../NewEntity/components/NewEntity.es.js";
-import "../Slicer/components/Slicer.es.js";
-import "../Slicer/context/SlicerContextInstance.es.js";
-import "../Slicer/components/SlicerDropdownFallback.es.js";
-import "../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../NewEntity/context/NewEntityContextInstance.es.js";
-import "../NewEntity/components/NewEntityForm.es.js";
-import mi from "./widgets/LoadMoreWidget.es.js";
-import { getColumnDisplayConfig as di } from "./types/columnConfig.es.js";
-import "./components/HeaderActionButton.es.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "./components/TableFooterRow.es.js";
-import "../DetailsPanel/DetailsPanel.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-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";
-import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../Actions/ActionIcon.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../ListTable/ListTableRow.es.js";
-import "../ListTable/ListTable.styled.es.js";
+/* empty css                                 */
+import "../ContextMenu/ContextMenuContext.es.js";
 import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "./components/GroupSettingsFallback.es.js";
-import "../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../components/InfoMessage/InfoMessage.es.js";
-import "../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../components/EntityPath/EntityPath.styled.es.js";
-import "../../components/EntityPath/SegmentProvider.es.js";
-import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../components/Feedback/SupportBubble.es.js";
-import "../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../components/LinksManager/LinksManager.styled.es.js";
-import "../../components/Powerpack/PowerpackButton.es.js";
-import "../../components/Powerpack/FreeTrialLink.es.js";
-import "../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../components/Powerpack/CTAButton.es.js";
-import "../../components/Powerpack/RequiredAddonVersion.es.js";
-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";
-import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../components/StyledLink/StyledLink.es.js";
-import "../../components/SyncButton/SyncButton.es.js";
-import "../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../components/Watchers/Watchers.es.js";
-import "../../components/Menu/Menu.styled.es.js";
-import "../../components/Menu/MenuItem.es.js";
-import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../components/ColumnHeaderMenuUI.es.js";
-import "./widgets/EmptyWidget.es.js";
-import "./widgets/ErrorWidget.es.js";
-import { MetaWidget as ui } from "./widgets/MetaWidget.es.js";
-const gi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, d, ...c) => p.original.isLoading !== d.original.isLoading ? p.original.isLoading ? 1 : -1 : a(p, d, ...c), Y = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), E = (a) => (p, d, ...c) => {
-  const I = a(p, d, ...c);
+import "../../context/GlobalContext.es.js";
+import "./context/ProjectDataContextInstance.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import fe from "./widgets/LoadMoreWidget.es.js";
+import { getColumnDisplayConfig as he } from "./types/columnConfig.es.js";
+const Te = (n) => ["folder", "product"].includes(n), T = 50, c = {
+  thumbnail: "Thumbnail",
+  status: "Status",
+  entityType: "Entity type",
+  subType: "Type",
+  productType: "Product type",
+  assignees: "Assignees",
+  folder_entity: "Folder",
+  task_entity: "Task",
+  author: "Author",
+  version: "Version number",
+  version_entity: "Version",
+  product: "Product name",
+  productBaseType: "Base type",
+  taskType: "Task type",
+  folderType: "Folder type",
+  tags: "Tags",
+  createdAt: "Created at",
+  updatedAt: "Updated at",
+  subtasks: "Subtasks",
+  comments: "Latest comments"
+}, v = (n, d = []) => n === "subType" && d.some((o) => ["product", "version"].includes(o)) ? "Product type" : c[R(n)] || n, j = {
+  thumbnail: { enabled: !1, label: c.thumbnail },
+  name: { sortKey: "name", enabled: !0, label: "Name" },
+  entityType: { enabled: !1, label: c.entityType },
+  status: { sortKey: "status", sortDescFirst: !1, enabled: !0, label: c.status },
+  assignees: {
+    sortKey: "assignees",
+    enabled: !0,
+    label: c.assignees,
+    scopes: ["task"]
+  },
+  folder_entity: {
+    sortKey: "folderName",
+    sortDescFirst: !1,
+    enabled: !0,
+    label: c.folder_entity
+  },
+  task_entity: {
+    sortKey: "taskName",
+    enabled: !1,
+    label: c.task_entity,
+    scopes: ["version", "product"]
+  },
+  author: {
+    sortKey: "author",
+    enabled: !0,
+    label: c.author,
+    scopes: ["version", "product"]
+  },
+  version: {
+    sortKey: "version",
+    sortDescFirst: !0,
+    enabled: !0,
+    label: c.version,
+    scopes: ["version", "product"]
+  },
+  version_entity: {
+    sortKey: "version",
+    enabled: !0,
+    label: c.version_entity,
+    scopes: ["version", "product"]
+  },
+  product: {
+    sortKey: "product",
+    enabled: !0,
+    label: c.product,
+    scopes: ["version", "product"]
+  },
+  productBaseType: {
+    sortKey: "productBaseType",
+    enabled: !0,
+    label: c.productBaseType,
+    scopes: ["version", "product"]
+  },
+  taskType: {
+    sortKey: "taskType",
+    sortDescFirst: !0,
+    enabled: !0,
+    label: c.taskType,
+    scopes: ["version", "product"]
+  },
+  folderType: {
+    sortKey: "folderType",
+    enabled: !0,
+    label: c.folderType,
+    scopes: ["version", "product"]
+  },
+  productType: {
+    sortKey: "productType",
+    enabled: !0,
+    label: c.productType,
+    scopes: ["version", "product"]
+  },
+  tags: { sortKey: "tags", enabled: !0, label: c.tags },
+  createdAt: { sortKey: "createdAt", enabled: !0, label: c.createdAt },
+  updatedAt: { sortKey: "updatedAt", enabled: !0, label: c.updatedAt },
+  subtasks: { enabled: !1, label: c.subtasks },
+  comments: { enabled: !1, label: c.comments }
+}, In = (n, d = []) => Object.entries(j).filter(
+  ([, o]) => o.enabled && (!o.scopes || !n || o.scopes.some((p) => n.includes(p)))
+).map(([o, p]) => ({
+  id: o,
+  label: d.find((I) => R(I.value) === o)?.label || v(o, n)
+})), ve = (n) => j[R(n)]?.enabled ?? !n.startsWith("link_"), Sn = (n, d = !0, o) => {
+  if (!n) return;
+  const p = R(n);
+  if (p === "name" && !d) return "path";
+  if (p === "subType") {
+    if (o === "folder") return "folderType";
+    if (o === "product" || o === "version") return "productType";
+    if (o === "task") return "taskType";
+  }
+  return j[p]?.sortKey ?? p;
+}, C = (n) => (d, o, ...p) => d.original.isLoading !== o.original.isLoading ? d.original.isLoading ? 1 : -1 : n(d, o, ...p), w = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), z = (n) => (d, o, ...p) => {
+  const I = n(d, o, ...p);
   if (I !== 0) return I;
-  const R = p.original.label || p.original.name || "", L = d.original.label || d.original.name || "";
-  return Y.compare(R, L);
-}, j = (a, p) => {
-  const d = a.original.label || a.original.path || a.original.name || "", c = p.original.label || p.original.path || p.original.name || "";
-  return Y.compare(d, c);
-}, X = (a, p, d) => {
-  const c = _(a.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 = (a, p, d, c) => {
-  const I = _(a.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(a, p, d) : c?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : k.alphanumeric(a, p, d);
-}, ci = (a, p) => `${a.linkType.charAt(0).toUpperCase() + a.linkType.slice(1)} (${p})`, Z = (a, p) => `${a.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, yi = (a, p) => `link_${Z(a, p)}`, na = ({
-  scopes: a,
-  attribs: p,
-  links: d = [],
-  includeLinks: c = !0,
+  const E = d.original.label || d.original.name || "", O = o.original.label || o.original.name || "";
+  return w.compare(E, O);
+}, D = (n, d) => {
+  const o = n.original.label || n.original.path || n.original.name || "", p = d.original.label || d.original.path || d.original.name || "";
+  return w.compare(o, p);
+}, Q = (n, d, o) => {
+  const p = $(n.original, o), I = $(d.original, o), E = Array.isArray(p) ? p.length : p ? String(p).length : 0, O = Array.isArray(I) ? I.length : I ? String(I).length : 0;
+  return E - O;
+}, Y = (n, d, o, p) => {
+  const I = $(n.original, o), E = $(d.original, o);
+  if (p && p.enum) {
+    const O = p.enum.findIndex((F) => F.value === I), H = p.enum.findIndex((F) => F.value === E);
+    return O - H;
+  } else return p?.type === "datetime" ? K.datetime(n, d, o) : p?.type === "boolean" ? (I === !0 ? 1 : 0) - (E === !0 ? 1 : 0) : K.alphanumeric(n, d, o);
+}, Ie = (n, d) => `${n.linkType.charAt(0).toUpperCase() + n.linkType.slice(1)} (${d})`, ee = (n, d) => `${n.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${d}`, Se = (n, d) => `link_${ee(n, d)}`, xn = ({
+  scopes: n,
+  attribs: d,
+  links: o = [],
+  includeLinks: p = !0,
   showHierarchy: I,
-  isFlatFolderView: R,
-  options: L,
-  excluded: A,
-  excludedSorting: N,
-  extraColumns: $,
-  groupBy: D,
-  nameLabel: q = "Entity"
+  isFlatFolderView: E,
+  options: O,
+  excluded: H,
+  excludedSorting: F,
+  extraColumns: X,
+  groupBy: P,
+  nameLabel: ie = "Entity"
 }) => {
-  const y = [], u = (i) => !A?.includes(i), v = (i) => !N?.includes(i);
-  u(U) && y.push({
-    id: U,
+  const y = [], g = (e) => !H?.some((i) => R(i) === R(e)), S = (e) => ve(e) && !F?.some((i) => R(i) === R(e));
+  g(Z) && y.push({
+    id: Z,
     enableResizing: !1,
     enableSorting: !1,
     enablePinning: !1,
     enableHiding: !1,
-    header: () => /* @__PURE__ */ s.jsx(oi, {}),
-    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ri, {}),
+    header: () => /* @__PURE__ */ u.jsx(ce, {}),
+    cell: ({ row: e }) => e.original.entityType === "group" || e.original.metaType ? null : /* @__PURE__ */ u.jsx(ge, {}),
     size: 20
-  }), u("thumbnail") && y.push({
+  }), g("thumbnail") && y.push({
     id: "thumbnail",
-    header: "Thumbnail",
+    header: v("thumbnail"),
     size: 63,
     minSize: 24,
     enableResizing: !0,
     enableSorting: !1,
-    cell: ({ row: i, column: e, table: t }) => {
-      if (i.original.entityType === "group" || i.original.metaType) return null;
-      const n = t.options.meta;
-      if (!n) return null;
-      const o = F(i.id, e.id);
-      let r = {
-        entityId: i.original.entityId || i.id,
-        entityType: i.original.entityType,
-        thumbnailHash: i.original.thumbnailHash
+    cell: ({ row: e, column: i, table: t }) => {
+      if (e.original.entityType === "group" || e.original.metaType) return null;
+      const a = t.options.meta;
+      if (!a) return null;
+      const r = U(e.id, i.id);
+      let s = {
+        entityId: e.original.entityId || e.id,
+        entityType: e.original.entityType,
+        thumbnailHash: e.original.thumbnailHash
       };
-      return i.original.thumbnail && (r = i.original.thumbnail), /* @__PURE__ */ s.jsx(
-        ei,
+      return e.original.thumbnail && (s = e.original.thumbnail), /* @__PURE__ */ u.jsx(
+        le,
         {
-          id: o,
-          entityId: r.entityId,
-          entityType: r.entityType,
-          thumbnailHash: r.thumbnailHash,
-          icon: i.original.icon,
-          projectName: n?.projectName,
-          className: g("thumbnail", {
-            loading: i.original.isLoading
+          id: r,
+          entityId: s.entityId,
+          entityType: s.entityType,
+          thumbnailHash: s.thumbnailHash,
+          icon: e.original.icon,
+          projectName: a?.projectName,
+          className: b("thumbnail", {
+            loading: e.original.isLoading
           }),
-          isPlayable: i.original.hasReviewables
+          isPlayable: e.original.hasReviewables
         }
       );
     }
-  }), u("name") && y.push({
+  }), g("name") && y.push({
     id: "name",
     accessorKey: "name",
-    header: q,
+    header: ie,
     minSize: T,
-    sortingFn: x(j),
-    enableSorting: D && D.id !== "folder" ? !1 : v("name"),
+    sortingFn: C(D),
+    enableSorting: P && P.id !== "folder" ? !1 : S("name"),
     enableResizing: !0,
     enablePinning: !0,
-    enableHiding: !(D && D.id !== "folder"),
-    cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: o, type: r } = f(i, e.id), l = t.options.meta, { isEditing: m } = ai(), { rowHeight: S = 40 } = pi(), C = F(i.id, e.id);
-      if (i.original.metaType)
-        return /* @__PURE__ */ s.jsx(
-          K,
+    enableHiding: !(P && P.id !== "folder"),
+    cell: ({ row: e, column: i, table: t }) => {
+      const { value: a, id: r, type: s } = f(e, i.id), l = t.options.meta, { isEditing: m } = be(), { rowHeight: k = 40 } = ue(), N = U(e.id, i.id);
+      if (e.original.metaType)
+        return /* @__PURE__ */ u.jsx(
+          G,
           {
-            id: C,
-            className: g("large", "readonly", i.original.entityType),
+            id: N,
+            className: b("large", "readonly", e.original.entityType),
             style: {
-              paddingLeft: `calc(${i.depth * 1}rem + 8px)`,
+              paddingLeft: `calc(${e.depth * 1}rem + 8px)`,
               pointerEvents: "none"
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s.jsx(ui, { metaType: i.original.metaType, label: i.original.label })
+            children: /* @__PURE__ */ u.jsx(pe, { metaType: e.original.metaType, label: e.original.label })
           }
         );
-      if (i.original.entityType === h && i.original.group)
-        return /* @__PURE__ */ s.jsx(
-          mi,
+      if (e.original.entityType === h && e.original.group)
+        return /* @__PURE__ */ u.jsx(
+          fe,
           {
-            id: i.original.group.value,
-            onLoadMore: (P) => l?.loadMoreRows?.(P)
+            id: e.original.group.value,
+            onLoadMore: (V) => l?.loadMoreRows?.(V)
           }
         );
-      const O = i.getCanExpand() && !!i.originalSubRows && (gi(i.original.entityType) || !!i.original.group);
-      return /* @__PURE__ */ s.jsxs(
-        K,
+      const A = e.getCanExpand() && !!e.originalSubRows && (Te(e.original.entityType) || !!e.original.group);
+      return /* @__PURE__ */ u.jsxs(
+        G,
         {
-          id: C,
-          className: g("large", i.original.entityType, {
-            loading: i.original.isLoading,
+          id: N,
+          className: b("large", e.original.entityType, {
+            loading: e.original.isLoading,
             hierarchy: I
           }),
           style: {
-            paddingLeft: `calc(${i.depth * 1}rem + ${O || !i.getCanExpand() ? 0 : 32}px + 8px)`
+            paddingLeft: `calc(${e.depth * 1}rem + ${A || !e.getCanExpand() ? 0 : 32}px + 8px)`
           },
           tabIndex: 0,
           children: [
-            i.original.group ? /* @__PURE__ */ s.jsx(
-              ii,
+            e.original.group ? /* @__PURE__ */ u.jsx(
+              se,
               {
-                id: i.id,
-                label: i.original.group.label,
-                name: i.original.name,
-                icon: i.original.group.icon,
-                img: i.original.group.img,
-                color: i.original.group.color,
-                count: i.original.group.count,
-                percentage: i.original.group.percentage,
-                isExpanded: i.getIsExpanded(),
-                isEmpty: i.original.group.count === 0,
-                toggleExpanded: i.getToggleExpandedHandler()
+                id: e.id,
+                label: e.original.group.label,
+                name: e.original.name,
+                icon: e.original.group.icon,
+                img: e.original.group.img,
+                color: e.original.group.color,
+                count: e.original.group.count,
+                percentage: e.original.group.percentage,
+                isExpanded: e.getIsExpanded(),
+                isEmpty: e.original.group.count === 0,
+                toggleExpanded: e.getToggleExpandedHandler()
               }
-            ) : /* @__PURE__ */ s.jsx(
-              w,
+            ) : /* @__PURE__ */ u.jsx(
+              re,
               {
-                id: i.id,
-                label: i.original.label,
-                name: i.original.name,
-                path: !I && !R ? "/" + i.original.parents?.join("/") : void 0,
-                entityType: i.original.entityType,
-                subType: i.original.subType,
-                isExpandable: O,
-                isExpanded: i.getIsExpanded(),
-                toggleExpandAll: () => l?.toggleExpandAll?.([i.id]),
-                toggleExpanded: i.getToggleExpandedHandler(),
-                rowHeight: S,
-                columnDisplayConfig: di(l?.columnsConfig, "name")
+                id: e.id,
+                label: e.original.label,
+                name: e.original.name,
+                path: !I && !E ? "/" + e.original.parents?.join("/") : void 0,
+                entityType: e.original.entityType,
+                subType: e.original.subType,
+                isExpandable: A,
+                isExpanded: e.getIsExpanded(),
+                toggleExpandAll: () => l?.toggleExpandAll?.([e.id]),
+                toggleExpanded: e.getToggleExpandedHandler(),
+                rowHeight: k,
+                columnDisplayConfig: he(l?.columnsConfig, "name")
               }
             ),
-            m(C) && /* @__PURE__ */ s.jsx(
-              b,
+            m(N) && /* @__PURE__ */ u.jsx(
+              x,
               {
-                rowId: o,
-                className: g("name", { loading: i.original.isLoading }),
-                columnId: e.id,
-                value: n,
+                rowId: r,
+                className: b("name", { loading: e.original.isLoading }),
+                columnId: i.id,
+                value: a,
                 valueData: {
-                  name: i.original.name,
-                  label: i.original.label,
+                  name: e.original.name,
+                  label: e.original.label,
                   meta: l,
-                  entityRowId: o,
-                  columnId: e.id,
-                  hasVersions: !!i.original.hasVersions
+                  entityRowId: r,
+                  columnId: i.id,
+                  hasVersions: !!e.original.hasVersions
                 },
-                entityType: r,
+                entityType: s,
                 attributeData: { type: "name" },
-                isCollapsed: !!i.original.childOnlyMatch,
-                isReadOnly: l?.readOnly?.includes(e.id)
+                isCollapsed: !!e.original.childOnlyMatch,
+                isReadOnly: l?.readOnly?.includes(i.id)
               }
             )
           ]
         }
       );
     }
-  }), u("status") && y.push({
+  }), g("status") && y.push({
     id: "status",
     accessorKey: "status",
     minSize: T,
-    header: "Status",
-    sortingFn: x(
-      E(
-        (i, e, t) => V(i, e, t, { enum: L.status, type: "string" })
+    header: v("status"),
+    sortingFn: C(
+      z(
+        (e, i, t) => Y(e, i, t, { enum: O.status, type: "string" })
       )
     ),
-    sortDescFirst: !0,
-    enableSorting: v("status"),
+    sortDescFirst: j.status.sortDescFirst,
+    enableSorting: S("status"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: o, type: r } = f(i, e.id), l = t.options.meta;
-      return ["group", h].includes(r) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    cell: ({ row: e, column: i, table: t }) => {
+      const { value: a, id: r, type: s } = f(e, i.id), l = t.options.meta;
+      return ["group", h].includes(s) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: o,
-          className: g("status", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: n,
+          rowId: r,
+          className: b("status", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: a,
           attributeData: { type: "string" },
-          options: l?.options?.status.filter((m) => m.scope?.includes(r)),
-          isCollapsed: !!i.original.childOnlyMatch,
+          options: l?.options?.status.filter((m) => m.scope?.includes(s)),
+          isCollapsed: !!e.original.childOnlyMatch,
           onChange: (m) => l?.updateEntities?.(
-            { field: e.id, value: m, type: r, rowId: o },
+            { field: i.id, value: m, type: s, rowId: r },
             { selection: l?.selection }
           ),
-          isReadOnly: l?.readOnly?.includes(e.id) || M(r),
+          isReadOnly: l?.readOnly?.includes(i.id) || B(s),
           pt: {
             enum: {
               pt: {
@@ -536,71 +500,72 @@ const gi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, d, .
         }
       );
     }
-  }), u("entityType") && y.push({
+  }), g("entityType") && y.push({
     id: "entityType",
     accessorKey: "entityType",
-    header: "Entity Type",
+    header: v("entityType"),
     minSize: 20,
     enableSorting: !1,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(E(k.alphanumeric)),
-    cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: o, type: r } = f(i, e.id);
-      if (["group", h].includes(r) || i.original.metaType) return null;
-      const l = F(i.id, e.id);
-      return /* @__PURE__ */ s.jsxs(
-        K,
+    sortingFn: C(z(K.alphanumeric)),
+    cell: ({ row: e, column: i, table: t }) => {
+      const { value: a, id: r, type: s } = f(e, i.id);
+      if (["group", h].includes(s) || e.original.metaType) return null;
+      const l = U(e.id, i.id);
+      return /* @__PURE__ */ u.jsxs(
+        G,
         {
           id: l,
-          className: g("entityType", li, r, { loading: i.original.isLoading }),
+          className: b("entityType", oe, s, { loading: e.original.isLoading }),
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ s.jsx(W, { icon: G(r) }),
+            /* @__PURE__ */ u.jsx(q, { icon: J(s) }),
             " ",
-            ti(n)
+            ye(a)
           ]
         }
       );
     }
-  }), u("subType") && y.push({
+  }), g("subType") && y.push({
     id: "subType",
     accessorKey: "subType",
-    header: a.includes("product") || a.includes("version") ? "Product type" : "Type",
+    header: v("subType", n),
     minSize: T,
-    enableSorting: v("subType"),
+    enableSorting: S("subType"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(
-      E(
-        (i, e, t) => V(i, e, t, {
-          enum: [...L.folderType, ...L.taskType],
+    sortDescFirst: j.taskType.sortDescFirst,
+    sortingFn: C(
+      z(
+        (e, i, t) => Y(e, i, t, {
+          enum: [...O.folderType, ...O.taskType],
           type: "string"
         })
       )
     ),
-    cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: o, type: r } = f(i, e.id);
-      if (["group", h].includes(r) || i.original.metaType) return null;
-      const l = r === "folder" ? "folderType" : "taskType", m = t.options.meta, S = r === "folder" && i.original.hasVersions;
-      return /* @__PURE__ */ s.jsx(
-        b,
+    cell: ({ row: e, column: i, table: t }) => {
+      const { value: a, id: r, type: s } = f(e, i.id);
+      if (["group", h].includes(s) || e.original.metaType) return null;
+      const l = s === "folder" ? "folderType" : "taskType", m = t.options.meta, k = s === "folder" && e.original.hasVersions;
+      return /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: o,
-          className: g("subType", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: n,
+          rowId: r,
+          className: b("subType", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: a,
           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: l, value: C, type: r, rowId: i.id },
+          options: s === "folder" ? m?.options?.folderType : s === "task" ? m?.options?.taskType : s === "product" || s === "version" ? m?.options?.productType : [],
+          isCollapsed: !!e.original.childOnlyMatch,
+          onChange: (N) => m?.updateEntities?.(
+            { field: l, value: N, type: s, rowId: e.id },
             { selection: m?.selection }
           ),
-          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,
+          isReadOnly: m?.readOnly?.includes(i.id) || m?.readOnly?.includes(l) || k,
+          tooltip: k ? "Folder type cannot be edited when versions exist within the folder" : void 0,
           pt: {
             enum: {
               pt: {
@@ -613,45 +578,45 @@ const gi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, d, .
         }
       );
     }
-  }), u("assignees") && y.push({
+  }), g("assignees") && y.push({
     id: "assignees",
     accessorKey: "assignees",
-    header: "Assignees",
+    header: v("assignees"),
     minSize: T,
-    enableSorting: v("assignees"),
+    enableSorting: S("assignees"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(E(X)),
-    cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: o, id: r, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : l === "folder" ? /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(z(Q)),
+    cell: ({ row: e, column: i, table: t }) => {
+      const a = t.options.meta, { value: r, id: s, type: l } = f(e, i.id);
+      return ["group", h].includes(l) || e.original.metaType ? null : l === "folder" ? /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: r,
-          className: g("assignees", { loading: i.original.isLoading }),
-          columnId: e.id,
+          rowId: s,
+          className: b("assignees", { loading: e.original.isLoading }),
+          columnId: i.id,
           value: "",
           isPlaceholder: !0
         }
-      ) : /* @__PURE__ */ s.jsx(
-        b,
+      ) : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: r,
-          className: g("assignees", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: o,
+          rowId: s,
+          className: b("assignees", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: r,
           attributeData: { type: "list_of_strings" },
-          options: n?.options?.assignee,
-          isCollapsed: !!i.original.childOnlyMatch,
-          onChange: (m) => n?.updateEntities?.(
-            { field: e.id, value: m, type: l, rowId: i.id },
-            { selection: n?.selection }
+          options: a?.options?.assignee,
+          isCollapsed: !!e.original.childOnlyMatch,
+          onChange: (m) => a?.updateEntities?.(
+            { field: i.id, value: m, type: l, rowId: e.id },
+            { selection: a?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || M(l),
+          isReadOnly: a?.readOnly?.includes(i.id) || B(l),
           pt: {
             enum: {
-              multiSelectClose: o?.length === 0,
+              multiSelectClose: r?.length === 0,
               // close the dropdown on first assignment
               search: !0,
               // enable search at all times
@@ -661,301 +626,356 @@ const gi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, d, .
         }
       );
     }
-  }), u("folder") && y.push({
-    id: "folder",
+  }), g(L.folder) && y.push({
+    id: L.folder,
     accessorKey: "folder",
-    header: "Folder name",
+    header: v(L.folder),
     minSize: T,
-    sortingFn: x(j),
-    enableSorting: v("folderName"),
+    sortDescFirst: j.folder_entity.sortDescFirst,
+    sortingFn: C(D),
+    enableSorting: S(L.folder),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: o, type: r } = f(i, e.id);
-      return ["group", h].includes(r) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    cell: ({ row: e, column: i, table: t }) => {
+      const { value: a, id: r, type: s } = f(e, "folder");
+      return ["group", h].includes(s) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        W,
         {
-          rowId: o,
-          className: g("folder", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: n,
-          attributeData: { type: "string" },
-          isReadOnly: !0
+          rowId: r,
+          className: "folder",
+          columnId: i.id,
+          value: a,
+          entityId: e.original.folderId,
+          entityType: "folder",
+          subType: e.original.folderType,
+          isLoading: e.original.isLoading
         }
       );
     }
-  }), u("author") && ["version", "product"].some((i) => a.includes(i)) && y.push({
+  }), g(L.task) && ["version", "product"].some((e) => n.includes(e)) && y.push({
+    id: L.task,
+    accessorKey: "taskLabel",
+    header: v(L.task),
+    minSize: T,
+    enableSorting: S(L.task),
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: C(D),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, "taskLabel");
+      return ["group", h].includes(r) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        W,
+        {
+          rowId: a,
+          className: "task_entity",
+          columnId: i.id,
+          value: t,
+          entityId: e.original.taskId,
+          entityType: "task",
+          subType: e.original.taskType,
+          isLoading: e.original.isLoading
+        }
+      );
+    }
+  }), g("author") && ["version", "product"].some((e) => n.includes(e)) && y.push({
     id: "author",
     accessorKey: "author",
-    header: "Author",
+    header: v("author"),
     minSize: T,
-    enableSorting: v("author"),
+    enableSorting: S("author"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(j),
-    cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: o, id: r, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(D),
+    cell: ({ row: e, column: i, table: t }) => {
+      const a = t.options.meta, { value: r, id: s, type: l } = f(e, i.id);
+      return ["group", h].includes(l) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: r,
-          className: g("author", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: [o],
+          rowId: s,
+          className: b("author", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: [r],
           attributeData: { type: "list_of_strings" },
-          options: n?.options?.assignee,
+          options: a?.options?.assignee,
           isReadOnly: !0,
           isInherited: l === "product"
         }
       );
     }
-  }), u("version") && ["version", "product"].some((i) => a.includes(i)) && y.push({
+  }), g(L.version) && ["version", "product"].some((e) => n.includes(e)) && y.push({
+    id: L.version,
+    accessorKey: "versionName",
+    header: v(L.version),
+    minSize: T,
+    enableSorting: S(L.version),
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: C(D),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, "versionName");
+      if (["group", h].includes(r) || e.original.metaType) return null;
+      let s = e.original.versionName || t;
+      return e.original.entityType === "product" && (s = `${e.original.versionName} (${e.original.versionsCount || 0} versions)`), /* @__PURE__ */ u.jsx(
+        W,
+        {
+          rowId: a,
+          className: "version-entity",
+          columnId: i.id,
+          value: s,
+          entityId: e.original.versionEntityId || (r === "version" ? e.original.entityId : null),
+          entityType: "version",
+          isLoading: e.original.isLoading
+        }
+      );
+    }
+  }), g("version") && ["version", "product"].some((e) => n.includes(e)) && y.push({
     id: "version",
     accessorKey: "version",
-    header: "Version",
+    header: v("version"),
     minSize: T,
-    enableSorting: v("version"),
+    sortDescFirst: j.version.sortDescFirst,
+    enableSorting: S("version"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(j),
-    cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: o } = f(i, e.id);
-      if (["group", h].includes(o) || 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,
+    sortingFn: C(z(K.basic)),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, i.id);
+      return ["group", h].includes(r) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: n,
-          className: g("version", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: r,
-          attributeData: { type: "string" },
+          rowId: a,
+          className: b("version", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: t ?? "",
+          attributeData: { type: "integer" },
           isReadOnly: !0
         }
       );
     }
-  }), u("product") && ["version", "product"].some((i) => a.includes(i)) && y.push({
+  }), g("product") && ["version", "product"].some((e) => n.includes(e)) && y.push({
     id: "product",
     accessorKey: "product",
-    header: "Product name",
+    header: v("product"),
     minSize: T,
-    enableSorting: v("product"),
+    enableSorting: S("product"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(j),
-    cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: o } = f(i, e.id);
-      return ["group", h].includes(o) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(D),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, i.id);
+      return ["group", h].includes(r) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: n,
-          className: g("product", { loading: i.original.isLoading }),
-          columnId: e.id,
+          rowId: a,
+          className: b("product", { loading: e.original.isLoading }),
+          columnId: i.id,
           value: t,
           attributeData: { type: "string" },
           isReadOnly: !0
         }
       );
     }
-  }), u("tags") && y.push({
+  }), g("tags") && y.push({
     id: "tags",
     accessorKey: "tags",
-    header: "Tags",
+    header: v("tags"),
     minSize: T,
-    enableSorting: v("tags"),
+    enableSorting: S("tags"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(E(X)),
-    cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: o, id: r, type: l } = f(i, e.id);
-      return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(z(Q)),
+    cell: ({ row: e, column: i, table: t }) => {
+      const a = t.options.meta, { value: r, id: s, type: l } = f(e, i.id);
+      return ["group", h].includes(l) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: r,
-          className: g("tags", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: o,
+          rowId: s,
+          className: b("tags", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: r,
           attributeData: { type: "list_of_strings" },
-          options: n?.options?.tag,
-          isCollapsed: !!i.original.childOnlyMatch,
-          onChange: (m) => n?.updateEntities?.(
-            { field: e.id, value: m, type: l, rowId: i.id },
-            { selection: n?.selection }
+          options: a?.options?.tag,
+          isCollapsed: !!e.original.childOnlyMatch,
+          onChange: (m) => a?.updateEntities?.(
+            { field: i.id, value: m, type: l, rowId: e.id },
+            { selection: a?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || M(l),
+          isReadOnly: a?.readOnly?.includes(i.id) || B(l),
           enableCustomValues: !0
         }
       );
     }
-  }), u("createdAt") && y.push({
+  }), g("createdAt") && y.push({
     id: "createdAt",
     accessorKey: "createdAt",
-    header: "Created at",
+    header: v("createdAt"),
     minSize: T,
-    enableSorting: v("createdAt"),
+    enableSorting: S("createdAt"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(E(k.datetime)),
-    cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: o } = f(i, e.id);
-      return ["group", h].includes(o) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(z(K.datetime)),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, i.id);
+      return ["group", h].includes(r) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: n,
-          className: g("createdAt", { loading: i.original.isLoading }),
-          columnId: e.id,
+          rowId: a,
+          className: b("createdAt", { loading: e.original.isLoading }),
+          columnId: i.id,
           value: t,
           attributeData: { type: "datetime" },
-          isCollapsed: !!i.original.childOnlyMatch,
+          isCollapsed: !!e.original.childOnlyMatch,
           isReadOnly: !0,
           pt: { date: { showTime: !0 } }
         }
       );
     }
-  }), u("updatedAt") && y.push({
+  }), g("updatedAt") && y.push({
     id: "updatedAt",
     accessorKey: "updatedAt",
-    header: "Updated at",
+    header: v("updatedAt"),
     minSize: T,
-    enableSorting: v("updatedAt"),
+    enableSorting: S("updatedAt"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(E(k.datetime)),
-    cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: o } = f(i, e.id);
-      return ["group", h].includes(o) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
-        b,
+    sortingFn: C(z(K.datetime)),
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, i.id);
+      return ["group", h].includes(r) || e.original.metaType ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: n,
-          className: g("updatedAt", { loading: i.original.isLoading }),
-          columnId: e.id,
+          rowId: a,
+          className: b("updatedAt", { loading: e.original.isLoading }),
+          columnId: i.id,
           value: t,
           attributeData: { type: "datetime" },
-          isCollapsed: !!i.original.childOnlyMatch,
+          isCollapsed: !!e.original.childOnlyMatch,
           isReadOnly: !0,
           pt: { date: { showTime: !0 } }
         }
       );
     }
-  }), u("subtasks") && a.includes("task") && y.push({
+  }), g("subtasks") && n.includes("task") && y.push({
     id: "subtasks",
     accessorKey: "subtasks",
-    header: "Subtasks",
+    header: v("subtasks"),
     minSize: T,
     enableSorting: !1,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: e, table: t }) => {
-      const n = t.options.meta, { value: o, 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" });
+    cell: ({ row: e, column: i, table: t }) => {
+      const a = t.options.meta, { value: r, id: s, type: l } = f(e, i.id);
+      if (["group", h].includes(l) || e.original.metaType) return null;
+      if (l !== "task") return /* @__PURE__ */ u.jsx("div", { className: "readonly" });
       const m = {
-        taskId: si(i.id) || i.original.entityId || i.original.id,
-        subtasks: o || []
+        taskId: de(e.id) || e.original.entityId || e.original.id,
+        subtasks: r || []
       };
-      return /* @__PURE__ */ s.jsx(
-        b,
+      return /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: r,
-          className: g("subtasks", { loading: i.original.isLoading }),
-          columnId: e.id,
-          value: m.subtasks?.map((S) => S.label || S.name) || [],
+          rowId: s,
+          className: b("subtasks", { loading: e.original.isLoading }),
+          columnId: i.id,
+          value: m.subtasks?.map((k) => k.label || k.name) || [],
           valueData: m,
           attributeData: { type: "subtasks" },
-          isReadOnly: n?.readOnly?.includes(e.id)
+          isReadOnly: a?.readOnly?.includes(i.id)
         }
       );
     }
-  }), u("comments") && a.some((i) => ["task", "version", "product", "folder"].includes(i)) && y.push({
+  }), g("comments") && n.some((e) => ["task", "version", "product", "folder"].includes(e)) && y.push({
     id: "comments",
     accessorKey: "latestComments",
-    header: "Latest comments",
+    header: v("comments"),
     minSize: T,
     enableSorting: !1,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: e }) => {
-      const { value: t, id: n, type: o } = f(i, "latestComments");
-      return ["group", h].includes(o) || i.original.metaType ? null : !i.original.isLoading && !["task", "version", "product", "folder"].includes(o) ? /* @__PURE__ */ s.jsx("div", { className: "readonly" }) : /* @__PURE__ */ s.jsx(
-        b,
+    cell: ({ row: e, column: i }) => {
+      const { value: t, id: a, type: r } = f(e, "latestComments");
+      return ["group", h].includes(r) || e.original.metaType ? null : !e.original.isLoading && !["task", "version", "product", "folder"].includes(r) ? /* @__PURE__ */ u.jsx("div", { className: "readonly" }) : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: n,
-          className: g("comments", { loading: i.original.isLoading }),
-          columnId: e.id,
+          rowId: a,
+          className: b("comments", { loading: e.original.isLoading }),
+          columnId: i.id,
           value: "",
           valueData: t || [],
           attributeData: { type: "comments" },
-          isCollapsed: !!i.original.childOnlyMatch,
+          isCollapsed: !!e.original.childOnlyMatch,
           isReadOnly: !0
         }
       );
     }
   });
-  const J = p.filter((i) => {
-    if (i.scope && !i.scope.some((t) => a.includes(t))) return !1;
-    const e = "attrib_" + i.name;
-    return !(!u(e) || i.builtin && !u("attrib"));
-  }).map((i) => ({
-    id: "attrib_" + i.name,
-    accessorKey: "attrib." + i.name,
-    header: i.data.title || i.name,
+  const te = d.filter((e) => {
+    if (e.scope && !e.scope.some((t) => n.includes(t))) return !1;
+    const i = "attrib_" + e.name;
+    return !(!g(i) || e.builtin && !g("attrib"));
+  }).map((e) => ({
+    id: "attrib_" + e.name,
+    accessorKey: "attrib." + e.name,
+    header: e.data.title || e.name,
     minSize: T,
     filterFn: "fuzzy",
-    sortingFn: x(
-      E((t, n, o) => V(t, n, o, i.data))
+    sortingFn: C(
+      z((t, a, r) => Y(t, a, r, e.data))
     ),
-    enableSorting: v(i.name) && v("attrib"),
+    enableSorting: S(e.name) && S("attrib"),
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: t, column: n, table: o }) => {
-      const r = o.options.meta, l = n.id.replace("attrib_", ""), { value: m, id: S, type: C } = f(t, l, "attrib"), O = !t.original.ownAttrib?.includes(l);
-      return ["group", h].includes(C) || t.original.metaType || !i.scope?.includes(C) && m == null ? null : /* @__PURE__ */ s.jsx(
-        b,
+    cell: ({ row: t, column: a, table: r }) => {
+      const s = r.options.meta, l = a.id.replace("attrib_", ""), { value: m, id: k, type: N } = f(t, l, "attrib"), A = !t.original.ownAttrib?.includes(l);
+      return ["group", h].includes(N) || t.original.metaType || !e.scope?.includes(N) && m == null ? null : /* @__PURE__ */ u.jsx(
+        x,
         {
-          rowId: S,
-          className: g("attrib", { loading: t.original.isLoading }),
-          columnId: n.id,
+          rowId: k,
+          className: b("attrib", { loading: t.original.isLoading }),
+          columnId: a.id,
           value: m,
-          attributeData: { type: i.data.type || "string", widget: i.data.widget },
-          options: i.data.enum || [],
+          attributeData: { type: e.data.type || "string", widget: e.data.widget },
+          options: e.data.enum || [],
           midnightExclusiveFields: t.original.midnightExclusiveFields,
           isCollapsed: !!t.original.childOnlyMatch,
-          isInherited: O,
+          isInherited: A,
           isReadOnly: (
             // check attrib is not read only
-            i.readOnly || // check if there is any other reason the cell should be read only
-            r?.readOnly?.some(
-              (z) => z === l || z === "attrib" && i.builtin
+            e.readOnly || // check if there is any other reason the cell should be read only
+            s?.readOnly?.some(
+              (_) => _ === l || _ === "attrib" && e.builtin
             )
           ),
-          onChange: (z) => r?.updateEntities?.(
-            { field: l, value: z, type: C, isAttrib: !0, rowId: t.id },
-            { selection: i.data.enum?.length ? r?.selection : void 0 }
+          onChange: (_) => s?.updateEntities?.(
+            { field: l, value: _, type: N, isAttrib: !0, rowId: t.id },
+            { selection: e.data.enum?.length ? s?.selection : void 0 }
           )
         }
       );
     }
-  })), Q = c ? d.filter((i) => !(!u(i.linkType) || !u("link") || !a.includes(i.inputType) && !a.includes(i.outputType))).flatMap((i) => {
-    const e = (t) => ({
-      id: yi(i, t),
-      accessorKey: `links.${Z(i, t)}`,
-      header: () => /* @__PURE__ */ s.jsxs(ni, { children: [
-        ci(i, t),
+  })), ne = p ? o.filter((e) => !(!g(e.linkType) || !g("link") || !n.includes(e.inputType) && !n.includes(e.outputType))).flatMap((e) => {
+    const i = (t) => ({
+      id: Se(e, t),
+      accessorKey: `links.${ee(e, t)}`,
+      header: () => /* @__PURE__ */ u.jsxs(me, { children: [
+        Ie(e, t),
         " ",
-        /* @__PURE__ */ s.jsx(
-          W,
+        /* @__PURE__ */ u.jsx(
+          q,
           {
-            icon: G(t === "in" ? i.inputType : i.outputType)
+            icon: J(t === "in" ? e.inputType : e.outputType)
           }
         )
       ] }),
@@ -964,50 +984,56 @@ const gi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, d, .
       enableResizing: !0,
       enablePinning: !0,
       enableHiding: !0,
-      cell: ({ row: n, column: o, table: r }) => {
-        const l = o.id.replace("link_", ""), { id: m, value: S } = f(n, l, "links"), C = S?.map((B) => B.label), O = n.original.entityId || n.original.id, P = !!r.options.meta?.loadingLinksEntityIds?.has(O), z = {
-          links: S,
+      cell: ({ row: a, column: r, table: s }) => {
+        const l = r.id.replace("link_", ""), { id: m, value: k } = f(a, l, "links"), N = k?.map((ae) => ae.label), A = a.original.entityId || a.original.id, V = !!s.options.meta?.loadingLinksEntityIds?.has(A), _ = {
+          links: k,
           direction: t,
-          entityId: O,
-          entityType: n.original.entityType,
+          entityId: A,
+          entityType: a.original.entityType,
           link: {
-            label: i.linkType,
-            linkType: i.name,
-            targetEntityType: t === "in" ? i.inputType : i.outputType
+            label: e.linkType,
+            linkType: e.name,
+            targetEntityType: t === "in" ? e.inputType : e.outputType
           }
         };
-        return /* @__PURE__ */ s.jsx(
-          b,
+        return /* @__PURE__ */ u.jsx(
+          x,
           {
             rowId: m,
-            className: g("links", { loading: n.original.isLoading }),
-            columnId: o.id,
-            value: C,
-            valueData: z,
-            folderId: n.original.folderId,
+            className: b("links", { loading: a.original.isLoading }),
+            columnId: r.id,
+            value: N,
+            valueData: _,
+            folderId: a.original.folderId,
             attributeData: { type: "links" },
-            isLinksLoading: P
+            isLinksLoading: V
           }
         );
       }
     });
-    return [e("in"), e("out")];
-  }) : [], H = [...y, ...J, ...Q];
-  return $ && $.forEach(({ column: i, position: e = -1 }) => {
-    e >= 0 && e < H.length ? H.splice(e, 0, i) : H.push(i);
-  }), H;
-}, f = (a, p, d) => ({
-  value: d ? a.original[d]?.[p] : a.original[p],
-  id: a.id,
-  type: a.original.entityType
+    return [i("in"), i("out")];
+  }) : [], M = [...y, ...te, ...ne];
+  return X && X.forEach(({ column: e, position: i = -1 }) => {
+    i >= 0 && i < M.length ? M.splice(i, 0, e) : M.push(e);
+  }), M;
+}, f = (n, d, o) => ({
+  value: o ? n.original[o]?.[d] : n.original[d],
+  id: n.id,
+  type: n.original.entityType
 });
 export {
+  c as COLUMN_LABELS,
   T as COLUMN_MIN_SIZE,
-  na as default,
-  yi as getLinkColumnId,
-  Z as getLinkKey,
-  ci as getLinkLabel,
+  j as COLUMN_SORT_CONFIG,
+  xn as default,
+  v as getColumnLabel,
+  Sn as getColumnSortKey,
+  Se as getLinkColumnId,
+  ee as getLinkKey,
+  Ie as getLinkLabel,
+  In as getSortableColumnOptions,
   f as getValueIdType,
-  gi as isEntityExpandable
+  ve as isColumnSortable,
+  Te as isEntityExpandable
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map