@ynput/ayon-frontend-shared 0.9.0 → 0.10.0

package/dist/ListTable.es.js

@@ -1,16 +1,16 @@
-import { jsx as a, Fragment as De, jsxs as M } from "react/jsx-runtime";
-import Gt, { useState as L, useEffect as Mt, useRef as At, useCallback as O, useMemo as tt } from "react";
-import A from "clsx";
-import { flexRender as nt, useReactTable as Ee, getSortedRowModel as Re, getExpandedRowModel as Se, getCoreRowModel as we } from "@tanstack/react-table";
-import { Button as ze, Icon as Ie } from "@ynput/ayon-react-components";
+import { jsx as d, Fragment as Ot, jsxs as M } from "react/jsx-runtime";
+import Fe, { useState as G, useEffect as ne, useRef as Be, useCallback as O, useMemo as ie, useId as Nt } from "react";
+import $ from "clsx";
+import { flexRender as ae, useReactTable as jt, getSortedRowModel as Kt, getExpandedRowModel as Wt, getCoreRowModel as Pt } from "@tanstack/react-table";
+import { Button as Ft, Icon as Bt } from "@ynput/ayon-react-components";
 import "./chunks/FilmstripEntityCard.es.js";
 import "date-fns";
-import { D as Te, B as Ve, T as _e, E as ke, j as Le } from "./chunks/MetaWidget.es.js";
+import { D as Yt, B as Ut, T as Xt, E as Jt, j as qt } from "./chunks/MetaWidget.es.js";
 import "react-toastify";
 import "lodash";
 import "primereact/confirmdialog";
 import "uuid";
-import { bD as Ge } from "./chunks/searchTerms.es.js";
+import { bD as Qt } from "./chunks/searchTerms.es.js";
 import "axios";
 import "lexical";
 import "@lexical/markdown";
@@ -22,31 +22,31 @@ import "@lexical/selection";
 import "@lexical/utils";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@lexical/react/LexicalDecoratorBlockNode";
-import { dK as vt, dL as Me } from "./chunks/getUris.es.js";
-import { u as Ae } from "./chunks/TableExportContextInstance.es.js";
+import { dK as Ve, dL as Zt } from "./chunks/getUris.es.js";
+import { u as eo } from "./chunks/TableExportContextInstance.es.js";
 import "@ynput/ayon-addon";
 import "@module-federation/enhanced/runtime";
 import "@ynput/ayon-addon/host";
 import "semver";
-import { u as He } from "./chunks/useCreateContextMenu.es.js";
+import { u as to } from "./chunks/useCreateContextMenu.es.js";
 import "react-dom";
 import "react-router-dom";
 import "react-redux";
-import { useVirtualizer as Oe } from "@tanstack/react-virtual";
-import { useSensors as $e, useSensor as Ct, PointerSensor as Ne, KeyboardSensor as je, DndContext as xt, closestCenter as Dt, DragOverlay as Et, defaultDropAnimationSideEffects as Rt } from "@dnd-kit/core";
-import { restrictToHorizontalAxis as Ke, restrictToVerticalAxis as We } from "@dnd-kit/modifiers";
-import { useSortable as Ht, sortableKeyboardCoordinates as Pe, arrayMove as Fe, SortableContext as St, horizontalListSortingStrategy as Be, verticalListSortingStrategy as Ye } from "@dnd-kit/sortable";
-import { CSS as Ot } from "@dnd-kit/utilities";
+import { useVirtualizer as oo } from "@tanstack/react-virtual";
+import { useSensors as no, useSensor as _e, PointerSensor as io, KeyboardSensor as ro, DndContext as ke, closestCenter as Le, DragOverlay as Ge, defaultDropAnimationSideEffects as Ae } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as so, restrictToVerticalAxis as ao } from "@dnd-kit/modifiers";
+import { useSortable as Ye, sortableKeyboardCoordinates as lo, arrayMove as co, SortableContext as He, horizontalListSortingStrategy as uo, verticalListSortingStrategy as go } from "@dnd-kit/sortable";
+import { CSS as Ue } from "@dnd-kit/utilities";
 import v from "styled-components";
-import { H as Ue } from "./chunks/addonColumnTags.es.js";
+import { H as po } from "./chunks/addonColumnTags.es.js";
 import "./chunks/ContextMenuContextInstance.es.js";
 import "./chunks/Menu.es.js";
 import "./chunks/EmptyPlaceholder.es.js";
 import "./chunks/EmptyPlaceholderFlex.styled.es.js";
 import "./chunks/InfoMessage.es.js";
-import { C as Xe } from "./chunks/ColumnHeaderMenuUI.es.js";
+import { C as mo } from "./chunks/ColumnHeaderMenuUI.es.js";
 import "primereact-context/contextmenu";
-const $t = v.tr`
+const Xe = 32, re = 32, Je = v.tr`
   display: flex;
   position: absolute;
   top: 0;
@@ -137,7 +137,7 @@ const $t = v.tr`
       }
     }
   }
-`, wt = v.td`
+`, $e = v.td`
   position: relative;
   height: 100%;
 
@@ -157,7 +157,7 @@ const $t = v.tr`
   &:focus-visible {
     outline: none;
   }
-`, zt = v.div`
+`, Me = v.div`
   position: absolute;
   inset: 0;
 
@@ -168,7 +168,7 @@ const $t = v.tr`
   cursor: pointer;
   box-sizing: border-box;
   min-width: 0;
-`, Je = v.div`
+`, fo = v.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -176,7 +176,7 @@ const $t = v.tr`
   color: var(--md-sys-color-on-surface-variant);
   font-style: italic;
   pointer-events: none;
-`, qe = v.div`
+`, ho = v.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -192,7 +192,7 @@ const $t = v.tr`
     white-space: nowrap !important;
     min-width: 0;
   }
-`, Qe = v.div`
+`, bo = v.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -226,7 +226,7 @@ v.div`
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container-low);
 `;
-const Ze = v.div`
+const yo = v.div`
   position: relative;
   display: flex;
   height: 100%;
@@ -253,20 +253,71 @@ const Ze = v.div`
     position: relative;
     display: grid;
   }
-`, tn = v.table`
+
+  &.data {
+    padding: 0;
+
+    table {
+      min-width: max-content;
+    }
+
+    thead {
+      min-height: ${re}px;
+      background-color: var(--md-sys-color-surface-container);
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+    }
+
+    th,
+    td {
+      flex-shrink: 0;
+    }
+
+    th {
+      height: ${re - 1}px;
+    }
+
+    .resize-handle:not(.resizing) {
+      background-color: var(--md-sys-color-outline-variant);
+    }
+
+    .table-list-row {
+      height: ${Xe}px;
+      border-radius: 0;
+
+      td .inner-td {
+        left: 0 !important;
+        gap: var(--base-gap-small);
+        border: 0;
+        border-radius: 0;
+        background-color: transparent;
+      }
+
+      &:hover td .inner-td,
+      &[data-context-menu-target] td .inner-td {
+        background-color: var(--md-sys-color-surface-container-hover);
+      }
+
+      &.selected td .inner-td {
+        border: 0;
+        background-color: var(--md-sys-color-primary-container);
+        color: var(--md-sys-color-on-primary-container);
+      }
+    }
+  }
+`, vo = v.table`
   width: 100%;
   text-align: left;
   font-size: var(--font-size-s);
   color: var(--md-sys-color-on-surface);
   display: grid;
-`, en = v.thead`
+`, Co = v.thead`
   display: grid !important;
   position: sticky;
   top: 0;
   min-height: 34px;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-low);
-`, nn = v.tr`
+`, xo = v.tr`
   display: flex;
   width: 100%;
 `;
@@ -283,11 +334,11 @@ v.th`
   white-space: nowrap;
   min-height: fit-content;
 `;
-const It = v.tbody`
+const Oe = v.tbody`
   display: grid;
   width: 100%;
   position: relative;
-`, on = v.tr`
+`, Do = v.tr`
   position: absolute;
   top: 0;
   left: 0;
@@ -296,7 +347,7 @@ const It = v.tbody`
   justify-content: center;
   padding: var(--padding-m);
   color: var(--md-sys-color-outline);
-`, rn = v.tr`
+`, Ro = v.tr`
   display: flex;
   width: 100%;
   background-color: var(--md-sys-color-surface-container-high);
@@ -308,7 +359,7 @@ const It = v.tbody`
   &.inactive {
     color: var(--md-sys-color-on-surface-variant);
   }
-`, sn = v.th`
+`, wo = v.th`
   position: relative;
   background-color: transparent;
   display: flex;
@@ -362,7 +413,7 @@ const It = v.tbody`
   &.resizing .resize-handle:not(.resizing) {
     opacity: 0;
   }
-`, an = v.div`
+`, Eo = v.div`
   display: flex;
   align-items: center;
   gap: 6px;
@@ -374,7 +425,7 @@ const It = v.tbody`
   color: var(--md-sys-color-on-surface-variant);
   cursor: pointer;
   user-select: none;
-`, ln = v(ze)`
+`, Io = v(Ft)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -384,22 +435,22 @@ const It = v.tbody`
     }
   }
   cursor: pointer;
-`, dn = v.td`
+`, To = v.td`
   position: relative;
   display: flex;
   width: 100%;
   height: 100%;
   padding: 0;
-`, cn = v.span`
+`, zo = v.span`
   font-weight: 400;
   color: var(--md-sys-color-outline);
   opacity: 0.7;
-`, un = v.span`
+`, So = v.span`
   width: 10px;
   height: 10px;
   border-radius: 2px;
   flex-shrink: 0;
-`, gn = v.th`
+`, Vo = v.th`
   position: relative;
   cursor: grabbing;
   background-color: var(--md-sys-color-surface-container-high);
@@ -412,7 +463,7 @@ const It = v.tbody`
   white-space: nowrap;
   z-index: 50;
   height: 30px;
-`, pn = v.span`
+`, _o = v.span`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -422,7 +473,7 @@ const It = v.tbody`
   white-space: nowrap;
   min-width: 0;
   user-select: none;
-`, mn = v.div.attrs({ className: "th-actions" })`
+`, ko = v.div.attrs({ className: "th-actions" })`
   position: absolute;
   right: var(--padding-m);
   top: 50%;
@@ -432,7 +483,7 @@ const It = v.tbody`
   gap: 2px;
   flex-shrink: 0;
   z-index: 1;
-`, fn = v.div`
+`, Lo = v.div`
   position: absolute;
   right: -3px;
   top: 0;
@@ -447,251 +498,259 @@ const It = v.tbody`
     background-color: var(--md-sys-color-primary);
     opacity: 1;
   }
-`, Nt = (t) => Ge(t), F = (t) => {
-  if (t == null) return "";
-  if (typeof t == "string") return t;
-  if (typeof t == "number" || typeof t == "boolean") return String(t);
-  if (Array.isArray(t)) return t.join(", ");
+`, qe = (e) => Qt(e), U = (e) => {
+  if (e == null) return "";
+  if (typeof e == "string") return e;
+  if (typeof e == "number" || typeof e == "boolean") return String(e);
+  if (Array.isArray(e)) return e.join(", ");
   try {
-    return JSON.stringify(t);
+    return JSON.stringify(e);
   } catch {
-    return String(t);
+    return String(e);
   }
-}, jt = ({
-  value: t,
-  attributeData: e,
+}, Qe = ({
+  value: e,
+  attributeData: t,
   isEditing: n,
   isReadOnly: r,
-  startEditing: i,
+  startEditing: o,
   stopEditing: u,
-  updateValue: s
+  updateValue: c
 }) => {
-  const m = Array.isArray(t) ? t : t == null ? [] : [t];
-  return /* @__PURE__ */ a(
-    ke,
+  const p = Array.isArray(e) ? e : e == null ? [] : [e];
+  return /* @__PURE__ */ d(
+    Jt,
     {
-      value: m,
-      options: e.enum || [],
-      type: e.type,
+      value: p,
+      options: t.enum || [],
+      type: t.type,
       isEditing: n,
       isReadOnly: r,
-      onOpen: i,
+      onOpen: o,
       onCancelEdit: u,
-      onChange: (l) => s(l)
+      onChange: (s) => c(s)
     }
   );
-}, Q = (t) => Nt(t.attributeData) ? jt(t) : /* @__PURE__ */ a(
-  _e,
+}, te = (e) => qe(e.attributeData) ? Qe(e) : /* @__PURE__ */ d(
+  Xt,
   {
-    value: F(t.value),
-    type: t.attributeData.type,
-    columnId: t.columnId,
-    cellId: t.cellId,
-    isEditing: t.isEditing,
-    isReadOnly: t.isReadOnly,
-    onRequestEdit: () => t.startEditing(),
-    onCancelEdit: t.stopEditing,
-    onChange: (e) => t.updateValue(e),
-    getDraftValue: t.getDraftValue,
-    setDraftValue: t.setDraftValue
+    value: U(e.value),
+    type: e.attributeData.type,
+    columnId: e.columnId,
+    cellId: e.cellId,
+    isEditing: e.isEditing,
+    isReadOnly: e.isReadOnly,
+    onRequestEdit: () => e.startEditing(),
+    onCancelEdit: e.stopEditing,
+    onChange: (t) => e.updateValue(t),
+    getDraftValue: e.getDraftValue,
+    setDraftValue: e.setDraftValue
   }
-), hn = (t) => /* @__PURE__ */ a(
-  Ve,
+), Go = (e) => /* @__PURE__ */ d(
+  Ut,
   {
-    value: !!t.value,
-    isEditing: t.isEditing,
-    isReadOnly: t.isReadOnly,
-    onCancelEdit: t.stopEditing,
-    onChange: (e) => t.updateValue(e)
+    value: !!e.value,
+    isEditing: e.isEditing,
+    isReadOnly: e.isReadOnly,
+    onCancelEdit: e.stopEditing,
+    onChange: (t) => e.updateValue(t)
   }
-), bn = (t) => {
-  const e = t.row.original.midnightExclusiveFields;
-  return /* @__PURE__ */ a(
-    Te,
+), Ao = (e) => {
+  const t = e.row.original.midnightExclusiveFields;
+  return /* @__PURE__ */ d(
+    Yt,
     {
-      value: typeof t.value == "string" ? t.value : void 0,
-      isEditing: t.isEditing,
-      isReadOnly: t.isReadOnly,
-      onCancelEdit: t.stopEditing,
-      onChange: (n) => t.updateValue(n),
-      isMidnightExclusive: e?.includes(t.columnId) ?? !1
+      value: typeof e.value == "string" ? e.value : void 0,
+      isEditing: e.isEditing,
+      isReadOnly: e.isReadOnly,
+      onCancelEdit: e.stopEditing,
+      onChange: (n) => e.updateValue(n),
+      isMidnightExclusive: t?.includes(e.columnId) ?? !1
     }
   );
-}, Z = (t) => Nt(t.attributeData) ? jt(t) : F(t.value), Tt = (t) => F(t.value), yn = {
-  string: Q,
-  integer: Q,
-  float: Q,
-  boolean: hn,
-  datetime: bn,
-  list_of_strings: Z,
-  list_of_integers: Z,
-  list_of_any: Z,
-  list_of_submodels: Tt,
-  dict: Tt
-}, ko = () => yn, Kt = (t, e) => `list-table-cell-${t}-${e}`, vn = (t) => F(t), Vt = "editable", Cn = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t, xn = ({
-  cell: t,
-  row: e,
+}, oe = (e) => qe(e.attributeData) ? Qe(e) : U(e.value), Ne = (e) => U(e.value), Ho = {
+  string: te,
+  integer: te,
+  float: te,
+  boolean: Go,
+  datetime: Ao,
+  list_of_strings: oe,
+  list_of_integers: oe,
+  list_of_any: oe,
+  list_of_submodels: Ne,
+  dict: Ne
+}, Jn = () => Ho, Ze = (e, t) => `list-table-cell-${e}-${t}`, et = (e, t) => `${e}-row-${t}`, tt = (e, t) => {
+  const n = e.getVisibleLeafColumns();
+  return (n.find((o) => o.columnDef.meta?.listTableGrow) ?? n[n.length - 1])?.id === t;
+}, $o = (e) => U(e), je = "editable", Mo = (e) => !!e && typeof e == "object" && "__listTablePlaceholder" in e, Oo = ({
+  cell: e,
+  row: t,
   rowIndex: n,
   attributeData: r,
-  dataTypeWidgets: i,
+  dataTypeWidgets: o,
   editingState: u,
-  callbacks: s,
-  isReadOnly: m
+  callbacks: c,
+  isReadOnly: p
 }) => {
-  const l = r?.type;
-  if (!l || !i?.[l])
+  const s = r?.type;
+  if (!s || !o?.[s])
     return null;
-  const E = i[l];
-  if (!E)
+  const x = o[s];
+  if (!x)
     return null;
-  const R = t.column.id, c = Kt(e.id, R), d = {
-    row: e,
-    cell: t,
-    value: t.getValue(),
+  const w = e.column.id, a = Ze(t.id, w), l = {
+    row: t,
+    cell: e,
+    value: e.getValue(),
     rowIndex: n,
-    columnId: R,
-    cellId: c,
+    columnId: w,
+    cellId: a,
     attributeData: r,
-    isEditing: u.editingCellId === c,
-    isReadOnly: m,
-    startEditing: () => u.startEditingCell(c),
+    isEditing: u.editingCellId === a,
+    isReadOnly: p,
+    startEditing: () => u.startEditingCell(a),
     stopEditing: u.stopEditingCell,
-    updateValue: (C) => {
-      s.onUpdateRow(R, C, e.id), u.stopEditingCell();
+    updateValue: (h) => {
+      c.onUpdateRow(w, h, t.id), u.stopEditingCell();
     },
-    openViewer: () => s.onOpenViewer?.(e.original),
+    openViewer: () => c.onOpenViewer?.(t.original),
     getDraftValue: u.getDraftValue,
     setDraftValue: u.setDraftValue
   };
-  return E(d);
-}, Wt = ({
-  row: t,
-  cellWrapper: e,
+  return x(l);
+}, ot = ({
+  row: e,
+  cellWrapper: t,
   columnAttributeData: n,
   dataTypeWidgets: r,
-  editingState: i,
+  editingState: o,
   callbacks: u,
-  editable: s = !0
+  editable: c = !0
 }) => {
-  const m = Cn(t.original);
-  if (m) {
-    const l = t.original && typeof t.original == "object" && "label" in t.original ? String(t.original.label ?? "") : "";
-    return /* @__PURE__ */ a(wt, { style: { width: "100%" }, children: /* @__PURE__ */ a(
-      zt,
+  const p = Mo(e.original);
+  if (p) {
+    const s = e.original && typeof e.original == "object" && "label" in e.original ? String(e.original.label ?? "") : "";
+    return /* @__PURE__ */ d($e, { role: "gridcell", style: { width: "100%" }, children: /* @__PURE__ */ d(
+      Me,
       {
-        style: { left: 0, paddingLeft: `calc(var(--padding-m) + ${t.depth * 16}px)` },
-        children: /* @__PURE__ */ a(Je, { children: l })
+        style: { left: 0, paddingLeft: `calc(var(--padding-m) + ${e.depth * 16}px)` },
+        children: /* @__PURE__ */ d(fo, { children: s })
       }
-    ) }, `${t.id}-placeholder`);
+    ) }, `${e.id}-placeholder`);
   }
-  return /* @__PURE__ */ a(De, { children: t.getVisibleCells().map((l, E, R) => {
-    const c = Kt(t.id, l.column.id), d = n?.[l.column.id], C = !!l.column.columnDef.meta?.listTableCustomCell, g = d?.type, f = !!g && !C, h = !!(g && r?.[g]), b = i.editingCellId === c, x = s && l.column.columnDef.meta?.editable !== !1, T = !f || m ? null : xn({
-      cell: l,
-      row: t,
-      rowIndex: t.index,
-      attributeData: d,
+  return /* @__PURE__ */ d(Ot, { children: e.getVisibleCells().map((s, x, w) => {
+    const a = Ze(e.id, s.column.id), l = n?.[s.column.id], h = !!s.column.columnDef.meta?.listTableCustomCell, y = l?.type, R = !!y && !h, g = !!(y && r?.[y]), m = o.editingCellId === a, b = c && s.column.columnDef.meta?.editable !== !1, T = !R || p ? null : Oo({
+      cell: s,
+      row: e,
+      rowIndex: e.index,
+      attributeData: l,
       dataTypeWidgets: r,
-      editingState: i,
+      editingState: o,
       callbacks: u,
-      isReadOnly: !x
-    }), z = !f || m ? nt(l.column.columnDef.cell, l.getContext()) : T ?? vn(l.getValue());
-    let y = z;
-    e !== null && (e ? y = e(t, z) || z : y = /* @__PURE__ */ a(qe, { children: z }));
-    const S = x && f && h && !m;
-    return S && (y = /* @__PURE__ */ a(
-      Qe,
+      isReadOnly: !b
+    }), E = !R || p ? ae(s.column.columnDef.cell, s.getContext()) : T ?? $o(s.getValue());
+    let C = E;
+    t !== null && (t ? C = t(e, E) || E : C = /* @__PURE__ */ d(ho, { children: E }));
+    const _ = b && R && g && !p;
+    return _ && (C = /* @__PURE__ */ d(
+      bo,
       {
-        className: A(Vt, g, { editing: b }),
-        children: y
+        className: $(je, y, { editing: m }),
+        children: C
       }
-    )), /* @__PURE__ */ a(
-      wt,
+    )), /* @__PURE__ */ d(
+      $e,
       {
-        id: c,
+        id: a,
+        role: "gridcell",
         style: {
-          width: `calc(var(--col-${l.column.id}-size) * 1px)`,
-          paddingRight: E === R.length - 1 ? "var(--padding-m)" : void 0,
-          flexGrow: E === R.length - 1 ? 1 : void 0
+          width: `calc(var(--col-${s.column.id}-size) * 1px)`,
+          paddingRight: x === w.length - 1 ? "var(--padding-m)" : void 0,
+          flexGrow: tt(s.getContext().table, s.column.id) ? 1 : void 0
         },
-        onDoubleClick: S ? (w) => {
-          w.stopPropagation(), i.startEditingCell(c);
+        onDoubleClick: _ ? (I) => {
+          I.stopPropagation(), o.startEditingCell(a);
         } : void 0,
-        onClick: (w) => {
-          const V = w.target;
-          if (b && V.closest(".editing"))
-            w.stopPropagation();
-          else if (x) {
-            const H = V.closest(`.${Vt}`), $ = V.closest(
-              `.${Le}, input, textarea, select, [contenteditable="true"]`
+        onClick: (I) => {
+          const z = I.target;
+          if (m && z.closest(".editing"))
+            I.stopPropagation();
+          else if (b) {
+            const A = z.closest(`.${je}`), k = z.closest(
+              `.${qt}, input, textarea, select, [contenteditable="true"]`
             );
-            (H || $) && (i.startEditingCell(c), w.stopPropagation());
+            (A || k) && (o.startEditingCell(a), I.stopPropagation());
           }
         },
-        children: /* @__PURE__ */ a(
-          zt,
+        children: /* @__PURE__ */ d(
+          Me,
           {
             className: "inner-td",
             style: {
-              left: E === 0 ? `calc(var(--padding-m) + ${t.depth * 16}px)` : void 0
+              left: x === 0 ? `calc(var(--padding-m) + ${e.depth * 16}px)` : void 0
             },
-            children: y
+            children: C
           }
         )
       },
-      l.id
+      s.id
     );
   }) });
-}, _t = "__group_path__", Dn = (t) => {
-  if (!t.startsWith(_t)) return null;
-  const e = t.slice(_t.length), n = e.lastIndexOf("__");
+}, Ke = "__group_path__", No = (e) => {
+  if (!e.startsWith(Ke)) return null;
+  const t = e.slice(Ke.length), n = t.lastIndexOf("__");
   if (n === -1) return null;
-  const r = e.slice(0, n), i = Number(e.slice(n + 2));
-  return Number.isNaN(i) ? null : { baseColumnId: r, level: i };
-}, En = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t), P = (t) => !!t && typeof t == "object" && "__listTableGroup" in t;
-function Rn(t, e) {
-  return e == null ? "(None)" : typeof e == "boolean" ? t === "active" ? e ? "Active" : "Inactive" : t === "library" ? e ? "Library" : "Standard" : e ? "Yes" : "No" : String(e);
+  const r = t.slice(0, n), o = Number(t.slice(n + 2));
+  return Number.isNaN(o) ? null : { baseColumnId: r, level: o };
+}, jo = (e) => !!e && typeof e == "object" && ("label" in e || "value" in e), Y = (e) => !!e && typeof e == "object" && "__listTableGroup" in e;
+function Ko(e, t) {
+  return t == null ? "(None)" : typeof t == "boolean" ? e === "active" ? t ? "Active" : "Inactive" : e === "library" ? t ? "Library" : "Standard" : t ? "Yes" : "No" : String(t);
 }
-function Sn({
-  groupColumnId: t,
-  groupValue: e,
+function Wo({
+  groupColumnId: e,
+  groupValue: t,
   count: n,
   countLabel: r,
-  depth: i,
+  depth: o,
   isExpanded: u,
-  onToggle: s,
-  virtualStart: m,
-  onContextMenu: l
+  onToggle: c,
+  virtualStart: p,
+  rowIndex: s,
+  onContextMenu: x
 }) {
-  const R = Dn(t)?.baseColumnId ?? t, c = En(e) ? e : void 0, d = c?.value ?? e, C = c?.label ?? Rn(R, d);
-  return /* @__PURE__ */ a(
-    $t,
+  const a = No(e)?.baseColumnId ?? e, l = jo(t) ? t : void 0, h = l?.value ?? t, y = l?.label ?? Ko(a, h);
+  return /* @__PURE__ */ d(
+    Je,
     {
+      role: "row",
+      "aria-rowindex": s + 2,
+      "aria-expanded": u,
       style: {
-        transform: `translateY(${m}px)`,
-        paddingLeft: i * 16
+        transform: `translateY(${p}px)`,
+        paddingLeft: o * 16
       },
-      onClick: s,
-      onContextMenu: l,
-      className: A("group-row", { expanded: u }),
-      children: /* @__PURE__ */ a(dn, { children: /* @__PURE__ */ M(an, { children: [
-        /* @__PURE__ */ a(
-          ln,
+      onClick: c,
+      onContextMenu: x,
+      className: $("group-row", { expanded: u }),
+      children: /* @__PURE__ */ d(To, { role: "gridcell", children: /* @__PURE__ */ M(Eo, { children: [
+        /* @__PURE__ */ d(
+          Io,
           {
             className: "expander",
             icon: u ? "expand_more" : "chevron_right",
             variant: "text"
           }
         ),
-        c?.icon ? /* @__PURE__ */ a(
-          Ie,
+        l?.icon ? /* @__PURE__ */ d(
+          Bt,
           {
-            icon: c.icon,
-            style: { color: c.color },
+            icon: l.icon,
+            style: { color: l.color },
             filled: !0
           }
-        ) : c?.color ? /* @__PURE__ */ a(un, { style: { backgroundColor: c.color } }) : null,
-        /* @__PURE__ */ a("span", { children: C }),
-        /* @__PURE__ */ M(cn, { children: [
+        ) : l?.color ? /* @__PURE__ */ d(So, { style: { backgroundColor: l.color } }) : null,
+        /* @__PURE__ */ d("span", { children: y }),
+        /* @__PURE__ */ M(zo, { children: [
           n,
           r ? ` ${r}` : ""
         ] })
@@ -699,522 +758,544 @@ function Sn({
     }
   );
 }
-const kt = (t) => !!t && typeof t == "object" && "__listTablePlaceholder" in t;
-function wn({
+const We = (e) => !!e && typeof e == "object" && "__listTablePlaceholder" in e;
+function Po({
+  tableId: e,
   row: t,
-  virtualRow: e,
-  isSelected: n,
-  rowIndex: r,
-  onRowClick: i,
-  onRowDoubleClick: u,
-  onRowContextMenu: s,
-  cellWrapper: m,
-  columnAttributeData: l,
-  dataTypeWidgets: E,
-  editingState: R,
-  callbacks: c,
-  editable: d,
-  isInactive: C
+  virtualRow: n,
+  isSelected: r,
+  rowIndex: o,
+  onRowClick: u,
+  onRowDoubleClick: c,
+  onRowContextMenu: p,
+  cellWrapper: s,
+  columnAttributeData: x,
+  dataTypeWidgets: w,
+  editingState: a,
+  callbacks: l,
+  editable: h,
+  isInactive: y,
+  rowClassName: R
 }) {
-  const g = P(t.original), f = kt(t.original), { transform: h, transition: b, setNodeRef: x, isDragging: T } = Ht({
+  const g = Y(t.original), m = We(t.original), { transform: b, transition: T, setNodeRef: E, isDragging: C } = Ye({
     id: t.id,
-    disabled: g || f
+    disabled: g || m
   });
   if (g) {
-    const S = t.original;
-    return /* @__PURE__ */ a(
-      Sn,
+    const z = t.original;
+    return /* @__PURE__ */ d(
+      Wo,
       {
-        groupColumnId: S.__groupColumnId,
-        groupValue: S.__groupValue,
-        count: t.getLeafRows().filter((w) => {
-          const V = w.original;
-          return !kt(V) && !P(V) && V?.entityType !== "folder" && V?.type !== "folder";
+        groupColumnId: z.__groupColumnId,
+        groupValue: z.__groupValue,
+        count: t.getLeafRows().filter((A) => {
+          const k = A.original;
+          return !We(k) && !Y(k) && k?.entityType !== "folder" && k?.type !== "folder";
         }).length,
         depth: t.depth,
         isExpanded: t.getIsExpanded(),
         onToggle: t.getToggleExpandedHandler(),
-        virtualStart: e.start,
-        onContextMenu: s ? (w) => s(t.id, r, w) : void 0
+        virtualStart: n.start,
+        rowIndex: o,
+        onContextMenu: p ? (A) => p(t.id, o, A) : void 0
       }
     );
   }
-  const z = `translateY(${e.start}px)`, y = h ? Ot.Transform.toString(h) : "";
-  return /* @__PURE__ */ a(
-    $t,
+  const _ = `translateY(${n.start}px)`, I = b ? Ue.Transform.toString(b) : "";
+  return /* @__PURE__ */ d(
+    Je,
     {
-      ref: x,
+      ref: E,
+      id: et(e, o),
+      role: "row",
+      "aria-rowindex": o + 2,
+      "aria-selected": m ? void 0 : r,
       style: {
-        transform: `${z} ${y}`,
-        transition: b
+        transform: `${_} ${I}`,
+        transition: T
       },
       tabIndex: -1,
-      onClick: (S) => i(t.id, r, S),
-      onDoubleClick: u ? (S) => u(t.id, r, S) : void 0,
-      onContextMenu: s ? (S) => s(t.id, r, S) : void 0,
-      className: A("table-list-row", {
-        dragging: T,
-        selected: n,
-        inactive: C,
-        "placeholder-row": f
+      onClick: (z) => u(t.id, o, z),
+      onDoubleClick: c ? (z) => c(t.id, o, z) : void 0,
+      onContextMenu: p ? (z) => p(t.id, o, z) : void 0,
+      className: $("table-list-row", R, {
+        dragging: C,
+        selected: r,
+        inactive: y,
+        "placeholder-row": m
       }),
-      children: /* @__PURE__ */ a(
-        Wt,
+      children: /* @__PURE__ */ d(
+        ot,
         {
           row: t,
-          cellWrapper: m,
-          columnAttributeData: l,
-          dataTypeWidgets: E,
-          editingState: R,
-          callbacks: c,
-          editable: d
+          cellWrapper: s,
+          columnAttributeData: x,
+          dataTypeWidgets: w,
+          editingState: a,
+          callbacks: l,
+          editable: h
         }
       )
     }
   );
 }
-const zn = Gt.memo(wn);
-function In({
-  header: t,
-  enabled: e,
+const Fo = Fe.memo(Po);
+function Bo({
+  header: e,
+  enabled: t,
   enableSorting: n = !1,
   enableColumnVisibility: r = !1,
-  enableColumnResizing: i = !1,
-  isLast: u = !1
+  enableColumnResizing: o = !1
 }) {
-  const { attributes: s, listeners: m, setNodeRef: l, isDragging: E, transform: R, transition: c } = Ht({
-    id: t.id,
+  const { attributes: u, listeners: c, setNodeRef: p, isDragging: s, transform: x, transition: w } = Ye({
+    id: e.id,
     data: { type: "column" },
-    disabled: !e
-  }), d = t.column, C = n && d.getCanSort(), g = d.getIsSorted(), f = `list-table-menu-${t.id}`, { menuOpen: h } = Ae(), b = h === f, x = C ? [
+    disabled: !t
+  }), a = e.column, l = n && a.getCanSort(), h = a.getIsSorted(), y = `list-table-menu-${e.id}`, { menuOpen: R } = eo(), g = R === y, m = l ? [
     {
       id: "sort-asc",
       label: "Sort ascending",
       icon: "sort",
-      selected: g === "asc",
-      onClick: () => d.toggleSorting(!1)
+      selected: h === "asc",
+      onClick: () => a.toggleSorting(!1)
     },
     {
       id: "sort-desc",
       label: "Sort descending",
       icon: "sort",
       className: "sort-desc-icon",
-      selected: g === "desc",
-      onClick: () => d.toggleSorting(!0)
+      selected: h === "desc",
+      onClick: () => a.toggleSorting(!0)
     }
-  ] : [], z = r && d.getCanHide() ? [
-    ...x.length > 0 ? [{ id: "divider-visibility", type: "divider" }] : [],
+  ] : [], T = r && a.getCanHide() ? [
+    ...m.length > 0 ? [{ id: "divider-visibility", type: "divider" }] : [],
     {
       id: "hide",
       label: "Hide column",
       icon: "visibility_off",
-      onClick: () => d.toggleVisibility(!1)
+      onClick: () => a.toggleVisibility(!1)
     }
-  ] : [], y = [...x, ...z], S = i && d.getCanResize(), w = d.getIsResizing(), { columnSizingInfo: V } = t.getContext().table.getState(), H = V.isResizingColumn === d.id ? V.deltaOffset ?? 0 : 0, $ = !!V.isResizingColumn, B = {
-    onPointerDown: (k) => k.stopPropagation(),
-    onMouseDown: (k) => k.stopPropagation()
+  ] : [], E = [...m, ...T], C = o && a.getCanResize(), _ = a.getIsResizing(), { columnSizingInfo: I } = e.getContext().table.getState(), z = I.isResizingColumn === a.id ? I.deltaOffset ?? 0 : 0, A = !!I.isResizingColumn, k = {
+    onPointerDown: (L) => L.stopPropagation(),
+    onMouseDown: (L) => L.stopPropagation()
   };
   return /* @__PURE__ */ M(
-    sn,
+    wo,
     {
-      ref: l,
+      ref: p,
       style: {
-        width: `calc(var(--header-${t.id}-size) * 1px)`,
-        transform: Ot.Transform.toString(R) ?? void 0,
-        transition: c,
-        flexGrow: u ? 1 : void 0
+        width: `calc(var(--header-${e.id}-size) * 1px)`,
+        transform: Ue.Transform.toString(x) ?? void 0,
+        transition: w,
+        flexGrow: tt(e.getContext().table, e.column.id) ? 1 : void 0
       },
-      className: A({
-        grab: e,
-        dragging: E,
-        "menu-open": b,
-        resizing: $,
-        sorted: !!g
+      className: $({
+        grab: t,
+        dragging: s,
+        "menu-open": g,
+        resizing: A,
+        sorted: !!h
       }),
-      ...e ? { ...s, ...m } : {},
+      ...t ? { ...u, ...c } : {},
+      role: "columnheader",
       children: [
-        /* @__PURE__ */ a(pn, { children: t.isPlaceholder ? null : nt(t.column.columnDef.header, t.getContext()) }),
-        (y.length > 0 || C) && /* @__PURE__ */ M(mn, { ...B, children: [
-          y.length > 0 && /* @__PURE__ */ a(Xe, { menuItems: y, menuId: f, className: "header-menu" }),
-          C && /* @__PURE__ */ a(
-            Ue,
+        /* @__PURE__ */ d(_o, { children: e.isPlaceholder ? null : ae(e.column.columnDef.header, e.getContext()) }),
+        (E.length > 0 || l) && /* @__PURE__ */ M(ko, { ...k, children: [
+          E.length > 0 && /* @__PURE__ */ d(mo, { menuItems: E, menuId: y, className: "header-menu" }),
+          l && /* @__PURE__ */ d(
+            po,
             {
               icon: "sort",
-              className: A("sort-button", { visible: !!g }),
+              className: $("sort-button", { visible: !!h }),
               style: {
-                transform: g === "desc" ? "rotate(180deg) scaleX(-1)" : "none"
+                transform: h === "desc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
-              onClick: d.getToggleSortingHandler(),
-              selected: !!g
+              onClick: a.getToggleSortingHandler(),
+              selected: !!h
             }
           )
         ] }),
-        S && /* @__PURE__ */ a(
-          fn,
+        C && /* @__PURE__ */ d(
+          Lo,
           {
-            className: A("resize-handle", { resizing: w }),
-            style: { transform: H ? `translateX(${H}px)` : void 0 },
-            onDoubleClick: () => d.resetSize(),
-            onMouseDown: (k) => {
-              k.stopPropagation(), t.getResizeHandler()(k);
+            className: $("resize-handle", { resizing: _ }),
+            style: { transform: z ? `translateX(${z}px)` : void 0 },
+            onDoubleClick: () => a.resetSize(),
+            onMouseDown: (L) => {
+              L.stopPropagation(), e.getResizeHandler()(L);
             },
-            onTouchStart: t.getResizeHandler(),
-            onPointerDown: (k) => k.stopPropagation()
+            onTouchStart: e.getResizeHandler(),
+            onPointerDown: (L) => L.stopPropagation()
           }
         )
       ]
     }
   );
 }
-function Tn(t, e) {
-  const [n, r] = L(() => {
-    if (e && e.length > 0) {
-      const u = t.map((s) => s.id).filter((s) => !e.includes(s));
-      return [...e, ...u];
+function Yo(e, t) {
+  const [n, r] = G(() => {
+    if (t && t.length > 0) {
+      const u = e.map((c) => c.id).filter((c) => !t.includes(c));
+      return [...t, ...u];
     }
-    return t.map((i) => i.id);
+    return e.map((o) => o.id);
   });
-  return Mt(() => {
-    if (e && e.length > 0) {
-      const u = t.map((s) => s.id).filter((s) => !e.includes(s));
-      r([...e, ...u]);
+  return ne(() => {
+    if (t && t.length > 0) {
+      const u = e.map((c) => c.id).filter((c) => !t.includes(c));
+      r([...t, ...u]);
     }
-  }, [e]), { columnOrder: n, setColumnOrder: r };
+  }, [t]), { columnOrder: n, setColumnOrder: r };
 }
-const W = (t) => !!t.original && typeof t.original == "object" && "__listTableGroup" in t.original;
-function Vn({
-  rows: t,
-  selectedRows: e,
+const B = (e) => !!e.original && typeof e.original == "object" && "__listTableGroup" in e.original;
+function Uo({
+  rows: e,
+  selectedRows: t,
   onSelectedRowsChange: n,
   multiSelection: r,
-  rowVirtualizer: i,
+  rowVirtualizer: o,
   tableContainerRef: u
 }) {
-  const [s, m] = L(-1), l = At(-1), E = O(
-    (c, d, C) => {
-      const g = t[d];
-      if (!(g && W(g))) {
-        if (r && C.shiftKey && l.current >= 0) {
-          const f = Math.min(l.current, d), h = Math.max(l.current, d), b = t.slice(f, h + 1).filter((x) => !W(x)).map((x) => x.id);
-          C.metaKey || C.ctrlKey ? n?.(Array.from(/* @__PURE__ */ new Set([...e, ...b]))) : n?.(b);
-        } else r && (C.metaKey || C.ctrlKey) ? (e.includes(c) ? n?.(e.filter((f) => f !== c)) : n?.([...e, c]), l.current = d) : e.includes(c) ? n?.(e.filter((f) => f !== c)) : (n?.([c]), l.current = d);
-        m(d), u.current?.focus();
+  const [c, p] = G(-1), s = Be(-1), x = O(
+    (a, l, h) => {
+      const y = e[l];
+      if (!(y && B(y))) {
+        if (r && h.shiftKey && s.current >= 0) {
+          const R = Math.min(s.current, l), g = Math.max(s.current, l), m = e.slice(R, g + 1).filter((b) => !B(b)).map((b) => b.id);
+          h.metaKey || h.ctrlKey ? n?.(Array.from(/* @__PURE__ */ new Set([...t, ...m]))) : n?.(m);
+        } else r && (h.metaKey || h.ctrlKey) ? (t.includes(a) ? n?.(t.filter((R) => R !== a)) : n?.([...t, a]), s.current = l) : t.includes(a) ? n?.(t.filter((R) => R !== a)) : (n?.([a]), s.current = l);
+        p(l), u.current?.focus();
       }
     },
-    [e, t, n, r, u]
-  ), R = O(
-    (c) => {
-      if (c.key !== "ArrowDown" && c.key !== "ArrowUp") return;
-      c.preventDefault();
-      const d = c.key === "ArrowDown" ? 1 : -1;
-      let g = s < 0 ? d > 0 ? -1 : t.length : s;
+    [t, e, n, r, u]
+  ), w = O(
+    (a) => {
+      if (a.key !== "ArrowDown" && a.key !== "ArrowUp") return;
+      a.preventDefault();
+      const l = a.key === "ArrowDown" ? 1 : -1, h = !r && t.length === 1 ? e.findIndex((b) => b.id === t[0]) : -1, y = h >= 0 ? h : c;
+      let g = y < 0 ? l > 0 ? -1 : e.length : y;
       for (; ; ) {
-        if (g += d, g < 0 || g >= t.length) {
-          g = Math.max(0, Math.min(t.length - 1, g));
+        if (g += l, g < 0 || g >= e.length) {
+          g = Math.max(0, Math.min(e.length - 1, g));
           break;
         }
-        if (!W(t[g]))
+        if (!B(e[g]))
           break;
       }
-      if (g === s || W(t[g])) return;
-      const f = t[g]?.id;
-      if (f) {
-        if (c.shiftKey && r)
-          if (e.includes(f)) {
-            const h = t[s]?.id;
-            h && n?.(e.filter((b) => b !== h));
+      if (g === y || B(e[g])) return;
+      const m = e[g]?.id;
+      if (m) {
+        if (a.shiftKey && r)
+          if (t.includes(m)) {
+            const b = e[c]?.id;
+            b && n?.(t.filter((T) => T !== b));
           } else
-            n?.([...e, f]);
+            n?.([...t, m]);
         else
-          n?.([f]), l.current = g;
-        m(g), i.scrollToIndex(g, { behavior: "smooth" });
+          n?.([m]), s.current = g;
+        p(g), o.scrollToIndex(g, { behavior: "smooth" });
       }
     },
-    [s, t, e, n, i]
+    [c, e, t, n, r, o]
   );
-  return { activeRowIndex: s, handleRowClick: E, handleKeyDown: R };
+  return { activeRowIndex: c, handleRowClick: x, handleKeyDown: w };
 }
-function _n() {
-  const [t, e] = L(null), [n, r] = L(null), i = O((m) => {
-    e(m);
+function Xo() {
+  const [e, t] = G(null), [n, r] = G(null), o = O((p) => {
+    t(p);
   }, []), u = O(() => {
-    e(null), r(null);
+    t(null), r(null);
   }, []);
-  return { editingState: Gt.useMemo(
+  return { editingState: Fe.useMemo(
     () => ({
-      editingCellId: t,
-      startEditingCell: i,
+      editingCellId: e,
+      startEditingCell: o,
       stopEditingCell: u,
       getDraftValue: () => n,
       setDraftValue: r
     }),
-    [t, n, i, u]
+    [e, n, o, u]
   ) };
 }
-function kn({
-  rows: t,
-  columnOrder: e,
+function Jo({
+  rows: e,
+  columnOrder: t,
   onReorderRows: n,
   setColumnOrder: r,
-  onColumnOrderChange: i
+  onColumnOrderChange: o
 }) {
-  const [u, s] = L(null), [m, l] = L(null);
+  const [u, c] = G(null), [p, s] = G(null);
   return {
-    sensors: $e(
-      Ct(Ne),
-      Ct(je, { coordinateGetter: Pe })
+    sensors: no(
+      _e(io),
+      _e(ro, { coordinateGetter: lo })
     ),
     activeRowId: u,
-    activeColumnId: m,
-    handleColumnDragStart: (h) => {
-      l(h.active.id);
+    activeColumnId: p,
+    handleColumnDragStart: (g) => {
+      s(g.active.id);
     },
-    handleColumnDragEnd: (h) => {
-      l(null);
-      const { active: b, over: x } = h;
-      if (x && b.id !== x.id) {
-        const T = e.indexOf(b.id), z = e.indexOf(x.id);
-        if (T !== -1 && z !== -1) {
-          const y = Fe(e, T, z);
-          r(() => y), i?.(y);
+    handleColumnDragEnd: (g) => {
+      s(null);
+      const { active: m, over: b } = g;
+      if (b && m.id !== b.id) {
+        const T = t.indexOf(m.id), E = t.indexOf(b.id);
+        if (T !== -1 && E !== -1) {
+          const C = co(t, T, E);
+          r(() => C), o?.(C);
         }
       }
     },
-    handleColumnDragCancel: () => l(null),
-    handleRowDragStart: (h) => {
-      s(h.active.id);
+    handleColumnDragCancel: () => s(null),
+    handleRowDragStart: (g) => {
+      c(g.active.id);
     },
-    handleRowDragEnd: (h) => {
-      s(null);
-      const { active: b, over: x } = h;
-      if (x && b.id !== x.id) {
-        const T = t.findIndex((y) => y.id === b.id), z = t.findIndex((y) => y.id === x.id);
-        n?.(T, z);
+    handleRowDragEnd: (g) => {
+      c(null);
+      const { active: m, over: b } = g;
+      if (b && m.id !== b.id) {
+        const T = e.findIndex((C) => C.id === m.id), E = e.findIndex((C) => C.id === b.id);
+        n?.(T, E);
       }
     },
-    handleRowDragCancel: () => s(null)
+    handleRowDragCancel: () => c(null)
   };
 }
-function Ln(t) {
-  const e = t.getFlatHeaders(), n = t.getState().columnSizing;
-  return tt(() => {
+function qo(e) {
+  const t = e.getFlatHeaders(), n = e.getState().columnSizing;
+  return ie(() => {
     const r = {};
-    for (const i of e)
-      r[`--header-${i.id}-size`] = i.getSize(), r[`--col-${i.column.id}-size`] = i.column.getSize();
+    for (const o of t)
+      r[`--header-${o.id}-size`] = o.getSize(), r[`--col-${o.column.id}-size`] = o.column.getSize();
     return r;
-  }, [n, e]);
+  }, [n, t]);
 }
-const Gn = (t) => t ? Array.isArray(t) ? t.filter(Boolean) : [t] : [];
-function Lo({
-  data: t,
-  columns: e,
+const Qo = (e) => e ? Array.isArray(e) ? e.filter(Boolean) : [e] : [];
+function qn({
+  data: e,
+  columns: t,
   getRowId: n,
   fetchNextPage: r,
-  hasNextPage: i,
+  hasNextPage: o,
   isFetchingNextPage: u,
-  onUpdateRow: s,
-  onOpenViewer: m,
-  editable: l = !0,
-  onReorderRows: E,
-  rowContextMenuBuilders: R = [],
-  onRowDoubleClick: c,
-  selectedRows: d = [],
-  onSelectedRowsChange: C,
-  multiSelection: g = !1,
-  cellWrapper: f,
-  columnAttributeData: h,
-  dataTypeWidgets: b,
-  enableColumnReordering: x = !1,
+  onUpdateRow: c,
+  onOpenViewer: p,
+  editable: s = !0,
+  onReorderRows: x,
+  rowContextMenuBuilders: w = [],
+  onRowDoubleClick: a,
+  selectedRows: l = [],
+  onSelectedRowsChange: h,
+  multiSelection: y = !1,
+  cellWrapper: R,
+  columnAttributeData: g,
+  dataTypeWidgets: m,
+  enableColumnReordering: b = !1,
   columnOrder: T,
-  onColumnOrderChange: z,
-  enableColumnVisibility: y = !1,
-  columnVisibility: S,
-  defaultColumnVisibility: w,
-  onColumnVisibilityChange: V,
-  enableColumnResizing: H = !1,
-  columnSizing: $,
-  onColumnSizingChange: B,
-  enableSorting: k = !1,
-  sorting: Bt,
-  onSortingChange: Yt,
-  enableExpanding: Ut = !0,
-  expanded: Xt,
-  onExpandedChange: Jt,
-  getIsRowInactive: ot
+  onColumnOrderChange: E,
+  enableColumnVisibility: C = !1,
+  columnVisibility: _,
+  defaultColumnVisibility: I,
+  onColumnVisibilityChange: z,
+  enableColumnResizing: A = !1,
+  columnSizing: k,
+  onColumnSizingChange: L,
+  enableSorting: le = !1,
+  sorting: rt,
+  onSortingChange: st,
+  enableExpanding: at = !0,
+  expanded: lt,
+  onExpandedChange: dt,
+  getIsRowInactive: de,
+  getRowClassName: ct,
+  variant: ut = "default",
+  scrollToSelection: ce = !1,
+  ariaLabel: gt
 }) {
-  const [qt, Qt] = L([]), [Zt, te] = L({}), [ee, ne] = L({}), [oe, ie] = L({}), Y = At(null), [it] = He(), rt = Bt ?? qt, re = (o) => {
-    const p = typeof o == "function" ? o(rt) : o;
-    Qt(p), Yt?.(p);
-  }, st = Xt ?? oe, se = (o) => {
-    const p = typeof o == "function" ? o(st) : o;
-    ie(p), Jt?.(p);
-  }, U = S ?? Zt, ae = (o) => {
-    const p = typeof o == "function" ? o(at) : o, D = {};
-    Object.keys(p).forEach((I) => {
-      const G = vt({}, I, w);
-      p[I] !== G && (D[I] = p[I]);
-    }), te(D), V?.(D);
-  }, at = tt(() => {
-    const o = {};
-    return e.forEach((p) => {
-      const D = p.id || p.accessorKey;
+  const ue = Nt(), [pt, mt] = G([]), [ft, ht] = G({}), [bt, yt] = G({}), [vt, Ct] = G({}), X = Be(null), [ge] = to(), pe = rt ?? pt, xt = (i) => {
+    const f = typeof i == "function" ? i(pe) : i;
+    mt(f), st?.(f);
+  }, me = lt ?? vt, Dt = (i) => {
+    const f = typeof i == "function" ? i(me) : i;
+    Ct(f), dt?.(f);
+  }, J = _ ?? ft, Rt = (i) => {
+    const f = typeof i == "function" ? i(fe) : i, D = {};
+    Object.keys(f).forEach((V) => {
+      const H = Ve({}, V, I);
+      f[V] !== H && (D[V] = f[V]);
+    }), ht(D), z?.(D);
+  }, fe = ie(() => {
+    const i = {};
+    return t.forEach((f) => {
+      const D = f.id || f.accessorKey;
       if (D) {
-        const I = vt(U, D, w), G = p.visible;
-        G !== void 0 && U[D] === void 0 ? o[D] = G : o[D] = I;
+        const V = Ve(J, D, I), H = f.visible;
+        H !== void 0 && J[D] === void 0 ? i[D] = H : i[D] = V;
       }
-    }), Me(
-      o,
-      e.map((p) => p.id || p.accessorKey).filter(Boolean)
+    }), Zt(
+      i,
+      t.map((f) => f.id || f.accessorKey).filter(Boolean)
     );
-  }, [U, w, e]), lt = $ ?? ee, le = (o) => {
-    const p = typeof o == "function" ? o(lt) : o;
-    ne(p), B?.(p);
-  }, { columnOrder: dt, setColumnOrder: ct } = Tn(e, T), N = Ee({
-    data: t,
-    columns: e,
+  }, [J, I, t]), he = k ?? bt, wt = (i) => {
+    const f = typeof i == "function" ? i(he) : i;
+    yt(f), L?.(f);
+  }, { columnOrder: be, setColumnOrder: ye } = Yo(t, T), N = jt({
+    data: e,
+    columns: t,
     getRowId: n,
     state: {
-      columnOrder: dt,
-      sorting: rt,
-      columnVisibility: at,
-      columnSizing: lt,
-      expanded: st
+      columnOrder: be,
+      sorting: pe,
+      columnVisibility: fe,
+      columnSizing: he,
+      expanded: me
     },
     filterFns: { fuzzy: () => !0 },
     // Placeholder for fuzzy filtering
-    onColumnOrderChange: ct,
-    onSortingChange: re,
-    onColumnVisibilityChange: ae,
-    onColumnSizingChange: le,
-    onExpandedChange: se,
-    enableSorting: k,
-    enableExpanding: Ut,
+    onColumnOrderChange: ye,
+    onSortingChange: xt,
+    onColumnVisibilityChange: Rt,
+    onColumnSizingChange: wt,
+    onExpandedChange: Dt,
+    enableSorting: le,
+    enableExpanding: at,
     columnResizeMode: "onEnd",
-    getCoreRowModel: we(),
-    getExpandedRowModel: Se(),
-    getSortedRowModel: Re(),
-    getSubRows: (o) => o.subRows,
-    getRowCanExpand: (o) => o.subRows.length > 0,
+    getCoreRowModel: Pt(),
+    getExpandedRowModel: Wt(),
+    getSortedRowModel: Kt(),
+    getSubRows: (i) => i.subRows,
+    getRowCanExpand: (i) => i.subRows.length > 0,
     meta: {
-      updateData: s,
-      openViewerDialog: m
+      updateData: c,
+      openViewerDialog: p
     }
-  }), { rows: _ } = N.getRowModel(), X = Oe({
-    count: i ? _.length + 1 : _.length,
-    getScrollElement: () => Y.current,
-    estimateSize: () => 44,
-    overscan: 10
-  }), J = X.getVirtualItems(), { handleRowClick: de, handleKeyDown: ce } = Vn({
-    rows: _,
-    selectedRows: d,
-    onSelectedRowsChange: C,
-    multiSelection: g,
-    rowVirtualizer: X,
-    tableContainerRef: Y
-  }), ue = O(
-    (o, p, D) => {
-      if (!c) return;
-      const I = _[p];
-      !I || I.original === void 0 || P(I.original) || c(D, {
-        rowId: o,
-        rowIndex: p,
-        row: I,
-        isSelected: d.includes(o)
+  }), { rows: S } = N.getRowModel(), K = ut === "data", W = oo({
+    count: o ? S.length + 1 : S.length,
+    getScrollElement: () => X.current,
+    estimateSize: () => K ? Xe : 44,
+    // the sticky header pushes rows down, so a row scrolled in from below needs that much extra
+    scrollPaddingEnd: K ? re : 0,
+    overscan: K ? 12 : 10
+  }), P = W.getVirtualItems(), { activeRowIndex: ve, handleRowClick: Et, handleKeyDown: It } = Uo({
+    rows: S,
+    selectedRows: l,
+    onSelectedRowsChange: h,
+    multiSelection: y,
+    rowVirtualizer: W,
+    tableContainerRef: X
+  }), q = l.length === 1 ? l[0] : void 0, Q = q ? S.findIndex((i) => i.id === q) : -1, Z = Q >= 0;
+  ne(() => {
+    ce && Z && W.scrollToIndex(Q, { align: "auto" });
+  }, [ce, q, Z]);
+  const Ce = S[ve], xe = Z ? Q : Ce && l.includes(Ce.id) ? ve : -1, Tt = P.some((i) => i.index === xe), zt = O(
+    (i, f, D) => {
+      if (!a) return;
+      const V = S[f];
+      !V || V.original === void 0 || Y(V.original) || a(D, {
+        rowId: i,
+        rowIndex: f,
+        row: V,
+        isSelected: l.includes(i)
       });
     },
-    [c, _, d]
-  ), ge = O(
-    (o, p, D) => {
-      const I = _[p];
-      if (!I || I.original === void 0) return;
-      const G = P(I.original);
-      let ht = {};
-      if (G) {
-        const K = I.original;
-        ht = {
-          groupColumnId: K.__groupColumnId,
-          groupValue: K.__groupValue
+    [a, S, l]
+  ), St = O(
+    (i, f, D) => {
+      const V = S[f];
+      if (!V || V.original === void 0) return;
+      const H = Y(V.original);
+      let Te = {};
+      if (H) {
+        const F = V.original;
+        Te = {
+          groupColumnId: F.__groupColumnId,
+          groupValue: F.__groupValue
         };
       }
       D.preventDefault(), D.stopPropagation();
-      const bt = d.includes(o), xe = G || bt ? d : [o], yt = R.flatMap(
-        (K) => Gn(
-          K(D, {
-            rowId: o,
-            rowIndex: p,
-            row: I,
-            selectedRows: xe,
-            isSelected: bt,
-            isGroupRow: G,
-            ...ht
+      const ze = l.includes(i), Mt = H || ze ? l : [i], Se = w.flatMap(
+        (F) => Qo(
+          F(D, {
+            rowId: i,
+            rowIndex: f,
+            row: V,
+            selectedRows: Mt,
+            isSelected: ze,
+            isGroupRow: H,
+            ...Te
           })
         )
       );
-      yt.length > 0 && it(D, yt);
+      Se.length > 0 && ge(D, Se);
     },
-    [R, _, d, it]
-  ), { editingState: ut } = _n(), {
-    sensors: gt,
-    activeRowId: pt,
-    activeColumnId: mt,
-    handleColumnDragStart: pe,
-    handleColumnDragEnd: me,
-    handleColumnDragCancel: fe,
-    handleRowDragStart: he,
-    handleRowDragEnd: be,
-    handleRowDragCancel: ye
-  } = kn({ rows: _, columnOrder: dt, onReorderRows: E, setColumnOrder: ct, onColumnOrderChange: z }), ft = tt(() => ({ onUpdateRow: s, onOpenViewer: m }), [s, m]), ve = Ln(N), Ce = !!N.getState().columnSizingInfo.isResizingColumn;
-  Mt(() => {
-    const [o] = J.slice(-1);
-    o && o.index >= _.length - 1 && i && !u && r?.();
-  }, [i, r, _.length, u, J]);
-  const q = pt ? _.find((o) => o.id === pt) : null, j = mt ? N.getHeaderGroups()[0]?.headers.find((o) => o.id === mt) : null;
-  return /* @__PURE__ */ a(
-    Ze,
+    [w, S, l, ge]
+  ), { editingState: De } = Xo(), {
+    sensors: Re,
+    activeRowId: we,
+    activeColumnId: Ee,
+    handleColumnDragStart: Vt,
+    handleColumnDragEnd: _t,
+    handleColumnDragCancel: kt,
+    handleRowDragStart: Lt,
+    handleRowDragEnd: Gt,
+    handleRowDragCancel: At
+  } = Jo({ rows: S, columnOrder: be, onReorderRows: x, setColumnOrder: ye, onColumnOrderChange: E }), Ie = ie(() => ({ onUpdateRow: c, onOpenViewer: p }), [c, p]), Ht = qo(N), $t = !!N.getState().columnSizingInfo.isResizingColumn;
+  ne(() => {
+    const [i] = P.slice(-1);
+    i && i.index >= S.length - 1 && o && !u && r?.();
+  }, [o, r, S.length, u, P]);
+  const ee = we ? S.find((i) => i.id === we) : null, j = Ee ? N.getHeaderGroups()[0]?.headers.find((i) => i.id === Ee) : null;
+  return /* @__PURE__ */ d(
+    yo,
     {
-      ref: Y,
+      ref: X,
+      className: $(K && "data"),
+      role: "grid",
+      "aria-label": gt,
+      "aria-multiselectable": y || void 0,
+      "aria-rowcount": o ? -1 : S.length + 1,
+      "aria-activedescendant": Tt ? et(ue, xe) : void 0,
       tabIndex: 0,
-      onKeyDown: ce,
-      style: Ce ? { cursor: "col-resize" } : void 0,
-      children: /* @__PURE__ */ M(tn, { style: ve, children: [
+      onKeyDown: It,
+      style: $t ? { cursor: "col-resize" } : void 0,
+      children: /* @__PURE__ */ M(vo, { role: "presentation", style: Ht, children: [
         /* @__PURE__ */ M(
-          xt,
+          ke,
           {
-            sensors: gt,
-            collisionDetection: Dt,
-            onDragStart: pe,
-            onDragEnd: me,
-            onDragCancel: fe,
-            modifiers: [Ke],
+            sensors: Re,
+            collisionDetection: Le,
+            onDragStart: Vt,
+            onDragEnd: _t,
+            onDragCancel: kt,
+            modifiers: [so],
             children: [
-              /* @__PURE__ */ a(en, { children: N.getHeaderGroups().map((o) => /* @__PURE__ */ a(nn, { children: /* @__PURE__ */ a(
-                St,
+              /* @__PURE__ */ d(Co, { role: "rowgroup", children: N.getHeaderGroups().map((i) => /* @__PURE__ */ d(xo, { role: "row", "aria-rowindex": 1, children: /* @__PURE__ */ d(
+                He,
                 {
-                  items: o.headers.map((p) => p.id),
-                  strategy: Be,
-                  children: o.headers.map((p, D) => /* @__PURE__ */ a(
-                    In,
+                  items: i.headers.map((f) => f.id),
+                  strategy: uo,
+                  children: i.headers.map((f) => /* @__PURE__ */ d(
+                    Bo,
                     {
-                      header: p,
-                      enabled: x,
-                      enableSorting: k,
-                      enableColumnVisibility: y,
-                      enableColumnResizing: H,
-                      isLast: D === o.headers.length - 1
+                      header: f,
+                      enabled: b,
+                      enableSorting: le,
+                      enableColumnVisibility: C,
+                      enableColumnResizing: A
                     },
-                    p.id
+                    f.id
                   ))
                 }
-              ) }, o.id)) }),
-              /* @__PURE__ */ a(
-                Et,
+              ) }, i.id)) }),
+              /* @__PURE__ */ d(
+                Ge,
                 {
                   dropAnimation: {
-                    sideEffects: Rt({
+                    sideEffects: Ae({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: j ? /* @__PURE__ */ a("table", { children: /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(gn, { style: { width: j.getSize() }, children: j.isPlaceholder ? null : nt(
+                  children: j ? /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d(Vo, { style: { width: j.getSize() }, children: j.isPlaceholder ? null : ae(
                     j.column.columnDef.header,
                     j.getContext()
                   ) }) }) }) }) : null
@@ -1224,76 +1305,80 @@ function Lo({
           }
         ),
         /* @__PURE__ */ M(
-          xt,
+          ke,
           {
-            sensors: gt,
-            collisionDetection: Dt,
-            onDragStart: he,
-            onDragEnd: be,
-            onDragCancel: ye,
-            modifiers: [We],
+            sensors: Re,
+            collisionDetection: Le,
+            onDragStart: Lt,
+            onDragEnd: Gt,
+            onDragCancel: At,
+            modifiers: [ao],
             children: [
-              /* @__PURE__ */ a(It, { style: { height: `${X.getTotalSize()}px` }, children: /* @__PURE__ */ a(
-                St,
+              /* @__PURE__ */ d(Oe, { role: "rowgroup", style: { height: `${W.getTotalSize()}px` }, children: /* @__PURE__ */ d(
+                He,
                 {
-                  items: _.map((o) => o.id),
-                  strategy: Ye,
-                  children: J.map((o) => {
-                    if (o.index > _.length - 1)
-                      return /* @__PURE__ */ a(
-                        on,
+                  items: S.map((i) => i.id),
+                  strategy: go,
+                  children: P.map((i) => {
+                    if (i.index > S.length - 1)
+                      return /* @__PURE__ */ d(
+                        Do,
                         {
-                          style: { transform: `translateY(${o.start}px)` },
-                          children: /* @__PURE__ */ a("td", { children: "Loading more data..." })
+                          role: "row",
+                          "aria-rowindex": i.index + 2,
+                          style: { transform: `translateY(${i.start}px)` },
+                          children: /* @__PURE__ */ d("td", { role: "gridcell", children: "Loading more data..." })
                         },
                         "loader"
                       );
-                    const D = _[o.index];
-                    return /* @__PURE__ */ a(
-                      zn,
+                    const D = S[i.index];
+                    return /* @__PURE__ */ d(
+                      Fo,
                       {
+                        tableId: ue,
                         row: D,
-                        virtualRow: o,
-                        isSelected: d.includes(D.id),
-                        rowIndex: o.index,
-                        onRowClick: de,
-                        onRowDoubleClick: c ? ue : void 0,
-                        onRowContextMenu: R.length > 0 ? ge : void 0,
-                        cellWrapper: f,
-                        columnAttributeData: h,
-                        dataTypeWidgets: b,
-                        editingState: ut,
-                        callbacks: ft,
-                        editable: l,
-                        isInactive: ot?.(D.original)
+                        virtualRow: i,
+                        isSelected: l.includes(D.id),
+                        rowIndex: i.index,
+                        onRowClick: Et,
+                        onRowDoubleClick: a ? zt : void 0,
+                        onRowContextMenu: w.length > 0 ? St : void 0,
+                        cellWrapper: R,
+                        columnAttributeData: g,
+                        dataTypeWidgets: m,
+                        editingState: De,
+                        callbacks: Ie,
+                        editable: s,
+                        isInactive: de?.(D.original),
+                        rowClassName: ct?.(D.original)
                       },
                       D.id
                     );
                   })
                 }
               ) }),
-              /* @__PURE__ */ a(
-                Et,
+              /* @__PURE__ */ d(
+                Ge,
                 {
                   dropAnimation: {
-                    sideEffects: Rt({
+                    sideEffects: Ae({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: q ? /* @__PURE__ */ a("table", { style: { width: "100%" }, children: /* @__PURE__ */ a(It, { children: /* @__PURE__ */ a(
-                    rn,
+                  children: ee ? /* @__PURE__ */ d("table", { style: { width: "100%" }, children: /* @__PURE__ */ d(Oe, { children: /* @__PURE__ */ d(
+                    Ro,
                     {
-                      className: A({ inactive: ot?.(q.original) }),
-                      children: /* @__PURE__ */ a(
-                        Wt,
+                      className: $({ inactive: de?.(ee.original) }),
+                      children: /* @__PURE__ */ d(
+                        ot,
                         {
-                          row: q,
-                          cellWrapper: f,
-                          columnAttributeData: h,
-                          dataTypeWidgets: b,
-                          editingState: ut,
-                          callbacks: ft,
-                          editable: l
+                          row: ee,
+                          cellWrapper: R,
+                          columnAttributeData: g,
+                          dataTypeWidgets: m,
+                          editingState: De,
+                          callbacks: Ie,
+                          editable: s
                         }
                       )
                     }
@@ -1307,54 +1392,56 @@ function Lo({
     }
   );
 }
-const Pt = (t) => !!t && typeof t == "object" && ("label" in t || "value" in t), et = (t) => !!t && typeof t == "object" && "__listTableGroup" in t, Mn = (t) => Pt(t) ? t.value : t, Lt = (t) => Pt(t) ? typeof t.sortIndex == "number" ? t.sortIndex : t.sortValue !== void 0 ? t.sortValue : t.label !== void 0 ? t.label : t.value : t, An = (t, e) => {
-  const n = Lt(t), r = Lt(e);
+const nt = (e) => !!e && typeof e == "object" && ("label" in e || "value" in e), se = (e) => !!e && typeof e == "object" && "__listTableGroup" in e, Zo = (e) => nt(e) ? e.value : e, Pe = (e) => nt(e) ? typeof e.sortIndex == "number" ? e.sortIndex : e.sortValue !== void 0 ? e.sortValue : e.label !== void 0 ? e.label : e.value : e, en = (e, t) => {
+  const n = Pe(e), r = Pe(t);
   return typeof n == "number" && typeof r == "number" ? n - r : String(n ?? "").localeCompare(String(r ?? ""), void 0, {
     sensitivity: "base"
   });
-}, Ft = (t, e) => {
-  const n = t.filter(et), r = t.filter((i) => !et(i));
-  return n.sort((i, u) => {
-    const s = An(i.__groupValue, u.__groupValue);
-    return e ? -s : s;
-  }), n.forEach((i) => {
-    i.subRows = Ft(i.subRows, e);
+}, it = (e, t) => {
+  const n = e.filter(se), r = e.filter((o) => !se(o));
+  return n.sort((o, u) => {
+    const c = en(o.__groupValue, u.__groupValue);
+    return t ? -c : c;
+  }), n.forEach((o) => {
+    o.subRows = it(o.subRows, t);
   }), [...n, ...r];
-}, Go = (t, e, n, r, i, u) => {
-  const s = [], m = (l, E, R, c) => {
-    if (!R.length) {
-      l.push(E);
+}, Qn = (e, t, n, r, o, u) => {
+  const c = [], p = (s, x, w, a) => {
+    if (!w.length) {
+      s.push(x);
       return;
     }
-    const [d, ...C] = R, g = r(d, E) ?? [u(E, d)];
-    if (!g.length) {
-      m(l, E, C, c);
+    const [l, ...h] = w, y = r(l, x) ?? [u(x, l)];
+    if (!y.length) {
+      p(s, x, h, a);
       return;
     }
-    const f = (h, b, x) => {
-      const T = g[b], z = Mn(T), y = `${x}|${d}:${b}:${JSON.stringify(z)}`;
-      let S = h.find(
-        (w) => et(w) && w.__groupKey === y
+    const R = (g, m, b) => {
+      const T = y[m], E = Zo(T), C = `${b}|${l}:${m}:${JSON.stringify(E)}`;
+      let _ = g.find(
+        (I) => se(I) && I.__groupKey === C
       );
-      if (S || (S = i(d, y, T), h.push(S)), b < g.length - 1) {
-        f(S.subRows, b + 1, y);
+      if (_ || (_ = o(l, C, T), g.push(_)), m < y.length - 1) {
+        R(_.subRows, m + 1, C);
         return;
       }
-      m(S.subRows, E, C, y);
+      p(_.subRows, x, h, C);
     };
-    f(l, 0, c);
+    R(s, 0, a);
   };
-  return t.forEach((l) => m(s, l, e, "root")), Ft(s, n);
+  return e.forEach((s) => p(c, s, t, "root")), it(c, n);
 };
 export {
-  Lo as ListTable,
-  Go as buildGroupedData,
-  An as compareGroupingPathItems,
-  yn as defaultListTableDataTypeWidgets,
-  ko as getDefaultListTableDataTypeWidgets,
-  Mn as getGroupItemValue,
-  Kt as getListTableCellId,
-  Pt as isListTableGroupDisplayObject,
-  et as isListTableGroupRow,
-  vn as renderListTableFallbackValue
+  qn as ListTable,
+  Qn as buildGroupedData,
+  en as compareGroupingPathItems,
+  Ho as defaultListTableDataTypeWidgets,
+  Jn as getDefaultListTableDataTypeWidgets,
+  Zo as getGroupItemValue,
+  Ze as getListTableCellId,
+  et as getListTableRowId,
+  nt as isListTableGroupDisplayObject,
+  se as isListTableGroupRow,
+  tt as isListTableGrowColumn,
+  $o as renderListTableFallbackValue
 };