@ynput/ayon-frontend-shared 0.3.37 → 0.3.39

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

@@ -1,5 +1,5 @@
 import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { sortingFns as j } from "@tanstack/react-table";
+import { sortingFns as k } from "@tanstack/react-table";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
@@ -8,9 +8,10 @@ import "./widgets/TextWidget.es.js";
 import "./widgets/MarkdownWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
 import { CellWidget as b } from "./widgets/CellWidget.es.js";
-import { EntityNameWidget as B } from "./widgets/EntityNameWidget.es.js";
-import { GroupHeaderWidget as w } from "./widgets/GroupHeaderWidget.es.js";
-import { ThumbnailWidget as ii } from "./widgets/ThumbnailWidget.es.js";
+import { EntityNameWidget as w } from "./widgets/EntityNameWidget.es.js";
+import { GroupHeaderWidget as ii } from "./widgets/GroupHeaderWidget.es.js";
+import { ThumbnailWidget as ei } from "./widgets/ThumbnailWidget.es.js";
+import "./widgets/LinksWidget.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "react";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
@@ -126,7 +127,7 @@ import "../../../../_virtual/index.es.js";
 import "../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                              */
-import { upperFirst as ei } from "lodash";
+import { upperFirst as ti } from "lodash";
 import { getEntityTypeIcon as G } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import { ROW_SELECTION_COLUMN_ID as U } from "./constants.es.js";
@@ -208,26 +209,26 @@ import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../Feed/Feed.styled.es.js";
 import "../Feed/components/FeedSearchFilter.es.js";
 import "@tanstack/react-virtual";
-import { getCellId as _, getCellValue as P } from "./utils/cellUtils.es.js";
-import { TableCellContent as F, LinkColumnHeader as ti } from "./ProjectTreeTable.styled.es.js";
-import { SelectionCell as ni } from "./components/SelectionCell.es.js";
-import ri from "./components/RowSelectionHeader.es.js";
-import { useCellEditing as ai } from "./context/CellEditingContext.es.js";
+import { getCellId as F, getCellValue as _ } from "./utils/cellUtils.es.js";
+import { TableCellContent as K, LinkColumnHeader as ni } from "./ProjectTreeTable.styled.es.js";
+import { SelectionCell as ri } from "./components/SelectionCell.es.js";
+import ai from "./components/RowSelectionHeader.es.js";
+import { useCellEditing as oi } from "./context/CellEditingContext.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
-import { isEntityRestricted as K, READ_ONLY as oi } from "./utils/restrictedEntity.es.js";
+import { isEntityRestricted as M, READ_ONLY as li } from "./utils/restrictedEntity.es.js";
 import "./context/SelectionCellsContext.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/ProjectTableContext.es.js";
 import "./context/ClipboardContext.es.js";
-import { useColumnSettingsContext as li } from "./context/ColumnSettingsContext.es.js";
-import { NEXT_PAGE_ID as h, parseGroupId as si } from "./hooks/useBuildGroupByTableData.es.js";
+import { useColumnSettingsContext as si } from "./context/ColumnSettingsContext.es.js";
+import { NEXT_PAGE_ID as h, parseGroupId as pi } from "./hooks/useBuildGroupByTableData.es.js";
 import "./context/SelectedRowsContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "./components/DeleteConfirmContent.es.js";
 import "./context/ProjectDataContext.es.js";
-import pi from "./widgets/LoadMoreWidget.es.js";
-import { getColumnDisplayConfig as mi } from "./types/columnConfig.es.js";
+import mi from "./widgets/LoadMoreWidget.es.js";
+import { getColumnDisplayConfig as di } from "./types/columnConfig.es.js";
 import "./components/HeaderActionButton.es.js";
 import "./components/TableFooterRow.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
@@ -293,25 +294,25 @@ import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../components/ColumnHeaderMenuUI.es.js";
 import "./widgets/EmptyWidget.es.js";
 import "./widgets/ErrorWidget.es.js";
-import { MetaWidget as di } from "./widgets/MetaWidget.es.js";
-const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, ...c) => p.original.isLoading !== d.original.isLoading ? p.original.isLoading ? 1 : -1 : o(p, d, ...c), Y = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (o) => (p, d, ...c) => {
+import { MetaWidget as ui } from "./widgets/MetaWidget.es.js";
+const gi = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, ...c) => p.original.isLoading !== d.original.isLoading ? p.original.isLoading ? 1 : -1 : o(p, d, ...c), Y = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (o) => (p, d, ...c) => {
   const I = o(p, d, ...c);
   if (I !== 0) return I;
   const R = p.original.label || p.original.name || "", L = d.original.label || d.original.name || "";
   return Y.compare(R, L);
-}, N = (o, p) => {
+}, j = (o, p) => {
   const d = o.original.label || o.original.path || o.original.name || "", c = p.original.label || p.original.path || p.original.name || "";
   return Y.compare(d, c);
 }, X = (o, p, d) => {
-  const c = P(o.original, d), I = P(p.original, d), R = Array.isArray(c) ? c.length : c ? String(c).length : 0, L = Array.isArray(I) ? I.length : I ? String(I).length : 0;
+  const c = _(o.original, d), I = _(p.original, d), R = Array.isArray(c) ? c.length : c ? String(c).length : 0, L = Array.isArray(I) ? I.length : I ? String(I).length : 0;
   return R - L;
-}, M = (o, p, d, c) => {
-  const I = P(o.original, d), R = P(p.original, d);
+}, V = (o, p, d, c) => {
+  const I = _(o.original, d), R = _(p.original, d);
   if (c && c.enum) {
-    const L = c.enum.findIndex((E) => E.value === I), A = c.enum.findIndex((E) => E.value === R);
+    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" ? j.datetime(o, p, d) : c?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : j.alphanumeric(o, p, d);
-}, gi = (o, p) => `${o.linkType.charAt(0).toUpperCase() + o.linkType.slice(1)} (${p})`, Z = (o, p) => `${o.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, ci = (o, p) => `link_${Z(o, p)}`, $a = ({
+  } else return c?.type === "datetime" ? k.datetime(o, p, d) : c?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : k.alphanumeric(o, p, d);
+}, ci = (o, p) => `${o.linkType.charAt(0).toUpperCase() + o.linkType.slice(1)} (${p})`, Z = (o, p) => `${o.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, yi = (o, p) => `link_${Z(o, p)}`, Ga = ({
   scopes: o,
   attribs: p,
   links: d = [],
@@ -320,20 +321,20 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
   isFlatFolderView: R,
   options: L,
   excluded: A,
-  excludedSorting: E,
-  extraColumns: V,
-  groupBy: k,
+  excludedSorting: N,
+  extraColumns: $,
+  groupBy: D,
   nameLabel: q = "Entity"
 }) => {
-  const y = [], u = (i) => !A?.includes(i), v = (i) => !E?.includes(i);
+  const y = [], u = (i) => !A?.includes(i), v = (i) => !N?.includes(i);
   u(U) && y.push({
     id: U,
     enableResizing: !1,
     enableSorting: !1,
     enablePinning: !1,
     enableHiding: !1,
-    header: () => /* @__PURE__ */ s.jsx(ri, {}),
-    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ni, {}),
+    header: () => /* @__PURE__ */ s.jsx(ai, {}),
+    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ri, {}),
     size: 20
   }), u("thumbnail") && y.push({
     id: "thumbnail",
@@ -346,14 +347,14 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       if (i.original.entityType === "group" || i.original.metaType) return null;
       const n = t.options.meta;
       if (!n) return null;
-      const a = _(i.id, e.id);
+      const a = F(i.id, e.id);
       let r = {
         entityId: i.original.entityId || i.id,
         entityType: i.original.entityType,
         thumbnailHash: i.original.thumbnailHash
       };
       return i.original.thumbnail && (r = i.original.thumbnail), /* @__PURE__ */ s.jsx(
-        ii,
+        ei,
         {
           id: a,
           entityId: r.entityId,
@@ -373,16 +374,16 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     accessorKey: "name",
     header: q,
     minSize: T,
-    sortingFn: x(N),
-    enableSorting: k && k.id !== "folder" ? !1 : v("name"),
+    sortingFn: x(j),
+    enableSorting: D && D.id !== "folder" ? !1 : v("name"),
     enableResizing: !0,
     enablePinning: !0,
-    enableHiding: !(k && k.id !== "folder"),
+    enableHiding: !(D && D.id !== "folder"),
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: a, type: r } = f(i, e.id), l = t.options.meta, { isEditing: m } = ai(), { rowHeight: S = 40 } = li(), C = _(i.id, e.id);
+      const { value: n, id: a, type: r } = f(i, e.id), l = t.options.meta, { isEditing: m } = oi(), { rowHeight: S = 40 } = si(), C = F(i.id, e.id);
       if (i.original.metaType)
         return /* @__PURE__ */ s.jsx(
-          F,
+          K,
           {
             id: C,
             className: g("large", "readonly", i.original.entityType),
@@ -391,20 +392,20 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
               pointerEvents: "none"
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s.jsx(di, { metaType: i.original.metaType, label: i.original.label })
+            children: /* @__PURE__ */ s.jsx(ui, { metaType: i.original.metaType, label: i.original.label })
           }
         );
       if (i.original.entityType === h && i.original.group)
         return /* @__PURE__ */ s.jsx(
-          pi,
+          mi,
           {
             id: i.original.group.value,
-            onLoadMore: ($) => l?.loadMoreRows?.($)
+            onLoadMore: (P) => l?.loadMoreRows?.(P)
           }
         );
-      const z = i.getCanExpand() && !!i.originalSubRows && (ui(i.original.entityType) || !!i.original.group);
+      const z = i.getCanExpand() && !!i.originalSubRows && (gi(i.original.entityType) || !!i.original.group);
       return /* @__PURE__ */ s.jsxs(
-        F,
+        K,
         {
           id: C,
           className: g("large", i.original.entityType, {
@@ -417,7 +418,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
           tabIndex: 0,
           children: [
             i.original.group ? /* @__PURE__ */ s.jsx(
-              w,
+              ii,
               {
                 id: i.id,
                 label: i.original.group.label,
@@ -431,7 +432,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
                 toggleExpanded: i.getToggleExpandedHandler()
               }
             ) : /* @__PURE__ */ s.jsx(
-              B,
+              w,
               {
                 id: i.id,
                 label: i.original.label,
@@ -444,7 +445,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
                 toggleExpandAll: () => l?.toggleExpandAll?.([i.id]),
                 toggleExpanded: i.getToggleExpandedHandler(),
                 rowHeight: S,
-                columnDisplayConfig: mi(l?.columnsConfig, "name")
+                columnDisplayConfig: di(l?.columnsConfig, "name")
               }
             ),
             m(C) && /* @__PURE__ */ s.jsx(
@@ -479,7 +480,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     header: "Status",
     sortingFn: x(
       O(
-        (i, e, t) => M(i, e, t, { enum: L.status, type: "string" })
+        (i, e, t) => V(i, e, t, { enum: L.status, type: "string" })
       )
     ),
     sortDescFirst: !0,
@@ -503,7 +504,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
             { field: e.id, value: m, type: r, rowId: a },
             { selection: l?.selection }
           ),
-          isReadOnly: l?.readOnly?.includes(e.id) || K(r),
+          isReadOnly: l?.readOnly?.includes(e.id) || M(r),
           pt: {
             enum: {
               pt: {
@@ -531,21 +532,21 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.alphanumeric)),
+    sortingFn: x(O(k.alphanumeric)),
     cell: ({ row: i, column: e, table: t }) => {
       const { value: n, id: a, type: r } = f(i, e.id);
       if (["group", h].includes(r) || i.original.metaType) return null;
-      const l = _(i.id, e.id);
+      const l = F(i.id, e.id);
       return /* @__PURE__ */ s.jsxs(
-        F,
+        K,
         {
           id: l,
-          className: g("entityType", oi, r, { loading: i.original.isLoading }),
+          className: g("entityType", li, r, { loading: i.original.isLoading }),
           tabIndex: 0,
           children: [
             /* @__PURE__ */ s.jsx(W, { icon: G(r) }),
             " ",
-            ei(n)
+            ti(n)
           ]
         }
       );
@@ -561,7 +562,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableHiding: !0,
     sortingFn: x(
       O(
-        (i, e, t) => M(i, e, t, {
+        (i, e, t) => V(i, e, t, {
           enum: [...L.folderType, ...L.taskType],
           type: "string"
         })
@@ -634,7 +635,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
             { field: e.id, value: m, type: l, rowId: i.id },
             { selection: n?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || K(l),
+          isReadOnly: n?.readOnly?.includes(e.id) || M(l),
           pt: {
             enum: {
               multiSelectClose: a?.length === 0,
@@ -652,7 +653,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     accessorKey: "folder",
     header: "Folder name",
     minSize: T,
-    sortingFn: x(N),
+    sortingFn: x(j),
     enableSorting: v("folderName"),
     enableResizing: !0,
     enablePinning: !0,
@@ -680,7 +681,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     cell: ({ row: i, column: e, table: t }) => {
       const n = t.options.meta, { value: a, id: r, type: l } = f(i, e.id);
       return ["group", h].includes(l) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
@@ -706,7 +707,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     cell: ({ row: i, column: e }) => {
       const { value: t, id: n, type: a } = f(i, e.id);
       if (["group", h].includes(a) || i.original.metaType) return null;
@@ -732,7 +733,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(N),
+    sortingFn: x(j),
     cell: ({ row: i, column: e }) => {
       const { value: t, id: n, type: a } = f(i, e.id);
       return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
@@ -773,7 +774,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
             { field: e.id, value: m, type: l, rowId: i.id },
             { selection: n?.selection }
           ),
-          isReadOnly: n?.readOnly?.includes(e.id) || K(l),
+          isReadOnly: n?.readOnly?.includes(e.id) || M(l),
           enableCustomValues: !0
         }
       );
@@ -787,7 +788,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.datetime)),
+    sortingFn: x(O(k.datetime)),
     cell: ({ row: i, column: e }) => {
       const { value: t, id: n, type: a } = f(i, e.id);
       return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
@@ -813,7 +814,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(j.datetime)),
+    sortingFn: x(O(k.datetime)),
     cell: ({ row: i, column: e }) => {
       const { value: t, id: n, type: a } = f(i, e.id);
       return ["group", h].includes(a) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
@@ -844,7 +845,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       if (["group", h].includes(l) || i.original.metaType) return null;
       if (l !== "task") return /* @__PURE__ */ s.jsx("div", { className: "readonly" });
       const m = {
-        taskId: si(i.id) || i.original.entityId || i.original.id,
+        taskId: pi(i.id) || i.original.entityId || i.original.id,
         subtasks: a || []
       };
       return /* @__PURE__ */ s.jsx(
@@ -897,7 +898,7 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     minSize: T,
     filterFn: "fuzzy",
     sortingFn: x(
-      O((t, n, a) => M(t, n, a, i.data))
+      O((t, n, a) => V(t, n, a, i.data))
     ),
     enableSorting: v(i.name) && v("attrib"),
     enableResizing: !0,
@@ -920,11 +921,11 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
             // check attrib is not read only
             i.readOnly || // check if there is any other reason the cell should be read only
             r?.readOnly?.some(
-              (H) => H === l || H === "attrib" && i.builtin
+              (E) => E === l || E === "attrib" && i.builtin
             )
           ),
-          onChange: (H) => r?.updateEntities?.(
-            { field: l, value: H, type: C, isAttrib: !0, rowId: t.id },
+          onChange: (E) => r?.updateEntities?.(
+            { field: l, value: E, type: C, isAttrib: !0, rowId: t.id },
             { selection: i.data.enum?.length ? r?.selection : void 0 }
           )
         }
@@ -932,10 +933,10 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
     }
   })), Q = c ? d.filter((i) => !(!u(i.linkType) || !u("link") || !o.includes(i.inputType) && !o.includes(i.outputType))).flatMap((i) => {
     const e = (t) => ({
-      id: ci(i, t),
+      id: yi(i, t),
       accessorKey: `links.${Z(i, t)}`,
-      header: () => /* @__PURE__ */ s.jsxs(ti, { children: [
-        gi(i, t),
+      header: () => /* @__PURE__ */ s.jsxs(ni, { children: [
+        ci(i, t),
         " ",
         /* @__PURE__ */ s.jsx(
           W,
@@ -949,11 +950,11 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
       enableResizing: !0,
       enablePinning: !0,
       enableHiding: !0,
-      cell: ({ row: n, column: a }) => {
-        const r = a.id.replace("link_", ""), { id: l, value: m } = f(n, r, "links"), S = m?.map((z) => z.label), C = {
-          links: m,
+      cell: ({ row: n, column: a, table: r }) => {
+        const l = a.id.replace("link_", ""), { id: m, value: S } = f(n, l, "links"), C = S?.map((B) => B.label), z = n.original.entityId || n.original.id, P = !!r.options.meta?.loadingLinksEntityIds?.has(z), E = {
+          links: S,
           direction: t,
-          entityId: n.original.entityId || n.original.id,
+          entityId: z,
           entityType: n.original.entityType,
           link: {
             label: i.linkType,
@@ -964,22 +965,23 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
         return /* @__PURE__ */ s.jsx(
           b,
           {
-            rowId: l,
+            rowId: m,
             className: g("links", { loading: n.original.isLoading }),
             columnId: a.id,
-            value: S,
-            valueData: C,
+            value: C,
+            valueData: E,
             folderId: n.original.folderId,
-            attributeData: { type: "links" }
+            attributeData: { type: "links" },
+            isLinksLoading: P
           }
         );
       }
     });
     return [e("in"), e("out")];
-  }) : [], D = [...y, ...J, ...Q];
-  return V && V.forEach(({ column: i, position: e = -1 }) => {
-    e >= 0 && e < D.length ? D.splice(e, 0, i) : D.push(i);
-  }), D;
+  }) : [], 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 = (o, p, d) => ({
   value: d ? o.original[d]?.[p] : o.original[p],
   id: o.id,
@@ -987,11 +989,11 @@ const ui = (o) => ["folder", "product"].includes(o), T = 50, x = (o) => (p, d, .
 });
 export {
   T as COLUMN_MIN_SIZE,
-  $a as default,
-  ci as getLinkColumnId,
+  Ga as default,
+  yi as getLinkColumnId,
   Z as getLinkKey,
-  gi as getLinkLabel,
+  ci as getLinkLabel,
   f as getValueIdType,
-  ui as isEntityExpandable
+  gi as isEntityExpandable
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map