material-react-table-narender 1.0.0 → 3.0.3

package/apps/material-react-table-docs/examples/enable-column-grouping/sandbox/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "material-react-table-example-enable-column-grouping",
-  "version": "0.0.0",
- 
-  "type": "module",
-  "scripts": {
-    "dev": "vite --port 3001",
-    "build": "vite build",
-    "serve": "vite preview",
-    "start": "vite"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.2.0",
-    "@mui/material": "^6.2.0",
-    "@mui/x-date-pickers": "^7.23.2",
-    "dayjs": "^1.11.13",
-    "material-react-table": "^3.0.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "@vitejs/plugin-react": "^4.3.4",
-    "typescript": "^5.7.2",
-    "vite": "^6.0.3"
-  }
-}

package/apps/material-react-table-docs/examples/enable-column-grouping/sandbox/src/TS.tsx

@@ -1,116 +0,0 @@
-import { useMemo, useState } from 'react';
-import {
-  MaterialReactTable,
-  useMaterialReactTable,
-  type MRT_ColumnDef,
-} from 'material-react-table';
-import { data, type Person } from './makeData';
-import {
-  FormControl,
-  FormControlLabel,
-  FormLabel,
-  Radio,
-  RadioGroup,
-  Stack,
-} from '@mui/material';
-
-const Example = () => {
-  const columns = useMemo<MRT_ColumnDef<Person>[]>(
-    //column definitions...
-    () => [
-      {
-        header: 'First Name',
-        accessorKey: 'firstName',
-      },
-      {
-        header: 'Last Name',
-        accessorKey: 'lastName',
-      },
-      {
-        header: 'Age',
-        accessorKey: 'age',
-      },
-      {
-        header: 'Gender',
-        accessorKey: 'gender',
-      },
-      {
-        header: 'State',
-        accessorKey: 'state',
-      },
-      {
-        header: 'Salary',
-        accessorKey: 'salary',
-      },
-    ],
-    [],
-    //end
-  );
-
-  //demo state
-  const [groupedColumnMode, setGroupedColumnMode] = useState<
-    false | 'remove' | 'reorder'
-  >('reorder'); //default is 'reorder
-
-  const table = useMaterialReactTable({
-    columns,
-    data,
-    enableGrouping: true,
-    groupedColumnMode,
-    initialState: {
-      expanded: true, //expand all groups by default
-      grouping: ['state', 'gender'], //an array of columns to group by by default (can be multiple)
-      pagination: { pageIndex: 0, pageSize: 20 },
-    },
-    muiTableContainerProps: { sx: { maxHeight: '800px' } },
-  });
-
-  return (
-    <Stack gap="1rem">
-      <DemoRadioGroup
-        groupedColumnMode={groupedColumnMode}
-        setGroupedColumnMode={setGroupedColumnMode}
-      />
-      <MaterialReactTable table={table} />
-    </Stack>
-  );
-};
-
-export default Example;
-
-//demo...
-const DemoRadioGroup = ({
-  groupedColumnMode,
-  setGroupedColumnMode,
-}: {
-  groupedColumnMode: false | 'remove' | 'reorder';
-  setGroupedColumnMode: (
-    groupedColumnMode: false | 'remove' | 'reorder',
-  ) => void;
-}) => {
-  return (
-    <FormControl sx={{ margin: 'auto', textAlign: 'center' }}>
-      <FormLabel>Grouped Column Mode</FormLabel>
-      <RadioGroup
-        row
-        value={groupedColumnMode}
-        onChange={(event) =>
-          setGroupedColumnMode(
-            event.target.value === 'false'
-              ? false
-              : (event.target.value as any),
-          )
-        }
-      >
-        <FormControlLabel
-          control={<Radio />}
-          label='"reorder" (default)'
-          value="reorder"
-        />
-        <FormControlLabel control={<Radio />} label='"remove"' value="remove" />
-        <FormControlLabel value={false} control={<Radio />} label="false" />
-      </RadioGroup>
-    </FormControl>
-  );
-};
-//end

package/apps/material-react-table-docs/examples/enable-column-grouping/sandbox/src/main.tsx

@@ -1,9 +0,0 @@
-import { StrictMode } from 'react';
-import ReactDOM from 'react-dom/client';
-import Example from './TS';
-
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
-  <StrictMode>
-    <Example />
-  </StrictMode>,
-);