@redsift/table 12.5.6-muiv8-alpha.5 → 12.5.6

package/_internal/StatefulDataGrid2.js

@@ -6,14 +6,12 @@ import classNames from 'classnames';
 import { LicenseInfo } from '@mui/x-license';
 import { Icon, useTheme, RedsiftColorBlueN, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralWhite, ThemeProvider } from '@redsift/design-system';
 import { getGridNumericOperators as getGridNumericOperators$1, GridFilterInputValue, GridFilterInputSingleSelect, GridFilterInputMultipleValue, GridFilterInputMultipleSingleSelect, getGridStringOperators as getGridStringOperators$1, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators, GridLogicOperator, useGridApiRef, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector, DataGridPremium } from '@mui/x-data-grid-premium';
-import { u as useControlledDatagridState, S as StyledDataGrid } from './useControlledDatagridState.js';
+import { u as useControlledDatagridState, S as StyledDataGrid, B as BottomPagination, b as baseGridSlots, a as BelowToolbar } from './useControlledDatagridState.js';
 import Box from '@mui/material/Box';
 import TextField from '@mui/material/TextField';
 import { mdiSync } from '@redsift/icons';
 import { decompressFromEncodedURIComponent, compressToEncodedURIComponent } from 'lz-string';
 import { n as normalizeRowSelectionModel, o as onServerSideSelectionStatusChange, g as getSelectionCount, i as isRowSelected, S as ServerSideControlledPagination, C as ControlledPagination } from './ServerSideControlledPagination.js';
-import { B as BaseButton, a as BaseCheckbox, c as BaseIconButton, b as BaseIcon } from './BaseIconButton.js';
-import { T as ToolbarWrapper } from './ToolbarWrapper2.js';
 import { T as Toolbar } from './Toolbar2.js';
 
 const SUBMIT_FILTER_STROKE_TIME = 500;
@@ -1536,8 +1534,9 @@ const isValueValid = (value, field, columns, operator) => {
   }
   const type = (_column$type = column['type']) !== null && _column$type !== void 0 ? _column$type : 'string';
 
-  // Only date and rating fail with 500s, other set themselves as undefined
-  if (type !== 'date' && type !== 'rating') {
+  // Only date, dateTime and rating need value validation; other types either
+  // accept any string or reset themselves to undefined.
+  if (type !== 'date' && type !== 'dateTime' && type !== 'rating') {
     return true;
   }
 
@@ -1546,16 +1545,18 @@ const isValueValid = (value, field, columns, operator) => {
     return !isNaN(Number(value));
   }
 
-  // format: YYYY-MM-DD
-  // just verifying that the 3 values are numbers to avoid 500s,
-  // If the value is invalid the form will appear as undefined
+  // format: YYYY-MM-DD — strict, so corrupt/locale/ISO strings (e.g. a
+  // stringified Date, or an ISO value with a `T` suffix) are rejected rather
+  // than reaching a server consumer. Canonical values come from
+  // `normalizeDateValue`.
   if (type === 'date') {
-    const dateSplitted = value.split('-');
-    if (dateSplitted.length !== 3) {
-      return false;
-    }
-    const [YYYY, MM, DD] = dateSplitted;
-    return !isNaN(parseInt(YYYY)) && !isNaN(parseInt(MM)) && !isNaN(parseInt(DD));
+    return /^\d{4}-\d{2}-\d{2}$/.test(value);
+  }
+
+  // format: YYYY-MM-DDTHH:mm:ss — local wall-clock, matching the datetime-local
+  // input (see `normalizeDateValue`).
+  if (type === 'dateTime') {
+    return /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(value);
   }
   return false;
 };
@@ -1656,6 +1657,48 @@ const getFilterModelFromString = (searchString, columns) => {
     quickFilterValues
   };
 };
+
+/**
+ * Normalises a `date` / `dateTime` filter value to a canonical, URL-safe string
+ * before it is serialised into the URL.
+ *
+ * MUI's `GridFilterInputDate` commits filter values as JS `Date` objects. The
+ * generic `encodeValue` would stringify those via `String(value)`, producing a
+ * locale string (e.g. `"Thu Jun 25 2026 02:00:00 GMT+0200 (…)"`) that cannot
+ * survive the URL round-trip and is rejected by `isValueValid`, silently erasing
+ * the filter value (DS-90). We instead mirror MUI's own
+ * `convertFilterItemValueToInputValue` so the canonical string matches what the
+ * date input renders and round-trips losslessly:
+ *   - `date`     → `YYYY-MM-DD`          (UTC, timezone-stable)
+ *   - `dateTime` → `YYYY-MM-DDTHH:mm:ss` (local wall-clock, matching the
+ *                                         datetime-local input)
+ * Non-date types, empty values, arrays of dates (e.g. `isBetween`) and
+ * unparseable values are handled so the existing string / number / list / rating
+ * paths are untouched and invalid values still fall through to `isValueValid`.
+ */
+const normalizeDateValue = (value, type) => {
+  if (type !== 'date' && type !== 'dateTime') {
+    return value;
+  }
+  if (value === undefined || value === null || value === '') {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map(entry => normalizeDateValue(entry, type));
+  }
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) {
+    return value;
+  }
+  if (type === 'date') {
+    return date.toISOString().substring(0, 10);
+  }
+  // dateTime: mirror MUI's datetime-local conversion (subtract the timezone
+  // offset so the serialised wall-clock time matches the rendered input value).
+  const local = new Date(date.getTime());
+  local.setMinutes(local.getMinutes() - local.getTimezoneOffset());
+  return local.toISOString().substring(0, 19);
+};
 const getSearchParamsFromFilterModel = filterModel => {
   var _filterModel$quickFil;
   const searchParams = new URLSearchParams();
@@ -1667,10 +1710,11 @@ const getSearchParamsFromFilterModel = filterModel => {
       value,
       type
     } = item;
+    const normalizedValue = normalizeDateValue(value, type);
     if (Object.keys(numberOperatorEncoder).includes(operator)) {
-      searchParams.set(`_${field}[${numberOperatorEncoder[operator]},${encodeValue(type)}]`, encodeValue(value));
+      searchParams.set(`_${field}[${numberOperatorEncoder[operator]},${encodeValue(type)}]`, encodeValue(normalizedValue));
     } else {
-      searchParams.set(`_${field}[${encodeValue(operator)},${encodeValue(type)}]`, encodeValue(value));
+      searchParams.set(`_${field}[${encodeValue(operator)},${encodeValue(type)}]`, encodeValue(normalizedValue));
     }
   });
   if ((_filterModel$quickFil = filterModel.quickFilterValues) !== null && _filterModel$quickFil !== void 0 && _filterModel$quickFil.length) {
@@ -3403,6 +3447,7 @@ const CLASSNAME = 'redsift-datagrid';
  */
 
 const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
+  var _ref7;
   const datagridRef = ref || useRef();
   const {
       apiRef: propsApiRef,
@@ -3759,6 +3804,48 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   }), [theme]);
+
+  // Per-render data for the stable `BelowToolbar`/`BottomPagination` slots, injected via
+  // `slotProps` so the slot identities stay constant and their subtrees are re-rendered, not
+  // remounted (remounting the toolbar dropped quick-search focus on every keystroke). Typed as
+  // ToolbarWrapper props so mistakes are caught here; cast to MUI's slot types at the injection
+  // sites below. See ../DataGrid/defaultSlots.
+  const belowToolbarSlotProps = {
+    RenderedToolbar: (_ref7 = slots === null || slots === void 0 ? void 0 : slots.toolbar) !== null && _ref7 !== void 0 ? _ref7 : Toolbar,
+    hideToolbar,
+    filterModel,
+    onFilterModelChange,
+    pagination,
+    paginationMode: effectivePaginationMode,
+    displaySelection: bannerBelowToolbar,
+    displayPagination: pagerBelowToolbar,
+    displayRowsPerPage: pagerBelowToolbar,
+    selectionStatus,
+    apiRef,
+    isRowSelectable,
+    paginationModel: activePaginationModel,
+    onPaginationModelChange: isDataSourceMode ? dataSourcePaginationChange : onPaginationModelChange,
+    pageSizeOptions: pageSizeOptions,
+    paginationProps,
+    rowCount
+  };
+  const bottomPaginationSlotProps = {
+    pagination,
+    paginationMode: effectivePaginationMode,
+    displaySelection: bannerAtBottom,
+    displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
+    displayPagination: ['bottom', 'both'].includes(paginationPlacement),
+    selectionStatus,
+    paginationModel: activePaginationModel,
+    // Bottom pager routes non-dataSource changes through the wrapped handler (the
+    // belowToolbar/top pagers use the unwrapped one) — preserved from the previous inline slot.
+    onPaginationModelChange: isDataSourceMode ? dataSourcePaginationChange : wrappedOnPaginationModelChange,
+    apiRef,
+    isRowSelectable,
+    pageSizeOptions: pageSizeOptions,
+    paginationProps,
+    rowCount
+  };
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
     value: {
       theme
@@ -3879,100 +3966,16 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     checkboxSelectionVisibleOnly: checkboxSelectionVisibleOnly,
     disableRowSelectionExcludeModel: true,
     showToolbar: !hideToolbar || belowToolbarActive,
-    slots: _objectSpread2(_objectSpread2(_objectSpread2({
-      baseButton: BaseButton,
-      baseCheckbox: BaseCheckbox,
-      baseIconButton: BaseIconButton,
-      columnFilteredIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "columnFilteredIcon"
-      })),
-      columnSelectorIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "columnSelectorIcon"
-      })),
-      columnSortedAscendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "columnSortedAscendingIcon"
-      })),
-      columnSortedDescendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "columnSortedDescendingIcon"
-      })),
-      densityCompactIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "densityCompactIcon"
-      })),
-      densityStandardIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "densityStandardIcon"
-      })),
-      densityComfortableIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "densityComfortableIcon"
-      })),
-      detailPanelCollapseIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "detailPanelCollapseIcon"
-      })),
-      detailPanelExpandIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "detailPanelExpandIcon"
-      })),
-      exportIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "exportIcon"
-      })),
-      openFilterButtonIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
-        displayName: "openFilterButtonIcon"
-      }))
-    }, slots), belowToolbarActive ? {
-      toolbar: toolbarProps => {
-        var _ref7;
-        return /*#__PURE__*/React__default.createElement(ToolbarWrapper, _extends({}, toolbarProps, {
-          RenderedToolbar: (_ref7 = slots === null || slots === void 0 ? void 0 : slots.toolbar) !== null && _ref7 !== void 0 ? _ref7 : Toolbar,
-          hideToolbar: hideToolbar,
-          filterModel: filterModel,
-          onFilterModelChange: onFilterModelChange,
-          pagination: pagination,
-          paginationMode: effectivePaginationMode,
-          displaySelection: bannerBelowToolbar,
-          displayPagination: pagerBelowToolbar,
-          displayRowsPerPage: pagerBelowToolbar,
-          selectionStatus: selectionStatus,
-          apiRef: apiRef,
-          isRowSelectable: isRowSelectable,
-          paginationModel: activePaginationModel,
-          onPaginationModelChange: isDataSourceMode ? dataSourcePaginationChange : onPaginationModelChange,
-          pageSizeOptions: pageSizeOptions,
-          paginationProps: paginationProps,
-          rowCount: rowCount
-        }));
-      }
+    slots: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, baseGridSlots), slots), belowToolbarActive ? {
+      toolbar: BelowToolbar
     } : {}), {}, {
-      pagination: props => {
-        return pagination ? effectivePaginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, _extends({}, props, {
-          displaySelection: bannerAtBottom,
-          displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
-          displayPagination: ['bottom', 'both'].includes(paginationPlacement),
-          selectionStatus: selectionStatus,
-          paginationModel: activePaginationModel
-          // In dataSource mode route through apiRef so MUI's internal pagination
-          // state stays in sync with the displayed model and dataSource.getRows()
-          // re-fetches with the new params. MUI then fires onPaginationModelChange
-          // via the prop, which updates URL/localStorage via useStatefulTable.
-          // Without this the bottom slot only updated local React state + URL,
-          // leaving MUI on its previous internal page (no refetch, stale display).
-          ,
-          onPaginationModelChange: isDataSourceMode ? dataSourcePaginationChange : wrappedOnPaginationModelChange,
-          pageSizeOptions: pageSizeOptions,
-          paginationProps: paginationProps,
-          rowCount: rowCount
-        })) : /*#__PURE__*/React__default.createElement(ControlledPagination, _extends({}, props, {
-          displaySelection: bannerAtBottom,
-          displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
-          displayPagination: ['bottom', 'both'].includes(paginationPlacement),
-          selectionStatus: selectionStatus,
-          apiRef: apiRef,
-          isRowSelectable: isRowSelectable,
-          paginationModel: activePaginationModel,
-          onPaginationModelChange: wrappedOnPaginationModelChange,
-          pageSizeOptions: pageSizeOptions,
-          paginationProps: paginationProps
-        })) : null;
-      }
+      pagination: BottomPagination
+    }),
+    slotProps: _objectSpread2(_objectSpread2(_objectSpread2({}, slotProps), belowToolbarActive ? {
+      toolbar: _objectSpread2(_objectSpread2({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.toolbar), belowToolbarSlotProps)
+    } : {}), {}, {
+      pagination: _objectSpread2(_objectSpread2({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.pagination), bottomPaginationSlotProps)
     }),
-    slotProps: _objectSpread2({}, slotProps),
     rowSelectionModel: rowSelectionModel,
     onRowSelectionModelChange: (newSelectionModel, details) => {
       if (pagination && effectivePaginationMode != 'server') {
@@ -4060,5 +4063,5 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
 StatefulDataGrid.className = CLASSNAME;
 StatefulDataGrid.displayName = COMPONENT_NAME;
 
-export { buildStorageKey as $, ARRAY_IS_EMPTY as A, IS as B, CONTAINS_ANY_OF as C, DOES_NOT_CONTAIN as D, ENDS_WITH_ANY_OF as E, IS_NOT as F, getGridStringOperators as G, HAS_WITH_SELECT as H, IS_ANY_OF as I, getGridStringArrayOperators as J, getGridStringArrayOperatorsWithSelect as K, getGridStringArrayOperatorsWithSelectOnStringArrayColumns as L, FILTER_MODEL_KEY as M, SORT_MODEL_KEY as N, PINNED_COLUMNS as O, PAGINATION_MODEL_KEY as P, DIMENSION_MODEL_KEY as Q, FILTER_SEARCH_KEY as R, STARTS_WITH_ANY_OF as S, DENSITY_MODEL_KEY as T, COLUMN_ORDER_MODEL_KEY as U, VISIBILITY_MODEL_KEY as V, ROW_GROUPING_MODEL_KEY as W, AGGREGATION_MODEL_KEY as X, PIVOT_MODEL_KEY as Y, PIVOT_ACTIVE_KEY as Z, CATEGORIES as _, DOES_NOT_EQUAL as a, clearPreviousVersionStorage as a0, clearAllVersionStorage as a1, resetStatefulDataGridState as a2, resetColumnVisibility as a3, convertToDisplayFormat as a4, convertFromDisplayFormat as a5, getDecodedSearchFromUrl as a6, buildQueryParamsString as a7, areSearchStringsEqual as a8, decodeValue as a9, fromGridPivotModel as aA, getPivotFromString as aB, getSearchParamsFromPivot as aC, getPivotActiveFromString as aD, getSearchParamsFromPivotActive as aE, getSearchParamsFromVersion as aF, getFinalSearch as aG, getModelsParsedOrUpdateLocalStorage as aH, updateUrl as aI, areFilterModelsEquivalent as aJ, StatefulDataGrid as aK, encodeValue as aa, urlSearchParamsToString as ab, numberOperatorEncoder as ac, numberOperatorDecoder as ad, isOperatorValueValid as ae, isValueValid as af, getFilterModelFromString as ag, getSearchParamsFromFilterModel as ah, getSortingFromString as ai, getSearchParamsFromSorting as aj, getPaginationFromString as ak, getSearchParamsFromPagination as al, getColumnVisibilityFromString as am, getSearchParamsFromColumnVisibility as an, getPinnedColumnsFromString as ao, getSearchParamsFromPinnedColumns as ap, getSearchParamsFromTab as aq, getDensityFromString as ar, getSearchParamsFromDensity as as, getDensityModel as at, getColumnOrderFromString as au, getSearchParamsFromColumnOrder as av, getRowGroupingFromString as aw, getSearchParamsFromRowGrouping as ax, getAggregationFromString as ay, getSearchParamsFromAggregation as az, DOES_NOT_START_WITH as b, DOES_NOT_END_WITH as c, IS_NOT_ANY_OF as d, DOES_NOT_CONTAIN_ANY_OF as e, DOES_NOT_START_WITH_ANY_OF as f, DOES_NOT_END_WITH_ANY_OF as g, IS_BETWEEN as h, IS_WITH_SELECT as i, IS_NOT_WITH_SELECT as j, IS_ANY_OF_WITH_SELECT as k, IS_NOT_ANY_OF_WITH_SELECT as l, ARRAY_IS_NOT_EMPTY as m, DOES_NOT_HAVE_WITH_SELECT as n, operatorList as o, HAS_ANY_OF_WITH_SELECT as p, HAS_ALL_OF_WITH_SELECT as q, DOES_NOT_HAVE_ANY_OF_WITH_SELECT as r, HAS_ONLY_WITH_SELECT as s, HAS as t, DOES_NOT_HAVE as u, HAS_ANY_OF as v, HAS_ALL_OF as w, DOES_NOT_HAVE_ANY_OF as x, HAS_ONLY as y, getGridNumericOperators as z };
+export { buildStorageKey as $, ARRAY_IS_EMPTY as A, IS as B, CONTAINS_ANY_OF as C, DOES_NOT_CONTAIN as D, ENDS_WITH_ANY_OF as E, IS_NOT as F, getGridStringOperators as G, HAS_WITH_SELECT as H, IS_ANY_OF as I, getGridStringArrayOperators as J, getGridStringArrayOperatorsWithSelect as K, getGridStringArrayOperatorsWithSelectOnStringArrayColumns as L, FILTER_MODEL_KEY as M, SORT_MODEL_KEY as N, PINNED_COLUMNS as O, PAGINATION_MODEL_KEY as P, DIMENSION_MODEL_KEY as Q, FILTER_SEARCH_KEY as R, STARTS_WITH_ANY_OF as S, DENSITY_MODEL_KEY as T, COLUMN_ORDER_MODEL_KEY as U, VISIBILITY_MODEL_KEY as V, ROW_GROUPING_MODEL_KEY as W, AGGREGATION_MODEL_KEY as X, PIVOT_MODEL_KEY as Y, PIVOT_ACTIVE_KEY as Z, CATEGORIES as _, DOES_NOT_EQUAL as a, clearPreviousVersionStorage as a0, clearAllVersionStorage as a1, resetStatefulDataGridState as a2, resetColumnVisibility as a3, convertToDisplayFormat as a4, convertFromDisplayFormat as a5, getDecodedSearchFromUrl as a6, buildQueryParamsString as a7, areSearchStringsEqual as a8, decodeValue as a9, getSearchParamsFromAggregation as aA, fromGridPivotModel as aB, getPivotFromString as aC, getSearchParamsFromPivot as aD, getPivotActiveFromString as aE, getSearchParamsFromPivotActive as aF, getSearchParamsFromVersion as aG, getFinalSearch as aH, getModelsParsedOrUpdateLocalStorage as aI, updateUrl as aJ, areFilterModelsEquivalent as aK, StatefulDataGrid as aL, encodeValue as aa, urlSearchParamsToString as ab, numberOperatorEncoder as ac, numberOperatorDecoder as ad, isOperatorValueValid as ae, isValueValid as af, getFilterModelFromString as ag, normalizeDateValue as ah, getSearchParamsFromFilterModel as ai, getSortingFromString as aj, getSearchParamsFromSorting as ak, getPaginationFromString as al, getSearchParamsFromPagination as am, getColumnVisibilityFromString as an, getSearchParamsFromColumnVisibility as ao, getPinnedColumnsFromString as ap, getSearchParamsFromPinnedColumns as aq, getSearchParamsFromTab as ar, getDensityFromString as as, getSearchParamsFromDensity as at, getDensityModel as au, getColumnOrderFromString as av, getSearchParamsFromColumnOrder as aw, getRowGroupingFromString as ax, getSearchParamsFromRowGrouping as ay, getAggregationFromString as az, DOES_NOT_START_WITH as b, DOES_NOT_END_WITH as c, IS_NOT_ANY_OF as d, DOES_NOT_CONTAIN_ANY_OF as e, DOES_NOT_START_WITH_ANY_OF as f, DOES_NOT_END_WITH_ANY_OF as g, IS_BETWEEN as h, IS_WITH_SELECT as i, IS_NOT_WITH_SELECT as j, IS_ANY_OF_WITH_SELECT as k, IS_NOT_ANY_OF_WITH_SELECT as l, ARRAY_IS_NOT_EMPTY as m, DOES_NOT_HAVE_WITH_SELECT as n, operatorList as o, HAS_ANY_OF_WITH_SELECT as p, HAS_ALL_OF_WITH_SELECT as q, DOES_NOT_HAVE_ANY_OF_WITH_SELECT as r, HAS_ONLY_WITH_SELECT as s, HAS as t, DOES_NOT_HAVE as u, HAS_ANY_OF as v, HAS_ALL_OF as w, DOES_NOT_HAVE_ANY_OF as x, HAS_ONLY as y, getGridNumericOperators as z };
 //# sourceMappingURL=StatefulDataGrid2.js.map