@redsift/table 11.5.0 → 11.6.0-muiv5-alpha.1

package/components/DataGrid/DataGrid.js

@@ -0,0 +1,340 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import { useTheme, ThemeProvider, RedsiftColorBlueN, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralWhite } from '@redsift/design-system';
+import { useGridApiRef, DataGridPro, gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
+import { StyledDataGrid } from './styles.js';
+import { customColumnTypes } from '../../utils/columnTypes/index.js';
+import { useControlledDatagridState } from '../../hooks/useControlledDatagridState.js';
+import { Toolbar } from '../Toolbar/Toolbar.js';
+import { LicenseInfo } from '../../node_modules/@mui/x-license-pro/utils/licenseInfo.js';
+import { onServerSideSelectionStatusChange, ServerSideControlledPagination } from '../Pagination/ServerSideControlledPagination.js';
+import createTheme from '../../node_modules/@mui/material/styles/createTheme.js';
+import ThemeProvider$1 from '../../node_modules/@mui/material/styles/ThemeProvider.js';
+import { BaseButton } from '../BaseComponents/BaseButton.js';
+import { BaseCheckbox } from '../BaseComponents/BaseCheckbox.js';
+import { BasePopper } from '../BaseComponents/BasePopper.js';
+import { BaseIcon } from '../BaseComponents/BaseIcon.js';
+import { ToolbarWrapper } from '../ToolbarWrapper/ToolbarWrapper.js';
+import { ControlledPagination } from '../Pagination/ControlledPagination.js';
+
+const _excluded = ["apiRef", "autoHeight", "className", "columnTypes", "components", "componentsProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "selectionModel", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "paginationMode", "rowCount"];
+const COMPONENT_NAME = 'DataGrid';
+const CLASSNAME = 'redsift-datagrid';
+const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
+  const datagridRef = ref || useRef();
+  const {
+      apiRef: propsApiRef,
+      autoHeight,
+      className,
+      columnTypes: propsColumnTypes,
+      components,
+      componentsProps,
+      filterModel: propsFilterModel,
+      columnVisibilityModel: propsColumnVisibilityModel,
+      pinnedColumns: propsPinnedColumns,
+      sortModel: propsSortModel,
+      height: propsHeight,
+      hideToolbar,
+      initialState,
+      isRowSelectable,
+      license = process.env.MUI_LICENSE_KEY,
+      onFilterModelChange: propsOnFilterModelChange,
+      onPageChange: propsOnPageChange,
+      onPageSizeChange: propsOnPageSizeChange,
+      onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,
+      onPinnedColumnsChange: propsOnPinnedColumnsChange,
+      onSortModelChange: propsOnSortModelChange,
+      selectionModel: propsSelectionModel,
+      onSelectionModelChange: propsOnSelectionModelChange,
+      page: propsPage,
+      pageSize: propsPageSize,
+      pagination,
+      paginationPlacement = 'both',
+      paginationProps,
+      rows,
+      rowsPerPageOptions,
+      sx,
+      theme: propsTheme,
+      paginationMode = 'client',
+      rowCount
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  const _apiRef = useGridApiRef();
+  const apiRef = propsApiRef !== null && propsApiRef !== void 0 ? propsApiRef : _apiRef;
+  const RenderedToolbar = components !== null && components !== void 0 && components.Toolbar ? components.Toolbar : Toolbar;
+  LicenseInfo.setLicenseKey(license);
+  const height = propsHeight !== null && propsHeight !== void 0 ? propsHeight : autoHeight ? undefined : '500px';
+  const {
+    columnVisibilityModel,
+    filterModel,
+    onColumnVisibilityModelChange,
+    onFilterModelChange,
+    onPageChange,
+    onPageSizeChange,
+    onPinnedColumnsChange,
+    onSortModelChange,
+    page,
+    pageSize,
+    pinnedColumns,
+    sortModel
+  } = useControlledDatagridState({
+    initialState,
+    rowsPerPageOptions,
+    propsColumnVisibilityModel,
+    propsFilterModel,
+    propsOnColumnVisibilityModelChange,
+    propsOnFilterModelChange,
+    propsOnPinnedColumnsChange,
+    propsOnSortModelChange,
+    propsPage,
+    propsPageSize,
+    propsPinnedColumns,
+    propsSortModel,
+    propsOnPageChange,
+    propsOnPageSizeChange
+  });
+  const [selectionModel, setSelectionModel] = useState(propsSelectionModel !== null && propsSelectionModel !== void 0 ? propsSelectionModel : []);
+  useEffect(() => {
+    setSelectionModel(propsSelectionModel !== null && propsSelectionModel !== void 0 ? propsSelectionModel : []);
+  }, [propsSelectionModel]);
+  const onSelectionModelChange = (selectionModel, details) => {
+    if (propsOnSelectionModelChange) {
+      propsOnSelectionModelChange(selectionModel, details);
+    } else {
+      setSelectionModel(selectionModel);
+    }
+  };
+  const selectionStatus = useRef({
+    type: 'none',
+    numberOfSelectedRows: 0,
+    numberOfSelectedRowsInPage: 0,
+    page,
+    pageSize
+  });
+
+  // in server-side pagination we want to update the selection status
+  // every time we navigate between pages, resize our page or select something
+  useEffect(() => {
+    if (paginationMode == 'server') {
+      onServerSideSelectionStatusChange(Array.isArray(selectionModel) ? selectionModel : [selectionModel], apiRef, selectionStatus, isRowSelectable, page, pageSize);
+    }
+  }, [selectionModel, page, pageSize]);
+  if (!Array.isArray(rows)) {
+    return null;
+  }
+  const muiTheme = useMemo(() => createTheme({
+    palette: {
+      mode: theme,
+      primary: {
+        main: RedsiftColorBlueN
+      },
+      background: {
+        default: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,
+        paper: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite
+      }
+    }
+  }), [theme]);
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    value: {
+      theme
+    }
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider$1, {
+    theme: muiTheme
+  }, /*#__PURE__*/React__default.createElement(StyledDataGrid, {
+    ref: datagridRef,
+    className: classNames(DataGrid.className, className),
+    $height: height
+  }, /*#__PURE__*/React__default.createElement(DataGridPro, _extends({}, forwardedProps, {
+    rowCount: rowCount,
+    apiRef: apiRef,
+    autoHeight: autoHeight,
+    checkboxSelectionVisibleOnly: Boolean(pagination),
+    columnTypes: _objectSpread2(_objectSpread2({}, customColumnTypes), propsColumnTypes),
+    components: _objectSpread2(_objectSpread2({
+      BaseButton,
+      BaseCheckbox,
+      // BaseTextField,
+      BasePopper,
+      ColumnFilteredIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "ColumnFilteredIcon"
+      })),
+      ColumnSelectorIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "ColumnSelectorIcon"
+      })),
+      ColumnSortedAscendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "ColumnSortedAscendingIcon"
+      })),
+      ColumnSortedDescendingIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "ColumnSortedDescendingIcon"
+      })),
+      DensityCompactIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "DensityCompactIcon"
+      })),
+      DensityStandardIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "DensityStandardIcon"
+      })),
+      DensityComfortableIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "DensityComfortableIcon"
+      })),
+      DetailPanelCollapseIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "DetailPanelCollapseIcon"
+      })),
+      DetailPanelExpandIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "DetailPanelExpandIcon"
+      })),
+      ExportIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({}, props, {
+        displayName: "ExportIcon"
+      })),
+      OpenFilterButtonIcon: props => /*#__PURE__*/React__default.createElement(BaseIcon, _extends({
+        displayName: "OpenFilterButtonIcon"
+      }, props))
+    }, components), {}, {
+      Toolbar: ToolbarWrapper,
+      Pagination: props => pagination ? paginationMode == 'server' ? /*#__PURE__*/React__default.createElement(ServerSideControlledPagination, _extends({}, props, {
+        displaySelection: false,
+        displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
+        displayPagination: ['bottom', 'both'].includes(paginationPlacement),
+        selectionStatus: selectionStatus.current,
+        page: page,
+        onPageChange: onPageChange,
+        pageSize: pageSize,
+        onPageSizeChange: onPageSizeChange,
+        rowsPerPageOptions: rowsPerPageOptions,
+        paginationProps: paginationProps,
+        paginationMode: paginationMode,
+        rowCount: rowCount
+      })) : /*#__PURE__*/React__default.createElement(ControlledPagination, _extends({}, props, {
+        displaySelection: false,
+        displayRowsPerPage: ['bottom', 'both'].includes(paginationPlacement),
+        displayPagination: ['bottom', 'both'].includes(paginationPlacement),
+        selectionStatus: selectionStatus.current,
+        apiRef: apiRef,
+        isRowSelectable: isRowSelectable,
+        page: page,
+        onPageChange: onPageChange,
+        pageSize: pageSize,
+        onPageSizeChange: onPageSizeChange,
+        rowsPerPageOptions: rowsPerPageOptions,
+        paginationProps: paginationProps,
+        paginationMode: paginationMode
+      })) : null
+    }),
+    componentsProps: _objectSpread2(_objectSpread2({}, componentsProps), {}, {
+      toolbar: _objectSpread2({
+        hideToolbar,
+        RenderedToolbar,
+        filterModel,
+        onFilterModelChange,
+        pagination,
+        paginationPlacement,
+        selectionStatus,
+        apiRef,
+        isRowSelectable,
+        page,
+        onPageChange,
+        pageSize,
+        onPageSizeChange,
+        rowsPerPageOptions,
+        paginationProps,
+        paginationMode,
+        rowCount
+      }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.toolbar)
+    }),
+    filterModel: filterModel,
+    columnVisibilityModel: columnVisibilityModel,
+    pinnedColumns: pinnedColumns,
+    sortModel: sortModel,
+    initialState: initialState,
+    isRowSelectable: isRowSelectable,
+    onFilterModelChange: onFilterModelChange,
+    onColumnVisibilityModelChange: onColumnVisibilityModelChange,
+    onPinnedColumnsChange: onPinnedColumnsChange,
+    onSortModelChange: onSortModelChange,
+    pagination: pagination,
+    paginationMode: paginationMode,
+    keepNonExistentRowsSelected: paginationMode == 'server',
+    rows: rows,
+    rowsPerPageOptions: rowsPerPageOptions,
+    page: page,
+    onPageChange: onPageChange,
+    pageSize: pageSize,
+    onPageSizeChange: onPageSizeChange,
+    selectionModel: selectionModel,
+    onSelectionModelChange: (newSelectionModel, details) => {
+      if (pagination && paginationMode != 'server') {
+        const selectableRowsInPage = isRowSelectable ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref => {
+          let {
+            model
+          } = _ref;
+          return isRowSelectable({
+            row: model
+          });
+        }).map(_ref2 => {
+          let {
+            id
+          } = _ref2;
+          return id;
+        }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
+        const numberOfSelectableRowsInPage = selectableRowsInPage.length;
+        const selectableRowsInTable = isRowSelectable ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref3 => {
+          let {
+            model
+          } = _ref3;
+          return isRowSelectable({
+            row: model
+          });
+        }).map(_ref4 => {
+          let {
+            id
+          } = _ref4;
+          return id;
+        }) : gridFilteredSortedRowIdsSelector(apiRef);
+        const numberOfSelectableRowsInTable = selectableRowsInTable.length;
+        const numberOfSelectedRows = newSelectionModel.length;
+        if (selectionStatus.current.type === 'table' && numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage || selectionStatus.current.type === 'table' && numberOfSelectedRows === numberOfSelectableRowsInTable || selectionStatus.current.type === 'page' && numberOfSelectedRows === numberOfSelectableRowsInPage) {
+          setTimeout(() => {
+            apiRef.current.selectRows([], true, true);
+          }, 0);
+        }
+        if (numberOfSelectedRows === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
+          selectionStatus.current = {
+            type: 'page',
+            numberOfSelectedRows
+          };
+        } else if (numberOfSelectedRows === numberOfSelectableRowsInTable && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
+          selectionStatus.current = {
+            type: 'table',
+            numberOfSelectedRows
+          };
+        } else if (numberOfSelectedRows > 0) {
+          selectionStatus.current = {
+            type: 'other',
+            numberOfSelectedRows
+          };
+        } else {
+          selectionStatus.current = {
+            type: 'none',
+            numberOfSelectedRows
+          };
+        }
+      }
+      onSelectionModelChange === null || onSelectionModelChange === void 0 ? void 0 : onSelectionModelChange(newSelectionModel, details);
+    },
+    sx: _objectSpread2(_objectSpread2({}, sx), {}, {
+      '.MuiDataGrid-columnHeaders': {
+        flexDirection: 'column',
+        alignItems: 'normal'
+      },
+      '.MuiDataGrid-selectedRowCount': {
+        margin: 'none'
+      }
+    })
+  })))));
+});
+DataGrid.className = CLASSNAME;
+DataGrid.displayName = COMPONENT_NAME;
+
+export { DataGrid };
+//# sourceMappingURL=DataGrid.js.map

package/components/DataGrid/DataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.js","sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useMemo, useRef, useState } from 'react';\nimport { ThemeProvider as MuiThemeProvider, createTheme } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport { LicenseInfo } from '@mui/x-license-pro';\nimport {\n  Comp,\n  RedsiftColorBlueN,\n  RedsiftColorNeutralWhite,\n  RedsiftColorNeutralXDarkGrey,\n  ThemeProvider,\n  useTheme,\n} from '@redsift/design-system';\nimport {\n  DataGridPro,\n  GridCallbackDetails,\n  gridFilteredSortedRowEntriesSelector,\n  gridFilteredSortedRowIdsSelector,\n  gridPaginatedVisibleSortedGridRowEntriesSelector,\n  gridPaginatedVisibleSortedGridRowIdsSelector,\n  GridRowParams,\n  GridSelectionModel,\n  useGridApiRef,\n} from '@mui/x-data-grid-pro';\n\nimport { StyledDataGrid } from './styles';\nimport { DataGridProps, SelectionStatus } from './types';\nimport { Toolbar as DefaultToolbar } from '../Toolbar';\nimport { BaseIcon, BaseButton, BaseCheckbox, BasePopper } from '../BaseComponents';\nimport { ToolbarWrapper } from '../ToolbarWrapper';\nimport { onServerSideSelectionStatusChange, ServerSideControlledPagination, ControlledPagination } from '../Pagination';\nimport { customColumnTypes } from '../../utils/columnTypes';\nimport { useControlledDatagridState } from '../../hooks/useControlledDatagridState';\n\nconst COMPONENT_NAME = 'DataGrid';\nconst CLASSNAME = 'redsift-datagrid';\n\nexport const DataGrid: Comp<DataGridProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const datagridRef = ref || useRef<HTMLDivElement>();\n\n  const {\n    apiRef: propsApiRef,\n    autoHeight,\n    className,\n    columnTypes: propsColumnTypes,\n    components,\n    componentsProps,\n    filterModel: propsFilterModel,\n    columnVisibilityModel: propsColumnVisibilityModel,\n    pinnedColumns: propsPinnedColumns,\n    sortModel: propsSortModel,\n    height: propsHeight,\n    hideToolbar,\n    initialState,\n    isRowSelectable,\n    license = process.env.MUI_LICENSE_KEY,\n    onFilterModelChange: propsOnFilterModelChange,\n    onPageChange: propsOnPageChange,\n    onPageSizeChange: propsOnPageSizeChange,\n    onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,\n    onPinnedColumnsChange: propsOnPinnedColumnsChange,\n    onSortModelChange: propsOnSortModelChange,\n    selectionModel: propsSelectionModel,\n    onSelectionModelChange: propsOnSelectionModelChange,\n    page: propsPage,\n    pageSize: propsPageSize,\n    pagination,\n    paginationPlacement = 'both',\n    paginationProps,\n    rows,\n    rowsPerPageOptions,\n    sx,\n    theme: propsTheme,\n    paginationMode = 'client',\n    rowCount,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const _apiRef = useGridApiRef();\n  const apiRef = propsApiRef ?? _apiRef;\n  const RenderedToolbar = components?.Toolbar ? components.Toolbar : DefaultToolbar;\n\n  LicenseInfo.setLicenseKey(license!);\n\n  const height = propsHeight ?? (autoHeight ? undefined : '500px');\n\n  const {\n    columnVisibilityModel,\n    filterModel,\n    onColumnVisibilityModelChange,\n    onFilterModelChange,\n    onPageChange,\n    onPageSizeChange,\n    onPinnedColumnsChange,\n    onSortModelChange,\n    page,\n    pageSize,\n    pinnedColumns,\n    sortModel,\n  } = useControlledDatagridState({\n    initialState,\n    rowsPerPageOptions,\n    propsColumnVisibilityModel,\n    propsFilterModel,\n    propsOnColumnVisibilityModelChange,\n    propsOnFilterModelChange,\n    propsOnPinnedColumnsChange,\n    propsOnSortModelChange,\n    propsPage,\n    propsPageSize,\n    propsPinnedColumns,\n    propsSortModel,\n    propsOnPageChange,\n    propsOnPageSizeChange,\n  });\n\n  const [selectionModel, setSelectionModel] = useState(propsSelectionModel ?? []);\n  useEffect(() => {\n    setSelectionModel(propsSelectionModel ?? []);\n  }, [propsSelectionModel]);\n\n  const onSelectionModelChange = (selectionModel: GridSelectionModel, details: GridCallbackDetails) => {\n    if (propsOnSelectionModelChange) {\n      propsOnSelectionModelChange(selectionModel, details);\n    } else {\n      setSelectionModel(selectionModel);\n    }\n  };\n\n  const selectionStatus = useRef<SelectionStatus>({\n    type: 'none',\n    numberOfSelectedRows: 0,\n    numberOfSelectedRowsInPage: 0,\n    page,\n    pageSize,\n  });\n\n  // in server-side pagination we want to update the selection status\n  // every time we navigate between pages, resize our page or select something\n  useEffect(() => {\n    if (paginationMode == 'server') {\n      onServerSideSelectionStatusChange(\n        Array.isArray(selectionModel) ? selectionModel : [selectionModel],\n        apiRef,\n        selectionStatus,\n        isRowSelectable,\n        page,\n        pageSize\n      );\n    }\n  }, [selectionModel, page, pageSize]);\n\n  if (!Array.isArray(rows)) {\n    return null;\n  }\n\n  const muiTheme = useMemo(\n    () =>\n      createTheme({\n        palette: {\n          mode: theme,\n          primary: { main: RedsiftColorBlueN },\n          background: {\n            default: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n            paper: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n          },\n        },\n      }),\n    [theme]\n  );\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <MuiThemeProvider theme={muiTheme}>\n        {/* <pre>{JSON.stringify(selectionStatus, null, 2)}</pre> */}\n        <StyledDataGrid\n          ref={datagridRef as RefObject<HTMLDivElement>}\n          className={classNames(DataGrid.className, className)}\n          $height={height}\n        >\n          <DataGridPro\n            {...forwardedProps}\n            rowCount={rowCount!}\n            apiRef={apiRef}\n            autoHeight={autoHeight}\n            checkboxSelectionVisibleOnly={Boolean(pagination)}\n            columnTypes={{ ...customColumnTypes, ...propsColumnTypes }}\n            components={{\n              BaseButton,\n              BaseCheckbox,\n              // BaseTextField,\n              BasePopper,\n              ColumnFilteredIcon: (props) => <BaseIcon {...props} displayName=\"ColumnFilteredIcon\" />,\n              ColumnSelectorIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSelectorIcon\" />,\n              ColumnSortedAscendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedAscendingIcon\" />,\n              ColumnSortedDescendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedDescendingIcon\" />,\n              DensityCompactIcon: (props) => <BaseIcon {...props} displayName=\"DensityCompactIcon\" />,\n              DensityStandardIcon: (props) => <BaseIcon {...props} displayName=\"DensityStandardIcon\" />,\n              DensityComfortableIcon: (props) => <BaseIcon {...props} displayName=\"DensityComfortableIcon\" />,\n              DetailPanelCollapseIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelCollapseIcon\" />,\n              DetailPanelExpandIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelExpandIcon\" />,\n              ExportIcon: (props) => <BaseIcon {...props} displayName=\"ExportIcon\" />,\n              OpenFilterButtonIcon: (props) => <BaseIcon displayName=\"OpenFilterButtonIcon\" {...props} />,\n              ...components,\n              Toolbar: ToolbarWrapper,\n              Pagination: (props) =>\n                pagination ? (\n                  paginationMode == 'server' ? (\n                    <ServerSideControlledPagination\n                      {...props}\n                      displaySelection={false}\n                      displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n                      displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n                      selectionStatus={selectionStatus.current}\n                      page={page}\n                      onPageChange={onPageChange}\n                      pageSize={pageSize}\n                      onPageSizeChange={onPageSizeChange}\n                      rowsPerPageOptions={rowsPerPageOptions}\n                      paginationProps={paginationProps}\n                      paginationMode={paginationMode}\n                      rowCount={rowCount!}\n                    />\n                  ) : (\n                    <ControlledPagination\n                      {...props}\n                      displaySelection={false}\n                      displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n                      displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n                      selectionStatus={selectionStatus.current}\n                      apiRef={apiRef}\n                      isRowSelectable={isRowSelectable}\n                      page={page}\n                      onPageChange={onPageChange}\n                      pageSize={pageSize}\n                      onPageSizeChange={onPageSizeChange}\n                      rowsPerPageOptions={rowsPerPageOptions}\n                      paginationProps={paginationProps}\n                      paginationMode={paginationMode}\n                    />\n                  )\n                ) : null,\n            }}\n            componentsProps={{\n              ...componentsProps,\n              toolbar: {\n                hideToolbar,\n                RenderedToolbar,\n                filterModel,\n                onFilterModelChange,\n                pagination,\n                paginationPlacement,\n                selectionStatus,\n                apiRef,\n                isRowSelectable,\n                page,\n                onPageChange,\n                pageSize,\n                onPageSizeChange,\n                rowsPerPageOptions,\n                paginationProps,\n                paginationMode,\n                rowCount,\n                ...componentsProps?.toolbar,\n              },\n            }}\n            filterModel={filterModel}\n            columnVisibilityModel={columnVisibilityModel}\n            pinnedColumns={pinnedColumns}\n            sortModel={sortModel}\n            initialState={initialState}\n            isRowSelectable={isRowSelectable}\n            onFilterModelChange={onFilterModelChange}\n            onColumnVisibilityModelChange={onColumnVisibilityModelChange}\n            onPinnedColumnsChange={onPinnedColumnsChange}\n            onSortModelChange={onSortModelChange}\n            pagination={pagination}\n            paginationMode={paginationMode}\n            keepNonExistentRowsSelected={paginationMode == 'server'}\n            rows={rows}\n            rowsPerPageOptions={rowsPerPageOptions}\n            page={page}\n            onPageChange={onPageChange}\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            selectionModel={selectionModel}\n            onSelectionModelChange={(newSelectionModel, details) => {\n              if (pagination && paginationMode != 'server') {\n                const selectableRowsInPage = isRowSelectable\n                  ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef)\n                      .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n                      .map(({ id }) => id)\n                  : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);\n                const numberOfSelectableRowsInPage = selectableRowsInPage.length;\n\n                const selectableRowsInTable = isRowSelectable\n                  ? gridFilteredSortedRowEntriesSelector(apiRef)\n                      .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n                      .map(({ id }) => id)\n                  : gridFilteredSortedRowIdsSelector(apiRef);\n                const numberOfSelectableRowsInTable = selectableRowsInTable.length;\n\n                const numberOfSelectedRows = newSelectionModel.length;\n\n                if (\n                  (selectionStatus.current.type === 'table' &&\n                    numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage) ||\n                  (selectionStatus.current.type === 'table' &&\n                    numberOfSelectedRows === numberOfSelectableRowsInTable) ||\n                  (selectionStatus.current.type === 'page' && numberOfSelectedRows === numberOfSelectableRowsInPage)\n                ) {\n                  setTimeout(() => {\n                    apiRef.current.selectRows([], true, true);\n                  }, 0);\n                }\n\n                if (\n                  numberOfSelectedRows === numberOfSelectableRowsInPage &&\n                  numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n                ) {\n                  selectionStatus.current = {\n                    type: 'page',\n                    numberOfSelectedRows,\n                  };\n                } else if (\n                  numberOfSelectedRows === numberOfSelectableRowsInTable &&\n                  numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n                ) {\n                  selectionStatus.current = {\n                    type: 'table',\n                    numberOfSelectedRows,\n                  };\n                } else if (numberOfSelectedRows > 0) {\n                  selectionStatus.current = {\n                    type: 'other',\n                    numberOfSelectedRows,\n                  };\n                } else {\n                  selectionStatus.current = {\n                    type: 'none',\n                    numberOfSelectedRows,\n                  };\n                }\n              }\n              onSelectionModelChange?.(newSelectionModel, details);\n            }}\n            sx={{\n              ...sx,\n              '.MuiDataGrid-columnHeaders': {\n                flexDirection: 'column',\n                alignItems: 'normal',\n              },\n              '.MuiDataGrid-selectedRowCount': {\n                margin: 'none',\n              },\n            }}\n          />\n        </StyledDataGrid>\n      </MuiThemeProvider>\n    </ThemeProvider>\n  );\n});\nDataGrid.className = CLASSNAME;\nDataGrid.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DataGrid","forwardRef","props","ref","datagridRef","useRef","apiRef","propsApiRef","autoHeight","className","columnTypes","propsColumnTypes","components","componentsProps","filterModel","propsFilterModel","columnVisibilityModel","propsColumnVisibilityModel","pinnedColumns","propsPinnedColumns","sortModel","propsSortModel","height","propsHeight","hideToolbar","initialState","isRowSelectable","license","process","env","MUI_LICENSE_KEY","onFilterModelChange","propsOnFilterModelChange","onPageChange","propsOnPageChange","onPageSizeChange","propsOnPageSizeChange","onColumnVisibilityModelChange","propsOnColumnVisibilityModelChange","onPinnedColumnsChange","propsOnPinnedColumnsChange","onSortModelChange","propsOnSortModelChange","selectionModel","propsSelectionModel","onSelectionModelChange","propsOnSelectionModelChange","page","propsPage","pageSize","propsPageSize","pagination","paginationPlacement","paginationProps","rows","rowsPerPageOptions","sx","theme","propsTheme","paginationMode","rowCount","forwardedProps","_objectWithoutProperties","_excluded","useTheme","_apiRef","useGridApiRef","RenderedToolbar","Toolbar","DefaultToolbar","LicenseInfo","setLicenseKey","undefined","useControlledDatagridState","setSelectionModel","useState","useEffect","details","selectionStatus","type","numberOfSelectedRows","numberOfSelectedRowsInPage","onServerSideSelectionStatusChange","Array","isArray","muiTheme","useMemo","createTheme","palette","mode","primary","main","RedsiftColorBlueN","background","default","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralWhite","paper","React","createElement","ThemeProvider","value","MuiThemeProvider","StyledDataGrid","classNames","$height","DataGridPro","_extends","checkboxSelectionVisibleOnly","Boolean","_objectSpread","customColumnTypes","BaseButton","BaseCheckbox","BasePopper","ColumnFilteredIcon","BaseIcon","displayName","ColumnSelectorIcon","ColumnSortedAscendingIcon","ColumnSortedDescendingIcon","DensityCompactIcon","DensityStandardIcon","DensityComfortableIcon","DetailPanelCollapseIcon","DetailPanelExpandIcon","ExportIcon","OpenFilterButtonIcon","ToolbarWrapper","Pagination","ServerSideControlledPagination","displaySelection","displayRowsPerPage","includes","displayPagination","current","ControlledPagination","toolbar","keepNonExistentRowsSelected","newSelectionModel","selectableRowsInPage","gridPaginatedVisibleSortedGridRowEntriesSelector","filter","_ref","model","row","map","_ref2","id","gridPaginatedVisibleSortedGridRowIdsSelector","numberOfSelectableRowsInPage","length","selectableRowsInTable","gridFilteredSortedRowEntriesSelector","_ref3","_ref4","gridFilteredSortedRowIdsSelector","numberOfSelectableRowsInTable","setTimeout","selectRows","flexDirection","alignItems","margin"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,cAAc,GAAG,UAAU,CAAA;AACjC,MAAMC,SAAS,GAAG,kBAAkB,CAAA;AAE7B,MAAMC,QAA6C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AACtF,EAAA,MAAMC,WAAW,GAAGD,GAAG,IAAIE,MAAM,EAAkB,CAAA;EAEnD,MAAM;AACJC,MAAAA,MAAM,EAAEC,WAAW;MACnBC,UAAU;MACVC,SAAS;AACTC,MAAAA,WAAW,EAAEC,gBAAgB;MAC7BC,UAAU;MACVC,eAAe;AACfC,MAAAA,WAAW,EAAEC,gBAAgB;AAC7BC,MAAAA,qBAAqB,EAAEC,0BAA0B;AACjDC,MAAAA,aAAa,EAAEC,kBAAkB;AACjCC,MAAAA,SAAS,EAAEC,cAAc;AACzBC,MAAAA,MAAM,EAAEC,WAAW;MACnBC,WAAW;MACXC,YAAY;MACZC,eAAe;AACfC,MAAAA,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,eAAe;AACrCC,MAAAA,mBAAmB,EAAEC,wBAAwB;AAC7CC,MAAAA,YAAY,EAAEC,iBAAiB;AAC/BC,MAAAA,gBAAgB,EAAEC,qBAAqB;AACvCC,MAAAA,6BAA6B,EAAEC,kCAAkC;AACjEC,MAAAA,qBAAqB,EAAEC,0BAA0B;AACjDC,MAAAA,iBAAiB,EAAEC,sBAAsB;AACzCC,MAAAA,cAAc,EAAEC,mBAAmB;AACnCC,MAAAA,sBAAsB,EAAEC,2BAA2B;AACnDC,MAAAA,IAAI,EAAEC,SAAS;AACfC,MAAAA,QAAQ,EAAEC,aAAa;MACvBC,UAAU;AACVC,MAAAA,mBAAmB,GAAG,MAAM;MAC5BC,eAAe;MACfC,IAAI;MACJC,kBAAkB;MAClBC,EAAE;AACFC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,cAAc,GAAG,QAAQ;AACzBC,MAAAA,QAAAA;AAEF,KAAC,GAAG1D,KAAK;AADJ2D,IAAAA,cAAc,GAAAC,wBAAA,CACf5D,KAAK,EAAA6D,SAAA,CAAA,CAAA;AAET,EAAA,MAAMN,KAAK,GAAGO,QAAQ,CAACN,UAAU,CAAC,CAAA;AAElC,EAAA,MAAMO,OAAO,GAAGC,aAAa,EAAE,CAAA;EAC/B,MAAM5D,MAAM,GAAGC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAI0D,OAAO,CAAA;AACrC,EAAA,MAAME,eAAe,GAAGvD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,IAAAA,UAAU,CAAEwD,OAAO,GAAGxD,UAAU,CAACwD,OAAO,GAAGC,OAAc,CAAA;AAEjFC,EAAAA,WAAW,CAACC,aAAa,CAAC5C,OAAQ,CAAC,CAAA;AAEnC,EAAA,MAAML,MAAM,GAAGC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAKf,UAAU,GAAGgE,SAAS,GAAG,OAAQ,CAAA;EAEhE,MAAM;IACJxD,qBAAqB;IACrBF,WAAW;IACXuB,6BAA6B;IAC7BN,mBAAmB;IACnBE,YAAY;IACZE,gBAAgB;IAChBI,qBAAqB;IACrBE,iBAAiB;IACjBM,IAAI;IACJE,QAAQ;IACR/B,aAAa;AACbE,IAAAA,SAAAA;GACD,GAAGqD,0BAA0B,CAAC;IAC7BhD,YAAY;IACZ8B,kBAAkB;IAClBtC,0BAA0B;IAC1BF,gBAAgB;IAChBuB,kCAAkC;IAClCN,wBAAwB;IACxBQ,0BAA0B;IAC1BE,sBAAsB;IACtBM,SAAS;IACTE,aAAa;IACb/B,kBAAkB;IAClBE,cAAc;IACda,iBAAiB;AACjBE,IAAAA,qBAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAM,CAACO,cAAc,EAAE+B,iBAAiB,CAAC,GAAGC,QAAQ,CAAC/B,mBAAmB,aAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAnBA,mBAAmB,GAAI,EAAE,CAAC,CAAA;AAC/EgC,EAAAA,SAAS,CAAC,MAAM;IACdF,iBAAiB,CAAC9B,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,cAAnBA,mBAAmB,GAAI,EAAE,CAAC,CAAA;AAC9C,GAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC,CAAA;AAEzB,EAAA,MAAMC,sBAAsB,GAAGA,CAACF,cAAkC,EAAEkC,OAA4B,KAAK;AACnG,IAAA,IAAI/B,2BAA2B,EAAE;AAC/BA,MAAAA,2BAA2B,CAACH,cAAc,EAAEkC,OAAO,CAAC,CAAA;AACtD,KAAC,MAAM;MACLH,iBAAiB,CAAC/B,cAAc,CAAC,CAAA;AACnC,KAAA;GACD,CAAA;EAED,MAAMmC,eAAe,GAAGzE,MAAM,CAAkB;AAC9C0E,IAAAA,IAAI,EAAE,MAAM;AACZC,IAAAA,oBAAoB,EAAE,CAAC;AACvBC,IAAAA,0BAA0B,EAAE,CAAC;IAC7BlC,IAAI;AACJE,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;;AAEF;AACA;AACA2B,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIjB,cAAc,IAAI,QAAQ,EAAE;MAC9BuB,iCAAiC,CAC/BC,KAAK,CAACC,OAAO,CAACzC,cAAc,CAAC,GAAGA,cAAc,GAAG,CAACA,cAAc,CAAC,EACjErC,MAAM,EACNwE,eAAe,EACfpD,eAAe,EACfqB,IAAI,EACJE,QACF,CAAC,CAAA;AACH,KAAA;GACD,EAAE,CAACN,cAAc,EAAEI,IAAI,EAAEE,QAAQ,CAAC,CAAC,CAAA;AAEpC,EAAA,IAAI,CAACkC,KAAK,CAACC,OAAO,CAAC9B,IAAI,CAAC,EAAE;AACxB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,MAAM+B,QAAQ,GAAGC,OAAO,CACtB,MACEC,WAAW,CAAC;AACVC,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAEhC,KAAK;AACXiC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,IAAI,EAAEC,iBAAAA;OAAmB;AACpCC,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAErC,KAAK,KAAK,MAAM,GAAGsC,4BAA4B,GAAGC,wBAAwB;AACnFC,QAAAA,KAAK,EAAExC,KAAK,KAAK,MAAM,GAAGsC,4BAA4B,GAAGC,wBAAAA;AAC3D,OAAA;AACF,KAAA;AACF,GAAC,CAAC,EACJ,CAACvC,KAAK,CACR,CAAC,CAAA;AAED,EAAA,oBACEyC,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAE5C,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9ByC,cAAA,CAAAC,aAAA,CAACG,eAAgB,EAAA;AAAC7C,IAAAA,KAAK,EAAE4B,QAAAA;AAAS,GAAA,eAEhCa,cAAA,CAAAC,aAAA,CAACI,cAAc,EAAA;AACbpG,IAAAA,GAAG,EAAEC,WAAyC;IAC9CK,SAAS,EAAE+F,UAAU,CAACxG,QAAQ,CAACS,SAAS,EAAEA,SAAS,CAAE;AACrDgG,IAAAA,OAAO,EAAEnF,MAAAA;GAET4E,eAAAA,cAAA,CAAAC,aAAA,CAACO,WAAW,EAAAC,QAAA,KACN9C,cAAc,EAAA;AAClBD,IAAAA,QAAQ,EAAEA,QAAU;AACpBtD,IAAAA,MAAM,EAAEA,MAAO;AACfE,IAAAA,UAAU,EAAEA,UAAW;AACvBoG,IAAAA,4BAA4B,EAAEC,OAAO,CAAC1D,UAAU,CAAE;IAClDzC,WAAW,EAAAoG,cAAA,CAAAA,cAAA,KAAOC,iBAAiB,CAAA,EAAKpG,gBAAgB,CAAG;IAC3DC,UAAU,EAAAkG,cAAA,CAAAA,cAAA,CAAA;MACRE,UAAU;MACVC,YAAY;AACZ;MACAC,UAAU;MACVC,kBAAkB,EAAGjH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFC,kBAAkB,EAAGpH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFE,yBAAyB,EAAGrH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,2BAAA;AAA2B,OAAA,CAAE,CAAC;MACrGG,0BAA0B,EAAGtH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,4BAAA;AAA4B,OAAA,CAAE,CAAC;MACvGI,kBAAkB,EAAGvH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,oBAAA;AAAoB,OAAA,CAAE,CAAC;MACvFK,mBAAmB,EAAGxH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,qBAAA;AAAqB,OAAA,CAAE,CAAC;MACzFM,sBAAsB,EAAGzH,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,wBAAA;AAAwB,OAAA,CAAE,CAAC;MAC/FO,uBAAuB,EAAG1H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,yBAAA;AAAyB,OAAA,CAAE,CAAC;MACjGQ,qBAAqB,EAAG3H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,uBAAA;AAAuB,OAAA,CAAE,CAAC;MAC7FS,UAAU,EAAG5H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA,EAAA,EAAKzG,KAAK,EAAA;AAAEmH,QAAAA,WAAW,EAAC,YAAA;AAAY,OAAA,CAAE,CAAC;MACvEU,oBAAoB,EAAG7H,KAAK,iBAAKgG,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,CAAA;AAACU,QAAAA,WAAW,EAAC,sBAAA;AAAsB,OAAA,EAAKnH,KAAK,CAAG,CAAA;AAAC,KAAA,EACxFU,UAAU,CAAA,EAAA,EAAA,EAAA;AACbwD,MAAAA,OAAO,EAAE4D,cAAc;AACvBC,MAAAA,UAAU,EAAG/H,KAAK,IAChBiD,UAAU,GACRQ,cAAc,IAAI,QAAQ,gBACxBuC,cAAA,CAAAC,aAAA,CAAC+B,8BAA8B,EAAAvB,QAAA,KACzBzG,KAAK,EAAA;AACTiI,QAAAA,gBAAgB,EAAE,KAAM;QACxBC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACjF,mBAAoB,CAAE;QACtEkF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACD,QAAQ,CAACjF,mBAAoB,CAAE;QACrE0B,eAAe,EAAEA,eAAe,CAACyD,OAAQ;AACzCxF,QAAAA,IAAI,EAAEA,IAAK;AACXd,QAAAA,YAAY,EAAEA,YAAa;AAC3BgB,QAAAA,QAAQ,EAAEA,QAAS;AACnBd,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCoB,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCF,QAAAA,eAAe,EAAEA,eAAgB;AACjCM,QAAAA,cAAc,EAAEA,cAAe;AAC/BC,QAAAA,QAAQ,EAAEA,QAAAA;OACX,CAAA,CAAC,gBAEFsC,cAAA,CAAAC,aAAA,CAACqC,oBAAoB,EAAA7B,QAAA,CAAA,EAAA,EACfzG,KAAK,EAAA;AACTiI,QAAAA,gBAAgB,EAAE,KAAM;QACxBC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACjF,mBAAoB,CAAE;QACtEkF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACD,QAAQ,CAACjF,mBAAoB,CAAE;QACrE0B,eAAe,EAAEA,eAAe,CAACyD,OAAQ;AACzCjI,QAAAA,MAAM,EAAEA,MAAO;AACfoB,QAAAA,eAAe,EAAEA,eAAgB;AACjCqB,QAAAA,IAAI,EAAEA,IAAK;AACXd,QAAAA,YAAY,EAAEA,YAAa;AAC3BgB,QAAAA,QAAQ,EAAEA,QAAS;AACnBd,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCoB,QAAAA,kBAAkB,EAAEA,kBAAmB;AACvCF,QAAAA,eAAe,EAAEA,eAAgB;AACjCM,QAAAA,cAAc,EAAEA,cAAAA;AAAe,OAAA,CAChC,CACF,GACC,IAAA;KACN,CAAA;AACF9C,IAAAA,eAAe,EAAAiG,cAAA,CAAAA,cAAA,KACVjG,eAAe,CAAA,EAAA,EAAA,EAAA;AAClB4H,MAAAA,OAAO,EAAA3B,cAAA,CAAA;QACLtF,WAAW;QACX2C,eAAe;QACfrD,WAAW;QACXiB,mBAAmB;QACnBoB,UAAU;QACVC,mBAAmB;QACnB0B,eAAe;QACfxE,MAAM;QACNoB,eAAe;QACfqB,IAAI;QACJd,YAAY;QACZgB,QAAQ;QACRd,gBAAgB;QAChBoB,kBAAkB;QAClBF,eAAe;QACfM,cAAc;AACdC,QAAAA,QAAAA;AAAQ,OAAA,EACL/C,eAAe,KAAfA,IAAAA,IAAAA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAe,CAAE4H,OAAO,CAAA;KAE7B,CAAA;AACF3H,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CE,IAAAA,aAAa,EAAEA,aAAc;AAC7BE,IAAAA,SAAS,EAAEA,SAAU;AACrBK,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,eAAe,EAAEA,eAAgB;AACjCK,IAAAA,mBAAmB,EAAEA,mBAAoB;AACzCM,IAAAA,6BAA6B,EAAEA,6BAA8B;AAC7DE,IAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CE,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCU,IAAAA,UAAU,EAAEA,UAAW;AACvBQ,IAAAA,cAAc,EAAEA,cAAe;IAC/B+E,2BAA2B,EAAE/E,cAAc,IAAI,QAAS;AACxDL,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCR,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,YAAY,EAAEA,YAAa;AAC3BgB,IAAAA,QAAQ,EAAEA,QAAS;AACnBd,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCQ,IAAAA,cAAc,EAAEA,cAAe;AAC/BE,IAAAA,sBAAsB,EAAEA,CAAC8F,iBAAiB,EAAE9D,OAAO,KAAK;AACtD,MAAA,IAAI1B,UAAU,IAAIQ,cAAc,IAAI,QAAQ,EAAE;QAC5C,MAAMiF,oBAAoB,GAAGlH,eAAe,GACxCmH,gDAAgD,CAACvI,MAAM,CAAC,CACrDwI,MAAM,CAACC,IAAA,IAAA;UAAA,IAAC;AAAEC,YAAAA,KAAAA;AAAM,WAAC,GAAAD,IAAA,CAAA;AAAA,UAAA,OAAKrH,eAAe,CAAC;AAAEuH,YAAAA,GAAG,EAAED,KAAAA;AAAM,WAAkB,CAAC,CAAA;SAAC,CAAA,CACvEE,GAAG,CAACC,KAAA,IAAA;UAAA,IAAC;AAAEC,YAAAA,EAAAA;AAAG,WAAC,GAAAD,KAAA,CAAA;AAAA,UAAA,OAAKC,EAAE,CAAA;AAAA,SAAA,CAAC,GACtBC,4CAA4C,CAAC/I,MAAM,CAAC,CAAA;AACxD,QAAA,MAAMgJ,4BAA4B,GAAGV,oBAAoB,CAACW,MAAM,CAAA;QAEhE,MAAMC,qBAAqB,GAAG9H,eAAe,GACzC+H,oCAAoC,CAACnJ,MAAM,CAAC,CACzCwI,MAAM,CAACY,KAAA,IAAA;UAAA,IAAC;AAAEV,YAAAA,KAAAA;AAAM,WAAC,GAAAU,KAAA,CAAA;AAAA,UAAA,OAAKhI,eAAe,CAAC;AAAEuH,YAAAA,GAAG,EAAED,KAAAA;AAAM,WAAkB,CAAC,CAAA;SAAC,CAAA,CACvEE,GAAG,CAACS,KAAA,IAAA;UAAA,IAAC;AAAEP,YAAAA,EAAAA;AAAG,WAAC,GAAAO,KAAA,CAAA;AAAA,UAAA,OAAKP,EAAE,CAAA;AAAA,SAAA,CAAC,GACtBQ,gCAAgC,CAACtJ,MAAM,CAAC,CAAA;AAC5C,QAAA,MAAMuJ,6BAA6B,GAAGL,qBAAqB,CAACD,MAAM,CAAA;AAElE,QAAA,MAAMvE,oBAAoB,GAAG2D,iBAAiB,CAACY,MAAM,CAAA;AAErD,QAAA,IACGzE,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,OAAO,IACvCC,oBAAoB,KAAK6E,6BAA6B,GAAGP,4BAA4B,IACtFxE,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,OAAO,IACvCC,oBAAoB,KAAK6E,6BAA8B,IACxD/E,eAAe,CAACyD,OAAO,CAACxD,IAAI,KAAK,MAAM,IAAIC,oBAAoB,KAAKsE,4BAA6B,EAClG;AACAQ,UAAAA,UAAU,CAAC,MAAM;YACfxJ,MAAM,CAACiI,OAAO,CAACwB,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;WAC1C,EAAE,CAAC,CAAC,CAAA;AACP,SAAA;AAEA,QAAA,IACE/E,oBAAoB,KAAKsE,4BAA4B,IACrDA,4BAA4B,GAAGO,6BAA6B,EAC5D;UACA/E,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,MAAM;AACZC,YAAAA,oBAAAA;WACD,CAAA;SACF,MAAM,IACLA,oBAAoB,KAAK6E,6BAA6B,IACtDP,4BAA4B,GAAGO,6BAA6B,EAC5D;UACA/E,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,OAAO;AACbC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAC,MAAM,IAAIA,oBAAoB,GAAG,CAAC,EAAE;UACnCF,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,OAAO;AACbC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAC,MAAM;UACLF,eAAe,CAACyD,OAAO,GAAG;AACxBxD,YAAAA,IAAI,EAAE,MAAM;AACZC,YAAAA,oBAAAA;WACD,CAAA;AACH,SAAA;AACF,OAAA;MACAnC,sBAAsB,KAAA,IAAA,IAAtBA,sBAAsB,KAAtBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAsB,CAAG8F,iBAAiB,EAAE9D,OAAO,CAAC,CAAA;KACpD;AACFrB,IAAAA,EAAE,EAAAsD,cAAA,CAAAA,cAAA,KACGtD,EAAE,CAAA,EAAA,EAAA,EAAA;AACL,MAAA,4BAA4B,EAAE;AAC5BwG,QAAAA,aAAa,EAAE,QAAQ;AACvBC,QAAAA,UAAU,EAAE,QAAA;OACb;AACD,MAAA,+BAA+B,EAAE;AAC/BC,QAAAA,MAAM,EAAE,MAAA;AACV,OAAA;AAAC,KAAA,CAAA;GAEJ,CAAA,CACa,CACA,CACL,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFlK,QAAQ,CAACS,SAAS,GAAGV,SAAS,CAAA;AAC9BC,QAAQ,CAACqH,WAAW,GAAGvH,cAAc;;;;"}

package/components/DataGrid/styles.js

@@ -0,0 +1,74 @@
+import styled, { css } from 'styled-components';
+
+/**
+ * Component style.
+ */
+const StyledDataGrid = styled.div`
+  ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height ? css`
+          height: ${$height};
+        ` : '';
+}}
+
+  width: 100%;
+
+  .MuiDataGrid-root {
+    font-family: var(--redsift-typography-datagrid-header-font-family);
+    border: none;
+  }
+
+  .MuiDataGrid-row {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+    font-size: var(--redsift-typography-datagrid-cell-font-size);
+    font-weight: var(--redsift-typography-datagrid-cell-font-weight);
+  }
+
+  .MuiDataGrid-columnHeaderTitle {
+    font-family: var(--redsift-typography-datagrid-header-font-family);
+    font-size: var(--redsift-typography-datagrid-header-font-size);
+    font-weight: var(--redsift-typography-datagrid-header-font-weight);
+  }
+
+  .MuiDataGrid-columnHeaders {
+    border-bottom-color: var(--redsift-color-primary-n);
+  }
+
+  .MuiDataGrid-columnSeparator {
+    display: none;
+  }
+
+  .MuiTablePagination-root {
+    .MuiTablePagination-selectLabel {
+      font-family: var(--redsift-typography-datagrid-header-font-family);
+    }
+    .MuiTablePagination-displayedRows {
+      font-family: var(--redsift-typography-datagrid-cell-font-family);
+    }
+
+    .MuiInputBase-root {
+      font-family: var(--redsift-typography-datagrid-cell-font-family);
+    }
+  }
+
+  .Mui-checked {
+    color: var(--redsift-color-primary-n);
+  }
+
+  .MuiDataGrid-rowCount {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+
+  .MuiTablePagination-displayedRows {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+
+  .MuiBadge-standard {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+`;
+
+export { StyledDataGrid };
+//# sourceMappingURL=styles.js.map

package/components/DataGrid/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/DataGrid/styles.ts"],"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"],"names":["StyledDataGrid","styled","div","_ref","$height","css"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAyB,CAAA;AAC9D,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;EAAA,OACZC,OAAO,GACHC,GAAI,CAAA;AACZ,kBAAA,EAAoBD,OAAQ,CAAA;AAC5B,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/components/DataGrid/types.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { DataGridProProps } from '@mui/x-data-grid-pro';
+export { GridAlignment, GridColDef, GridColumns, GridFilterItem, GridFilterModel, GridSelectionModel } from '@mui/x-data-grid-pro';
+import { TablePaginationProps } from '@mui/material';
+import { Theme } from '@redsift/design-system';
+
+interface DataGridProps extends Partial<Pick<DataGridProProps, 'rows'>>, Omit<DataGridProProps, 'rows'> {
+    /** License key for MUI Datagrid Pro. */
+    license?: string;
+    /** Height. A default one is set to prevent rendering all rows. */
+    height?: string;
+    /** Toolbar. A default one is provided but every button from this default Toolbar can be customized and the entire Toolbar can be replaced. */
+    toolbar?: ReactNode;
+    /** Whether the Toolbar is displayed or not. */
+    hideToolbar?: boolean;
+    /** Indicates how to display pagination. */
+    paginationPlacement?: 'top' | 'bottom' | 'both' | 'none';
+    /** Props to forward to the pagination component. */
+    paginationProps?: Omit<TablePaginationProps, 'component' | 'count' | 'page' | 'onPageChange' | 'rowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'paginationMode'>;
+    /** Theme. */
+    theme?: Theme;
+}
+type SelectionStatus = {
+    type: 'page' | 'table' | 'other' | 'none';
+    numberOfSelectedRows: number;
+    numberOfSelectedRowsInPage?: number;
+    page?: number;
+    pageSize?: number;
+};
+
+type StyledDataGridProps = {
+    $height?: string;
+    $theme?: DataGridProps['theme'];
+};
+
+export { DataGridProps, SelectionStatus, StyledDataGridProps };

package/components/GridToolbarFilterSemanticField/GridToolbarFilterSemanticField.d.ts

@@ -0,0 +1,15 @@
+import { Comp } from '@redsift/design-system';
+import { GridToolbarFilterSemanticFieldProps } from './types.js';
+
+declare const DEFAULT_OPERATORS: {
+    string: string[];
+    number: string[];
+    boolean: string[];
+    date: string[];
+};
+/**
+ * The GridToolbarFilterSemanticField component.
+ */
+declare const GridToolbarFilterSemanticField: Comp<GridToolbarFilterSemanticFieldProps, HTMLFormElement>;
+
+export { DEFAULT_OPERATORS, GridToolbarFilterSemanticField };