@ynput/ayon-frontend-shared 0.3.43 → 0.3.44

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

@@ -1,13 +1,13 @@
-import { j as h } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as j, useMemo as q, useCallback as u, useEffect as pt } from "react";
-import { TableContainer as nt } from "./SimpleTable.styled.es.js";
-import { functionalUpdate as B, useReactTable as lt, getExpandedRowModel as at, getFilteredRowModel as st, getCoreRowModel as ct, flexRender as dt, sortingFns as gt } from "@tanstack/react-table";
-import { useVirtualizer as ut } from "@tanstack/react-virtual";
-import J from "clsx";
-import ft from "./hooks/useRowKeydown.es.js";
-import { compareItems as ht, rankItem as Rt, rankings as xt } from "@tanstack/match-sorter-utils";
-import { useSimpleTableContext as bt } from "./context/SimpleTableContext.es.js";
-import { SimpleTableCellTemplate as wt } from "./SimpleTableRowTemplate.es.js";
+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 { useVirtualizer as kt } from "@tanstack/react-virtual";
+import rt 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";
+import { SimpleTableCellTemplate as Nt } from "./SimpleTableRowTemplate.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "@ynput/ayon-react-components";
@@ -72,8 +72,11 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/bundles/getBundles.es.js";
+import "../../api/queries/bundles/updateBundles.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/columnStats/metricTargets.es.js";
+import "../../api/queries/columnStats/groupCounts.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -153,7 +156,7 @@ import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContext.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
@@ -161,13 +164,15 @@ import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
-import { EmptyPlaceholder as yt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as Pt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../components/InfoMessage/InfoMessage.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
+import { useCreateContextMenu as Ht } from "../ContextMenu/useCreateContextMenu.es.js";
 import "../Feed/context/FeedContext.es.js";
 import "../Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
@@ -212,12 +217,9 @@ import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
 import "../ProjectTreeTable/widgets/LinksWidget.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
-import "../ProjectTreeTable/context/ProjectTableContext.es.js";
-import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
+import "../../components/SearchFilter/filterDates.es.js";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
@@ -225,7 +227,10 @@ 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/ProjectDataContext.es.js";
+import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
+import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -288,335 +293,396 @@ import "../../components/Thumbnail/Thumbnail.styled.es.js";
 import "../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
 import "../../components/Watchers/Watchers.es.js";
 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 St = (e, m, c, g) => {
-  const l = e.getValue(m);
-  let d = typeof l == "string" ? l : Array.isArray(l) ? l.join(" ") : JSON.stringify(l);
-  m === "label" && (d = [e.original.label, e.original.name, ...e.original.parents || []].join(
+const Vt = (e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : [], $t = (e, l, c, 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(
     " "
   ));
-  const f = Rt(d, c, { threshold: xt.CONTAINS });
+  const R = zt(d, c, { threshold: Dt.CONTAINS });
   return g({
-    itemRank: f
-  }), f.passed;
-}, Ct = (e, m, c) => {
+    itemRank: R
+  }), R.passed;
+}, Ot = (e, l, c) => {
   let g = 0;
-  return e.columnFiltersMeta[c] && (g = ht(
+  return e.columnFiltersMeta[c] && (g = jt(
     e.columnFiltersMeta[c]?.itemRank,
-    m.columnFiltersMeta[c]?.itemRank
-  )), g === 0 ? gt.alphanumeric(e, m, c) : g;
+    l.columnFiltersMeta[c]?.itemRank
+  )), g === 0 ? Kt.alphanumeric(e, l, c) : g;
 };
-function Et(e, m, c) {
+function Lt(e, l, c) {
   const g = [];
-  if (m === c) {
-    const a = e.find((F) => F.id === m);
-    return a ? [a] : [];
+  if (l === c) {
+    const s = e.find((w) => w.id === l);
+    return s ? [s] : [];
   }
-  let l = -1, d = -1;
-  for (let a = 0; a < e.length && (e[a].id === m && (l = a), e[a].id === c && (d = a), !(l !== -1 && d !== -1)); a++)
+  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++)
     ;
-  if (l === -1 || d === -1) return [];
-  const f = Math.min(l, d), y = Math.max(l, d);
-  for (let a = f; a <= y; a++)
-    g.push(e[a]);
+  if (a === -1 || d === -1) return [];
+  const R = Math.min(a, d), C = Math.max(a, d);
+  for (let s = R; s <= C; s++)
+    g.push(e[s]);
   return g;
 }
-const Zm = ({
+const bm = ({
   data: e = [],
-  isLoading: m,
+  isLoading: l,
   error: c,
   isExpandable: g,
-  isMultiSelect: l = !0,
+  isMultiSelect: a = !0,
   enableClickToDeselect: d = !0,
-  enableNonFolderIndent: f = !0,
-  forceUpdateTable: y,
-  globalFilter: a,
-  meta: F,
-  rowHeight: K,
-  imgRatio: N,
-  onScrollBottom: T,
-  children: Y,
-  pt: S,
-  fitContent: _,
-  ...H
+  enableNonFolderIndent: R = !0,
+  forceUpdateTable: C,
+  globalFilter: s,
+  meta: w,
+  rowHeight: z,
+  imgRatio: V,
+  onScrollBottom: D,
+  onRename: $,
+  renamingId: O,
+  onSubmitRename: L,
+  onCancelRename: q,
+  onRowDoubleClick: B,
+  rowContextMenuBuilders: I = [],
+  children: J,
+  pt: E,
+  fitContent: et,
+  ...Y
 }) => {
   const {
-    rowSelection: P,
-    expanded: G,
-    setExpanded: V,
-    onExpandedChange: Q,
-    onRowSelectionChange: A,
-    rowPinning: D,
-    onRowPinningChange: z
-  } = bt(), b = j(null), R = j(null), U = q(() => m ? Array.from({ length: 10 }, (t, r) => ({
-    id: `placeholder-${r}`,
-    name: `placeholder-${r}`,
-    label: `placeholder-${r}`,
+    rowSelection: M,
+    expanded: nt,
+    setExpanded: _,
+    onExpandedChange: mt,
+    onRowSelectionChange: F,
+    rowPinning: v,
+    onRowPinningChange: A
+  } = At(), y = 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 X = h($);
+  X.current = $;
+  const pt = H(() => l ? Array.from({ length: 10 }, (t, o) => ({
+    id: `placeholder-${o}`,
+    name: `placeholder-${o}`,
+    label: `placeholder-${o}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${r}`
+      id: `placeholder-${o}`
     }
-  })) : e, [m, e, y]), x = u(
-    (t, r, i, p) => {
-      const s = r, n = t.getFilteredRowModel().flatRows, o = n.find((w) => w.id === s);
-      if (o && !o.original.isDisabled) {
-        if (d && !i && !p && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[s]) {
-          t.setRowSelection({}), b.current = null;
+  })) : 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;
           return;
         }
-        if (l && i && b.current) {
-          const w = b.current;
-          if (!n.find((k) => k.id === w))
-            t.setRowSelection({ [s]: !0 });
+        if (a && i && y.current) {
+          const u = y.current;
+          if (!p.find((P) => P.id === u))
+            t.setRowSelection({ [m]: !0 });
           else {
-            const k = Et(n, s, w), O = {};
-            k.forEach((mt) => O[mt.id] = !0), t.setRowSelection(O);
+            const P = Lt(p, m, u), ot = {};
+            P.forEach((St) => ot[St.id] = !0), t.setRowSelection(ot);
           }
-        } else l && p ? o.toggleSelected() : t.setRowSelection({ [s]: !0 });
-        b.current = s;
+        } else if (a && n)
+          r.toggleSelected();
+        else {
+          const u = t.getState().rowSelection;
+          Object.keys(u).length === 1 && u[m] || t.setRowSelection({ [m]: !0 });
+        }
+        y.current = m;
       }
     },
-    [l, d]
-  ), W = u(
-    (t, r) => {
-      if (!R.current) {
+    [a, d]
+  ), lt = f(
+    (t, o) => {
+      if (!x.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const i = t.shiftKey, p = t.ctrlKey || t.metaKey;
-      x(
-        R.current,
+      const i = t.shiftKey, n = t.ctrlKey || t.metaKey;
+      b(
+        x.current,
         // Pass the main table instance
-        r.id,
+        o.id,
         i,
-        p
+        n
       );
     },
-    [x]
+    [b]
     // Depends only on handleSelectionLogic
-  ), X = u(
-    (t, r, i) => {
-      if (!R.current) return;
-      const p = R.current.getRowModel().rows, s = p.findIndex((o) => o.id === r.id);
-      if (s === -1) return;
-      let n = t === "down" ? s + 1 : s - 1;
-      if (!(n < 0 || n >= p.length))
-        for (; n >= 0 && n < p.length; ) {
-          const o = p[n];
-          if (!o.original.isDisabled) {
-            x(
-              R.current,
-              o.id,
+  ), at = f(
+    (t, o, i) => {
+      if (!x.current) return;
+      const n = x.current.getRowModel().rows, m = n.findIndex((r) => r.id === o.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) {
+            b(
+              x.current,
+              r.id,
               i.shiftKey,
               i.ctrlKey || i.metaKey
             ), requestAnimationFrame(() => {
-              const M = document.getElementById(o.id)?.querySelector('[tabindex="0"]');
-              M && (M.focus(), M.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+              const j = document.getElementById(r.id)?.querySelector('[tabindex="0"]');
+              j && (j.focus(), j.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
           }
-          n = t === "down" ? n + 1 : n - 1;
+          p = t === "down" ? p + 1 : p - 1;
         }
     },
-    [x]
-  ), { handleRowKeyDown: $ } = ft({
-    handleRowSelect: W,
-    handleArrowNavigation: X
-  }), Z = q(
+    [b]
+  ), st = f(
+    (t, o) => {
+      o.original.isDisabled || X.current?.(o.id, o);
+    },
+    []
+    // eslint-disable-line react-hooks/exhaustive-deps
+  ), { handleRowKeyDown: Z } = Tt({
+    handleRowSelect: lt,
+    handleArrowNavigation: at,
+    handleRename: st
+  }), ct = H(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: Ct,
+        sortingFn: Ot,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: t, getValue: r, table: i }) => {
-          const p = i.options.meta, s = (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") || x(
+        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,
               // Pass the cell's table instance
               t.id,
-              o.shiftKey,
-              o.ctrlKey || o.metaKey
+              r.shiftKey,
+              r.ctrlKey || r.metaKey
             );
-          }, n = {
-            className: J({
+          }, p = {
+            className: rt({
               selected: t.getIsSelected(),
-              loading: p?.isLoading,
+              loading: n?.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 || $(o, t);
+            onKeyDown: (r) => {
+              r.target instanceof HTMLInputElement || Z(r, t);
             },
             depth: t.depth,
             tabIndex: 0,
-            value: r(),
+            value: o(),
             parents: t.original.parents,
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
             iconFilled: t.original.iconFilled,
             img: t.original.img,
             imgShape: t.original.imgShape,
-            imgRatio: N,
+            imgRatio: V,
             isRowExpandable: t.getCanExpand(),
-            enableNonFolderIndent: f,
+            enableNonFolderIndent: R,
             isRowExpanded: t.getIsExpanded(),
-            isTableExpandable: p?.isExpandable,
+            isTableExpandable: n?.isExpandable,
             onExpandClick: t.getToggleExpandedHandler(),
             startContent: t.original.startContent,
             endContent: t.original.endContent,
             isDisabled: t.original.isDisabled,
             disabledMessage: t.original.disabledMessage,
-            ...S?.cell,
-            onClick: s
+            isRenaming: t.id === U.current,
+            onSubmitRename: N.current ? (r) => N.current(t.id, r) : void 0,
+            onCancelRename: W.current,
+            ...E?.cell,
+            onClick: m,
             // Added onClick handler
+            onDoubleClick: (r) => Q.current?.(t.id, t)
           };
-          return p?.children ? p.children(n, t, i) : /* @__PURE__ */ h.jsx(wt, { ...n, ...S?.cell });
+          return n?.children ? n.children(p, t, i) : /* @__PURE__ */ S.jsx(Nt, { ...p, ...E?.cell });
         }
       }
     ],
     [
-      y,
-      x,
-      $,
+      C,
+      b,
+      Z,
       d,
-      f,
-      N
+      R,
+      V
     ]
-    // include enableClickToDeselect for completeness
-  ), v = u(
+  ), dt = f(
     (t) => {
-      A(B(t, P));
+      F(it(t, M));
     },
-    [A]
-  ), tt = u(
+    [F]
+  ), ut = f(
     (t) => {
-      z?.(B(t, D || {}));
+      A?.(it(t, v || {}));
     },
-    [z]
-  ), ot = u(
+    [A]
+  ), gt = f(
     (t) => {
-      V?.((r) => {
-        const i = t instanceof Function ? t(r) : t;
-        return Q?.(i), i;
+      _?.((o) => {
+        const i = t instanceof Function ? t(o) : t;
+        return mt?.(i), i;
       });
     },
-    [V]
-  ), C = lt({
-    data: U,
-    columns: Z,
+    [_]
+  ), K = Ct({
+    data: pt,
+    columns: ct,
     state: {
-      expanded: G,
-      rowSelection: P,
-      globalFilter: a,
-      rowPinning: D
+      expanded: nt,
+      rowSelection: M,
+      globalFilter: s,
+      rowPinning: v
     },
-    onRowSelectionChange: v,
-    onRowPinningChange: tt,
+    onRowSelectionChange: dt,
+    onRowPinningChange: ut,
     filterFns: {
-      fuzzy: St
+      fuzzy: $t
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!z,
+    enableRowPinning: !!A,
     getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: ot,
+    onExpandedChange: gt,
     getSubRows: (t) => t.subRows,
-    getCoreRowModel: ct(),
-    getFilteredRowModel: st(),
-    getExpandedRowModel: at(),
+    getCoreRowModel: Mt(),
+    getFilteredRowModel: Et(),
+    getExpandedRowModel: wt(),
     filterFromLeafRows: !0,
     // debugTable: true,
-    meta: {
-      isExpandable: !!g,
-      isLoading: m,
-      children: Y,
-      ...F
-    }
+    // @ts-expect-error: updateData is not required
+    meta: H(
+      () => ({
+        isExpandable: !!g,
+        isLoading: l,
+        children: J,
+        ...w
+      }),
+      [g, l, J, w]
+    )
   });
-  pt(() => {
-    R.current = C;
-  }, [C]);
-  const { rows: I } = C.getRowModel(), L = j(null), E = ut({
-    count: I.length,
-    estimateSize: () => K || 34,
+  bt(() => {
+    x.current = K;
+  }, [K]);
+  const { rows: k } = K.getRowModel(), ft = f(
+    (t, o, i) => {
+      if (!x.current) return;
+      const n = k[o];
+      if (!n || n.original === void 0) return;
+      i.preventDefault(), i.stopPropagation();
+      const m = Object.keys(M), p = m.includes(t) ? m : [t];
+      if (!m.includes(t)) {
+        const u = { [t]: !0 };
+        F?.(u);
+      }
+      const r = I.flatMap(
+        (u) => Vt(
+          u(i, {
+            rowId: t,
+            rowIndex: o,
+            row: n,
+            selectedRows: p,
+            isSelected: p.includes(t)
+          })
+        )
+      );
+      r.length > 0 && G(i, r);
+    },
+    [I, k, M, F, G]
+  ), tt = h(null), T = kt({
+    count: k.length,
+    estimateSize: () => z || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => L.current,
+    getScrollElement: () => tt.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: K ? () => K : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t?.getBoundingClientRect().height : void 0,
+    measureElement: z ? () => z : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), it = u(
+  }), ht = f(
     (t) => {
-      t && E.measureElement(t);
+      t && T.measureElement(t);
     },
-    [E]
-  ), rt = u(
+    [T]
+  ), Rt = f(
     (t) => {
-      if (!T) return;
-      const r = t.currentTarget, { scrollTop: i, scrollHeight: p, clientHeight: s } = r;
-      p - i - s < 100 && !m && T();
+      if (!D) return;
+      const o = t.currentTarget, { scrollTop: i, scrollHeight: n, clientHeight: m } = o;
+      n - i - m < 100 && !l && D();
     },
-    [T, m]
-  ), et = (t) => {
-    d && !t.target.closest("tr") && (C.setRowSelection({}), b.current = null);
+    [D, l]
+  ), xt = (t) => {
+    d && !t.target.closest("tr") && (K.setRowSelection({}), y.current = null);
   };
-  return /* @__PURE__ */ h.jsxs(
-    nt,
+  return /* @__PURE__ */ S.jsxs(
+    yt,
     {
-      ref: L,
-      onScroll: rt,
-      onClick: et,
-      ...H,
-      className: J(H.className, { isLoading: m, fitContent: _ }),
+      ref: tt,
+      onScroll: Rt,
+      onClick: xt,
+      ...Y,
+      className: rt(Y.className, { isLoading: l, fitContent: et }),
       children: [
-        !c && /* @__PURE__ */ h.jsx("table", { children: /* @__PURE__ */ h.jsx(
+        !c && /* @__PURE__ */ S.jsx("table", { children: /* @__PURE__ */ S.jsx(
           "tbody",
           {
             style: {
-              height: `${E?.getTotalSize()}px`
+              height: `${T?.getTotalSize()}px`
               //tells scrollbar how big the table is
             },
-            children: E?.getVirtualItems().map((t) => {
-              const r = I[t.index];
-              return /* @__PURE__ */ h.jsx(
+            children: T?.getVirtualItems().map((t) => {
+              const o = k[t.index];
+              return /* @__PURE__ */ S.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: it,
-                  id: r.id,
-                  ...S?.row,
+                  ref: ht,
+                  id: o.id,
+                  onContextMenu: (i) => ft(o.id, t.index, i),
+                  ...E?.row,
                   style: {
                     transform: `translateY(${t.start}px)`,
                     //this should always be a `style` as it changes on scroll
-                    ...S?.row?.style
+                    ...E?.row?.style
                     // custom styles to be passed
                   },
-                  children: r.getVisibleCells().map((i) => /* @__PURE__ */ h.jsx("td", { children: dt(i.column.columnDef.cell, i.getContext()) }, i.id))
+                  children: o.getVisibleCells().map((i) => /* @__PURE__ */ S.jsx("td", { children: Ft(i.column.columnDef.cell, i.getContext()) }, i.id))
                 },
-                r.id
+                o.id
               );
             })
           }
         ) }),
-        !!c && /* @__PURE__ */ h.jsx(yt, { error: c })
+        !!c && /* @__PURE__ */ S.jsx(Pt, { error: c })
       ]
     }
   );
 };
 export {
-  Zm as default
+  bm as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map