@ynput/ayon-frontend-shared 0.3.48 → 0.3.49

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

@@ -1,7 +1,7 @@
 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 { useRef as R, useMemo as H, useCallback as g, useEffect as yt } from "react";
+import { TableContainer as Ct } from "./SimpleTable.styled.es.js";
+import { functionalUpdate as ot, useReactTable as bt, 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 it from "clsx";
 import Tt from "./hooks/useRowKeydown.es.js";
@@ -21,6 +21,7 @@ import "react-dom";
 import "date-fns";
 import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../components/LinksManager/CellEditingDialog.es.js";
+import "../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
@@ -139,7 +140,7 @@ import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../Feed/components/CommentInput/modules/index.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
+import "../../../node_modules/@module-federation/runtime/dist/index.es.js";
 import "../../../../_virtual/semver.es.js";
 import "../../context/PowerpackContextInstance.es.js";
 import "../../context/UriContext.es.js";
@@ -217,7 +218,6 @@ import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
 import "../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
@@ -256,6 +256,7 @@ import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../ListTable/ListTableRow.es.js";
 import "../ListTable/ListTable.styled.es.js";
+import "../../context/DeleteEntitiesContext.es.js";
 import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../components/DetailsPanelDetails/DetailsSection.es.js";
@@ -302,48 +303,48 @@ 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, d, g) => {
-  const a = e.getValue(l);
-  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 Vt = (e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : [], $t = (e, a, d, f) => {
+  const s = e.getValue(a);
+  let u = typeof s == "string" ? s : Array.isArray(s) ? s.join(" ") : JSON.stringify(s);
+  a === "label" && (u = [e.original.label, e.original.name, ...e.original.parents || []].join(
     " "
   ));
-  const R = zt(u, d, { threshold: Dt.CONTAINS });
-  return g({
-    itemRank: R
-  }), R.passed;
-}, Ot = (e, l, d) => {
-  let g = 0;
-  return e.columnFiltersMeta[d] && (g = jt(
+  const h = zt(u, d, { threshold: Dt.CONTAINS });
+  return f({
+    itemRank: h
+  }), h.passed;
+}, Ot = (e, a, d) => {
+  let f = 0;
+  return e.columnFiltersMeta[d] && (f = jt(
     e.columnFiltersMeta[d]?.itemRank,
-    l.columnFiltersMeta[d]?.itemRank
-  )), g === 0 ? Kt.alphanumeric(e, l, d) : g;
+    a.columnFiltersMeta[d]?.itemRank
+  )), f === 0 ? Kt.alphanumeric(e, a, d) : f;
 };
-function qt(e, l, d) {
-  const g = [];
-  if (l === d) {
-    const s = e.find((E) => E.id === l);
-    return s ? [s] : [];
+function qt(e, a, d) {
+  const f = [];
+  if (a === d) {
+    const c = e.find((E) => E.id === a);
+    return c ? [c] : [];
   }
-  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++)
+  let s = -1, u = -1;
+  for (let c = 0; c < e.length && (e[c].id === a && (s = c), e[c].id === d && (u = c), !(s !== -1 && u !== -1)); c++)
     ;
-  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;
+  if (s === -1 || u === -1) return [];
+  const h = Math.min(s, u), w = Math.max(s, u);
+  for (let c = h; c <= w; c++)
+    f.push(e[c]);
+  return f;
 }
-const wm = ({
+const Em = ({
   data: e = [],
-  isLoading: l,
+  isLoading: a,
   error: d,
-  isExpandable: g,
-  isMultiSelect: a = !0,
+  isExpandable: f,
+  isMultiSelect: s = !0,
   enableClickToDeselect: u = !0,
-  enableNonFolderIndent: R = !0,
+  enableNonFolderIndent: h = !0,
   forceUpdateTable: w,
-  globalFilter: s,
+  globalFilter: c,
   meta: E,
   rowHeight: z,
   imgRatio: V,
@@ -353,100 +354,101 @@ const wm = ({
   onSubmitRename: q,
   onCancelRename: L,
   onRowDoubleClick: B,
-  rowContextMenuBuilders: I = [],
-  children: J,
+  rowContextMenuBuilders: J = [],
+  children: Y,
   pt: M,
   fitContent: rt,
-  ...Y
+  ..._
 }) => {
   const {
     rowSelection: F,
     expanded: et,
-    setExpanded: _,
+    setExpanded: v,
     onExpandedChange: nt,
     onRowSelectionChange: K,
-    rowPinning: v,
+    rowPinning: G,
     onRowPinningChange: A
-  } = At(), C = h(null), x = h(null), [G] = Pt(), Q = h(B);
-  Q.current = B;
-  const U = h(O);
-  U.current = O;
-  const N = h(q);
+  } = At(), b = R(null), x = R(null), [Q] = Pt(), U = R(B);
+  U.current = B;
+  const W = R(O);
+  W.current = O;
+  const N = R(q);
   N.current = q;
-  const W = h(L);
-  W.current = L;
-  const X = h($);
-  X.current = $;
-  const mt = H(() => l ? Array.from({ length: 10 }, (t, i) => ({
-    id: `placeholder-${i}`,
-    name: `placeholder-${i}`,
-    label: `placeholder-${i}`,
+  const X = R(L);
+  X.current = L;
+  const Z = R($);
+  Z.current = $;
+  const mt = H(() => a ? Array.from({ length: 10 }, (t, o) => ({
+    id: `placeholder-${o}`,
+    name: `placeholder-${o}`,
+    label: `placeholder-${o}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${i}`
+      id: `placeholder-${o}`
     }
-  })) : 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;
+  })) : e, [a, e, w]), C = g(
+    (t, o, i, m) => {
+      const n = o, p = t.getFilteredRowModel().flatRows, r = p.find((l) => l.id === n);
+      if (r && !r.original.isDisabled) {
+        if (u && !i && !m && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[n]) {
+          t.setRowSelection({}), b.current = null;
           return;
         }
-        if (a && r && C.current) {
-          const c = C.current;
-          if (!p.find((S) => S.id === c))
-            t.setRowSelection({ [m]: !0 });
+        if (s && i && b.current) {
+          const l = b.current;
+          if (!p.find((S) => S.id === l))
+            t.setRowSelection({ [n]: !0 });
           else {
-            const S = qt(p, m, c), tt = {};
+            const S = qt(p, n, l), tt = {};
             S.forEach((St) => tt[St.id] = !0), t.setRowSelection(tt);
           }
-        } else if (a && n)
-          o.toggleSelected();
-        else {
-          const c = t.getState().rowSelection;
-          Object.keys(c).length === 1 && c[m] || t.setRowSelection({ [m]: !0 });
+        } else if (s && m) {
+          const l = { ...t.getState().rowSelection };
+          l[n] ? delete l[n] : l[n] = !0, t.setRowSelection(l);
+        } else {
+          const l = t.getState().rowSelection;
+          Object.keys(l).length === 1 && l[n] || t.setRowSelection({ [n]: !0 });
         }
-        C.current = m;
+        b.current = n;
       }
     },
-    [a, u]
-  ), pt = f(
-    (t, i) => {
+    [s, u]
+  ), pt = g(
+    (t, o) => {
       if (!x.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const r = t.shiftKey, n = t.ctrlKey || t.metaKey;
-      b(
+      const i = t.shiftKey, m = t.ctrlKey || t.metaKey;
+      C(
         x.current,
         // Pass the main table instance
-        i.id,
-        r,
-        n
+        o.id,
+        i,
+        m
       );
     },
-    [b]
+    [C]
     // Depends only on handleSelectionLogic
-  ), lt = f(
-    (t, i, r) => {
+  ), lt = g(
+    (t, o, i) => {
       if (!x.current) return;
-      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 o = n[p];
-          if (!o.original.isDisabled) {
-            b(
+      const m = x.current.getRowModel().rows, n = m.findIndex((r) => r.id === o.id);
+      if (n === -1) return;
+      let p = t === "down" ? n + 1 : n - 1;
+      if (!(p < 0 || p >= m.length))
+        for (; p >= 0 && p < m.length; ) {
+          const r = m[p];
+          if (!r.original.isDisabled) {
+            C(
               x.current,
-              o.id,
-              r.shiftKey,
-              r.ctrlKey || r.metaKey
+              r.id,
+              i.shiftKey,
+              i.ctrlKey || i.metaKey
             ), requestAnimationFrame(() => {
-              const c = P.current, S = (c ? c.querySelector(`#${CSS.escape(o.id)}`) : document.getElementById(o.id))?.querySelector('[tabindex="0"]');
+              const l = P.current, S = (l ? l.querySelector(`#${CSS.escape(r.id)}`) : document.getElementById(r.id))?.querySelector('[tabindex="0"]');
               S && (S.focus(), S.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
@@ -454,14 +456,14 @@ const wm = ({
           p = t === "down" ? p + 1 : p - 1;
         }
     },
-    [b]
-  ), at = f(
-    (t, i) => {
-      i.original.isDisabled || X.current?.(i.id, i);
+    [C]
+  ), at = g(
+    (t, o) => {
+      o.original.isDisabled || Z.current?.(o.id, o);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), { handleRowKeyDown: Z } = Tt({
+  ), { handleRowKeyDown: I } = Tt({
     handleRowSelect: pt,
     handleArrowNavigation: lt,
     handleRename: at
@@ -473,30 +475,30 @@ const wm = ({
         filterFn: "fuzzy",
         sortingFn: Ot,
         //sort by fuzzy rank (falls back to alphanumeric)
-        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,
+        cell: ({ row: t, getValue: o, table: i }) => {
+          const m = i.options.meta, n = (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") || C(
+              i,
               // Pass the cell's table instance
               t.id,
-              o.shiftKey,
-              o.ctrlKey || o.metaKey
+              r.shiftKey,
+              r.ctrlKey || r.metaKey
             );
           }, p = {
             className: it({
               selected: t.getIsSelected(),
-              loading: n?.isLoading,
+              loading: m?.isLoading,
               disabled: t.original.isDisabled,
               // you can't select disabled rows
               inactive: t.original.inactive
               // false: archived items but still selectable
             }),
-            onKeyDown: (o) => {
-              o.target instanceof HTMLInputElement || Z(o, t);
+            onKeyDown: (r) => {
+              r.target instanceof HTMLInputElement || I(r, t);
             },
             depth: t.depth,
             tabIndex: 0,
-            value: i(),
+            value: o(),
             parents: t.original.parents,
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
@@ -505,60 +507,60 @@ const wm = ({
             imgShape: t.original.imgShape,
             imgRatio: V,
             isRowExpandable: t.getCanExpand(),
-            enableNonFolderIndent: R,
+            enableNonFolderIndent: h,
             isRowExpanded: t.getIsExpanded(),
-            isTableExpandable: n?.isExpandable,
+            isTableExpandable: m?.isExpandable,
             onExpandClick: t.getToggleExpandedHandler(),
             startContent: t.original.startContent,
             endContent: t.original.endContent,
             isDisabled: t.original.isDisabled,
             disabledMessage: t.original.disabledMessage,
-            isRenaming: t.id === U.current,
-            onSubmitRename: N.current ? (o) => N.current(t.id, o) : void 0,
-            onCancelRename: W.current,
+            isRenaming: t.id === W.current,
+            onSubmitRename: N.current ? (r) => N.current(t.id, r) : void 0,
+            onCancelRename: X.current,
             ...M?.cell,
-            onClick: m,
+            onClick: n,
             // Added onClick handler
-            onDoubleClick: (o) => Q.current?.(t.id, t)
+            onDoubleClick: (r) => U.current?.(t.id, t)
           };
-          return n?.children ? n.children(p, t, r) : /* @__PURE__ */ y.jsx(Nt, { ...p, ...M?.cell });
+          return m?.children ? m.children(p, t, i) : /* @__PURE__ */ y.jsx(Nt, { ...p, ...M?.cell });
         }
       }
     ],
     [
       w,
-      b,
-      Z,
+      C,
+      I,
       u,
-      R,
+      h,
       V
     ]
-  ), ct = f(
+  ), ct = g(
     (t) => {
       K(ot(t, F));
     },
     [K]
-  ), dt = f(
+  ), dt = g(
     (t) => {
-      A?.(ot(t, v || {}));
+      A?.(ot(t, G || {}));
     },
     [A]
-  ), ut = f(
+  ), ut = g(
     (t) => {
-      _?.((i) => {
-        const r = t instanceof Function ? t(i) : t;
-        return nt?.(r), r;
+      v?.((o) => {
+        const i = t instanceof Function ? t(o) : t;
+        return nt?.(i), i;
       });
     },
-    [_]
-  ), k = Ct({
+    [v]
+  ), k = bt({
     data: mt,
     columns: st,
     state: {
       expanded: et,
       rowSelection: F,
-      globalFilter: s,
-      rowPinning: v
+      globalFilter: c,
+      rowPinning: G
     },
     onRowSelectionChange: ct,
     onRowPinningChange: dt,
@@ -582,43 +584,43 @@ const wm = ({
     // @ts-expect-error: updateData is not required
     meta: H(
       () => ({
-        isExpandable: !!g,
-        isLoading: l,
-        children: J,
+        isExpandable: !!f,
+        isLoading: a,
+        children: Y,
         ...E
       }),
-      [g, l, J, E]
+      [f, a, Y, E]
     )
   });
   yt(() => {
     x.current = k;
   }, [k]);
-  const { rows: T } = k.getRowModel(), gt = f(
-    (t, i, r) => {
+  const { rows: T } = k.getRowModel(), ft = g(
+    (t, o, i) => {
       if (!x.current) return;
-      const n = T[i];
-      if (!n || n.original === void 0) return;
-      r.preventDefault(), r.stopPropagation();
-      const m = Object.keys(F), p = m.includes(t) ? m : [t];
-      if (!m.includes(t)) {
-        const c = { [t]: !0 };
-        K?.(c);
+      const m = T[o];
+      if (!m || m.original === void 0) return;
+      i.preventDefault(), i.stopPropagation();
+      const n = Object.keys(F), p = n.includes(t) ? n : [t];
+      if (!n.includes(t)) {
+        const l = { [t]: !0 };
+        K?.(l);
       }
-      const o = I.flatMap(
-        (c) => Vt(
-          c(r, {
+      const r = J.flatMap(
+        (l) => Vt(
+          l(i, {
             rowId: t,
-            rowIndex: i,
-            row: n,
+            rowIndex: o,
+            row: m,
             selectedRows: p,
             isSelected: p.includes(t)
           })
         )
       );
-      o.length > 0 && G(r, o);
+      r.length > 0 && Q(i, r);
     },
-    [I, T, F, K, G]
-  ), P = h(null), j = kt({
+    [J, T, F, K, Q]
+  ), P = R(null), j = kt({
     count: T.length,
     estimateSize: () => z || 34,
     //estimate row height for accurate scrollbar dragging
@@ -626,29 +628,29 @@ const wm = ({
     //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
-  }), ft = f(
+  }), gt = g(
     (t) => {
       t && j.measureElement(t);
     },
     [j]
-  ), ht = f(
+  ), Rt = g(
     (t) => {
       if (!D) return;
-      const i = t.currentTarget, { scrollTop: r, scrollHeight: n, clientHeight: m } = i;
-      n - r - m < 100 && !l && D();
+      const o = t.currentTarget, { scrollTop: i, scrollHeight: m, clientHeight: n } = o;
+      m - i - n < 100 && !a && D();
     },
-    [D, l]
-  ), Rt = (t) => {
-    u && !t.target.closest("tr") && (k.setRowSelection({}), C.current = null);
+    [D, a]
+  ), ht = (t) => {
+    u && !t.target.closest("tr") && (k.setRowSelection({}), b.current = null);
   };
   return /* @__PURE__ */ y.jsxs(
-    bt,
+    Ct,
     {
       ref: P,
-      onScroll: ht,
-      onClick: Rt,
-      ...Y,
-      className: it(Y.className, { isLoading: l, fitContent: rt }),
+      onScroll: Rt,
+      onClick: ht,
+      ..._,
+      className: it(_.className, { isLoading: a, fitContent: rt }),
       children: [
         !d && /* @__PURE__ */ y.jsx("table", { children: /* @__PURE__ */ y.jsx(
           "tbody",
@@ -658,14 +660,14 @@ const wm = ({
               //tells scrollbar how big the table is
             },
             children: j?.getVirtualItems().map((t) => {
-              const i = T[t.index];
+              const o = T[t.index];
               return /* @__PURE__ */ y.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: ft,
-                  id: i.id,
-                  onContextMenu: (r) => gt(i.id, t.index, r),
+                  ref: gt,
+                  id: o.id,
+                  onContextMenu: (i) => ft(o.id, t.index, i),
                   ...M?.row,
                   style: {
                     transform: `translateY(${t.start}px)`,
@@ -673,9 +675,9 @@ const wm = ({
                     ...M?.row?.style
                     // custom styles to be passed
                   },
-                  children: i.getVisibleCells().map((r) => /* @__PURE__ */ y.jsx("td", { children: Ft(r.column.columnDef.cell, r.getContext()) }, r.id))
+                  children: o.getVisibleCells().map((i) => /* @__PURE__ */ y.jsx("td", { children: Ft(i.column.columnDef.cell, i.getContext()) }, i.id))
                 },
-                i.id
+                o.id
               );
             })
           }
@@ -686,6 +688,6 @@ const wm = ({
   );
 };
 export {
-  wm as default
+  Em as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map