@ynput/ayon-frontend-shared 0.3.44 → 0.3.45

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

@@ -1,9 +1,9 @@
-import { j as S } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as h, useMemo as H, useCallback as f, useEffect as bt } from "react";
-import { TableContainer as yt } from "./SimpleTable.styled.es.js";
-import { functionalUpdate as it, useReactTable as Ct, getExpandedRowModel as wt, getFilteredRowModel as Et, getCoreRowModel as Mt, flexRender as Ft, sortingFns as Kt } from "@tanstack/react-table";
+import { j as y } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as h, useMemo as H, useCallback as f, useEffect as yt } from "react";
+import { TableContainer as bt } from "./SimpleTable.styled.es.js";
+import { functionalUpdate as ot, useReactTable as Ct, getExpandedRowModel as wt, getFilteredRowModel as Et, getCoreRowModel as Mt, flexRender as Ft, sortingFns as Kt } from "@tanstack/react-table";
 import { useVirtualizer as kt } from "@tanstack/react-virtual";
-import rt from "clsx";
+import it from "clsx";
 import Tt from "./hooks/useRowKeydown.es.js";
 import { compareItems as jt, rankItem as zt, rankings as Dt } from "@tanstack/match-sorter-utils";
 import { useSimpleTableContext as At } from "./context/SimpleTableContext.es.js";
@@ -239,10 +239,6 @@ import "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Slicer/components/Slicer.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Slicer/context/SlicerContextInstance.es.js";
 import "../Slicer/components/SlicerDropdownFallback.es.js";
 import "../Slicer/hooks/useTableDataBySlice.es.js";
@@ -260,6 +256,10 @@ import "../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.sty
 import "../Actions/Actions.styled.es.js";
 import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../Actions/ActionIcon.es.js";
+import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../Views/context/ViewsContextInstance.es.js";
+import "../Views/Views.styled.es.js";
+import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../ListTable/ListTableRow.es.js";
 import "../ListTable/ListTable.styled.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
@@ -299,152 +299,152 @@ import "../../components/Menu/Menu.styled.es.js";
 import "../../components/Menu/MenuItem.es.js";
 import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../components/ColumnHeaderMenuUI.es.js";
-const Vt = (e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : [], $t = (e, l, c, g) => {
+const Vt = (e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : [], $t = (e, l, d, g) => {
   const a = e.getValue(l);
-  let d = typeof a == "string" ? a : Array.isArray(a) ? a.join(" ") : JSON.stringify(a);
-  l === "label" && (d = [e.original.label, e.original.name, ...e.original.parents || []].join(
+  let u = typeof a == "string" ? a : Array.isArray(a) ? a.join(" ") : JSON.stringify(a);
+  l === "label" && (u = [e.original.label, e.original.name, ...e.original.parents || []].join(
     " "
   ));
-  const R = zt(d, c, { threshold: Dt.CONTAINS });
+  const R = zt(u, d, { threshold: Dt.CONTAINS });
   return g({
     itemRank: R
   }), R.passed;
-}, Ot = (e, l, c) => {
+}, Ot = (e, l, d) => {
   let g = 0;
-  return e.columnFiltersMeta[c] && (g = jt(
-    e.columnFiltersMeta[c]?.itemRank,
-    l.columnFiltersMeta[c]?.itemRank
-  )), g === 0 ? Kt.alphanumeric(e, l, c) : g;
+  return e.columnFiltersMeta[d] && (g = jt(
+    e.columnFiltersMeta[d]?.itemRank,
+    l.columnFiltersMeta[d]?.itemRank
+  )), g === 0 ? Kt.alphanumeric(e, l, d) : g;
 };
-function Lt(e, l, c) {
+function qt(e, l, d) {
   const g = [];
-  if (l === c) {
-    const s = e.find((w) => w.id === l);
+  if (l === d) {
+    const s = e.find((E) => E.id === l);
     return s ? [s] : [];
   }
-  let a = -1, d = -1;
-  for (let s = 0; s < e.length && (e[s].id === l && (a = s), e[s].id === c && (d = s), !(a !== -1 && d !== -1)); s++)
+  let a = -1, u = -1;
+  for (let s = 0; s < e.length && (e[s].id === l && (a = s), e[s].id === d && (u = s), !(a !== -1 && u !== -1)); s++)
     ;
-  if (a === -1 || d === -1) return [];
-  const R = Math.min(a, d), C = Math.max(a, d);
-  for (let s = R; s <= C; s++)
+  if (a === -1 || u === -1) return [];
+  const R = Math.min(a, u), w = Math.max(a, u);
+  for (let s = R; s <= w; s++)
     g.push(e[s]);
   return g;
 }
-const bm = ({
+const ym = ({
   data: e = [],
   isLoading: l,
-  error: c,
+  error: d,
   isExpandable: g,
   isMultiSelect: a = !0,
-  enableClickToDeselect: d = !0,
+  enableClickToDeselect: u = !0,
   enableNonFolderIndent: R = !0,
-  forceUpdateTable: C,
+  forceUpdateTable: w,
   globalFilter: s,
-  meta: w,
+  meta: E,
   rowHeight: z,
   imgRatio: V,
   onScrollBottom: D,
   onRename: $,
   renamingId: O,
-  onSubmitRename: L,
-  onCancelRename: q,
+  onSubmitRename: q,
+  onCancelRename: L,
   onRowDoubleClick: B,
   rowContextMenuBuilders: I = [],
   children: J,
-  pt: E,
-  fitContent: et,
+  pt: M,
+  fitContent: rt,
   ...Y
 }) => {
   const {
-    rowSelection: M,
-    expanded: nt,
+    rowSelection: F,
+    expanded: et,
     setExpanded: _,
-    onExpandedChange: mt,
-    onRowSelectionChange: F,
+    onExpandedChange: nt,
+    onRowSelectionChange: K,
     rowPinning: v,
     onRowPinningChange: A
-  } = At(), y = h(null), x = h(null), [G] = Ht(), Q = h(B);
+  } = At(), C = h(null), x = h(null), [G] = Ht(), Q = h(B);
   Q.current = B;
   const U = h(O);
   U.current = O;
-  const N = h(L);
-  N.current = L;
-  const W = h(q);
-  W.current = q;
+  const N = h(q);
+  N.current = q;
+  const W = h(L);
+  W.current = L;
   const X = h($);
   X.current = $;
-  const pt = H(() => l ? Array.from({ length: 10 }, (t, o) => ({
-    id: `placeholder-${o}`,
-    name: `placeholder-${o}`,
-    label: `placeholder-${o}`,
+  const mt = H(() => l ? Array.from({ length: 10 }, (t, i) => ({
+    id: `placeholder-${i}`,
+    name: `placeholder-${i}`,
+    label: `placeholder-${i}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${o}`
+      id: `placeholder-${i}`
     }
-  })) : e, [l, e, C]), b = f(
-    (t, o, i, n) => {
-      const m = o, p = t.getFilteredRowModel().flatRows, r = p.find((u) => u.id === m);
-      if (r && !r.original.isDisabled) {
-        if (d && !i && !n && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[m]) {
-          t.setRowSelection({}), y.current = null;
+  })) : e, [l, e, w]), b = f(
+    (t, i, r, n) => {
+      const m = i, p = t.getFilteredRowModel().flatRows, o = p.find((c) => c.id === m);
+      if (o && !o.original.isDisabled) {
+        if (u && !r && !n && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[m]) {
+          t.setRowSelection({}), C.current = null;
           return;
         }
-        if (a && i && y.current) {
-          const u = y.current;
-          if (!p.find((P) => P.id === u))
+        if (a && r && C.current) {
+          const c = C.current;
+          if (!p.find((S) => S.id === c))
             t.setRowSelection({ [m]: !0 });
           else {
-            const P = Lt(p, m, u), ot = {};
-            P.forEach((St) => ot[St.id] = !0), t.setRowSelection(ot);
+            const S = qt(p, m, c), tt = {};
+            S.forEach((St) => tt[St.id] = !0), t.setRowSelection(tt);
           }
         } else if (a && n)
-          r.toggleSelected();
+          o.toggleSelected();
         else {
-          const u = t.getState().rowSelection;
-          Object.keys(u).length === 1 && u[m] || t.setRowSelection({ [m]: !0 });
+          const c = t.getState().rowSelection;
+          Object.keys(c).length === 1 && c[m] || t.setRowSelection({ [m]: !0 });
         }
-        y.current = m;
+        C.current = m;
       }
     },
-    [a, d]
-  ), lt = f(
-    (t, o) => {
+    [a, u]
+  ), pt = f(
+    (t, i) => {
       if (!x.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const i = t.shiftKey, n = t.ctrlKey || t.metaKey;
+      const r = t.shiftKey, n = t.ctrlKey || t.metaKey;
       b(
         x.current,
         // Pass the main table instance
-        o.id,
-        i,
+        i.id,
+        r,
         n
       );
     },
     [b]
     // Depends only on handleSelectionLogic
-  ), at = f(
-    (t, o, i) => {
+  ), lt = f(
+    (t, i, r) => {
       if (!x.current) return;
-      const n = x.current.getRowModel().rows, m = n.findIndex((r) => r.id === o.id);
+      const n = x.current.getRowModel().rows, m = n.findIndex((o) => o.id === i.id);
       if (m === -1) return;
       let p = t === "down" ? m + 1 : m - 1;
       if (!(p < 0 || p >= n.length))
         for (; p >= 0 && p < n.length; ) {
-          const r = n[p];
-          if (!r.original.isDisabled) {
+          const o = n[p];
+          if (!o.original.isDisabled) {
             b(
               x.current,
-              r.id,
-              i.shiftKey,
-              i.ctrlKey || i.metaKey
+              o.id,
+              r.shiftKey,
+              r.ctrlKey || r.metaKey
             ), requestAnimationFrame(() => {
-              const j = document.getElementById(r.id)?.querySelector('[tabindex="0"]');
-              j && (j.focus(), j.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+              const c = P.current, S = (c ? c.querySelector(`#${CSS.escape(o.id)}`) : document.getElementById(o.id))?.querySelector('[tabindex="0"]');
+              S && (S.focus(), S.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
           }
@@ -452,17 +452,17 @@ const bm = ({
         }
     },
     [b]
-  ), st = f(
-    (t, o) => {
-      o.original.isDisabled || X.current?.(o.id, o);
+  ), at = f(
+    (t, i) => {
+      i.original.isDisabled || X.current?.(i.id, i);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
   ), { handleRowKeyDown: Z } = Tt({
-    handleRowSelect: lt,
-    handleArrowNavigation: at,
-    handleRename: st
-  }), ct = H(
+    handleRowSelect: pt,
+    handleArrowNavigation: lt,
+    handleRename: at
+  }), st = H(
     () => [
       {
         accessorKey: "label",
@@ -470,17 +470,17 @@ const bm = ({
         filterFn: "fuzzy",
         sortingFn: Ot,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: t, getValue: o, table: i }) => {
-          const n = i.options.meta, m = (r) => {
-            r.target instanceof HTMLInputElement || r.target instanceof HTMLButtonElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement || r.target instanceof HTMLAnchorElement || r.target.closest("button, a, input, textarea, select") || b(
-              i,
+        cell: ({ row: t, getValue: i, table: r }) => {
+          const n = r.options.meta, m = (o) => {
+            o.target instanceof HTMLInputElement || o.target instanceof HTMLButtonElement || o.target instanceof HTMLTextAreaElement || o.target instanceof HTMLSelectElement || o.target instanceof HTMLAnchorElement || o.target.closest("button, a, input, textarea, select") || b(
+              r,
               // Pass the cell's table instance
               t.id,
-              r.shiftKey,
-              r.ctrlKey || r.metaKey
+              o.shiftKey,
+              o.ctrlKey || o.metaKey
             );
           }, p = {
-            className: rt({
+            className: it({
               selected: t.getIsSelected(),
               loading: n?.isLoading,
               disabled: t.original.isDisabled,
@@ -488,12 +488,12 @@ const bm = ({
               inactive: t.original.inactive
               // false: archived items but still selectable
             }),
-            onKeyDown: (r) => {
-              r.target instanceof HTMLInputElement || Z(r, t);
+            onKeyDown: (o) => {
+              o.target instanceof HTMLInputElement || Z(o, t);
             },
             depth: t.depth,
             tabIndex: 0,
-            value: o(),
+            value: i(),
             parents: t.original.parents,
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
@@ -511,54 +511,54 @@ const bm = ({
             isDisabled: t.original.isDisabled,
             disabledMessage: t.original.disabledMessage,
             isRenaming: t.id === U.current,
-            onSubmitRename: N.current ? (r) => N.current(t.id, r) : void 0,
+            onSubmitRename: N.current ? (o) => N.current(t.id, o) : void 0,
             onCancelRename: W.current,
-            ...E?.cell,
+            ...M?.cell,
             onClick: m,
             // Added onClick handler
-            onDoubleClick: (r) => Q.current?.(t.id, t)
+            onDoubleClick: (o) => Q.current?.(t.id, t)
           };
-          return n?.children ? n.children(p, t, i) : /* @__PURE__ */ S.jsx(Nt, { ...p, ...E?.cell });
+          return n?.children ? n.children(p, t, r) : /* @__PURE__ */ y.jsx(Nt, { ...p, ...M?.cell });
         }
       }
     ],
     [
-      C,
+      w,
       b,
       Z,
-      d,
+      u,
       R,
       V
     ]
-  ), dt = f(
+  ), ct = f(
     (t) => {
-      F(it(t, M));
+      K(ot(t, F));
     },
-    [F]
-  ), ut = f(
+    [K]
+  ), dt = f(
     (t) => {
-      A?.(it(t, v || {}));
+      A?.(ot(t, v || {}));
     },
     [A]
-  ), gt = f(
+  ), ut = f(
     (t) => {
-      _?.((o) => {
-        const i = t instanceof Function ? t(o) : t;
-        return mt?.(i), i;
+      _?.((i) => {
+        const r = t instanceof Function ? t(i) : t;
+        return nt?.(r), r;
       });
     },
     [_]
-  ), K = Ct({
-    data: pt,
-    columns: ct,
+  ), k = Ct({
+    data: mt,
+    columns: st,
     state: {
-      expanded: nt,
-      rowSelection: M,
+      expanded: et,
+      rowSelection: F,
       globalFilter: s,
       rowPinning: v
     },
-    onRowSelectionChange: dt,
-    onRowPinningChange: ut,
+    onRowSelectionChange: ct,
+    onRowPinningChange: dt,
     filterFns: {
       fuzzy: $t
     },
@@ -569,7 +569,7 @@ const bm = ({
     getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: gt,
+    onExpandedChange: ut,
     getSubRows: (t) => t.subRows,
     getCoreRowModel: Mt(),
     getFilteredRowModel: Et(),
@@ -582,107 +582,107 @@ const bm = ({
         isExpandable: !!g,
         isLoading: l,
         children: J,
-        ...w
+        ...E
       }),
-      [g, l, J, w]
+      [g, l, J, E]
     )
   });
-  bt(() => {
-    x.current = K;
-  }, [K]);
-  const { rows: k } = K.getRowModel(), ft = f(
-    (t, o, i) => {
+  yt(() => {
+    x.current = k;
+  }, [k]);
+  const { rows: T } = k.getRowModel(), gt = f(
+    (t, i, r) => {
       if (!x.current) return;
-      const n = k[o];
+      const n = T[i];
       if (!n || n.original === void 0) return;
-      i.preventDefault(), i.stopPropagation();
-      const m = Object.keys(M), p = m.includes(t) ? m : [t];
+      r.preventDefault(), r.stopPropagation();
+      const m = Object.keys(F), p = m.includes(t) ? m : [t];
       if (!m.includes(t)) {
-        const u = { [t]: !0 };
-        F?.(u);
+        const c = { [t]: !0 };
+        K?.(c);
       }
-      const r = I.flatMap(
-        (u) => Vt(
-          u(i, {
+      const o = I.flatMap(
+        (c) => Vt(
+          c(r, {
             rowId: t,
-            rowIndex: o,
+            rowIndex: i,
             row: n,
             selectedRows: p,
             isSelected: p.includes(t)
           })
         )
       );
-      r.length > 0 && G(i, r);
+      o.length > 0 && G(r, o);
     },
-    [I, k, M, F, G]
-  ), tt = h(null), T = kt({
-    count: k.length,
+    [I, T, F, K, G]
+  ), P = h(null), j = kt({
+    count: T.length,
     estimateSize: () => z || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => tt.current,
+    getScrollElement: () => P.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: z ? () => z : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), ht = f(
+  }), ft = f(
     (t) => {
-      t && T.measureElement(t);
+      t && j.measureElement(t);
     },
-    [T]
-  ), Rt = f(
+    [j]
+  ), ht = f(
     (t) => {
       if (!D) return;
-      const o = t.currentTarget, { scrollTop: i, scrollHeight: n, clientHeight: m } = o;
-      n - i - m < 100 && !l && D();
+      const i = t.currentTarget, { scrollTop: r, scrollHeight: n, clientHeight: m } = i;
+      n - r - m < 100 && !l && D();
     },
     [D, l]
-  ), xt = (t) => {
-    d && !t.target.closest("tr") && (K.setRowSelection({}), y.current = null);
+  ), Rt = (t) => {
+    u && !t.target.closest("tr") && (k.setRowSelection({}), C.current = null);
   };
-  return /* @__PURE__ */ S.jsxs(
-    yt,
+  return /* @__PURE__ */ y.jsxs(
+    bt,
     {
-      ref: tt,
-      onScroll: Rt,
-      onClick: xt,
+      ref: P,
+      onScroll: ht,
+      onClick: Rt,
       ...Y,
-      className: rt(Y.className, { isLoading: l, fitContent: et }),
+      className: it(Y.className, { isLoading: l, fitContent: rt }),
       children: [
-        !c && /* @__PURE__ */ S.jsx("table", { children: /* @__PURE__ */ S.jsx(
+        !d && /* @__PURE__ */ y.jsx("table", { children: /* @__PURE__ */ y.jsx(
           "tbody",
           {
             style: {
-              height: `${T?.getTotalSize()}px`
+              height: `${j?.getTotalSize()}px`
               //tells scrollbar how big the table is
             },
-            children: T?.getVirtualItems().map((t) => {
-              const o = k[t.index];
-              return /* @__PURE__ */ S.jsx(
+            children: j?.getVirtualItems().map((t) => {
+              const i = T[t.index];
+              return /* @__PURE__ */ y.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: ht,
-                  id: o.id,
-                  onContextMenu: (i) => ft(o.id, t.index, i),
-                  ...E?.row,
+                  ref: ft,
+                  id: i.id,
+                  onContextMenu: (r) => gt(i.id, t.index, r),
+                  ...M?.row,
                   style: {
                     transform: `translateY(${t.start}px)`,
                     //this should always be a `style` as it changes on scroll
-                    ...E?.row?.style
+                    ...M?.row?.style
                     // custom styles to be passed
                   },
-                  children: o.getVisibleCells().map((i) => /* @__PURE__ */ S.jsx("td", { children: Ft(i.column.columnDef.cell, i.getContext()) }, i.id))
+                  children: i.getVisibleCells().map((r) => /* @__PURE__ */ y.jsx("td", { children: Ft(r.column.columnDef.cell, r.getContext()) }, r.id))
                 },
-                o.id
+                i.id
               );
             })
           }
         ) }),
-        !!c && /* @__PURE__ */ S.jsx(Pt, { error: c })
+        !!d && /* @__PURE__ */ y.jsx(Pt, { error: d })
       ]
     }
   );
 };
 export {
-  bm as default
+  ym as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map