@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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 N } 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 { EntityNameWidget as W } 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";
@@ -150,26 +150,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 { useCellEditing as q } from "./context/CellEditingContext.es.js";
+import { getCellValue as P, getCellId as M } from "./utils/cellUtils.es.js";
+import { LinkColumnHeader as B, TableCellContent as J } from "./ProjectTreeTable.styled.es.js";
+import { SelectionCell as Q } from "./components/SelectionCell.es.js";
+import Y 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 w 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 +191,14 @@ 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/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 +212,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 = ({
+import "../../components/StyledLink/StyledLink.es.js";
+import "../../components/LinksManager/CellEditingDialog.es.js";
+const T = 50, j = (p) => (s, g, ...d) => s.original.isLoading !== g.original.isLoading ? s.original.isLoading ? 1 : -1 : p(s, g, ...d), ii = (p, s) => {
+  const g = p.original.label || p.original.name, d = s.original.label || s.original.name;
+  return g.localeCompare(d);
+}, ei = (p, s) => {
+  const g = p.original.path || p.original.name, d = s.original.path || s.original.name;
+  return g.localeCompare(d);
+}, K = (p, s, g, d) => {
+  const E = P(p.original, g), O = P(s.original, g);
+  if (d && d.enum) {
+    const z = d.enum.findIndex((f) => f.value === E), b = d.enum.findIndex((f) => f.value === O);
+    return z - b < 0 ? 1 : -1;
+  } else return (d == null ? void 0 : d.type) === "datetime" ? N.datetime(p, s, g) : (d == null ? void 0 : d.type) === "boolean" ? (E === !0 ? 1 : 0) - (O === !0 ? 1 : 0) : N.alphanumeric(p, s, g);
+}, ti = (p, s) => `${p.linkType.charAt(0).toUpperCase() + p.linkType.slice(1)} (${s})`, F = (p, s) => `${p.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${s}`, ni = (p, s) => `link_${F(p, s)}`, ro = ({
   attribs: p,
   links: s = [],
-  showHierarchy: d,
-  options: m,
-  excluded: C,
-  extraColumns: L,
-  groupBy: E
+  showHierarchy: g,
+  options: d,
+  excluded: E,
+  extraColumns: O,
+  groupBy: z
 }) => {
-  const b = [], y = (i) => !(C != null && C.includes(i));
-  y(H) && b.push({
+  const b = [], f = (i) => !(E != null && E.includes(i));
+  f(H) && b.push({
     id: H,
     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(Y, {}),
+    cell: ({ row: i }) => i.original.entityType === "group" ? null : /* @__PURE__ */ c.jsx(Q, {}),
     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: n, table: r }) => {
+      const e = r.options.meta;
+      if (!e) return null;
+      const a = M(i.id, n.id);
       return /* @__PURE__ */ c.jsx(
         U,
         {
@@ -264,7 +264,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 +272,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,
+    sortingFn: j(g ? ii : ei),
+    enableSorting: !z,
     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);
+    enableHiding: !z,
+    cell: ({ row: i, column: n, table: r }) => {
+      var u, m;
+      const { value: e, id: a, type: l } = C(i, n.id), t = r.options.meta, { isEditing: o } = q(), y = M(i.id, n.id);
       return i.original.entityType === x && i.original.group ? /* @__PURE__ */ c.jsx(
-        Y,
+        w,
         {
           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: (S) => {
+            var L;
+            return (L = t == null ? void 0 : t.loadMoreTasks) == null ? void 0 : L.call(t, S);
           }
         }
-      ) : /* @__PURE__ */ c.jsx(
-        B,
+      ) : /* @__PURE__ */ c.jsxs(
+        J,
         {
-          id: a,
+          id: y,
           className: h("large", i.original.entityType, {
             loading: i.original.isLoading,
-            hierarchy: d
+            hierarchy: g
           }),
           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(
+              W,
+              {
+                id: i.id,
+                label: i.original.label,
+                name: i.original.name,
+                path: g ? void 0 : "/" + ((u = i.original.parents) == null ? void 0 : u.join("/")),
+                showHierarchy: g,
+                icon: i.original.icon,
+                type: i.original.entityType,
+                isExpanded: i.getIsExpanded(),
+                toggleExpandAll: () => {
+                  var S;
+                  return (S = t == null ? void 0 : t.toggleExpandAll) == null ? void 0 : S.call(t, [i.id]);
+                },
+                toggleExpanded: i.getToggleExpandedHandler()
+              }
+            ),
+            o(y) && /* @__PURE__ */ c.jsx(
+              I,
+              {
+                rowId: a,
+                className: h("name", { loading: i.original.isLoading }),
+                columnId: n.id,
+                value: e,
+                valueData: {
+                  name: i.original.name,
+                  label: i.original.label,
+                  meta: t,
+                  entityRowId: a,
+                  columnId: n.id,
+                  hasVersions: !!i.original.hasVersions
+                },
+                entityType: l,
+                attributeData: { type: "name" },
+                isCollapsed: !!i.original.childOnlyMatch,
+                isReadOnly: (m = t == null ? void 0 : t.readOnly) == null ? void 0 : m.includes(n.id)
+              }
+            )
+          ]
         }
       );
     }
-  }), y("status") && b.push({
+  }), f("status") && b.push({
     id: "status",
     accessorKey: "status",
     minSize: T,
     header: "Status",
-    sortingFn: k(
-      (i, o, l) => K(i, o, l, { enum: m.status, type: "string" })
+    sortingFn: j(
+      (i, n, r) => K(i, n, r, { enum: d.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(
+    cell: ({ row: i, column: n, table: r }) => {
+      var o, y;
+      const { value: e, id: a, type: l } = C(i, n.id), t = r.options.meta;
+      return ["group", x].includes(l) ? null : /* @__PURE__ */ c.jsx(
         I,
         {
           rowId: a,
           className: h("status", { loading: i.original.isLoading }),
-          columnId: o.id,
-          value: t,
+          columnId: n.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: (o = t == null ? void 0 : t.options) == null ? void 0 : o.status.filter((u) => {
+            var m;
+            return (m = u.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(
-              n,
-              { field: o.id, value: g, type: r, rowId: a },
-              { selection: n == null ? void 0 : n.selection }
+          onChange: (u) => {
+            var m;
+            return (m = t == null ? void 0 : t.updateEntities) == null ? void 0 : m.call(
+              t,
+              { field: n.id, value: u, type: l, rowId: a },
+              { selection: t == null ? void 0 : t.selection }
             );
           },
-          isReadOnly: (f = n == null ? void 0 : n.readOnly) == null ? void 0 : f.includes(o.id),
+          isReadOnly: (y = t == null ? void 0 : t.readOnly) == null ? void 0 : y.includes(n.id),
           pt: {
             enum: {
               pt: {
@@ -398,7 +421,7 @@ 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",
@@ -407,34 +430,34 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
     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;
+    cell: ({ row: i, column: n, table: r }) => {
+      var y, u, m, S;
+      const { value: e, id: a, type: l } = C(i, n.id);
+      if (["group", x].includes(l)) return null;
+      const t = l === "folder" ? "folderType" : "taskType", o = r.options.meta;
       return /* @__PURE__ */ c.jsx(
         I,
         {
           rowId: a,
           className: h("subType", { loading: i.original.isLoading }),
-          columnId: o.id,
-          value: t,
+          columnId: n.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 = o == null ? void 0 : o.options) == null ? void 0 : y.folderType : l === "task" ? (u = o == null ? void 0 : o.options) == null ? void 0 : u.taskType : [],
           isCollapsed: !!i.original.childOnlyMatch,
-          onChange: (O) => {
-            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 }
+          onChange: (L) => {
+            var R;
+            return (R = o == null ? void 0 : o.updateEntities) == null ? void 0 : R.call(
+              o,
+              { field: t, value: L, type: l, rowId: i.id },
+              { selection: o == null ? void 0 : o.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 = o == null ? void 0 : o.readOnly) == null ? void 0 : m.includes(n.id)) || ((S = o == null ? void 0 : o.readOnly) == null ? void 0 : S.includes(t))
         }
       );
     }
-  }), y("assignees") && b.push({
+  }), f("assignees") && b.push({
     id: "assignees",
     accessorKey: "assignees",
     header: "Assignees",
@@ -443,37 +466,37 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
     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(
+    cell: ({ row: i, column: n, table: r }) => {
+      var o, y;
+      const e = r.options.meta, { value: a, id: l, type: t } = C(i, n.id);
+      return ["group", x].includes(t) ? null : t === "folder" ? /* @__PURE__ */ c.jsx(
         I,
         {
-          rowId: r,
+          rowId: l,
           className: h("assignees", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: n.id,
           value: "",
           isPlaceholder: !0
         }
       ) : /* @__PURE__ */ c.jsx(
         I,
         {
-          rowId: r,
+          rowId: l,
           className: h("assignees", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: n.id,
           value: a,
           attributeData: { type: "list_of_strings" },
-          options: (e = t == null ? void 0 : t.options) == null ? void 0 : e.assignee,
+          options: (o = e == null ? void 0 : e.options) == null ? void 0 : o.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 }
+          onChange: (u) => {
+            var m;
+            return (m = e == null ? void 0 : e.updateEntities) == null ? void 0 : m.call(
+              e,
+              { field: n.id, value: u, type: t, 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(n.id),
           pt: {
             enum: {
               multiSelectClose: (a == null ? void 0 : a.length) === 0,
@@ -486,7 +509,7 @@ 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",
@@ -495,90 +518,140 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
     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(
+    cell: ({ row: i, column: n, table: r }) => {
+      var o, y;
+      const e = r.options.meta, { value: a, id: l, type: t } = C(i, n.id);
+      return ["group", x].includes(t) ? null : /* @__PURE__ */ c.jsx(
         I,
         {
-          rowId: r,
+          rowId: l,
           className: h("tags", { loading: i.original.isLoading }),
-          columnId: o.id,
+          columnId: n.id,
           value: a,
           attributeData: { type: "list_of_strings" },
-          options: (e = t == null ? void 0 : t.options) == null ? void 0 : e.tag,
+          options: (o = e == null ? void 0 : e.options) == null ? void 0 : o.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 }
+          onChange: (u) => {
+            var m;
+            return (m = e == null ? void 0 : e.updateEntities) == null ? void 0 : m.call(
+              e,
+              { field: n.id, value: u, type: t, 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(n.id),
           enableCustomValues: !0
         }
       );
     }
+  }), f("createdAt") && b.push({
+    id: "createdAt",
+    accessorKey: "createdAt",
+    header: "Created at",
+    minSize: T,
+    enableSorting: !0,
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: j(N.datetime),
+    cell: ({ row: i, column: n }) => {
+      const { value: r, id: e, type: a } = C(i, n.id);
+      return ["group", x].includes(a) ? null : /* @__PURE__ */ c.jsx(
+        I,
+        {
+          rowId: e,
+          className: h("createdAt", { loading: i.original.isLoading }),
+          columnId: n.id,
+          value: r,
+          attributeData: { type: "datetime" },
+          isCollapsed: !!i.original.childOnlyMatch,
+          isReadOnly: !0
+        }
+      );
+    }
+  }), f("updatedAt") && b.push({
+    id: "updatedAt",
+    accessorKey: "updatedAt",
+    header: "Updated at",
+    minSize: T,
+    enableSorting: !0,
+    enableResizing: !0,
+    enablePinning: !0,
+    enableHiding: !0,
+    sortingFn: j(N.datetime),
+    cell: ({ row: i, column: n }) => {
+      const { value: r, id: e, type: a } = C(i, n.id);
+      return ["group", x].includes(a) ? null : /* @__PURE__ */ c.jsx(
+        I,
+        {
+          rowId: e,
+          className: h("updatedAt", { loading: i.original.isLoading }),
+          columnId: n.id,
+          value: r,
+          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 V = p.filter((i) => {
+    const n = "attrib_" + i.name;
+    return !(!f(n) || i.builtin && !f("attrib"));
   }).map((i) => ({
     id: "attrib_" + i.name,
     accessorKey: "attrib." + i.name,
     header: i.data.title || i.name,
     minSize: T,
     filterFn: "fuzzy",
-    sortingFn: k((l, t, a) => K(l, t, a, i.data)),
+    sortingFn: j((r, e, a) => K(r, 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(
+    cell: ({ row: r, column: e, table: a }) => {
+      var L, R, k;
+      const l = a.options.meta, t = e.id.replace("attrib_", ""), { value: o, id: y, type: u } = C(r, t, "attrib"), m = !((L = r.original.ownAttrib) != null && L.includes(t));
+      return ["group", x].includes(u) || !((R = i.scope) == null ? void 0 : R.includes(u)) ? null : /* @__PURE__ */ c.jsx(
         I,
         {
-          rowId: f,
-          className: h("attrib", { loading: l.original.isLoading }),
-          columnId: t.id,
-          value: e,
+          rowId: y,
+          className: h("attrib", { loading: r.original.isLoading }),
+          columnId: e.id,
+          value: o,
           attributeData: { type: i.data.type || "string" },
           options: i.data.enum || [],
-          isCollapsed: !!l.original.childOnlyMatch,
-          isInherited: u && ["folder", "task"].includes(g),
+          isCollapsed: !!r.original.childOnlyMatch,
+          isInherited: m && ["folder", "task"].includes(u),
           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
+            ((k = l == null ? void 0 : l.readOnly) == null ? void 0 : k.some(
+              (A) => A === t || A === "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: (A) => {
+            var _, D;
+            return (D = l == null ? void 0 : l.updateEntities) == null ? void 0 : D.call(
+              l,
+              { field: t, value: A, type: u, isAttrib: !0, rowId: r.id },
+              { selection: (_ = i.data.enum) != null && _.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),
+  })), $ = s.filter((i) => !(!f(i.linkType) || !f("link"))).flatMap((i) => {
+    const n = (r) => ({
+      id: ni(i, r),
+      accessorKey: `links.${F(i, r)}`,
+      header: () => /* @__PURE__ */ c.jsxs(B, { children: [
+        ti(i, r),
         " ",
         /* @__PURE__ */ c.jsx(
           X,
           {
-            icon: Z(l === "in" ? i.inputType : i.outputType)
+            icon: Z(r === "in" ? i.inputType : i.outputType)
           }
         )
       ] }),
@@ -587,50 +660,50 @@ const T = 50, k = (p) => (s, d, ...m) => s.original.isLoading !== d.original.isL
       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: t, value: o } = C(e, l, "links"), y = o == null ? void 0 : o.map((m) => m.label), u = {
+          links: o,
+          direction: r,
+          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: r === "in" ? i.inputType : i.outputType
           }
         };
         return /* @__PURE__ */ c.jsx(
           I,
           {
-            rowId: n,
-            className: h("links", { loading: t.original.isLoading }),
+            rowId: t,
+            className: h("links", { loading: e.original.isLoading }),
             columnId: a.id,
-            value: f,
-            valueData: g,
-            folderId: t.original.folderId,
+            value: y,
+            valueData: u,
+            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 [n("in"), n("out")];
+  }), v = [...b, ...V, ...$];
+  return O && O.forEach(({ column: i, position: n = -1 }) => {
+    n >= 0 && n < v.length ? v.splice(n, 0, i) : v.push(i);
+  }), v;
+}, C = (p, s, g) => {
+  var d;
   return {
-    value: d ? (m = p.original[d]) == null ? void 0 : m[s] : p.original[s],
+    value: g ? (d = p.original[g]) == null ? void 0 : d[s] : p.original[s],
     id: p.id,
     type: p.original.entityType
   };
 };
 export {
-  oo as default,
-  ei as getLinkColumnId,
+  ro as default,
+  ni as getLinkColumnId,
   F as getLinkKey,
   ti as getLinkLabel,
-  S as getValueIdType
+  C as getValueIdType
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map