@redsift/table 12.5.4 → 12.5.5-muiv6

package/_internal/Toolbar2.js

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

package/_internal/ToolbarWrapper2.js

@@ -1,8 +1,17 @@
 import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import { S as ServerSideControlledPagination, C as ControlledPagination } from './ServerSideControlledPagination.js';
+import { Flexbox } from '@redsift/design-system';
+import { S as ServerSideControlledPagination, C as ControlledPagination } from './ControlledPagination.js';
 
-const _excluded = ["hideToolbar", "RenderedToolbar", "filterModel", "onFilterModelChange", "pagination", "paginationPlacement", "selectionStatus", "apiRef", "isRowSelectable", "paginationModel", "onPaginationModelChange", "pageSizeOptions", "paginationProps", "paginationMode", "rowCount"];
+const _excluded = ["hideToolbar", "RenderedToolbar", "filterModel", "onFilterModelChange", "pagination", "displaySelection", "displayPagination", "displayRowsPerPage", "selectionStatus", "apiRef", "isRowSelectable", "paginationModel", "onPaginationModelChange", "pageSizeOptions", "paginationProps", "paginationMode", "rowCount"];
+/**
+ * Renders a toolbar followed by a row that can contain the selection banner (left)
+ * and/or the pager controls (right), so they sit between the toolbar and the grid body
+ * (`selectionBannerPlacement="belowToolbar"` and/or `paginationPlacement="belowToolbar"`).
+ * The banner/pager visibility is driven by `displaySelection` / `displayPagination`.
+ * The row gets a top margin matching the banner's built-in bottom margin so the spacing
+ * above and below it is symmetric.
+ */
 const ToolbarWrapper = _ref => {
   let {
       hideToolbar,
@@ -10,7 +19,9 @@ const ToolbarWrapper = _ref => {
       filterModel,
       onFilterModelChange,
       pagination,
-      paginationPlacement,
+      displaySelection = true,
+      displayPagination = false,
+      displayRowsPerPage = false,
       selectionStatus,
       apiRef,
       isRowSelectable,
@@ -25,10 +36,15 @@ const ToolbarWrapper = _ref => {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !hideToolbar ? /*#__PURE__*/React__default.createElement(RenderedToolbar, _extends({}, forwardedProps, {
     filterModel: filterModel,
     onFilterModelChange: onFilterModelChange
-  })) : null, pagination ? paginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, {
-    displaySelection: true,
-    displayRowsPerPage: false,
-    displayPagination: ['top', 'both'].includes(paginationPlacement),
+  })) : null, pagination ?
+  /*#__PURE__*/
+  // marginTop matches the banner's built-in `marginBottom="7px"` → symmetric spacing.
+  React__default.createElement(Flexbox, {
+    marginTop: "7px"
+  }, paginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, {
+    displaySelection: displaySelection,
+    displayRowsPerPage: displayRowsPerPage,
+    displayPagination: displayPagination,
     selectionStatus: selectionStatus,
     paginationModel: paginationModel,
     onPaginationModelChange: onPaginationModelChange,
@@ -36,9 +52,9 @@ const ToolbarWrapper = _ref => {
     paginationProps: paginationProps,
     rowCount: rowCount
   }) : /*#__PURE__*/React__default.createElement(ControlledPagination, {
-    displaySelection: true,
-    displayRowsPerPage: false,
-    displayPagination: ['top', 'both'].includes(paginationPlacement),
+    displaySelection: displaySelection,
+    displayRowsPerPage: displayRowsPerPage,
+    displayPagination: displayPagination,
     selectionStatus: selectionStatus,
     apiRef: apiRef,
     isRowSelectable: isRowSelectable,
@@ -46,7 +62,7 @@ const ToolbarWrapper = _ref => {
     onPaginationModelChange: onPaginationModelChange,
     pageSizeOptions: pageSizeOptions,
     paginationProps: paginationProps
-  }) : null);
+  })) : null);
 };
 
 export { ToolbarWrapper as T };

package/_internal/ToolbarWrapper2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarWrapper2.js","sources":["../../src/components/ToolbarWrapper/ToolbarWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataGridProps, SelectionStatus } from '../DataGrid/types';\nimport { ServerSideControlledPagination } from '../Pagination/ServerSideControlledPagination';\nimport { ControlledPagination } from '../Pagination/ControlledPagination';\n\nexport type ToolbarWrapperProps = {\n  hideToolbar: DataGridProps['hideToolbar'];\n  RenderedToolbar: React.JSXElementConstructor<any>;\n  filterModel: DataGridProps['filterModel'];\n  onFilterModelChange: DataGridProps['onFilterModelChange'];\n  pagination: DataGridProps['pagination'];\n  paginationPlacement: DataGridProps['paginationPlacement'];\n  selectionStatus: SelectionStatus;\n  apiRef: DataGridProps['apiRef'];\n  isRowSelectable: DataGridProps['isRowSelectable'];\n  paginationModel: DataGridProps['paginationModel'];\n  onPaginationModelChange: DataGridProps['onPaginationModelChange'];\n  pageSizeOptions: DataGridProps['pageSizeOptions'];\n  paginationProps: DataGridProps['paginationProps'];\n  paginationMode?: DataGridProps['paginationMode'];\n  rowCount?: DataGridProps['rowCount'];\n};\n\nexport const ToolbarWrapper: React.FC<ToolbarWrapperProps> = ({\n  hideToolbar,\n  RenderedToolbar,\n  filterModel,\n  onFilterModelChange,\n  pagination,\n  paginationPlacement,\n  selectionStatus,\n  apiRef,\n  isRowSelectable,\n  paginationModel,\n  onPaginationModelChange,\n  pageSizeOptions,\n  paginationProps,\n  paginationMode = 'client',\n  rowCount,\n  ...forwardedProps\n}) => {\n  return (\n    <>\n      {!hideToolbar ? (\n        <RenderedToolbar {...forwardedProps} filterModel={filterModel} onFilterModelChange={onFilterModelChange} />\n      ) : null}\n      {pagination ? (\n        paginationMode == 'server' ? (\n          <ServerSideControlledPagination\n            displaySelection={true}\n            displayRowsPerPage={false}\n            displayPagination={['top', 'both'].includes(paginationPlacement!)}\n            selectionStatus={selectionStatus}\n            paginationModel={paginationModel!}\n            onPaginationModelChange={onPaginationModelChange as any}\n            pageSizeOptions={pageSizeOptions as any as number[]}\n            paginationProps={paginationProps}\n            rowCount={rowCount!}\n          />\n        ) : (\n          <ControlledPagination\n            displaySelection={true}\n            displayRowsPerPage={false}\n            displayPagination={['top', 'both'].includes(paginationPlacement!)}\n            selectionStatus={selectionStatus}\n            apiRef={apiRef!}\n            isRowSelectable={isRowSelectable}\n            paginationModel={paginationModel!}\n            onPaginationModelChange={onPaginationModelChange as any}\n            pageSizeOptions={pageSizeOptions as any as number[]}\n            paginationProps={paginationProps}\n          />\n        )\n      ) : null}\n    </>\n  );\n};\n"],"names":["ToolbarWrapper","_ref","hideToolbar","RenderedToolbar","filterModel","onFilterModelChange","pagination","paginationPlacement","selectionStatus","apiRef","isRowSelectable","paginationModel","onPaginationModelChange","pageSizeOptions","paginationProps","paginationMode","rowCount","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Fragment","_extends","ServerSideControlledPagination","displaySelection","displayRowsPerPage","displayPagination","includes","ControlledPagination"],"mappings":";;;;;AAwBaA,MAAAA,cAA6C,GAAGC,IAAA,IAiBvD;EAAA,IAjBwD;MAC5DC,WAAW;MACXC,eAAe;MACfC,WAAW;MACXC,mBAAmB;MACnBC,UAAU;MACVC,mBAAmB;MACnBC,eAAe;MACfC,MAAM;MACNC,eAAe;MACfC,eAAe;MACfC,uBAAuB;MACvBC,eAAe;MACfC,eAAe;AACfC,MAAAA,cAAc,GAAG,QAAQ;AACzBC,MAAAA,QAAAA;AAEF,KAAC,GAAAf,IAAA;AADIgB,IAAAA,cAAc,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAEjB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EACG,IAAA,EAAA,CAACpB,WAAW,gBACXkB,cAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAoB,QAAA,KAAKN,cAAc,EAAA;AAAEb,IAAAA,WAAW,EAAEA,WAAY;AAACC,IAAAA,mBAAmB,EAAEA,mBAAAA;AAAoB,GAAA,CAAE,CAAC,GACzG,IAAI,EACPC,UAAU,GACTS,cAAc,IAAI,QAAQ,gBACxBK,cAAA,CAAAC,aAAA,CAACG,8BAA8B,EAAA;AAC7BC,IAAAA,gBAAgB,EAAE,IAAK;AACvBC,IAAAA,kBAAkB,EAAE,KAAM;IAC1BC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACrB,mBAAoB,CAAE;AAClEC,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,eAAe,EAAEA,eAAiB;AAClCC,IAAAA,uBAAuB,EAAEA,uBAA+B;AACxDC,IAAAA,eAAe,EAAEA,eAAmC;AACpDC,IAAAA,eAAe,EAAEA,eAAgB;AACjCE,IAAAA,QAAQ,EAAEA,QAAAA;AAAU,GACrB,CAAC,gBAEFI,cAAA,CAAAC,aAAA,CAACQ,oBAAoB,EAAA;AACnBJ,IAAAA,gBAAgB,EAAE,IAAK;AACvBC,IAAAA,kBAAkB,EAAE,KAAM;IAC1BC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACrB,mBAAoB,CAAE;AAClEC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,MAAM,EAAEA,MAAQ;AAChBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,eAAe,EAAEA,eAAiB;AAClCC,IAAAA,uBAAuB,EAAEA,uBAA+B;AACxDC,IAAAA,eAAe,EAAEA,eAAmC;AACpDC,IAAAA,eAAe,EAAEA,eAAAA;GAClB,CACF,GACC,IACJ,CAAC,CAAA;AAEP;;;;"}
+{"version":3,"file":"ToolbarWrapper2.js","sources":["../../src/components/ToolbarWrapper/ToolbarWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { Flexbox } from '@redsift/design-system';\n\nimport { DataGridProps, SelectionStatus } from '../DataGrid/types';\nimport { ServerSideControlledPagination } from '../Pagination/ServerSideControlledPagination';\nimport { ControlledPagination } from '../Pagination/ControlledPagination';\n\nexport type ToolbarWrapperProps = {\n  hideToolbar: DataGridProps['hideToolbar'];\n  RenderedToolbar: React.JSXElementConstructor<any>;\n  filterModel: DataGridProps['filterModel'];\n  onFilterModelChange: DataGridProps['onFilterModelChange'];\n  pagination: DataGridProps['pagination'];\n  /** Show the selection banner (left). */\n  displaySelection?: boolean;\n  /** Show the pager controls (right). */\n  displayPagination?: boolean;\n  /** Show the rows-per-page selector within the pager. */\n  displayRowsPerPage?: boolean;\n  selectionStatus: SelectionStatus;\n  apiRef: DataGridProps['apiRef'];\n  isRowSelectable: DataGridProps['isRowSelectable'];\n  paginationModel: DataGridProps['paginationModel'];\n  onPaginationModelChange: DataGridProps['onPaginationModelChange'];\n  pageSizeOptions: DataGridProps['pageSizeOptions'];\n  paginationProps: DataGridProps['paginationProps'];\n  paginationMode?: DataGridProps['paginationMode'];\n  rowCount?: DataGridProps['rowCount'];\n};\n\n/**\n * Renders a toolbar followed by a row that can contain the selection banner (left)\n * and/or the pager controls (right), so they sit between the toolbar and the grid body\n * (`selectionBannerPlacement=\"belowToolbar\"` and/or `paginationPlacement=\"belowToolbar\"`).\n * The banner/pager visibility is driven by `displaySelection` / `displayPagination`.\n * The row gets a top margin matching the banner's built-in bottom margin so the spacing\n * above and below it is symmetric.\n */\nexport const ToolbarWrapper: React.FC<ToolbarWrapperProps> = ({\n  hideToolbar,\n  RenderedToolbar,\n  filterModel,\n  onFilterModelChange,\n  pagination,\n  displaySelection = true,\n  displayPagination = false,\n  displayRowsPerPage = false,\n  selectionStatus,\n  apiRef,\n  isRowSelectable,\n  paginationModel,\n  onPaginationModelChange,\n  pageSizeOptions,\n  paginationProps,\n  paginationMode = 'client',\n  rowCount,\n  ...forwardedProps\n}) => {\n  return (\n    <>\n      {!hideToolbar ? (\n        <RenderedToolbar {...forwardedProps} filterModel={filterModel} onFilterModelChange={onFilterModelChange} />\n      ) : null}\n      {pagination ? (\n        // marginTop matches the banner's built-in `marginBottom=\"7px\"` → symmetric spacing.\n        <Flexbox marginTop=\"7px\">\n          {paginationMode == 'server' ? (\n            <ServerSideControlledPagination\n              displaySelection={displaySelection}\n              displayRowsPerPage={displayRowsPerPage}\n              displayPagination={displayPagination}\n              selectionStatus={selectionStatus}\n              paginationModel={paginationModel!}\n              onPaginationModelChange={onPaginationModelChange as any}\n              pageSizeOptions={pageSizeOptions as any as number[]}\n              paginationProps={paginationProps}\n              rowCount={rowCount!}\n            />\n          ) : (\n            <ControlledPagination\n              displaySelection={displaySelection}\n              displayRowsPerPage={displayRowsPerPage}\n              displayPagination={displayPagination}\n              selectionStatus={selectionStatus}\n              apiRef={apiRef!}\n              isRowSelectable={isRowSelectable}\n              paginationModel={paginationModel!}\n              onPaginationModelChange={onPaginationModelChange as any}\n              pageSizeOptions={pageSizeOptions as any as number[]}\n              paginationProps={paginationProps}\n            />\n          )}\n        </Flexbox>\n      ) : null}\n    </>\n  );\n};\n"],"names":["ToolbarWrapper","_ref","hideToolbar","RenderedToolbar","filterModel","onFilterModelChange","pagination","displaySelection","displayPagination","displayRowsPerPage","selectionStatus","apiRef","isRowSelectable","paginationModel","onPaginationModelChange","pageSizeOptions","paginationProps","paginationMode","rowCount","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Fragment","_extends","Flexbox","marginTop","ServerSideControlledPagination","ControlledPagination"],"mappings":";;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,cAA6C,GAAGC,IAAA,IAmBvD;EAAA,IAnBwD;MAC5DC,WAAW;MACXC,eAAe;MACfC,WAAW;MACXC,mBAAmB;MACnBC,UAAU;AACVC,MAAAA,gBAAgB,GAAG,IAAI;AACvBC,MAAAA,iBAAiB,GAAG,KAAK;AACzBC,MAAAA,kBAAkB,GAAG,KAAK;MAC1BC,eAAe;MACfC,MAAM;MACNC,eAAe;MACfC,eAAe;MACfC,uBAAuB;MACvBC,eAAe;MACfC,eAAe;AACfC,MAAAA,cAAc,GAAG,QAAQ;AACzBC,MAAAA,QAAAA;AAEF,KAAC,GAAAjB,IAAA;AADIkB,IAAAA,cAAc,GAAAC,wBAAA,CAAAnB,IAAA,EAAAoB,SAAA,CAAA,CAAA;AAEjB,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EACG,IAAA,EAAA,CAACtB,WAAW,gBACXoB,cAAA,CAAAC,aAAA,CAACpB,eAAe,EAAAsB,QAAA,KAAKN,cAAc,EAAA;AAAEf,IAAAA,WAAW,EAAEA,WAAY;AAACC,IAAAA,mBAAmB,EAAEA,mBAAAA;AAAoB,GAAA,CAAE,CAAC,GACzG,IAAI,EACPC,UAAU;AAAA;AACT;EACAgB,cAAA,CAAAC,aAAA,CAACG,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,KAAA;GAChBV,EAAAA,cAAc,IAAI,QAAQ,gBACzBK,cAAA,CAAAC,aAAA,CAACK,8BAA8B,EAAA;AAC7BrB,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCD,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,IAAAA,eAAe,EAAEA,eAAgB;AACjCG,IAAAA,eAAe,EAAEA,eAAiB;AAClCC,IAAAA,uBAAuB,EAAEA,uBAA+B;AACxDC,IAAAA,eAAe,EAAEA,eAAmC;AACpDC,IAAAA,eAAe,EAAEA,eAAgB;AACjCE,IAAAA,QAAQ,EAAEA,QAAAA;AAAU,GACrB,CAAC,gBAEFI,cAAA,CAAAC,aAAA,CAACM,oBAAoB,EAAA;AACnBtB,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCD,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,MAAM,EAAEA,MAAQ;AAChBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,eAAe,EAAEA,eAAiB;AAClCC,IAAAA,uBAAuB,EAAEA,uBAA+B;AACxDC,IAAAA,eAAe,EAAEA,eAAmC;AACpDC,IAAAA,eAAe,EAAEA,eAAAA;AAAgB,GAClC,CAEI,CAAC,GACR,IACJ,CAAC,CAAA;AAEP;;;;"}