@redsift/table 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6

package/components/Pagination/ControlledPagination.d.ts

@@ -1,21 +0,0 @@
-import React, { MutableRefObject } from 'react';
-import { SelectionStatus, DataGridProps } from '../DataGrid/types.js';
-import { GridApiPro } from '@mui/x-data-grid-pro/models/gridApiPro';
-
-type ControlledPaginationProps = {
-    displaySelection?: boolean;
-    displayRowsPerPage?: boolean;
-    displayPagination?: boolean;
-    selectionStatus: SelectionStatus;
-    apiRef: MutableRefObject<GridApiPro>;
-    page: number;
-    onPageChange: (page: number) => void;
-    pageSize: number;
-    onPageSizeChange: (pageSize: number) => void;
-    rowsPerPageOptions?: number[];
-    isRowSelectable?: DataGridProps['isRowSelectable'];
-    paginationProps?: DataGridProps['paginationProps'];
-};
-declare const ControlledPagination: React.FC<ControlledPaginationProps>;
-
-export { ControlledPagination, ControlledPaginationProps };

package/components/Pagination/ControlledPagination.js

@@ -1,74 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { Flexbox, Text, LinkButton } from '@redsift/design-system';
-import { gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
-import TablePagination from '../../node_modules/@mui/material/TablePagination/TablePagination.js';
-
-const getSelectableRowsInTable = (apiRef, isRowSelectable) => {
-  return isRowSelectable && typeof isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref => {
-    let {
-      model
-    } = _ref;
-    return isRowSelectable === null || isRowSelectable === void 0 ? void 0 : isRowSelectable({
-      row: model
-    });
-  }).map(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return id;
-  }) : gridFilteredSortedRowIdsSelector(apiRef);
-};
-const ControlledPagination = _ref3 => {
-  let {
-    displaySelection = false,
-    displayRowsPerPage = false,
-    displayPagination = false,
-    selectionStatus,
-    apiRef,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
-    rowsPerPageOptions,
-    isRowSelectable,
-    paginationProps
-  } = _ref3;
-  const filteredRowsInTable = getSelectableRowsInTable(apiRef);
-  const selectableRowsInTable = getSelectableRowsInTable(apiRef, isRowSelectable);
-  const numberOfFilteredRowsInTable = filteredRowsInTable.length;
-  const numberOfSelectableRowsInTable = selectableRowsInTable.length;
-  return /*#__PURE__*/React__default.createElement(Flexbox, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: "7px"
-  }, displaySelection ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, selectionStatus.type === 'page' ? /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "14px"
-  }, `All ${selectionStatus.numberOfSelectedRows}${numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''} rows on this page are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
-    onClick: () => {
-      apiRef.current.selectRows(numberOfSelectableRowsInTable ? selectableRowsInTable : apiRef.current.getAllRowIds());
-    }
-  }, "Select all ", numberOfSelectableRowsInTable, numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : '', " rows in the table.")) : selectionStatus.type === 'table' ? /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "14px"
-  }, `All ${selectionStatus.numberOfSelectedRows}${numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''} rows in the table are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
-    onClick: () => {
-      apiRef.current.selectRows([], false, true);
-    }
-  }, "Clear selection.")) : selectionStatus.type === 'other' ? /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "14px"
-  }, `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination, _extends({
-    component: "div",
-    count: numberOfFilteredRowsInTable,
-    page: page,
-    onPageChange: (event, newPage) => onPageChange(newPage),
-    rowsPerPage: pageSize,
-    onRowsPerPageChange: event => {
-      onPageSizeChange(parseInt(event.target.value, 10));
-    },
-    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
-  }, paginationProps)) : null);
-};
-
-export { ControlledPagination };
-//# sourceMappingURL=ControlledPagination.js.map

package/components/Pagination/ControlledPagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlledPagination.js","sources":["../../../src/components/Pagination/ControlledPagination.tsx"],"sourcesContent":["import React, { MutableRefObject } from 'react';\nimport { Flexbox, LinkButton, Text } from '@redsift/design-system';\nimport {\n  gridFilteredSortedRowEntriesSelector,\n  gridFilteredSortedRowIdsSelector,\n  GridRowParams,\n} from '@mui/x-data-grid-pro';\n\nimport { DataGridProps, SelectionStatus } from '../DataGrid/types';\nimport { GridApiPro } from '@mui/x-data-grid-pro/models/gridApiPro';\nimport TablePagination from '@mui/material/TablePagination';\n\nconst getSelectableRowsInTable = (\n  apiRef: React.MutableRefObject<GridApiPro>,\n  isRowSelectable?: DataGridProps['isRowSelectable']\n) => {\n  return isRowSelectable && typeof isRowSelectable === 'function'\n    ? gridFilteredSortedRowEntriesSelector(apiRef)\n        .filter(({ model }) => isRowSelectable?.({ row: model } as GridRowParams))\n        .map(({ id }) => id)\n    : gridFilteredSortedRowIdsSelector(apiRef);\n};\n\nexport type ControlledPaginationProps = {\n  displaySelection?: boolean;\n  displayRowsPerPage?: boolean;\n  displayPagination?: boolean;\n  selectionStatus: SelectionStatus;\n  apiRef: MutableRefObject<GridApiPro>;\n  page: number;\n  onPageChange: (page: number) => void;\n  pageSize: number;\n  onPageSizeChange: (pageSize: number) => void;\n  rowsPerPageOptions?: number[];\n  isRowSelectable?: DataGridProps['isRowSelectable'];\n  paginationProps?: DataGridProps['paginationProps'];\n};\n\nexport const ControlledPagination: React.FC<ControlledPaginationProps> = ({\n  displaySelection = false,\n  displayRowsPerPage = false,\n  displayPagination = false,\n  selectionStatus,\n  apiRef,\n  page,\n  onPageChange,\n  pageSize,\n  onPageSizeChange,\n  rowsPerPageOptions,\n  isRowSelectable,\n  paginationProps,\n}) => {\n  const filteredRowsInTable = getSelectableRowsInTable(apiRef);\n  const selectableRowsInTable = getSelectableRowsInTable(apiRef, isRowSelectable);\n  const numberOfFilteredRowsInTable = filteredRowsInTable.length;\n  const numberOfSelectableRowsInTable = selectableRowsInTable.length;\n\n  return (\n    <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"space-between\" marginBottom=\"7px\">\n      {displaySelection ? (\n        <>\n          {selectionStatus.type === 'page' ? (\n            <Text fontSize=\"14px\">\n              {`All ${selectionStatus.numberOfSelectedRows}${\n                numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''\n              } rows on this page are selected. `}\n              <LinkButton\n                onClick={() => {\n                  apiRef.current.selectRows(\n                    numberOfSelectableRowsInTable ? selectableRowsInTable : apiRef.current.getAllRowIds()\n                  );\n                }}\n              >\n                Select all {numberOfSelectableRowsInTable}\n                {numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''} rows in the table.\n              </LinkButton>\n            </Text>\n          ) : selectionStatus.type === 'table' ? (\n            <Text fontSize=\"14px\">\n              {`All ${selectionStatus.numberOfSelectedRows}${\n                numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''\n              } rows in the table are selected. `}\n              <LinkButton\n                onClick={() => {\n                  apiRef.current.selectRows([], false, true);\n                }}\n              >\n                Clear selection.\n              </LinkButton>\n            </Text>\n          ) : selectionStatus.type === 'other' ? (\n            <Text fontSize=\"14px\">{`${selectionStatus.numberOfSelectedRows} row${\n              selectionStatus.numberOfSelectedRows > 1 ? 's' : ''\n            } selected`}</Text>\n          ) : (\n            <Text />\n          )}\n        </>\n      ) : null}\n      {displayPagination ? (\n        <TablePagination\n          component=\"div\"\n          count={numberOfFilteredRowsInTable}\n          page={page}\n          onPageChange={(event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => onPageChange(newPage)}\n          rowsPerPage={pageSize}\n          onRowsPerPageChange={(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n            onPageSizeChange(parseInt(event.target.value, 10));\n          }}\n          rowsPerPageOptions={displayRowsPerPage ? rowsPerPageOptions : []}\n          {...paginationProps}\n        />\n      ) : null}\n    </Flexbox>\n  );\n};\n"],"names":["getSelectableRowsInTable","apiRef","isRowSelectable","gridFilteredSortedRowEntriesSelector","filter","_ref","model","row","map","_ref2","id","gridFilteredSortedRowIdsSelector","ControlledPagination","_ref3","displaySelection","displayRowsPerPage","displayPagination","selectionStatus","page","onPageChange","pageSize","onPageSizeChange","rowsPerPageOptions","paginationProps","filteredRowsInTable","selectableRowsInTable","numberOfFilteredRowsInTable","length","numberOfSelectableRowsInTable","React","createElement","Flexbox","flexDirection","alignItems","justifyContent","marginBottom","Fragment","type","Text","fontSize","numberOfSelectedRows","LinkButton","onClick","current","selectRows","getAllRowIds","TablePagination","_extends","component","count","event","newPage","rowsPerPage","onRowsPerPageChange","parseInt","target","value"],"mappings":"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"}

package/components/Pagination/ServerSideControlledPagination.js

@@ -1,102 +0,0 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import { Flexbox, Text } from '@redsift/design-system';
-import { gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector } from '@mui/x-data-grid-pro';
-import TablePagination from '../../node_modules/@mui/material/TablePagination/TablePagination.js';
-
-const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionStatus, isRowSelectable, page, pageSize) => {
-  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 numberOfSelectedRows = newSelectionModel.length;
-  const selectedRowsInPage = selectableRowsInPage.filter(rowId => newSelectionModel.includes(rowId));
-  const numberOfSelectedRowsInPage = selectedRowsInPage.length;
-  const isSamePage = (selectionStatus === null || selectionStatus === void 0 ? void 0 : selectionStatus.current.page) == page;
-  const isSamePageSize = (selectionStatus === null || selectionStatus === void 0 ? void 0 : selectionStatus.current.pageSize) == pageSize;
-
-  // if previous status is `page`,
-  // if page and pageSize didn't change
-  // and all the rows are selected, deselect all row
-  if (selectionStatus.current.type === 'page' && isSamePage && isSamePageSize && numberOfSelectedRowsInPage === numberOfSelectableRowsInPage) {
-    setTimeout(() => {
-      apiRef.current.selectRows(selectedRowsInPage, false, false);
-    }, 0);
-  }
-  if (numberOfSelectedRowsInPage === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage != 0) {
-    selectionStatus.current = {
-      type: 'page',
-      numberOfSelectedRows,
-      numberOfSelectedRowsInPage,
-      page,
-      pageSize
-    };
-  } else if (numberOfSelectedRows > 0) {
-    selectionStatus.current = {
-      type: 'other',
-      numberOfSelectedRows,
-      numberOfSelectedRowsInPage,
-      page,
-      pageSize
-    };
-  } else {
-    selectionStatus.current = {
-      type: 'none',
-      numberOfSelectedRows,
-      numberOfSelectedRowsInPage,
-      page,
-      pageSize
-    };
-  }
-};
-const ServerSideControlledPagination = _ref3 => {
-  let {
-    selectionStatus,
-    displaySelection,
-    displayPagination,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
-    displayRowsPerPage,
-    rowsPerPageOptions,
-    paginationProps,
-    rowCount
-  } = _ref3;
-  const totalNumberOfRowsInTable = rowCount;
-  const totalRowsLabel = `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`;
-  const pageRowsLabel = `All ${selectionStatus.numberOfSelectedRowsInPage} selectable rows on this page are selected${selectionStatus.numberOfSelectedRows != selectionStatus.numberOfSelectedRowsInPage ? ` (${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected in total)` : ''}.`;
-  return /*#__PURE__*/React__default.createElement(Flexbox, {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: "7px"
-  }, displaySelection ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, selectionStatus.type === 'page' && selectionStatus.numberOfSelectedRowsInPage != 0 ? /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "14px"
-  }, pageRowsLabel) : selectionStatus.type === 'other' ? /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "14px"
-  }, totalRowsLabel) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination, _extends({
-    component: "div",
-    count: totalNumberOfRowsInTable,
-    page: page,
-    onPageChange: (event, newPage) => onPageChange(newPage),
-    rowsPerPage: pageSize,
-    onRowsPerPageChange: event => {
-      onPageSizeChange(parseInt(event.target.value, 10));
-    },
-    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
-  }, paginationProps)) : null);
-};
-
-export { ServerSideControlledPagination, onServerSideSelectionStatusChange };
-//# sourceMappingURL=ServerSideControlledPagination.js.map

package/components/Pagination/ServerSideControlledPagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerSideControlledPagination.js","sources":["../../../src/components/Pagination/ServerSideControlledPagination.tsx"],"sourcesContent":["import React from 'react';\nimport { Flexbox, Text } from '@redsift/design-system';\n\nimport { DataGridProps, GridSelectionModel, SelectionStatus } from '../DataGrid/types';\nimport TablePagination from '@mui/material/TablePagination';\nimport { GridApiPro } from '@mui/x-data-grid-pro/models/gridApiPro';\nimport {\n  gridPaginatedVisibleSortedGridRowEntriesSelector,\n  gridPaginatedVisibleSortedGridRowIdsSelector,\n  GridRowParams,\n} from '@mui/x-data-grid-pro';\n\nexport type ServerSideControlledPaginationProps = {\n  displaySelection?: boolean;\n  displayRowsPerPage?: boolean;\n  displayPagination?: boolean;\n  selectionStatus: SelectionStatus;\n  page: number;\n  onPageChange: (page: number) => void;\n  pageSize: number;\n  onPageSizeChange: (pageSize: number) => void;\n  rowsPerPageOptions?: number[];\n  paginationProps?: DataGridProps['paginationProps'];\n  rowCount: number;\n  loading?: boolean;\n};\n\nexport const onServerSideSelectionStatusChange = (\n  newSelectionModel: GridSelectionModel,\n  apiRef: React.MutableRefObject<GridApiPro>,\n  selectionStatus: React.MutableRefObject<SelectionStatus>,\n  isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined,\n  page: number,\n  pageSize: number\n) => {\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 numberOfSelectedRows = newSelectionModel.length;\n\n  const selectedRowsInPage = selectableRowsInPage.filter((rowId) => newSelectionModel.includes(rowId));\n  const numberOfSelectedRowsInPage = selectedRowsInPage.length;\n\n  const isSamePage = selectionStatus?.current.page == page;\n  const isSamePageSize = selectionStatus?.current.pageSize == pageSize;\n\n  // if previous status is `page`,\n  // if page and pageSize didn't change\n  // and all the rows are selected, deselect all row\n  if (\n    selectionStatus.current.type === 'page' &&\n    isSamePage &&\n    isSamePageSize &&\n    numberOfSelectedRowsInPage === numberOfSelectableRowsInPage\n  ) {\n    setTimeout(() => {\n      apiRef.current.selectRows(selectedRowsInPage, false, false);\n    }, 0);\n  }\n\n  if (numberOfSelectedRowsInPage === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage != 0) {\n    selectionStatus.current = {\n      type: 'page',\n      numberOfSelectedRows,\n      numberOfSelectedRowsInPage,\n      page,\n      pageSize,\n    };\n  } else if (numberOfSelectedRows > 0) {\n    selectionStatus.current = {\n      type: 'other',\n      numberOfSelectedRows,\n      numberOfSelectedRowsInPage,\n      page,\n      pageSize,\n    };\n  } else {\n    selectionStatus.current = {\n      type: 'none',\n      numberOfSelectedRows,\n      numberOfSelectedRowsInPage,\n      page,\n      pageSize,\n    };\n  }\n};\n\nexport const ServerSideControlledPagination: React.FC<ServerSideControlledPaginationProps> = ({\n  selectionStatus,\n  displaySelection,\n  displayPagination,\n  page,\n  onPageChange,\n  pageSize,\n  onPageSizeChange,\n  displayRowsPerPage,\n  rowsPerPageOptions,\n  paginationProps,\n  rowCount,\n}) => {\n  const totalNumberOfRowsInTable = rowCount;\n\n  const totalRowsLabel = `${selectionStatus.numberOfSelectedRows} row${\n    selectionStatus.numberOfSelectedRows > 1 ? 's' : ''\n  } selected`;\n\n  const pageRowsLabel = `All ${selectionStatus.numberOfSelectedRowsInPage} selectable rows on this page are selected${\n    selectionStatus.numberOfSelectedRows != selectionStatus.numberOfSelectedRowsInPage\n      ? ` (${selectionStatus.numberOfSelectedRows} row${\n          selectionStatus.numberOfSelectedRows > 1 ? 's' : ''\n        } selected in total)`\n      : ''\n  }.`;\n\n  return (\n    <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"space-between\" marginBottom=\"7px\">\n      {displaySelection ? (\n        <>\n          {selectionStatus.type === 'page' && selectionStatus.numberOfSelectedRowsInPage != 0 ? (\n            <Text fontSize=\"14px\">{pageRowsLabel}</Text>\n          ) : selectionStatus.type === 'other' ? (\n            <Text fontSize=\"14px\">{totalRowsLabel}</Text>\n          ) : (\n            <Text />\n          )}\n        </>\n      ) : null}\n      {displayPagination ? (\n        <TablePagination\n          component=\"div\"\n          count={totalNumberOfRowsInTable}\n          page={page}\n          onPageChange={(event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => onPageChange(newPage)}\n          rowsPerPage={pageSize}\n          onRowsPerPageChange={(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n            onPageSizeChange(parseInt(event.target.value, 10));\n          }}\n          rowsPerPageOptions={displayRowsPerPage ? rowsPerPageOptions : []}\n          {...paginationProps}\n        />\n      ) : null}\n    </Flexbox>\n  );\n};\n"],"names":["onServerSideSelectionStatusChange","newSelectionModel","apiRef","selectionStatus","isRowSelectable","page","pageSize","selectableRowsInPage","gridPaginatedVisibleSortedGridRowEntriesSelector","filter","_ref","model","row","map","_ref2","id","gridPaginatedVisibleSortedGridRowIdsSelector","numberOfSelectableRowsInPage","length","numberOfSelectedRows","selectedRowsInPage","rowId","includes","numberOfSelectedRowsInPage","isSamePage","current","isSamePageSize","type","setTimeout","selectRows","ServerSideControlledPagination","_ref3","displaySelection","displayPagination","onPageChange","onPageSizeChange","displayRowsPerPage","rowsPerPageOptions","paginationProps","rowCount","totalNumberOfRowsInTable","totalRowsLabel","pageRowsLabel","React","createElement","Flexbox","flexDirection","alignItems","justifyContent","marginBottom","Fragment","Text","fontSize","TablePagination","_extends","component","count","event","newPage","rowsPerPage","onRowsPerPageChange","parseInt","target","value"],"mappings":"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"}

package/components/StatefulDataGrid/StatefulDataGrid.d.ts

@@ -1,6 +0,0 @@
-import { Comp } from '@redsift/design-system';
-import { StatefulDataGridProps } from './types.js';
-
-declare const StatefulDataGrid: Comp<StatefulDataGridProps, HTMLDivElement>;
-
-export { StatefulDataGrid };

package/components/StatefulDataGrid/StatefulDataGrid.js

@@ -1,373 +0,0 @@
-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 '../DataGrid/styles.js';
-import { useStatefulTable } from '../../hooks/useStatefulTable.js';
-import { customColumnTypes } from '../../utils/columnTypes/index.js';
-import { useControlledDatagridState } from '../../hooks/useControlledDatagridState.js';
-import createTheme from '../../node_modules/@mui/material/styles/createTheme.js';
-import ThemeProvider$1 from '../../node_modules/@mui/material/styles/ThemeProvider.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 { 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", "columns", "columnTypes", "components", "componentsProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "page", "pageSize", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "localStorageVersion", "previousLocalStorageVersions", "onFilterModelChange", "selectionModel", "onColumnWidthChange", "onPageChange", "onPageSizeChange", "onSelectionModelChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "useRouter", "paginationMode", "rowCount"];
-const COMPONENT_NAME = 'DataGrid';
-const CLASSNAME = 'redsift-datagrid';
-const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
-  const datagridRef = ref || useRef();
-  const {
-      apiRef: propsApiRef,
-      autoHeight,
-      className,
-      columns,
-      columnTypes: propsColumnTypes,
-      components,
-      componentsProps,
-      filterModel: propsFilterModel,
-      columnVisibilityModel: propsColumnVisibilityModel,
-      pinnedColumns: propsPinnedColumns,
-      sortModel: propsSortModel,
-      page: propsPage,
-      pageSize: propsPageSize,
-      height: propsHeight,
-      hideToolbar,
-      initialState,
-      isRowSelectable,
-      license = process.env.MUI_LICENSE_KEY,
-      localStorageVersion,
-      previousLocalStorageVersions,
-      onFilterModelChange: propsOnFilterModelChange,
-      selectionModel: propsSelectionModel,
-      onColumnWidthChange: propsOnColumnWidthChange,
-      onPageChange: propsOnPageChange,
-      onPageSizeChange: propsOnPageSizeChange,
-      onSelectionModelChange: propsOnSelectionModelChange,
-      onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,
-      onPinnedColumnsChange: propsOnPinnedColumnsChange,
-      onSortModelChange: propsOnSortModelChange,
-      pagination,
-      paginationPlacement = 'both',
-      paginationProps,
-      rows,
-      rowsPerPageOptions,
-      sx,
-      theme: propsTheme,
-      useRouter,
-      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 {
-    onColumnVisibilityModelChange: controlledOnColumnVisibilityModelChange,
-    onFilterModelChange: controlledOnFilterModelChange,
-    onPageChange: controlledOnPageChange,
-    onPageSizeChange: controlledOnPageSizeChange,
-    onPinnedColumnsChange: controlledOnPinnedColumnsChange,
-    onSortModelChange: controlledOnSortModelChange
-  } = useControlledDatagridState({
-    initialState,
-    rowsPerPageOptions,
-    propsColumnVisibilityModel,
-    propsFilterModel,
-    propsOnColumnVisibilityModelChange,
-    propsOnFilterModelChange,
-    propsOnPinnedColumnsChange,
-    propsOnSortModelChange,
-    propsPage,
-    propsPageSize,
-    propsPinnedColumns,
-    propsSortModel,
-    propsOnPageChange,
-    propsOnPageSizeChange
-  });
-  const {
-    columnVisibilityModel,
-    filterModel,
-    onColumnVisibilityModelChange,
-    onFilterModelChange,
-    onPageChange,
-    onPageSizeChange,
-    onPinnedColumnsChange,
-    onSortModelChange,
-    page,
-    pageSize,
-    pinnedColumns,
-    sortModel,
-    onColumnWidthChange
-  } = useStatefulTable({
-    apiRef: apiRef,
-    initialState,
-    columns,
-    onColumnVisibilityModelChange: controlledOnColumnVisibilityModelChange,
-    onColumnWidthChange: propsOnColumnWidthChange,
-    onFilterModelChange: controlledOnFilterModelChange,
-    onPageChange: controlledOnPageChange,
-    onPageSizeChange: controlledOnPageSizeChange,
-    onPinnedColumnsChange: controlledOnPinnedColumnsChange,
-    onSortModelChange: controlledOnSortModelChange,
-    useRouter: useRouter,
-    localStorageVersion,
-    previousLocalStorageVersions
-  });
-  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: 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(StatefulDataGrid.className, className),
-    $height: height
-  }, /*#__PURE__*/React__default.createElement(DataGridPro, _extends({}, forwardedProps, {
-    apiRef: apiRef,
-    columns: columns,
-    columnVisibilityModel: columnVisibilityModel,
-    filterModel: filterModel,
-    onColumnVisibilityModelChange: onColumnVisibilityModelChange,
-    onFilterModelChange: onFilterModelChange,
-    onPageChange: onPageChange,
-    onPageSizeChange: onPageSizeChange,
-    onPinnedColumnsChange: onPinnedColumnsChange,
-    onSortModelChange: onSortModelChange,
-    page: page,
-    pageSize: pageSize,
-    pinnedColumns: pinnedColumns,
-    sortModel: sortModel,
-    rowsPerPageOptions: rowsPerPageOptions,
-    onColumnWidthChange: onColumnWidthChange,
-    initialState: initialState,
-    isRowSelectable: isRowSelectable,
-    pagination: pagination,
-    paginationMode: paginationMode,
-    keepNonExistentRowsSelected: paginationMode == 'server',
-    rows: rows,
-    rowCount: rowCount,
-    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 => {
-        return 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,
-          pageSize: pageSize,
-          onPageChange: onPageChange,
-          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,
-          pageSize: pageSize,
-          onPageChange: onPageChange,
-          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,
-        pageSize,
-        onPageChange,
-        onPageSizeChange,
-        rowsPerPageOptions,
-        paginationProps,
-        paginationMode,
-        rowCount
-      }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.toolbar)
-    }),
-    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'
-      }
-    })
-  })))));
-});
-StatefulDataGrid.className = CLASSNAME;
-StatefulDataGrid.displayName = COMPONENT_NAME;
-
-export { StatefulDataGrid };
-//# sourceMappingURL=StatefulDataGrid.js.map