@ynput/ayon-frontend-shared 0.7.5 → 0.8.0

package/dist/chunks/SimpleTable.es.js

@@ -1,10 +1,10 @@
-import { jsx as p, jsxs as B, 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 R } from "react";
-import { theme as Qe, Button as Ee, Icon as ve, InputText as Ue, Spacer as Je, Dialog as We } from "@ynput/ayon-react-components";
-import H from "styled-components";
+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 _ 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 { useVirtualizer as nt } from "@tanstack/react-virtual";
-import T from "clsx";
+import z from "clsx";
 import { compareItems as ot } from "@tanstack/match-sorter-utils";
 import "lodash";
 import "primereact/confirmdialog";
@@ -18,7 +18,7 @@ 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 = H.div`
+const mt = _.div`
   display: flex;
 
   height: 100%;
@@ -44,7 +44,7 @@ const mt = H.div`
       font-size: 32px;
     }
     h3 {
-      ${Qe.titleMedium}
+      ${Je.titleMedium}
     }
   }
 
@@ -74,7 +74,7 @@ const mt = H.div`
     padding: 1px 0px;
     width: 100%;
   }
-`, ft = H.div`
+`, ft = _.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -280,7 +280,7 @@ const mt = H.div`
       border-radius: 2px;
     }
   }
-`, ht = H(Ee)`
+`, ht = _(Ee)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -289,7 +289,7 @@ const mt = H.div`
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`, Wt = H.div`
+`, Yt = _.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -299,7 +299,7 @@ const mt = H.div`
   display: flex;
   flex-direction: column;
   position: relative;
-`, Xt = H.div`
+`, Gt = _.div`
   padding: 2px;
   width: 100%;
   justify-content: space-between;
@@ -310,7 +310,7 @@ const mt = H.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, Yt = H(Ee)`
+`, Zt = _(Ee)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -334,19 +334,19 @@ const mt = H.div`
 function yt({
   handleRowSelect: t,
   handleArrowNavigation: o,
-  handleRename: s
+  handleRename: a
 }) {
   return { handleRowKeyDown: w(
-    (n, g) => {
+    (n, u) => {
       if (["Enter", " "].includes(n.key))
-        n.preventDefault(), n.stopPropagation(), t(n, g);
+        n.preventDefault(), n.stopPropagation(), t(n, u);
       else if (n.key === "ArrowDown" || n.key === "ArrowUp") {
         n.preventDefault(), n.stopPropagation();
         const x = n.key === "ArrowDown" ? "down" : "up";
-        o?.(x, g, n);
-      } else n.key.toLowerCase() === "r" && !n.ctrlKey && !n.metaKey && (n.preventDefault(), n.stopPropagation(), s?.(n, g));
+        o?.(x, u, n);
+      } else n.key.toLowerCase() === "r" && !n.ctrlKey && !n.metaKey && (n.preventDefault(), n.stopPropagation(), a?.(n, u));
     },
-    [t, o, s]
+    [t, o, a]
   ) };
 }
 const ke = He(void 0), xt = () => {
@@ -354,67 +354,67 @@ const ke = He(void 0), xt = () => {
   if (t === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return t;
-}, Gt = ({ children: t, ...o }) => /* @__PURE__ */ p(ke.Provider, { value: { ...o }, children: t }), bt = ({
+}, en = ({ children: t, ...o }) => /* @__PURE__ */ g(ke.Provider, { value: { ...o }, children: t }), bt = ({
   isRowExpandable: t,
   isRowExpanded: o,
-  enableNonFolderIndent: s = !0,
+  enableNonFolderIndent: a = !0,
   isTableExpandable: d,
   onExpandClick: n
-}) => t ? /* @__PURE__ */ p(
+}) => t ? /* @__PURE__ */ g(
   ht,
   {
-    onClick: (g) => {
-      g.stopPropagation(), n?.(g);
+    onClick: (u) => {
+      u.stopPropagation(), n?.(u);
     },
     icon: o ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : d && s && /* @__PURE__ */ p("div", { style: { display: "inline-block", minWidth: 24 } }), wt = _e(
+) : d && a && /* @__PURE__ */ g("div", { style: { display: "inline-block", minWidth: 24 } }), wt = _e(
   ({
     value: t,
     icon: o,
-    parents: s,
+    parents: a,
     iconColor: d,
     iconFilled: n,
-    img: g,
+    img: u,
     imgShape: x = "square",
     imgRatio: c,
     imgPosition: b = "start",
-    isRowExpandable: C,
-    isRowExpanded: K,
-    isTableExpandable: z,
-    enableNonFolderIndent: G = !0,
-    onExpandClick: O,
-    startContent: k,
-    endContent: _,
-    badge: F,
-    actions: A,
-    isRenaming: D,
-    renameInitialValue: I,
+    isRowExpandable: S,
+    isRowExpanded: E,
+    isTableExpandable: M,
+    enableNonFolderIndent: D = !0,
+    onExpandClick: I,
+    startContent: K,
+    endContent: J,
+    badge: N,
+    actions: j,
+    isRenaming: T,
+    renameInitialValue: $,
     onSubmitRename: Z,
     onCancelRename: Q,
     renamePlaceholder: ee,
     depth: U = 0,
-    isDisabled: J,
-    disabledMessage: j,
+    isDisabled: W,
+    disabledMessage: L,
     active: de,
-    inactive: $,
-    style: W,
+    inactive: P,
+    style: X,
     pt: y,
     ...te
   }, ne) => {
-    const [oe, X] = Ce(I ?? t);
+    const [oe, Y] = Ce($ ?? t);
     ce(() => {
-      D && X(I ?? t);
-    }, [t, D, I]);
-    const Y = g ? /* @__PURE__ */ p(
+      T && Y($ ?? t);
+    }, [t, T, $]);
+    const G = u ? /* @__PURE__ */ g(
       "img",
       {
-        src: g,
+        src: u,
         ...y?.img,
         alt: "",
-        className: T("image", x, `img-${b}`, y?.img?.className),
+        className: z("image", x, `img-${b}`, y?.img?.className),
         style: {
           aspectRatio: (c ?? 1).toString(),
           ...y?.img?.style
@@ -422,10 +422,10 @@ const ke = He(void 0), xt = () => {
       }
     ) : (
       // keep the slot so rows don't shift when a thumbnail is missing
-      c !== void 0 && /* @__PURE__ */ p(
+      c !== void 0 && /* @__PURE__ */ g(
         "div",
         {
-          className: T("image", x, `img-${b}`, y?.img?.className),
+          className: z("image", x, `img-${b}`, y?.img?.className),
           style: {
             aspectRatio: c.toString(),
             ...y?.img?.style
@@ -433,40 +433,40 @@ const ke = He(void 0), xt = () => {
         }
       )
     );
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ O(
       ft,
       {
         ...te,
         ref: ne,
-        className: T(te.className, {
-          disabled: J,
-          inactive: $ || de === !1,
-          "has-actions": !!A?.length
+        className: z(te.className, {
+          disabled: W,
+          inactive: P || de === !1,
+          "has-actions": !!j?.length
         }),
         style: {
-          ...W,
+          ...X,
           paddingLeft: `calc(${U * 1.5}rem + 4px)`
         },
-        title: J ? j : void 0,
+        title: W ? L : void 0,
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ g(
             bt,
             {
-              isRowExpandable: C,
-              isRowExpanded: K,
-              isTableExpandable: z,
-              onExpandClick: O,
-              enableNonFolderIndent: G,
+              isRowExpandable: S,
+              isRowExpanded: E,
+              isTableExpandable: M,
+              onExpandClick: I,
+              enableNonFolderIndent: D,
               ...y?.expander
             }
           ),
-          b === "start" && Y,
-          k,
-          o && /* @__PURE__ */ p(
+          b === "start" && G,
+          K,
+          o && /* @__PURE__ */ g(
             ve,
             {
               icon: o,
-              className: T({ filled: n }, y?.icon?.className),
+              className: z({ filled: n }, y?.icon?.className),
               style: {
                 color: d,
                 ...y?.icon?.style
@@ -474,12 +474,12 @@ const ke = He(void 0), xt = () => {
               ...y?.icon
             }
           ),
-          D ? /* @__PURE__ */ p(
-            Ue,
+          T ? /* @__PURE__ */ g(
+            Qe,
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (v) => X(v.target.value),
+              onChange: (v) => Y(v.target.value),
               value: oe,
               placeholder: ee,
               onKeyDown: (v) => {
@@ -493,30 +493,30 @@ const ke = He(void 0), xt = () => {
               },
               ...y?.input
             }
-          ) : /* @__PURE__ */ B("div", { className: "text", ...y?.text, children: [
-            s && U === 0 && /* @__PURE__ */ B("span", { className: "path", children: [
-              s.join(" / "),
+          ) : /* @__PURE__ */ O("div", { className: "text", ...y?.text, children: [
+            a && U === 0 && /* @__PURE__ */ O("span", { className: "path", children: [
+              a.join(" / "),
               " / "
             ] }),
-            /* @__PURE__ */ p("span", { className: "value", children: t })
+            /* @__PURE__ */ g("span", { className: "value", children: t })
           ] }),
-          !D && /* @__PURE__ */ B(Re, { children: [
-            /* @__PURE__ */ p(Je, { className: "spacer" }),
-            F?.toString() && /* @__PURE__ */ p("div", { className: "badges", children: typeof F == "string" ? /* @__PURE__ */ p("span", { children: F }) : F }),
-            A && /* @__PURE__ */ p("div", { className: "actions", children: A.map((v, M) => {
-              const { show: E = "hover", ...N } = v;
-              return E === "hidden" ? null : /* @__PURE__ */ p(
+          !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) => {
+              const { show: k = "hover", ...A } = v;
+              return k === "hidden" ? null : /* @__PURE__ */ g(
                 ve,
                 {
-                  ...N,
-                  className: T(N.className, { "show-always": E === "always" })
+                  ...A,
+                  className: z(A.className, { "show-always": k === "always" })
                 },
-                N.icon + M.toString()
+                A.icon + F.toString()
               );
             }) })
           ] }),
-          b === "end" && Y,
-          _ && _
+          b === "end" && G,
+          J && J
         ]
       }
     );
@@ -524,192 +524,195 @@ const ke = He(void 0), xt = () => {
 ), vt = ({
   contribution: t,
   error: o,
-  onReported: s
+  onReported: a
 }) => (ce(() => {
-  ut(t, o), s();
-}, [t, o, s]), null), St = ({ contribution: t, context: o }) => {
-  const s = t;
-  return /* @__PURE__ */ p(
+  ut(t, o), a();
+}, [t, o, a]), null), St = ({ contribution: t, context: o }) => {
+  const a = t;
+  return /* @__PURE__ */ g(
     We,
     {
       isOpen: !0,
-      header: String(s.dialogTitle || s.label || s.id),
-      size: s.dialogSize || "md",
+      header: String(a.dialogTitle || a.label || a.id),
+      size: a.dialogSize || "md",
       onClose: o.close,
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ g(
         lt,
         {
           contribution: t,
           piece: "dialog",
           context: o,
-          error: (d) => /* @__PURE__ */ p(vt, { contribution: s, error: d, onReported: o.close })
+          error: (d) => /* @__PURE__ */ g(vt, { contribution: a, error: d, onReported: o.close })
         }
       )
     }
   );
-}, Rt = (t) => {
-  const { contributions: o } = ct("table.shortcut"), [s, d] = Ce(null), n = le(
+}, Rt = ["overview", "products", "lists"], Ct = (t, o, a) => Rt.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(
     () => t ? o.flatMap((c) => {
-      const b = pt(c.keys), C = !c.tables?.length || c.tables.includes(t);
-      return b && C ? [{ contribution: c, shortcut: b }] : [];
+      const b = pt(c.keys), S = !c.tables?.length || c.tables.includes(t);
+      return b && S ? [{ contribution: c, shortcut: b }] : [];
     }) : [],
     [o, t]
-  ), g = w(
+  ), u = w(
     (c, b) => {
-      c.dialog ? d({ contribution: c, context: { ...b, close: () => d(null) } }) : dt(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);
     },
     []
   ), x = w(
     (c, b) => {
       if (!t || c.repeat) return !1;
-      const C = n.find(({ shortcut: z }) => gt(c, z));
-      if (!C) return !1;
-      const K = b();
-      return K?.rows.length ? (c.preventDefault(), c.stopPropagation(), g(C.contribution, { ...K, table: t }), !0) : !1;
+      const S = n.find(({ shortcut: M }) => gt(c, M));
+      if (!S) return !1;
+      const E = b();
+      return E?.rows.length ? (c.preventDefault(), c.stopPropagation(), u(S.contribution, { ...E, table: t }), !0) : !1;
     },
-    [n, t, g]
+    [n, t, u]
   );
-  return { hasShortcuts: n.length > 0, handleShortcut: x, runShortcut: g, dialog: s };
-}, Ct = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [], Ke = (t, o) => {
-  t.toggleExpanded(o), t.subRows.forEach((s) => Ke(s, o));
-}, Me = (t, o, s, d) => {
+  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) => {
   const n = t.getValue(o);
-  let g = typeof n == "string" ? n : Array.isArray(n) ? n.join(" ") : JSON.stringify(n);
-  o === "label" && (g = [t.original.label, t.original.name, ...t.original.parents || []].join(
+  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(
     " "
   ));
-  const x = rt(g, s);
+  const x = rt(u, a);
   return d({ itemRank: x }), x.passed;
 };
 Me.resolveFilterValue = at;
-const Et = (t, o, s) => {
+const Kt = (t, o, a) => {
   let d = 0;
-  return t.columnFiltersMeta[s] && (d = ot(
-    t.columnFiltersMeta[s]?.itemRank,
-    o.columnFiltersMeta[s]?.itemRank
-  )), d === 0 ? tt.alphanumeric(t, o, s) : d;
+  return t.columnFiltersMeta[a] && (d = ot(
+    t.columnFiltersMeta[a]?.itemRank,
+    o.columnFiltersMeta[a]?.itemRank
+  )), d === 0 ? tt.alphanumeric(t, o, a) : d;
 };
-function kt(t, o, s) {
+function Mt(t, o, a) {
   let d = -1, n = -1;
-  for (let c = 0; c < t.length && (t[c].id === o && (d = c), t[c].id === s && (n = c), !(d !== -1 && n !== -1)); c++)
+  for (let c = 0; c < t.length && (t[c].id === o && (d = c), t[c].id === a && (n = c), !(d !== -1 && n !== -1)); c++)
     ;
   if (d === -1 || n === -1) return [];
-  const g = Math.min(d, n), x = Math.max(d, n);
-  return t.slice(g, x + 1);
+  const u = Math.min(d, n), x = Math.max(d, n);
+  return t.slice(u, x + 1);
 }
-const Zt = ({
+const tn = ({
   data: t = [],
   isLoading: o,
-  error: s,
+  error: a,
   isExpandable: d,
   isMultiSelect: n = !0,
-  enableClickToDeselect: g = !0,
+  enableClickToDeselect: u = !0,
   enableNonFolderIndent: x = !0,
   forceUpdateTable: c,
   globalFilter: b,
-  meta: C,
-  rowHeight: K,
-  imgRatio: z,
-  imgPosition: G,
-  onScrollBottom: O,
-  scrollToRowId: k,
-  onRename: _,
-  renamingId: F,
-  renameInitialValue: A,
-  onSubmitRename: D,
-  onCancelRename: I,
+  meta: S,
+  rowHeight: E,
+  imgRatio: M,
+  imgPosition: D,
+  onScrollBottom: I,
+  scrollToRowId: K,
+  onRename: J,
+  renamingId: N,
+  renameInitialValue: j,
+  onSubmitRename: T,
+  onCancelRename: $,
   onRowDoubleClick: Z,
   onRowOptionClick: Q,
   rowContextMenuBuilders: ee = [],
   addonShortcuts: U,
-  children: J,
-  pt: j,
+  children: W,
+  pt: L,
   fitContent: de,
-  rowIdPrefix: $,
-  ...W
+  rowIdPrefix: P,
+  ...X
 }) => {
   const {
     rowSelection: y,
     expanded: te,
     setExpanded: ne,
     onExpandedChange: oe,
-    onRowSelectionChange: X,
-    rowPinning: Y,
+    onRowSelectionChange: Y,
+    rowPinning: G,
     onRowPinningChange: v
-  } = xt(), M = R(null), E = R(null), N = R($);
-  N.current = $;
-  const re = (e) => N.current ? `${N.current}-${e}` : e, [ge] = st(), me = R(Z);
+  } = xt(), 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);
   me.current = Z;
-  const ue = R(F);
-  ue.current = F;
-  const fe = R(A);
-  fe.current = A;
-  const pe = R(D);
-  pe.current = D;
-  const he = R(I);
-  he.current = I;
-  const ye = R(_);
-  ye.current = _;
-  const Fe = le(() => o ? Array.from({ length: 10 }, (e, a) => ({
-    id: `placeholder-${a}`,
-    name: `placeholder-${a}`,
-    label: `placeholder-${a}`,
+  const ue = C(N);
+  ue.current = N;
+  const fe = C(j);
+  fe.current = j;
+  const pe = C(T);
+  pe.current = T;
+  const he = C($);
+  he.current = $;
+  const ye = C(J);
+  ye.current = J;
+  const Fe = le(() => o ? Array.from({ length: 10 }, (e, i) => ({
+    id: `placeholder-${i}`,
+    name: `placeholder-${i}`,
+    label: `placeholder-${i}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${a}`
+      id: `placeholder-${i}`
     }
-  })) : t, [o, t, c]), L = w(
-    (e, a, i, u) => {
-      const m = a, f = e.getRowModel(), r = f.rows, S = f.rowsById[m], h = e.getState().rowSelection || {};
-      if (!S) return { ...h };
-      if (S.original.isDisabled)
+  })) : t, [o, t, c]), B = 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 };
+      if (R.original.isDisabled)
         return { ...h };
-      if (g && !i && !u && Object.keys(h).length === 1 && h[m])
-        return e.setRowSelection({}), M.current = null, {};
+      if (u && !s && !p && Object.keys(h).length === 1 && h[m])
+        return e.setRowSelection({}), F.current = null, {};
       let l;
-      if (n && i && M.current) {
-        const se = M.current, we = kt(r, m, se);
-        we.length === 0 ? l = { ...h, [m]: !0 } : (l = { ...h }, we.forEach((Be) => l[Be.id] = !0));
-      } else n && u ? (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), M.current = m, 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));
+      } 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;
     },
-    [n, g]
+    [n, u]
   ), De = w(
-    (e, a) => {
-      if (!E.current) {
+    (e, i) => {
+      if (!k.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const i = e.shiftKey, u = e.ctrlKey || e.metaKey;
-      L(
-        E.current,
+      const s = e.shiftKey, p = e.ctrlKey || e.metaKey;
+      B(
+        k.current,
         // Pass the main table instance
-        a.id,
-        i,
-        u
+        i.id,
+        s,
+        p
       );
     },
-    [L]
+    [B]
     // Depends only on handleSelectionLogic
   ), Ne = w(
-    (e, a, i) => {
-      if (!E.current) return;
-      const u = E.current.getRowModel().rows, m = u.findIndex((r) => r.id === a.id);
+    (e, i, s) => {
+      if (!k.current) return;
+      const p = k.current.getRowModel().rows, m = p.findIndex((r) => r.id === i.id);
       if (m === -1) return;
       let f = e === "down" ? m + 1 : m - 1;
-      if (!(f < 0 || f >= u.length))
-        for (; f >= 0 && f < u.length; ) {
-          const r = u[f];
+      if (!(f < 0 || f >= p.length))
+        for (; f >= 0 && f < p.length; ) {
+          const r = p[f];
           if (!r.original.isDisabled) {
-            L(
-              E.current,
+            B(
+              k.current,
               r.id,
-              i.shiftKey,
-              i.ctrlKey || i.metaKey
+              s.shiftKey,
+              s.ctrlKey || s.metaKey
             ), requestAnimationFrame(() => {
-              const S = ae.current, l = (S ? S.querySelector(`#${CSS.escape(re(r.id))}`) : document.getElementById(re(r.id)))?.querySelector('[tabindex="0"]');
+              const R = ae.current, l = (R ? R.querySelector(`#${CSS.escape(re(r.id))}`) : document.getElementById(re(r.id)))?.querySelector('[tabindex="0"]');
               l && (l.focus(), l.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
@@ -717,10 +720,10 @@ const Zt = ({
           f = e === "down" ? f + 1 : f - 1;
         }
     },
-    [L]
+    [B]
   ), Te = w(
-    (e, a) => {
-      a.original.isDisabled || ye.current?.(a.id, a);
+    (e, i) => {
+      i.original.isDisabled || ye.current?.(i.id, i);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
@@ -728,20 +731,20 @@ const Zt = ({
     handleRowSelect: De,
     handleArrowNavigation: Ne,
     handleRename: Te
-  }), ze = le(
+  }), Ae = le(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: Et,
+        sortingFn: Kt,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: e, getValue: a, table: i }) => {
-          const u = i.options.meta, m = (r) => {
+        cell: ({ row: e, getValue: i, table: s }) => {
+          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 ? i.getState().rowSelection || {} : L(
-              i,
+            const h = r.altKey && e.getIsSelected() && !r.shiftKey && !r.ctrlKey && !r.metaKey ? s.getState().rowSelection || {} : B(
+              s,
               // Pass the cell's table instance
               e.id,
               r.shiftKey,
@@ -749,9 +752,9 @@ const Zt = ({
             );
             r.altKey && Q?.(e.original, Object.keys(h));
           }, f = {
-            className: T({
+            className: z({
               selected: e.getIsSelected(),
-              loading: u?.isLoading,
+              loading: p?.isLoading,
               disabled: e.original.isDisabled,
               // you can't select disabled rows
               inactive: e.original.inactive
@@ -762,19 +765,19 @@ const Zt = ({
             },
             depth: e.depth,
             tabIndex: 0,
-            value: a(),
+            value: i(),
             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: z,
-            imgPosition: G,
+            imgRatio: M,
+            imgPosition: D,
             isRowExpandable: e.getCanExpand(),
             enableNonFolderIndent: x,
             isRowExpanded: e.getIsExpanded(),
-            isTableExpandable: u?.isExpandable,
+            isTableExpandable: p?.isExpandable,
             onExpandClick: (r) => {
               r?.altKey ? Ke(e, !e.getIsExpanded()) : e.toggleExpanded();
             },
@@ -787,53 +790,54 @@ const Zt = ({
             renameInitialValue: e.id === ue.current ? fe.current : void 0,
             onSubmitRename: pe.current ? (r) => pe.current(e.id, r) : void 0,
             onCancelRename: he.current,
-            ...j?.cell,
+            ...L?.cell,
             onClick: m,
             // Added onClick handler
             onDoubleClick: (r) => me.current?.(e.id, e)
           };
-          return u?.children ? u.children(f, e, i) : /* @__PURE__ */ p(wt, { ...f, ...j?.cell });
+          return p?.children ? p.children(f, e, s) : /* @__PURE__ */ g(wt, { ...f, ...L?.cell });
         }
       }
     ],
     [
       c,
-      L,
+      B,
       xe,
-      g,
+      u,
       x,
-      z,
-      G,
+      M,
+      D,
       Q
     ]
-  ), Ae = w(
+  ), ze = w(
     (e) => {
-      X(Se(e, y));
+      Y(Se(e, y));
     },
-    [X]
+    [Y]
   ), Ie = w(
     (e) => {
-      v?.(Se(e, Y || {}));
+      v?.(Se(e, G || {}));
     },
     [v]
   ), je = w(
     (e) => {
-      ne?.((a) => {
-        const i = e instanceof Function ? e(a) : e;
-        return oe?.(i), i;
+      ne?.((i) => {
+        const s = e instanceof Function ? e(i) : e;
+        return oe?.(s), s;
       });
     },
     [ne]
-  ), P = Xe({
+  ), V = Xe({
     data: Fe,
-    columns: ze,
+    columns: Ae,
     state: {
-      expanded: te,
+      // while searching, every folder is open so matches inside collapsed ones show
+      expanded: b ? !0 : te,
       rowSelection: y,
       globalFilter: b,
-      rowPinning: Y
+      rowPinning: G
     },
-    onRowSelectionChange: Ae,
+    onRowSelectionChange: ze,
     onRowPinningChange: Ie,
     filterFns: {
       fuzzy: Me
@@ -857,92 +861,92 @@ const Zt = ({
       () => ({
         isExpandable: !!d,
         isLoading: o,
-        children: J,
-        ...C
+        children: W,
+        ...S
       }),
-      [d, o, J, C]
+      [d, o, W, S]
     )
   });
   ce(() => {
-    E.current = P;
-  }, [P]);
-  const { rows: V } = P.getRowModel(), $e = w(
-    (e, a, i) => {
-      if (!E.current) return;
-      const u = V[a];
-      if (!u || u.original === void 0) return;
-      i.preventDefault(), i.stopPropagation();
-      const m = Object.keys(y), f = m.includes(e), r = f ? m : [e], S = ee.flatMap(
-        (h) => Ct(
-          h(i, {
+    k.current = V;
+  }, [V]);
+  const { rows: q } = V.getRowModel(), $e = w(
+    (e, i, s) => {
+      if (!k.current) return;
+      const p = q[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(s, {
             rowId: e,
-            rowIndex: a,
-            row: u,
+            rowIndex: i,
+            row: p,
             selectedRows: r,
-            selectedTableRows: r.map((l) => P.getRowModel().rowsById[l]).filter((l) => !!l),
+            selectedTableRows: r.map((l) => V.getRowModel().rowsById[l]).filter((l) => !!l),
             isSelected: f
           })
         )
       );
-      S.length > 0 && ge(i, S);
+      R.length > 0 && ge(s, R);
     },
-    [ee, V, y, ge]
-  ), ae = R(null), q = nt({
-    count: V.length,
-    estimateSize: () => K || 34,
+    [ee, q, y, ge]
+  ), ae = C(null), H = nt({
+    count: q.length,
+    estimateSize: () => E || 34,
     //estimate row height for accurate scrollbar dragging
     getScrollElement: () => ae.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 ? (e) => e?.getBoundingClientRect().height : void 0,
+    measureElement: E ? () => E : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), be = R(void 0);
+  }), be = C(void 0);
   ce(() => {
-    if (!k || be.current === k) return;
-    const e = V.findIndex((a) => a.id === k);
-    e < 0 || (be.current = k, M.current = k, q.scrollToIndex(e, { align: "center" }), requestAnimationFrame(
+    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(
       () => requestAnimationFrame(() => {
         ae.current?.querySelector(
-          `#${CSS.escape(re(k))}`
+          `#${CSS.escape(re(K))}`
         )?.querySelector('[tabindex="0"]')?.focus({ preventScroll: !0 });
       })
     ));
-  }, [k, V, q]);
+  }, [K, q, H]);
   const Le = w(
     (e) => {
-      e && q.measureElement(e);
+      e && H.measureElement(e);
     },
-    [q]
+    [H]
   ), Pe = w(
     (e) => {
-      if (!O) return;
-      const a = e.currentTarget, { scrollTop: i, scrollHeight: u, clientHeight: m } = a;
-      u - i - m < 100 && !o && O();
+      if (!I) return;
+      const i = e.currentTarget, { scrollTop: s, scrollHeight: p, clientHeight: m } = i;
+      p - s - m < 100 && !o && I();
     },
-    [O, o]
+    [I, o]
   ), {
-    hasShortcuts: Ve,
-    handleShortcut: qe,
+    hasShortcuts: Be,
+    handleShortcut: Ve,
     dialog: ie
-  } = Rt(U?.table);
-  return /* @__PURE__ */ B(Re, { children: [
-    /* @__PURE__ */ B(
+  } = Et(U?.table);
+  return /* @__PURE__ */ O(Re, { children: [
+    /* @__PURE__ */ O(
       mt,
       {
         ref: ae,
         onScroll: Pe,
         onClick: (e) => {
-          g && !e.target.closest("tr") && (P.setRowSelection({}), M.current = null);
+          u && !e.target.closest("tr") && (V.setRowSelection({}), F.current = null);
         },
-        ...W,
+        ...X,
         onKeyDown: (e) => {
-          W.onKeyDown?.(e);
-          const a = e.target;
-          if (!Ve || ie || e.defaultPrevented || ["INPUT", "TEXTAREA"].includes(a.tagName) || a.isContentEditable) return;
-          const i = a.closest("tr")?.id;
-          if (!i) return;
-          const u = $ ? i.slice($.length + 1) : i;
-          qe(e, () => {
-            const { rowsById: m } = P.getRowModel(), f = (h) => {
+          X.onKeyDown?.(e);
+          const i = e.target;
+          if (!Be || 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) => {
               const l = m[h]?.original;
               if (!l) return;
               const { entityType: se } = l.data;
@@ -953,67 +957,69 @@ const Zt = ({
                 label: l.label,
                 data: l.data
               };
-            }, r = Object.keys(y).filter((h) => y[h]), S = r.includes(u) ? r : [u];
+            }, r = Object.keys(y).filter((h) => y[h]), R = r.includes(p) ? r : [p];
             return {
               projectName: U?.projectName ?? null,
-              rows: S.flatMap((h) => f(h) || []),
-              focused: { rowId: u },
+              rows: R.flatMap((h) => f(h) || []),
+              focused: { rowId: p },
               cells: []
             };
           });
         },
-        className: T(W.className, { isLoading: o, fitContent: de }),
+        className: z(X.className, { isLoading: o, fitContent: de }),
         children: [
-          !s && /* @__PURE__ */ p("table", { children: /* @__PURE__ */ p(
+          !a && /* @__PURE__ */ g("table", { children: /* @__PURE__ */ g(
             "tbody",
             {
               style: {
-                height: `${q?.getTotalSize()}px`
+                height: `${H?.getTotalSize()}px`
                 //tells scrollbar how big the table is
               },
-              children: q?.getVirtualItems().map((e) => {
-                const a = V[e.index];
-                return /* @__PURE__ */ p(
+              children: H?.getVirtualItems().map((e) => {
+                const i = q[e.index];
+                return /* @__PURE__ */ g(
                   "tr",
                   {
                     "data-index": e.index,
                     ref: Le,
-                    id: re(a.id),
-                    onContextMenu: (i) => $e(a.id, e.index, i),
-                    ...j?.row,
+                    id: re(i.id),
+                    onContextMenu: (s) => $e(i.id, e.index, s),
+                    ...L?.row,
                     style: {
                       transform: `translateY(${e.start}px)`,
                       //this should always be a `style` as it changes on scroll
-                      ...j?.row?.style
+                      ...L?.row?.style
                       // custom styles to be passed
                     },
-                    children: a.getVisibleCells().map((i) => /* @__PURE__ */ p("td", { children: et(i.column.columnDef.cell, i.getContext()) }, i.id))
+                    children: i.getVisibleCells().map((s) => /* @__PURE__ */ g("td", { children: et(s.column.columnDef.cell, s.getContext()) }, s.id))
                   },
-                  a.id
+                  i.id
                 );
               })
             }
           ) }),
-          !!s && /* @__PURE__ */ p(it, { error: s })
+          !!a && /* @__PURE__ */ g(it, { error: a })
         ]
       }
     ),
-    ie && /* @__PURE__ */ p(St, { contribution: ie.contribution, context: ie.context })
+    ie && /* @__PURE__ */ g(St, { contribution: ie.contribution, context: ie.context })
   ] });
 };
 export {
   St as A,
   ft as C,
   ht as E,
-  Xt as H,
+  Gt as H,
   bt as R,
-  Zt as S,
+  tn as S,
   mt as T,
-  Wt as a,
-  Yt as b,
+  Yt as a,
+  Zt as b,
   wt as c,
   ke as d,
-  Gt as e,
-  Rt as f,
+  en as e,
+  vt as f,
+  Et as g,
+  Ct as s,
   xt as u
 };