@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -1,12 +1,12 @@
 import { j as c } from "../../../../_virtual/jsx-runtime.es.js";
-import { sortingFns as P } 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";
 import "./widgets/TextWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
-import { CellWidget as I } from "./widgets/CellWidget.es.js";
-import { EntityNameWidget as V } from "./widgets/EntityNameWidget.es.js";
+import { CellWidget as T } from "./widgets/CellWidget.es.js";
+import { EntityNameWidget as B } from "./widgets/EntityNameWidget.es.js";
 import { GroupHeaderWidget as G } from "./widgets/GroupHeaderWidget.es.js";
 import { ThumbnailWidget as U } from "./widgets/ThumbnailWidget.es.js";
 import { Icon as X } from "@ynput/ayon-react-components";
@@ -71,6 +71,7 @@ import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -116,6 +117,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -150,26 +152,26 @@ import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../Feed/Feed.styled.es.js";
 import "date-fns";
 import "./ProjectTreeTable.es.js";
-import "./context/CellEditingContext.es.js";
-import { getCellValue as D, getCellId as M } from "./utils/cellUtils.es.js";
-import { LinkColumnHeader as q, TableCellContent as B } from "./ProjectTreeTable.styled.es.js";
-import { SelectionCell as J } from "./components/SelectionCell.es.js";
-import Q from "./components/RowSelectionHeader.es.js";
-import { ROW_SELECTION_COLUMN_ID as H } from "./context/SelectionCellsContext.es.js";
-import { NEXT_PAGE_ID as x } from "./hooks/useBuildGroupByTableData.es.js";
-import Y from "./widgets/LoadMoreWidget.es.js";
+import { useCellEditing as q } from "./context/CellEditingContext.es.js";
+import { getCellValue as N, getCellId as H } from "./utils/cellUtils.es.js";
+import { LinkColumnHeader as J, TableCellContent as Q } from "./ProjectTreeTable.styled.es.js";
+import { SelectionCell as Y } from "./components/SelectionCell.es.js";
+import w from "./components/RowSelectionHeader.es.js";
+import { ROW_SELECTION_COLUMN_ID as F } from "./context/SelectionCellsContext.es.js";
+import { NEXT_PAGE_ID as L } from "./hooks/useBuildGroupByTableData.es.js";
+import ii from "./widgets/LoadMoreWidget.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/ProjectTableContext.es.js";
 import "./context/ClipboardContext.es.js";
 import "./context/ColumnSettingsContext.es.js";
 import "./context/SelectedRowsContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
+import "./context/ProjectDataContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
-import "./context/ProjectDataContext.es.js";
 import "./components/HeaderActionButton.es.js";
 import "./components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
@@ -191,13 +193,15 @@ import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../components/EntityPath/EntityPath.styled.es.js";
 import "../../components/EntityPath/SegmentProvider.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../components/Watchers/Watchers.es.js";
 import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
-import "../../components/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -211,51 +215,50 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/Chips/Chips.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../components/DetailsMetaData/DetailsMetaData.es.js";
-import "../../components/AccessUser/AccessUser.es.js";
-import "../../components/LinksManager/LinksManagerDialog.es.js";
-const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isLoading ? s.original.isLoading ? 1 : -1 : p(s, d, ...m), w = (p, s) => {
-  const d = p.original.label || p.original.name, m = s.original.label || s.original.name;
-  return d.localeCompare(m);
-}, ii = (p, s) => {
-  const d = p.original.path || p.original.name, m = s.original.path || s.original.name;
-  return d.localeCompare(m);
-}, K = (p, s, d, m) => {
-  const C = D(p.original, d), L = D(s.original, d);
-  if (m && m.enum) {
-    const E = m.enum.findIndex((y) => y.value === C), b = m.enum.findIndex((y) => y.value === L);
-    return E - b < 0 ? 1 : -1;
-  } else return (m == null ? void 0 : m.type) === "datetime" ? P.datetime(p, s, d) : (m == null ? void 0 : m.type) === "boolean" ? (C === !0 ? 1 : 0) - (L === !0 ? 1 : 0) : P.alphanumeric(p, s, d);
-}, ti = (p, s) => `${p.linkType.charAt(0).toUpperCase() + p.linkType.slice(1)} (${s})`, F = (p, s) => `${p.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${s}`, ei = (p, s) => `link_${F(p, s)}`, oo = ({
-  attribs: p,
-  links: s = [],
-  showHierarchy: d,
-  options: m,
-  excluded: C,
-  extraColumns: L,
-  groupBy: E
+import "../../components/StyledLink/StyledLink.es.js";
+import "../../components/LinksManager/CellEditingDialog.es.js";
+const S = 50, E = (s) => (d, u, ...p) => d.original.isLoading !== u.original.isLoading ? d.original.isLoading ? 1 : -1 : s(d, u, ...p), ei = (s, d) => {
+  const u = s.original.path || s.original.name, p = d.original.path || d.original.name;
+  return u.localeCompare(p);
+}, K = (s, d, u) => {
+  const p = N(s.original, u), I = N(d.original, u), O = Array.isArray(p) ? p.length : p ? String(p).length : 0, v = Array.isArray(I) ? I.length : I ? String(I).length : 0;
+  return O - v;
+}, _ = (s, d, u, p) => {
+  const I = N(s.original, u), O = N(d.original, u);
+  if (p && p.enum) {
+    const v = p.enum.findIndex((f) => f.value === I);
+    return p.enum.findIndex((f) => f.value === O) - v < 0 ? 1 : -1;
+  } else return (p == null ? void 0 : p.type) === "datetime" ? k.datetime(s, d, u) : (p == null ? void 0 : p.type) === "boolean" ? (I === !0 ? 1 : 0) - (O === !0 ? 1 : 0) : k.alphanumeric(s, d, u);
+}, ti = (s, d) => `${s.linkType.charAt(0).toUpperCase() + s.linkType.slice(1)} (${d})`, V = (s, d) => `${s.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${d}`, ni = (s, d) => `link_${V(s, d)}`, pr = ({
+  attribs: s,
+  links: d = [],
+  showHierarchy: u,
+  options: p,
+  excluded: I,
+  extraColumns: O,
+  groupBy: v
 }) => {
-  const b = [], y = (i) => !(C != null && C.includes(i));
-  y(H) && b.push({
-    id: H,
+  const b = [], f = (i) => !(I != null && I.includes(i));
+  f(F) && b.push({
+    id: F,
     enableResizing: !1,
     enableSorting: !1,
     enablePinning: !1,
     enableHiding: !1,
-    header: () => /* @__PURE__ */ c.jsx(Q, {}),
-    cell: ({ row: i }) => i.original.entityType === "group" ? null : /* @__PURE__ */ c.jsx(J, {}),
+    header: () => /* @__PURE__ */ c.jsx(w, {}),
+    cell: ({ row: i }) => i.original.entityType === "group" ? null : /* @__PURE__ */ c.jsx(Y, {}),
     size: 20
-  }), y("thumbnail") && b.push({
+  }), f("thumbnail") && b.push({
     id: "thumbnail",
     header: "Thumbnail",
     size: 63,
     minSize: 64,
     enableResizing: !0,
     enableSorting: !1,
-    cell: ({ row: i, column: o, table: l }) => {
-      const t = l.options.meta;
-      if (!t) return null;
-      const a = M(i.id, o.id);
+    cell: ({ row: i, column: t, table: o }) => {
+      const e = o.options.meta;
+      if (!e) return null;
+      const a = H(i.id, t.id);
       return /* @__PURE__ */ c.jsx(
         U,
         {
@@ -264,7 +267,7 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
           entityType: i.original.entityType,
           updatedAt: i.original.updatedAt,
           icon: i.original.icon,
-          projectName: t == null ? void 0 : t.projectName,
+          projectName: e == null ? void 0 : e.projectName,
           className: h("thumbnail", {
             loading: i.original.isLoading
           }),
@@ -272,114 +275,137 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
         }
       );
     }
-  }), y("name") && b.push({
+  }), f("name") && b.push({
     id: "name",
     accessorKey: "name",
     header: "Folder / Task",
-    minSize: T,
-    sortingFn: k(d ? w : ii),
-    enableSorting: !E,
+    minSize: S,
+    sortingFn: E(ei),
+    enableSorting: !v,
     enableResizing: !0,
     enablePinning: !0,
-    enableHiding: !E,
-    cell: ({ row: i, column: o, table: l }) => {
-      var r;
-      const t = l.options.meta, a = M(i.id, o.id);
-      return i.original.entityType === x && i.original.group ? /* @__PURE__ */ c.jsx(
-        Y,
+    enableHiding: !v,
+    cell: ({ row: i, column: t, table: o }) => {
+      var g, m;
+      const { value: e, id: a, type: l } = C(i, t.id), n = o.options.meta, { isEditing: r } = q(), y = H(i.id, t.id);
+      return i.original.entityType === L && i.original.group ? /* @__PURE__ */ c.jsx(
+        ii,
         {
           label: "Load more tasks",
           id: i.original.group.value,
-          onLoadMore: (n) => {
-            var e;
-            return (e = t == null ? void 0 : t.loadMoreTasks) == null ? void 0 : e.call(t, n);
+          onLoadMore: (x) => {
+            var A;
+            return (A = n == null ? void 0 : n.loadMoreTasks) == null ? void 0 : A.call(n, x);
           }
         }
-      ) : /* @__PURE__ */ c.jsx(
-        B,
+      ) : /* @__PURE__ */ c.jsxs(
+        Q,
         {
-          id: a,
+          id: y,
           className: h("large", i.original.entityType, {
             loading: i.original.isLoading,
-            hierarchy: d
+            hierarchy: u
           }),
           style: {
             paddingLeft: `calc(${i.depth * 1}rem + 8px)`
           },
           tabIndex: 0,
-          children: i.original.group ? /* @__PURE__ */ c.jsx(
-            G,
-            {
-              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,
-              isExpanded: i.getIsExpanded(),
-              isEmpty: i.subRows.length === 0,
-              toggleExpanded: i.getToggleExpandedHandler()
-            }
-          ) : /* @__PURE__ */ c.jsx(
-            V,
-            {
-              id: i.id,
-              label: i.original.label,
-              name: i.original.name,
-              path: d ? void 0 : "/" + ((r = i.original.parents) == null ? void 0 : r.join("/")),
-              showHierarchy: d,
-              icon: i.original.icon,
-              type: i.original.entityType,
-              isExpanded: i.getIsExpanded(),
-              toggleExpandAll: () => {
-                var n;
-                return (n = t == null ? void 0 : t.toggleExpandAll) == null ? void 0 : n.call(t, [i.id]);
-              },
-              toggleExpanded: i.getToggleExpandedHandler()
-            }
-          )
+          children: [
+            i.original.group ? /* @__PURE__ */ c.jsx(
+              G,
+              {
+                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,
+                isExpanded: i.getIsExpanded(),
+                isEmpty: i.subRows.length === 0,
+                toggleExpanded: i.getToggleExpandedHandler()
+              }
+            ) : /* @__PURE__ */ c.jsx(
+              B,
+              {
+                id: i.id,
+                label: i.original.label,
+                name: i.original.name,
+                path: u ? void 0 : "/" + ((g = i.original.parents) == null ? void 0 : g.join("/")),
+                showHierarchy: u,
+                icon: i.original.icon,
+                type: i.original.entityType,
+                isExpanded: i.getIsExpanded(),
+                toggleExpandAll: () => {
+                  var x;
+                  return (x = n == null ? void 0 : n.toggleExpandAll) == null ? void 0 : x.call(n, [i.id]);
+                },
+                toggleExpanded: i.getToggleExpandedHandler()
+              }
+            ),
+            r(y) && /* @__PURE__ */ c.jsx(
+              T,
+              {
+                rowId: a,
+                className: h("name", { loading: i.original.isLoading }),
+                columnId: t.id,
+                value: e,
+                valueData: {
+                  name: i.original.name,
+                  label: i.original.label,
+                  meta: n,
+                  entityRowId: a,
+                  columnId: t.id,
+                  hasVersions: !!i.original.hasVersions
+                },
+                entityType: l,
+                attributeData: { type: "name" },
+                isCollapsed: !!i.original.childOnlyMatch,
+                isReadOnly: (m = n == null ? void 0 : n.readOnly) == null ? void 0 : m.includes(t.id)
+              }
+            )
+          ]
         }
       );
     }
-  }), y("status") && b.push({
+  }), f("status") && b.push({
     id: "status",
     accessorKey: "status",
-    minSize: T,
+    minSize: S,
     header: "Status",
-    sortingFn: k(
-      (i, o, l) => K(i, o, l, { enum: m.status, type: "string" })
+    sortingFn: E(
+      (i, t, o) => _(i, t, o, { enum: p.status, type: "string" })
     ),
     sortDescFirst: !0,
     enableSorting: !0,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: o, table: l }) => {
-      var e, f;
-      const { value: t, id: a, type: r } = S(i, o.id), n = l.options.meta;
-      return ["group", x].includes(r) ? null : /* @__PURE__ */ c.jsx(
-        I,
+    cell: ({ row: i, column: t, table: o }) => {
+      var r, y;
+      const { value: e, id: a, type: l } = C(i, t.id), n = o.options.meta;
+      return ["group", L].includes(l) ? null : /* @__PURE__ */ c.jsx(
+        T,
         {
           rowId: a,
           className: h("status", { loading: i.original.isLoading }),
-          columnId: o.id,
-          value: t,
+          columnId: t.id,
+          value: e,
           attributeData: { type: "string" },
-          options: (e = n == null ? void 0 : n.options) == null ? void 0 : e.status.filter((g) => {
-            var u;
-            return (u = g.scope) == null ? void 0 : u.includes(r);
+          options: (r = n == null ? void 0 : n.options) == null ? void 0 : r.status.filter((g) => {
+            var m;
+            return (m = g.scope) == null ? void 0 : m.includes(l);
           }),
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (g) => {
-            var u;
-            return (u = n == null ? void 0 : n.updateEntities) == null ? void 0 : u.call(
+            var m;
+            return (m = n == null ? void 0 : n.updateEntities) == null ? void 0 : m.call(
               n,
-              { field: o.id, value: g, type: r, rowId: a },
+              { field: t.id, value: g, type: l, rowId: a },
               { selection: n == null ? void 0 : n.selection }
             );
           },
-          isReadOnly: (f = n == null ? void 0 : n.readOnly) == null ? void 0 : f.includes(o.id),
+          isReadOnly: (y = n == null ? void 0 : n.readOnly) == null ? void 0 : y.includes(t.id),
           pt: {
             enum: {
               pt: {
@@ -398,82 +424,86 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
         }
       );
     }
-  }), y("subType") && b.push({
+  }), f("subType") && b.push({
     id: "subType",
     accessorKey: "subType",
     header: "Type",
-    minSize: T,
+    minSize: S,
     enableSorting: !0,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: o, table: l }) => {
-      var f, g, u, R;
-      const { value: t, id: a, type: r } = S(i, o.id);
-      if (["group", x].includes(r)) return null;
-      const n = r === "folder" ? "folderType" : "taskType", e = l.options.meta;
+    sortingFn: E(
+      (i, t, o) => _(i, t, o, { enum: [...p.folderType, ...p.taskType], type: "string" })
+    ),
+    cell: ({ row: i, column: t, table: o }) => {
+      var y, g, m, x;
+      const { value: e, id: a, type: l } = C(i, t.id);
+      if (["group", L].includes(l)) return null;
+      const n = l === "folder" ? "folderType" : "taskType", r = o.options.meta;
       return /* @__PURE__ */ c.jsx(
-        I,
+        T,
         {
           rowId: a,
           className: h("subType", { loading: i.original.isLoading }),
-          columnId: o.id,
-          value: t,
+          columnId: t.id,
+          value: e,
           attributeData: { type: "string" },
-          options: r === "folder" ? (f = e == null ? void 0 : e.options) == null ? void 0 : f.folderType : r === "task" ? (g = e == null ? void 0 : e.options) == null ? void 0 : g.taskType : [],
+          options: l === "folder" ? (y = r == null ? void 0 : r.options) == null ? void 0 : y.folderType : l === "task" ? (g = r == null ? void 0 : r.options) == null ? void 0 : g.taskType : [],
           isCollapsed: !!i.original.childOnlyMatch,
-          onChange: (O) => {
+          onChange: (A) => {
             var z;
-            return (z = e == null ? void 0 : e.updateEntities) == null ? void 0 : z.call(
-              e,
-              { field: n, value: O, type: r, rowId: i.id },
-              { selection: e == null ? void 0 : e.selection }
+            return (z = r == null ? void 0 : r.updateEntities) == null ? void 0 : z.call(
+              r,
+              { field: n, value: A, type: l, rowId: i.id },
+              { selection: r == null ? void 0 : r.selection }
             );
           },
-          isReadOnly: ((u = e == null ? void 0 : e.readOnly) == null ? void 0 : u.includes(o.id)) || ((R = e == null ? void 0 : e.readOnly) == null ? void 0 : R.includes(n))
+          isReadOnly: ((m = r == null ? void 0 : r.readOnly) == null ? void 0 : m.includes(t.id)) || ((x = r == null ? void 0 : r.readOnly) == null ? void 0 : x.includes(n))
         }
       );
     }
-  }), y("assignees") && b.push({
+  }), f("assignees") && b.push({
     id: "assignees",
     accessorKey: "assignees",
     header: "Assignees",
-    minSize: T,
+    minSize: S,
     enableSorting: !0,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: o, table: l }) => {
-      var e, f;
-      const t = l.options.meta, { value: a, id: r, type: n } = S(i, o.id);
-      return ["group", x].includes(n) ? null : n === "folder" ? /* @__PURE__ */ c.jsx(
-        I,
+    sortingFn: E(K),
+    cell: ({ row: i, column: t, table: o }) => {
+      var r, y;
+      const e = o.options.meta, { value: a, id: l, type: n } = C(i, t.id);
+      return ["group", L].includes(n) ? null : n === "folder" ? /* @__PURE__ */ c.jsx(
+        T,
         {
-          rowId: r,
+          rowId: l,
           className: h("assignees", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: t.id,
           value: "",
           isPlaceholder: !0
         }
       ) : /* @__PURE__ */ c.jsx(
-        I,
+        T,
         {
-          rowId: r,
+          rowId: l,
           className: h("assignees", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: t.id,
           value: a,
           attributeData: { type: "list_of_strings" },
-          options: (e = t == null ? void 0 : t.options) == null ? void 0 : e.assignee,
+          options: (r = e == null ? void 0 : e.options) == null ? void 0 : r.assignee,
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (g) => {
-            var u;
-            return (u = t == null ? void 0 : t.updateEntities) == null ? void 0 : u.call(
-              t,
-              { field: o.id, value: g, type: n, rowId: i.id },
-              { selection: t == null ? void 0 : t.selection }
+            var m;
+            return (m = e == null ? void 0 : e.updateEntities) == null ? void 0 : m.call(
+              e,
+              { field: t.id, value: g, type: n, rowId: i.id },
+              { selection: e == null ? void 0 : e.selection }
             );
           },
-          isReadOnly: (f = t == null ? void 0 : t.readOnly) == null ? void 0 : f.includes(o.id),
+          isReadOnly: (y = e == null ? void 0 : e.readOnly) == null ? void 0 : y.includes(t.id),
           pt: {
             enum: {
               multiSelectClose: (a == null ? void 0 : a.length) === 0,
@@ -486,151 +516,202 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
         }
       );
     }
-  }), y("tags") && b.push({
+  }), f("tags") && b.push({
     id: "tags",
     accessorKey: "tags",
     header: "Tags",
-    minSize: T,
+    minSize: S,
     enableSorting: !0,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: i, column: o, table: l }) => {
-      var e, f;
-      const t = l.options.meta, { value: a, id: r, type: n } = S(i, o.id);
-      return ["group", x].includes(n) ? null : /* @__PURE__ */ c.jsx(
-        I,
+    sortingFn: E(K),
+    cell: ({ row: i, column: t, table: o }) => {
+      var r, y;
+      const e = o.options.meta, { value: a, id: l, type: n } = C(i, t.id);
+      return ["group", L].includes(n) ? null : /* @__PURE__ */ c.jsx(
+        T,
         {
-          rowId: r,
+          rowId: l,
           className: h("tags", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: t.id,
           value: a,
           attributeData: { type: "list_of_strings" },
-          options: (e = t == null ? void 0 : t.options) == null ? void 0 : e.tag,
+          options: (r = e == null ? void 0 : e.options) == null ? void 0 : r.tag,
           isCollapsed: !!i.original.childOnlyMatch,
           onChange: (g) => {
-            var u;
-            return (u = t == null ? void 0 : t.updateEntities) == null ? void 0 : u.call(
-              t,
-              { field: o.id, value: g, type: n, rowId: i.id },
-              { selection: t == null ? void 0 : t.selection }
+            var m;
+            return (m = e == null ? void 0 : e.updateEntities) == null ? void 0 : m.call(
+              e,
+              { field: t.id, value: g, type: n, rowId: i.id },
+              { selection: e == null ? void 0 : e.selection }
             );
           },
-          isReadOnly: (f = t == null ? void 0 : t.readOnly) == null ? void 0 : f.includes(o.id),
+          isReadOnly: (y = e == null ? void 0 : e.readOnly) == null ? void 0 : y.includes(t.id),
           enableCustomValues: !0
         }
       );
     }
+  }), f("createdAt") && b.push({
+    id: "createdAt",
+    accessorKey: "createdAt",
+    header: "Created at",
+    minSize: S,
+    enableSorting: !0,
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: E(k.datetime),
+    cell: ({ row: i, column: t }) => {
+      const { value: o, id: e, type: a } = C(i, t.id);
+      return ["group", L].includes(a) ? null : /* @__PURE__ */ c.jsx(
+        T,
+        {
+          rowId: e,
+          className: h("createdAt", { loading: i.original.isLoading }),
+          columnId: t.id,
+          value: o,
+          attributeData: { type: "datetime" },
+          isCollapsed: !!i.original.childOnlyMatch,
+          isReadOnly: !0
+        }
+      );
+    }
+  }), f("updatedAt") && b.push({
+    id: "updatedAt",
+    accessorKey: "updatedAt",
+    header: "Updated at",
+    minSize: S,
+    enableSorting: !0,
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: E(k.datetime),
+    cell: ({ row: i, column: t }) => {
+      const { value: o, id: e, type: a } = C(i, t.id);
+      return ["group", L].includes(a) ? null : /* @__PURE__ */ c.jsx(
+        T,
+        {
+          rowId: e,
+          className: h("updatedAt", { loading: i.original.isLoading }),
+          columnId: t.id,
+          value: o,
+          attributeData: { type: "datetime" },
+          isCollapsed: !!i.original.childOnlyMatch,
+          isReadOnly: !0
+        }
+      );
+    }
   });
-  const $ = p.filter((i) => {
-    const o = "attrib_" + i.name;
-    return !(!y(o) || i.builtin && !y("attrib"));
+  const $ = s.filter((i) => {
+    const t = "attrib_" + i.name;
+    return !(!f(t) || i.builtin && !f("attrib"));
   }).map((i) => ({
     id: "attrib_" + i.name,
     accessorKey: "attrib." + i.name,
     header: i.data.title || i.name,
-    minSize: T,
+    minSize: S,
     filterFn: "fuzzy",
-    sortingFn: k((l, t, a) => K(l, t, a, i.data)),
+    sortingFn: E((o, e, a) => _(o, e, a, i.data)),
     enableSorting: !0,
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    cell: ({ row: l, column: t, table: a }) => {
-      var O, z, _;
-      const r = a.options.meta, n = t.id.replace("attrib_", ""), { value: e, id: f, type: g } = S(l, n, "attrib"), u = !((O = l.original.ownAttrib) != null && O.includes(n));
-      return ["group", x].includes(g) || !((z = i.scope) == null ? void 0 : z.includes(g)) ? null : /* @__PURE__ */ c.jsx(
-        I,
+    cell: ({ row: o, column: e, table: a }) => {
+      var A, z, D;
+      const l = a.options.meta, n = e.id.replace("attrib_", ""), { value: r, id: y, type: g } = C(o, n, "attrib"), m = !((A = o.original.ownAttrib) != null && A.includes(n));
+      return ["group", L].includes(g) || !((z = i.scope) == null ? void 0 : z.includes(g)) ? null : /* @__PURE__ */ c.jsx(
+        T,
         {
-          rowId: f,
-          className: h("attrib", { loading: l.original.isLoading }),
-          columnId: t.id,
-          value: e,
+          rowId: y,
+          className: h("attrib", { loading: o.original.isLoading }),
+          columnId: e.id,
+          value: r,
           attributeData: { type: i.data.type || "string" },
           options: i.data.enum || [],
-          isCollapsed: !!l.original.childOnlyMatch,
-          isInherited: u && ["folder", "task"].includes(g),
+          isCollapsed: !!o.original.childOnlyMatch,
+          isInherited: m && ["folder", "task"].includes(g),
           isReadOnly: (
             // check attrib is not read only
             i.readOnly || // check if there is any other reason the cell should be read only
-            ((_ = r == null ? void 0 : r.readOnly) == null ? void 0 : _.some(
-              (v) => v === n || v === "attrib" && i.builtin
+            ((D = l == null ? void 0 : l.readOnly) == null ? void 0 : D.some(
+              (j) => j === n || j === "attrib" && i.builtin
             ))
           ),
-          onChange: (v) => {
-            var N, A;
-            return (A = r == null ? void 0 : r.updateEntities) == null ? void 0 : A.call(
-              r,
-              { field: n, value: v, type: g, isAttrib: !0, rowId: l.id },
-              { selection: (N = i.data.enum) != null && N.length ? r == null ? void 0 : r.selection : void 0 }
+          onChange: (j) => {
+            var P, M;
+            return (M = l == null ? void 0 : l.updateEntities) == null ? void 0 : M.call(
+              l,
+              { field: n, value: j, type: g, isAttrib: !0, rowId: o.id },
+              { selection: (P = i.data.enum) != null && P.length ? l == null ? void 0 : l.selection : void 0 }
             );
           }
         }
       );
     }
-  })), W = s.filter((i) => !(!y(i.linkType) || !y("link"))).flatMap((i) => {
-    const o = (l) => ({
-      id: ei(i, l),
-      accessorKey: `links.${F(i, l)}`,
-      header: () => /* @__PURE__ */ c.jsxs(q, { children: [
-        ti(i, l),
+  })), W = d.filter((i) => !(!f(i.linkType) || !f("link"))).flatMap((i) => {
+    const t = (o) => ({
+      id: ni(i, o),
+      accessorKey: `links.${V(i, o)}`,
+      header: () => /* @__PURE__ */ c.jsxs(J, { children: [
+        ti(i, o),
         " ",
         /* @__PURE__ */ c.jsx(
           X,
           {
-            icon: Z(l === "in" ? i.inputType : i.outputType)
+            icon: Z(o === "in" ? i.inputType : i.outputType)
           }
         )
       ] }),
-      minSize: T,
+      minSize: S,
       enableSorting: !1,
       enableResizing: !0,
       enablePinning: !0,
       enableHiding: !0,
-      cell: ({ row: t, column: a }) => {
-        const r = a.id.replace("link_", ""), { id: n, value: e } = S(t, r, "links"), f = e == null ? void 0 : e.map((u) => u.label), g = {
-          links: e,
-          direction: l,
-          entityId: t.original.entityId || t.original.id,
-          entityType: t.original.entityType,
+      cell: ({ row: e, column: a }) => {
+        const l = a.id.replace("link_", ""), { id: n, value: r } = C(e, l, "links"), y = r == null ? void 0 : r.map((m) => m.label), g = {
+          links: r,
+          direction: o,
+          entityId: e.original.entityId || e.original.id,
+          entityType: e.original.entityType,
           link: {
             label: i.linkType,
             linkType: i.name,
-            targetEntityType: l === "in" ? i.inputType : i.outputType
+            targetEntityType: o === "in" ? i.inputType : i.outputType
           }
         };
         return /* @__PURE__ */ c.jsx(
-          I,
+          T,
           {
             rowId: n,
-            className: h("links", { loading: t.original.isLoading }),
+            className: h("links", { loading: e.original.isLoading }),
             columnId: a.id,
-            value: f,
+            value: y,
             valueData: g,
-            folderId: t.original.folderId,
+            folderId: e.original.folderId,
             attributeData: { type: "links" }
           }
         );
       }
     });
-    return [o("in"), o("out")];
-  }), j = [...b, ...$, ...W];
-  return L && L.forEach(({ column: i, position: o = -1 }) => {
-    o >= 0 && o < j.length ? j.splice(o, 0, i) : j.push(i);
-  }), j;
-}, S = (p, s, d) => {
-  var m;
+    return [t("in"), t("out")];
+  }), R = [...b, ...$, ...W];
+  return O && O.forEach(({ column: i, position: t = -1 }) => {
+    t >= 0 && t < R.length ? R.splice(t, 0, i) : R.push(i);
+  }), R;
+}, C = (s, d, u) => {
+  var p;
   return {
-    value: d ? (m = p.original[d]) == null ? void 0 : m[s] : p.original[s],
-    id: p.id,
-    type: p.original.entityType
+    value: u ? (p = s.original[u]) == null ? void 0 : p[d] : s.original[d],
+    id: s.id,
+    type: s.original.entityType
   };
 };
 export {
-  oo as default,
-  ei as getLinkColumnId,
-  F as getLinkKey,
+  pr as default,
+  ni as getLinkColumnId,
+  V as getLinkKey,
   ti as getLinkLabel,
-  S as getValueIdType
+  C as getValueIdType
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map