@ynput/ayon-frontend-shared 0.2.34 → 0.2.35

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

@@ -58,6 +58,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/WebsocketContext.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -181,7 +182,7 @@ import "./widgets/GroupHeaderWidget.es.js";
 import "./widgets/ThumbnailWidget.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import { DragOverlay as oo } from "@dnd-kit/core";
-import { SortableContext as io, verticalListSortingStrategy as no, useSortable as ro } from "@dnd-kit/sortable";
+import { SortableContext as io, verticalListSortingStrategy as ro, useSortable as no } from "@dnd-kit/sortable";
 import { CSS as so } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
@@ -205,7 +206,7 @@ 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/Powerpack/RequiredAddonVersion.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -239,19 +240,19 @@ import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 const ot = (t) => {
-  const m = t.getIsPinned(), n = t.id !== A && t.id !== B ? -30 : 0;
+  const m = t.getIsPinned(), r = t.id !== A && t.id !== B ? -30 : 0;
   return {
-    left: m === "left" ? `${t.getStart("left") + n}px` : void 0,
+    left: m === "left" ? `${t.getStart("left") + r}px` : void 0,
     // Removed offset
     right: m === "right" ? `${t.getAfter("right")}px` : void 0,
     position: m ? "sticky" : "relative",
     width: t.getSize(),
     zIndex: m ? 100 : 0
   };
-}, it = (t, m) => `calc(var(--col-${m}-size) * 1px)`, B = "drag-handle", Vs = ({
+}, it = (t, m) => `calc(var(--col-${m}-size) * 1px)`, B = "drag-handle", Fs = ({
   scope: t,
   sliceId: m,
-  onScroll: n,
+  onScroll: r,
   onScrollBottom: C,
   // when the user scrolls to the bottom of the table, this callback is called
   onOpenNew: x,
@@ -259,7 +260,7 @@ const ot = (t) => {
   excludedColumns: b,
   extraColumns: w,
   isLoading: S,
-  clientSorting: r = !1,
+  clientSorting: n = !1,
   sortableRows: p = !1,
   onRowReorder: I,
   dndActiveId: i,
@@ -282,14 +283,14 @@ const ot = (t) => {
     columnOrderOnChange: j,
     groupBy: v
   } = ke(), N = !!v, {
-    projectInfo: nt,
+    projectInfo: rt,
     tableData: c,
     attribFields: h,
     entitiesMap: O,
     users: ht,
     isLoading: Gt,
     error: Kt,
-    isInitialized: rt,
+    isInitialized: nt,
     expanded: Ut,
     projectName: U,
     updateExpanded: Ct,
@@ -304,7 +305,7 @@ const ot = (t) => {
     taskTypes: Rt = [],
     tags: jt = [],
     linkTypes: Yt = []
-  } = nt || {}, q = D(
+  } = rt || {}, q = D(
     () => Ye({
       users: ht,
       statuses: wt,
@@ -321,7 +322,7 @@ const ot = (t) => {
       k && c.length > 0 ? Math.min(e, 50) : v ? Math.max(Tt.current, 50) : 50
     );
     return { loadingAttrib: d, loadingRows: l };
-  }, []), Qt = !rt || W, { readOnlyColumns: It, readOnlyAttribs: Zt } = D(
+  }, []), Qt = !nt || W, { readOnlyColumns: It, readOnlyAttribs: Zt } = D(
     () => Je(h, bt, y),
     [h, bt, y]
   ), { selectedCells: st } = ct(), { updateEntities: Pt } = Vt(), te = et(
@@ -355,8 +356,8 @@ const ot = (t) => {
     },
     [Pt, xt, st]
   ), vt = D(
-    () => rt ? h : zt,
-    [h, zt, rt]
+    () => nt ? h : zt,
+    [h, zt, nt]
   ), lt = D(() => {
     const e = Se({
       attribs: vt,
@@ -413,7 +414,7 @@ const ot = (t) => {
     enableSorting: !0,
     getSortedRowModel: ye(),
     sortDescFirst: !1,
-    manualSorting: !r,
+    manualSorting: !n,
     onSortingChange: _,
     columnResizeMode: "onChange",
     onColumnPinningChange: V,
@@ -471,9 +472,9 @@ const ot = (t) => {
   }), Et = Ve(M, P), { getRowHeight: ee, defaultRowHeight: Lt } = Ge(), oe = D(() => h.reduce((e, d) => {
     var l, s, z;
     return (s = (l = d.data) == null ? void 0 : l.enum) != null && s.length && (e[d.name] = (z = d.data) == null ? void 0 : z.enum), e;
-  }, {}), [h]), ie = D(() => c.map((e) => e.id), [c]), ne = D(() => !i || !p ? null : c.find((e) => e.id === i), [i, c, p]), re = et(
+  }, {}), [h]), ie = D(() => c.map((e) => e.id), [c]), re = D(() => !i || !p ? null : c.find((e) => e.id === i), [i, c, p]), ne = et(
     (e) => {
-      if (n == null || n(e), C) {
+      if (r == null || r(e), C) {
         const d = e.currentTarget;
         if (d && !k && !v) {
           const { scrollHeight: l, scrollTop: s, clientHeight: z } = d;
@@ -481,7 +482,7 @@ const ot = (t) => {
         }
       }
     },
-    [n, C, k, v, W]
+    [r, C, k, v, W]
   ), {
     isEntityPickerOpen: se,
     handleMoveSubmit: le,
@@ -512,7 +513,7 @@ const ot = (t) => {
           {
             ref: X,
             style: { height: "100%", padding: 0 },
-            onScroll: re,
+            onScroll: ne,
             ...g == null ? void 0 : g.container,
             className: E(
               "table-container",
@@ -588,7 +589,7 @@ const ot = (t) => {
       ]
     }
   ), ce = p && i && Bt(
-    /* @__PURE__ */ o.jsx(oo, { dropAnimation: null, children: ne ? (() => {
+    /* @__PURE__ */ o.jsx(oo, { dropAnimation: null, children: re ? (() => {
       const e = M.getRowModel().rows.find((l) => l.id === i);
       if (!e) return null;
       const d = M.getTotalSize();
@@ -650,7 +651,7 @@ const ot = (t) => {
 }, lo = ({
   columnVirtualizer: t,
   table: m,
-  virtualPaddingLeft: n,
+  virtualPaddingLeft: r,
   virtualPaddingRight: C,
   isLoading: x,
   readOnlyColumns: y,
@@ -661,7 +662,7 @@ const ot = (t) => {
   {
     columnVirtualizer: t,
     headerGroup: S,
-    virtualPaddingLeft: n,
+    virtualPaddingLeft: r,
     virtualPaddingRight: C,
     isLoading: x,
     readOnlyColumns: y,
@@ -671,7 +672,7 @@ const ot = (t) => {
 )) }), mo = ({
   columnVirtualizer: t,
   headerGroup: m,
-  virtualPaddingLeft: n,
+  virtualPaddingLeft: r,
   virtualPaddingRight: C,
   isLoading: x,
   readOnlyColumns: y,
@@ -679,26 +680,26 @@ const ot = (t) => {
 }) => {
   const w = t.getVirtualItems();
   return /* @__PURE__ */ o.jsxs(Me, { style: { display: "flex" }, children: [
-    n ? (
+    r ? (
       //fake empty column to the left for virtualization scroll padding
-      /* @__PURE__ */ o.jsx("th", { style: { display: "flex", width: n } })
+      /* @__PURE__ */ o.jsx("th", { style: { display: "flex", width: r } })
     ) : null,
     w.map((S) => {
-      const r = m.headers[S.index];
+      const n = m.headers[S.index];
       return /* @__PURE__ */ o.jsx(
         ao,
         {
-          header: r,
+          header: n,
           isLoading: x,
-          isReadOnly: y == null ? void 0 : y.includes(r.id),
-          canSort: r.column.getCanSort(),
-          canFilter: r.column.getCanFilter(),
-          canHide: r.column.getCanHide(),
-          canPin: r.column.getCanPin(),
-          canResize: r.column.getCanResize(),
+          isReadOnly: y == null ? void 0 : y.includes(n.id),
+          canSort: n.column.getCanSort(),
+          canFilter: n.column.getCanFilter(),
+          canHide: n.column.getCanHide(),
+          canPin: n.column.getCanPin(),
+          canResize: n.column.getCanResize(),
           sortableRows: b
         },
-        r.id
+        n.id
       );
     }),
     C ? (
@@ -709,7 +710,7 @@ const ot = (t) => {
 }, ao = ({
   header: t,
   isLoading: m,
-  canFilter: n,
+  canFilter: r,
   canHide: C,
   canSort: x,
   canPin: y,
@@ -717,21 +718,21 @@ const ot = (t) => {
   isReadOnly: w,
   sortableRows: S
 }) => {
-  const { column: r } = t, p = r.getIsSorted(), I = `column-header-menu-${r.id}`, { menuOpen: i } = Ae(), g = i === I;
+  const { column: n } = t, p = n.getIsSorted(), I = `column-header-menu-${n.id}`, { menuOpen: i } = Ae(), g = i === I;
   return /* @__PURE__ */ o.jsx(
     ze,
     {
       className: E(t.id, "shimmer-dark", {
         loading: m,
-        "last-pinned-left": r.getIsPinned() === "left" && r.getIsLastColumn("left"),
-        resizing: r.getIsResizing()
+        "last-pinned-left": n.getIsPinned() === "left" && n.getIsLastColumn("left"),
+        resizing: n.getIsResizing()
       }),
       style: {
-        ...ot(r),
-        width: it("", r.id)
+        ...ot(n),
+        width: it("", n.id)
       },
       children: t.isPlaceholder ? null : /* @__PURE__ */ o.jsxs(Ie, { className: E("bold", "header"), children: [
-        kt(r.columnDef.header, t.getContext()),
+        kt(n.columnDef.header, t.getContext()),
         w && /* @__PURE__ */ o.jsx(Ft, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
         /* @__PURE__ */ o.jsxs(Pe, { className: "actions", $isOpen: g, children: [
           (C || y || x) && /* @__PURE__ */ o.jsx(
@@ -742,7 +743,7 @@ const ot = (t) => {
               canHide: C,
               canPin: y,
               canSort: x,
-              isResizing: r.getIsResizing(),
+              isResizing: n.getIsResizing(),
               menuId: I,
               isOpen: g
             }
@@ -755,19 +756,19 @@ const ot = (t) => {
               style: {
                 transform: p === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
-              onClick: r.getToggleSortingHandler(),
-              selected: !!r.getIsSorted()
+              onClick: n.getToggleSortingHandler(),
+              selected: !!n.getIsSorted()
             }
           )
         ] }),
         b && /* @__PURE__ */ o.jsx(
           ve,
           {
-            onDoubleClick: () => r.resetSize(),
+            onDoubleClick: () => n.resetSize(),
             onMouseDown: t.getResizeHandler(),
             onTouchStart: t.getResizeHandler(),
             className: E("resize-handle", {
-              resizing: r.getIsResizing()
+              resizing: n.getIsResizing()
             })
           }
         )
@@ -778,14 +779,14 @@ const ot = (t) => {
 }, po = ({
   columnVirtualizer: t,
   table: m,
-  tableContainerRef: n,
+  tableContainerRef: r,
   showHierarchy: C,
   virtualPaddingLeft: x,
   virtualPaddingRight: y,
   attribs: b,
   onOpenNew: w,
   rowOrderIds: S,
-  sortableRows: r,
+  sortableRows: n,
   error: p,
   isGrouping: I,
   getRowHeight: i,
@@ -800,7 +801,7 @@ const ot = (t) => {
       const L = P[a];
       return L ? i(L.original) : g;
     },
-    getScrollElement: () => n.current,
+    getScrollElement: () => r.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (a) => a == null ? void 0 : a.getBoundingClientRect().height : void 0,
     overscan: 5
@@ -844,7 +845,7 @@ const ot = (t) => {
             rowRef: _,
             dataIndex: a.index,
             offsetTop: a.start,
-            sortableRows: r,
+            sortableRows: n,
             isGrouping: I,
             rowHeight: i(j.original)
           },
@@ -853,25 +854,25 @@ const ot = (t) => {
       })
     }
   );
-  return p ? n.current && Bt(
+  return p ? r.current && Bt(
     /* @__PURE__ */ o.jsx(Ne, { message: "No items found", error: p }),
-    n.current
-  ) : r ? /* @__PURE__ */ o.jsx(io, { items: S, strategy: no, children: V }) : V;
+    r.current
+  ) : n ? /* @__PURE__ */ o.jsx(io, { items: S, strategy: ro, children: V }) : V;
 }, uo = ({
   row: t,
   showHierarchy: m,
-  visibleCells: n,
+  visibleCells: r,
   virtualColumns: C,
   paddingLeft: x,
   paddingRight: y,
   rowRef: b,
   dataIndex: w,
   offsetTop: S,
-  sortableRows: r,
+  sortableRows: n,
   isGrouping: p = !1,
   rowHeight: I
 }) => {
-  const i = r ? ro({ id: t.id }) : null, g = et(
+  const i = n ? no({ id: t.id }) : null, g = et(
     (T) => {
       i && i.setNodeRef(T), i && i.isDragging || b(T);
     },
@@ -910,7 +911,7 @@ const ot = (t) => {
           /* @__PURE__ */ o.jsx("td", { style: { display: "flex", width: x } })
         ) : null,
         C.map((T, R) => {
-          const f = n[T.index];
+          const f = r[T.index];
           if (!f) return null;
           const P = ft(t.id, f.column.id);
           return f.column.id === B ? /* @__PURE__ */ o.jsx(
@@ -951,7 +952,7 @@ const ot = (t) => {
               cellId: P,
               rowId: t.id,
               showHierarchy: m,
-              sortableRows: r,
+              sortableRows: n,
               rowHeight: I
             },
             f.id + R.toString()
@@ -967,14 +968,14 @@ const ot = (t) => {
 }, co = ({
   cell: t,
   rowId: m,
-  cellId: n,
+  cellId: r,
   className: C,
   showHierarchy: x,
   sortableRows: y,
   rowHeight: b,
   ...w
 }) => {
-  const { getEntityById: S, onOpenPlayer: r } = $t(), {
+  const { getEntityById: S, onOpenPlayer: n } = $t(), {
     isCellSelected: p,
     isCellFocused: I,
     startSelection: i,
@@ -985,7 +986,7 @@ const ot = (t) => {
     getCellBorderClasses: f,
     clearSelection: P,
     selectedCells: u
-  } = ct(), { isRowSelected: $ } = He(), { isEditing: _, setEditingCellId: V } = Vt(), a = f(n), j = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), v = t.column.id === A, N = t.row.original.entityType === "group", nt = u.size > 1;
+  } = ct(), { isRowSelected: $ } = He(), { isEditing: _, setEditingCellId: V } = Vt(), a = f(r), j = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), v = t.column.id === A, N = t.row.original.entityType === "group", rt = u.size > 1;
   return /* @__PURE__ */ o.jsx(
     gt,
     {
@@ -995,13 +996,13 @@ const ot = (t) => {
       className: E(
         t.column.id,
         {
-          selected: p(n),
-          focused: I(n),
-          editing: _(n),
+          selected: p(r),
+          focused: I(r),
+          editing: _(r),
           "last-pinned-left": j,
           "selected-row": $(m),
           task: t.row.original.entityType === "task",
-          "multiple-selected": nt
+          "multiple-selected": rt
         },
         C,
         ...a
@@ -1016,19 +1017,19 @@ const ot = (t) => {
         const h = c.target;
         if (h.closest(".expander")) return;
         if (h.closest("." + eo)) {
-          p(n) || (T(n, !1, !1), R(n)), V(n);
+          p(r) || (T(r, !1, !1), R(r)), V(r);
           return;
         }
         if (h.closest(".options")) return;
         if (N && t.column.id !== "name") return P();
         const O = c.metaKey || c.ctrlKey || v;
-        c.shiftKey ? T(n, O, !0) : i(n, O);
+        c.shiftKey ? T(r, O, !0) : i(r, O);
       },
       onMouseOver: (c) => {
-        c.buttons === 1 && g(n, v);
+        c.buttons === 1 && g(r, v);
       },
       onMouseUp: () => {
-        H(n);
+        H(r);
       },
       onDoubleClick: (c) => {
         if (t.column.id === "name" && !c.target.closest(".expander") && !N) {
@@ -1038,16 +1039,16 @@ const ot = (t) => {
             T(h, O, !1);
           }
         }
-        if (t.column.id === "thumbnail" && r) {
+        if (t.column.id === "thumbnail" && n) {
           const h = S(t.row.original.entityId || t.row.id);
           if (h) {
             const O = Ze(h);
-            r(O, { quickView: !0 });
+            n(O, { quickView: !0 });
           }
         }
       },
       onContextMenu: (c) => {
-        c.preventDefault(), p(n) || T(n, !1, !1);
+        c.preventDefault(), p(r) || T(r, !1, !1);
       },
       children: kt(t.column.columnDef.cell, t.getContext())
     }
@@ -1055,6 +1056,6 @@ const ot = (t) => {
 }, _t = ge(co);
 export {
   B as DRAG_HANDLE_COLUMN_ID,
-  Vs as ProjectTreeTable
+  Fs as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map