@redsift/table 12.5.12-muiv6 → 12.5.12

package/_internal/Toolbar2.js

@@ -1,6 +1,6 @@
-import { b as _extends } from './_rollupPluginBabelHelpers.js';
+import { b as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import { GridToolbarContainer, GridToolbarFilterButton, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarExport, gridExpandedSortedRowIdsSelector, GridToolbarQuickFilter } from '@mui/x-data-grid-pro';
+import { GridToolbarContainer, GridToolbarFilterButton, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarExport, gridExpandedSortedRowIdsSelector, GridToolbarQuickFilter } from '@mui/x-data-grid-premium';
 import styled from 'styled-components';
 import { Flexbox } from '@redsift/design-system';
 import { G as GridToolbarFilterSemanticField } from './GridToolbarFilterSemanticField2.js';
@@ -26,6 +26,7 @@ const GridToolbarWrapper = styled.div`
 /** ------ */
 
 const Toolbar = props => {
+  var _filterButtonProps$sl, _filterButtonProps$sl2, _filterButtonProps$sl3, _columnsButtonProps$s, _columnsButtonProps$s2, _columnsButtonProps$s3, _densityButtonProps$s, _densityButtonProps$s2, _densityButtonProps$s3, _exportButtonProps$sl, _exportButtonProps$sl2, _exportButtonProps$sl3;
   const {
     hasExportButton = true,
     exportButtonProps,
@@ -50,13 +51,25 @@ const Toolbar = props => {
     gap: "0"
   }, hasFilterButton ? /*#__PURE__*/React__default.createElement(GridToolbarFilterButton, _extends({}, filterButtonProps, {
     ref: filterButtonRef,
-    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+    slotProps: _objectSpread2(_objectSpread2({}, filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.slotProps), {}, {
+      button: _objectSpread2(_objectSpread2({}, filterButtonProps === null || filterButtonProps === void 0 ? void 0 : (_filterButtonProps$sl = filterButtonProps.slotProps) === null || _filterButtonProps$sl === void 0 ? void 0 : _filterButtonProps$sl.button), {}, {
+        className: filterButtonProps !== null && filterButtonProps !== void 0 && (_filterButtonProps$sl2 = filterButtonProps.slotProps) !== null && _filterButtonProps$sl2 !== void 0 && (_filterButtonProps$sl3 = _filterButtonProps$sl2.button) !== null && _filterButtonProps$sl3 !== void 0 && _filterButtonProps$sl3.className ? `${filterButtonProps.slotProps.button.className} redsift-condensed` : 'redsift-condensed'
+      })
+    })
   })) : null, hasColumnsButton ? /*#__PURE__*/React__default.createElement(GridToolbarColumnsButton, _extends({}, columnsButtonProps, {
     ref: columnsButtonRef,
-    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+    slotProps: _objectSpread2(_objectSpread2({}, columnsButtonProps === null || columnsButtonProps === void 0 ? void 0 : columnsButtonProps.slotProps), {}, {
+      button: _objectSpread2(_objectSpread2({}, columnsButtonProps === null || columnsButtonProps === void 0 ? void 0 : (_columnsButtonProps$s = columnsButtonProps.slotProps) === null || _columnsButtonProps$s === void 0 ? void 0 : _columnsButtonProps$s.button), {}, {
+        className: columnsButtonProps !== null && columnsButtonProps !== void 0 && (_columnsButtonProps$s2 = columnsButtonProps.slotProps) !== null && _columnsButtonProps$s2 !== void 0 && (_columnsButtonProps$s3 = _columnsButtonProps$s2.button) !== null && _columnsButtonProps$s3 !== void 0 && _columnsButtonProps$s3.className ? `${columnsButtonProps.slotProps.button.className} redsift-condensed` : 'redsift-condensed'
+      })
+    })
   })) : null, hasDensityButton ? /*#__PURE__*/React__default.createElement(GridToolbarDensitySelector, _extends({}, densityButtonProps, {
     ref: densityButtonRef,
-    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+    slotProps: _objectSpread2(_objectSpread2({}, densityButtonProps === null || densityButtonProps === void 0 ? void 0 : densityButtonProps.slotProps), {}, {
+      button: _objectSpread2(_objectSpread2({}, densityButtonProps === null || densityButtonProps === void 0 ? void 0 : (_densityButtonProps$s = densityButtonProps.slotProps) === null || _densityButtonProps$s === void 0 ? void 0 : _densityButtonProps$s.button), {}, {
+        className: densityButtonProps !== null && densityButtonProps !== void 0 && (_densityButtonProps$s2 = densityButtonProps.slotProps) !== null && _densityButtonProps$s2 !== void 0 && (_densityButtonProps$s3 = _densityButtonProps$s2.button) !== null && _densityButtonProps$s3 !== void 0 && _densityButtonProps$s3.className ? `${densityButtonProps.slotProps.button.className} redsift-condensed` : 'redsift-condensed'
+      })
+    })
   })) : null, hasExportButton ? /*#__PURE__*/React__default.createElement(GridToolbarExport, _extends({
     csvOptions: {
       allColumns: true,
@@ -73,7 +86,11 @@ const Toolbar = props => {
     }
   }, exportButtonProps, {
     ref: exportButtonRef,
-    className: filterButtonProps !== null && filterButtonProps !== void 0 && filterButtonProps.className ? `${filterButtonProps === null || filterButtonProps === void 0 ? void 0 : filterButtonProps.className} redsift-condensed` : 'redsift-condensed'
+    slotProps: _objectSpread2(_objectSpread2({}, exportButtonProps === null || exportButtonProps === void 0 ? void 0 : exportButtonProps.slotProps), {}, {
+      button: _objectSpread2(_objectSpread2({}, exportButtonProps === null || exportButtonProps === void 0 ? void 0 : (_exportButtonProps$sl = exportButtonProps.slotProps) === null || _exportButtonProps$sl === void 0 ? void 0 : _exportButtonProps$sl.button), {}, {
+        className: exportButtonProps !== null && exportButtonProps !== void 0 && (_exportButtonProps$sl2 = exportButtonProps.slotProps) !== null && _exportButtonProps$sl2 !== void 0 && (_exportButtonProps$sl3 = _exportButtonProps$sl2.button) !== null && _exportButtonProps$sl3 !== void 0 && _exportButtonProps$sl3.className ? `${exportButtonProps.slotProps.button.className} redsift-condensed` : 'redsift-condensed'
+      })
+    })
   })) : null, /*#__PURE__*/React__default.createElement(Flexbox, {
     marginLeft: "8px"
   }, showQuickFilter ? /*#__PURE__*/React__default.createElement(GridToolbarQuickFilter, null) : null)), /*#__PURE__*/React__default.createElement(Flexbox, {

package/_internal/Toolbar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar2.js","sources":["../../src/components/Toolbar/styles.ts","../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import styled from 'styled-components';\n\n/**\n * Component style.\n */\nexport const GridToolbarWrapper = styled.div`\n  .MuiButtonBase-root-JobBs.MuiButton-root {\n    svg {\n      path {\n        fill: var(--redsift-color-primary-n);\n      }\n    }\n  }\n`;\n","import React from 'react';\n\nimport {\n  GridToolbarContainer,\n  GridToolbarColumnsButton,\n  GridToolbarDensitySelector,\n  GridToolbarFilterButton,\n  GridToolbarExport,\n  gridExpandedSortedRowIdsSelector,\n  GridCsvGetRowsToExportParams,\n  GridToolbarQuickFilter,\n} from '@mui/x-data-grid-pro';\n\nimport { GridToolbarWrapper } from './styles';\nimport { ToolbarProps } from './types';\nimport { Flexbox } from '@redsift/design-system';\nimport { GridToolbarFilterSemanticField } from '../GridToolbarFilterSemanticField';\n\n/**\n * Temporary workaround for a type mismatch between react 17 and 18\n * https://github.com/mui/material-ui/issues/35287#issuecomment-1337250566\n */\ndeclare global {\n  namespace React {\n    interface DOMAttributes<T> {\n      onResize?: React.ReactEventHandler<T> | undefined;\n      onResizeCapture?: React.ReactEventHandler<T> | undefined;\n      nonce?: string | undefined;\n    }\n  }\n}\n/** ------ */\n\nexport const Toolbar: React.FC<ToolbarProps> = (props) => {\n  const {\n    hasExportButton = true,\n    exportButtonProps,\n    exportButtonRef,\n    hasFilterButton = true,\n    filterButtonProps,\n    filterButtonRef,\n    hasColumnsButton = true,\n    columnsButtonProps,\n    columnsButtonRef,\n    hasDensityButton = true,\n    densityButtonProps,\n    densityButtonRef,\n    onFilterModelChange,\n    semanticFilterProps = undefined,\n    showQuickFilter,\n  } = props;\n\n  if (semanticFilterProps && onFilterModelChange) {\n    semanticFilterProps.onFilterModelChange = onFilterModelChange;\n  }\n\n  return (\n    <GridToolbarWrapper>\n      <GridToolbarContainer>\n        <Flexbox gap=\"0\">\n          {hasFilterButton ? (\n            <GridToolbarFilterButton\n              {...filterButtonProps}\n              ref={filterButtonRef}\n              className={\n                filterButtonProps?.className ? `${filterButtonProps?.className} redsift-condensed` : 'redsift-condensed'\n              }\n            />\n          ) : null}\n          {hasColumnsButton ? (\n            <GridToolbarColumnsButton\n              {...columnsButtonProps}\n              ref={columnsButtonRef}\n              className={\n                filterButtonProps?.className ? `${filterButtonProps?.className} redsift-condensed` : 'redsift-condensed'\n              }\n            />\n          ) : null}\n          {hasDensityButton ? (\n            <GridToolbarDensitySelector\n              {...densityButtonProps}\n              ref={densityButtonRef}\n              className={\n                filterButtonProps?.className ? `${filterButtonProps?.className} redsift-condensed` : 'redsift-condensed'\n              }\n            />\n          ) : null}\n          {hasExportButton ? (\n            <GridToolbarExport\n              csvOptions={{\n                allColumns: true,\n                fileName: 'csv',\n                getRowsToExport: ({ apiRef }: GridCsvGetRowsToExportParams) => gridExpandedSortedRowIdsSelector(apiRef),\n              }}\n              printOptions={{\n                disableToolbarButton: true,\n              }}\n              {...exportButtonProps}\n              ref={exportButtonRef}\n              className={\n                filterButtonProps?.className ? `${filterButtonProps?.className} redsift-condensed` : 'redsift-condensed'\n              }\n            />\n          ) : null}\n          <Flexbox marginLeft=\"8px\">{showQuickFilter ? <GridToolbarQuickFilter /> : null}</Flexbox>\n        </Flexbox>\n        <Flexbox flexGrow={3}>\n          {semanticFilterProps ? <GridToolbarFilterSemanticField {...semanticFilterProps} /> : null}\n        </Flexbox>\n      </GridToolbarContainer>\n    </GridToolbarWrapper>\n  );\n};\n"],"names":["GridToolbarWrapper","styled","div","Toolbar","props","hasExportButton","exportButtonProps","exportButtonRef","hasFilterButton","filterButtonProps","filterButtonRef","hasColumnsButton","columnsButtonProps","columnsButtonRef","hasDensityButton","densityButtonProps","densityButtonRef","onFilterModelChange","semanticFilterProps","undefined","showQuickFilter","React","createElement","GridToolbarContainer","Flexbox","gap","GridToolbarFilterButton","_extends","ref","className","GridToolbarColumnsButton","GridToolbarDensitySelector","GridToolbarExport","csvOptions","allColumns","fileName","getRowsToExport","_ref","apiRef","gridExpandedSortedRowIdsSelector","printOptions","disableToolbarButton","marginLeft","GridToolbarQuickFilter","flexGrow","GridToolbarFilterSemanticField"],"mappings":"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"}
+{"version":3,"file":"Toolbar2.js","sources":["../../src/components/Toolbar/styles.ts","../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import styled from 'styled-components';\n\n/**\n * Component style.\n */\nexport const GridToolbarWrapper = styled.div`\n  .MuiButtonBase-root-JobBs.MuiButton-root {\n    svg {\n      path {\n        fill: var(--redsift-color-primary-n);\n      }\n    }\n  }\n`;\n","import React from 'react';\n\nimport {\n  GridToolbarContainer,\n  GridToolbarColumnsButton,\n  GridToolbarDensitySelector,\n  GridToolbarFilterButton,\n  GridToolbarExport,\n  gridExpandedSortedRowIdsSelector,\n  GridCsvGetRowsToExportParams,\n  GridToolbarQuickFilter,\n} from '@mui/x-data-grid-premium';\n\nimport { GridToolbarWrapper } from './styles';\nimport { ToolbarProps } from './types';\nimport { Flexbox } from '@redsift/design-system';\nimport { GridToolbarFilterSemanticField } from '../GridToolbarFilterSemanticField';\n\n/**\n * Temporary workaround for a type mismatch between react 17 and 18\n * https://github.com/mui/material-ui/issues/35287#issuecomment-1337250566\n */\ndeclare global {\n  namespace React {\n    interface DOMAttributes<T> {\n      onResize?: React.ReactEventHandler<T> | undefined;\n      onResizeCapture?: React.ReactEventHandler<T> | undefined;\n      nonce?: string | undefined;\n    }\n  }\n}\n/** ------ */\n\nexport const Toolbar: React.FC<ToolbarProps> = (props) => {\n  const {\n    hasExportButton = true,\n    exportButtonProps,\n    exportButtonRef,\n    hasFilterButton = true,\n    filterButtonProps,\n    filterButtonRef,\n    hasColumnsButton = true,\n    columnsButtonProps,\n    columnsButtonRef,\n    hasDensityButton = true,\n    densityButtonProps,\n    densityButtonRef,\n    onFilterModelChange,\n    semanticFilterProps = undefined,\n    showQuickFilter,\n  } = props;\n\n  if (semanticFilterProps && onFilterModelChange) {\n    semanticFilterProps.onFilterModelChange = onFilterModelChange;\n  }\n\n  return (\n    <GridToolbarWrapper>\n      <GridToolbarContainer>\n        <Flexbox gap=\"0\">\n          {hasFilterButton ? (\n            <GridToolbarFilterButton\n              {...filterButtonProps}\n              ref={filterButtonRef}\n              slotProps={{\n                ...filterButtonProps?.slotProps,\n                button: {\n                  ...filterButtonProps?.slotProps?.button,\n                  className: filterButtonProps?.slotProps?.button?.className\n                    ? `${filterButtonProps.slotProps.button.className} redsift-condensed`\n                    : 'redsift-condensed',\n                },\n              }}\n            />\n          ) : null}\n          {hasColumnsButton ? (\n            <GridToolbarColumnsButton\n              {...columnsButtonProps}\n              ref={columnsButtonRef}\n              slotProps={{\n                ...columnsButtonProps?.slotProps,\n                button: {\n                  ...columnsButtonProps?.slotProps?.button,\n                  className: columnsButtonProps?.slotProps?.button?.className\n                    ? `${columnsButtonProps.slotProps.button.className} redsift-condensed`\n                    : 'redsift-condensed',\n                },\n              }}\n            />\n          ) : null}\n          {hasDensityButton ? (\n            <GridToolbarDensitySelector\n              {...densityButtonProps}\n              ref={densityButtonRef}\n              slotProps={{\n                ...densityButtonProps?.slotProps,\n                button: {\n                  ...densityButtonProps?.slotProps?.button,\n                  className: densityButtonProps?.slotProps?.button?.className\n                    ? `${densityButtonProps.slotProps.button.className} redsift-condensed`\n                    : 'redsift-condensed',\n                },\n              }}\n            />\n          ) : null}\n          {hasExportButton ? (\n            <GridToolbarExport\n              csvOptions={{\n                allColumns: true,\n                fileName: 'csv',\n                getRowsToExport: ({ apiRef }: GridCsvGetRowsToExportParams) => gridExpandedSortedRowIdsSelector(apiRef),\n              }}\n              printOptions={{\n                disableToolbarButton: true,\n              }}\n              {...exportButtonProps}\n              ref={exportButtonRef}\n              slotProps={{\n                ...exportButtonProps?.slotProps,\n                button: {\n                  ...exportButtonProps?.slotProps?.button,\n                  className: exportButtonProps?.slotProps?.button?.className\n                    ? `${exportButtonProps.slotProps.button.className} redsift-condensed`\n                    : 'redsift-condensed',\n                },\n              }}\n            />\n          ) : null}\n          <Flexbox marginLeft=\"8px\">{showQuickFilter ? <GridToolbarQuickFilter /> : null}</Flexbox>\n        </Flexbox>\n        <Flexbox flexGrow={3}>\n          {semanticFilterProps ? <GridToolbarFilterSemanticField {...semanticFilterProps} /> : null}\n        </Flexbox>\n      </GridToolbarContainer>\n    </GridToolbarWrapper>\n  );\n};\n"],"names":["GridToolbarWrapper","styled","div","Toolbar","props","_filterButtonProps$sl","_filterButtonProps$sl2","_filterButtonProps$sl3","_columnsButtonProps$s","_columnsButtonProps$s2","_columnsButtonProps$s3","_densityButtonProps$s","_densityButtonProps$s2","_densityButtonProps$s3","_exportButtonProps$sl","_exportButtonProps$sl2","_exportButtonProps$sl3","hasExportButton","exportButtonProps","exportButtonRef","hasFilterButton","filterButtonProps","filterButtonRef","hasColumnsButton","columnsButtonProps","columnsButtonRef","hasDensityButton","densityButtonProps","densityButtonRef","onFilterModelChange","semanticFilterProps","undefined","showQuickFilter","React","createElement","GridToolbarContainer","Flexbox","gap","GridToolbarFilterButton","_extends","ref","slotProps","_objectSpread","button","className","GridToolbarColumnsButton","GridToolbarDensitySelector","GridToolbarExport","csvOptions","allColumns","fileName","getRowsToExport","_ref","apiRef","gridExpandedSortedRowIdsSelector","printOptions","disableToolbarButton","marginLeft","GridToolbarQuickFilter","flexGrow","GridToolbarFilterSemanticField"],"mappings":"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"}

package/_internal/ToolbarWrapper2.js

@@ -1,7 +1,7 @@
 import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { Flexbox } from '@redsift/design-system';
-import { S as ServerSideControlledPagination, C as ControlledPagination } from './ControlledPagination.js';
+import { S as ServerSideControlledPagination, C as ControlledPagination } from './ServerSideControlledPagination.js';
 
 const _excluded = ["hideToolbar", "RenderedToolbar", "filterModel", "onFilterModelChange", "pagination", "displaySelection", "displayPagination", "displayRowsPerPage", "selectionStatus", "apiRef", "isRowSelectable", "paginationModel", "onPaginationModelChange", "pageSizeOptions", "paginationProps", "paginationMode", "rowCount"];
 /**

package/_internal/useControlledDatagridState.js

@@ -1,286 +1,9 @@
-import { P as PropTypes, E as exactProp, t as useEnhancedEffect, M as DefaultPropsProvider, b as _extends$1, i as _objectWithoutPropertiesLoose, T as THEME_ID, h as _extends$2 } from './Portal.js';
-import * as React from 'react';
-import React__default, { useState, useEffect } from 'react';
-import { j as jsxRuntimeExports } from './jsx-runtime.js';
-import { k as useTheme$1, e as useId, G as GlobalStyles, R as RtlProvider, S as ServerSideControlledPagination, C as ControlledPagination } from './ControlledPagination.js';
-import { ThemeContext as ThemeContext$2 } from '@emotion/react';
 import styled, { css } from 'styled-components';
-import { b as _extends$3 } from './_rollupPluginBabelHelpers.js';
-import { B as BaseButton, a as BaseCheckbox, c as BasePopper, b as BaseIcon } from './BasePopper.js';
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-/* eslint-disable */
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var ponyfillGlobal = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
-
-const ThemeContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext.displayName = 'ThemeContext';
-}
-var ThemeContext$1 = ThemeContext;
-
-function useTheme() {
-  const theme = React.useContext(ThemeContext$1);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme;
-}
-
-const hasSymbol = typeof Symbol === 'function' && Symbol.for;
-var nested = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
-
-function mergeOuterLocalTheme(outerTheme, localTheme) {
-  if (typeof localTheme === 'function') {
-    const mergedTheme = localTheme(outerTheme);
-    if (process.env.NODE_ENV !== 'production') {
-      if (!mergedTheme) {
-        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
-      }
-    }
-    return mergedTheme;
-  }
-  return _extends({}, outerTheme, localTheme);
-}
-
-/**
- * This component takes a `theme` prop.
- * It makes the `theme` available down the React tree thanks to React context.
- * This component should preferably be used at **the root of your component tree**.
- */
-function ThemeProvider$2(props) {
-  const {
-    children,
-    theme: localTheme
-  } = props;
-  const outerTheme = useTheme();
-  if (process.env.NODE_ENV !== 'production') {
-    if (outerTheme === null && typeof localTheme === 'function') {
-      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
-    }
-  }
-  const theme = React.useMemo(() => {
-    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
-    if (output != null) {
-      output[nested] = outerTheme !== null;
-    }
-    return output;
-  }, [localTheme, outerTheme]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$1.Provider, {
-    value: theme,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = exactProp(ThemeProvider$2.propTypes) : void 0;
-}
-
-function useLayerOrder(theme) {
-  const upperTheme = useTheme$1();
-  const id = useId() || '';
-  const {
-    modularCssLayers
-  } = theme;
-  let layerOrder = 'mui.global, mui.components, mui.theme, mui.custom, mui.sx';
-  if (!modularCssLayers || upperTheme !== null) {
-    // skip this hook if upper theme exists.
-    layerOrder = '';
-  } else if (typeof modularCssLayers === 'string') {
-    layerOrder = modularCssLayers.replace(/mui(?!\.)/g, layerOrder);
-  } else {
-    layerOrder = `@layer ${layerOrder};`;
-  }
-  useEnhancedEffect(() => {
-    const head = document.querySelector('head');
-    if (!head) {
-      return;
-    }
-    const firstChild = head.firstChild;
-    if (layerOrder) {
-      var _firstChild$hasAttrib;
-      // Only insert if first child doesn't have data-mui-layer-order attribute
-      if (firstChild && (_firstChild$hasAttrib = firstChild.hasAttribute) != null && _firstChild$hasAttrib.call(firstChild, 'data-mui-layer-order') && firstChild.getAttribute('data-mui-layer-order') === id) {
-        return;
-      }
-      const styleElement = document.createElement('style');
-      styleElement.setAttribute('data-mui-layer-order', id);
-      styleElement.textContent = layerOrder;
-      head.prepend(styleElement);
-    } else {
-      var _head$querySelector;
-      (_head$querySelector = head.querySelector(`style[data-mui-layer-order="${id}"]`)) == null || _head$querySelector.remove();
-    }
-  }, [layerOrder, id]);
-  if (!layerOrder) {
-    return null;
-  }
-  return /*#__PURE__*/jsxRuntimeExports.jsx(GlobalStyles, {
-    styles: layerOrder
-  });
-}
-
-const EMPTY_THEME = {};
-function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
-  return React.useMemo(() => {
-    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
-    if (typeof localTheme === 'function') {
-      const mergedTheme = localTheme(resolvedTheme);
-      const result = themeId ? _extends$1({}, upperTheme, {
-        [themeId]: mergedTheme
-      }) : mergedTheme;
-      // must return a function for the private theme to NOT merge with the upper theme.
-      // see the test case "use provided theme from a callback" in ThemeProvider.test.js
-      if (isPrivate) {
-        return () => result;
-      }
-      return result;
-    }
-    return themeId ? _extends$1({}, upperTheme, {
-      [themeId]: localTheme
-    }) : _extends$1({}, upperTheme, localTheme);
-  }, [themeId, upperTheme, localTheme, isPrivate]);
-}
-
-/**
- * This component makes the `theme` available down the React tree.
- * It should preferably be used at **the root of your component tree**.
- *
- * <ThemeProvider theme={theme}> // existing use case
- * <ThemeProvider theme={{ id: theme }}> // theme scoping
- */
-function ThemeProvider$1(props) {
-  const {
-    children,
-    theme: localTheme,
-    themeId
-  } = props;
-  const upperTheme = useTheme$1(EMPTY_THEME);
-  const upperPrivateTheme = useTheme() || EMPTY_THEME;
-  if (process.env.NODE_ENV !== 'production') {
-    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {
-      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
-    }
-  }
-  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
-  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
-  const rtlValue = engineTheme.direction === 'rtl';
-  const layerOrder = useLayerOrder(engineTheme);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$2, {
-    theme: privateTheme,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$2.Provider, {
-      value: engineTheme,
-      children: /*#__PURE__*/jsxRuntimeExports.jsx(RtlProvider, {
-        value: rtlValue,
-        children: /*#__PURE__*/jsxRuntimeExports.jsxs(DefaultPropsProvider, {
-          value: engineTheme == null ? void 0 : engineTheme.components,
-          children: [layerOrder, children]
-        })
-      })
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  /**
-   * The design system's unique id for getting the corresponded theme when there are multiple design systems.
-   */
-  themeId: PropTypes.string
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
-}
-
-const _excluded = ["theme"];
-function ThemeProvider(_ref) {
-  let {
-      theme: themeInput
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const scopedTheme = themeInput[THEME_ID];
-  let finalTheme = scopedTheme || themeInput;
-  if (typeof themeInput !== 'function') {
-    if (scopedTheme && !scopedTheme.vars) {
-      finalTheme = _extends$2({}, scopedTheme, {
-        vars: null
-      });
-    } else if (themeInput && !themeInput.vars) {
-      finalTheme = _extends$2({}, themeInput, {
-        vars: null
-      });
-    }
-  }
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$1, _extends$2({}, props, {
-    themeId: scopedTheme ? THEME_ID : undefined,
-    theme: finalTheme
-  }));
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-
-/**
- * @ignore - do not document.
- */
-
-// Store the license information in a global, so it can be shared
-// when module duplication occurs. The duplication of the modules can happen
-// if using multiple version of MUI X at the same time of the bundler
-// decide to duplicate to improve the size of the chunks.
-// eslint-disable-next-line no-underscore-dangle
-ponyfillGlobal.__MUI_LICENSE_INFO__ = ponyfillGlobal.__MUI_LICENSE_INFO__ || {
-  key: undefined
-};
-class LicenseInfo {
-  static getLicenseInfo() {
-    // eslint-disable-next-line no-underscore-dangle
-    return ponyfillGlobal.__MUI_LICENSE_INFO__;
-  }
-  static getLicenseKey() {
-    return LicenseInfo.getLicenseInfo().key;
-  }
-  static setLicenseKey(key) {
-    const licenseInfo = LicenseInfo.getLicenseInfo();
-    licenseInfo.key = key;
-  }
-}
+import { b as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect } from 'react';
+import { B as BaseButton, a as BaseCheckbox, c as BaseIconButton, b as BaseIcon } from './BaseIconButton.js';
+import { T as ToolbarWrapper } from './ToolbarWrapper2.js';
+import { S as ServerSideControlledPagination, C as ControlledPagination } from './ServerSideControlledPagination.js';
 
 /**
  * Component style.
@@ -356,15 +79,15 @@ const StyledDataGrid = styled.div`
  * Shared, referentially-stable default slots for `DataGrid` and `StatefulDataGrid`.
  *
  * MUI re-resolves a slot only when its COMPONENT identity changes, so a fresh inline function
- * built on every render remounts that slot's whole subtree. For pagination that remounted the
- * pager/banner each render; for the icons it remounted each icon. Defining these once at module
- * scope keeps the slot identities constant, so the grids RE-RENDER them (fresh data flows in via
- * `slotProps`) instead of remounting them. (The `toolbar` slot is already stabilised inline via a
- * module-level `ToolbarWrapper` + `slotProps.toolbar`.)
+ * built on every render remounts that slot's whole subtree. For the toolbar that meant the
+ * quick-search input was torn down and rebuilt on every keystroke (focus lost); for pagination
+ * it remounted the pager/banner each render. Defining these once at module scope keeps the slot
+ * identities constant, so the grids RE-RENDER them (fresh data flows in via `slotProps`) instead
+ * of remounting them.
  */
 
 const gridIcon = displayName => {
-  const Icon = props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends$3({}, props, {
+  const Icon = props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
     displayName: displayName
   }));
   Icon.displayName = `GridIcon(${displayName})`;
@@ -375,23 +98,30 @@ const gridIcon = displayName => {
 const baseGridSlots = {
   baseButton: BaseButton,
   baseCheckbox: BaseCheckbox,
-  basePopper: BasePopper,
-  columnFilteredIcon: gridIcon('ColumnFilteredIcon'),
-  columnSelectorIcon: gridIcon('ColumnSelectorIcon'),
-  columnSortedAscendingIcon: gridIcon('ColumnSortedAscendingIcon'),
-  columnSortedDescendingIcon: gridIcon('ColumnSortedDescendingIcon'),
-  densityCompactIcon: gridIcon('DensityCompactIcon'),
-  densityStandardIcon: gridIcon('DensityStandardIcon'),
-  densityComfortableIcon: gridIcon('DensityComfortableIcon'),
-  detailPanelCollapseIcon: gridIcon('DetailPanelCollapseIcon'),
-  detailPanelExpandIcon: gridIcon('DetailPanelExpandIcon'),
-  exportIcon: gridIcon('ExportIcon'),
-  openFilterButtonIcon: gridIcon('OpenFilterButtonIcon')
+  baseIconButton: BaseIconButton,
+  columnFilteredIcon: gridIcon('columnFilteredIcon'),
+  columnSelectorIcon: gridIcon('columnSelectorIcon'),
+  columnSortedAscendingIcon: gridIcon('columnSortedAscendingIcon'),
+  columnSortedDescendingIcon: gridIcon('columnSortedDescendingIcon'),
+  densityCompactIcon: gridIcon('densityCompactIcon'),
+  densityStandardIcon: gridIcon('densityStandardIcon'),
+  densityComfortableIcon: gridIcon('densityComfortableIcon'),
+  detailPanelCollapseIcon: gridIcon('detailPanelCollapseIcon'),
+  detailPanelExpandIcon: gridIcon('detailPanelExpandIcon'),
+  exportIcon: gridIcon('exportIcon'),
+  openFilterButtonIcon: gridIcon('openFilterButtonIcon')
 };
 
+/**
+ * Stable `toolbar` slot for the belowToolbar layout. Props (the resolved RenderedToolbar plus
+ * per-render pagination/banner data) arrive via `slotProps.toolbar`; this component only has to
+ * exist with a constant identity. Typed `any` so it is assignable to MUI's toolbar slot type.
+ */
+const BelowToolbar = props => /*#__PURE__*/React__default.createElement(ToolbarWrapper, props);
+
 /**
  * Stable bottom-`pagination` slot. Per-render data arrives via `slotProps.pagination`. The body
- * mirrors the previous inline pagination slot so server/client behaviour is identical; it is
+ * mirrors `ToolbarWrapper`'s own pagination block so server/client behaviour is identical; it is
  * extracted here purely to give the slot a constant component identity.
  */
 const BottomPagination = props => {
@@ -451,15 +181,20 @@ const useControlledDatagridState = _ref => {
     propsPinnedColumns,
     propsSortModel
   } = _ref;
-  const [filterModel, setFilterModel] = useState(propsFilterModel);
+  // Internal state is a fallback for uncontrolled usage only.
+  const [internalFilterModel, setInternalFilterModel] = useState(propsFilterModel);
   useEffect(() => {
-    setFilterModel(propsFilterModel);
+    setInternalFilterModel(propsFilterModel);
   }, [propsFilterModel]);
+
+  // In controlled mode (propsFilterModel provided), use it directly to avoid
+  // a one-frame delay from the useState + useEffect buffer.
+  const filterModel = propsFilterModel !== null && propsFilterModel !== void 0 ? propsFilterModel : internalFilterModel;
   const onFilterModelChange = (model, details) => {
     if (propsOnFilterModelChange) {
       propsOnFilterModelChange(model, details);
     } else {
-      setFilterModel(model);
+      setInternalFilterModel(model);
     }
   };
   const [columnVisibilityModel, setColumnVisibilityModel] = useState(propsColumnVisibilityModel);
@@ -477,11 +212,11 @@ const useControlledDatagridState = _ref => {
   useEffect(() => {
     setPinnedColumns(propsPinnedColumns);
   }, [propsPinnedColumns]);
-  const onPinnedColumnsChange = (model, details) => {
+  const onPinnedColumnsChange = (pinnedColumns, details) => {
     if (propsOnPinnedColumnsChange) {
-      propsOnPinnedColumnsChange(model, details);
+      propsOnPinnedColumnsChange(pinnedColumns, details);
     } else {
-      setPinnedColumns(model);
+      setPinnedColumns(pinnedColumns);
     }
   };
   const [sortModel, setSortModel] = useState(propsSortModel);
@@ -525,5 +260,5 @@ const useControlledDatagridState = _ref => {
   };
 };
 
-export { BottomPagination as B, LicenseInfo as L, StyledDataGrid as S, ThemeProvider as T, baseGridSlots as b, useControlledDatagridState as u };
+export { BottomPagination as B, StyledDataGrid as S, BelowToolbar as a, baseGridSlots as b, useControlledDatagridState as u };
 //# sourceMappingURL=useControlledDatagridState.js.map