@ynput/ayon-frontend-shared 0.8.0 → 0.9.0

package/dist/chunks/SimpleTable.es.js

@@ -1,8 +1,8 @@
 import { jsx as g, jsxs as O, Fragment as Re } from "react/jsx-runtime";
-import { useCallback as w, createContext as He, useContext as Oe, forwardRef as _e, useState as Ce, useEffect as ce, useMemo as le, useRef as C } from "react";
-import { theme as Je, Button as Ee, Icon as ve, InputText as Qe, Spacer as Ue, Dialog as We } from "@ynput/ayon-react-components";
+import { useCallback as w, createContext as qe, useContext as Oe, forwardRef as _e, useState as Ce, useEffect as ce, useMemo as le, useRef as C } from "react";
+import { theme as Je, Button as Ee, Icon as ve, InputText as Qe, Spacer as Ue, Dialog as Ge } from "@ynput/ayon-react-components";
 import _ from "styled-components";
-import { functionalUpdate as Se, useReactTable as Xe, getExpandedRowModel as Ye, getFilteredRowModel as Ge, getCoreRowModel as Ze, flexRender as et, sortingFns as tt } from "@tanstack/react-table";
+import { functionalUpdate as Se, useReactTable as We, getExpandedRowModel as Xe, getFilteredRowModel as Ye, getCoreRowModel as Ze, flexRender as et, sortingFns as tt } from "@tanstack/react-table";
 import { useVirtualizer as nt } from "@tanstack/react-virtual";
 import z from "clsx";
 import { compareItems as ot } from "@tanstack/match-sorter-utils";
@@ -10,15 +10,15 @@ import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bE as rt, bF as at } from "./searchTerms.es.js";
+import { bM as rt, bG as at, bH as it } from "./searchTerms.es.js";
 import "axios";
-import { E as it } from "./EmptyPlaceholder.es.js";
+import { E as st } from "./EmptyPlaceholder.es.js";
 import "./ContextMenuContextInstance.es.js";
 import "primereact-context/contextmenu";
-import { u as st } from "./useCreateContextMenu.es.js";
-import { ContributionView as lt, useContributions as ct, runContribution as dt } from "@ynput/ayon-addon";
-import { reportContributionError as ut, parseShortcut as pt, matchesShortcut as gt } from "@ynput/ayon-addon/host";
-const mt = _.div`
+import { u as lt } from "./useCreateContextMenu.es.js";
+import { ContributionView as ct, useContributions as dt, runContribution as ut } from "@ynput/ayon-addon";
+import { reportContributionError as pt, parseShortcut as gt, matchesShortcut as mt } from "@ynput/ayon-addon/host";
+const ft = _.div`
   display: flex;
 
   height: 100%;
@@ -74,7 +74,7 @@ const mt = _.div`
     padding: 1px 0px;
     width: 100%;
   }
-`, ft = _.div`
+`, ht = _.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -280,7 +280,7 @@ const mt = _.div`
       border-radius: 2px;
     }
   }
-`, ht = _(Ee)`
+`, yt = _(Ee)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -299,7 +299,7 @@ const mt = _.div`
   display: flex;
   flex-direction: column;
   position: relative;
-`, Gt = _.div`
+`, Zt = _.div`
   padding: 2px;
   width: 100%;
   justify-content: space-between;
@@ -310,7 +310,7 @@ const mt = _.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, Zt = _(Ee)`
+`, en = _(Ee)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -331,7 +331,7 @@ const mt = _.div`
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
 `;
-function yt({
+function xt({
   handleRowSelect: t,
   handleArrowNavigation: o,
   handleRename: a
@@ -349,19 +349,19 @@ function yt({
     [t, o, a]
   ) };
 }
-const ke = He(void 0), xt = () => {
+const ke = qe(void 0), bt = () => {
   const t = Oe(ke);
   if (t === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return t;
-}, en = ({ children: t, ...o }) => /* @__PURE__ */ g(ke.Provider, { value: { ...o }, children: t }), bt = ({
+}, tn = ({ children: t, ...o }) => /* @__PURE__ */ g(ke.Provider, { value: { ...o }, children: t }), wt = ({
   isRowExpandable: t,
   isRowExpanded: o,
   enableNonFolderIndent: a = !0,
   isTableExpandable: d,
   onExpandClick: n
 }) => t ? /* @__PURE__ */ g(
-  ht,
+  yt,
   {
     onClick: (u) => {
       u.stopPropagation(), n?.(u);
@@ -370,7 +370,7 @@ const ke = He(void 0), xt = () => {
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : d && a && /* @__PURE__ */ g("div", { style: { display: "inline-block", minWidth: 24 } }), wt = _e(
+) : d && a && /* @__PURE__ */ g("div", { style: { display: "inline-block", minWidth: 24 } }), vt = _e(
   ({
     value: t,
     icon: o,
@@ -383,32 +383,32 @@ const ke = He(void 0), xt = () => {
     imgPosition: b = "start",
     isRowExpandable: S,
     isRowExpanded: E,
-    isTableExpandable: M,
+    isTableExpandable: K,
     enableNonFolderIndent: D = !0,
     onExpandClick: I,
-    startContent: K,
+    startContent: M,
     endContent: J,
     badge: N,
-    actions: j,
+    actions: $,
     isRenaming: T,
-    renameInitialValue: $,
+    renameInitialValue: j,
     onSubmitRename: Z,
     onCancelRename: Q,
     renamePlaceholder: ee,
     depth: U = 0,
-    isDisabled: W,
+    isDisabled: G,
     disabledMessage: L,
     active: de,
     inactive: P,
-    style: X,
+    style: W,
     pt: y,
     ...te
   }, ne) => {
-    const [oe, Y] = Ce($ ?? t);
+    const [oe, X] = Ce(j ?? t);
     ce(() => {
-      T && Y($ ?? t);
-    }, [t, T, $]);
-    const G = u ? /* @__PURE__ */ g(
+      T && X(j ?? t);
+    }, [t, T, j]);
+    const Y = u ? /* @__PURE__ */ g(
       "img",
       {
         src: u,
@@ -434,34 +434,34 @@ const ke = He(void 0), xt = () => {
       )
     );
     return /* @__PURE__ */ O(
-      ft,
+      ht,
       {
         ...te,
         ref: ne,
         className: z(te.className, {
-          disabled: W,
+          disabled: G,
           inactive: P || de === !1,
-          "has-actions": !!j?.length
+          "has-actions": !!$?.length
         }),
         style: {
-          ...X,
+          ...W,
           paddingLeft: `calc(${U * 1.5}rem + 4px)`
         },
-        title: W ? L : void 0,
+        title: G ? L : void 0,
         children: [
           /* @__PURE__ */ g(
-            bt,
+            wt,
             {
               isRowExpandable: S,
               isRowExpanded: E,
-              isTableExpandable: M,
+              isTableExpandable: K,
               onExpandClick: I,
               enableNonFolderIndent: D,
               ...y?.expander
             }
           ),
-          b === "start" && G,
-          K,
+          b === "start" && Y,
+          M,
           o && /* @__PURE__ */ g(
             ve,
             {
@@ -479,7 +479,7 @@ const ke = He(void 0), xt = () => {
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (v) => Y(v.target.value),
+              onChange: (v) => X(v.target.value),
               value: oe,
               placeholder: ee,
               onKeyDown: (v) => {
@@ -503,7 +503,7 @@ const ke = He(void 0), xt = () => {
           !T && /* @__PURE__ */ O(Re, { children: [
             /* @__PURE__ */ g(Ue, { className: "spacer" }),
             N?.toString() && /* @__PURE__ */ g("div", { className: "badges", children: typeof N == "string" ? /* @__PURE__ */ g("span", { children: N }) : N }),
-            j && /* @__PURE__ */ g("div", { className: "actions", children: j.map((v, F) => {
+            $ && /* @__PURE__ */ g("div", { className: "actions", children: $.map((v, F) => {
               const { show: k = "hover", ...A } = v;
               return k === "hidden" ? null : /* @__PURE__ */ g(
                 ve,
@@ -515,57 +515,57 @@ const ke = He(void 0), xt = () => {
               );
             }) })
           ] }),
-          b === "end" && G,
+          b === "end" && Y,
           J && J
         ]
       }
     );
   }
-), vt = ({
+), St = ({
   contribution: t,
   error: o,
   onReported: a
 }) => (ce(() => {
-  ut(t, o), a();
-}, [t, o, a]), null), St = ({ contribution: t, context: o }) => {
+  pt(t, o), a();
+}, [t, o, a]), null), Rt = ({ contribution: t, context: o }) => {
   const a = t;
   return /* @__PURE__ */ g(
-    We,
+    Ge,
     {
       isOpen: !0,
       header: String(a.dialogTitle || a.label || a.id),
       size: a.dialogSize || "md",
       onClose: o.close,
       children: /* @__PURE__ */ g(
-        lt,
+        ct,
         {
           contribution: t,
           piece: "dialog",
           context: o,
-          error: (d) => /* @__PURE__ */ g(vt, { contribution: a, error: d, onReported: o.close })
+          error: (d) => /* @__PURE__ */ g(St, { contribution: a, error: d, onReported: o.close })
         }
       )
     }
   );
-}, Rt = ["overview", "products", "lists"], Ct = (t, o, a) => Rt.includes(t) && o ? a.flatMap(
+}, Ct = ["overview", "products", "lists"], Et = (t, o, a) => Ct.includes(t) && o ? a.flatMap(
   ({ id: d, entityType: n, name: u, label: x }) => n ? [{ id: d, entityType: n, projectName: o, name: u, label: x }] : []
-) : [], Et = (t) => {
-  const { contributions: o } = ct("table.shortcut"), [a, d] = Ce(null), n = le(
+) : [], kt = (t) => {
+  const { contributions: o } = dt("table.shortcut"), [a, d] = Ce(null), n = le(
     () => t ? o.flatMap((c) => {
-      const b = pt(c.keys), S = !c.tables?.length || c.tables.includes(t);
+      const b = gt(c.keys), S = !c.tables?.length || c.tables.includes(t);
       return b && S ? [{ contribution: c, shortcut: b }] : [];
     }) : [],
     [o, t]
   ), u = w(
     (c, b) => {
-      const { table: S, projectName: E, rows: M } = b, D = { ...b, entities: Ct(S, E, M) };
-      c.dialog ? d({ contribution: c, context: { ...D, close: () => d(null) } }) : dt(c, D);
+      const { table: S, projectName: E, rows: K } = b, D = { ...b, entities: Et(S, E, K) };
+      c.dialog ? d({ contribution: c, context: { ...D, close: () => d(null) } }) : ut(c, D);
     },
     []
   ), x = w(
     (c, b) => {
       if (!t || c.repeat) return !1;
-      const S = n.find(({ shortcut: M }) => gt(c, M));
+      const S = n.find(({ shortcut: K }) => mt(c, K));
       if (!S) return !1;
       const E = b();
       return E?.rows.length ? (c.preventDefault(), c.stopPropagation(), u(S.contribution, { ...E, table: t }), !0) : !1;
@@ -573,18 +573,20 @@ const ke = He(void 0), xt = () => {
     [n, t, u]
   );
   return { hasShortcuts: n.length > 0, handleShortcut: x, runShortcut: u, dialog: a };
-}, kt = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], Ke = (t, o) => {
-  t.toggleExpanded(o), t.subRows.forEach((a) => Ke(a, o));
-}, Me = (t, o, a, d) => {
+}, Mt = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], Me = (t, o) => {
+  t.toggleExpanded(o), t.subRows.forEach((a) => Me(a, o));
+}, Ke = (t, o, a, d) => {
   const n = t.getValue(o);
   let u = typeof n == "string" ? n : Array.isArray(n) ? n.join(" ") : JSON.stringify(n);
-  o === "label" && (u = [t.original.label, t.original.name, ...t.original.parents || []].join(
-    " "
+  o === "label" && (u = rt(
+    t.original.label,
+    t.original.name,
+    t.original.parents
   ));
-  const x = rt(u, a);
+  const x = at(u, a);
   return d({ itemRank: x }), x.passed;
 };
-Me.resolveFilterValue = at;
+Ke.resolveFilterValue = it;
 const Kt = (t, o, a) => {
   let d = 0;
   return t.columnFiltersMeta[a] && (d = ot(
@@ -592,7 +594,7 @@ const Kt = (t, o, a) => {
     o.columnFiltersMeta[a]?.itemRank
   )), d === 0 ? tt.alphanumeric(t, o, a) : d;
 };
-function Mt(t, o, a) {
+function Ft(t, o, a) {
   let d = -1, n = -1;
   for (let c = 0; c < t.length && (t[c].id === o && (d = c), t[c].id === a && (n = c), !(d !== -1 && n !== -1)); c++)
     ;
@@ -600,7 +602,7 @@ function Mt(t, o, a) {
   const u = Math.min(d, n), x = Math.max(d, n);
   return t.slice(u, x + 1);
 }
-const tn = ({
+const nn = ({
   data: t = [],
   isLoading: o,
   error: a,
@@ -612,45 +614,45 @@ const tn = ({
   globalFilter: b,
   meta: S,
   rowHeight: E,
-  imgRatio: M,
+  imgRatio: K,
   imgPosition: D,
   onScrollBottom: I,
-  scrollToRowId: K,
+  scrollToRowId: M,
   onRename: J,
   renamingId: N,
-  renameInitialValue: j,
+  renameInitialValue: $,
   onSubmitRename: T,
-  onCancelRename: $,
+  onCancelRename: j,
   onRowDoubleClick: Z,
   onRowOptionClick: Q,
   rowContextMenuBuilders: ee = [],
   addonShortcuts: U,
-  children: W,
+  children: G,
   pt: L,
   fitContent: de,
   rowIdPrefix: P,
-  ...X
+  ...W
 }) => {
   const {
     rowSelection: y,
     expanded: te,
     setExpanded: ne,
     onExpandedChange: oe,
-    onRowSelectionChange: Y,
-    rowPinning: G,
+    onRowSelectionChange: X,
+    rowPinning: Y,
     onRowPinningChange: v
-  } = xt(), F = C(null), k = C(null), A = C(P);
+  } = bt(), F = C(null), k = C(null), A = C(P);
   A.current = P;
-  const re = (e) => A.current ? `${A.current}-${e}` : e, [ge] = st(), me = C(Z);
+  const re = (e) => A.current ? `${A.current}-${e}` : e, [ge] = lt(), me = C(Z);
   me.current = Z;
   const ue = C(N);
   ue.current = N;
-  const fe = C(j);
-  fe.current = j;
+  const fe = C($);
+  fe.current = $;
   const pe = C(T);
   pe.current = T;
-  const he = C($);
-  he.current = $;
+  const he = C(j);
+  he.current = j;
   const ye = C(J);
   ye.current = J;
   const Fe = le(() => o ? Array.from({ length: 10 }, (e, i) => ({
@@ -663,7 +665,7 @@ const tn = ({
     data: {
       id: `placeholder-${i}`
     }
-  })) : t, [o, t, c]), B = w(
+  })) : t, [o, t, c]), H = w(
     (e, i, s, p) => {
       const m = i, f = e.getRowModel(), r = f.rows, R = f.rowsById[m], h = e.getState().rowSelection || {};
       if (!R) return { ...h };
@@ -673,8 +675,8 @@ const tn = ({
         return e.setRowSelection({}), F.current = null, {};
       let l;
       if (n && s && F.current) {
-        const se = F.current, we = Mt(r, m, se);
-        we.length === 0 ? l = { ...h, [m]: !0 } : (l = { ...h }, we.forEach((qe) => l[qe.id] = !0));
+        const se = F.current, we = Ft(r, m, se);
+        we.length === 0 ? l = { ...h, [m]: !0 } : (l = { ...h }, we.forEach((Ve) => l[Ve.id] = !0));
       } else n && p ? (l = { ...h }, l[m] ? delete l[m] : l[m] = !0) : (l = { ...h }, Object.keys(l).length === 1 && l[m] || (l = { [m]: !0 }));
       return e.setRowSelection(l), F.current = m, l;
     },
@@ -686,7 +688,7 @@ const tn = ({
         return;
       }
       const s = e.shiftKey, p = e.ctrlKey || e.metaKey;
-      B(
+      H(
         k.current,
         // Pass the main table instance
         i.id,
@@ -694,7 +696,7 @@ const tn = ({
         p
       );
     },
-    [B]
+    [H]
     // Depends only on handleSelectionLogic
   ), Ne = w(
     (e, i, s) => {
@@ -706,7 +708,7 @@ const tn = ({
         for (; f >= 0 && f < p.length; ) {
           const r = p[f];
           if (!r.original.isDisabled) {
-            B(
+            H(
               k.current,
               r.id,
               s.shiftKey,
@@ -720,14 +722,14 @@ const tn = ({
           f = e === "down" ? f + 1 : f - 1;
         }
     },
-    [B]
+    [H]
   ), Te = w(
     (e, i) => {
       i.original.isDisabled || ye.current?.(i.id, i);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), { handleRowKeyDown: xe } = yt({
+  ), { handleRowKeyDown: xe } = xt({
     handleRowSelect: De,
     handleArrowNavigation: Ne,
     handleRename: Te
@@ -743,7 +745,7 @@ const tn = ({
           const p = s.options.meta, m = (r) => {
             if (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"))
               return;
-            const h = r.altKey && e.getIsSelected() && !r.shiftKey && !r.ctrlKey && !r.metaKey ? s.getState().rowSelection || {} : B(
+            const h = r.altKey && e.getIsSelected() && !r.shiftKey && !r.ctrlKey && !r.metaKey ? s.getState().rowSelection || {} : H(
               s,
               // Pass the cell's table instance
               e.id,
@@ -772,14 +774,14 @@ const tn = ({
             iconFilled: e.original.iconFilled,
             img: e.original.img,
             imgShape: e.original.imgShape,
-            imgRatio: M,
+            imgRatio: K,
             imgPosition: D,
             isRowExpandable: e.getCanExpand(),
             enableNonFolderIndent: x,
             isRowExpanded: e.getIsExpanded(),
             isTableExpandable: p?.isExpandable,
             onExpandClick: (r) => {
-              r?.altKey ? Ke(e, !e.getIsExpanded()) : e.toggleExpanded();
+              r?.altKey ? Me(e, !e.getIsExpanded()) : e.toggleExpanded();
             },
             startContent: e.original.startContent,
             endContent: e.original.endContent,
@@ -795,31 +797,31 @@ const tn = ({
             // Added onClick handler
             onDoubleClick: (r) => me.current?.(e.id, e)
           };
-          return p?.children ? p.children(f, e, s) : /* @__PURE__ */ g(wt, { ...f, ...L?.cell });
+          return p?.children ? p.children(f, e, s) : /* @__PURE__ */ g(vt, { ...f, ...L?.cell });
         }
       }
     ],
     [
       c,
-      B,
+      H,
       xe,
       u,
       x,
-      M,
+      K,
       D,
       Q
     ]
   ), ze = w(
     (e) => {
-      Y(Se(e, y));
+      X(Se(e, y));
     },
-    [Y]
+    [X]
   ), Ie = w(
     (e) => {
-      v?.(Se(e, G || {}));
+      v?.(Se(e, Y || {}));
     },
     [v]
-  ), je = w(
+  ), $e = w(
     (e) => {
       ne?.((i) => {
         const s = e instanceof Function ? e(i) : e;
@@ -827,7 +829,7 @@ const tn = ({
       });
     },
     [ne]
-  ), V = Xe({
+  ), B = We({
     data: Fe,
     columns: Ae,
     state: {
@@ -835,12 +837,12 @@ const tn = ({
       expanded: b ? !0 : te,
       rowSelection: y,
       globalFilter: b,
-      rowPinning: G
+      rowPinning: Y
     },
     onRowSelectionChange: ze,
     onRowPinningChange: Ie,
     filterFns: {
-      fuzzy: Me
+      fuzzy: Ke
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
@@ -849,11 +851,11 @@ const tn = ({
     getRowId: (e) => e.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: je,
+    onExpandedChange: $e,
     getSubRows: (e) => e.subRows,
     getCoreRowModel: Ze(),
-    getFilteredRowModel: Ge(),
-    getExpandedRowModel: Ye(),
+    getFilteredRowModel: Ye(),
+    getExpandedRowModel: Xe(),
     filterFromLeafRows: !0,
     // debugTable: true,
     // @ts-expect-error: updateData is not required
@@ -861,38 +863,38 @@ const tn = ({
       () => ({
         isExpandable: !!d,
         isLoading: o,
-        children: W,
+        children: G,
         ...S
       }),
-      [d, o, W, S]
+      [d, o, G, S]
     )
   });
   ce(() => {
-    k.current = V;
-  }, [V]);
-  const { rows: q } = V.getRowModel(), $e = w(
+    k.current = B;
+  }, [B]);
+  const { rows: V } = B.getRowModel(), je = w(
     (e, i, s) => {
       if (!k.current) return;
-      const p = q[i];
+      const p = V[i];
       if (!p || p.original === void 0) return;
       s.preventDefault(), s.stopPropagation();
       const m = Object.keys(y), f = m.includes(e), r = f ? m : [e], R = ee.flatMap(
-        (h) => kt(
+        (h) => Mt(
           h(s, {
             rowId: e,
             rowIndex: i,
             row: p,
             selectedRows: r,
-            selectedTableRows: r.map((l) => V.getRowModel().rowsById[l]).filter((l) => !!l),
+            selectedTableRows: r.map((l) => B.getRowModel().rowsById[l]).filter((l) => !!l),
             isSelected: f
           })
         )
       );
       R.length > 0 && ge(s, R);
     },
-    [ee, q, y, ge]
-  ), ae = C(null), H = nt({
-    count: q.length,
+    [ee, V, y, ge]
+  ), ae = C(null), q = nt({
+    count: V.length,
     estimateSize: () => E || 34,
     //estimate row height for accurate scrollbar dragging
     getScrollElement: () => ae.current,
@@ -901,21 +903,21 @@ const tn = ({
     overscan: 5
   }), be = C(void 0);
   ce(() => {
-    if (!K || be.current === K) return;
-    const e = q.findIndex((i) => i.id === K);
-    e < 0 || (be.current = K, F.current = K, H.scrollToIndex(e, { align: "center" }), requestAnimationFrame(
+    if (!M || be.current === M) return;
+    const e = V.findIndex((i) => i.id === M);
+    e < 0 || (be.current = M, F.current = M, q.scrollToIndex(e, { align: "center" }), requestAnimationFrame(
       () => requestAnimationFrame(() => {
         ae.current?.querySelector(
-          `#${CSS.escape(re(K))}`
+          `#${CSS.escape(re(M))}`
         )?.querySelector('[tabindex="0"]')?.focus({ preventScroll: !0 });
       })
     ));
-  }, [K, q, H]);
+  }, [M, V, q]);
   const Le = w(
     (e) => {
-      e && H.measureElement(e);
+      e && q.measureElement(e);
     },
-    [H]
+    [q]
   ), Pe = w(
     (e) => {
       if (!I) return;
@@ -924,29 +926,29 @@ const tn = ({
     },
     [I, o]
   ), {
-    hasShortcuts: Be,
-    handleShortcut: Ve,
+    hasShortcuts: He,
+    handleShortcut: Be,
     dialog: ie
-  } = Et(U?.table);
+  } = kt(U?.table);
   return /* @__PURE__ */ O(Re, { children: [
     /* @__PURE__ */ O(
-      mt,
+      ft,
       {
         ref: ae,
         onScroll: Pe,
         onClick: (e) => {
-          u && !e.target.closest("tr") && (V.setRowSelection({}), F.current = null);
+          u && !e.target.closest("tr") && (B.setRowSelection({}), F.current = null);
         },
-        ...X,
+        ...W,
         onKeyDown: (e) => {
-          X.onKeyDown?.(e);
+          W.onKeyDown?.(e);
           const i = e.target;
-          if (!Be || ie || e.defaultPrevented || ["INPUT", "TEXTAREA"].includes(i.tagName) || i.isContentEditable) return;
+          if (!He || ie || e.defaultPrevented || ["INPUT", "TEXTAREA"].includes(i.tagName) || i.isContentEditable) return;
           const s = i.closest("tr")?.id;
           if (!s) return;
           const p = P ? s.slice(P.length + 1) : s;
-          Ve(e, () => {
-            const { rowsById: m } = V.getRowModel(), f = (h) => {
+          Be(e, () => {
+            const { rowsById: m } = B.getRowModel(), f = (h) => {
               const l = m[h]?.original;
               if (!l) return;
               const { entityType: se } = l.data;
@@ -966,24 +968,24 @@ const tn = ({
             };
           });
         },
-        className: z(X.className, { isLoading: o, fitContent: de }),
+        className: z(W.className, { isLoading: o, fitContent: de }),
         children: [
           !a && /* @__PURE__ */ g("table", { children: /* @__PURE__ */ g(
             "tbody",
             {
               style: {
-                height: `${H?.getTotalSize()}px`
+                height: `${q?.getTotalSize()}px`
                 //tells scrollbar how big the table is
               },
-              children: H?.getVirtualItems().map((e) => {
-                const i = q[e.index];
+              children: q?.getVirtualItems().map((e) => {
+                const i = V[e.index];
                 return /* @__PURE__ */ g(
                   "tr",
                   {
                     "data-index": e.index,
                     ref: Le,
                     id: re(i.id),
-                    onContextMenu: (s) => $e(i.id, e.index, s),
+                    onContextMenu: (s) => je(i.id, e.index, s),
                     ...L?.row,
                     style: {
                       transform: `translateY(${e.start}px)`,
@@ -998,28 +1000,28 @@ const tn = ({
               })
             }
           ) }),
-          !!a && /* @__PURE__ */ g(it, { error: a })
+          !!a && /* @__PURE__ */ g(st, { error: a })
         ]
       }
     ),
-    ie && /* @__PURE__ */ g(St, { contribution: ie.contribution, context: ie.context })
+    ie && /* @__PURE__ */ g(Rt, { contribution: ie.contribution, context: ie.context })
   ] });
 };
 export {
-  St as A,
-  ft as C,
-  ht as E,
-  Gt as H,
-  bt as R,
-  tn as S,
-  mt as T,
+  Rt as A,
+  ht as C,
+  yt as E,
+  Zt as H,
+  wt as R,
+  nn as S,
+  ft as T,
   Yt as a,
-  Zt as b,
-  wt as c,
+  en as b,
+  vt as c,
   ke as d,
-  en as e,
-  vt as f,
-  Et as g,
-  Ct as s,
-  xt as u
+  tn as e,
+  St as f,
+  kt as g,
+  Et as s,
+  bt as u
 };