@lminii/material-react-table-mcp 4.0.1

package/data/examples/localization-i18n-es.js

@@ -0,0 +1,38 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_ES } from 'material-react-table/locales/es';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'Primer nombre',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'Apellido',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'Años',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} enableColumnFilterModes enableColumnOrdering enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_ES}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { esES } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, esES)}>
+      <Example />
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-es.tsx

@@ -0,0 +1,60 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_ES } from 'material-react-table/locales/es';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'Primer nombre',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'Apellido',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'Años',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_ES}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { esES } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, esES)}>
+      <Example />
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-et.js

@@ -0,0 +1,38 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_ET } from 'material-react-table/locales/et';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'Eesnimi',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'Perekonnanimi',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'Vanus',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} enableColumnFilterModes enableColumnOrdering enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_ET}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { etEE } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, etEE)}>
+      <Example />
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-et.tsx

@@ -0,0 +1,60 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_ET } from 'material-react-table/locales/et';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'Eesnimi',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'Perekonnanimi',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'Vanus',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_ET}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { etEE } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, etEE)}>
+      <Example />
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fa.js

@@ -0,0 +1,40 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_FA } from 'material-react-table/locales/fa';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'نام',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'نام خانوادگی',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'سن',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} defaultColumn={{ size: 250 }} columnResizeDirection="rtl" enableColumnFilterModes enableColumnOrdering enableColumnResizing enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_FA}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { faIR } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme({ ...theme, direction: 'rtl' }, faIR)}>
+      <div style={{ direction: 'rtl' }}>
+        <Example />
+      </div>
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fa.tsx

@@ -0,0 +1,66 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_FA } from 'material-react-table/locales/fa';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'نام',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'نام خانوادگی',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'سن',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      defaultColumn={{ size: 250 }}
+      columnResizeDirection="rtl"
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableColumnResizing
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_FA}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { faIR } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme({ ...theme, direction: 'rtl' }, faIR)}>
+      <div style={{ direction: 'rtl' }}>
+        <Example />
+      </div>
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fi.js

@@ -0,0 +1,38 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_FI } from 'material-react-table/locales/fi';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'Etunimi',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'Sukunimi',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'Ikä',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} enableColumnFilterModes enableColumnOrdering enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_FI}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { fiFI } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, fiFI)}>
+      <Example />
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fi.tsx

@@ -0,0 +1,60 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_FI } from 'material-react-table/locales/fi';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'Etunimi',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'Sukunimi',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'Ikä',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_FI}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { fiFI } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, fiFI)}>
+      <Example />
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fr.js

@@ -0,0 +1,38 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_FR } from 'material-react-table/locales/fr';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'Prénom',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'Nom de famille',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'Âge',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} enableColumnFilterModes enableColumnOrdering enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_FR}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { frFR } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, frFR)}>
+      <Example />
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-fr.tsx

@@ -0,0 +1,60 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_FR } from 'material-react-table/locales/fr';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'Prénom',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'Nom de famille',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'Âge',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_FR}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { frFR } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, frFR)}>
+      <Example />
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-he.js

@@ -0,0 +1,40 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_HE } from 'material-react-table/locales/he';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'שם פרטי',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'שם משפחה',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'גיל',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} defaultColumn={{ size: 250 }} columnResizeDirection="rtl" enableColumnFilterModes enableColumnOrdering enableColumnResizing enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_HE}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { heIL } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme({ ...theme, direction: 'rtl' }, heIL)}>
+      <div style={{ direction: 'rtl' }}>
+        <Example />
+      </div>
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-he.tsx

@@ -0,0 +1,66 @@
+//Import Material React Table and its Types
+import { MaterialReactTable, type MRT_ColumnDef } from 'material-react-table';
+
+//Import Material React Table Translations
+import { MRT_Localization_HE } from 'material-react-table/locales/he';
+
+//mock data
+import { data, type Person } from './makeData';
+
+const columns: MRT_ColumnDef<Person>[] = [
+  //column definitions...
+  {
+    accessorKey: 'firstName',
+    header: 'שם פרטי',
+  },
+  {
+    accessorKey: 'lastName',
+    header: 'שם משפחה',
+    enableClickToCopy: true,
+  },
+  {
+    accessorKey: 'age',
+    header: 'גיל',
+  },
+  //end
+];
+
+const Example = () => {
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      defaultColumn={{ size: 250 }}
+      columnResizeDirection="rtl"
+      enableColumnFilterModes
+      enableColumnOrdering
+      enableColumnResizing
+      enableEditing
+      enableColumnPinning
+      enableRowActions
+      enableRowSelection
+      enableSelectAll={false}
+      initialState={{ showColumnFilters: true, showGlobalFilter: true }}
+      localization={MRT_Localization_HE}
+    />
+  );
+};
+
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { heIL } from '@mui/material/locale';
+
+const ExampleWithThemeProvider = () => {
+  const theme = useTheme(); //replace with your theme/createTheme
+
+  return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme({ ...theme, direction: 'rtl' }, heIL)}>
+      <div style={{ direction: 'rtl' }}>
+        <Example />
+      </div>
+    </ThemeProvider>
+  );
+};
+
+export default ExampleWithThemeProvider;

package/data/examples/localization-i18n-hr.js

@@ -0,0 +1,38 @@
+//Import Material React Table and its Types
+import { MaterialReactTable } from 'material-react-table';
+//Import Material React Table Translations
+import { MRT_Localization_HR } from 'material-react-table/locales/hr';
+//mock data
+import { data } from './makeData';
+const columns = [
+    //column definitions...
+    {
+        accessorKey: 'firstName',
+        header: 'Ime',
+    },
+    {
+        accessorKey: 'lastName',
+        header: 'Prezime',
+        enableClickToCopy: true,
+    },
+    {
+        accessorKey: 'age',
+        header: 'Godine',
+    },
+    //end
+];
+const Example = () => {
+    return (<MaterialReactTable columns={columns} data={data} enableColumnFilterModes enableColumnOrdering enableEditing enableColumnPinning enableRowActions enableRowSelection enableSelectAll={false} initialState={{ showColumnFilters: true, showGlobalFilter: true }} localization={MRT_Localization_HR}/>);
+};
+//App.tsx or similar
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
+import { hrHR } from '@mui/material/locale';
+const ExampleWithThemeProvider = () => {
+    const theme = useTheme(); //replace with your theme/createTheme
+    return (
+    //Setting Material UI locale as best practice to result in better accessibility
+    <ThemeProvider theme={createTheme(theme, hrHR)}>
+      <Example />
+    </ThemeProvider>);
+};
+export default ExampleWithThemeProvider;