move tanstack import

Author: paula-stacho

package-lock.json

@@ -76,6 +76,7 @@
     "@react-aria/interactions": "^3.9.1",
     "@react-aria/utils": "^3.13.1",
     "@react-aria/visually-hidden": "^3.3.1",
+    "@tanstack/table-core": "^8.14.0",
     "bson": "^6.8.0",
     "focus-trap-react": "^9.0.2",
     "hadron-document": "^8.6.4",

packages/compass-components/package.json

@@ -53,7 +53,10 @@ import {
   TableBody,
   flexRender,
   useLeafyGreenTable,
+  getFilteredRowModel,
 } from '@leafygreen-ui/table';
+import type { Row as LgTableRowType } from '@tanstack/table-core';
+
 export type {
   LGColumnDef,
   HeaderGroup,
@@ -172,4 +175,6 @@ export {
   InfoSprinkle,
   flexRender,
   useLeafyGreenTable,
+  getFilteredRowModel,
+  type LgTableRowType,
 };

packages/compass-components/src/components/leafygreen.tsx

@@ -62,8 +62,7 @@
     "react": "^17.0.2",
     "react-redux": "^8.1.3",
     "redux": "^4.2.1",
-    "redux-thunk": "^2.4.2",
-    "@tanstack/table-core": "^8.14.0"
+    "redux-thunk": "^2.4.2"
   },
   "devDependencies": {
     "@mongodb-js/eslint-config-compass": "^1.1.7",

packages/compass-global-writes/package.json

@@ -1,8 +1,4 @@
 import React, { useCallback, useMemo, useRef, useState } from 'react';
-import {
-  getFilteredRowModel,
-  type Row as ReactTableRow,
-} from '@tanstack/table-core';
 import {
   Table,
   TableBody,
@@ -19,6 +15,8 @@ import {
   type HeaderGroup,
   SearchInput,
   type LGTableDataType,
+  getFilteredRowModel,
+  LgTableRowType,
 } from '@mongodb-js/compass-components';
 import type { ShardZoneData } from '../store/reducer';
 
@@ -78,7 +76,7 @@ const parseData = (shardZones: ShardZoneData[]): ShardZoneExpandableRow[] => {
 };
 
 const hasFilteredChildren = (
-  row: ReactTableRow<LGTableDataType<ShardZoneRow>>
+  row: LgTableRowType<LGTableDataType<ShardZoneRow>>
 ) =>
   row.subRows.filter(
     (subRow) => Object.values(subRow.columnFilters).includes(true) // columnFilters: e.g. { __global__: true }