@ynput/ayon-frontend-shared 0.7.2 → 0.7.4

package/dist/chunks/SimpleTable.es.js

@@ -1,21 +1,24 @@
-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 { 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 { 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 { compareItems as ot } from "@tanstack/match-sorter-utils";
 import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bE as Ze, bF as et } from "./searchTerms.es.js";
-import { E as tt } from "./EmptyPlaceholder.es.js";
+import { bE as rt, bF as at } from "./searchTerms.es.js";
+import "axios";
+import { E as it } from "./EmptyPlaceholder.es.js";
 import "./ContextMenuContextInstance.es.js";
 import "primereact-context/contextmenu";
-import { u as nt } from "./useCreateContextMenu.es.js";
-const ot = P.div`
+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`
   display: flex;
 
   height: 100%;
@@ -41,7 +44,7 @@ const ot = P.div`
       font-size: 32px;
     }
     h3 {
-      ${Ve.titleMedium}
+      ${Qe.titleMedium}
     }
   }
 
@@ -71,7 +74,7 @@ const ot = P.div`
     padding: 1px 0px;
     width: 100%;
   }
-`, rt = P.div`
+`, ft = H.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -277,7 +280,7 @@ const ot = P.div`
       border-radius: 2px;
     }
   }
-`, at = P(ve)`
+`, ht = H(Ee)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -286,7 +289,7 @@ const ot = P.div`
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`, Dt = P.div`
+`, Wt = H.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -296,7 +299,7 @@ const ot = P.div`
   display: flex;
   flex-direction: column;
   position: relative;
-`, zt = P.div`
+`, Xt = H.div`
   padding: 2px;
   width: 100%;
   justify-content: space-between;
@@ -307,7 +310,7 @@ const ot = P.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, Tt = P(ve)`
+`, Yt = H(Ee)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -328,10 +331,10 @@ const ot = P.div`
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
 `;
-function it({
+function yt({
   handleRowSelect: t,
-  handleArrowNavigation: i,
-  handleRename: l
+  handleArrowNavigation: o,
+  handleRename: s
 }) {
   return { handleRowKeyDown: w(
     (n, g) => {
@@ -339,591 +342,678 @@ function it({
         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";
-        i?.(b, g, n);
-      } else n.key.toLowerCase() === "r" && !n.ctrlKey && !n.metaKey && (n.preventDefault(), n.stopPropagation(), l?.(n, g));
+        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));
     },
-    [t, i, l]
+    [t, o, s]
   ) };
 }
-const we = je(void 0), lt = () => {
-  const t = Pe(we);
+const ke = He(void 0), xt = () => {
+  const t = Oe(ke);
   if (t === void 0)
     throw new Error("useSimpleTableContext must be used within a SimpleTableProvider");
   return t;
-}, At = ({ children: t, ...i }) => /* @__PURE__ */ u(we.Provider, { value: { ...i }, children: t }), st = ({
+}, Gt = ({ children: t, ...o }) => /* @__PURE__ */ p(ke.Provider, { value: { ...o }, children: t }), bt = ({
   isRowExpandable: t,
-  isRowExpanded: i,
-  enableNonFolderIndent: l = !0,
-  isTableExpandable: p,
+  isRowExpanded: o,
+  enableNonFolderIndent: s = !0,
+  isTableExpandable: d,
   onExpandClick: n
-}) => t ? /* @__PURE__ */ u(
-  at,
+}) => t ? /* @__PURE__ */ p(
+  ht,
   {
     onClick: (g) => {
       g.stopPropagation(), n?.(g);
     },
-    icon: i ? "expand_more" : "chevron_right",
+    icon: o ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : p && l && /* @__PURE__ */ u("div", { style: { display: "inline-block", minWidth: 24 } }), ct = qe(
+) : d && s && /* @__PURE__ */ p("div", { style: { display: "inline-block", minWidth: 24 } }), wt = _e(
   ({
     value: t,
-    icon: i,
-    parents: l,
-    iconColor: p,
+    icon: o,
+    parents: s,
+    iconColor: d,
     iconFilled: n,
     img: g,
-    imgShape: b = "square",
-    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,
+    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,
     onSubmitRename: Z,
-    onCancelRename: B,
+    onCancelRename: Q,
     renamePlaceholder: ee,
-    depth: O = 0,
-    isDisabled: K,
-    disabledMessage: re,
-    active: te,
-    inactive: ne,
-    style: T,
+    depth: U = 0,
+    isDisabled: J,
+    disabledMessage: j,
+    active: de,
+    inactive: $,
+    style: W,
     pt: y,
-    ..._
-  }, ae) => {
-    const [Q, J] = He(z ?? t);
+    ...te
+  }, ne) => {
+    const [oe, X] = Ce(I ?? t);
     ce(() => {
-      F && J(z ?? t);
-    }, [t, F, z]);
-    const A = g ? /* @__PURE__ */ u(
+      D && X(I ?? t);
+    }, [t, D, I]);
+    const Y = g ? /* @__PURE__ */ p(
       "img",
       {
         src: g,
         ...y?.img,
         alt: "",
-        className: M("image", b, `img-${N}`, y?.img?.className),
+        className: T("image", x, `img-${b}`, y?.img?.className),
         style: {
-          aspectRatio: (h ?? 1).toString(),
+          aspectRatio: (c ?? 1).toString(),
           ...y?.img?.style
         }
       }
     ) : (
       // keep the slot so rows don't shift when a thumbnail is missing
-      h !== void 0 && /* @__PURE__ */ u(
+      c !== void 0 && /* @__PURE__ */ p(
         "div",
         {
-          className: M("image", b, `img-${N}`, y?.img?.className),
+          className: T("image", x, `img-${b}`, y?.img?.className),
           style: {
-            aspectRatio: h.toString(),
+            aspectRatio: c.toString(),
             ...y?.img?.style
           }
         }
       )
     );
-    return /* @__PURE__ */ W(
-      rt,
+    return /* @__PURE__ */ B(
+      ft,
       {
-        ..._,
-        ref: ae,
-        className: M(_.className, {
-          disabled: K,
-          inactive: ne || te === !1,
-          "has-actions": !!D?.length
+        ...te,
+        ref: ne,
+        className: T(te.className, {
+          disabled: J,
+          inactive: $ || de === !1,
+          "has-actions": !!A?.length
         }),
         style: {
-          ...T,
-          paddingLeft: `calc(${O * 1.5}rem + 4px)`
+          ...W,
+          paddingLeft: `calc(${U * 1.5}rem + 4px)`
         },
-        title: K ? re : void 0,
+        title: J ? j : void 0,
         children: [
-          /* @__PURE__ */ u(
-            st,
+          /* @__PURE__ */ p(
+            bt,
             {
-              isRowExpandable: Y,
-              isRowExpanded: q,
-              isTableExpandable: G,
-              onExpandClick: H,
-              enableNonFolderIndent: X,
+              isRowExpandable: C,
+              isRowExpanded: K,
+              isTableExpandable: z,
+              onExpandClick: O,
+              enableNonFolderIndent: G,
               ...y?.expander
             }
           ),
-          N === "start" && A,
-          R,
-          i && /* @__PURE__ */ u(
-            xe,
+          b === "start" && Y,
+          k,
+          o && /* @__PURE__ */ p(
+            ve,
             {
-              icon: i,
-              className: M({ filled: n }, y?.icon?.className),
+              icon: o,
+              className: T({ filled: n }, y?.icon?.className),
               style: {
-                color: p,
+                color: d,
                 ...y?.icon?.style
               },
               ...y?.icon
             }
           ),
-          F ? /* @__PURE__ */ u(
-            Be,
+          D ? /* @__PURE__ */ p(
+            Ue,
             {
               autoFocus: !0,
               style: { flex: 1 },
-              onChange: (f) => J(f.target.value),
-              value: Q,
+              onChange: (v) => X(v.target.value),
+              value: oe,
               placeholder: ee,
-              onKeyDown: (f) => {
-                f.key === "Enter" && Z?.(Q), f.key === "Escape" && B?.();
+              onKeyDown: (v) => {
+                v.key === "Enter" && Z?.(oe), v.key === "Escape" && Q?.();
               },
               onBlur: () => {
-                B?.();
+                Q?.();
               },
-              onFocus: (f) => {
-                f.target.select();
+              onFocus: (v) => {
+                v.target.select();
               },
               ...y?.input
             }
-          ) : /* @__PURE__ */ W("div", { className: "text", ...y?.text, children: [
-            l && O === 0 && /* @__PURE__ */ W("span", { className: "path", children: [
-              l.join(" / "),
+          ) : /* @__PURE__ */ B("div", { className: "text", ...y?.text, children: [
+            s && U === 0 && /* @__PURE__ */ B("span", { className: "path", children: [
+              s.join(" / "),
               " / "
             ] }),
-            /* @__PURE__ */ u("span", { className: "value", children: t })
+            /* @__PURE__ */ p("span", { className: "value", children: t })
           ] }),
-          !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,
+          !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(
+                ve,
                 {
-                  ...E,
-                  className: M(E.className, { "show-always": $ === "always" })
+                  ...N,
+                  className: T(N.className, { "show-always": E === "always" })
                 },
-                E.icon + S.toString()
+                N.icon + M.toString()
               );
             }) })
           ] }),
-          N === "end" && A,
-          V && V
+          b === "end" && Y,
+          _ && _
         ]
       }
     );
   }
-), 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);
+), vt = ({
+  contribution: t,
+  error: o,
+  onReported: s
+}) => (ce(() => {
+  ut(t, o), s();
+}, [t, o, s]), null), St = ({ contribution: t, context: o }) => {
+  const s = t;
+  return /* @__PURE__ */ p(
+    We,
+    {
+      isOpen: !0,
+      header: String(s.dialogTitle || s.label || s.id),
+      size: s.dialogSize || "md",
+      onClose: o.close,
+      children: /* @__PURE__ */ p(
+        lt,
+        {
+          contribution: t,
+          piece: "dialog",
+          context: o,
+          error: (d) => /* @__PURE__ */ p(vt, { contribution: s, error: d, onReported: o.close })
+        }
+      )
+    }
+  );
+}, Rt = (t) => {
+  const { contributions: o } = ct("table.shortcut"), [s, 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 }] : [];
+    }) : [],
+    [o, t]
+  ), g = w(
+    (c, b) => {
+      c.dialog ? d({ contribution: c, context: { ...b, close: () => d(null) } }) : dt(c, b);
+    },
+    []
+  ), 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;
+    },
+    [n, t, g]
+  );
+  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) => {
+  const n = t.getValue(o);
   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(
+  o === "label" && (g = [t.original.label, t.original.name, ...t.original.parents || []].join(
     " "
   ));
-  const b = Ze(g, l);
-  return p({ itemRank: b }), b.passed;
+  const x = rt(g, s);
+  return d({ itemRank: x }), x.passed;
 };
-Se.resolveFilterValue = et;
-const ut = (t, i, l) => {
-  let p = 0;
-  return t.columnFiltersMeta[l] && (p = Xe(
-    t.columnFiltersMeta[l]?.itemRank,
-    i.columnFiltersMeta[l]?.itemRank
-  )), p === 0 ? Ye.alphanumeric(t, i, l) : p;
+Me.resolveFilterValue = at;
+const Et = (t, o, s) => {
+  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;
 };
-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++)
+function kt(t, o, s) {
+  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++)
     ;
-  if (p === -1 || n === -1) return [];
-  const g = Math.min(p, n), b = Math.max(p, n);
-  return t.slice(g, b + 1);
+  if (d === -1 || n === -1) return [];
+  const g = Math.min(d, n), x = Math.max(d, n);
+  return t.slice(g, x + 1);
 }
-const $t = ({
+const Zt = ({
   data: t = [],
-  isLoading: i,
-  error: l,
-  isExpandable: p,
+  isLoading: o,
+  error: s,
+  isExpandable: d,
   isMultiSelect: n = !0,
   enableClickToDeselect: g = !0,
-  enableNonFolderIndent: b = !0,
-  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: z,
+  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,
   onRowDoubleClick: Z,
-  onRowOptionClick: B,
+  onRowOptionClick: Q,
   rowContextMenuBuilders: ee = [],
-  children: O,
-  pt: K,
-  fitContent: re,
-  rowIdPrefix: te,
-  ...ne
+  addonShortcuts: U,
+  children: J,
+  pt: j,
+  fitContent: de,
+  rowIdPrefix: $,
+  ...W
 }) => {
   const {
-    rowSelection: T,
-    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);
+    rowSelection: y,
+    expanded: te,
+    setExpanded: ne,
+    onExpandedChange: oe,
+    onRowSelectionChange: X,
+    rowPinning: Y,
+    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);
+  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 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}`,
+  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}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${r}`
+      id: `placeholder-${a}`
     }
-  })) : 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;
+  })) : 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)
+        return { ...h };
+      if (g && !i && !u && Object.keys(h).length === 1 && h[m])
+        return e.setRowSelection({}), M.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;
     },
     [n, g]
-  ), Ee = w(
-    (e, r) => {
-      if (!S.current) {
+  ), De = w(
+    (e, a) => {
+      if (!E.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const a = e.shiftKey, d = e.ctrlKey || e.metaKey;
-      I(
-        S.current,
+      const i = e.shiftKey, u = e.ctrlKey || e.metaKey;
+      L(
+        E.current,
         // Pass the main table instance
-        r.id,
-        a,
-        d
+        a.id,
+        i,
+        u
       );
     },
-    [I]
+    [L]
     // Depends only on handleSelectionLogic
-  ), 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 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(
-              S.current,
-              o.id,
-              a.shiftKey,
-              a.ctrlKey || a.metaKey
+  ), Ne = w(
+    (e, a, i) => {
+      if (!E.current) return;
+      const u = E.current.getRowModel().rows, m = u.findIndex((r) => r.id === a.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 (!r.original.isDisabled) {
+            L(
+              E.current,
+              r.id,
+              i.shiftKey,
+              i.ctrlKey || i.metaKey
             ), requestAnimationFrame(() => {
-              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" }));
+              const S = ae.current, l = (S ? S.querySelector(`#${CSS.escape(re(r.id))}`) : document.getElementById(re(r.id)))?.querySelector('[tabindex="0"]');
+              l && (l.focus(), l.scrollIntoView({ block: "nearest", behavior: "smooth" }));
             });
             return;
           }
-          m = e === "down" ? m + 1 : m - 1;
+          f = e === "down" ? f + 1 : f - 1;
         }
     },
-    [I]
-  ), Fe = w(
-    (e, r) => {
-      r.original.isDisabled || me.current?.(r.id, r);
+    [L]
+  ), Te = w(
+    (e, a) => {
+      a.original.isDisabled || ye.current?.(a.id, a);
     },
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), { handleRowKeyDown: fe } = it({
-    handleRowSelect: Ee,
-    handleArrowNavigation: ke,
-    handleRename: Fe
-  }), Ke = se(
+  ), { handleRowKeyDown: xe } = yt({
+    handleRowSelect: De,
+    handleArrowNavigation: Ne,
+    handleRename: Te
+  }), ze = le(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: ut,
+        sortingFn: Et,
         //sort by fuzzy rank (falls back to alphanumeric)
-        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"))
+        cell: ({ row: e, getValue: a, table: i }) => {
+          const u = i.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 x = o.altKey && e.getIsSelected() && !o.shiftKey && !o.ctrlKey && !o.metaKey ? a.getState().rowSelection || {} : I(
-              a,
+            const h = r.altKey && e.getIsSelected() && !r.shiftKey && !r.ctrlKey && !r.metaKey ? i.getState().rowSelection || {} : L(
+              i,
               // Pass the cell's table instance
               e.id,
-              o.shiftKey,
-              o.ctrlKey || o.metaKey
+              r.shiftKey,
+              r.ctrlKey || r.metaKey
             );
-            o.altKey && B?.(e.original, Object.keys(x));
-          }, m = {
-            className: M({
+            r.altKey && Q?.(e.original, Object.keys(h));
+          }, f = {
+            className: T({
               selected: e.getIsSelected(),
-              loading: d?.isLoading,
+              loading: u?.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 || fe(o, e);
+            onKeyDown: (r) => {
+              r.target instanceof HTMLInputElement || xe(r, e);
             },
             depth: e.depth,
             tabIndex: 0,
-            value: r(),
+            value: a(),
             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: G,
-            imgPosition: X,
+            imgRatio: z,
+            imgPosition: G,
             isRowExpandable: e.getCanExpand(),
-            enableNonFolderIndent: b,
+            enableNonFolderIndent: x,
             isRowExpanded: e.getIsExpanded(),
-            isTableExpandable: d?.isExpandable,
-            onExpandClick: (o) => {
-              o?.altKey ? Re(e, !e.getIsExpanded()) : e.toggleExpanded();
+            isTableExpandable: u?.isExpandable,
+            onExpandClick: (r) => {
+              r?.altKey ? Ke(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 === 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,
+            isRenaming: e.id === ue.current,
+            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,
+            onClick: m,
             // Added onClick handler
-            onDoubleClick: (o) => ue.current?.(e.id, e)
+            onDoubleClick: (r) => me.current?.(e.id, e)
           };
-          return d?.children ? d.children(m, e, a) : /* @__PURE__ */ u(ct, { ...m, ...K?.cell });
+          return u?.children ? u.children(f, e, i) : /* @__PURE__ */ p(wt, { ...f, ...j?.cell });
         }
       }
     ],
     [
-      h,
-      I,
-      fe,
+      c,
+      L,
+      xe,
       g,
-      b,
+      x,
+      z,
       G,
-      X,
-      B
+      Q
     ]
-  ), Me = w(
+  ), Ae = w(
     (e) => {
-      Q(be(e, T));
+      X(Se(e, y));
     },
-    [Q]
-  ), Ne = w(
+    [X]
+  ), Ie = w(
     (e) => {
-      A?.(be(e, J || {}));
+      v?.(Se(e, Y || {}));
     },
-    [A]
-  ), De = w(
+    [v]
+  ), je = w(
     (e) => {
-      _?.((r) => {
-        const a = e instanceof Function ? e(r) : e;
-        return ae?.(a), a;
+      ne?.((a) => {
+        const i = e instanceof Function ? e(a) : e;
+        return oe?.(i), i;
       });
     },
-    [_]
-  ), U = _e({
-    data: Ce,
-    columns: Ke,
+    [ne]
+  ), P = Xe({
+    data: Fe,
+    columns: ze,
     state: {
-      expanded: y,
-      rowSelection: T,
-      globalFilter: N,
-      rowPinning: J
+      expanded: te,
+      rowSelection: y,
+      globalFilter: b,
+      rowPinning: Y
     },
-    onRowSelectionChange: Me,
-    onRowPinningChange: Ne,
+    onRowSelectionChange: Ae,
+    onRowPinningChange: Ie,
     filterFns: {
-      fuzzy: Se
+      fuzzy: Me
     },
     globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!A,
+    enableRowPinning: !!v,
     getRowId: (e) => e.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: De,
+    onExpandedChange: je,
     getSubRows: (e) => e.subRows,
-    getCoreRowModel: Ue(),
-    getFilteredRowModel: Je(),
-    getExpandedRowModel: Qe(),
+    getCoreRowModel: Ze(),
+    getFilteredRowModel: Ge(),
+    getExpandedRowModel: Ye(),
     filterFromLeafRows: !0,
     // debugTable: true,
     // @ts-expect-error: updateData is not required
-    meta: se(
+    meta: le(
       () => ({
-        isExpandable: !!p,
-        isLoading: i,
-        children: O,
-        ...Y
+        isExpandable: !!d,
+        isLoading: o,
+        children: J,
+        ...C
       }),
-      [p, i, O, Y]
+      [d, o, J, C]
     )
   });
   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, {
+    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, {
             rowId: e,
-            rowIndex: r,
-            row: d,
-            selectedRows: o,
-            selectedTableRows: o.map((c) => U.getRowModel().rowsById[c]).filter((c) => !!c),
-            isSelected: m
+            rowIndex: a,
+            row: u,
+            selectedRows: r,
+            selectedTableRows: r.map((l) => P.getRowModel().rowsById[l]).filter((l) => !!l),
+            isSelected: f
           })
         )
       );
-      C.length > 0 && de(a, C);
+      S.length > 0 && ge(i, S);
     },
-    [ee, L, T, de]
-  ), oe = v(null), j = Ge({
-    count: L.length,
-    estimateSize: () => q || 34,
+    [ee, V, y, ge]
+  ), ae = R(null), q = nt({
+    count: V.length,
+    estimateSize: () => K || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => oe.current,
+    getScrollElement: () => ae.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: q ? () => q : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
+    measureElement: K ? () => K : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), he = v(void 0);
+  }), be = R(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(
+    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(
       () => requestAnimationFrame(() => {
-        oe.current?.querySelector(
-          `#${CSS.escape(E(R))}`
+        ae.current?.querySelector(
+          `#${CSS.escape(re(k))}`
         )?.querySelector('[tabindex="0"]')?.focus({ preventScroll: !0 });
       })
     ));
-  }, [R, L, j]);
-  const Te = w(
+  }, [k, V, q]);
+  const Le = w(
     (e) => {
-      e && j.measureElement(e);
+      e && q.measureElement(e);
     },
-    [j]
-  ), Ae = w(
+    [q]
+  ), Pe = w(
     (e) => {
-      if (!H) return;
-      const r = e.currentTarget, { scrollTop: a, scrollHeight: d, clientHeight: s } = r;
-      d - a - s < 100 && !i && H();
+      if (!O) return;
+      const a = e.currentTarget, { scrollTop: i, scrollHeight: u, clientHeight: m } = a;
+      u - i - m < 100 && !o && O();
     },
-    [H, i]
-  );
-  return /* @__PURE__ */ W(
-    ot,
-    {
-      ref: oe,
-      onScroll: Ae,
-      onClick: (e) => {
-        g && !e.target.closest("tr") && (U.setRowSelection({}), f.current = null);
-      },
-      ...ne,
-      className: M(ne.className, { isLoading: i, fitContent: re }),
-      children: [
-        !l && /* @__PURE__ */ u("table", { children: /* @__PURE__ */ u(
-          "tbody",
-          {
-            style: {
-              height: `${j?.getTotalSize()}px`
-              //tells scrollbar how big the table is
-            },
-            children: j?.getVirtualItems().map((e) => {
-              const r = L[e.index];
-              return /* @__PURE__ */ u(
-                "tr",
-                {
-                  "data-index": e.index,
-                  ref: Te,
-                  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
-                    // custom styles to be passed
+    [O, o]
+  ), {
+    hasShortcuts: Ve,
+    handleShortcut: qe,
+    dialog: ie
+  } = Rt(U?.table);
+  return /* @__PURE__ */ B(Re, { children: [
+    /* @__PURE__ */ B(
+      mt,
+      {
+        ref: ae,
+        onScroll: Pe,
+        onClick: (e) => {
+          g && !e.target.closest("tr") && (P.setRowSelection({}), M.current = null);
+        },
+        ...W,
+        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) => {
+              const l = m[h]?.original;
+              if (!l) return;
+              const { entityType: se } = l.data;
+              return {
+                id: l.id,
+                entityType: typeof se == "string" ? se : void 0,
+                name: l.name,
+                label: l.label,
+                data: l.data
+              };
+            }, r = Object.keys(y).filter((h) => y[h]), S = r.includes(u) ? r : [u];
+            return {
+              projectName: U?.projectName ?? null,
+              rows: S.flatMap((h) => f(h) || []),
+              focused: { rowId: u },
+              cells: []
+            };
+          });
+        },
+        className: T(W.className, { isLoading: o, fitContent: de }),
+        children: [
+          !s && /* @__PURE__ */ p("table", { children: /* @__PURE__ */ p(
+            "tbody",
+            {
+              style: {
+                height: `${q?.getTotalSize()}px`
+                //tells scrollbar how big the table is
+              },
+              children: q?.getVirtualItems().map((e) => {
+                const a = V[e.index];
+                return /* @__PURE__ */ p(
+                  "tr",
+                  {
+                    "data-index": e.index,
+                    ref: Le,
+                    id: re(a.id),
+                    onContextMenu: (i) => $e(a.id, e.index, i),
+                    ...j?.row,
+                    style: {
+                      transform: `translateY(${e.start}px)`,
+                      //this should always be a `style` as it changes on scroll
+                      ...j?.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: r.getVisibleCells().map((a) => /* @__PURE__ */ u("td", { children: We(a.column.columnDef.cell, a.getContext()) }, a.id))
-                },
-                r.id
-              );
-            })
-          }
-        ) }),
-        !!l && /* @__PURE__ */ u(tt, { error: l })
-      ]
-    }
-  );
+                  a.id
+                );
+              })
+            }
+          ) }),
+          !!s && /* @__PURE__ */ p(it, { error: s })
+        ]
+      }
+    ),
+    ie && /* @__PURE__ */ p(St, { contribution: ie.contribution, context: ie.context })
+  ] });
 };
 export {
-  rt as C,
-  at as E,
-  zt as H,
-  st as R,
-  $t as S,
-  ot as T,
-  Dt as a,
-  Tt as b,
-  ct as c,
-  we as d,
-  At as e,
-  lt as u
+  St as A,
+  ft as C,
+  ht as E,
+  Xt as H,
+  bt as R,
+  Zt as S,
+  mt as T,
+  Wt as a,
+  Yt as b,
+  wt as c,
+  ke as d,
+  Gt as e,
+  Rt as f,
+  xt as u
 };