@ynput/ayon-frontend-shared 0.6.9 → 0.7.0

package/dist/chunks/SimpleTable.es.js

@@ -1,21 +1,21 @@
-import { jsx as d, jsxs as _, Fragment as Ae } from "react/jsx-runtime";
-import { useCallback as v, createContext as Ie, useContext as Le, forwardRef as je, useState as Pe, useEffect as ye, useRef as R, useMemo as se } from "react";
-import { theme as He, Button as xe, Icon as fe, InputText as Ve, Spacer as Be } from "@ynput/ayon-react-components";
-import L from "styled-components";
-import { functionalUpdate as he, useReactTable as qe, getExpandedRowModel as Oe, getFilteredRowModel as _e, getCoreRowModel as Qe, flexRender as Je, sortingFns as Ue } from "@tanstack/react-table";
-import { useVirtualizer as We } from "@tanstack/react-virtual";
-import K from "clsx";
-import { compareItems as Ye } from "@tanstack/match-sorter-utils";
+import { jsx as u, jsxs as W, Fragment as Le } from "react/jsx-runtime";
+import { useCallback as w, createContext as je, useContext as Pe, forwardRef as qe, useState as He, useEffect as ce, useRef as v, useMemo as se } from "react";
+import { theme as Ve, Button as ve, Icon as xe, InputText as Be, Spacer as Oe } from "@ynput/ayon-react-components";
+import P from "styled-components";
+import { functionalUpdate as be, useReactTable as _e, getExpandedRowModel as Qe, getFilteredRowModel as Je, getCoreRowModel as Ue, flexRender as We, sortingFns as Ye } from "@tanstack/react-table";
+import { useVirtualizer as Ge } from "@tanstack/react-virtual";
+import M from "clsx";
+import { compareItems as Xe } from "@tanstack/match-sorter-utils";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bt as Ge, bu as Xe } from "./searchTerms.es.js";
-import { E as Ze } from "./EmptyPlaceholder.es.js";
+import { bE as Ze, bF as et } from "./searchTerms.es.js";
+import { E as tt } from "./EmptyPlaceholder.es.js";
 import "./ContextMenuContextInstance.es.js";
 import "primereact-context/contextmenu";
-import { u as et } from "./useCreateContextMenu.es.js";
-const tt = L.div`
+import { u as nt } from "./useCreateContextMenu.es.js";
+const ot = P.div`
   display: flex;
 
   height: 100%;
@@ -41,7 +41,7 @@ const tt = L.div`
       font-size: 32px;
     }
     h3 {
-      ${He.titleMedium}
+      ${Ve.titleMedium}
     }
   }
 
@@ -71,7 +71,7 @@ const tt = L.div`
     padding: 1px 0px;
     width: 100%;
   }
-`, nt = L.div`
+`, rt = P.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -109,13 +109,15 @@ const tt = L.div`
     pointer-events: none;
   }
 
-  &:hover {
+  &:hover,
+  tr[data-context-menu-target] & {
     background-color: var(--md-sys-color-surface-container-hover);
   }
 
   &.selected {
     background-color: var(--md-sys-color-primary-container);
-    &:hover {
+    &:hover,
+    tr[data-context-menu-target] & {
       background-color: var(--md-sys-color-primary-container-hover);
     }
 
@@ -155,13 +157,24 @@ const tt = L.div`
   .badges {
     color: var(--md-sys-color-outline);
     padding-right: 4px;
+
+    /* an icon tag, the size of an action button */
+    .badge-icon {
+      padding: var(--padding-s);
+      color: var(--md-sys-color-on-surface);
+    }
   }
 
   .actions {
-    display: flex;
+    /* hidden while none of its icons show, so its gap doesn't move the badge */
+    display: none;
     align-items: center;
     gap: var(--base-gap-small);
 
+    &:has(.icon.show-always, .icon.active) {
+      display: flex;
+    }
+
     .icon {
       border-radius: var(--border-radius-m);
       padding: var(--padding-s);
@@ -185,6 +198,7 @@ const tt = L.div`
 
   &:hover {
     .actions {
+      display: flex;
       .icon:not(.show-hidden) {
         display: flex;
       }
@@ -195,6 +209,7 @@ const tt = L.div`
   }
 
   &.pinned {
+    .actions,
     .pin {
       display: flex;
     }
@@ -262,7 +277,7 @@ const tt = L.div`
       border-radius: 2px;
     }
   }
-`, ot = L(xe)`
+`, at = P(ve)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -271,7 +286,7 @@ const tt = L.div`
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`, Ft = L.div`
+`, Dt = P.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -281,7 +296,7 @@ const tt = L.div`
   display: flex;
   flex-direction: column;
   position: relative;
-`, Nt = L.div`
+`, zt = P.div`
   padding: 2px;
   width: 100%;
   justify-content: space-between;
@@ -292,7 +307,7 @@ const tt = L.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, Tt = L(xe)`
+`, Tt = P(ve)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -313,594 +328,602 @@ const tt = L.div`
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
 `;
-function rt({
+function it({
   handleRowSelect: t,
-  handleArrowNavigation: a,
+  handleArrowNavigation: i,
   handleRename: l
 }) {
-  return { handleRowKeyDown: v(
-    (n, p) => {
+  return { handleRowKeyDown: w(
+    (n, g) => {
       if (["Enter", " "].includes(n.key))
-        n.preventDefault(), n.stopPropagation(), t(n, p);
+        n.preventDefault(), n.stopPropagation(), t(n, g);
       else if (n.key === "ArrowDown" || n.key === "ArrowUp") {
         n.preventDefault(), n.stopPropagation();
         const b = n.key === "ArrowDown" ? "down" : "up";
-        a?.(b, p, n);
-      } else n.key.toLowerCase() === "r" && !n.ctrlKey && !n.metaKey && (n.preventDefault(), n.stopPropagation(), l?.(n, p));
+        i?.(b, g, n);
+      } else n.key.toLowerCase() === "r" && !n.ctrlKey && !n.metaKey && (n.preventDefault(), n.stopPropagation(), l?.(n, g));
     },
-    [t, a, l]
+    [t, i, l]
   ) };
 }
-const be = Ie(void 0), at = () => {
-  const t = Le(be);
+const we = je(void 0), lt = () => {
+  const t = Pe(we);
   if (t === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return t;
-}, Dt = ({ children: t, ...a }) => /* @__PURE__ */ d(be.Provider, { value: { ...a }, children: t }), it = ({
+}, At = ({ children: t, ...i }) => /* @__PURE__ */ u(we.Provider, { value: { ...i }, children: t }), st = ({
   isRowExpandable: t,
-  isRowExpanded: a,
+  isRowExpanded: i,
   enableNonFolderIndent: l = !0,
-  isTableExpandable: u,
+  isTableExpandable: p,
   onExpandClick: n
-}) => t ? /* @__PURE__ */ d(
-  ot,
+}) => t ? /* @__PURE__ */ u(
+  at,
   {
-    onClick: (p) => {
-      p.stopPropagation(), n?.(p);
+    onClick: (g) => {
+      g.stopPropagation(), n?.(g);
     },
-    icon: a ? "expand_more" : "chevron_right",
+    icon: i ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : u && l && /* @__PURE__ */ d("div", { style: { display: "inline-block", minWidth: 24 } }), lt = je(
+) : p && l && /* @__PURE__ */ u("div", { style: { display: "inline-block", minWidth: 24 } }), ct = qe(
   ({
     value: t,
-    icon: a,
+    icon: i,
     parents: l,
-    iconColor: u,
+    iconColor: p,
     iconFilled: n,
-    img: p,
+    img: g,
     imgShape: b = "square",
-    imgRatio: x,
-    imgPosition: M = "start",
-    isRowExpandable: Q,
-    isRowExpanded: j,
-    isTableExpandable: J,
-    enableNonFolderIndent: U = !0,
-    onExpandClick: P,
-    startContent: W,
-    endContent: H,
-    badge: C,
-    actions: F,
-    isRenaming: E,
-    renameInitialValue: N,
-    onSubmitRename: Y,
-    onCancelRename: V,
-    renamePlaceholder: G,
-    depth: k = 0,
-    isDisabled: X,
-    disabledMessage: Z,
-    active: ee,
-    inactive: T,
-    style: re,
+    imgRatio: h,
+    imgPosition: N = "start",
+    isRowExpandable: Y,
+    isRowExpanded: q,
+    isTableExpandable: G,
+    enableNonFolderIndent: X = !0,
+    onExpandClick: H,
+    startContent: R,
+    endContent: V,
+    badge: k,
+    actions: D,
+    isRenaming: F,
+    renameInitialValue: z,
+    onSubmitRename: Z,
+    onCancelRename: B,
+    renamePlaceholder: ee,
+    depth: O = 0,
+    isDisabled: K,
+    disabledMessage: re,
+    active: te,
+    inactive: ne,
+    style: T,
     pt: y,
-    ...te
-  }, D) => {
-    const [B, z] = Pe(N ?? t);
-    ye(() => {
-      E && z(N ?? t);
-    }, [t, E, N]);
-    const S = p ? /* @__PURE__ */ d(
+    ..._
+  }, ae) => {
+    const [Q, J] = He(z ?? t);
+    ce(() => {
+      F && J(z ?? t);
+    }, [t, F, z]);
+    const A = g ? /* @__PURE__ */ u(
       "img",
       {
-        src: p,
+        src: g,
         ...y?.img,
         alt: "",
-        className: K("image", b, `img-${M}`, y?.img?.className),
+        className: M("image", b, `img-${N}`, y?.img?.className),
         style: {
-          aspectRatio: (x ?? 1).toString(),
+          aspectRatio: (h ?? 1).toString(),
           ...y?.img?.style
         }
       }
     ) : (
       // keep the slot so rows don't shift when a thumbnail is missing
-      x !== void 0 && /* @__PURE__ */ d(
+      h !== void 0 && /* @__PURE__ */ u(
         "div",
         {
-          className: K("image", b, `img-${M}`, y?.img?.className),
+          className: M("image", b, `img-${N}`, y?.img?.className),
           style: {
-            aspectRatio: x.toString(),
+            aspectRatio: h.toString(),
             ...y?.img?.style
           }
         }
       )
     );
-    return /* @__PURE__ */ _(
-      nt,
+    return /* @__PURE__ */ W(
+      rt,
       {
-        ...te,
-        ref: D,
-        className: K(te.className, {
-          disabled: X,
-          inactive: T || ee === !1,
-          "has-actions": !!F?.length
+        ..._,
+        ref: ae,
+        className: M(_.className, {
+          disabled: K,
+          inactive: ne || te === !1,
+          "has-actions": !!D?.length
         }),
         style: {
-          ...re,
-          paddingLeft: `calc(${k * 1.5}rem + 4px)`
+          ...T,
+          paddingLeft: `calc(${O * 1.5}rem + 4px)`
         },
-        title: X ? Z : void 0,
+        title: K ? re : void 0,
         children: [
-          /* @__PURE__ */ d(
-            it,
+          /* @__PURE__ */ u(
+            st,
             {
-              isRowExpandable: Q,
-              isRowExpanded: j,
-              isTableExpandable: J,
-              onExpandClick: P,
-              enableNonFolderIndent: U,
+              isRowExpandable: Y,
+              isRowExpanded: q,
+              isTableExpandable: G,
+              onExpandClick: H,
+              enableNonFolderIndent: X,
               ...y?.expander
             }
           ),
-          M === "start" && S,
-          W,
-          a && /* @__PURE__ */ d(
-            fe,
+          N === "start" && A,
+          R,
+          i && /* @__PURE__ */ u(
+            xe,
             {
-              icon: a,
-              className: K({ filled: n }, y?.icon?.className),
+              icon: i,
+              className: M({ filled: n }, y?.icon?.className),
               style: {
-                color: u,
+                color: p,
                 ...y?.icon?.style
               },
               ...y?.icon
             }
           ),
-          E ? /* @__PURE__ */ d(
-            Ve,
+          F ? /* @__PURE__ */ u(
+            Be,
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (f) => z(f.target.value),
-              value: B,
-              placeholder: G,
+              onChange: (f) => J(f.target.value),
+              value: Q,
+              placeholder: ee,
               onKeyDown: (f) => {
-                f.key === "Enter" && Y?.(B), f.key === "Escape" && V?.();
+                f.key === "Enter" && Z?.(Q), f.key === "Escape" && B?.();
               },
               onBlur: () => {
-                V?.();
+                B?.();
               },
               onFocus: (f) => {
                 f.target.select();
               },
               ...y?.input
             }
-          ) : /* @__PURE__ */ _("div", { className: "text", ...y?.text, children: [
-            l && k === 0 && /* @__PURE__ */ _("span", { className: "path", children: [
+          ) : /* @__PURE__ */ W("div", { className: "text", ...y?.text, children: [
+            l && O === 0 && /* @__PURE__ */ W("span", { className: "path", children: [
               l.join(" / "),
               " / "
             ] }),
-            /* @__PURE__ */ d("span", { className: "value", children: t })
+            /* @__PURE__ */ u("span", { className: "value", children: t })
           ] }),
-          !E && /* @__PURE__ */ _(Ae, { children: [
-            /* @__PURE__ */ d(Be, { className: "spacer" }),
-            C?.toString() && /* @__PURE__ */ d("div", { className: "badges", children: typeof C == "string" ? /* @__PURE__ */ d("span", { children: C }) : C }),
-            F && /* @__PURE__ */ d("div", { className: "actions", children: F.map((f, q) => {
-              const { show: $ = "hover", ...A } = f;
-              return $ === "hidden" ? null : /* @__PURE__ */ d(
-                fe,
+          !F && /* @__PURE__ */ W(Le, { children: [
+            /* @__PURE__ */ u(Oe, { className: "spacer" }),
+            k?.toString() && /* @__PURE__ */ u("div", { className: "badges", children: typeof k == "string" ? /* @__PURE__ */ u("span", { children: k }) : k }),
+            D && /* @__PURE__ */ u("div", { className: "actions", children: D.map((f, S) => {
+              const { show: $ = "hover", ...E } = f;
+              return $ === "hidden" ? null : /* @__PURE__ */ u(
+                xe,
                 {
-                  ...A,
-                  className: K(A.className, { "show-always": $ === "always" })
+                  ...E,
+                  className: M(E.className, { "show-always": $ === "always" })
                 },
-                A.icon + q.toString()
+                E.icon + S.toString()
               );
             }) })
           ] }),
-          M === "end" && S,
-          H && H
+          N === "end" && A,
+          V && V
         ]
       }
     );
   }
-), st = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], ve = (t, a) => {
-  t.toggleExpanded(a), t.subRows.forEach((l) => ve(l, a));
-}, we = (t, a, l, u) => {
-  const n = t.getValue(a);
-  let p = typeof n == "string" ? n : Array.isArray(n) ? n.join(" ") : JSON.stringify(n);
-  a === "label" && (p = [t.original.label, t.original.name, ...t.original.parents || []].join(
+), dt = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], Re = (t, i) => {
+  t.toggleExpanded(i), t.subRows.forEach((l) => Re(l, i));
+}, Se = (t, i, l, p) => {
+  const n = t.getValue(i);
+  let g = typeof n == "string" ? n : Array.isArray(n) ? n.join(" ") : JSON.stringify(n);
+  i === "label" && (g = [t.original.label, t.original.name, ...t.original.parents || []].join(
     " "
   ));
-  const b = Ge(p, l);
-  return u({ itemRank: b }), b.passed;
+  const b = Ze(g, l);
+  return p({ itemRank: b }), b.passed;
 };
-we.resolveFilterValue = Xe;
-const ct = (t, a, l) => {
-  let u = 0;
-  return t.columnFiltersMeta[l] && (u = Ye(
+Se.resolveFilterValue = et;
+const ut = (t, i, l) => {
+  let p = 0;
+  return t.columnFiltersMeta[l] && (p = Xe(
     t.columnFiltersMeta[l]?.itemRank,
-    a.columnFiltersMeta[l]?.itemRank
-  )), u === 0 ? Ue.alphanumeric(t, a, l) : u;
+    i.columnFiltersMeta[l]?.itemRank
+  )), p === 0 ? Ye.alphanumeric(t, i, l) : p;
 };
-function dt(t, a, l) {
-  let u = -1, n = -1;
-  for (let x = 0; x < t.length && (t[x].id === a && (u = x), t[x].id === l && (n = x), !(u !== -1 && n !== -1)); x++)
+function pt(t, i, l) {
+  let p = -1, n = -1;
+  for (let h = 0; h < t.length && (t[h].id === i && (p = h), t[h].id === l && (n = h), !(p !== -1 && n !== -1)); h++)
     ;
-  if (u === -1 || n === -1) return [];
-  const p = Math.min(u, n), b = Math.max(u, n);
-  return t.slice(p, b + 1);
+  if (p === -1 || n === -1) return [];
+  const g = Math.min(p, n), b = Math.max(p, n);
+  return t.slice(g, b + 1);
 }
-const zt = ({
+const $t = ({
   data: t = [],
-  isLoading: a,
+  isLoading: i,
   error: l,
-  isExpandable: u,
+  isExpandable: p,
   isMultiSelect: n = !0,
-  enableClickToDeselect: p = !0,
+  enableClickToDeselect: g = !0,
   enableNonFolderIndent: b = !0,
-  forceUpdateTable: x,
-  globalFilter: M,
-  meta: Q,
-  rowHeight: j,
-  imgRatio: J,
-  imgPosition: U,
-  onScrollBottom: P,
-  onRename: W,
-  renamingId: H,
-  renameInitialValue: C,
+  forceUpdateTable: h,
+  globalFilter: N,
+  meta: Y,
+  rowHeight: q,
+  imgRatio: G,
+  imgPosition: X,
+  onScrollBottom: H,
+  scrollToRowId: R,
+  onRename: V,
+  renamingId: k,
+  renameInitialValue: D,
   onSubmitRename: F,
-  onCancelRename: E,
-  onRowDoubleClick: N,
-  onRowOptionClick: Y,
-  rowContextMenuBuilders: V = [],
-  children: G,
-  pt: k,
-  fitContent: X,
-  rowIdPrefix: Z,
-  ...ee
+  onCancelRename: z,
+  onRowDoubleClick: Z,
+  onRowOptionClick: B,
+  rowContextMenuBuilders: ee = [],
+  children: O,
+  pt: K,
+  fitContent: re,
+  rowIdPrefix: te,
+  ...ne
 }) => {
   const {
     rowSelection: T,
-    expanded: re,
-    setExpanded: y,
-    onExpandedChange: te,
-    onRowSelectionChange: D,
-    rowPinning: B,
-    onRowPinningChange: z
-  } = at(), S = R(null), f = R(null), q = R(Z);
-  q.current = Z;
-  const $ = (e) => q.current ? `${q.current}-${e}` : e, [A] = et(), ce = R(N);
-  ce.current = N;
-  const ae = R(H);
-  ae.current = H;
-  const de = R(C);
-  de.current = C;
-  const ie = R(F);
-  ie.current = F;
-  const ue = R(E);
-  ue.current = E;
-  const pe = R(W);
-  pe.current = W;
-  const Re = se(() => a ? Array.from({ length: 10 }, (e, i) => ({
-    id: `placeholder-${i}`,
-    name: `placeholder-${i}`,
-    label: `placeholder-${i}`,
+    expanded: y,
+    setExpanded: _,
+    onExpandedChange: ae,
+    onRowSelectionChange: Q,
+    rowPinning: J,
+    onRowPinningChange: A
+  } = lt(), f = v(null), S = v(null), $ = v(te);
+  $.current = te;
+  const E = (e) => $.current ? `${$.current}-${e}` : e, [de] = nt(), ue = v(Z);
+  ue.current = Z;
+  const ie = v(k);
+  ie.current = k;
+  const pe = v(D);
+  pe.current = D;
+  const le = v(F);
+  le.current = F;
+  const ge = v(z);
+  ge.current = z;
+  const me = v(V);
+  me.current = V;
+  const Ce = se(() => i ? Array.from({ length: 10 }, (e, r) => ({
+    id: `placeholder-${r}`,
+    name: `placeholder-${r}`,
+    label: `placeholder-${r}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${i}`
+      id: `placeholder-${r}`
     }
-  })) : t, [a, t, x]), I = v(
-    (e, i, r, c) => {
-      const s = i, g = e.getRowModel(), o = g.rows, w = g.rowsById[s], h = e.getState().rowSelection || {};
-      if (!w) return { ...h };
-      if (w.original.isDisabled)
-        return { ...h };
-      if (p && !r && !c && Object.keys(h).length === 1 && h[s])
-        return e.setRowSelection({}), S.current = null, {};
-      let m;
-      if (n && r && S.current) {
-        const ze = S.current, me = dt(o, s, ze);
-        me.length === 0 ? m = { ...h, [s]: !0 } : (m = { ...h }, me.forEach(($e) => m[$e.id] = !0));
-      } else n && c ? (m = { ...h }, m[s] ? delete m[s] : m[s] = !0) : (m = { ...h }, Object.keys(m).length === 1 && m[s] || (m = { [s]: !0 }));
-      return e.setRowSelection(m), S.current = s, m;
+  })) : t, [i, t, h]), I = w(
+    (e, r, a, d) => {
+      const s = r, m = e.getRowModel(), o = m.rows, C = m.rowsById[s], x = e.getState().rowSelection || {};
+      if (!C) return { ...x };
+      if (C.original.isDisabled)
+        return { ...x };
+      if (g && !a && !d && Object.keys(x).length === 1 && x[s])
+        return e.setRowSelection({}), f.current = null, {};
+      let c;
+      if (n && a && f.current) {
+        const $e = f.current, ye = pt(o, s, $e);
+        ye.length === 0 ? c = { ...x, [s]: !0 } : (c = { ...x }, ye.forEach((Ie) => c[Ie.id] = !0));
+      } else n && d ? (c = { ...x }, c[s] ? delete c[s] : c[s] = !0) : (c = { ...x }, Object.keys(c).length === 1 && c[s] || (c = { [s]: !0 }));
+      return e.setRowSelection(c), f.current = s, c;
     },
-    [n, p]
-  ), Se = v(
-    (e, i) => {
-      if (!f.current) {
+    [n, g]
+  ), Ee = w(
+    (e, r) => {
+      if (!S.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const r = e.shiftKey, c = e.ctrlKey || e.metaKey;
+      const a = e.shiftKey, d = e.ctrlKey || e.metaKey;
       I(
-        f.current,
+        S.current,
         // Pass the main table instance
-        i.id,
-        r,
-        c
+        r.id,
+        a,
+        d
       );
     },
     [I]
     // Depends only on handleSelectionLogic
-  ), Ce = v(
-    (e, i, r) => {
-      if (!f.current) return;
-      const c = f.current.getRowModel().rows, s = c.findIndex((o) => o.id === i.id);
+  ), ke = w(
+    (e, r, a) => {
+      if (!S.current) return;
+      const d = S.current.getRowModel().rows, s = d.findIndex((o) => o.id === r.id);
       if (s === -1) return;
-      let g = e === "down" ? s + 1 : s - 1;
-      if (!(g < 0 || g >= c.length))
-        for (; g >= 0 && g < c.length; ) {
-          const o = c[g];
+      let m = e === "down" ? s + 1 : s - 1;
+      if (!(m < 0 || m >= d.length))
+        for (; m >= 0 && m < d.length; ) {
+          const o = d[m];
           if (!o.original.isDisabled) {
             I(
-              f.current,
+              S.current,
               o.id,
-              r.shiftKey,
-              r.ctrlKey || r.metaKey
+              a.shiftKey,
+              a.ctrlKey || a.metaKey
             ), requestAnimationFrame(() => {
-              const w = le.current, m = (w ? w.querySelector(`#${CSS.escape($(o.id))}`) : document.getElementById($(o.id)))?.querySelector('[tabindex="0"]');
-              m && (m.focus(), m.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+              const C = oe.current, c = (C ? C.querySelector(`#${CSS.escape(E(o.id))}`) : document.getElementById(E(o.id)))?.querySelector('[tabindex="0"]');
+              c && (c.focus(), c.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
           }
-          g = e === "down" ? g + 1 : g - 1;
+          m = e === "down" ? m + 1 : m - 1;
         }
     },
     [I]
-  ), Ee = v(
-    (e, i) => {
-      i.original.isDisabled || pe.current?.(i.id, i);
+  ), Fe = w(
+    (e, r) => {
+      r.original.isDisabled || me.current?.(r.id, r);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), { handleRowKeyDown: ge } = rt({
-    handleRowSelect: Se,
-    handleArrowNavigation: Ce,
-    handleRename: Ee
-  }), ke = se(
+  ), { handleRowKeyDown: fe } = it({
+    handleRowSelect: Ee,
+    handleArrowNavigation: ke,
+    handleRename: Fe
+  }), Ke = se(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: ct,
+        sortingFn: ut,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: e, getValue: i, table: r }) => {
-          const c = r.options.meta, s = (o) => {
+        cell: ({ row: e, getValue: r, table: a }) => {
+          const d = a.options.meta, s = (o) => {
             if (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"))
               return;
-            const h = o.altKey && e.getIsSelected() && !o.shiftKey && !o.ctrlKey && !o.metaKey ? r.getState().rowSelection || {} : I(
-              r,
+            const x = o.altKey && e.getIsSelected() && !o.shiftKey && !o.ctrlKey && !o.metaKey ? a.getState().rowSelection || {} : I(
+              a,
               // Pass the cell's table instance
               e.id,
               o.shiftKey,
               o.ctrlKey || o.metaKey
             );
-            o.altKey && Y?.(e.original, Object.keys(h));
-          }, g = {
-            className: K({
+            o.altKey && B?.(e.original, Object.keys(x));
+          }, m = {
+            className: M({
               selected: e.getIsSelected(),
-              loading: c?.isLoading,
+              loading: d?.isLoading,
               disabled: e.original.isDisabled,
               // you can't select disabled rows
               inactive: e.original.inactive
               // false: archived items but still selectable
             }),
             onKeyDown: (o) => {
-              o.target instanceof HTMLInputElement || ge(o, e);
+              o.target instanceof HTMLInputElement || fe(o, e);
             },
             depth: e.depth,
             tabIndex: 0,
-            value: i(),
+            value: r(),
             parents: e.original.parents,
             icon: e.original.icon || void 0,
             iconColor: e.original.iconColor,
             iconFilled: e.original.iconFilled,
             img: e.original.img,
             imgShape: e.original.imgShape,
-            imgRatio: J,
-            imgPosition: U,
+            imgRatio: G,
+            imgPosition: X,
             isRowExpandable: e.getCanExpand(),
             enableNonFolderIndent: b,
             isRowExpanded: e.getIsExpanded(),
-            isTableExpandable: c?.isExpandable,
+            isTableExpandable: d?.isExpandable,
             onExpandClick: (o) => {
-              o?.altKey ? ve(e, !e.getIsExpanded()) : e.toggleExpanded();
+              o?.altKey ? Re(e, !e.getIsExpanded()) : e.toggleExpanded();
             },
             startContent: e.original.startContent,
             endContent: e.original.endContent,
             badge: e.original.badge,
             isDisabled: e.original.isDisabled,
             disabledMessage: e.original.disabledMessage,
-            isRenaming: e.id === ae.current,
-            renameInitialValue: e.id === ae.current ? de.current : void 0,
-            onSubmitRename: ie.current ? (o) => ie.current(e.id, o) : void 0,
-            onCancelRename: ue.current,
-            ...k?.cell,
+            isRenaming: e.id === ie.current,
+            renameInitialValue: e.id === ie.current ? pe.current : void 0,
+            onSubmitRename: le.current ? (o) => le.current(e.id, o) : void 0,
+            onCancelRename: ge.current,
+            ...K?.cell,
             onClick: s,
             // Added onClick handler
-            onDoubleClick: (o) => ce.current?.(e.id, e)
+            onDoubleClick: (o) => ue.current?.(e.id, e)
           };
-          return c?.children ? c.children(g, e, r) : /* @__PURE__ */ d(lt, { ...g, ...k?.cell });
+          return d?.children ? d.children(m, e, a) : /* @__PURE__ */ u(ct, { ...m, ...K?.cell });
         }
       }
     ],
     [
-      x,
+      h,
       I,
-      ge,
-      p,
+      fe,
+      g,
       b,
-      J,
-      U,
-      Y
+      G,
+      X,
+      B
     ]
-  ), Ke = v(
+  ), Me = w(
     (e) => {
-      D(he(e, T));
+      Q(be(e, T));
     },
-    [D]
-  ), Me = v(
+    [Q]
+  ), Ne = w(
     (e) => {
-      z?.(he(e, B || {}));
+      A?.(be(e, J || {}));
     },
-    [z]
-  ), Fe = v(
+    [A]
+  ), De = w(
     (e) => {
-      y?.((i) => {
-        const r = e instanceof Function ? e(i) : e;
-        return te?.(r), r;
+      _?.((r) => {
+        const a = e instanceof Function ? e(r) : e;
+        return ae?.(a), a;
       });
     },
-    [y]
-  ), O = qe({
-    data: Re,
-    columns: ke,
+    [_]
+  ), U = _e({
+    data: Ce,
+    columns: Ke,
     state: {
-      expanded: re,
+      expanded: y,
       rowSelection: T,
-      globalFilter: M,
-      rowPinning: B
+      globalFilter: N,
+      rowPinning: J
     },
-    onRowSelectionChange: Ke,
-    onRowPinningChange: Me,
+    onRowSelectionChange: Me,
+    onRowPinningChange: Ne,
     filterFns: {
-      fuzzy: we
+      fuzzy: Se
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!z,
+    enableRowPinning: !!A,
     getRowId: (e) => e.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: Fe,
+    onExpandedChange: De,
     getSubRows: (e) => e.subRows,
-    getCoreRowModel: Qe(),
-    getFilteredRowModel: _e(),
-    getExpandedRowModel: Oe(),
+    getCoreRowModel: Ue(),
+    getFilteredRowModel: Je(),
+    getExpandedRowModel: Qe(),
     filterFromLeafRows: !0,
     // debugTable: true,
     // @ts-expect-error: updateData is not required
     meta: se(
       () => ({
-        isExpandable: !!u,
-        isLoading: a,
-        children: G,
-        ...Q
+        isExpandable: !!p,
+        isLoading: i,
+        children: O,
+        ...Y
       }),
-      [u, a, G, Q]
+      [p, i, O, Y]
     )
   });
-  ye(() => {
-    f.current = O;
-  }, [O]);
-  const { rows: ne } = O.getRowModel(), Ne = v(
-    (e, i, r) => {
-      if (!f.current) return;
-      const c = ne[i];
-      if (!c || c.original === void 0) return;
-      r.preventDefault(), r.stopPropagation();
-      const s = Object.keys(T), g = s.includes(e) ? s : [e];
-      if (!s.includes(e)) {
-        const w = { [e]: !0 };
-        D?.(w);
-      }
-      const o = V.flatMap(
-        (w) => st(
-          w(r, {
+  ce(() => {
+    S.current = U;
+  }, [U]);
+  const { rows: L } = U.getRowModel(), ze = w(
+    (e, r, a) => {
+      if (!S.current) return;
+      const d = L[r];
+      if (!d || d.original === void 0) return;
+      a.preventDefault(), a.stopPropagation();
+      const s = Object.keys(T), m = s.includes(e), o = m ? s : [e], C = ee.flatMap(
+        (x) => dt(
+          x(a, {
             rowId: e,
-            rowIndex: i,
-            row: c,
-            selectedRows: g,
-            selectedTableRows: g.map((h) => O.getRowModel().rowsById[h]).filter((h) => !!h),
-            isSelected: g.includes(e)
+            rowIndex: r,
+            row: d,
+            selectedRows: o,
+            selectedTableRows: o.map((c) => U.getRowModel().rowsById[c]).filter((c) => !!c),
+            isSelected: m
           })
         )
       );
-      o.length > 0 && A(r, o);
+      C.length > 0 && de(a, C);
     },
-    [V, ne, T, D, A]
-  ), le = R(null), oe = We({
-    count: ne.length,
-    estimateSize: () => j || 34,
+    [ee, L, T, de]
+  ), oe = v(null), j = Ge({
+    count: L.length,
+    estimateSize: () => q || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => le.current,
+    getScrollElement: () => oe.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: j ? () => j : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
+    measureElement: q ? () => q : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), Te = v(
+  }), he = v(void 0);
+  ce(() => {
+    if (!R || he.current === R) return;
+    const e = L.findIndex((r) => r.id === R);
+    e < 0 || (he.current = R, f.current = R, j.scrollToIndex(e, { align: "center" }), requestAnimationFrame(
+      () => requestAnimationFrame(() => {
+        oe.current?.querySelector(
+          `#${CSS.escape(E(R))}`
+        )?.querySelector('[tabindex="0"]')?.focus({ preventScroll: !0 });
+      })
+    ));
+  }, [R, L, j]);
+  const Te = w(
     (e) => {
-      e && oe.measureElement(e);
+      e && j.measureElement(e);
     },
-    [oe]
-  ), De = v(
+    [j]
+  ), Ae = w(
     (e) => {
-      if (!P) return;
-      const i = e.currentTarget, { scrollTop: r, scrollHeight: c, clientHeight: s } = i;
-      c - r - s < 100 && !a && P();
+      if (!H) return;
+      const r = e.currentTarget, { scrollTop: a, scrollHeight: d, clientHeight: s } = r;
+      d - a - s < 100 && !i && H();
     },
-    [P, a]
+    [H, i]
   );
-  return /* @__PURE__ */ _(
-    tt,
+  return /* @__PURE__ */ W(
+    ot,
     {
-      ref: le,
-      onScroll: De,
+      ref: oe,
+      onScroll: Ae,
       onClick: (e) => {
-        p && !e.target.closest("tr") && (O.setRowSelection({}), S.current = null);
+        g && !e.target.closest("tr") && (U.setRowSelection({}), f.current = null);
       },
-      ...ee,
-      className: K(ee.className, { isLoading: a, fitContent: X }),
+      ...ne,
+      className: M(ne.className, { isLoading: i, fitContent: re }),
       children: [
-        !l && /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d(
+        !l && /* @__PURE__ */ u("table", { children: /* @__PURE__ */ u(
           "tbody",
           {
             style: {
-              height: `${oe?.getTotalSize()}px`
+              height: `${j?.getTotalSize()}px`
               //tells scrollbar how big the table is
             },
-            children: oe?.getVirtualItems().map((e) => {
-              const i = ne[e.index];
-              return /* @__PURE__ */ d(
+            children: j?.getVirtualItems().map((e) => {
+              const r = L[e.index];
+              return /* @__PURE__ */ u(
                 "tr",
                 {
                   "data-index": e.index,
                   ref: Te,
-                  id: $(i.id),
-                  onContextMenu: (r) => Ne(i.id, e.index, r),
-                  ...k?.row,
+                  id: E(r.id),
+                  onContextMenu: (a) => ze(r.id, e.index, a),
+                  ...K?.row,
                   style: {
                     transform: `translateY(${e.start}px)`,
                     //this should always be a `style` as it changes on scroll
-                    ...k?.row?.style
+                    ...K?.row?.style
                     // custom styles to be passed
                   },
-                  children: i.getVisibleCells().map((r) => /* @__PURE__ */ d("td", { children: Je(r.column.columnDef.cell, r.getContext()) }, r.id))
+                  children: r.getVisibleCells().map((a) => /* @__PURE__ */ u("td", { children: We(a.column.columnDef.cell, a.getContext()) }, a.id))
                 },
-                i.id
+                r.id
               );
             })
           }
         ) }),
-        !!l && /* @__PURE__ */ d(Ze, { error: l })
+        !!l && /* @__PURE__ */ u(tt, { error: l })
       ]
     }
   );
 };
 export {
-  nt as C,
-  ot as E,
-  Nt as H,
-  it as R,
-  zt as S,
-  tt as T,
-  Ft as a,
+  rt as C,
+  at as E,
+  zt as H,
+  st as R,
+  $t as S,
+  ot as T,
+  Dt as a,
   Tt as b,
-  lt as c,
-  be as d,
-  Dt as e,
-  at as u
+  ct as c,
+  we as d,
+  At as e,
+  lt as u
 };