@ynput/ayon-frontend-shared 0.3.19 → 0.3.21

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

@@ -3,20 +3,21 @@ import { sortingFns as j } from "@tanstack/react-table";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
+import "./widgets/EnumCellValue.es.js";
 import "./widgets/TextWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
 import { CellWidget as b } from "./widgets/CellWidget.es.js";
-import { EntityNameWidget as J } from "./widgets/EntityNameWidget.es.js";
-import { GroupHeaderWidget as Q } from "./widgets/GroupHeaderWidget.es.js";
-import { ThumbnailWidget as w } from "./widgets/ThumbnailWidget.es.js";
+import { EntityNameWidget as Q } from "./widgets/EntityNameWidget.es.js";
+import { GroupHeaderWidget as w } from "./widgets/GroupHeaderWidget.es.js";
+import { ThumbnailWidget as ii } from "./widgets/ThumbnailWidget.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "react";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import { Icon as $ } from "@ynput/ayon-react-components";
+import { Icon as W } from "@ynput/ayon-react-components";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import c from "clsx";
-import { upperFirst as ii } from "lodash";
+import { upperFirst as ei } from "lodash";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
 import "react-dom";
 import "@dnd-kit/core";
@@ -109,6 +110,7 @@ import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
+import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -122,7 +124,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 { getEntityTypeIcon as W } from "../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as G } from "../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
@@ -136,7 +138,9 @@ import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.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 "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
@@ -175,6 +179,7 @@ import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../Feed/components/ActivityDate.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "rehype-raw";
 import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -185,18 +190,19 @@ import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "@tanstack/react-virtual";
 import { getCellId as H, getCellValue as P } from "./utils/cellUtils.es.js";
-import { TableCellContent as _, LinkColumnHeader as ei } from "./ProjectTreeTable.styled.es.js";
-import { SelectionCell as ti } from "./components/SelectionCell.es.js";
-import ni from "./components/RowSelectionHeader.es.js";
-import { ROW_SELECTION_COLUMN_ID as G } from "./context/SelectionCellsContext.es.js";
-import { useCellEditing as ri } from "./context/CellEditingContext.es.js";
+import { TableCellContent as _, 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 { ROW_SELECTION_COLUMN_ID as U } from "./context/SelectionCellsContext.es.js";
+import { useCellEditing as ai } from "./context/CellEditingContext.es.js";
+import "../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
-import { isEntityRestricted as F, READ_ONLY as ai } from "./utils/restrictedEntity.es.js";
+import { isEntityRestricted as F, READ_ONLY as oi } from "./utils/restrictedEntity.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/ProjectTableContext.es.js";
 import "./context/ClipboardContext.es.js";
-import { useColumnSettingsContext as oi } from "./context/ColumnSettingsContext.es.js";
-import { NEXT_PAGE_ID as h, parseGroupId as li } from "./hooks/useBuildGroupByTableData.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 "./context/SelectedRowsContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "./context/ProjectDataContext.es.js";
@@ -205,8 +211,8 @@ import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
-import si from "./widgets/LoadMoreWidget.es.js";
-import { getColumnDisplayConfig as pi } from "./types/columnConfig.es.js";
+import pi from "./widgets/LoadMoreWidget.es.js";
+import { getColumnDisplayConfig as di } from "./types/columnConfig.es.js";
 import "./components/HeaderActionButton.es.js";
 import "./components/ColumnHeaderMenu.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
@@ -248,12 +254,10 @@ 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/filterDates.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/SortingSetting/SortingSetting.styled.es.js";
 import "../../components/StyledLink/StyledLink.es.js";
 import "../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../components/Thumbnail/Thumbnail.styled.es.js";
@@ -267,46 +271,47 @@ import "../../components/Menu/MenuItem.es.js";
 import "../../components/ReviewablesSelector/ReviewablesSelector.styled.es.js";
 import "./widgets/EmptyWidget.es.js";
 import "./widgets/ErrorWidget.es.js";
-import { MetaWidget as di } from "./widgets/MetaWidget.es.js";
-const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, ...u) => p.original.isLoading !== m.original.isLoading ? p.original.isLoading ? 1 : -1 : a(p, m, ...u), B = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (a) => (p, m, ...u) => {
+import { MetaWidget as mi } from "./widgets/MetaWidget.es.js";
+const ui = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, ...u) => p.original.isLoading !== m.original.isLoading ? p.original.isLoading ? 1 : -1 : a(p, m, ...u), X = new Intl.Collator(void 0, { numeric: !0, sensitivity: "base" }), O = (a) => (p, m, ...u) => {
   const I = a(p, m, ...u);
   if (I !== 0) return I;
-  const R = p.original.label || p.original.name || "", L = m.original.label || m.original.name || "";
-  return B.compare(R, L);
+  const L = p.original.label || p.original.name || "", R = m.original.label || m.original.name || "";
+  return X.compare(L, R);
 }, N = (a, p) => {
   const m = a.original.label || a.original.path || a.original.name || "", u = p.original.label || p.original.path || p.original.name || "";
-  return B.compare(m, u);
-}, U = (a, p, m) => {
-  const u = P(a.original, m), I = P(p.original, m), R = Array.isArray(u) ? u.length : u ? String(u).length : 0, L = Array.isArray(I) ? I.length : I ? String(I).length : 0;
-  return R - L;
+  return X.compare(m, u);
+}, B = (a, p, m) => {
+  const u = P(a.original, m), I = P(p.original, m), L = Array.isArray(u) ? u.length : u ? String(u).length : 0, R = Array.isArray(I) ? I.length : I ? String(I).length : 0;
+  return L - R;
 }, K = (a, p, m, u) => {
-  const I = P(a.original, m), R = P(p.original, m);
+  const I = P(a.original, m), L = P(p.original, m);
   if (u && u.enum) {
-    const L = u.enum.findIndex((z) => z.value === I), A = u.enum.findIndex((z) => z.value === R);
-    return L - A;
-  } else return u?.type === "datetime" ? j.datetime(a, p, m) : u?.type === "boolean" ? (I === !0 ? 1 : 0) - (R === !0 ? 1 : 0) : j.alphanumeric(a, p, m);
-}, ui = (a, p) => `${a.linkType.charAt(0).toUpperCase() + a.linkType.slice(1)} (${p})`, X = (a, p) => `${a.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, gi = (a, p) => `link_${X(a, p)}`, ya = ({
+    const R = u.enum.findIndex((E) => E.value === I), A = u.enum.findIndex((E) => E.value === L);
+    return R - A;
+  } else return u?.type === "datetime" ? j.datetime(a, p, m) : u?.type === "boolean" ? (I === !0 ? 1 : 0) - (L === !0 ? 1 : 0) : j.alphanumeric(a, p, m);
+}, gi = (a, p) => `${a.linkType.charAt(0).toUpperCase() + a.linkType.slice(1)} (${p})`, Y = (a, p) => `${a.name.replaceAll("_", "").replaceAll("-", "").replaceAll("|", "_")}_${p}`, ci = (a, p) => `link_${Y(a, p)}`, Ia = ({
   scopes: a,
   attribs: p,
   links: m = [],
   includeLinks: u = !0,
   showHierarchy: I,
+  isFlatFolderView: L,
   options: R,
-  excluded: L,
-  excludedSorting: A,
-  extraColumns: z,
-  groupBy: M,
-  nameLabel: Y = "Entity"
+  excluded: A,
+  excludedSorting: E,
+  extraColumns: M,
+  groupBy: V,
+  nameLabel: Z = "Entity"
 }) => {
-  const y = [], g = (i) => !L?.includes(i), v = (i) => !A?.includes(i);
-  g(G) && y.push({
-    id: G,
+  const y = [], g = (i) => !A?.includes(i), v = (i) => !E?.includes(i);
+  g(U) && y.push({
+    id: U,
     enableResizing: !1,
     enableSorting: !1,
     enablePinning: !1,
     enableHiding: !1,
-    header: () => /* @__PURE__ */ s.jsx(ni, {}),
-    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ti, {}),
+    header: () => /* @__PURE__ */ s.jsx(ri, {}),
+    cell: ({ row: i }) => i.original.entityType === "group" || i.original.metaType ? null : /* @__PURE__ */ s.jsx(ni, {}),
     size: 20
   }), g("thumbnail") && y.push({
     id: "thumbnail",
@@ -326,7 +331,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
         updatedAt: i.original.updatedAt
       };
       return i.original.thumbnail && (r = i.original.thumbnail), /* @__PURE__ */ s.jsx(
-        w,
+        ii,
         {
           id: l,
           entityId: r.entityId,
@@ -344,15 +349,15 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
   }), g("name") && y.push({
     id: "name",
     accessorKey: "name",
-    header: Y,
+    header: Z,
     minSize: T,
     sortingFn: x(N),
-    enableSorting: M ? !1 : v("name"),
+    enableSorting: V ? !1 : v("name"),
     enableResizing: !0,
     enablePinning: !0,
-    enableHiding: !M,
+    enableHiding: !V,
     cell: ({ row: i, column: e, table: t }) => {
-      const { value: n, id: l, type: r } = f(i, e.id), o = t.options.meta, { isEditing: d } = ri(), { rowHeight: S = 40 } = oi(), C = H(i.id, e.id);
+      const { value: n, id: l, type: r } = f(i, e.id), o = t.options.meta, { isEditing: d } = ai(), { rowHeight: S = 40 } = li(), C = H(i.id, e.id);
       if (i.original.metaType)
         return /* @__PURE__ */ s.jsx(
           _,
@@ -364,18 +369,18 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
               pointerEvents: "none"
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ s.jsx(di, { metaType: i.original.metaType, label: i.original.label })
+            children: /* @__PURE__ */ s.jsx(mi, { metaType: i.original.metaType, label: i.original.label })
           }
         );
       if (i.original.entityType === h && i.original.group)
         return /* @__PURE__ */ s.jsx(
-          si,
+          pi,
           {
             id: i.original.group.value,
-            onLoadMore: (V) => o?.loadMoreRows?.(V)
+            onLoadMore: ($) => o?.loadMoreRows?.($)
           }
         );
-      const E = i.getCanExpand() && !!i.originalSubRows && (mi(i.original.entityType) || !!i.original.group);
+      const z = i.getCanExpand() && !!i.originalSubRows && (ui(i.original.entityType) || !!i.original.group);
       return /* @__PURE__ */ s.jsxs(
         _,
         {
@@ -385,12 +390,12 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
             hierarchy: I
           }),
           style: {
-            paddingLeft: `calc(${i.depth * 1}rem + ${E || !i.getCanExpand() ? 0 : 32}px + 8px)`
+            paddingLeft: `calc(${i.depth * 1}rem + ${z || !i.getCanExpand() ? 0 : 32}px + 8px)`
           },
           tabIndex: 0,
           children: [
             i.original.group ? /* @__PURE__ */ s.jsx(
-              Q,
+              w,
               {
                 id: i.id,
                 label: i.original.group.label,
@@ -404,20 +409,20 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
                 toggleExpanded: i.getToggleExpandedHandler()
               }
             ) : /* @__PURE__ */ s.jsx(
-              J,
+              Q,
               {
                 id: i.id,
                 label: i.original.label,
                 name: i.original.name,
-                path: I ? void 0 : "/" + i.original.parents?.join("/"),
+                path: !I && !L ? "/" + i.original.parents?.join("/") : void 0,
                 entityType: i.original.entityType,
                 subType: i.original.subType,
-                isExpandable: E,
+                isExpandable: z,
                 isExpanded: i.getIsExpanded(),
                 toggleExpandAll: () => o?.toggleExpandAll?.([i.id]),
                 toggleExpanded: i.getToggleExpandedHandler(),
                 rowHeight: S,
-                columnDisplayConfig: pi(o?.columnsConfig, "name")
+                columnDisplayConfig: di(o?.columnsConfig, "name")
               }
             ),
             d(C) && /* @__PURE__ */ s.jsx(
@@ -511,12 +516,12 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
         _,
         {
           id: o,
-          className: c("entityType", ai, r, { loading: i.original.isLoading }),
+          className: c("entityType", oi, r, { loading: i.original.isLoading }),
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ s.jsx($, { icon: W(r) }),
+            /* @__PURE__ */ s.jsx(W, { icon: G(r) }),
             " ",
-            ii(n)
+            ei(n)
           ]
         }
       );
@@ -574,7 +579,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(U)),
+    sortingFn: x(O(B)),
     cell: ({ row: i, column: e, table: t }) => {
       const n = t.options.meta, { value: l, id: r, type: o } = f(i, e.id);
       return ["group", h].includes(o) || i.original.metaType ? null : o === "folder" ? /* @__PURE__ */ s.jsx(
@@ -722,7 +727,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
     enableResizing: !0,
     enablePinning: !0,
     enableHiding: !0,
-    sortingFn: x(O(U)),
+    sortingFn: x(O(B)),
     cell: ({ row: i, column: e, table: t }) => {
       const n = t.options.meta, { value: l, id: r, type: o } = f(i, e.id);
       return ["group", h].includes(o) || i.original.metaType ? null : /* @__PURE__ */ s.jsx(
@@ -810,7 +815,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
       if (["group", h].includes(o) || i.original.metaType) return null;
       if (o !== "task") return /* @__PURE__ */ s.jsx("div", { className: "readonly" });
       const d = {
-        taskId: li(i.id) || i.original.entityId || i.original.id,
+        taskId: si(i.id) || i.original.entityId || i.original.id,
         subtasks: l || []
       };
       return /* @__PURE__ */ s.jsx(
@@ -827,7 +832,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
       );
     }
   });
-  const Z = p.filter((i) => {
+  const q = p.filter((i) => {
     if (i.scope && !i.scope.some((t) => a.includes(t))) return !1;
     const e = "attrib_" + i.name;
     return !(!g(e) || i.builtin && !g("attrib"));
@@ -843,7 +848,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
     enablePinning: !0,
     enableHiding: !0,
     cell: ({ row: t, column: n, table: l }) => {
-      const r = l.options.meta, o = n.id.replace("attrib_", ""), { value: d, id: S, type: C } = f(t, o, "attrib"), E = !t.original.ownAttrib?.includes(o);
+      const r = l.options.meta, o = n.id.replace("attrib_", ""), { value: d, id: S, type: C } = f(t, o, "attrib"), z = !t.original.ownAttrib?.includes(o);
       return ["group", h].includes(C) || t.original.metaType || !i.scope?.includes(C) && d == null ? null : /* @__PURE__ */ s.jsx(
         b,
         {
@@ -854,7 +859,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
           attributeData: { type: i.data.type || "string" },
           options: i.data.enum || [],
           isCollapsed: !!t.original.childOnlyMatch,
-          isInherited: E,
+          isInherited: z,
           isReadOnly: (
             // check attrib is not read only
             i.readOnly || // check if there is any other reason the cell should be read only
@@ -869,17 +874,17 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
         }
       );
     }
-  })), q = u ? m.filter((i) => !(!g(i.linkType) || !g("link") || !a.includes(i.inputType) && !a.includes(i.outputType))).flatMap((i) => {
+  })), J = u ? m.filter((i) => !(!g(i.linkType) || !g("link") || !a.includes(i.inputType) && !a.includes(i.outputType))).flatMap((i) => {
     const e = (t) => ({
-      id: gi(i, t),
-      accessorKey: `links.${X(i, t)}`,
-      header: () => /* @__PURE__ */ s.jsxs(ei, { children: [
-        ui(i, t),
+      id: ci(i, t),
+      accessorKey: `links.${Y(i, t)}`,
+      header: () => /* @__PURE__ */ s.jsxs(ti, { children: [
+        gi(i, t),
         " ",
         /* @__PURE__ */ s.jsx(
-          $,
+          W,
           {
-            icon: W(t === "in" ? i.inputType : i.outputType)
+            icon: G(t === "in" ? i.inputType : i.outputType)
           }
         )
       ] }),
@@ -889,7 +894,7 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
       enablePinning: !0,
       enableHiding: !0,
       cell: ({ row: n, column: l }) => {
-        const r = l.id.replace("link_", ""), { id: o, value: d } = f(n, r, "links"), S = d?.map((E) => E.label), C = {
+        const r = l.id.replace("link_", ""), { id: o, value: d } = f(n, r, "links"), S = d?.map((z) => z.label), C = {
           links: d,
           direction: t,
           entityId: n.original.entityId || n.original.id,
@@ -915,8 +920,8 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
       }
     });
     return [e("in"), e("out")];
-  }) : [], k = [...y, ...Z, ...q];
-  return z && z.forEach(({ column: i, position: e = -1 }) => {
+  }) : [], k = [...y, ...q, ...J];
+  return M && M.forEach(({ column: i, position: e = -1 }) => {
     e >= 0 && e < k.length ? k.splice(e, 0, i) : k.push(i);
   }), k;
 }, f = (a, p, m) => ({
@@ -926,11 +931,11 @@ const mi = (a) => ["folder", "product"].includes(a), T = 50, x = (a) => (p, m, .
 });
 export {
   T as COLUMN_MIN_SIZE,
-  ya as default,
-  gi as getLinkColumnId,
-  X as getLinkKey,
-  ui as getLinkLabel,
+  Ia as default,
+  ci as getLinkColumnId,
+  Y as getLinkKey,
+  gi as getLinkLabel,
   f as getValueIdType,
-  mi as isEntityExpandable
+  ui as isEntityExpandable
 };
 //# sourceMappingURL=buildTreeTableColumns.es.js.map