rename TableNext to Table (finos#1065)

ScottLogic · Dec 8, 2023 · d314642 · d314642
1 parent 5935e8c
commit d314642
Show file tree

Hide file tree

Showing 76 changed files with 50 additions and 2,647 deletions.
diff --git a/vuu-ui/packages/vuu-data/src/inlined-worker.js b/vuu-ui/packages/vuu-data/src/inlined-worker.js
diff --git a/vuu-ui/packages/vuu-datatable/src/filter-table/FilterTable.tsx b/vuu-ui/packages/vuu-datatable/src/filter-table/FilterTable.tsx
@@ -1,5 +1,5 @@
 import { FilterBar, FilterBarProps } from "@finos/vuu-filters";
-import { TableNext, TableProps } from "@finos/vuu-table";
+import { Table, TableProps } from "@finos/vuu-table";
 import { HTMLAttributes } from "react";
 import cx from "classnames";
 
@@ -22,7 +22,7 @@ export const FilterTable = ({
   return (
     <div {...htmlAttributes} className={cx(classBase)}>
       <FilterBar {...FilterBarProps} />
-      <TableNext {...TableProps} />
+      <Table {...TableProps} />
     </div>
   );
 };
diff --git a/vuu-ui/packages/vuu-datatable/src/json-table/JsonTable.tsx b/vuu-ui/packages/vuu-datatable/src/json-table/JsonTable.tsx
@@ -1,6 +1,6 @@
 import { TableProps } from "@finos/vuu-table";
 import { JsonData } from "@finos/vuu-utils";
-import { TableNext } from "@finos/vuu-table";
+import { Table } from "@finos/vuu-table";
 import { JsonDataSource } from "@finos/vuu-data";
 import { useEffect, useMemo, useRef } from "react";
 import { TableConfig } from "@finos/vuu-datagrid-types";
@@ -45,7 +45,7 @@ export const JsonTable = ({
   }
 
   return (
-    <TableNext
+    <Table
       {...tableProps}
       config={tableConfig}
       dataSource={dataSourceRef.current}

diff --git a/...packages/vuu-table/src/table-next/Row.css → vuu-ui/packages/vuu-table/src/Row.css b/...packages/vuu-table/src/table-next/Row.css → vuu-ui/packages/vuu-table/src/Row.css
diff --git a/...packages/vuu-table/src/table-next/Row.tsx → vuu-ui/packages/vuu-table/src/Row.tsx b/...packages/vuu-table/src/table-next/Row.tsx → vuu-ui/packages/vuu-table/src/Row.tsx
diff --git a/...es/vuu-table/src/table-next/TableNext.css → vuu-ui/packages/vuu-table/src/Table.css b/...es/vuu-table/src/table-next/TableNext.css → vuu-ui/packages/vuu-table/src/Table.css
diff --git a/...es/vuu-table/src/table-next/TableNext.tsx → vuu-ui/packages/vuu-table/src/Table.tsx b/...es/vuu-table/src/table-next/TableNext.tsx → vuu-ui/packages/vuu-table/src/Table.tsx
@@ -35,9 +35,9 @@ import {
   HeaderCell,
 } from "./header-cell";
 import { Row as DefaultRow, RowProps } from "./Row";
-import { useTable } from "./useTableNext";
+import { useTable } from "./useTable";
 
-import "./TableNext.css";
+import "./Table.css";
 
 const classBase = "vuuTableNext";
 
@@ -278,7 +278,7 @@ const TableCore = ({
   );
 };
 
-export const TableNext = forwardRef(function TableNext(
+export const Table = forwardRef(function TableNext(
   {
     Row,
     allowDragDrop,

diff --git a/...c/table-next/cell-renderers/cell-utils.ts → ...uu-table/src/cell-renderers/cell-utils.ts b/...c/table-next/cell-renderers/cell-utils.ts → ...uu-table/src/cell-renderers/cell-utils.ts
diff --git a/...-renderers/checkbox-cell/CheckboxCell.tsx → ...-renderers/checkbox-cell/CheckboxCell.tsx b/...-renderers/checkbox-cell/CheckboxCell.tsx → ...-renderers/checkbox-cell/CheckboxCell.tsx
diff --git a/...ext/cell-renderers/checkbox-cell/index.ts → ...src/cell-renderers/checkbox-cell/index.ts b/...ext/cell-renderers/checkbox-cell/index.ts → ...src/cell-renderers/checkbox-cell/index.ts
diff --git a/...-renderers/dropdown-cell/DropdownCell.css → ...-renderers/dropdown-cell/DropdownCell.css b/...-renderers/dropdown-cell/DropdownCell.css → ...-renderers/dropdown-cell/DropdownCell.css
diff --git a/...-renderers/dropdown-cell/DropdownCell.tsx → ...-renderers/dropdown-cell/DropdownCell.tsx b/...-renderers/dropdown-cell/DropdownCell.tsx → ...-renderers/dropdown-cell/DropdownCell.tsx
diff --git a/...ext/cell-renderers/dropdown-cell/index.ts → ...src/cell-renderers/dropdown-cell/index.ts b/...ext/cell-renderers/dropdown-cell/index.ts → ...src/cell-renderers/dropdown-cell/index.ts
diff --git a/...le/src/table-next/cell-renderers/index.ts → ...ges/vuu-table/src/cell-renderers/index.ts b/...le/src/table-next/cell-renderers/index.ts → ...ges/vuu-table/src/cell-renderers/index.ts
diff --git a/...t/cell-renderers/input-cell/InputCell.css → ...c/cell-renderers/input-cell/InputCell.css b/...t/cell-renderers/input-cell/InputCell.css → ...c/cell-renderers/input-cell/InputCell.css
diff --git a/...t/cell-renderers/input-cell/InputCell.tsx → ...c/cell-renderers/input-cell/InputCell.tsx b/...t/cell-renderers/input-cell/InputCell.tsx → ...c/cell-renderers/input-cell/InputCell.tsx
diff --git a/...e-next/cell-renderers/input-cell/index.ts → ...le/src/cell-renderers/input-cell/index.ts b/...e-next/cell-renderers/input-cell/index.ts → ...le/src/cell-renderers/input-cell/index.ts
diff --git a/...cell-renderers/lookup-cell/LookupCell.tsx → ...cell-renderers/lookup-cell/LookupCell.tsx b/...cell-renderers/lookup-cell/LookupCell.tsx → ...cell-renderers/lookup-cell/LookupCell.tsx
diff --git a/...-next/cell-renderers/lookup-cell/index.ts → ...e/src/cell-renderers/lookup-cell/index.ts b/...-next/cell-renderers/lookup-cell/index.ts → ...e/src/cell-renderers/lookup-cell/index.ts
diff --git a/...cell-renderers/toggle-cell/ToggleCell.css → ...cell-renderers/toggle-cell/ToggleCell.css b/...cell-renderers/toggle-cell/ToggleCell.css → ...cell-renderers/toggle-cell/ToggleCell.css
diff --git a/...cell-renderers/toggle-cell/ToggleCell.tsx → ...cell-renderers/toggle-cell/ToggleCell.tsx b/...cell-renderers/toggle-cell/ToggleCell.tsx → ...cell-renderers/toggle-cell/ToggleCell.tsx
diff --git a/...-next/cell-renderers/toggle-cell/index.ts → ...e/src/cell-renderers/toggle-cell/index.ts b/...-next/cell-renderers/toggle-cell/index.ts → ...e/src/cell-renderers/toggle-cell/index.ts
diff --git a/...t/column-header-pill/ColumnHeaderPill.css → ...c/column-header-pill/ColumnHeaderPill.css b/...t/column-header-pill/ColumnHeaderPill.css → ...c/column-header-pill/ColumnHeaderPill.css
diff --git a/...t/column-header-pill/ColumnHeaderPill.tsx → ...c/column-header-pill/ColumnHeaderPill.tsx b/...t/column-header-pill/ColumnHeaderPill.tsx → ...c/column-header-pill/ColumnHeaderPill.tsx
diff --git a/...xt/column-header-pill/GroupColumnPill.css → ...rc/column-header-pill/GroupColumnPill.css b/...xt/column-header-pill/GroupColumnPill.css → ...rc/column-header-pill/GroupColumnPill.css
diff --git a/...xt/column-header-pill/GroupColumnPill.tsx → ...rc/column-header-pill/GroupColumnPill.tsx b/...xt/column-header-pill/GroupColumnPill.tsx → ...rc/column-header-pill/GroupColumnPill.tsx
diff --git a/...next/column-header-pill/SortIndicator.css → .../src/column-header-pill/SortIndicator.css b/...next/column-header-pill/SortIndicator.css → .../src/column-header-pill/SortIndicator.css
diff --git a/...next/column-header-pill/SortIndicator.tsx → .../src/column-header-pill/SortIndicator.tsx b/...next/column-header-pill/SortIndicator.tsx → .../src/column-header-pill/SortIndicator.tsx
diff --git a/...rc/table-next/column-header-pill/index.ts → ...vuu-table/src/column-header-pill/index.ts b/...rc/table-next/column-header-pill/index.ts → ...vuu-table/src/column-header-pill/index.ts
diff --git a/...src/table-next/column-menu/ColumnMenu.css → .../vuu-table/src/column-menu/ColumnMenu.css b/...src/table-next/column-menu/ColumnMenu.css → .../vuu-table/src/column-menu/ColumnMenu.css
diff --git a/...src/table-next/column-menu/ColumnMenu.tsx → .../vuu-table/src/column-menu/ColumnMenu.tsx b/...src/table-next/column-menu/ColumnMenu.tsx → .../vuu-table/src/column-menu/ColumnMenu.tsx
diff --git a/...table/src/table-next/column-menu/index.ts → ...ckages/vuu-table/src/column-menu/index.ts b/...table/src/table-next/column-menu/index.ts → ...ckages/vuu-table/src/column-menu/index.ts
diff --git a/...le-next/column-resizing/ColumnResizer.css → ...ble/src/column-resizing/ColumnResizer.css b/...le-next/column-resizing/ColumnResizer.css → ...ble/src/column-resizing/ColumnResizer.css
diff --git a/...le-next/column-resizing/ColumnResizer.tsx → ...ble/src/column-resizing/ColumnResizer.tsx b/...le-next/column-resizing/ColumnResizer.tsx → ...ble/src/column-resizing/ColumnResizer.tsx
diff --git a/...e/src/table-next/column-resizing/index.ts → ...es/vuu-table/src/column-resizing/index.ts b/...e/src/table-next/column-resizing/index.ts → ...es/vuu-table/src/column-resizing/index.ts
diff --git a/.../column-resizing/useTableColumnResize.tsx → .../column-resizing/useTableColumnResize.tsx b/.../column-resizing/useTableColumnResize.tsx → .../column-resizing/useTableColumnResize.tsx
diff --git a/...ntext-menu/buildContextMenuDescriptors.ts → ...ntext-menu/buildContextMenuDescriptors.ts b/...ntext-menu/buildContextMenuDescriptors.ts → ...ntext-menu/buildContextMenuDescriptors.ts
diff --git a/...able/src/table-next/context-menu/index.ts → ...kages/vuu-table/src/context-menu/index.ts b/...able/src/table-next/context-menu/index.ts → ...kages/vuu-table/src/context-menu/index.ts
diff --git a/...context-menu/useHandleTableContextMenu.ts → ...context-menu/useHandleTableContextMenu.ts b/...context-menu/useHandleTableContextMenu.ts → ...context-menu/useHandleTableContextMenu.ts
diff --git a/...able-next/header-cell/GroupHeaderCell.css → ...table/src/header-cell/GroupHeaderCell.css b/...able-next/header-cell/GroupHeaderCell.css → ...table/src/header-cell/GroupHeaderCell.css
diff --git a/...-next/header-cell/GroupHeaderCellNext.tsx → ...e/src/header-cell/GroupHeaderCellNext.tsx b/...-next/header-cell/GroupHeaderCellNext.tsx → ...e/src/header-cell/GroupHeaderCellNext.tsx
diff --git a/...src/table-next/header-cell/HeaderCell.css → .../vuu-table/src/header-cell/HeaderCell.css b/...src/table-next/header-cell/HeaderCell.css → .../vuu-table/src/header-cell/HeaderCell.css
diff --git a/...src/table-next/header-cell/HeaderCell.tsx → .../vuu-table/src/header-cell/HeaderCell.tsx b/...src/table-next/header-cell/HeaderCell.tsx → .../vuu-table/src/header-cell/HeaderCell.tsx
diff --git a/...table/src/table-next/header-cell/index.ts → ...ckages/vuu-table/src/header-cell/index.ts b/...table/src/table-next/header-cell/index.ts → ...ckages/vuu-table/src/header-cell/index.ts
diff --git a/vuu-ui/packages/vuu-table/src/index.ts b/vuu-ui/packages/vuu-table/src/index.ts
@@ -1,2 +1,9 @@
-export * from "./table-next";
-export { updateTableConfig } from "./table-next/table-config";
+export { GroupHeaderCellNext } from "./header-cell";
+export * from "./header-cell";
+export * from "./Table";
+export * from "./table-config";
+export * from "./cell-renderers";
+export type { RowProps } from "./Row";
+export * from "./useControlledTableNavigation";
+export * from "./useTableModel";
+export * from "./useTableViewport";
diff --git a/...vuu-table/src/table-next/moving-window.ts → ...i/packages/vuu-table/src/moving-window.ts b/...vuu-table/src/table-next/moving-window.ts → ...i/packages/vuu-table/src/moving-window.ts
diff --git a/...e/src/table-next/table-cell/TableCell.css → ...es/vuu-table/src/table-cell/TableCell.css b/...e/src/table-next/table-cell/TableCell.css → ...es/vuu-table/src/table-cell/TableCell.css
diff --git a/...e/src/table-next/table-cell/TableCell.tsx → ...es/vuu-table/src/table-cell/TableCell.tsx b/...e/src/table-next/table-cell/TableCell.tsx → ...es/vuu-table/src/table-cell/TableCell.tsx
diff --git a/.../table-next/table-cell/TableGroupCell.css → ...u-table/src/table-cell/TableGroupCell.css b/.../table-next/table-cell/TableGroupCell.css → ...u-table/src/table-cell/TableGroupCell.css
diff --git a/.../table-next/table-cell/TableGroupCell.tsx → ...u-table/src/table-cell/TableGroupCell.tsx b/.../table-next/table-cell/TableGroupCell.tsx → ...u-table/src/table-cell/TableGroupCell.tsx
diff --git a/...-table/src/table-next/table-cell/index.ts → ...ackages/vuu-table/src/table-cell/index.ts b/...-table/src/table-next/table-cell/index.ts → ...ackages/vuu-table/src/table-cell/index.ts
diff --git a/.../vuu-table/src/table-next/table-config.ts → ...ui/packages/vuu-table/src/table-config.ts b/.../vuu-table/src/table-next/table-config.ts → ...ui/packages/vuu-table/src/table-config.ts
diff --git a/...u-table/src/table-next/table-dom-utils.ts → ...packages/vuu-table/src/table-dom-utils.ts b/...u-table/src/table-next/table-dom-utils.ts → ...packages/vuu-table/src/table-dom-utils.ts
diff --git a/vuu-ui/packages/vuu-table/src/table-next/index.ts b/vuu-ui/packages/vuu-table/src/table-next/index.ts
diff --git a/...kages/vuu-table/src/table-next/useCell.ts → vuu-ui/packages/vuu-table/src/useCell.ts b/...kages/vuu-table/src/table-next/useCell.ts → vuu-ui/packages/vuu-table/src/useCell.ts
diff --git a/...uu-table/src/table-next/useCellEditing.ts → .../packages/vuu-table/src/useCellEditing.ts b/...uu-table/src/table-next/useCellEditing.ts → .../packages/vuu-table/src/useCellEditing.ts
diff --git a/...able-next/useControlledTableNavigation.ts → ...table/src/useControlledTableNavigation.ts b/...able-next/useControlledTableNavigation.ts → ...table/src/useControlledTableNavigation.ts
diff --git a/...vuu-table/src/table-next/useDataSource.ts → ...i/packages/vuu-table/src/useDataSource.ts b/...vuu-table/src/table-next/useDataSource.ts → ...i/packages/vuu-table/src/useDataSource.ts
diff --git a/...u-table/src/table-next/useInitialValue.ts → ...packages/vuu-table/src/useInitialValue.ts b/...u-table/src/table-next/useInitialValue.ts → ...packages/vuu-table/src/useInitialValue.ts
diff --git a/...e/src/table-next/useKeyboardNavigation.ts → ...es/vuu-table/src/useKeyboardNavigation.ts b/...e/src/table-next/useKeyboardNavigation.ts → ...es/vuu-table/src/useKeyboardNavigation.ts
diff --git a/...table/src/table-next/useResizeObserver.ts → ...ckages/vuu-table/src/useResizeObserver.ts b/...table/src/table-next/useResizeObserver.ts → ...ckages/vuu-table/src/useResizeObserver.ts
diff --git a/.../vuu-table/src/table-next/useSelection.ts → ...ui/packages/vuu-table/src/useSelection.ts b/.../vuu-table/src/table-next/useSelection.ts → ...ui/packages/vuu-table/src/useSelection.ts
diff --git a/.../vuu-table/src/table-next/useTableNext.ts → vuu-ui/packages/vuu-table/src/useTable.ts b/.../vuu-table/src/table-next/useTableNext.ts → vuu-ui/packages/vuu-table/src/useTable.ts
@@ -46,7 +46,7 @@ import {
   useMemo,
   useState,
 } from "react";
-import { TableProps } from "./TableNext";
+import { TableProps } from "./Table";
 import { TableColumnResizeHandler } from "./column-resizing";
 import { updateTableConfig } from "./table-config";
 import { useDataSource } from "./useDataSource";

diff --git a/...ble/src/table-next/useTableContextMenu.ts → ...ages/vuu-table/src/useTableContextMenu.ts b/...ble/src/table-next/useTableContextMenu.ts → ...ages/vuu-table/src/useTableContextMenu.ts
diff --git a/...vuu-table/src/table-next/useTableModel.ts → ...i/packages/vuu-table/src/useTableModel.ts b/...vuu-table/src/table-next/useTableModel.ts → ...i/packages/vuu-table/src/useTableModel.ts
diff --git a/...uu-table/src/table-next/useTableScroll.ts → .../packages/vuu-table/src/useTableScroll.ts b/...uu-table/src/table-next/useTableScroll.ts → .../packages/vuu-table/src/useTableScroll.ts
diff --git a/...-table/src/table-next/useTableViewport.ts → ...ackages/vuu-table/src/useTableViewport.ts b/...-table/src/table-next/useTableViewport.ts → ...ackages/vuu-table/src/useTableViewport.ts
diff --git a/...able/src/table-next/useVirtualViewport.ts → ...kages/vuu-table/src/useVirtualViewport.ts b/...able/src/table-next/useVirtualViewport.ts → ...kages/vuu-table/src/useVirtualViewport.ts
diff --git a/vuu-ui/packages/vuu-ui-controls/src/instrument-picker/InstrumentPicker.tsx b/vuu-ui/packages/vuu-ui-controls/src/instrument-picker/InstrumentPicker.tsx
@@ -1,7 +1,7 @@
 import { TableSchema } from "@finos/vuu-data";
 import { DataSourceRow } from "@finos/vuu-data-types";
 import { useId } from "@finos/vuu-layout";
-import { TableNext, TableProps, TableRowSelectHandler } from "@finos/vuu-table";
+import { Table, TableProps, TableRowSelectHandler } from "@finos/vuu-table";
 import { ColumnMap } from "@finos/vuu-utils";
 import { Input } from "@salt-ds/core";
 import { ForwardedRef, forwardRef, HTMLAttributes, useMemo } from "react";
@@ -100,7 +100,7 @@ export const InstrumentPicker = forwardRef(function InstrumentPicker(
         value={value}
       />
 
-      <TableNext
+      <Table
         rowHeight={25}
         renderBufferSize={100}
         {...tableProps}

diff --git a/vuu-ui/packages/vuu-ui-controls/src/instrument-search/InstrumentSearch.tsx b/vuu-ui/packages/vuu-ui-controls/src/instrument-search/InstrumentSearch.tsx
@@ -3,7 +3,7 @@ import { TableConfig } from "@finos/vuu-datagrid-types";
 import { registerComponent } from "@finos/vuu-layout";
 
 import {
-  TableNext,
+  Table,
   TableProps,
   useControlledTableNavigation,
 } from "@finos/vuu-table";
@@ -85,7 +85,7 @@ export const InstrumentSearch = ({
       </div>
 
       {dataSource ? (
-        <TableNext
+        <Table
           disableFocus
           id="instrument-search"
           rowHeight={25}

diff --git a/vuu-ui/sample-apps/feature-basket-trading/src/basket-table-edit/BasketTableEdit.tsx b/vuu-ui/sample-apps/feature-basket-trading/src/basket-table-edit/BasketTableEdit.tsx
@@ -1,6 +1,6 @@
 import { TableSchema } from "@finos/vuu-data";
 import { TableConfig } from "@finos/vuu-datagrid-types";
-import { TableNext, TableProps } from "@finos/vuu-table";
+import { Table, TableProps } from "@finos/vuu-table";
 import {
   ContextMenuConfiguration,
   ContextMenuProvider,
@@ -38,7 +38,7 @@ export const BasketTableEdit = ({
 
   return (
     <ContextMenuProvider {...contextMenuConfig}>
-      <TableNext
+      <Table
         {...props}
         allowDragDrop="drop-only"
         dataSource={dataSource}

diff --git a/vuu-ui/sample-apps/feature-basket-trading/src/basket-table-live/BasketTableLive.tsx b/vuu-ui/sample-apps/feature-basket-trading/src/basket-table-live/BasketTableLive.tsx
@@ -1,6 +1,6 @@
 import { TableSchema } from "@finos/vuu-data";
 import { TableConfig } from "@finos/vuu-datagrid-types";
-import { TableNext, TableProps } from "@finos/vuu-table";
+import { Table, TableProps } from "@finos/vuu-table";
 import { useMemo } from "react";
 import { ProgressCell, SpreadCell, StatusCell } from "../cell-renderers";
 import columns from "./basketConstituentLiveColumns";
@@ -34,7 +34,7 @@ export const BasketTableLive = ({
   );
 
   return (
-    <TableNext
+    <Table
       {...props}
       renderBufferSize={20}
       className={classBase}

diff --git a/vuu-ui/showcase/src/examples/Table/BasketTables.examples.tsx b/vuu-ui/showcase/src/examples/Table/BasketTables.examples.tsx
@@ -1,4 +1,4 @@
-import { TableNext, TableProps } from "@finos/vuu-table";
+import { Table, TableProps } from "@finos/vuu-table";
 import { useMemo } from "react";
 import { BasketsTableName, getSchema, vuuModule } from "@finos/vuu-data-test";
 import { useVuuMenuActions } from "@finos/vuu-data-react";
@@ -31,7 +31,7 @@ const BasketTable = ({ tableName }: { tableName: BasketsTableName }) => {
       menuActionHandler={handleMenuAction}
       menuBuilder={buildViewserverMenuOptions}
     >
-      <TableNext {...tableProps} renderBufferSize={50} />
+      <Table {...tableProps} renderBufferSize={50} />
     </ContextMenuProvider>
   );
 };

diff --git a/vuu-ui/showcase/src/examples/Table/SIMUL.examples.tsx b/vuu-ui/showcase/src/examples/Table/SIMUL.examples.tsx
@@ -2,7 +2,7 @@ import { useVuuMenuActions } from "@finos/vuu-data-react";
 import { getSchema, SimulTableName, vuuModule } from "@finos/vuu-data-test";
 import { ContextMenuProvider } from "@finos/vuu-popups";
 import { DefaultColumnConfiguration } from "@finos/vuu-shell";
-import { TableNext, TableProps } from "@finos/vuu-table";
+import { Table, TableProps } from "@finos/vuu-table";
 import { applyDefaultColumnConfig } from "@finos/vuu-utils";
 import { useCallback, useMemo } from "react";
 
@@ -81,7 +81,7 @@ const SimulTable = ({
       menuActionHandler={handleMenuAction}
       menuBuilder={buildViewserverMenuOptions}
     >
-      <TableNext
+      <Table
         {...tableProps}
         onConfigChange={handleConfigChange}
         renderBufferSize={0}

diff --git a/vuu-ui/showcase/src/examples/Table/TableList.examples.tsx b/vuu-ui/showcase/src/examples/Table/TableList.examples.tsx
@@ -1,4 +1,4 @@
-import { TableNext } from "@finos/vuu-table";
+import { Table } from "@finos/vuu-table";
 import { ArrayDataSource } from "@finos/vuu-data";
 import { useMemo } from "react";
 import { ColumnDescriptor } from "@finos/vuu-datagrid-types";
@@ -36,7 +36,7 @@ export const DefaultTableList = () => {
 
   return (
     <div style={{ display: "flex", gap: 12 }}>
-      <TableNext
+      <Table
         config={{
           columns,
         }}

diff --git a/vuu-ui/showcase/src/examples/Table/TableNext.examples.tsx b/vuu-ui/showcase/src/examples/Table/TableNext.examples.tsx
@@ -11,7 +11,7 @@ import {
   applyDefaultColumnConfig,
   registerComponent as registerCellRenderer,
 } from "@finos/vuu-utils";
-import { HeaderCellProps, TableNext, TableProps } from "@finos/vuu-table";
+import { HeaderCellProps, Table, TableProps } from "@finos/vuu-table";
 import {
   ColumnSettingsPanel,
   TableSettingsPanel,
@@ -64,7 +64,7 @@ export const NavigationStyle = () => {
   }, []);
 
   return (
-    <TableNext
+    <Table
       {...tableProps}
       height={645}
       navigationStyle="row"
@@ -114,7 +114,7 @@ export const ControlledNavigation = () => {
           Next
         </Button>
       </Toolbar>
-      <TableNext
+      <Table
         {...tableProps}
         height={645}
         highlightedIndex={highlightedIndex}
@@ -215,7 +215,7 @@ export const EditableTableNextArrayData = () => {
   }, [getDefaultColumnConfig]);
 
   return (
-    <TableNext {...tableProps} height={645} renderBufferSize={10} width={500} />
+    <Table {...tableProps} height={645} renderBufferSize={10} width={500} />
   );
 };
 EditableTableNextArrayData.displaySequence = displaySequence++;
@@ -234,7 +234,7 @@ export const TableNextVuuInstruments = () => {
   }
 
   return (
-    <TableNext
+    <Table
       config={tableConfig}
       dataSource={dataSource}
       height={645}
@@ -265,20 +265,20 @@ export const FlexLayoutTables = () => {
       >
         <FlexboxLayout resizeable style={{ flexDirection: "row", flex: 1 }}>
           <View resizeable style={{ flex: 1 }}>
-            <TableNext {...config1} />
+            <Table {...config1} />
           </View>
 
           <View resizeable style={{ flex: 1 }}>
-            <TableNext {...config2} />
+            <Table {...config2} />
           </View>
         </FlexboxLayout>
         <FlexboxLayout resizeable style={{ flexDirection: "row", flex: 1 }}>
           <View resizeable style={{ flex: 1 }}>
-            <TableNext {...config3} />
+            <Table {...config3} />
           </View>
 
           <View resizeable style={{ flex: 1 }}>
-            <TableNext {...config4} />
+            <Table {...config4} />
           </View>
         </FlexboxLayout>
       </FlexboxLayout>
@@ -304,7 +304,7 @@ export const TableNextInLayoutWithContextPanel = () => {
   return (
     <LayoutProvider>
       <FlexboxLayout style={{ height: 645, width: "100%" }}>
-        <TableNext {...props} config={config} renderBufferSize={30} />
+        <Table {...props} config={config} renderBufferSize={30} />
         <ContextPanel id="context-panel" overlay></ContextPanel>
       </FlexboxLayout>
     </LayoutProvider>
@@ -325,7 +325,7 @@ export const AutoTableNext = () => {
   const [config] = useState(configProp);
 
   return (
-    <TableNext
+    <Table
       {...props}
       config={{
         ...config,
@@ -364,7 +364,7 @@ export const AutoTableNextAsFlexChild = () => {
       }}
     >
       <div style={{ flex: "1 1 auto" }}>
-        <TableNext
+        <Table
           {...props}
           config={{
             ...config,
@@ -425,7 +425,7 @@ export const AutoTableNextBasketOrders = () => {
   };
 
   return (
-    <TableNext
+    <Table
       {...props}
       config={{
         ...config,
@@ -456,7 +456,7 @@ export const AutoTableNextBasketDefinitions = () => {
   };
 
   return (
-    <TableNext
+    <Table
       {...props}
       config={{
         ...config,
@@ -540,7 +540,7 @@ export const VuuTableNextCalculatedColumns = () => {
   }
 
   return (
-    <TableNext
+    <Table
       config={tableConfig}
       dataSource={dataSource}
       height={645}
@@ -811,7 +811,7 @@ export const CustomColumnRenderer = () => {
   }, []);
 
   return (
-    <TableNext
+    <Table
       {...tableProps}
       height={645}
       navigationStyle="row"