@redsift/table 12.4.0-muiv6 → 12.4.0

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":";;;;;;;AAEA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAGC,MAAM,CAACC,GAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;ACKD;AACA;AACA;AACA;;AAUA;;AAEaC,MAAAA,OAA+B,GAAIC,KAAK,IAAK;EACxD,MAAM;AACJC,IAAAA,eAAe,GAAG,IAAI;IACtBC,iBAAiB;IACjBC,eAAe;AACfC,IAAAA,eAAe,GAAG,IAAI;IACtBC,iBAAiB;IACjBC,eAAe;AACfC,IAAAA,gBAAgB,GAAG,IAAI;IACvBC,kBAAkB;IAClBC,gBAAgB;AAChBC,IAAAA,gBAAgB,GAAG,IAAI;IACvBC,kBAAkB;IAClBC,gBAAgB;IAChBC,mBAAmB;AACnBC,IAAAA,mBAAmB,GAAGC,SAAS;AAC/BC,IAAAA,eAAAA;AACF,GAAC,GAAGhB,KAAK,CAAA;EAET,IAAIc,mBAAmB,IAAID,mBAAmB,EAAE;IAC9CC,mBAAmB,CAACD,mBAAmB,GAAGA,mBAAmB,CAAA;AAC/D,GAAA;AAEA,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACtB,kBAAkB,qBACjBqB,cAAA,CAAAC,aAAA,CAACC,oBAAoB,EACnBF,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACC,IAAAA,GAAG,EAAC,GAAA;GACVjB,EAAAA,eAAe,gBACda,cAAA,CAAAC,aAAA,CAACI,uBAAuB,EAAAC,QAAA,CAAA,EAAA,EAClBlB,iBAAiB,EAAA;AACrBmB,IAAAA,GAAG,EAAElB,eAAgB;AACrBmB,IAAAA,SAAS,EACPpB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,KAAAA,CAAAA,IAAAA,iBAAiB,CAAEoB,SAAS,GAAI,CAAEpB,EAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEoB,SAAU,oBAAmB,GAAG,mBAAA;AACtF,GAAA,CACF,CAAC,GACA,IAAI,EACPlB,gBAAgB,gBACfU,cAAA,CAAAC,aAAA,CAACQ,wBAAwB,EAAAH,QAAA,KACnBf,kBAAkB,EAAA;AACtBgB,IAAAA,GAAG,EAAEf,gBAAiB;AACtBgB,IAAAA,SAAS,EACPpB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,KAAAA,CAAAA,IAAAA,iBAAiB,CAAEoB,SAAS,GAAI,CAAEpB,EAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEoB,SAAU,oBAAmB,GAAG,mBAAA;AACtF,GAAA,CACF,CAAC,GACA,IAAI,EACPf,gBAAgB,gBACfO,cAAA,CAAAC,aAAA,CAACS,0BAA0B,EAAAJ,QAAA,KACrBZ,kBAAkB,EAAA;AACtBa,IAAAA,GAAG,EAAEZ,gBAAiB;AACtBa,IAAAA,SAAS,EACPpB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,KAAAA,CAAAA,IAAAA,iBAAiB,CAAEoB,SAAS,GAAI,CAAEpB,EAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEoB,SAAU,oBAAmB,GAAG,mBAAA;AACtF,GAAA,CACF,CAAC,GACA,IAAI,EACPxB,eAAe,gBACdgB,cAAA,CAAAC,aAAA,CAACU,iBAAiB,EAAAL,QAAA,CAAA;AAChBM,IAAAA,UAAU,EAAE;AACVC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,QAAQ,EAAE,KAAK;AACfC,MAAAA,eAAe,EAAEC,IAAA,IAAA;QAAA,IAAC;AAAEC,UAAAA,MAAAA;AAAqC,SAAC,GAAAD,IAAA,CAAA;QAAA,OAAKE,gCAAgC,CAACD,MAAM,CAAC,CAAA;AAAA,OAAA;KACvG;AACFE,IAAAA,YAAY,EAAE;AACZC,MAAAA,oBAAoB,EAAE,IAAA;AACxB,KAAA;AAAE,GAAA,EACEnC,iBAAiB,EAAA;AACrBsB,IAAAA,GAAG,EAAErB,eAAgB;AACrBsB,IAAAA,SAAS,EACPpB,iBAAiB,KAAA,IAAA,IAAjBA,iBAAiB,KAAjBA,KAAAA,CAAAA,IAAAA,iBAAiB,CAAEoB,SAAS,GAAI,CAAEpB,EAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAEoB,SAAU,oBAAmB,GAAG,mBAAA;GAExF,CAAA,CAAC,GACA,IAAI,eACRR,cAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACkB,IAAAA,UAAU,EAAC,KAAA;AAAK,GAAA,EAAEtB,eAAe,gBAAGC,cAAA,CAAAC,aAAA,CAACqB,sBAAsB,EAAE,IAAA,CAAC,GAAG,IAAc,CACjF,CAAC,eACVtB,cAAA,CAAAC,aAAA,CAACE,OAAO,EAAA;AAACoB,IAAAA,QAAQ,EAAE,CAAA;AAAE,GAAA,EAClB1B,mBAAmB,gBAAGG,cAAA,CAAAC,aAAA,CAACuB,8BAA8B,EAAK3B,mBAAsB,CAAC,GAAG,IAC9E,CACW,CACJ,CAAC,CAAA;AAEzB;;;;"}
+{"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,6 +1,6 @@
 import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-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", "paginationPlacement", "selectionStatus", "apiRef", "isRowSelectable", "paginationModel", "onPaginationModelChange", "pageSizeOptions", "paginationProps", "paginationMode", "rowCount"];
 const ToolbarWrapper = _ref => {

package/_internal/useControlledDatagridState.js

@@ -1,208 +1,5 @@
-import { P as PropTypes, z as exactProp, x as useTheme$1, a as _extends, _ as _objectWithoutPropertiesLoose, T as THEME_ID } from './Portal.js';
-import * as React from 'react';
-import { useState, useEffect } from 'react';
-import { j as jsxRuntimeExports } from './jsx-runtime.js';
-import { ThemeContext as ThemeContext$2 } from '@emotion/react';
 import styled, { css } from 'styled-components';
-
-/* 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 {
-    ...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;
-}
-
-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({}, 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({}, upperTheme, {
-      [themeId]: localTheme
-    }) : _extends({}, 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);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$2, {
-    theme: privateTheme,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$2.Provider, {
-      value: engineTheme,
-      children: 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 "yarn 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];
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$1, _extends({}, props, {
-    themeId: scopedTheme ? THEME_ID : undefined,
-    theme: scopedTheme || themeInput
-  }));
-}
-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;
-
-// 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 { useState, useEffect } from 'react';
 
 /**
  * Component style.
@@ -290,15 +87,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);
@@ -316,11 +118,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);
@@ -364,5 +166,5 @@ const useControlledDatagridState = _ref => {
   };
 };
 
-export { LicenseInfo as L, StyledDataGrid as S, ThemeProvider as T, useControlledDatagridState as u };
+export { StyledDataGrid as S, useControlledDatagridState as u };
 //# sourceMappingURL=useControlledDatagridState.js.map

package/_internal/useControlledDatagridState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledDatagridState.js","sources":["../../../../node_modules/@mui/utils/esm/ponyfillGlobal.js","../../../../node_modules/@mui/private-theming/useTheme/ThemeContext.js","../../../../node_modules/@mui/private-theming/useTheme/useTheme.js","../../../../node_modules/@mui/private-theming/ThemeProvider/nested.js","../../../../node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js","../../../../node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js","../../../../node_modules/@mui/material/styles/ThemeProvider.js","../../../../node_modules/@mui/x-license-pro/utils/licenseInfo.js","../../src/components/DataGrid/styles.ts","../../src/hooks/useControlledDatagridState.tsx"],"sourcesContent":["/* eslint-disable */\n// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nexport default typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();","import * as React from 'react';\nconst ThemeContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'ThemeContext';\n}\nexport default ThemeContext;","import * as React from 'react';\nimport ThemeContext from './ThemeContext';\nexport default function useTheme() {\n  const theme = React.useContext(ThemeContext);\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme;\n}","const hasSymbol = typeof Symbol === 'function' && Symbol.for;\nexport default hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp } from '@mui/utils';\nimport ThemeContext from '../useTheme/ThemeContext';\nimport useTheme from '../useTheme';\nimport nested from './nested';\n\n// To support composition of theme.\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction mergeOuterLocalTheme(outerTheme, localTheme) {\n  if (typeof localTheme === 'function') {\n    const mergedTheme = localTheme(outerTheme);\n    if (process.env.NODE_ENV !== 'production') {\n      if (!mergedTheme) {\n        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\\n'));\n      }\n    }\n    return mergedTheme;\n  }\n  return {\n    ...outerTheme,\n    ...localTheme\n  };\n}\n\n/**\n * This component takes a `theme` prop.\n * It makes the `theme` available down the React tree thanks to React context.\n * This component should preferably be used at **the root of your component tree**.\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme\n  } = props;\n  const outerTheme = useTheme();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outerTheme === null && typeof localTheme === 'function') {\n      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'));\n    }\n  }\n  const theme = React.useMemo(() => {\n    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);\n    if (output != null) {\n      output[nested] = outerTheme !== null;\n    }\n    return output;\n  }, [localTheme, outerTheme]);\n  return /*#__PURE__*/_jsx(ThemeContext.Provider, {\n    value: theme,\n    children: children\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as MuiThemeProvider, useTheme as usePrivateTheme } from '@mui/private-theming';\nimport { exactProp } from '@mui/utils';\nimport { ThemeContext as StyledEngineThemeContext } from '@mui/styled-engine';\nimport useThemeWithoutDefault from '../useThemeWithoutDefault';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst EMPTY_THEME = {};\nfunction useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {\n  return React.useMemo(() => {\n    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;\n    if (typeof localTheme === 'function') {\n      const mergedTheme = localTheme(resolvedTheme);\n      const result = themeId ? _extends({}, upperTheme, {\n        [themeId]: mergedTheme\n      }) : mergedTheme;\n      // must return a function for the private theme to NOT merge with the upper theme.\n      // see the test case \"use provided theme from a callback\" in ThemeProvider.test.js\n      if (isPrivate) {\n        return () => result;\n      }\n      return result;\n    }\n    return themeId ? _extends({}, upperTheme, {\n      [themeId]: localTheme\n    }) : _extends({}, upperTheme, localTheme);\n  }, [themeId, upperTheme, localTheme, isPrivate]);\n}\n\n/**\n * This component makes the `theme` available down the React tree.\n * It should preferably be used at **the root of your component tree**.\n *\n * <ThemeProvider theme={theme}> // existing use case\n * <ThemeProvider theme={{ id: theme }}> // theme scoping\n */\nfunction ThemeProvider(props) {\n  const {\n    children,\n    theme: localTheme,\n    themeId\n  } = props;\n  const upperTheme = useThemeWithoutDefault(EMPTY_THEME);\n  const upperPrivateTheme = usePrivateTheme() || EMPTY_THEME;\n  if (process.env.NODE_ENV !== 'production') {\n    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {\n      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'));\n    }\n  }\n  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);\n  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);\n  return /*#__PURE__*/_jsx(MuiThemeProvider, {\n    theme: privateTheme,\n    children: /*#__PURE__*/_jsx(StyledEngineThemeContext.Provider, {\n      value: engineTheme,\n      children: children\n    })\n  });\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes /* remove-proptypes */ = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  /**\n   * The design system's unique id for getting the corresponded theme when there are multiple design systems.\n   */\n  themeId: PropTypes.string\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  process.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;\n}\nexport default ThemeProvider;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"theme\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { ThemeProvider as SystemThemeProvider } from '@mui/system';\nimport THEME_ID from './identifier';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function ThemeProvider(_ref) {\n  let {\n      theme: themeInput\n    } = _ref,\n    props = _objectWithoutPropertiesLoose(_ref, _excluded);\n  const scopedTheme = themeInput[THEME_ID];\n  return /*#__PURE__*/_jsx(SystemThemeProvider, _extends({}, props, {\n    themeId: scopedTheme ? THEME_ID : undefined,\n    theme: scopedTheme || themeInput\n  }));\n}\nprocess.env.NODE_ENV !== \"production\" ? ThemeProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node,\n  /**\n   * A theme object. You can provide a function to extend the outer theme.\n   */\n  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired\n} : void 0;","import { ponyfillGlobal } from '@mui/utils';\n// Store the license information in a global, so it can be shared\n// when module duplication occurs. The duplication of the modules can happen\n// if using multiple version of MUI X at the same time of the bundler\n// decide to duplicate to improve the size of the chunks.\n// eslint-disable-next-line no-underscore-dangle\nponyfillGlobal.__MUI_LICENSE_INFO__ = ponyfillGlobal.__MUI_LICENSE_INFO__ || {\n  key: undefined\n};\nexport class LicenseInfo {\n  static getLicenseInfo() {\n    // eslint-disable-next-line no-underscore-dangle\n    return ponyfillGlobal.__MUI_LICENSE_INFO__;\n  }\n  static getLicenseKey() {\n    return LicenseInfo.getLicenseInfo().key;\n  }\n  static setLicenseKey(key) {\n    const licenseInfo = LicenseInfo.getLicenseInfo();\n    licenseInfo.key = key;\n  }\n}","import styled, { css } from 'styled-components';\nimport { StyledDataGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataGrid = styled.div<StyledDataGridProps>`\n  ${({ $height }) =>\n    $height\n      ? css`\n          height: ${$height};\n        `\n      : ''}\n\n  width: 100%;\n\n  .MuiDataGrid-root {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    border: none;\n  }\n\n  .MuiDataGrid-row {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n    font-size: var(--redsift-typography-datagrid-cell-font-size);\n    font-weight: var(--redsift-typography-datagrid-cell-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaderTitle {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    font-size: var(--redsift-typography-datagrid-header-font-size);\n    font-weight: var(--redsift-typography-datagrid-header-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaders {\n    border-bottom-color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-columnSeparator {\n    display: none;\n  }\n\n  .MuiTablePagination-root {\n    .MuiTablePagination-selectLabel {\n      font-family: var(--redsift-typography-datagrid-header-font-family);\n    }\n    .MuiTablePagination-displayedRows {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n\n    .MuiInputBase-root {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n  }\n\n  .Mui-checked {\n    color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-rowCount {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiTablePagination-displayedRows {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiBadge-standard {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n`;\n","import {\n  GridCallbackDetails,\n  GridColumnVisibilityModel,\n  GridFilterModel,\n  GridPaginationModel,\n  GridPinnedColumns,\n  GridSortModel,\n} from '@mui/x-data-grid-pro';\nimport { useEffect, useState } from 'react';\nimport { DataGridProps } from '../components/DataGrid';\n\nexport interface UseControlledDatagridStateProps {\n  initialState: DataGridProps['initialState'];\n  pageSizeOptions: DataGridProps['pageSizeOptions'];\n  propsColumnVisibilityModel: DataGridProps['columnVisibilityModel'];\n  propsFilterModel: DataGridProps['filterModel'];\n  propsOnColumnVisibilityModelChange: DataGridProps['onColumnVisibilityModelChange'];\n  propsOnFilterModelChange: DataGridProps['onFilterModelChange'];\n  propsOnPaginationModelChange: DataGridProps['onPaginationModelChange'];\n  propsOnPinnedColumnsChange: DataGridProps['onPinnedColumnsChange'];\n  propsOnSortModelChange: DataGridProps['onSortModelChange'];\n  propsPaginationModel: DataGridProps['paginationModel'];\n  propsPinnedColumns: DataGridProps['pinnedColumns'];\n  propsSortModel: DataGridProps['sortModel'];\n}\n\nexport const useControlledDatagridState = ({\n  initialState,\n  pageSizeOptions,\n  propsColumnVisibilityModel,\n  propsFilterModel,\n  propsOnColumnVisibilityModelChange,\n  propsOnFilterModelChange,\n  propsOnPaginationModelChange,\n  propsOnPinnedColumnsChange,\n  propsOnSortModelChange,\n  propsPaginationModel,\n  propsPinnedColumns,\n  propsSortModel,\n}: UseControlledDatagridStateProps) => {\n  const [filterModel, setFilterModel] = useState(propsFilterModel);\n  useEffect(() => {\n    setFilterModel(propsFilterModel);\n  }, [propsFilterModel]);\n\n  const onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnFilterModelChange) {\n      propsOnFilterModelChange(model, details);\n    } else {\n      setFilterModel(model);\n    }\n  };\n\n  const [columnVisibilityModel, setColumnVisibilityModel] = useState(propsColumnVisibilityModel);\n  useEffect(() => {\n    setColumnVisibilityModel(propsColumnVisibilityModel);\n  }, [propsColumnVisibilityModel]);\n\n  const onColumnVisibilityModelChange = (model: GridColumnVisibilityModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnColumnVisibilityModelChange) {\n      propsOnColumnVisibilityModelChange(model, details);\n    } else {\n      setColumnVisibilityModel(model);\n    }\n  };\n\n  const [pinnedColumns, setPinnedColumns] = useState(propsPinnedColumns);\n  useEffect(() => {\n    setPinnedColumns(propsPinnedColumns);\n  }, [propsPinnedColumns]);\n\n  const onPinnedColumnsChange = (model: GridPinnedColumns, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnPinnedColumnsChange) {\n      propsOnPinnedColumnsChange(model, details);\n    } else {\n      setPinnedColumns(model);\n    }\n  };\n\n  const [sortModel, setSortModel] = useState(propsSortModel);\n  useEffect(() => {\n    setSortModel(propsSortModel);\n  }, [propsSortModel]);\n\n  const onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnSortModelChange) {\n      propsOnSortModelChange(model, details);\n    } else {\n      setSortModel(model);\n    }\n  };\n\n  const [paginationModel, setPaginationModel] = useState({\n    pageSize:\n      propsPaginationModel?.pageSize ??\n      initialState?.pagination?.paginationModel?.pageSize ??\n      (typeof pageSizeOptions?.[0] === 'number' ? pageSizeOptions?.[0] : pageSizeOptions?.[0]?.value) ??\n      25,\n    page: propsPaginationModel?.page ?? initialState?.pagination?.paginationModel?.page ?? 0,\n  });\n\n  const onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails) => {\n    if (propsOnPaginationModelChange) {\n      propsOnPaginationModelChange(model, details);\n    } else {\n      setPaginationModel(model);\n    }\n  };\n\n  useEffect(() => {\n    if (propsPaginationModel) {\n      setPaginationModel(propsPaginationModel);\n    }\n  }, [propsPaginationModel]);\n\n  return {\n    filterModel,\n    onFilterModelChange,\n    columnVisibilityModel,\n    onColumnVisibilityModelChange,\n    pinnedColumns,\n    onPinnedColumnsChange,\n    sortModel,\n    onSortModelChange,\n    paginationModel,\n    onPaginationModelChange,\n  };\n};\n"],"names":["ThemeContext","ThemeProvider","_jsx","useThemeWithoutDefault","usePrivateTheme","MuiThemeProvider","StyledEngineThemeContext","SystemThemeProvider","StyledDataGrid","styled","div","_ref","$height","css","useControlledDatagridState","_ref2","_ref3","_propsPaginationModel","_initialState$paginat","_initialState$paginat2","_pageSizeOptions$","_ref4","_propsPaginationModel2","_initialState$paginat3","_initialState$paginat4","initialState","pageSizeOptions","propsColumnVisibilityModel","propsFilterModel","propsOnColumnVisibilityModelChange","propsOnFilterModelChange","propsOnPaginationModelChange","propsOnPinnedColumnsChange","propsOnSortModelChange","propsPaginationModel","propsPinnedColumns","propsSortModel","filterModel","setFilterModel","useState","useEffect","onFilterModelChange","model","details","columnVisibilityModel","setColumnVisibilityModel","onColumnVisibilityModelChange","pinnedColumns","setPinnedColumns","onPinnedColumnsChange","sortModel","setSortModel","onSortModelChange","paginationModel","setPaginationModel","pageSize","pagination","value","page","onPaginationModelChange"],"mappings":"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"}
+{"version":3,"file":"useControlledDatagridState.js","sources":["../../src/components/DataGrid/styles.ts","../../src/hooks/useControlledDatagridState.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledDataGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataGrid = styled.div<StyledDataGridProps>`\n  ${({ $height }) =>\n    $height\n      ? css`\n          height: ${$height};\n        `\n      : ''}\n\n  width: 100%;\n\n  .MuiDataGrid-root {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    border: none;\n  }\n\n  .MuiDataGrid-row {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n    font-size: var(--redsift-typography-datagrid-cell-font-size);\n    font-weight: var(--redsift-typography-datagrid-cell-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaderTitle {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    font-size: var(--redsift-typography-datagrid-header-font-size);\n    font-weight: var(--redsift-typography-datagrid-header-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaders {\n    border-bottom-color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-columnSeparator {\n    display: none;\n  }\n\n  .MuiTablePagination-root {\n    .MuiTablePagination-selectLabel {\n      font-family: var(--redsift-typography-datagrid-header-font-family);\n    }\n    .MuiTablePagination-displayedRows {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n\n    .MuiInputBase-root {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n  }\n\n  .Mui-checked {\n    color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-rowCount {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiTablePagination-displayedRows {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiBadge-standard {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n`;\n","import {\n  GridCallbackDetails,\n  GridColumnVisibilityModel,\n  GridFilterModel,\n  GridPaginationModel,\n  GridPinnedColumnFields,\n  GridSortModel,\n} from '@mui/x-data-grid-premium';\nimport { useEffect, useState } from 'react';\nimport { DataGridProps } from '../components/DataGrid';\n\nexport interface UseControlledDatagridStateProps {\n  initialState: DataGridProps['initialState'];\n  pageSizeOptions: DataGridProps['pageSizeOptions'];\n  propsColumnVisibilityModel: DataGridProps['columnVisibilityModel'];\n  propsFilterModel: DataGridProps['filterModel'];\n  propsOnColumnVisibilityModelChange: DataGridProps['onColumnVisibilityModelChange'];\n  propsOnFilterModelChange: DataGridProps['onFilterModelChange'];\n  propsOnPaginationModelChange: DataGridProps['onPaginationModelChange'];\n  propsOnPinnedColumnsChange: DataGridProps['onPinnedColumnsChange'];\n  propsOnSortModelChange: DataGridProps['onSortModelChange'];\n  propsPaginationModel: DataGridProps['paginationModel'];\n  propsPinnedColumns: DataGridProps['pinnedColumns'];\n  propsSortModel: DataGridProps['sortModel'];\n}\n\nexport const useControlledDatagridState = ({\n  initialState,\n  pageSizeOptions,\n  propsColumnVisibilityModel,\n  propsFilterModel,\n  propsOnColumnVisibilityModelChange,\n  propsOnFilterModelChange,\n  propsOnPaginationModelChange,\n  propsOnPinnedColumnsChange,\n  propsOnSortModelChange,\n  propsPaginationModel,\n  propsPinnedColumns,\n  propsSortModel,\n}: UseControlledDatagridStateProps) => {\n  // Internal state is a fallback for uncontrolled usage only.\n  const [internalFilterModel, setInternalFilterModel] = useState(propsFilterModel);\n  useEffect(() => {\n    setInternalFilterModel(propsFilterModel);\n  }, [propsFilterModel]);\n\n  // In controlled mode (propsFilterModel provided), use it directly to avoid\n  // a one-frame delay from the useState + useEffect buffer.\n  const filterModel = propsFilterModel ?? internalFilterModel;\n\n  const onFilterModelChange = (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnFilterModelChange) {\n      propsOnFilterModelChange(model, details);\n    } else {\n      setInternalFilterModel(model);\n    }\n  };\n\n  const [columnVisibilityModel, setColumnVisibilityModel] = useState(propsColumnVisibilityModel);\n  useEffect(() => {\n    setColumnVisibilityModel(propsColumnVisibilityModel);\n  }, [propsColumnVisibilityModel]);\n\n  const onColumnVisibilityModelChange = (model: GridColumnVisibilityModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnColumnVisibilityModelChange) {\n      propsOnColumnVisibilityModelChange(model, details);\n    } else {\n      setColumnVisibilityModel(model);\n    }\n  };\n\n  const [pinnedColumns, setPinnedColumns] = useState(propsPinnedColumns);\n  useEffect(() => {\n    setPinnedColumns(propsPinnedColumns);\n  }, [propsPinnedColumns]);\n\n  const onPinnedColumnsChange = (pinnedColumns: GridPinnedColumnFields, details: GridCallbackDetails) => {\n    if (propsOnPinnedColumnsChange) {\n      propsOnPinnedColumnsChange(pinnedColumns, details);\n    } else {\n      setPinnedColumns(pinnedColumns);\n    }\n  };\n\n  const [sortModel, setSortModel] = useState(propsSortModel);\n  useEffect(() => {\n    setSortModel(propsSortModel);\n  }, [propsSortModel]);\n\n  const onSortModelChange = (model: GridSortModel, details: GridCallbackDetails<'filter'>) => {\n    if (propsOnSortModelChange) {\n      propsOnSortModelChange(model, details);\n    } else {\n      setSortModel(model);\n    }\n  };\n\n  const [paginationModel, setPaginationModel] = useState({\n    pageSize:\n      propsPaginationModel?.pageSize ??\n      initialState?.pagination?.paginationModel?.pageSize ??\n      (typeof pageSizeOptions?.[0] === 'number' ? pageSizeOptions?.[0] : pageSizeOptions?.[0]?.value) ??\n      25,\n    page: propsPaginationModel?.page ?? initialState?.pagination?.paginationModel?.page ?? 0,\n  });\n\n  const onPaginationModelChange = (model: GridPaginationModel, details: GridCallbackDetails) => {\n    if (propsOnPaginationModelChange) {\n      propsOnPaginationModelChange(model, details);\n    } else {\n      setPaginationModel(model);\n    }\n  };\n\n  useEffect(() => {\n    if (propsPaginationModel) {\n      setPaginationModel(propsPaginationModel);\n    }\n  }, [propsPaginationModel]);\n\n  return {\n    filterModel,\n    onFilterModelChange,\n    columnVisibilityModel,\n    onColumnVisibilityModelChange,\n    pinnedColumns,\n    onPinnedColumnsChange,\n    sortModel,\n    onSortModelChange,\n    paginationModel,\n    onPaginationModelChange,\n  };\n};\n"],"names":["StyledDataGrid","styled","div","_ref","$height","css","useControlledDatagridState","_ref2","_ref3","_propsPaginationModel","_initialState$paginat","_initialState$paginat2","_pageSizeOptions$","_ref4","_propsPaginationModel2","_initialState$paginat3","_initialState$paginat4","initialState","pageSizeOptions","propsColumnVisibilityModel","propsFilterModel","propsOnColumnVisibilityModelChange","propsOnFilterModelChange","propsOnPaginationModelChange","propsOnPinnedColumnsChange","propsOnSortModelChange","propsPaginationModel","propsPinnedColumns","propsSortModel","internalFilterModel","setInternalFilterModel","useState","useEffect","filterModel","onFilterModelChange","model","details","columnVisibilityModel","setColumnVisibilityModel","onColumnVisibilityModelChange","pinnedColumns","setPinnedColumns","onPinnedColumnsChange","sortModel","setSortModel","onSortModelChange","paginationModel","setPaginationModel","pageSize","pagination","value","page","onPaginationModelChange"],"mappings":"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"}