Fix: responsive grids

src/components/index.js

@@ -76,12 +76,12 @@ export {default as MuiNotesModal} from './mui/NotesModal'
 export {default as MuiSnackbarNotification} from './mui/SnackbarNotification'
 export {useSnackbarMessage} from './mui/SnackbarNotification/Context'
 export {default as MuiInfiniteTable} from './mui/infinite-table'
-export {default as MuiEditableTable} from './mui/editable-table/mui-table-editable'
-export {default as MuiTable} from './mui/table/mui-table'
-export {default as MuiCustomTablePagination} from './mui/table/CustomTablePagination'
+export {default as MuiEditableTable} from './mui/tables/editable-table'
+export {default as MuiTable} from './mui/tables/mui-table'
+export {default as MuiCustomTablePagination} from './mui/tables/components/CustomTablePagination'
 export {default as MuiBulkEditTable} from './mui/BulkEditTable'
 export {default as MuiSponsorOrderGrid} from './mui/SponsorOrderGrid'
-export {TotalRow as MuiTotalRow, NotesRow as MuiNotesRow, FeeRow as MuiFeeRow, PaymentRow as MuiPaymentRow, RefundRow as MuiRefundRow, DiscountRow as MuiDiscountRow} from './mui/table/extra-rows'
+export {TotalRow as MuiTotalRow, NotesRow as MuiNotesRow, FeeRow as MuiFeeRow, PaymentRow as MuiPaymentRow, RefundRow as MuiRefundRow, DiscountRow as MuiDiscountRow} from './mui/tables/extra-rows'
 export {default as MuiFormikAsyncSelect} from './mui/formik-inputs/mui-formik-async-select'
 export {default as MuiFormikCheckboxGroup} from './mui/formik-inputs/mui-formik-checkbox-group'
 export {default as MuiFormikCheckbox} from './mui/formik-inputs/mui-formik-checkbox'
@@ -136,7 +136,7 @@ export {MuiBaseCustomTheme} from './mui/MuiBaseCustomTheme'
 // export {default as TextEditorV3} from './inputs/editor-input-v3'
 // export {default as CompanyInputV2} from './inputs/company-input-v2.js'
 // export {default as MuiDndList} from './mui/dnd-list'                              // react-beautiful-dnd
-// export {default as MuiSortableTable} from './mui/sortable-table/mui-table-sortable' // react-beautiful-dnd
+// export {default as MuiSortableTable} from './mui/tables/sortable-table' // react-beautiful-dnd
 // export {default as MuiStripePayment} from './mui/StripePayment'                   // @stripe/react-stripe-js, @stripe/stripe-js
 // export {default as MuiAdditionalInput} from './mui/formik-inputs/additional-input/additional-input' // react-beautiful-dnd (via dnd-list)
 // export {default as MuiAdditionalInputList} from './mui/formik-inputs/additional-input/additional-input-list' // react-beautiful-dnd (via dnd-list)

src/components/mui/BulkEditTable/BulkEditTable.js

@@ -28,7 +28,7 @@ import Heading from "./components/Heading";
 import Row from "./components/Row";
 import useRowSelection from "./hooks/useRowSelection";
 import styles from "./BulkEditTable.module.less";
-import CustomTablePagination from "../table/CustomTablePagination";
+import CustomTablePagination from "../tables/components/CustomTablePagination";
 import showConfirmDialog from "../showConfirmDialog";
 
 const BulkEditTable = ({

src/components/mui/MuiBaseCustomTheme.js

@@ -44,6 +44,13 @@ export const MuiBaseCustomTheme = {
           height: "24px"
         }
       }
+    },
+    MuiTooltip: {
+      styleOverrides: {
+        tooltip: {
+          fontSize: "12px"
+        }
+      }
     }
   }
 };

src/components/mui/SponsorOrderGrid/index.js

@@ -25,7 +25,7 @@ import Divider from "@mui/material/Divider";
 import IconButton from "@mui/material/IconButton";
 import UndoIcon from "@mui/icons-material/Undo";
 import DeleteIcon from "@mui/icons-material/Delete";
-import {DiscountRow, FeeRow, NotesRow, PaymentRow, RefundRow, TotalRow} from "../table/extra-rows";
+import {DiscountRow, FeeRow, NotesRow, PaymentRow, RefundRow, TotalRow} from "../tables/extra-rows";
 import {SPONSOR_ORDER_GRID_ITEM_TYPES} from "../../../utils/constants";
 import InfoNote from "../InfoNote";
 import {currencyAmountFromCents} from "../../../utils/money";

src/components/mui/__tests__/fee-row.test.js

@@ -23,7 +23,7 @@ jest.mock("../../../utils/money", () => ({
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import FeeRow from "../table/extra-rows/FeeRow";
+import FeeRow from "../tables/extra-rows/FeeRow";
 
 const renderInTable = (props) =>
   render(

src/components/mui/__tests__/mui-table-editable.test.js

@@ -139,7 +139,7 @@ import "@testing-library/jest-dom";
 import { render, screen, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
-import MuiTableEditable from "../editable-table/mui-table-editable";
+import MuiTableEditable from "../tables/editable-table";
 import showConfirmDialog from "../showConfirmDialog";
 /* eslint-enable import/first */
 

src/components/mui/__tests__/mui-table-sortable.test.js

@@ -70,7 +70,7 @@ import React from "react";
 import { render, screen, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import "@testing-library/jest-dom";
-import MuiTableSortable from "../sortable-table/mui-table-sortable";
+import MuiTableSortable from "../tables/sortable-table";
 import showConfirmDialog from "../showConfirmDialog";
 
 const columns = [

src/components/mui/__tests__/mui-table.test.js

@@ -52,7 +52,7 @@ import React from "react";
 import { render, screen, within } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import "@testing-library/jest-dom";
-import MuiTable from "../table/mui-table";
+import MuiTable from "../tables/mui-table";
 import showConfirmDialog from "../showConfirmDialog";
 
 const columns = [

src/components/mui/__tests__/notes-row.test.js

@@ -14,7 +14,7 @@
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import NotesRow from "../table/extra-rows/NotesRow";
+import NotesRow from "../tables/extra-rows/NotesRow";
 
 const renderInTable = (props) =>
   render(

src/components/mui/__tests__/payment-row.test.js

@@ -23,7 +23,7 @@ jest.mock("../../../utils/money", () => ({
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import PaymentRow from "../table/extra-rows/PaymentRow";
+import PaymentRow from "../tables/extra-rows/PaymentRow";
 
 // 2026-01-15 00:00:00 UTC in seconds
 const PAYMENT_TIMESTAMP = 1736899200;

src/components/mui/__tests__/refund-row.test.js

@@ -23,7 +23,7 @@ jest.mock("../../../utils/money", () => ({
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import RefundRow from "../table/extra-rows/RefundRow";
+import RefundRow from "../tables/extra-rows/RefundRow";
 
 const renderInTable = (props) =>
   render(

src/components/mui/__tests__/total-row.test.js

@@ -19,7 +19,7 @@ jest.mock("i18n-react/dist/i18n-react", () => ({
 import React from "react";
 import { render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
-import TotalRow from "../table/extra-rows/TotalRow";
+import TotalRow from "../tables/extra-rows/TotalRow";
 
 const columns = [
   { columnKey: "name", header: "Name" },