@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

package/dist/shared/src/containers/ListTable/ListTable.es.js

@@ -6,9 +6,23 @@ import "@ynput/ayon-react-components";
 import "../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
 import "short-uuid";
+import "../ProjectTreeTable/utils/columnIds.es.js";
 import "react-toastify";
 import "lodash";
 import "uuid";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/pubsub.es.js";
+import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "react-router-dom";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -99,240 +113,60 @@ import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
-import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/users/guests.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import "../../util/pubsub.es.js";
-import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../components/AccessUser/AccessUser.es.js";
-import "../../components/AttributeEditor/AttributeEditor.es.js";
-import "../../components/AttributeEditor/attributeTypeMap.es.js";
-import "../../components/Badge/Badge.es.js";
-import "../../components/Chips/Chips.es.js";
-import "react-dom";
-import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
-import "../../components/LinksManager/CellEditingDialog.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../../components/DetailsPanelDetails/BorderedSection.es.js";
-import "../../components/QuillListStyles/QuillListStyles.es.js";
-import "../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "../../context/PowerpackContextInstance.es.js";
-import "../../context/UriContext.es.js";
-import "../../context/DetailsPanelContextInstance.es.js";
-import "../../context/SubtasksModulesContextInstance.es.js";
-import "../../context/ThumbnailUploaderContext.es.js";
-import "../../context/SettingsPanelContext.es.js";
-import "../../context/pip/PiPProvider.es.js";
-import "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                 */
-import { useCreateContextMenu as tt } from "../ContextMenu/useCreateContextMenu.es.js";
-import "../Feed/context/FeedContext.es.js";
-import "../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../Feed/components/CommentInput/CommentInput.es.js";
-import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../Feed/components/ActivityDate.es.js";
-import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../Feed/Feed.styled.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../Feed/components/FeedSearchFilter.es.js";
-import { useVirtualizer as it } from "@tanstack/react-virtual";
-import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../ProjectTreeTable/widgets/DateWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../ProjectTreeTable/widgets/TextWidget.es.js";
-import "../ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../ProjectTreeTable/widgets/CellWidget.es.js";
-import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../../components/LinksManager/LinksManager.styled.es.js";
-import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../ProjectTreeTable/components/SelectionCell.es.js";
-import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../NewEntity/components/NewEntity.es.js";
-import "../Slicer/components/Slicer.es.js";
-import "../Slicer/context/SlicerContextInstance.es.js";
-import "../Slicer/components/SlicerDropdownFallback.es.js";
-import "../Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../NewEntity/context/NewEntityContextInstance.es.js";
-import "../NewEntity/components/NewEntityForm.es.js";
-import { DndContext as N, closestCenter as P, DragOverlay as U, defaultDropAnimationSideEffects as oo } from "@dnd-kit/core";
-import { SortableContext as to, horizontalListSortingStrategy as rt, verticalListSortingStrategy as mt } from "@dnd-kit/sortable";
-import "../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../DetailsPanel/DetailsPanel.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../../components/PlayableIcon/PlayableIcon.es.js";
-import "../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../Actions/Actions.styled.es.js";
-import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../Actions/ActionIcon.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../EntityPickerDialog/EntityPickerDialog.es.js";
-import { restrictToHorizontalAxis as pt, restrictToVerticalAxis as et } from "../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.es.js";
-import { DraggableRow as nt } from "./ListTableRow.es.js";
-import { RowCells as lt } from "./ListTableCell.es.js";
-import { TableContainer as st, Table as at, THead as ct, HeaderTR as dt, DraggedColumnHeader as ut, TBody as io, LoaderTR as gt, OverlayTR as ft } from "./ListTable.styled.es.js";
-import { SortableTHComponent as ht } from "./ListTableHeader.es.js";
-import { useTableColumnOrder as xt } from "./hooks/useTableColumnOrder.es.js";
-import { useTableSelection as Ct } from "./hooks/useTableSelection.es.js";
-import { useTableEditing as St } from "./hooks/useTableEditing.es.js";
-import { useTableDnd as yt } from "./hooks/useTableDnd.es.js";
-import { useColumnWidthVars as bt } from "./hooks/useColumnWidthVars.es.js";
-import { isCustomGroupRowValue as ro } from "./ListTableGroupRow.es.js";
+import { useCreateContextMenu as tt } from "../ContextMenu/useCreateContextMenu.es.js";
 import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../components/InfoMessage/InfoMessage.es.js";
-import "../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../../components/EntityPath/EntityPath.styled.es.js";
-import "../../components/EntityPath/SegmentProvider.es.js";
-import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../components/Feedback/FeedbackContextInstance.es.js";
-import "../../components/Feedback/SupportBubble.es.js";
-import "../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../components/LegacyBadge/LegacyBadge.es.js";
-import "../../components/Powerpack/PowerpackButton.es.js";
-import "../../components/Powerpack/FreeTrialLink.es.js";
-import "../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../components/Powerpack/CTAButton.es.js";
-import "../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../components/SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../components/SearchFilter/CustomDateRangeDialog.es.js";
-import "../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../components/StyledLink/StyledLink.es.js";
-import "../../components/SyncButton/SyncButton.es.js";
-import "../../components/TableGridSwitch/TableGridSwitch.es.js";
-import "../../components/Thumbnail/Thumbnail.styled.es.js";
-import "../../components/Thumbnail/StackedThumbnails.es.js";
-import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../../components/Watchers/Watchers.es.js";
-import "../../components/Menu/Menu.styled.es.js";
-import "../../components/Menu/MenuItem.es.js";
-import "../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-import "../../components/ColumnHeaderMenuUI.es.js";
-import { checkColumnVisibility as mo, ensureAtLeastOneVisibleColumn as jt } from "../ProjectTreeTable/utils/checkColumnVisibility.es.js";
-const Dt = (l) => l ? Array.isArray(l) ? l.filter(Boolean) : [l] : [];
-function gn({
-  data: l,
-  columns: s,
-  getRowId: po,
+import "../../context/GlobalContext.es.js";
+import "../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../ProjectTreeTable/buildTreeTableColumns.es.js";
+import { checkColumnVisibility as N, ensureAtLeastOneVisibleColumn as it } from "../ProjectTreeTable/utils/checkColumnVisibility.es.js";
+import { useVirtualizer as rt } from "@tanstack/react-virtual";
+import { DndContext as P, closestCenter as U, DragOverlay as oo, defaultDropAnimationSideEffects as to } from "@dnd-kit/core";
+import { restrictToHorizontalAxis as et, restrictToVerticalAxis as nt } from "../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.es.js";
+import { SortableContext as io, horizontalListSortingStrategy as mt, verticalListSortingStrategy as lt } from "@dnd-kit/sortable";
+import { DraggableRow as st } from "./ListTableRow.es.js";
+import { RowCells as pt } from "./ListTableCell.es.js";
+import { TableContainer as at, Table as ct, THead as dt, HeaderTR as ut, DraggedColumnHeader as gt, TBody as ro, LoaderTR as ft, OverlayTR as ht } from "./ListTable.styled.es.js";
+import { SortableTHComponent as xt } from "./ListTableHeader.es.js";
+import { useTableColumnOrder as Ct } from "./hooks/useTableColumnOrder.es.js";
+import { useTableSelection as St } from "./hooks/useTableSelection.es.js";
+import { useTableEditing as yt } from "./hooks/useTableEditing.es.js";
+import { useTableDnd as bt } from "./hooks/useTableDnd.es.js";
+import { useColumnWidthVars as jt } from "./hooks/useColumnWidthVars.es.js";
+import "../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                 */
+import { isCustomGroupRowValue as eo } from "./ListTableGroupRow.es.js";
+const Dt = (s) => s ? Array.isArray(s) ? s.filter(Boolean) : [s] : [];
+function pe({
+  data: s,
+  columns: p,
+  getRowId: no,
   fetchNextPage: v,
   hasNextPage: f,
   isFetchingNextPage: V,
   onUpdateRow: h,
   onOpenViewer: x,
   editable: L = !0,
-  onReorderRows: eo,
+  onReorderRows: mo,
   rowContextMenuBuilders: C = [],
   onRowDoubleClick: d,
-  selectedRows: e = [],
+  selectedRows: m = [],
   onSelectedRowsChange: S,
-  multiSelection: no = !1,
+  multiSelection: lo = !1,
   cellWrapper: T,
   columnAttributeData: w,
   dataTypeWidgets: M,
-  enableColumnReordering: lo = !1,
-  columnOrder: so,
+  enableColumnReordering: so = !1,
+  columnOrder: po,
   onColumnOrderChange: ao,
   enableColumnVisibility: co = !1,
   columnVisibility: uo,
@@ -357,29 +191,29 @@ function gn({
     To(t), jo?.(t);
   }, j = uo ?? zo, Ho = (o) => {
     const t = typeof o == "function" ? o(_) : o, i = {};
-    Object.keys(t).forEach((m) => {
-      const n = mo({}, m, y);
-      t[m] !== n && (i[m] = t[m]);
+    Object.keys(t).forEach((e) => {
+      const l = N({}, e, y);
+      t[e] !== l && (i[e] = t[e]);
     }), Eo(i), go?.(i);
   }, _ = Z(() => {
     const o = {};
-    return s.forEach((t) => {
+    return p.forEach((t) => {
       const i = t.id || t.accessorKey;
       if (i) {
-        const m = mo(j, i, y), n = t.visible;
-        n !== void 0 && j[i] === void 0 ? o[i] = n : o[i] = m;
+        const e = N(j, i, y), l = t.visible;
+        l !== void 0 && j[i] === void 0 ? o[i] = l : o[i] = e;
       }
-    }), jt(
+    }), it(
       o,
-      s.map((t) => t.id || t.accessorKey).filter(Boolean)
+      p.map((t) => t.id || t.accessorKey).filter(Boolean)
     );
-  }, [j, y, s]), k = ho ?? vo, Ao = (o) => {
+  }, [j, y, p]), k = ho ?? vo, Ao = (o) => {
     const t = typeof o == "function" ? o(k) : o;
     Vo(t), xo?.(t);
-  }, { columnOrder: G, setColumnOrder: $ } = xt(s, so), a = Wo({
-    data: l,
-    columns: s,
-    getRowId: po,
+  }, { columnOrder: G, setColumnOrder: $ } = Ct(p, po), a = Wo({
+    data: s,
+    columns: p,
+    getRowId: no,
     state: {
       columnOrder: G,
       sorting: I,
@@ -406,63 +240,63 @@ function gn({
       updateData: h,
       openViewerDialog: x
     }
-  }), { rows: p } = a.getRowModel(), D = it({
-    count: f ? p.length + 1 : p.length,
+  }), { rows: n } = a.getRowModel(), D = rt({
+    count: f ? n.length + 1 : n.length,
     getScrollElement: () => b.current,
     estimateSize: () => 44,
     overscan: 10
-  }), R = D.getVirtualItems(), { handleRowClick: Oo, handleKeyDown: Io } = Ct({
-    rows: p,
-    selectedRows: e,
+  }), R = D.getVirtualItems(), { handleRowClick: Oo, handleKeyDown: Io } = St({
+    rows: n,
+    selectedRows: m,
     onSelectedRowsChange: S,
-    multiSelection: no,
+    multiSelection: lo,
     rowVirtualizer: D,
     tableContainerRef: b
   }), Ko = W(
     (o, t, i) => {
       if (!d) return;
-      const m = p[t];
-      !m || m.original === void 0 || ro(m.original) || d(i, {
+      const e = n[t];
+      !e || e.original === void 0 || eo(e.original) || d(i, {
         rowId: o,
         rowIndex: t,
-        row: m,
-        isSelected: e.includes(o)
+        row: e,
+        isSelected: m.includes(o)
       });
     },
-    [d, p, e]
+    [d, n, m]
   ), _o = W(
     (o, t, i) => {
-      const m = p[t];
-      if (!m || m.original === void 0) return;
-      const n = ro(m.original);
+      const e = n[t];
+      if (!e || e.original === void 0) return;
+      const l = eo(e.original);
       let Q = {};
-      if (n) {
-        const u = m.original;
+      if (l) {
+        const u = e.original;
         Q = {
           groupColumnId: u.__groupColumnId,
           groupValue: u.__groupValue
         };
       }
       i.preventDefault(), i.stopPropagation();
-      const E = n || e.includes(o) ? e : [o];
-      !n && !e.includes(o) && S?.(E);
+      const E = l || m.includes(o) ? m : [o];
+      !l && !m.includes(o) && S?.(E);
       const X = C.flatMap(
         (u) => Dt(
           u(i, {
             rowId: o,
             rowIndex: t,
-            row: m,
+            row: e,
             selectedRows: E,
             isSelected: E.includes(o),
-            isGroupRow: n,
+            isGroupRow: l,
             ...Q
           })
         )
       );
       X.length > 0 && O(i, X);
     },
-    [C, p, e, S, O]
-  ), { editingState: B } = St(), {
+    [C, n, m, S, O]
+  ), { editingState: B } = yt(), {
     sensors: F,
     activeRowId: Y,
     activeColumnId: q,
@@ -472,40 +306,40 @@ function gn({
     handleRowDragStart: Bo,
     handleRowDragEnd: Fo,
     handleRowDragCancel: Yo
-  } = yt({ rows: p, columnOrder: G, onReorderRows: eo, setColumnOrder: $, onColumnOrderChange: ao }), J = Z(() => ({ onUpdateRow: h, onOpenViewer: x }), [h, x]), qo = bt(a), Jo = !!a.getState().columnSizingInfo.isResizingColumn;
+  } = bt({ rows: n, columnOrder: G, onReorderRows: mo, setColumnOrder: $, onColumnOrderChange: ao }), J = Z(() => ({ onUpdateRow: h, onOpenViewer: x }), [h, x]), qo = jt(a), Jo = !!a.getState().columnSizingInfo.isResizingColumn;
   Xo(() => {
     const [o] = R.slice(-1);
-    o && o.index >= p.length - 1 && f && !V && v?.();
-  }, [f, v, p.length, V, R]);
-  const z = Y ? p.find((o) => o.id === Y) : null, c = q ? a.getHeaderGroups()[0]?.headers.find((o) => o.id === q) : null;
+    o && o.index >= n.length - 1 && f && !V && v?.();
+  }, [f, v, n.length, V, R]);
+  const z = Y ? n.find((o) => o.id === Y) : null, c = q ? a.getHeaderGroups()[0]?.headers.find((o) => o.id === q) : null;
   return /* @__PURE__ */ r.jsx(
-    st,
+    at,
     {
       ref: b,
       tabIndex: 0,
       onKeyDown: Io,
       style: Jo ? { cursor: "col-resize" } : void 0,
-      children: /* @__PURE__ */ r.jsxs(at, { style: qo, children: [
+      children: /* @__PURE__ */ r.jsxs(ct, { style: qo, children: [
         /* @__PURE__ */ r.jsxs(
-          N,
+          P,
           {
             sensors: F,
-            collisionDetection: P,
+            collisionDetection: U,
             onDragStart: ko,
             onDragEnd: Go,
             onDragCancel: $o,
-            modifiers: [pt],
+            modifiers: [et],
             children: [
-              /* @__PURE__ */ r.jsx(ct, { children: a.getHeaderGroups().map((o) => /* @__PURE__ */ r.jsx(dt, { children: /* @__PURE__ */ r.jsx(
-                to,
+              /* @__PURE__ */ r.jsx(dt, { children: a.getHeaderGroups().map((o) => /* @__PURE__ */ r.jsx(ut, { children: /* @__PURE__ */ r.jsx(
+                io,
                 {
                   items: o.headers.map((t) => t.id),
-                  strategy: rt,
+                  strategy: mt,
                   children: o.headers.map((t, i) => /* @__PURE__ */ r.jsx(
-                    ht,
+                    xt,
                     {
                       header: t,
-                      enabled: lo,
+                      enabled: so,
                       enableSorting: H,
                       enableColumnVisibility: co,
                       enableColumnResizing: fo,
@@ -516,14 +350,14 @@ function gn({
                 }
               ) }, o.id)) }),
               /* @__PURE__ */ r.jsx(
-                U,
+                oo,
                 {
                   dropAnimation: {
-                    sideEffects: oo({
+                    sideEffects: to({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: c ? /* @__PURE__ */ r.jsx("table", { children: /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(ut, { style: { width: c.getSize() }, children: c.isPlaceholder ? null : ot(
+                  children: c ? /* @__PURE__ */ r.jsx("table", { children: /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(gt, { style: { width: c.getSize() }, children: c.isPlaceholder ? null : ot(
                     c.column.columnDef.header,
                     c.getContext()
                   ) }) }) }) }) : null
@@ -533,37 +367,37 @@ function gn({
           }
         ),
         /* @__PURE__ */ r.jsxs(
-          N,
+          P,
           {
             sensors: F,
-            collisionDetection: P,
+            collisionDetection: U,
             onDragStart: Bo,
             onDragEnd: Fo,
             onDragCancel: Yo,
-            modifiers: [et],
+            modifiers: [nt],
             children: [
-              /* @__PURE__ */ r.jsx(io, { style: { height: `${D.getTotalSize()}px` }, children: /* @__PURE__ */ r.jsx(
-                to,
+              /* @__PURE__ */ r.jsx(ro, { style: { height: `${D.getTotalSize()}px` }, children: /* @__PURE__ */ r.jsx(
+                io,
                 {
-                  items: p.map((o) => o.id),
-                  strategy: mt,
+                  items: n.map((o) => o.id),
+                  strategy: lt,
                   children: R.map((o) => {
-                    if (o.index > p.length - 1)
+                    if (o.index > n.length - 1)
                       return /* @__PURE__ */ r.jsx(
-                        gt,
+                        ft,
                         {
                           style: { transform: `translateY(${o.start}px)` },
                           children: /* @__PURE__ */ r.jsx("td", { children: "Loading more data..." })
                         },
                         "loader"
                       );
-                    const i = p[o.index];
+                    const i = n[o.index];
                     return /* @__PURE__ */ r.jsx(
-                      nt,
+                      st,
                       {
                         row: i,
                         virtualRow: o,
-                        isSelected: e.includes(i.id),
+                        isSelected: m.includes(i.id),
                         rowIndex: o.index,
                         onRowClick: Oo,
                         onRowDoubleClick: d ? Ko : void 0,
@@ -582,19 +416,19 @@ function gn({
                 }
               ) }),
               /* @__PURE__ */ r.jsx(
-                U,
+                oo,
                 {
                   dropAnimation: {
-                    sideEffects: oo({
+                    sideEffects: to({
                       styles: { active: { opacity: "0.4" } }
                     })
                   },
-                  children: z ? /* @__PURE__ */ r.jsx("table", { style: { width: "100%" }, children: /* @__PURE__ */ r.jsx(io, { children: /* @__PURE__ */ r.jsx(
-                    ft,
+                  children: z ? /* @__PURE__ */ r.jsx("table", { style: { width: "100%" }, children: /* @__PURE__ */ r.jsx(ro, { children: /* @__PURE__ */ r.jsx(
+                    ht,
                     {
                       className: Zo({ inactive: A?.(z.original) }),
                       children: /* @__PURE__ */ r.jsx(
-                        lt,
+                        pt,
                         {
                           row: z,
                           cellWrapper: T,
@@ -617,6 +451,6 @@ function gn({
   );
 }
 export {
-  gn as ListTable
+  pe as ListTable
 };
 //# sourceMappingURL=ListTable.es.js.map