@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -1,5 +1,5 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { memo as ue, useMemo as v, useRef as Nt, useCallback as Z, useEffect as pt } from "react";
+import { memo as ue, useMemo as v, useRef as Nt, useCallback as Z, useEffect as dt } from "react";
 import { useVirtualizer as ce } from "@tanstack/react-virtual";
 import { flexRender as Ot, useReactTable as ge, filterFns as fe, getSortedRowModel as he, getExpandedRowModel as Ce, getFilteredRowModel as ye, getCoreRowModel as xe } from "@tanstack/react-table";
 import D from "clsx";
@@ -135,6 +135,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";
@@ -189,13 +190,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";
@@ -208,9 +211,8 @@ import "../../components/Feedback/FeedbackContext.es.js";
 import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/Chips/Chips.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
-import "../../components/DetailsMetaData/DetailsMetaData.es.js";
-import "../../components/AccessUser/AccessUser.es.js";
-import "../../components/LinksManager/LinksManagerDialog.es.js";
+import "../../components/StyledLink/StyledLink.es.js";
+import "../../components/LinksManager/CellEditingDialog.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
@@ -235,7 +237,7 @@ const tt = (t) => {
     width: t.getSize(),
     zIndex: a ? 100 : 0
   };
-}, et = (t, a) => `calc(var(--col-${a}-size) * 1px)`, $ = "drag-handle", Rs = ({
+}, et = (t, a) => `calc(var(--col-${a}-size) * 1px)`, $ = "drag-handle", Ts = ({
   scope: t,
   sliceId: a,
   onScroll: n,
@@ -247,7 +249,7 @@ const tt = (t) => {
   extraColumns: S,
   isLoading: R,
   clientSorting: i = !1,
-  sortableRows: p = !1,
+  sortableRows: d = !1,
   onRowReorder: s,
   dndActiveId: j,
   // Destructure new prop
@@ -303,34 +305,34 @@ const tt = (t) => {
     [ft, bt, wt, St, Ct, Rt]
   ), q = Nt(null), jt = Nt(0), { registerGrid: Tt } = ut(), { loadingAttrib: Mt, loadingRows: Yt } = v(() => {
     var r;
-    const e = ((r = q.current) == null ? void 0 : r.querySelectorAll("tbody tr").length) || 0, d = Ke(), l = Ue(
+    const e = ((r = q.current) == null ? void 0 : r.querySelectorAll("tbody tr").length) || 0, p = Ke(), l = Ue(
       w,
       O && C.length > 0 ? Math.min(e, 50) : N ? Math.max(jt.current, 50) : 50
     );
-    return { loadingAttrib: d, loadingRows: l };
+    return { loadingAttrib: p, loadingRows: l };
   }, []), Jt = !it || U, { readOnlyColumns: zt, readOnlyAttribs: Qt } = v(
     () => qe(w, xt, g),
     [w, xt, g]
   ), { selectedCells: nt } = ut(), { updateEntities: It } = kt(), Zt = Z(
-    async (e, d) => {
-      const { selection: l = [] } = d || {}, r = [];
+    async (e, p) => {
+      const { selection: l = [] } = p || {}, r = [];
       if (!(l != null && l.length))
         r.push({ ...e, id: e.rowId });
       else {
         const { field: z, value: lt, isAttrib: mt, type: at } = e;
         for (const J of nt) {
-          const { colId: B, rowId: Q } = Xe(J) || {}, dt = yt(Q || "");
-          if (!dt) {
+          const { colId: B, rowId: Q } = Xe(J) || {}, pt = yt(Q || "");
+          if (!pt) {
             console.warn(`Entity with ID ${Q} not found for cell update.`);
             continue;
           }
           (!(B != null && B.includes("attrib_")) || (B == null ? void 0 : B.replace("attrib_", "")) === z) && Q && r.push({
             field: z,
             rowId: Q,
-            id: dt.entityId,
+            id: pt.entityId,
             value: lt,
             isAttrib: mt,
-            type: dt.entityType
+            type: pt.entityType
           });
         }
       }
@@ -354,7 +356,7 @@ const tt = (t) => {
       excluded: x,
       groupBy: N
     });
-    return p ? [
+    return d ? [
       {
         id: $,
         header: () => null,
@@ -371,9 +373,9 @@ const tt = (t) => {
       },
       ...e
     ] : e;
-  }, [Pt, O, W, S, x, p]);
-  pt(() => {
-    const e = rt.map((d) => d.id).filter(Boolean);
+  }, [Pt, O, W, S, x, d]);
+  dt(() => {
+    const e = rt.map((p) => p.id).filter(Boolean);
     k(e);
   }, [rt, k]);
   const M = ge({
@@ -397,7 +399,10 @@ const tt = (t) => {
     // EXPANDABLE
     onExpandedChange: ht,
     // SORTING
-    getSortedRowModel: i ? he() : void 0,
+    enableSorting: !0,
+    getSortedRowModel: he(),
+    sortDescFirst: !1,
+    manualSorting: !i,
     onSortingChange: u,
     columnResizeMode: "onChange",
     onColumnPinningChange: V,
@@ -411,11 +416,11 @@ const tt = (t) => {
       sorting: A,
       columnPinning: (() => {
         const e = [];
-        p && e.push($), e.push(H);
-        const d = (m.left || []).filter(
+        d && e.push($), e.push(H);
+        const p = (m.left || []).filter(
           (r) => r !== $ && r !== H
         );
-        return e.push(...d), {
+        return e.push(...p), {
           left: [...new Set(e)],
           right: m.right
         };
@@ -424,7 +429,6 @@ const tt = (t) => {
       columnVisibility: E,
       columnOrder: I
     },
-    enableSorting: !0,
     meta: {
       projectName: K,
       options: W,
@@ -435,9 +439,9 @@ const tt = (t) => {
       selection: Array.from(nt)
     }
   }), { rows: _ } = M.getRowModel();
-  pt(() => {
+  dt(() => {
     jt.current = _.length;
-  }, [_.length]), pt(() => {
+  }, [_.length]), dt(() => {
     if (!_.length) return;
     const e = _.map((r) => r.id), l = [...M.getAllLeafColumns().map((r) => r.id)].sort((r, z) => {
       var at, J;
@@ -453,15 +457,15 @@ const tt = (t) => {
     columnPinning: m,
     columnSizing: h,
     columnOrder: I
-  }), Dt = ke(M, h), te = v(() => w.reduce((e, d) => {
+  }), Dt = ke(M, h), te = v(() => w.reduce((e, p) => {
     var l, r, z;
-    return (r = (l = d.data) == null ? void 0 : l.enum) != null && r.length && (e[d.name] = (z = d.data) == null ? void 0 : z.enum), e;
-  }, {}), [w]), ee = v(() => C.map((e) => e.id), [C]), oe = v(() => !j || !p ? null : C.find((e) => e.id === j), [j, C, p]), ie = Z(
+    return (r = (l = p.data) == null ? void 0 : l.enum) != null && r.length && (e[p.name] = (z = p.data) == null ? void 0 : z.enum), e;
+  }, {}), [w]), ee = v(() => C.map((e) => e.id), [C]), oe = v(() => !j || !d ? null : C.find((e) => e.id === j), [j, C, d]), ie = Z(
     (e) => {
       if (n == null || n(e), c) {
-        const d = e.currentTarget;
-        if (d && !O && !N) {
-          const { scrollHeight: l, scrollTop: r, clientHeight: z } = d;
+        const p = e.currentTarget;
+        if (p && !O && !N) {
+          const { scrollHeight: l, scrollTop: r, clientHeight: z } = p;
           l - r - z < 500 && !U && c(e);
         }
       }
@@ -477,12 +481,12 @@ const tt = (t) => {
     getDisabledMessage: ae
   } = _e({
     projectName: qt || K || ""
-  }), de = (e) => {
+  }), pe = (e) => {
     re(e);
-    const d = e[0];
-    ht((l) => typeof l == "boolean" ? l || { [d]: !0 } : l[d] ? l : {
+    const p = e[0];
+    ht((l) => typeof l == "boolean" ? l || { [p]: !0 } : l[p] ? l : {
       ...l,
-      [d]: !0
+      [p]: !0
     });
   }, Et = /* @__PURE__ */ o.jsxs(
     Le,
@@ -527,7 +531,7 @@ const tt = (t) => {
                       virtualPaddingRight: Y,
                       isLoading: U,
                       readOnlyColumns: zt,
-                      sortableRows: p,
+                      sortableRows: d,
                       ...f == null ? void 0 : f.head
                     }
                   ),
@@ -543,7 +547,7 @@ const tt = (t) => {
                       attribs: w,
                       onOpenNew: y,
                       rowOrderIds: ee,
-                      sortableRows: p,
+                      sortableRows: d,
                       error: Gt,
                       isGrouping: ot
                     }
@@ -558,7 +562,7 @@ const tt = (t) => {
           {
             projectName: K,
             entityType: "folder",
-            onSubmit: de,
+            onSubmit: pe,
             onClose: se,
             showMoveToRoot: G.entities.every(
               (e) => e.entityType === "folder"
@@ -570,16 +574,16 @@ const tt = (t) => {
         )
       ]
     }
-  ), pe = p && j && Vt(
+  ), de = d && j && Vt(
     /* @__PURE__ */ o.jsx(Ze, { dropAnimation: null, children: oe ? (() => {
       const e = M.getRowModel().rows.find((l) => l.id === j);
       if (!e) return null;
-      const d = M.getTotalSize();
+      const p = M.getTotalSize();
       return /* @__PURE__ */ o.jsx(
         "table",
         {
           style: {
-            width: d,
+            width: p,
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
@@ -626,9 +630,9 @@ const tt = (t) => {
     })() : null }),
     document.body
   );
-  return p ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  return d ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     Et,
-    pe
+    de
   ] }) : Et;
 }, no = ({
   columnVirtualizer: t,
@@ -700,7 +704,7 @@ const tt = (t) => {
   isReadOnly: S,
   sortableRows: R
 }) => {
-  const { column: i } = t, p = i.getIsSorted(), s = `column-header-menu-${i.id}`, { menuOpen: j } = He(), f = j === s;
+  const { column: i } = t, d = i.getIsSorted(), s = `column-header-menu-${i.id}`, { menuOpen: j } = He(), f = j === s;
   return /* @__PURE__ */ o.jsx(
     Te,
     {
@@ -734,9 +738,9 @@ const tt = (t) => {
             Pe,
             {
               icon: "sort",
-              className: D("sort-button", { visible: p }),
+              className: D("sort-button", { visible: d }),
               style: {
-                transform: p === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
+                transform: d === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
               onClick: i.getToggleSortingHandler(),
               selected: !!i.getIsSorted()
@@ -769,7 +773,7 @@ const tt = (t) => {
   onOpenNew: S,
   rowOrderIds: R,
   sortableRows: i,
-  error: p,
+  error: d,
   isGrouping: s
 }) => {
   const j = v(() => a.getAllColumns().map((P) => {
@@ -824,8 +828,8 @@ const tt = (t) => {
       })
     }
   );
-  return p ? n.current && Vt(
-    /* @__PURE__ */ o.jsx(Ee, { message: "No items found", error: p }),
+  return d ? n.current && Vt(
+    /* @__PURE__ */ o.jsx(Ee, { message: "No items found", error: d }),
     n.current
   ) : i ? /* @__PURE__ */ o.jsx(to, { items: R, strategy: eo, children: A }) : A;
 }, mo = ({
@@ -839,7 +843,7 @@ const tt = (t) => {
   dataIndex: S,
   offsetTop: R,
   sortableRows: i,
-  isGrouping: p = !1
+  isGrouping: d = !1
 }) => {
   const s = i ? oo({ id: t.id }) : null, j = Z(
     (T) => {
@@ -892,7 +896,9 @@ const tt = (t) => {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: 40
+                height: 40,
+                pointerEvents: "all",
+                cursor: "grab"
               },
               className: D(m.column.id, {
                 "last-pinned-left": m.column.getIsPinned() === "left" && m.column.getIsLastColumn("left")
@@ -942,7 +948,7 @@ const tt = (t) => {
 }) => {
   const { getEntityById: S, onOpenPlayer: R } = Ft(), {
     isCellSelected: i,
-    isCellFocused: p,
+    isCellFocused: d,
     startSelection: s,
     extendSelection: j,
     endSelection: f,
@@ -962,7 +968,7 @@ const tt = (t) => {
         t.column.id,
         {
           selected: i(n),
-          focused: p(n),
+          focused: d(n),
           editing: A(n),
           "last-pinned-left": F,
           "selected-row": k(a),
@@ -1021,6 +1027,6 @@ const tt = (t) => {
 }, Bt = ue(ao);
 export {
   $ as DRAG_HANDLE_COLUMN_ID,
-  Rs as ProjectTreeTable
+  Ts as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map