material-react-table-narender 1.0.0 → 2.13.4

package/src/hooks/useMRT_TableOptions.ts

@@ -0,0 +1,268 @@
+import { useMemo } from 'react';
+import {
+  getCoreRowModel,
+  getExpandedRowModel,
+  getFacetedMinMaxValues,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getGroupedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+} from '@tanstack/react-table';
+import { useTheme } from '@mui/material/styles';
+import { MRT_AggregationFns } from '../fns/aggregationFns';
+import { MRT_FilterFns } from '../fns/filterFns';
+import { MRT_SortingFns } from '../fns/sortingFns';
+import { MRT_Default_Icons } from '../icons';
+import { MRT_Localization_EN } from '../locales/en';
+import {
+  type MRT_DefinedTableOptions,
+  type MRT_RowData,
+  type MRT_TableOptions,
+} from '../types';
+import { getMRTTheme } from '../utils/style.utils';
+
+export const MRT_DefaultColumn = {
+  filterVariant: 'text',
+  maxSize: 1000,
+  minSize: 40,
+  size: 180,
+} as const;
+
+export const MRT_DefaultDisplayColumn = {
+  columnDefType: 'display',
+  enableClickToCopy: false,
+  enableColumnActions: false,
+  enableColumnDragging: false,
+  enableColumnFilter: false,
+  enableColumnOrdering: false,
+  enableEditing: false,
+  enableGlobalFilter: false,
+  enableGrouping: false,
+  enableHiding: false,
+  enableResizing: false,
+  enableSorting: false,
+} as const;
+
+export const useMRT_TableOptions: <TData extends MRT_RowData>(
+  tableOptions: MRT_TableOptions<TData>,
+) => MRT_DefinedTableOptions<TData> = <TData extends MRT_RowData>({
+  aggregationFns,
+  autoResetExpanded = false,
+  columnFilterDisplayMode = 'subheader',
+  columnResizeDirection,
+  columnResizeMode = 'onChange',
+  createDisplayMode = 'modal',
+  defaultColumn,
+  defaultDisplayColumn,
+  editDisplayMode = 'modal',
+  enableBatchRowSelection = true,
+  enableBottomToolbar = true,
+  enableColumnActions = true,
+  enableColumnFilters = true,
+  enableColumnOrdering = false,
+  enableColumnPinning = false,
+  enableColumnResizing = false,
+  enableColumnVirtualization,
+  enableDensityToggle = true,
+  enableExpandAll = true,
+  enableExpanding,
+  enableFacetedValues = false,
+  enableFilterMatchHighlighting = true,
+  enableFilters = true,
+  enableFullScreenToggle = true,
+  enableGlobalFilter = true,
+  enableGlobalFilterRankedResults = true,
+  enableGrouping = false,
+  enableHiding = true,
+  enableMultiRowSelection = true,
+  enableKeyboardShortcuts = true,
+  enableMultiSort = true,
+  enablePagination = true,
+  enableRowPinning = false,
+  enableRowSelection = false,
+  enableRowVirtualization,
+  enableSelectAll = true,
+  enableSorting = true,
+  enableStickyHeader = false,
+  enableTableFooter = true,
+  enableTableHead = true,
+  enableToolbarInternalActions = true,
+  enableTopToolbar = true,
+  filterFns,
+  icons,
+  layoutMode,
+  localization,
+  manualFiltering,
+  manualGrouping,
+  manualPagination,
+  manualSorting,
+  mrtTheme,
+  paginationDisplayMode = 'default',
+  positionActionsColumn = 'first',
+  positionCreatingRow = 'top',
+  positionExpandColumn = 'first',
+  positionGlobalFilter = 'right',
+  positionPagination = 'bottom',
+  positionToolbarAlertBanner = 'top',
+  positionToolbarDropZone = 'top',
+  rowNumberDisplayMode = 'static',
+  rowPinningDisplayMode = 'sticky',
+  selectAllMode = 'page',
+  sortingFns,
+  ...rest
+}: MRT_TableOptions<TData>) => {
+  const theme = useTheme();
+
+  icons = useMemo(() => ({ ...MRT_Default_Icons, ...icons }), [icons]);
+  localization = useMemo(
+    () => ({
+      ...MRT_Localization_EN,
+      ...localization,
+    }),
+    [localization],
+  );
+  mrtTheme = useMemo(() => getMRTTheme(mrtTheme, theme), [mrtTheme, theme]);
+  aggregationFns = useMemo(
+    () => ({ ...MRT_AggregationFns, ...aggregationFns }),
+    [],
+  );
+  filterFns = useMemo(() => ({ ...MRT_FilterFns, ...filterFns }), []);
+  sortingFns = useMemo(() => ({ ...MRT_SortingFns, ...sortingFns }), []);
+  defaultColumn = useMemo(
+    () => ({ ...MRT_DefaultColumn, ...defaultColumn }),
+    [defaultColumn],
+  );
+  defaultDisplayColumn = useMemo(
+    () => ({
+      ...MRT_DefaultDisplayColumn,
+      ...defaultDisplayColumn,
+    }),
+    [defaultDisplayColumn],
+  );
+  //cannot be changed after initialization
+  [enableColumnVirtualization, enableRowVirtualization] = useMemo(
+    () => [enableColumnVirtualization, enableRowVirtualization],
+    [],
+  );
+
+  if (!columnResizeDirection) {
+    columnResizeDirection = theme.direction || 'ltr';
+  }
+
+  layoutMode =
+    layoutMode || (enableColumnResizing ? 'grid-no-grow' : 'semantic');
+  if (
+    layoutMode === 'semantic' &&
+    (enableRowVirtualization || enableColumnVirtualization)
+  ) {
+    layoutMode = 'grid';
+  }
+
+  if (enableRowVirtualization) {
+    enableStickyHeader = true;
+  }
+
+  if (enablePagination === false && manualPagination === undefined) {
+    manualPagination = true;
+  }
+
+  if (!rest.data?.length) {
+    manualFiltering = true;
+    manualGrouping = true;
+    manualPagination = true;
+    manualSorting = true;
+  }
+
+  return {
+    aggregationFns,
+    autoResetExpanded,
+    columnFilterDisplayMode,
+    columnResizeDirection,
+    columnResizeMode,
+    createDisplayMode,
+    defaultColumn,
+    defaultDisplayColumn,
+    editDisplayMode,
+    enableBatchRowSelection,
+    enableBottomToolbar,
+    enableColumnActions,
+    enableColumnFilters,
+    enableColumnOrdering,
+    enableColumnPinning,
+    enableColumnResizing,
+    enableColumnVirtualization,
+    enableDensityToggle,
+    enableExpandAll,
+    enableExpanding,
+    enableFacetedValues,
+    enableFilterMatchHighlighting,
+    enableFilters,
+    enableFullScreenToggle,
+    enableGlobalFilter,
+    enableGlobalFilterRankedResults,
+    enableGrouping,
+    enableHiding,
+    enableMultiRowSelection,
+     enableKeyboardShortcuts,
+    enableMultiSort,
+    enablePagination,
+    enableRowPinning,
+    enableRowSelection,
+    enableRowVirtualization,
+    enableSelectAll,
+    enableSorting,
+    enableStickyHeader,
+    enableTableFooter,
+    enableTableHead,
+    enableToolbarInternalActions,
+    enableTopToolbar,
+    filterFns,
+    getCoreRowModel: getCoreRowModel(),
+    getExpandedRowModel:
+      enableExpanding || enableGrouping ? getExpandedRowModel() : undefined,
+    getFacetedMinMaxValues: enableFacetedValues
+      ? getFacetedMinMaxValues()
+      : undefined,
+    getFacetedRowModel: enableFacetedValues ? getFacetedRowModel() : undefined,
+    getFacetedUniqueValues: enableFacetedValues
+      ? getFacetedUniqueValues()
+      : undefined,
+    getFilteredRowModel:
+      (enableColumnFilters || enableGlobalFilter || enableFilters) &&
+      !manualFiltering
+        ? getFilteredRowModel()
+        : undefined,
+    getGroupedRowModel:
+      enableGrouping && !manualGrouping ? getGroupedRowModel() : undefined,
+    getPaginationRowModel:
+      enablePagination && !manualPagination
+        ? getPaginationRowModel()
+        : undefined,
+    getSortedRowModel:
+      enableSorting && !manualSorting ? getSortedRowModel() : undefined,
+    getSubRows: (row) => row?.subRows,
+    icons,
+    layoutMode,
+    localization,
+    manualFiltering,
+    manualGrouping,
+    manualPagination,
+    manualSorting,
+    mrtTheme,
+    paginationDisplayMode,
+    positionActionsColumn,
+    positionCreatingRow,
+    positionExpandColumn,
+    positionGlobalFilter,
+    positionPagination,
+    positionToolbarAlertBanner,
+    positionToolbarDropZone,
+    rowNumberDisplayMode,
+    rowPinningDisplayMode,
+    selectAllMode,
+    sortingFns,
+    ...rest,
+  } as MRT_DefinedTableOptions<TData>;
+};

package/src/locales/sv.ts

@@ -0,0 +1,96 @@
+import { type MRT_Localization } from '..';
+
+export const MRT_Localization_SV: MRT_Localization = {
+  actions: 'Åtgärder',
+  and: 'och',
+  cancel: 'Avbryt',
+  changeFilterMode: 'Ändra filterläge',
+  changeSearchMode: 'Ändra sökläge',
+  clearFilter: 'Rensa filter',
+  clearSearch: 'Rensa sök',
+  clearSelection: 'Rensa val',
+  clearSort: 'Rensa sortering',
+  clickToCopy: 'Klicka för att kopiera',
+  copy: 'Kopiera',
+  collapse: 'Stäng',
+  collapseAll: 'Stäng alla',
+  columnActions: 'Kolumnåtgärd',
+  copiedToClipboard: 'Kopierade till urklipp',
+  dropToGroupBy: 'Släpp för att grupp efter {column}',
+  edit: 'Redigera',
+  expand: 'Expandera',
+  expandAll: 'Expandera alla',
+  filterArrIncludes: 'Inkluderar',
+  filterArrIncludesAll: 'Inkluderar alla',
+  filterArrIncludesSome: 'Inkluderar',
+  filterBetween: 'Mellan',
+  filterBetweenInclusive: 'Mellan inklusive',
+  filterByColumn: 'Filtrera efter {column}',
+  filterContains: 'Innehåller',
+  filterEmpty: 'Tom',
+  filterEndsWith: 'Slutar med',
+  filterEquals: 'Lika med',
+  filterEqualsString: 'Lika med',
+  filterFuzzy: 'Fuzzy',
+  filterGreaterThan: 'Större än',
+  filterGreaterThanOrEqualTo: 'Större än eller lika med',
+  filterInNumberRange: 'Mellan',
+  filterIncludesString: 'Innehåller',
+  filterIncludesStringSensitive: 'Innehåller',
+  filterLessThan: 'Mindre än',
+  filterLessThanOrEqualTo: 'Mindre än eller lika med',
+  filterMode: 'Filterläge: {filterType}',
+  filterNotEmpty: 'Inte Tom',
+  filterNotEquals: 'Inte lika med',
+  filterStartsWith: 'Börjar med',
+  filterWeakEquals: 'Lika med',
+  filteringByColumn: 'Filtrering efter {column} - {filterType} {filterValue}',
+  goToFirstPage: 'Gå till första sidan',
+  goToLastPage: 'Gå till sista sidan',
+  goToNextPage: 'Gå till nästa sida',
+  goToPreviousPage: 'Gå till föregående sida',
+  grab: 'Greppa',
+  groupByColumn: 'Gruppera efter {column}',
+  groupedBy: 'Gruppera efter ',
+  hideAll: 'Göm alla',
+  hideColumn: 'Göm {column} kolumn',
+  max: 'Max',
+  min: 'Minst',
+  move: 'Flytta',
+  noRecordsToDisplay: 'Inget att visa',
+  noResultsFound: 'Inga resultat funna',
+  of: 'av',
+  or: 'eller',
+  pin: 'Fäst',
+  pinToLeft: 'Fäst till vänster',
+  pinToRight: 'Fäst till höger',
+  resetColumnSize: 'Återställ kolumnstorlek',
+  resetOrder: 'Återställ ordning',
+  rowActions: 'Radåtgärder',
+  rowNumber: '#',
+  rowNumbers: 'Radnummer',
+  rowsPerPage: 'Rader per sida',
+  save: 'Spara',
+  search: 'Sök',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} av {rowCount} rad(er) valda',
+  select: 'Välj',
+  showAll: 'Visa alla',
+  showAllColumns: 'Visa alla kolumner',
+  showHideColumns: 'Visa/Göm kolumner',
+  showHideFilters: 'Visa/Göm filter',
+  showHideSearch: 'Visa/Göm sök',
+  sortByColumnAsc: 'Sortera efter {column} stigande',
+  sortByColumnDesc: 'Sortera efter {column} nedåtgående',
+  sortedByColumnAsc: 'Sorterat efter {column} stigande',
+  sortedByColumnDesc: 'Sorterat efter {column} nedåtgående',
+  thenBy: ', sedan av ',
+  toggleDensity: 'Växla densitet',
+  toggleFullScreen: 'Växla helskärm',
+  toggleSelectAll: 'Växla välja alla',
+  toggleSelectRow: 'Växla välj rad',
+  toggleVisibility: 'Växla synlighet',
+  ungroupByColumn: 'Avgruppera efter {column}',
+  unpin: 'Avfäst',
+  unpinAll: 'Avfäst alla',
+};