@ynput/ayon-frontend-shared 0.4.7 → 0.5.0

package/dist/chunks/SimpleTable.es.js

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