material-react-table 1.14.0 → 2.0.0-alpha.0

package/src/hooks/useMRT_TableOptions.ts

@@ -0,0 +1,169 @@
+import { useMemo } from 'react';
+import { MRT_AggregationFns } from '../aggregationFns';
+import { MRT_FilterFns } from '../filterFns';
+import { MRT_SortingFns } from '../sortingFns';
+import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from '../column.utils';
+import { MRT_Localization_EN } from '../locales/en';
+import { MRT_Default_Icons } from '../icons';
+import { type MRT_DefinedTableOptions, type MRT_TableOptions } from '../types';
+
+export const useMRT_TableOptions: <TData extends Record<string, any>>(
+  tableOptions: MRT_TableOptions<TData>,
+) => MRT_DefinedTableOptions<TData> = <TData extends Record<string, any>>({
+  aggregationFns,
+  autoResetExpanded = false,
+  columnFilterDisplayMode = 'subheader',
+  columnResizeMode = 'onChange',
+  createDisplayMode = 'modal',
+  defaultColumn,
+  defaultDisplayColumn,
+  editDisplayMode = 'modal',
+  enableBottomToolbar = true,
+  enableColumnActions = true,
+  enableColumnFilters = true,
+  enableColumnOrdering = false,
+  enableColumnResizing = false,
+  enableDensityToggle = true,
+  enableExpandAll = true,
+  enableExpanding,
+  enableFilterMatchHighlighting = true,
+  enableFilters = true,
+  enableFullScreenToggle = true,
+  enableGlobalFilter = true,
+  enableGlobalFilterRankedResults = true,
+  enableGrouping = false,
+  enableHiding = true,
+  enableMultiRowSelection = true,
+  enableMultiSort = true,
+  enablePagination = true,
+  enableColumnPinning = false,
+  enableRowSelection = false,
+  enableSelectAll = true,
+  enableSorting = true,
+  enableStickyHeader = false,
+  enableTableFooter = true,
+  enableTableHead = true,
+  enableToolbarInternalActions = true,
+  enableTopToolbar = true,
+  filterFns,
+  icons,
+  layoutMode = 'semantic',
+  localization,
+  manualFiltering,
+  manualGrouping,
+  manualPagination,
+  manualSorting,
+  paginationDisplayMode = 'default',
+  positionActionsColumn = 'first',
+  positionExpandColumn = 'first',
+  positionGlobalFilter = 'right',
+  positionPagination = 'bottom',
+  positionToolbarAlertBanner = 'top',
+  positionToolbarDropZone = 'top',
+  rowNumberMode = 'static',
+  selectAllMode = 'page',
+  sortingFns,
+  ...rest
+}: MRT_TableOptions<TData>) => {
+  const _icons = useMemo(() => ({ ...MRT_Default_Icons, ...icons }), [icons]);
+  const _localization = useMemo(
+    () => ({
+      ...MRT_Localization_EN,
+      ...localization,
+    }),
+    [localization],
+  );
+  const _aggregationFns = useMemo(
+    () => ({ ...MRT_AggregationFns, ...aggregationFns }),
+    [],
+  );
+  const _filterFns = useMemo(() => ({ ...MRT_FilterFns, ...filterFns }), []);
+  const _sortingFns = useMemo(() => ({ ...MRT_SortingFns, ...sortingFns }), []);
+  const _defaultColumn = useMemo(
+    () => ({ ...MRT_DefaultColumn, ...defaultColumn }),
+    [defaultColumn],
+  );
+  const _defaultDisplayColumn = useMemo(
+    () => ({
+      ...MRT_DefaultDisplayColumn,
+      ...defaultDisplayColumn,
+    }),
+    [defaultDisplayColumn],
+  );
+
+  if (rest.enableRowVirtualization || rest.enableColumnVirtualization) {
+    layoutMode = 'grid';
+  }
+
+  if (rest.enableRowVirtualization) {
+    enableStickyHeader = true;
+  }
+
+  if (enablePagination === false && manualPagination === undefined) {
+    manualPagination = true;
+  }
+
+  if (!rest.data?.length) {
+    manualFiltering = true;
+    manualGrouping = true;
+    manualPagination = true;
+    manualSorting = true;
+  }
+
+  return {
+    aggregationFns: _aggregationFns,
+    autoResetExpanded,
+    columnFilterDisplayMode,
+    columnResizeMode,
+    createDisplayMode,
+    defaultColumn: _defaultColumn,
+    defaultDisplayColumn: _defaultDisplayColumn,
+    editDisplayMode,
+    enableBottomToolbar,
+    enableColumnActions,
+    enableColumnFilters,
+    enableColumnOrdering,
+    enableColumnResizing,
+    enableDensityToggle,
+    enableExpandAll,
+    enableExpanding,
+    enableFilterMatchHighlighting,
+    enableFilters,
+    enableFullScreenToggle,
+    enableGlobalFilter,
+    enableGlobalFilterRankedResults,
+    enableGrouping,
+    enableHiding,
+    enableMultiRowSelection,
+    enableMultiSort,
+    enablePagination,
+    enableColumnPinning,
+    enableRowSelection,
+    enableSelectAll,
+    enableSorting,
+    enableStickyHeader,
+    enableTableFooter,
+    enableTableHead,
+    enableToolbarInternalActions,
+    enableTopToolbar,
+    filterFns: _filterFns,
+    icons: _icons,
+    layoutMode,
+    localization: _localization,
+    manualFiltering,
+    manualGrouping,
+    manualPagination,
+    manualSorting,
+    paginationDisplayMode,
+    positionActionsColumn,
+    positionExpandColumn,
+    positionGlobalFilter,
+    positionPagination,
+    positionToolbarAlertBanner,
+    positionToolbarDropZone,
+    rowNumberMode,
+    selectAllMode,
+    sortingFns: _sortingFns,
+    ...rest,
+  };
+};

package/src/index.ts

@@ -0,0 +1,16 @@
+export * from './MaterialReactTable';
+export * from './aggregationFns';
+export * from './body';
+export * from './buttons';
+export * from './column.utils';
+export * from './filterFns';
+export * from './footer';
+export * from './head';
+export * from './inputs';
+export * from './menus';
+export * from './modals';
+export * from './sortingFns';
+export * from './table';
+export * from './toolbar';
+export * from './types';
+export * from './useMaterialReactTable';

package/src/inputs/MRT_EditCellTextField.tsx

@@ -9,58 +9,60 @@ import MenuItem from '@mui/material/MenuItem';
 import { type TextFieldProps } from '@mui/material/TextField';
 import { type MRT_Cell, type MRT_TableInstance } from '../types';
 
-interface Props<TData extends Record<string, any> = {}> {
+interface Props<TData extends Record<string, any>> {
   cell: MRT_Cell<TData>;
   table: MRT_TableInstance<TData>;
-  showLabel?: boolean;
 }
 
-export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
+export const MRT_EditCellTextField = <TData extends Record<string, any>>({
   cell,
-  showLabel,
   table,
 }: Props<TData>) => {
   const {
     getState,
-    options: { muiTableBodyCellEditTextFieldProps },
+    options: { createDisplayMode, editDisplayMode, muiEditTextFieldProps },
     refs: { editInputRefs },
     setEditingCell,
     setEditingRow,
+    setCreatingRow,
   } = table;
   const { column, row } = cell;
   const { columnDef } = column;
-  const { editingRow } = getState();
+  const { creatingRow, editingRow } = getState();
+
+  const isCreating = creatingRow?.id === row.id;
+  const isEditing = editingRow?.id === row.id;
+  const isSelectEdit = columnDef.editVariant === 'select';
 
   const [value, setValue] = useState(() => cell.getValue<string>());
 
   const mTableBodyCellEditTextFieldProps =
-    muiTableBodyCellEditTextFieldProps instanceof Function
-      ? muiTableBodyCellEditTextFieldProps({ cell, column, row, table })
-      : muiTableBodyCellEditTextFieldProps;
+    muiEditTextFieldProps instanceof Function
+      ? muiEditTextFieldProps({ cell, column, row, table })
+      : muiEditTextFieldProps;
 
   const mcTableBodyCellEditTextFieldProps =
-    columnDef.muiTableBodyCellEditTextFieldProps instanceof Function
-      ? columnDef.muiTableBodyCellEditTextFieldProps({
+    columnDef.muiEditTextFieldProps instanceof Function
+      ? columnDef.muiEditTextFieldProps({
           cell,
           column,
           row,
           table,
         })
-      : columnDef.muiTableBodyCellEditTextFieldProps;
+      : columnDef.muiEditTextFieldProps;
 
   const textFieldProps: TextFieldProps = {
     ...mTableBodyCellEditTextFieldProps,
     ...mcTableBodyCellEditTextFieldProps,
   };
 
-  const isSelectEdit = columnDef.editVariant === 'select';
-
-  const saveRow = (newValue: string) => {
-    if (editingRow) {
-      setEditingRow({
-        ...editingRow,
-        _valuesCache: { ...editingRow._valuesCache, [column.id]: newValue },
-      });
+  const saveInputValueToRowCache = (newValue: string) => {
+    //@ts-ignore
+    row._valuesCache[column.id] = newValue;
+    if (isCreating) {
+      setCreatingRow({ ...row });
+    } else if (isEditing) {
+      setEditingRow({ ...row });
     }
   };
 
@@ -68,19 +70,19 @@ export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
     textFieldProps.onChange?.(event);
     setValue(event.target.value);
     if (textFieldProps?.select) {
-      saveRow(event.target.value);
+      saveInputValueToRowCache(event.target.value);
     }
   };
 
   const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
     textFieldProps.onBlur?.(event);
-    saveRow(value);
+    saveInputValueToRowCache(value);
     setEditingCell(null);
   };
 
   const handleEnterKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
     textFieldProps.onKeyDown?.(event);
-    if (event.key === 'Enter') {
+    if (event.key === 'Enter' && !event.shiftKey) {
       editInputRefs.current[column.id]?.blur();
     }
   };
@@ -105,10 +107,22 @@ export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
           }
         }
       }}
-      label={showLabel ? column.columnDef.header : undefined}
+      label={
+        ['modal', 'custom'].includes(
+          (isCreating ? createDisplayMode : editDisplayMode) as string,
+        )
+          ? column.columnDef.header
+          : undefined
+      }
       margin="none"
       name={column.id}
-      placeholder={columnDef.header}
+      placeholder={
+        !['modal', 'custom'].includes(
+          (isCreating ? createDisplayMode : editDisplayMode) as string,
+        )
+          ? columnDef.header
+          : undefined
+      }
       select={isSelectEdit}
       value={value}
       variant="standard"

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -4,34 +4,37 @@ import Tooltip from '@mui/material/Tooltip';
 import { type CheckboxProps } from '@mui/material/Checkbox';
 import { type MRT_Column, type MRT_TableInstance } from '../types';
 
-interface Props {
-  column: MRT_Column;
-  table: MRT_TableInstance;
+interface Props<TData extends Record<string, any>> {
+  column: MRT_Column<TData>;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_FilterCheckbox = ({ column, table }: Props) => {
+export const MRT_FilterCheckbox = <TData extends Record<string, any>>({
+  column,
+  table,
+}: Props<TData>) => {
   const {
     getState,
-    options: { localization, muiTableHeadCellFilterCheckboxProps },
+    options: { localization, muiFilterCheckboxProps },
   } = table;
   const { density } = getState();
   const { columnDef } = column;
 
   const mTableHeadCellFilterCheckboxProps =
-    muiTableHeadCellFilterCheckboxProps instanceof Function
-      ? muiTableHeadCellFilterCheckboxProps({
+    muiFilterCheckboxProps instanceof Function
+      ? muiFilterCheckboxProps({
           column,
           table,
         })
-      : muiTableHeadCellFilterCheckboxProps;
+      : muiFilterCheckboxProps;
 
   const mcTableHeadCellFilterCheckboxProps =
-    columnDef.muiTableHeadCellFilterCheckboxProps instanceof Function
-      ? columnDef.muiTableHeadCellFilterCheckboxProps({
+    columnDef.muiFilterCheckboxProps instanceof Function
+      ? columnDef.muiFilterCheckboxProps({
           column,
           table,
         })
-      : columnDef.muiTableHeadCellFilterCheckboxProps;
+      : columnDef.muiFilterCheckboxProps;
 
   const checkboxProps = {
     ...mTableHeadCellFilterCheckboxProps,

package/src/inputs/MRT_FilterRangeFields.tsx

@@ -2,12 +2,15 @@ import Box from '@mui/material/Box';
 import { MRT_FilterTextField } from './MRT_FilterTextField';
 import { type MRT_Header, type MRT_TableInstance } from '../types';
 
-interface Props {
-  header: MRT_Header;
-  table: MRT_TableInstance;
+interface Props<TData extends Record<string, any>> {
+  header: MRT_Header<TData>;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_FilterRangeFields = ({ header, table }: Props) => {
+export const MRT_FilterRangeFields = <TData extends Record<string, any>>({
+  header,
+  table,
+}: Props<TData>) => {
   return (
     <Box sx={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem' }}>
       <MRT_FilterTextField header={header} rangeFilterIndex={0} table={table} />

package/src/inputs/MRT_FilterRangeSlider.tsx

@@ -4,18 +4,17 @@ import FormHelperText from '@mui/material/FormHelperText';
 import { type MRT_TableInstance, type MRT_Header } from '../types';
 import { useEffect, useRef, useState } from 'react';
 
-interface Props {
-  header: MRT_Header;
-  table: MRT_TableInstance;
+interface Props<TData extends Record<string, any>> {
+  header: MRT_Header<TData>;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_FilterRangeSlider = ({ header, table }: Props) => {
+export const MRT_FilterRangeSlider = <TData extends Record<string, any>>({
+  header,
+  table,
+}: Props<TData>) => {
   const {
-    options: {
-      localization,
-      muiTableHeadCellFilterSliderProps,
-      enableColumnFilterModes,
-    },
+    options: { localization, muiFilterSliderProps, enableColumnFilterModes },
     refs: { filterInputRefs },
   } = table;
   const { column } = header;
@@ -26,25 +25,25 @@ export const MRT_FilterRangeSlider = ({ header, table }: Props) => {
   const showChangeModeButton =
     enableColumnFilterModes && columnDef.enableColumnFilterModes !== false;
 
-  const mTableHeadCellFilterTextFieldProps =
-    muiTableHeadCellFilterSliderProps instanceof Function
-      ? muiTableHeadCellFilterSliderProps({
+  const mFilterSliderProps =
+    muiFilterSliderProps instanceof Function
+      ? muiFilterSliderProps({
           column,
           table,
         })
-      : muiTableHeadCellFilterSliderProps;
+      : muiFilterSliderProps;
 
-  const mcTableHeadCellFilterTextFieldProps =
-    columnDef.muiTableHeadCellFilterSliderProps instanceof Function
-      ? columnDef.muiTableHeadCellFilterSliderProps({
+  const mcFilterSliderProps =
+    columnDef.muiFilterSliderProps instanceof Function
+      ? columnDef.muiFilterSliderProps({
           column,
           table,
         })
-      : columnDef.muiTableHeadCellFilterSliderProps;
+      : columnDef.muiFilterSliderProps;
 
   const sliderProps = {
-    ...mTableHeadCellFilterTextFieldProps,
-    ...mcTableHeadCellFilterTextFieldProps,
+    ...mFilterSliderProps,
+    ...mcFilterSliderProps,
   } as SliderProps;
 
   let [min, max] =

package/src/inputs/MRT_FilterTextField.tsx

@@ -20,17 +20,17 @@ import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import { type TextFieldProps } from '@mui/material/TextField';
 import { type MRT_Header, type MRT_TableInstance } from '../types';
 
-interface Props {
-  header: MRT_Header;
+interface Props<TData extends Record<string, any>> {
+  header: MRT_Header<TData>;
   rangeFilterIndex?: number;
-  table: MRT_TableInstance;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_FilterTextField = ({
+export const MRT_FilterTextField = <TData extends Record<string, any>>({
   header,
   rangeFilterIndex,
   table,
-}: Props) => {
+}: Props<TData>) => {
   const {
     options: {
       enableColumnFilterModes,
@@ -38,7 +38,7 @@ export const MRT_FilterTextField = ({
       icons: { FilterListIcon, CloseIcon },
       localization,
       manualFiltering,
-      muiTableHeadCellFilterTextFieldProps,
+      muiFilterTextFieldProps,
     },
     refs: { filterInputRefs },
     setColumnFilterFns,
@@ -47,22 +47,22 @@ export const MRT_FilterTextField = ({
   const { columnDef } = column;
 
   const mTableHeadCellFilterTextFieldProps =
-    muiTableHeadCellFilterTextFieldProps instanceof Function
-      ? muiTableHeadCellFilterTextFieldProps({
+    muiFilterTextFieldProps instanceof Function
+      ? muiFilterTextFieldProps({
           column,
           table,
           rangeFilterIndex,
         })
-      : muiTableHeadCellFilterTextFieldProps;
+      : muiFilterTextFieldProps;
 
   const mcTableHeadCellFilterTextFieldProps =
-    columnDef.muiTableHeadCellFilterTextFieldProps instanceof Function
-      ? columnDef.muiTableHeadCellFilterTextFieldProps({
+    columnDef.muiFilterTextFieldProps instanceof Function
+      ? columnDef.muiFilterTextFieldProps({
           column,
           table,
           rangeFilterIndex,
         })
-      : columnDef.muiTableHeadCellFilterTextFieldProps;
+      : columnDef.muiFilterTextFieldProps;
 
   const textFieldProps = {
     ...mTableHeadCellFilterTextFieldProps,
@@ -109,9 +109,9 @@ export const MRT_FilterTextField = ({
     () =>
       columnDef.filterSelectOptions ??
       ((isSelectFilter || isMultiSelectFilter) && facetedUniqueValues
-        ? Array.from(facetedUniqueValues.keys()).sort((a, b) =>
-            a.localeCompare(b),
-          )
+        ? Array.from(facetedUniqueValues.keys())
+            .filter((value) => value !== null && value !== undefined)
+            .sort((a, b) => a.localeCompare(b))
         : undefined),
     [
       columnDef.filterSelectOptions,

package/src/inputs/MRT_GlobalFilterTextField.tsx

@@ -15,13 +15,11 @@ import { debounce } from '@mui/material/utils';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import { type MRT_TableInstance } from '../types';
 
-interface Props<TData extends Record<string, any> = {}> {
+interface Props<TData extends Record<string, any>> {
   table: MRT_TableInstance<TData>;
 }
 
-export const MRT_GlobalFilterTextField = <
-  TData extends Record<string, any> = {},
->({
+export const MRT_GlobalFilterTextField = <TData extends Record<string, any>>({
   table,
 }: Props<TData>) => {
   const {

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -5,13 +5,17 @@ import Radio from '@mui/material/Radio';
 import { type Theme } from '@mui/material/styles';
 import { type MRT_Row, type MRT_TableInstance } from '../types';
 
-interface Props {
-  row?: MRT_Row;
+interface Props<TData extends Record<string, any>> {
+  row?: MRT_Row<TData>;
   selectAll?: boolean;
-  table: MRT_TableInstance;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_SelectCheckbox = ({ row, selectAll, table }: Props) => {
+export const MRT_SelectCheckbox = <TData extends Record<string, any>>({
+  row,
+  selectAll,
+  table,
+}: Props<TData>) => {
   const {
     getState,
     options: {

package/src/inputs/index.ts

@@ -0,0 +1,7 @@
+export * from './MRT_EditCellTextField';
+export * from './MRT_FilterCheckbox';
+export * from './MRT_FilterRangeFields';
+export * from './MRT_FilterRangeSlider';
+export * from './MRT_FilterTextField';
+export * from './MRT_GlobalFilterTextField';
+export * from './MRT_SelectCheckbox';

package/src/locales/ar.ts

@@ -0,0 +1,94 @@
+import { type MRT_Localization } from '..';
+
+export const MRT_Localization_AR: MRT_Localization = {
+  actions: 'إجراءات',
+  and: 'و',
+  cancel: 'إلغاء',
+  changeFilterMode: 'تغيير وضع المرشح',
+  changeSearchMode: 'تغيير وضع البحث',
+  clearFilter: 'إعادة تعين المرشح',
+  clearSearch: 'إعادة تعيين البحث',
+  clearSort: 'إعادة تعيين الفرز',
+  clickToCopy: 'انقر للنسخ',
+  collapse: 'إخفاء',
+  collapseAll: 'إخفاء الكل',
+  columnActions: 'إجراءات العمود',
+  copiedToClipboard: 'نسخ إلى الحافظة',
+
+  dropToGroupBy: 'أفلت للمجموعة حسب {column}',
+  edit: 'تعديل',
+  expand: 'إظهار',
+  expandAll: 'إظهار الكل',
+  filterArrIncludes: 'يشمل',
+  filterArrIncludesAll: 'يشمل الجميع',
+  filterArrIncludesSome: 'يشمل',
+  filterBetween: 'بين',
+  filterBetweenInclusive: 'بين الشمول',
+  filterByColumn: 'مصنف بواسطة {column}',
+  filterContains: 'يتضمن',
+  filterEmpty: 'فارغ',
+  filterEndsWith: 'ينتهي بـ',
+  filterEquals: 'يساوي',
+  filterEqualsString: 'يساوي',
+  filterFuzzy: 'غامض',
+  filterGreaterThan: 'أكثر من',
+  filterGreaterThanOrEqualTo: 'أكبر من أو يساوي',
+  filterInNumberRange: 'بين',
+  filterIncludesString: 'يتضمن',
+  filterIncludesStringSensitive: 'يتضمن',
+  filterLessThan: 'أقل من',
+  filterLessThanOrEqualTo: 'أقل من أو يساوي',
+  filterMode: 'وضع التصفية: {filterType}',
+  filterNotEmpty: 'ليس فارغًا',
+  filterNotEquals: 'لا يساوي',
+  filterStartsWith: ' يبدا ب',
+  filterWeakEquals: 'يساوي',
+  filteringByColumn: 'التصفية حسب {column} - {filterType} {filterValue}',
+  goToFirstPage: 'الصفحة الأولى',
+  goToLastPage: 'الصفحة الأخيرة',
+  goToNextPage: 'الصفحة التالية',
+  goToPreviousPage: 'الصفحة السابقة',
+  grab: 'أمسك',
+  groupByColumn: 'مجموعة من {column}',
+  groupedBy: 'مجمعة حسب ',
+  hideAll: 'إخفاء الكل',
+  hideColumn: 'إخفاء {column} العمود',
+  max: 'الأعلى',
+  min: 'الأقل',
+  move: 'حرك',
+  noRecordsToDisplay: 'لا سجلات لعرضها',
+  noResultsFound: 'لم يتم العثور على نتائج',
+  of: 'ل',
+  or: 'أو',
+  pinToLeft: 'تثبيت جهة اليسار',
+  pinToRight: 'تثبيت على اليمين',
+  resetColumnSize: 'Reset column size',
+  resetOrder: 'إعادة تعيين',
+  rowActions: 'إجراءات الصف',
+  rowNumber: '#',
+  rowNumbers: 'أرقام الصفوف',
+  rowsPerPage: 'عدد الصفوف في الصفحة',
+  save: 'حفظ',
+  search: 'بحث',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} ل {rowCount} row(s) المحدد',
+  select: 'اخيار',
+  showAll: 'عرض الكل',
+  showAllColumns: 'إظهار كافة الأعمدة',
+  showHideColumns: 'إظهار / إخفاء الأعمدة',
+  showHideFilters: 'إظهار / إخفاء المرشحات',
+  showHideSearch: 'إظهار / إخفاء البحث',
+  sortByColumnAsc: 'فرز  {column} تصاعدي',
+  sortByColumnDesc: 'فرز {column} تنازلي',
+  sortedByColumnAsc: 'مرتبة حسب {column} تصاعدي',
+  sortedByColumnDesc: 'مرتبة حسب {column} تنازلي',
+  thenBy: ', ثم بواسطة ',
+  toggleDensity: 'تبديل الكثافة',
+  toggleFullScreen: 'ملء الشاشة',
+  toggleSelectAll: 'تبديل حدد الكل',
+  toggleSelectRow: 'تبديل تحديد الصف',
+  toggleVisibility: 'تبديل الرؤية',
+  ungroupByColumn: 'فك التجميع حسب {column}',
+  unpin: 'عدم التثبيت',
+  unpinAll: 'عدم تثبيت الكل',
+};