@mui/x-data-grid 9.2.0 → 9.4.0

package/hooks/features/dataSource/useGridDataSourceBase.mjs

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["skipCache", "keepChildrenExpanded"];
+const _excluded = ["skipCache", "keepChildrenExpanded", "showChildrenLoading"];
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
 import useEventCallback from '@mui/utils/useEventCallback';
@@ -57,22 +57,26 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     if (!getRows) {
       return;
     }
-    if (parentId && parentId !== GRID_ROOT_GROUP_ID && props.signature !== 'DataGrid') {
-      options.fetchRowChildren?.([parentId]);
-      return;
-    }
-    options.clearDataSourceState?.();
     const _ref = params || {},
       {
         skipCache,
-        keepChildrenExpanded
+        keepChildrenExpanded,
+        showChildrenLoading
       } = _ref,
       getRowsParams = _objectWithoutPropertiesLoose(_ref, _excluded);
     const fetchParams = _extends({}, gridGetRowsParamsSelector(apiRef), apiRef.current.unstable_applyPipeProcessors('getRowsParams', {}), getRowsParams);
+    if (parentId && parentId !== GRID_ROOT_GROUP_ID && props.signature !== 'DataGrid') {
+      options.fetchRowChildren?.([parentId], [fetchParams], showChildrenLoading);
+      return;
+    }
+    options.clearDataSourceState?.();
     const cacheKeys = cacheChunkManager.getCacheKeys(fetchParams);
     const responses = cacheKeys.map(cacheKey => cache.get(cacheKey));
     if (!skipCache && responses.every(response => response !== undefined)) {
-      apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
+      // Bump the request id so any cache-miss request still in flight is treated as
+      // stale and won't override the cached data we're about to apply.
+      lastRequestId.current += 1;
+      apiRef.current.applyStrategyProcessor('dataSourceRootRowsUpdate', {
         response: CacheChunkManager.mergeResponses(responses),
         fetchParams,
         options: {
@@ -80,6 +84,9 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
           keepChildrenExpanded
         }
       });
+      if (standardRowsUpdateStrategyActive) {
+        apiRef.current.setLoading(false);
+      }
       return;
     }
 
@@ -94,7 +101,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
       const cacheResponses = cacheChunkManager.splitResponse(fetchParams, getRowsResponse);
       cacheResponses.forEach((response, key) => cache.set(key, response));
       if (lastRequestId.current === requestId) {
-        apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
+        apiRef.current.applyStrategyProcessor('dataSourceRootRowsUpdate', {
           response: getRowsResponse,
           fetchParams,
           options: {
@@ -105,7 +112,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
       }
     } catch (originalError) {
       if (lastRequestId.current === requestId) {
-        apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
+        apiRef.current.applyStrategyProcessor('dataSourceRootRowsUpdate', {
           error: originalError,
           fetchParams,
           options: {
@@ -152,9 +159,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
         return acc;
       }, []);
       if (expandedGroupIds.length > 0) {
-        fetchRowChildrenOption(expandedGroupIds, {
-          showChildrenLoading: false
-        });
+        fetchRowChildrenOption(expandedGroupIds, [], false);
       }
     };
     const fetchParams = _extends({}, gridGetRowsParamsSelector(apiRef), apiRef.current.unstable_applyPipeProcessors('getRowsParams', {}));
@@ -172,7 +177,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
       }
       const cacheResponses = cacheChunkManager.splitResponse(fetchParams, response);
       cacheResponses.forEach((cacheResponse, key) => cache.set(key, cacheResponse));
-      apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
+      apiRef.current.applyStrategyProcessor('dataSourceRootRowsUpdate', {
         response,
         fetchParams,
         options: {}
@@ -253,10 +258,17 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
   };
   const debouncedFetchRows = React.useMemo(() => debounce(fetchRows, 0), [fetchRows]);
   const handleFetchRowsOnParamsChange = React.useCallback(() => {
+    // Clear the rows first and immediately mark the grid as loading so the overlay
+    // selector never observes the intermediate `rows=[] && loading=false` state that
+    // would otherwise pick `noRowsOverlay`. Order matters: `setRows([])` rebuilds
+    // `state.rows` from `props.loading`, so the `setLoading(true)` call must come after
+    // it to survive the rebuild. This handler is only wired up when a standard strategy
+    // is active via the `runIf` guards on the returned `events` object.
     apiRef.current.setRows([]);
+    apiRef.current.setLoading(true);
     stopPolling();
     debouncedFetchRows();
-  }, [stopPolling, debouncedFetchRows, apiRef]);
+  }, [apiRef, stopPolling, debouncedFetchRows]);
   const isFirstRender = React.useRef(true);
   React.useEffect(() => {
     if (isFirstRender.current) {
@@ -283,7 +295,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
   React.useEffect(() => {
     // Return early if the proper strategy isn't set yet
     // Context: https://github.com/mui/mui-x/issues/19650
-    if (currentStrategy !== DataSourceRowsUpdateStrategy.Default && currentStrategy !== DataSourceRowsUpdateStrategy.LazyLoading && currentStrategy !== DataSourceRowsUpdateStrategy.GroupedData) {
+    if (currentStrategy !== DataSourceRowsUpdateStrategy.Default && currentStrategy !== DataSourceRowsUpdateStrategy.LazyLoading && currentStrategy !== DataSourceRowsUpdateStrategy.GroupedData && currentStrategy !== DataSourceRowsUpdateStrategy.LazyLoadedGroupedData) {
       return undefined;
     }
     if (props.dataSource) {
@@ -304,7 +316,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     debouncedFetchRows,
     strategyProcessor: {
       strategyName: DataSourceRowsUpdateStrategy.Default,
-      group: 'dataSourceRowsUpdate',
+      group: 'dataSourceRootRowsUpdate',
       processor: handleDataUpdate
     },
     setStrategyAvailability,

package/hooks/features/dataSource/utils.d.mts

@@ -3,6 +3,7 @@ export declare enum DataSourceRowsUpdateStrategy {
   Default = "set-flat-rows",
   LazyLoading = "replace-row-range",
   GroupedData = "set-grouped-rows",
+  LazyLoadedGroupedData = "replace-grouped-row-range",
 }
 /**
  * Provides better cache hit rate by:

package/hooks/features/dataSource/utils.d.ts

@@ -3,6 +3,7 @@ export declare enum DataSourceRowsUpdateStrategy {
   Default = "set-flat-rows",
   LazyLoading = "replace-row-range",
   GroupedData = "set-grouped-rows",
+  LazyLoadedGroupedData = "replace-grouped-row-range",
 }
 /**
  * Provides better cache hit rate by:

package/hooks/features/dataSource/utils.js

@@ -10,6 +10,7 @@ let DataSourceRowsUpdateStrategy = exports.DataSourceRowsUpdateStrategy = /*#__P
   DataSourceRowsUpdateStrategy["Default"] = "set-flat-rows";
   DataSourceRowsUpdateStrategy["LazyLoading"] = "replace-row-range";
   DataSourceRowsUpdateStrategy["GroupedData"] = "set-grouped-rows";
+  DataSourceRowsUpdateStrategy["LazyLoadedGroupedData"] = "replace-grouped-row-range";
   return DataSourceRowsUpdateStrategy;
 }({});
 /**

package/hooks/features/dataSource/utils.mjs

@@ -3,6 +3,7 @@ export let DataSourceRowsUpdateStrategy = /*#__PURE__*/function (DataSourceRowsU
   DataSourceRowsUpdateStrategy["Default"] = "set-flat-rows";
   DataSourceRowsUpdateStrategy["LazyLoading"] = "replace-row-range";
   DataSourceRowsUpdateStrategy["GroupedData"] = "set-grouped-rows";
+  DataSourceRowsUpdateStrategy["LazyLoadedGroupedData"] = "replace-grouped-row-range";
   return DataSourceRowsUpdateStrategy;
 }({});
 

package/hooks/features/virtualization/gridVirtualizationSelectors.d.mts

@@ -42,7 +42,7 @@ export declare const gridVirtualizationLayoutModeSelector: (args_0: import("reac
  */
 export declare const gridRenderContextSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
-} | null>) => import("@mui/x-virtualizer/models").RenderContext;
+} | null>) => import("@mui/x-virtualizer").RenderContext;
 /**
  * Get the render context, with only columns filled in.
  * This is cached, so it can be used to only re-render when the column interval changes.

package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts

@@ -42,7 +42,7 @@ export declare const gridVirtualizationLayoutModeSelector: (args_0: import("reac
  */
 export declare const gridRenderContextSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
-} | null>) => import("@mui/x-virtualizer/models").RenderContext;
+} | null>) => import("@mui/x-virtualizer").RenderContext;
 /**
  * Get the render context, with only columns filled in.
  * This is cached, so it can be used to only re-render when the column interval changes.

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.2.0
+ * @mui/x-data-grid v9.4.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.2.0
+ * @mui/x-data-grid v9.4.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/locales/svSE.js

@@ -11,8 +11,7 @@ const svSEGrid = {
   noResultsOverlayLabel: 'Inga resultat funna.',
   noColumnsOverlayLabel: 'Inga kolumner',
   noColumnsOverlayManageColumns: 'Hantera kolumner',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  emptyPivotOverlayLabel: 'Lägg till fält i rader, kolumner och värden för att skapa en pivottabell',
   // Density selector toolbar button text
   toolbarDensity: 'Densitet',
   toolbarDensityLabel: 'Densitet',
@@ -42,21 +41,17 @@ const svSEGrid = {
   toolbarExportPrint: 'Skriv ut',
   toolbarExportExcel: 'Ladda ner som Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Pivot',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Diagram',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'AI assistent',
   // Columns management text
   columnsManagementSearchTitle: 'Sök',
   columnsManagementNoColumns: 'Inga kolumner',
   columnsManagementShowHideAllText: 'Visa/Dölj alla',
   columnsManagementReset: 'Återställ',
-  // columnsManagementDeleteIconLabel: 'Clear',
-
+  columnsManagementDeleteIconLabel: 'Rensa',
   // Filter panel text
   filterPanelAddFilter: 'Lägg till filter',
   filterPanelRemoveAll: 'Ta bort alla',
@@ -112,15 +107,14 @@ const svSEGrid = {
   'headerFilterOperator>=': 'Större eller lika med',
   'headerFilterOperator<': 'Mindre än',
   'headerFilterOperator<=': 'Mindre eller lika med',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Rensa filter',
   // Filter values text
   filterValueAny: 'något',
   filterValueTrue: 'sant',
   filterValueFalse: 'falskt',
   // Column menu text
   columnMenuLabel: 'Meny',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `${columnName} kolumnmeny`,
   columnMenuShowColumns: 'Visa kolumner',
   columnMenuManageColumns: 'Hantera kolumner',
   columnMenuFilter: 'Filtrera',
@@ -128,9 +122,8 @@ const svSEGrid = {
   columnMenuUnsort: 'Ta bort sortering',
   columnMenuSortAsc: 'Sortera stigande',
   columnMenuSortDesc: 'Sortera fallande',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Hantera pivot',
+  columnMenuManageCharts: 'Hantera diagram',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktiva filter` : `${count} aktivt filter`,
   columnHeaderFiltersLabel: 'Visa filter',
@@ -173,19 +166,19 @@ const svSEGrid = {
   collapseDetailPanel: 'Kollapsa',
   // Pagination
   paginationRowsPerPage: 'Rader per sida:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   const unknownRowCount = count == null || count === -1;
-  //   if (!estimated) {
-  //     return `${formatNumber(from)}–${formatNumber(to)} of ${!unknownRowCount ? formatNumber(count) : `more than ${formatNumber(to)}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${formatNumber(estimated)}` : `more than ${formatNumber(to)}`;
-  //   return `${formatNumber(from)}–${formatNumber(to)} of ${!unknownRowCount ? formatNumber(count) : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    const unknownRowCount = count == null || count === -1;
+    if (!estimated) {
+      return `${from}–${to} av ${!unknownRowCount ? count : `fler än ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `ungefär ${estimated}` : `fler än ${to}`;
+    return `${from}–${to} av ${!unknownRowCount ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Gå till första sidan';
@@ -203,115 +196,109 @@ const svSEGrid = {
   rowReorderingHeaderName: 'Ordna om rader',
   // Aggregation
   aggregationMenuItemHeader: 'Aggregering',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'ingen',
   aggregationFunctionLabelSum: 'summa',
   aggregationFunctionLabelAvg: 'medel',
   aggregationFunctionLabelMin: 'min',
   aggregationFunctionLabelMax: 'max',
-  aggregationFunctionLabelSize: 'antal'
-
+  aggregationFunctionLabelSize: 'antal',
   // Pivot panel
-  // pivotToggleLabel: 'Pivot',
-  // pivotRows: 'Rows',
-  // pivotColumns: 'Columns',
-  // pivotValues: 'Values',
-  // pivotCloseButton: 'Close pivot settings',
-  // pivotSearchButton: 'Search fields',
-  // pivotSearchControlPlaceholder: 'Search fields',
-  // pivotSearchControlLabel: 'Search fields',
-  // pivotSearchControlClear: 'Clear search',
-  // pivotNoFields: 'No fields',
-  // pivotMenuMoveUp: 'Move up',
-  // pivotMenuMoveDown: 'Move down',
-  // pivotMenuMoveToTop: 'Move to top',
-  // pivotMenuMoveToBottom: 'Move to bottom',
-  // pivotMenuRows: 'Rows',
-  // pivotMenuColumns: 'Columns',
-  // pivotMenuValues: 'Values',
-  // pivotMenuOptions: 'Field options',
-  // pivotMenuAddToRows: 'Add to Rows',
-  // pivotMenuAddToColumns: 'Add to Columns',
-  // pivotMenuAddToValues: 'Add to Values',
-  // pivotMenuRemove: 'Remove',
-  // pivotDragToRows: 'Drag here to create rows',
-  // pivotDragToColumns: 'Drag here to create columns',
-  // pivotDragToValues: 'Drag here to create values',
-  // pivotYearColumnHeaderName: '(Year)',
-  // pivotQuarterColumnHeaderName: '(Quarter)',
-
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'Rader',
+  pivotColumns: 'Kolumner',
+  pivotValues: 'Värden',
+  pivotCloseButton: 'Stäng pivotinställningar',
+  pivotSearchButton: 'Sökfält',
+  pivotSearchControlPlaceholder: 'Sökfält',
+  pivotSearchControlLabel: 'Sökfält',
+  pivotSearchControlClear: 'Rensa sökfält',
+  pivotNoFields: 'Inga fält',
+  pivotMenuMoveUp: 'Flytta upp',
+  pivotMenuMoveDown: 'Flytta ned',
+  pivotMenuMoveToTop: 'Flytta till toppen',
+  pivotMenuMoveToBottom: 'Flytta till botten',
+  pivotMenuRows: 'Rader',
+  pivotMenuColumns: 'Kolumner',
+  pivotMenuValues: 'Värden',
+  pivotMenuOptions: 'Fältalternativ',
+  pivotMenuAddToRows: 'Lägg till i rader',
+  pivotMenuAddToColumns: 'Lägg till i kolumner',
+  pivotMenuAddToValues: 'Lägg till i värden',
+  pivotMenuRemove: 'Ta bort',
+  pivotDragToRows: 'Dra hit för att skapa rader',
+  pivotDragToColumns: 'Dra hit för att skapa kolumner',
+  pivotDragToValues: 'Dra hit för att skapa värden',
+  pivotYearColumnHeaderName: '(År)',
+  pivotQuarterColumnHeaderName: '(Kvartal)',
   // Charts configuration panel
-  // chartsNoCharts: 'There are no charts available',
-  // chartsChartNotSelected: 'Select a chart type to configure its options',
-  // chartsTabChart: 'Chart',
-  // chartsTabFields: 'Fields',
-  // chartsTabCustomize: 'Customize',
-  // chartsCloseButton: 'Close charts configuration',
-  // chartsSyncButtonLabel: 'Sync chart',
-  // chartsSearchPlaceholder: 'Search fields',
-  // chartsSearchLabel: 'Search fields',
-  // chartsSearchClear: 'Clear search',
-  // chartsNoFields: 'No fields',
-  // chartsFieldBlocked: 'This field cannot be added to any section',
-  // chartsCategories: 'Categories',
-  // chartsSeries: 'Series',
-  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
-  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
-  // chartsMenuMoveUp: 'Move up',
-  // chartsMenuMoveDown: 'Move down',
-  // chartsMenuMoveToTop: 'Move to top',
-  // chartsMenuMoveToBottom: 'Move to bottom',
-  // chartsMenuOptions: 'Field options',
-  // chartsMenuRemove: 'Remove',
-  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
-  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
-
+  chartsNoCharts: 'Det finns inga diagram tillgängliga',
+  chartsChartNotSelected: 'Välj en diagramtyp för att konfigurera alternativ',
+  chartsTabChart: 'Diagram',
+  chartsTabFields: 'Fält',
+  chartsTabCustomize: 'Anpassa',
+  chartsCloseButton: 'Stäng diagramkonfiguration',
+  chartsSyncButtonLabel: 'Synkronisera diagram',
+  chartsSearchPlaceholder: 'Sök fält',
+  chartsSearchLabel: 'Sök fält',
+  chartsSearchClear: 'Rensa sökning',
+  chartsNoFields: 'Inga fält',
+  chartsFieldBlocked: 'Det här fältet kan inte läggas till i någon sektion',
+  chartsCategories: 'Kategorier',
+  chartsSeries: 'Serie',
+  chartsMenuAddToDimensions: dimensionLabel => `Lägg till ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Lägg till ${valuesLabel}`,
+  chartsMenuMoveUp: 'Flytta upp',
+  chartsMenuMoveDown: 'Flytta ned',
+  chartsMenuMoveToTop: 'Flytta till toppen',
+  chartsMenuMoveToBottom: 'Flytta till botten',
+  chartsMenuOptions: 'Fältalternativ',
+  chartsMenuRemove: 'Ta bort',
+  chartsDragToDimensions: dimensionLabel => `Dra hit för att använda kolumnen som ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Dra hit för att använda kolumnen som ${valuesLabel}`,
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'AI assistent',
+  aiAssistantPanelClose: 'Stäng AI assistent',
+  aiAssistantPanelNewConversation: 'Ny konversation',
+  aiAssistantPanelConversationHistory: 'Konversationshistorik',
+  aiAssistantPanelEmptyConversation: 'Ingen prompthistorik',
+  aiAssistantSuggestions: 'Förslag',
   // Prompt field
-  // promptFieldLabel: 'Prompt',
-  // promptFieldPlaceholder: 'Type a prompt…',
-  // promptFieldPlaceholderWithRecording: 'Type or record a prompt…',
-  // promptFieldPlaceholderListening: 'Listening for prompt…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
-  // promptFieldSend: 'Send',
-  // promptFieldRecord: 'Record',
-  // promptFieldStopRecording: 'Stop recording',
-
+  promptFieldLabel: 'Prompt',
+  promptFieldPlaceholder: 'Skriv en prompt…',
+  promptFieldPlaceholderWithRecording: 'Skriv eller spela in en prompt…',
+  promptFieldPlaceholderListening: 'Lyssnar efter prompt…',
+  promptFieldSpeechRecognitionNotSupported: 'Taligenkänning stöds inte av webbläsaren',
+  promptFieldSend: 'Skicka',
+  promptFieldRecord: 'Spela in',
+  promptFieldStopRecording: 'Stoppa inspelning',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Kör igen',
+  promptProcessing: 'Bearbetar…',
+  promptAppliedChanges: 'Tillämpade ändringar',
   // Prompt changes
-  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
-  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
-  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `${column} is any of: ${value}`;
-  //   }
-  //   return `${column} ${operator} ${value}`;
-  // },
-  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `Filter where ${column} is any of: ${value}`;
-  //   }
-  //   return `Filter where ${column} ${operator} ${value}`;
-  // },
-  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
-  // promptChangePivotEnableLabel: 'Pivot',
-  // promptChangePivotEnableDescription: 'Enable pivot',
-  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
-  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
-  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
-  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
-  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
+  promptChangeGroupDescription: column => `Gruppera efter ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Aggregering ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} är någon av: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrera där ${column} är någon av: ${value}`;
+    }
+    return `Filtrera där ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Sortera på ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'Aktivera pivot',
+  promptChangePivotColumnsLabel: count => `Kolumner (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Rader (${count})`,
+  promptChangePivotValuesLabel: count => `Värden (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensioner (${dimensionsCount}), Värden (${valuesCount})`
 };
 const svSE = exports.svSE = (0, _getGridLocalization.getGridLocalization)(svSEGrid);