@ynput/ayon-frontend-shared 0.4.0 → 0.4.1

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

@@ -1,7 +1,7 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
 import { useMemo as D, useRef as ut, useCallback as bt, useEffect as ct } from "react";
 import { useVirtualizer as go } from "@tanstack/react-virtual";
-import { useReactTable as fo, filterFns as ho, getSortedRowModel as yo, getExpandedRowModel as Co, getFilteredRowModel as xo, getCoreRowModel as bo, flexRender as Ht } from "@tanstack/react-table";
+import { useReactTable as fo, filterFns as ho, getSortedRowModel as Co, getExpandedRowModel as yo, getFilteredRowModel as xo, getCoreRowModel as bo, flexRender as Ht } from "@tanstack/react-table";
 import V from "clsx";
 import wo, { isEntityExpandable as So } from "./buildTreeTableColumns.es.js";
 import { TableWrapper as jo, TableContainer as Ro, SoftErrorBanner as vo, TR as ge, TD as At, TableHeader as Io, ColumnDividers as Eo, AnimatedEmptyPlaceholder as ae, HeaderCell as fe, TableCellContent as he, ColumnHeader as To, HeaderButtons as Do, ResizedHandler as Mo } from "./ProjectTreeTable.styled.es.js";
@@ -10,7 +10,7 @@ import Po from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
 import { ColumnHeaderMenu as zo } from "./components/ColumnHeaderMenu.es.js";
-import { DragOverlay as ye, useDndContext as Ce } from "@dnd-kit/core";
+import { DragOverlay as Ce, useDndContext as ye } from "@dnd-kit/core";
 import { SortableContext as xe, verticalListSortingStrategy as Lo, horizontalListSortingStrategy as Fo, useSortable as be } from "@dnd-kit/sortable";
 import "../ContextMenu/ContextMenuContext.es.js";
 import { Icon as we, Button as Pt } from "@ynput/ayon-react-components";
@@ -216,6 +216,7 @@ import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
 import "../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../components/ProjectTableSettings/ColumnsSettings.es.js";
 import "../../components/SizeSlider/SizeSlider.es.js";
 import "react-router-dom";
 import "../Slicer/components/Slicer.es.js";
@@ -242,6 +243,7 @@ import { useProjectTableContext as Re, parseRowId as oi } from "./context/Projec
 import "../../components/SearchFilter/filterDates.es.js";
 import { getTableFieldOptions as ii } from "./utils/getTableFieldOptions.es.js";
 import { getReadOnlyLists as ri } from "./utils/getReadOnlyLists.es.js";
+import "./utils/columnIds.es.js";
 import { isFilterError as ni, getFilterErrorMessage as si, getEntitiesLabelFromScopes as li, extractQueryErrorMessage as mi } from "./utils/filterError.es.js";
 import { getEntityViewierIds as ai } from "./utils/getEntityViewerIds.es.js";
 import { checkColumnVisibility as pi, ensureAtLeastOneVisibleColumn as di } from "./utils/checkColumnVisibility.es.js";
@@ -257,6 +259,7 @@ import "./widgets/TextWidget.es.js";
 import "./widgets/MarkdownWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
 import "./widgets/EntityNameWidget.es.js";
+import "./widgets/EntityWidget.es.js";
 import "./widgets/GroupHeaderWidget.es.js";
 import "./widgets/ThumbnailWidget.es.js";
 import "./widgets/LinksWidget.es.js";
@@ -326,7 +329,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     return new RegExp(u).test(i);
   }
   return i === r;
-}), xa = ({
+}), Sa = ({
   scope: i,
   sliceId: g,
   onScroll: r,
@@ -342,7 +345,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   isExpandable: E,
   enableSorting: o = !0,
   clientSorting: h = !1,
-  sortableRows: C = !1,
+  sortableRows: y = !1,
   onRowReorder: O,
   dndActiveId: b,
   // Destructure new prop
@@ -423,19 +426,19 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
       scopes: Q
     }),
     [kt, qt, Gt, Kt, Q, Ut]
-  ), yt = ut(null), Jt = ut(0), { registerGrid: Qt } = Ft(), { loadingAttrib: Xt, loadingRows: Je } = D(() => {
-    const e = yt.current?.querySelectorAll("tbody tr").length || 0, s = Zo(), y = ti(
+  ), Ct = ut(null), Jt = ut(0), { registerGrid: Qt } = Ft(), { loadingAttrib: Xt, loadingRows: Je } = D(() => {
+    const e = Ct.current?.querySelectorAll("tbody tr").length || 0, s = Zo(), C = ti(
       $ && tt.length > 0 ? Math.min(e, 50) : W ? Math.max(Jt.current, 50) : 50
     );
-    return { loadingAttrib: s, loadingRows: y };
+    return { loadingAttrib: s, loadingRows: C };
   }, []), Qe = !It || st, { readOnlyColumns: Yt, readOnlyAttribs: Xe } = D(
     () => ri(J, _t, x),
     [J, _t, x]
   ), { selectedCells: mt } = Ft(), { updateEntities: Zt } = Se(), Ye = bt(
     async (e, s) => {
-      const { selection: y = [] } = s || {}, m = [];
-      if (!y?.length)
-        m.push({ ...e, id: e.rowId });
+      const { selection: C = [] } = s || {}, m = [];
+      if (!C?.length)
+        m.push({ ...e, id: e.id || e.rowId });
       else {
         const { field: c, value: H, isAttrib: Tt } = e;
         for (const uo of mt) {
@@ -481,7 +484,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
       groupBy: W,
       nameLabel: Ze()
     });
-    return C && o ? [
+    return y && o ? [
       {
         id: X,
         header: () => null,
@@ -511,7 +514,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     M,
     R,
     I,
-    C,
+    y,
     o,
     W
   ]);
@@ -522,8 +525,8 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   const to = D(() => {
     const e = { ...n };
     return et.forEach((s) => {
-      const y = s.visible;
-      s.id && e[s.id] === void 0 && (y !== void 0 ? e[s.id] = y : e[s.id] = pi({}, s.id, rt));
+      const C = s.visible;
+      s.id && e[s.id] === void 0 && (C !== void 0 ? e[s.id] = C : e[s.id] = pi({}, s.id, rt));
     }), di(e, et.map((s) => s.id).filter(Boolean));
   }, [n, rt, et]), j = fo({
     data: Qe ? Je : tt,
@@ -541,13 +544,13 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     getRowCanExpand: () => !!E || $ || ft || $t,
     getCoreRowModel: bo(),
     getFilteredRowModel: xo(),
-    getExpandedRowModel: Co(),
+    getExpandedRowModel: yo(),
     filterFromLeafRows: !0,
     // EXPANDABLE
     onExpandedChange: ke,
     // SORTING
     enableSorting: o,
-    getSortedRowModel: yo(),
+    getSortedRowModel: Co(),
     sortDescFirst: !1,
     manualSorting: !h,
     onSortingChange: K,
@@ -563,7 +566,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
       sorting: gt,
       columnPinning: (() => {
         const e = [];
-        C && e.push(X), e.push(F);
+        y && e.push(X), e.push(F);
         const s = (a.left || []).filter(
           (m) => m !== X && m !== F
         );
@@ -592,29 +595,29 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     Jt.current = ot.length;
   }, [ot.length]), ct(() => {
     if (!ot.length) return;
-    const e = ot.map((m) => m.id), y = [...j.getAllLeafColumns().map((m) => m.id)].sort((m, c) => {
+    const e = ot.map((m) => m.id), C = [...j.getAllLeafColumns().map((m) => m.id)].sort((m, c) => {
       if (F === c) return 1;
       const H = a.left?.includes(m) ? 0 : 1, Tt = a.left?.includes(c) ? 0 : 1;
       return H - Tt;
     });
-    Qt(e, y);
+    Qt(e, C);
   }, [ot, j.getAllLeafColumns(), a, F, Qt]);
-  const Ct = j.getVisibleLeafColumns(), { columnVirtualizer: at, virtualPaddingLeft: pt, virtualPaddingRight: dt } = Jo({
-    visibleColumns: Ct,
-    tableContainerRef: yt,
+  const yt = j.getVisibleLeafColumns(), { columnVirtualizer: at, virtualPaddingLeft: pt, virtualPaddingRight: dt } = Jo({
+    visibleColumns: yt,
+    tableContainerRef: Ct,
     columnPinning: a,
     columnSizing: S,
     columnOrder: l
   }), ee = ut({}), oe = at.getVirtualItems();
   ct(() => {
     if (!T || !N?.length) return;
-    const e = new Set(oe.map((c) => Ct[c.index]?.id)), s = {};
-    let y = !1;
+    const e = new Set(oe.map((c) => yt[c.index]?.id)), s = {};
+    let C = !1;
     j.getAllLeafColumns().filter((c) => gi(c.id, N)).forEach((c) => {
       const H = e.has(c.id);
-      ee.current[c.id] !== H && (s[c.id] = H, y = !0, ee.current[c.id] = H);
-    }), y && T(s);
-  }, [oe, T, N, Ct, j]);
+      ee.current[c.id] !== H && (s[c.id] = H, C = !0, ee.current[c.id] = H);
+    }), C && T(s);
+  }, [oe, T, N, yt, j]);
   const ie = Uo(j, S), { powerLicense: re } = ko(), [eo, { isLoaded: ne, isLoading: se }] = Ho({
     addon: "powerpack",
     remote: "views",
@@ -623,8 +626,8 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     skip: !A || !re
   }), oo = A && re && (ne || se) && !!ot.length, io = se || !ne, ro = D(() => {
     const e = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-    for (const y of mt) {
-      const { rowId: m, colId: c } = Ot(y) || {};
+    for (const C of mt) {
+      const { rowId: m, colId: c } = Ot(C) || {};
       if (!m || Yo(m)) continue;
       const H = ht(m)?.entityId;
       H && (c === F ? s.add(H) : e.add(H));
@@ -632,13 +635,13 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     return e.size || s.size;
   }, [mt, ht]), { getRowHeight: no, defaultRowHeight: le } = Xo(), so = D(() => J.reduce((e, s) => (s.data?.enum?.length && (e[s.name] = s.data?.enum), e), {}), [J]), lo = D(() => tt.map((e) => e.id), [tt]), mo = D(() => l.filter(
     (e) => e !== X && e !== F
-  ), [l]), ao = D(() => !b || !C ? null : tt.find((e) => e.id === b), [b, tt, C]), po = bt(
+  ), [l]), ao = D(() => !b || !y ? null : tt.find((e) => e.id === b), [b, tt, y]), po = bt(
     (e) => {
       if (r?.(e), d) {
         const s = e.currentTarget;
         if (s && !W && (!$ || !ft)) {
-          const { scrollHeight: y, scrollTop: m, clientHeight: c } = s;
-          y - m - c < 500 && !st && d(e);
+          const { scrollHeight: C, scrollTop: m, clientHeight: c } = s;
+          C - m - c < 500 && !st && d(e);
         }
       }
       if (z && W) {
@@ -653,12 +656,12 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
       entitiesMap: Oe,
       columnEnums: { ...lt, ...so },
       columnReadOnly: Xe,
-      visibleColumns: Ct,
+      visibleColumns: yt,
       children: /* @__PURE__ */ t.jsxs(jo, { ...B, children: [
         /* @__PURE__ */ t.jsx(
           Ro,
           {
-            ref: yt,
+            ref: Ct,
             style: { height: "100%", padding: 0 },
             onScroll: po,
             ...k?.container,
@@ -695,24 +698,24 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
                       virtualPaddingRight: dt,
                       isLoading: st,
                       readOnlyColumns: Yt,
-                      sortableRows: C,
+                      sortableRows: y,
                       columnOrderIds: mo,
                       ...k?.head
                     }
                   ),
                   /* @__PURE__ */ t.jsx(
-                    Ci,
+                    yi,
                     {
                       columnVirtualizer: at,
                       table: j,
-                      tableContainerRef: yt,
+                      tableContainerRef: Ct,
                       virtualPaddingLeft: pt,
                       virtualPaddingRight: dt,
                       showHierarchy: $,
                       attribs: J,
                       onOpenNew: u,
                       rowOrderIds: lo,
-                      sortableRows: C,
+                      sortableRows: y,
                       error: vt,
                       isFilterError: Ge,
                       filterErrorMessage: Ke,
@@ -764,9 +767,9 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
         Vt && /* @__PURE__ */ t.jsx(vo, { children: /* @__PURE__ */ t.jsx($o, { variant: "warning", message: Vt, action: Ae }) })
       ] })
     }
-  ), co = C && b && wt(
-    /* @__PURE__ */ t.jsx(ye, { dropAnimation: null, children: ao ? (() => {
-      const e = j.getRowModel().rows.find((y) => y.id === b);
+  ), co = y && b && wt(
+    /* @__PURE__ */ t.jsx(Ce, { dropAnimation: null, children: ao ? (() => {
+      const e = j.getRowModel().rows.find((C) => C.id === b);
       if (!e) return null;
       const s = j.getTotalSize();
       return /* @__PURE__ */ t.jsx(
@@ -781,8 +784,8 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
           },
           children: /* @__PURE__ */ t.jsx("tbody", { children: /* @__PURE__ */ t.jsxs(ge, { style: { display: "flex", userSelect: "none" }, children: [
             pt ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: pt } }) : null,
-            at.getVirtualItems().map((y) => {
-              const m = e.getVisibleCells()[y.index];
+            at.getVirtualItems().map((C) => {
+              const m = e.getVisibleCells()[C.index];
               if (!m) return null;
               const c = {
                 ...jt(m.column),
@@ -820,7 +823,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     })() : null }),
     document.body
   );
-  return C ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  return y ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     me,
     co,
     /* @__PURE__ */ t.jsx(ue, { table: j })
@@ -829,9 +832,9 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     /* @__PURE__ */ t.jsx(ue, { table: j })
   ] });
 }, ue = ({ table: i }) => {
-  const { active: g } = Ce(), d = g?.data?.current?.type === "column" ? g?.id : null, u = D(() => d && i.getHeaderGroups()[0]?.headers.find((x) => x.id === d) || null, [d, i]);
+  const { active: g } = ye(), d = g?.data?.current?.type === "column" ? g?.id : null, u = D(() => d && i.getHeaderGroups()[0]?.headers.find((x) => x.id === d) || null, [d, i]);
   return !d || !u ? null : wt(
-    /* @__PURE__ */ t.jsx(ye, { dropAnimation: null, children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx(Ce, { dropAnimation: null, children: /* @__PURE__ */ t.jsx(
       fe,
       {
         style: {
@@ -883,16 +886,16 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   sortableRows: R,
   columnOrderIds: I
 }) => {
-  const M = i.getVirtualItems(), { active: f } = Ce(), v = f?.data?.current?.type === "column", E = v && (f?.data?.current?.isPinned ?? !1);
+  const M = i.getVirtualItems(), { active: f } = ye(), v = f?.data?.current?.type === "column", E = v && (f?.data?.current?.isPinned ?? !1);
   return /* @__PURE__ */ t.jsxs(To, { style: { display: "flex" }, children: [
     r ? (
       //fake empty column to the left for virtualization scroll padding
       /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: r } })
     ) : null,
     /* @__PURE__ */ t.jsx(xe, { items: I, strategy: Fo, children: M.map((o) => {
-      const h = g.headers[o.index], C = h.id !== X && h.id !== F;
+      const h = g.headers[o.index], y = h.id !== X && h.id !== F;
       return /* @__PURE__ */ t.jsx(
-        yi,
+        Ci,
         {
           header: h,
           isLoading: u,
@@ -903,7 +906,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
           canPin: h.column.getCanPin(),
           canResize: h.column.getCanResize(),
           sortableRows: R,
-          isDraggable: C,
+          isDraggable: y,
           isColumnDrag: v,
           isDraggedColumnPinned: E
         },
@@ -915,7 +918,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
       /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: d } })
     ) : null
   ] }, g.id);
-}, yi = ({
+}, Ci = ({
   header: i,
   isLoading: g,
   canFilter: r,
@@ -929,7 +932,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   isColumnDrag: v,
   isDraggedColumnPinned: E
 }) => {
-  const { column: o } = i, h = o.getIsSorted(), C = `column-header-menu-${o.id}`, { menuOpen: O } = Vo(), b = O === C, { columnPinning: p, sorting: A, updateSorting: w } = je(), Y = () => {
+  const { column: o } = i, h = o.getIsSorted(), y = `column-header-menu-${o.id}`, { menuOpen: O } = Vo(), b = O === y, { columnPinning: p, sorting: A, updateSorting: w } = je(), Y = () => {
     const n = A?.find((l) => l.id === o.id), a = n ? n.desc ? [] : [{ id: o.id, desc: !0 }] : [{ id: o.id, desc: !1 }];
     w(a);
   }, _ = p.left?.includes(o.id) || !1, { attributes: Z, listeners: P, setNodeRef: z, transform: L, transition: T, isDragging: N } = be({
@@ -987,7 +990,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
                   canPin: x,
                   canSort: u,
                   isResizing: o.getIsResizing(),
-                  menuId: C,
+                  menuId: y,
                   isOpen: b
                 }
               ),
@@ -1033,7 +1036,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     },
     i.id
   );
-}, Ci = ({
+}, yi = ({
   columnVirtualizer: i,
   table: g,
   tableContainerRef: r,
@@ -1048,7 +1051,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   isFilterError: E,
   filterErrorMessage: o,
   isLoading: h,
-  isGrouping: C,
+  isGrouping: y,
   getRowHeight: O,
   defaultRowHeight: b,
   onResetView: p,
@@ -1119,7 +1122,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
               dataIndex: n.index,
               offsetTop: n.start,
               sortableRows: f,
-              isGrouping: C,
+              isGrouping: y,
               rowHeight: O(a.original)
             },
             a.id
@@ -1168,7 +1171,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   isGrouping: v = !1,
   rowHeight: E
 }) => {
-  const o = f ? be({ id: i.id }) : null, h = ut(null), C = bt(
+  const o = f ? be({ id: i.id }) : null, h = ut(null), y = bt(
     (b) => {
       h.current = b, o && o.setNodeRef(b), o && o.isDragging || R(b);
     },
@@ -1197,7 +1200,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   return /* @__PURE__ */ t.jsxs(
     ge,
     {
-      ref: C,
+      ref: y,
       "data-index": I,
       style: O,
       className: V({ "group-row": i.original.group }),
@@ -1276,7 +1279,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
     isCellFocused: E,
     startSelection: o,
     extendSelection: h,
-    endSelection: C,
+    endSelection: y,
     selectCell: O,
     focusCell: b,
     getCellBorderClasses: p,
@@ -1370,7 +1373,7 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
         }
       },
       onMouseUp: () => {
-        C(r);
+        y(r);
       },
       onDoubleClick: (l) => {
         l.preventDefault();
@@ -1385,6 +1388,6 @@ const ui = () => null, gi = (i, g) => g.some((r) => {
   );
 };
 export {
-  xa as ProjectTreeTable
+  Sa as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map