@mui/x-data-grid-premium 8.0.0-beta.2 → 8.0.0

package/modern/components/GridDataSourceGroupingCriteriaCell.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { useGridPrivateApiContext, gridDataSourceErrorSelector, gridDataSourceLoadingIdSelector, gridRowSelector, vars } from '@mui/x-data-grid-pro/internals';
-import { useGridSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['groupingCriteriaCell'],
-    toggle: ['groupingCriteriaCellToggle'],
-    loadingContainer: ['groupingCriteriaCellLoadingContainer']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridGroupingCriteriaCellIcon(props) {
-  const apiRef = useGridPrivateApiContext();
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  const {
-    rowNode,
-    id,
-    field,
-    descendantCount
-  } = props;
-  const isDataLoading = useGridSelector(apiRef, gridDataSourceLoadingIdSelector, id);
-  const error = useGridSelector(apiRef, gridDataSourceErrorSelector, id);
-  const handleClick = event => {
-    if (!rowNode.childrenExpanded) {
-      // always fetch/get from cache the children when the node is expanded
-      apiRef.current.dataSource.fetchRows(id);
-    } else {
-      apiRef.current.setRowChildrenExpansion(id, !rowNode.childrenExpanded);
-    }
-    apiRef.current.setCellFocus(id, field);
-    event.stopPropagation();
-  };
-  const Icon = rowNode.childrenExpanded ? rootProps.slots.groupingCriteriaCollapseIcon : rootProps.slots.groupingCriteriaExpandIcon;
-  if (isDataLoading) {
-    return /*#__PURE__*/_jsx("div", {
-      className: classes.loadingContainer,
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseCircularProgress, {
-        size: "1rem",
-        color: "inherit"
-      })
-    });
-  }
-  return descendantCount === -1 || descendantCount > 0 ? /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-    size: "small",
-    onClick: handleClick,
-    tabIndex: -1,
-    "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-  }, rootProps?.slotProps?.baseIconButton, {
-    children: /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-      title: error?.message ?? null,
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseBadge, {
-        variant: "dot",
-        color: "error",
-        invisible: !error,
-        children: /*#__PURE__*/_jsx(Icon, {
-          fontSize: "inherit"
-        })
-      })
-    })
-  })) : null;
-}
-export function GridDataSourceGroupingCriteriaCell(props) {
-  const {
-    id,
-    field,
-    rowNode,
-    hideDescendantCount,
-    formattedValue
-  } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const row = useGridSelector(apiRef, gridRowSelector, id);
-  const classes = useUtilityClasses(rootProps);
-  let descendantCount = 0;
-  if (row) {
-    descendantCount = rootProps.dataSource?.getChildrenCount?.(row) ?? 0;
-  }
-  let cellContent;
-  const colDef = apiRef.current.getColumn(rowNode.groupingField);
-  if (typeof colDef?.renderCell === 'function') {
-    cellContent = colDef.renderCell(props);
-  } else if (typeof formattedValue !== 'undefined') {
-    cellContent = /*#__PURE__*/_jsx("span", {
-      children: formattedValue
-    });
-  } else {
-    cellContent = /*#__PURE__*/_jsx("span", {
-      children: rowNode.groupingKey
-    });
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes.root,
-    style: {
-      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : `calc(var(--DataGrid-cellOffsetMultiplier) * ${vars.spacing(rowNode.depth)})`
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.toggle,
-      children: /*#__PURE__*/_jsx(GridGroupingCriteriaCellIcon, {
-        id: id,
-        field: field,
-        rowNode: rowNode,
-        row: row,
-        descendantCount: descendantCount
-      })
-    }), cellContent, !hideDescendantCount && descendantCount > 0 ? /*#__PURE__*/_jsxs("span", {
-      style: {
-        whiteSpace: 'pre'
-      },
-      children: [" (", descendantCount, ")"]
-    }) : null]
-  });
-}

package/modern/components/GridExcelExportMenuItem.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { GridExportMenuItemProps } from '@mui/x-data-grid-pro';
-import { GridExcelExportOptions } from "../hooks/features/export/index.js";
-export type GridExcelExportMenuItemProps = GridExportMenuItemProps<GridExcelExportOptions>;
-declare function GridExcelExportMenuItem(props: GridExcelExportMenuItemProps): React.JSX.Element;
-declare namespace GridExcelExportMenuItem {
-  var propTypes: any;
-}
-export { GridExcelExportMenuItem };

package/modern/components/GridExcelExportMenuItem.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["hideMenu", "options"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridExcelExportMenuItem(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-      hideMenu,
-      options
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
-    onClick: () => {
-      apiRef.current.exportDataAsExcel(options);
-      hideMenu?.();
-    }
-  }, other, {
-    children: apiRef.current.getLocaleText('toolbarExportExcel')
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridExcelExportMenuItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  hideMenu: PropTypes.func,
-  options: PropTypes.shape({
-    allColumns: PropTypes.bool,
-    columnsStyles: PropTypes.object,
-    disableToolbarButton: PropTypes.bool,
-    escapeFormulas: PropTypes.bool,
-    exceljsPostProcess: PropTypes.func,
-    exceljsPreProcess: PropTypes.func,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    fileName: PropTypes.string,
-    getRowsToExport: PropTypes.func,
-    includeColumnGroupsHeaders: PropTypes.bool,
-    includeHeaders: PropTypes.bool,
-    valueOptionsSheetName: PropTypes.string,
-    worker: PropTypes.func
-  })
-} : void 0;
-export { GridExcelExportMenuItem };

package/modern/components/GridFooterCell.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
-interface GridFooterCellProps extends GridRenderCellParams {
-  sx?: SxProps<Theme>;
-}
-declare function GridFooterCell(props: GridFooterCellProps): React.JSX.Element;
-export { GridFooterCell };

package/modern/components/GridFooterCell.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["formattedValue", "colDef", "cellMode", "row", "api", "id", "value", "rowNode", "field", "focusElementRef", "hasFocus", "tabIndex", "isEditable"];
-import * as React from 'react';
-import { getDataGridUtilityClass } from '@mui/x-data-grid';
-import { vars } from '@mui/x-data-grid/internals';
-import { styled } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridFooterCellRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FooterCell',
-  overridesResolver: (_, styles) => styles.footerCell
-})({
-  fontWeight: vars.typography.fontWeight.medium,
-  color: vars.colors.foreground.accent
-});
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['footerCell']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-function GridFooterCell(props) {
-  const {
-      formattedValue
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const ownerState = rootProps;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(GridFooterCellRoot, _extends({
-    ownerState: ownerState,
-    className: classes.root
-  }, other, {
-    children: formattedValue
-  }));
-}
-export { GridFooterCell };

package/modern/components/GridGroupingColumnFooterCell.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnFooterCell(props: GridRenderCellParams): React.JSX.Element;
-export { GridGroupingColumnFooterCell };

package/modern/components/GridGroupingColumnFooterCell.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { GridFooterCell } from "./GridFooterCell.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridGroupingColumnFooterCell(props) {
-  const rootProps = useGridRootProps();
-  const sx = {
-    ml: 0
-  };
-  if (props.rowNode.parent == null) {
-    sx.ml = 0;
-  } else if (rootProps.rowGroupingColumnMode === 'multiple') {
-    sx.ml = 2;
-  } else {
-    sx.ml = `calc(var(--DataGrid-cellOffsetMultiplier) * ${vars.spacing(props.rowNode.depth)})`;
-  }
-  return /*#__PURE__*/_jsx(GridFooterCell, _extends({
-    sx: sx
-  }, props));
-}
-export { GridGroupingColumnFooterCell };

package/modern/components/GridGroupingColumnLeafCell.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-pro';
-declare function GridGroupingColumnLeafCell(props: GridRenderCellParams): React.JSX.Element;
-export { GridGroupingColumnLeafCell };

package/modern/components/GridGroupingColumnLeafCell.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { vars } from '@mui/x-data-grid/internals';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridGroupingColumnLeafCell(props) {
-  const {
-    rowNode
-  } = props;
-  const rootProps = useGridRootProps();
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? vars.spacing(1) : `calc(var(--DataGrid-cellOffsetMultiplier) * ${vars.spacing(rowNode.depth)})`
-    },
-    children: props.formattedValue ?? props.value
-  });
-}
-export { GridGroupingColumnLeafCell };

package/modern/components/GridGroupingCriteriaCell.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams, GridGroupNode } from '@mui/x-data-grid-pro';
-interface GridGroupingCriteriaCellProps extends GridRenderCellParams<any, any, any, GridGroupNode> {
-  hideDescendantCount?: boolean;
-}
-export declare function GridGroupingCriteriaCell(props: GridGroupingCriteriaCellProps): React.JSX.Element;
-export {};

package/modern/components/GridGroupingCriteriaCell.js

@@ -1,87 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { vars } from '@mui/x-data-grid/internals';
-import { useGridSelector, gridFilteredDescendantCountLookupSelector, getDataGridUtilityClass } from '@mui/x-data-grid-pro';
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['groupingCriteriaCell'],
-    toggle: ['groupingCriteriaCellToggle']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-export function GridGroupingCriteriaCell(props) {
-  const {
-    id,
-    field,
-    rowNode,
-    hideDescendantCount,
-    formattedValue
-  } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const ownerState = {
-    classes: rootProps.classes
-  };
-  const classes = useUtilityClasses(ownerState);
-  const filteredDescendantCountLookup = useGridSelector(apiRef, gridFilteredDescendantCountLookupSelector);
-  const filteredDescendantCount = filteredDescendantCountLookup[rowNode.id] ?? 0;
-  const Icon = rowNode.childrenExpanded ? rootProps.slots.groupingCriteriaCollapseIcon : rootProps.slots.groupingCriteriaExpandIcon;
-  const handleKeyDown = event => {
-    if (event.key === ' ') {
-      // We call event.stopPropagation to avoid unfolding the row and also scrolling to bottom
-      // TODO: Remove and add a check inside useGridKeyboardNavigation
-      event.stopPropagation();
-    }
-    apiRef.current.publishEvent('cellKeyDown', props, event);
-  };
-  const handleClick = event => {
-    apiRef.current.setRowChildrenExpansion(id, !rowNode.childrenExpanded);
-    apiRef.current.setCellFocus(id, field);
-    event.stopPropagation();
-  };
-  let cellContent;
-  const colDef = apiRef.current.getColumn(rowNode.groupingField);
-  if (typeof colDef.renderCell === 'function') {
-    cellContent = colDef.renderCell(props);
-  } else if (typeof formattedValue !== 'undefined') {
-    cellContent = /*#__PURE__*/_jsx("span", {
-      children: formattedValue
-    });
-  } else {
-    cellContent = /*#__PURE__*/_jsx("span", {
-      children: rowNode.groupingKey
-    });
-  }
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes.root,
-    style: {
-      marginLeft: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : `calc(var(--DataGrid-cellOffsetMultiplier) * ${rowNode.depth} * ${vars.spacing(1)})`
-    },
-    children: [/*#__PURE__*/_jsx("div", {
-      className: classes.toggle,
-      children: filteredDescendantCount > 0 && /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-        size: "small",
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        tabIndex: -1,
-        "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-      }, rootProps.slotProps?.baseIconButton, {
-        children: /*#__PURE__*/_jsx(Icon, {
-          fontSize: "inherit"
-        })
-      }))
-    }), cellContent, !hideDescendantCount && filteredDescendantCount > 0 ? /*#__PURE__*/_jsxs("span", {
-      style: {
-        whiteSpace: 'pre'
-      },
-      children: [" (", filteredDescendantCount, ")"]
-    }) : null]
-  });
-}

package/modern/components/GridPremiumColumnMenu.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuProps, GridColumnMenuItemProps } from '@mui/x-data-grid-pro';
-import { GridColumnMenuAggregationItem } from "./GridColumnMenuAggregationItem.js";
-export declare function GridColumnMenuGroupingItem(props: GridColumnMenuItemProps): React.JSX.Element;
-export declare const GRID_COLUMN_MENU_SLOTS_PREMIUM: {
-  columnMenuAggregationItem: typeof GridColumnMenuAggregationItem;
-  columnMenuGroupingItem: typeof GridColumnMenuGroupingItem;
-  columnMenuPinningItem: typeof import("@mui/x-data-grid-pro").GridColumnMenuPinningItem;
-  columnMenuSortItem: typeof import("@mui/x-data-grid").GridColumnMenuSortItem;
-  columnMenuFilterItem: typeof import("@mui/x-data-grid").GridColumnMenuFilterItem;
-  columnMenuColumnsItem: typeof import("@mui/x-data-grid").GridColumnMenuColumnsItem;
-};
-export declare const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM: {
-  columnMenuAggregationItem: {
-    displayOrder: number;
-  };
-  columnMenuGroupingItem: {
-    displayOrder: number;
-  };
-  columnMenuPinningItem: {
-    displayOrder: number;
-  };
-  columnMenuSortItem: {
-    displayOrder: number;
-  };
-  columnMenuFilterItem: {
-    displayOrder: number;
-  };
-  columnMenuColumnsItem: {
-    displayOrder: number;
-  };
-};
-export declare const GridPremiumColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;

package/modern/components/GridPremiumColumnMenu.js

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { GridGenericColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from '@mui/x-data-grid-pro';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnMenuAggregationItem } from "./GridColumnMenuAggregationItem.js";
-import { isGroupingColumn } from "../hooks/features/rowGrouping/index.js";
-import { GridColumnMenuRowGroupItem } from "./GridColumnMenuRowGroupItem.js";
-import { GridColumnMenuRowUngroupItem } from "./GridColumnMenuRowUngroupItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridColumnMenuGroupingItem(props) {
-  const {
-    colDef
-  } = props;
-  if (isGroupingColumn(colDef.field)) {
-    return /*#__PURE__*/_jsx(GridColumnMenuRowGroupItem, _extends({}, props));
-  }
-  return /*#__PURE__*/_jsx(GridColumnMenuRowUngroupItem, _extends({}, props));
-}
-export const GRID_COLUMN_MENU_SLOTS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOTS, {
-  columnMenuAggregationItem: GridColumnMenuAggregationItem,
-  columnMenuGroupingItem: GridColumnMenuGroupingItem
-});
-export const GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM = _extends({}, GRID_COLUMN_MENU_SLOT_PROPS, {
-  columnMenuAggregationItem: {
-    displayOrder: 23
-  },
-  columnMenuGroupingItem: {
-    displayOrder: 27
-  }
-});
-export const GridPremiumColumnMenu = forwardRef(function GridPremiumColumnMenuSimple(props, ref) {
-  return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({}, props, {
-    defaultSlots: GRID_COLUMN_MENU_SLOTS_PREMIUM,
-    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PREMIUM,
-    ref: ref
-  }));
-});

package/modern/components/GridPremiumToolbar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridToolbarProps } from '@mui/x-data-grid/internals';
-export declare function GridPremiumToolbar(props: GridToolbarProps): React.JSX.Element;

package/modern/components/GridPremiumToolbar.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["excelOptions"];
-import * as React from 'react';
-import { GridToolbar } from '@mui/x-data-grid/internals';
-import { ExportExcel } from "./export/index.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function GridPremiumToolbar(props) {
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const other = _objectWithoutPropertiesLoose(props, _excluded);
-  const additionalExportMenuItems = !props.excelOptions?.disableToolbarButton ? onMenuItemClick => /*#__PURE__*/_jsx(ExportExcel, {
-    render: /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({}, rootProps.slotProps?.baseMenuItem)),
-    options: props.excelOptions,
-    onClick: onMenuItemClick,
-    children: apiRef.current.getLocaleText('toolbarExportExcel')
-  }) : undefined;
-  return /*#__PURE__*/_jsx(GridToolbar, _extends({}, other, {
-    additionalExportMenuItems: additionalExportMenuItems
-  }));
-}

package/modern/components/export/ExportExcel.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { GridSlotProps, RenderProp } from '@mui/x-data-grid';
-import { GridExcelExportOptions } from "../../hooks/features/export/index.js";
-export type ExportExcelProps = GridSlotProps['baseButton'] & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseButton']>;
-  /**
-   * The options to apply on the Excel export.
-   * @demos
-   *   - [Excel export](/x/react-data-grid/export/#excel-export)
-   */
-  options?: GridExcelExportOptions;
-};
-/**
- * A button that triggers an Excel export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-data-grid/components/export/)
- *
- * API:
- *
- * - [ExportExcel API](https://mui.com/x/api/data-grid/export-excel/)
- */
-declare const ExportExcel: React.ForwardRefExoticComponent<ExportExcelProps> | React.ForwardRefExoticComponent<Omit<ExportExcelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { ExportExcel };