grep-components 2.8.0 → 2.9.0-GREPF-2682.1

package/dist/components/GrepDatePicker/index.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { Dayjs } from 'dayjs';
 import { DatePickerProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from '@mui/material';
 import '../../utils/dateHelper';
 import { ParseableDate } from '../../utils/dateHelper';
 type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus' | 'margin' | 'sx'>;
-export interface GrepDatePickerProps extends Omit<DatePickerProps<Dayjs>, 'value' | 'renderInput'>, InputProps {
+export interface GrepDatePickerProps extends Omit<DatePickerProps, 'value' | 'renderInput'>, InputProps {
     value?: ParseableDate | null;
     errorMessage?: string;
 }

package/dist/components/GrepDateRange/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { DateRangeValue } from '../../utils/dateHelper';
 import { GrepDatePickerProps } from '../GrepDatePicker';
 import { Dayjs } from 'dayjs';
-import { GridSpacing } from '@mui/material/Grid2';
+import { GridSpacing } from '@mui/material/Grid';
 type CommonProperties = Pick<GrepDatePickerProps, 'variant' | 'margin' | 'sx'>;
 interface Props extends CommonProperties {
     from: Omit<GrepDatePickerProps, 'onChange'>;

package/dist/index.js

@@ -41,7 +41,7 @@ import CircularProgress$1 from '@mui/material/CircularProgress';
 import Info from '@mui/icons-material/Info';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { LocalizationProvider, DesktopDatePicker } from '@mui/x-date-pickers';
-import Grid2 from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 import ListItem$1 from '@mui/material/ListItem';
 import Collapse$1 from '@mui/material/Collapse';
 import ExpandLess from '@mui/icons-material/ExpandLess';
@@ -61,7 +61,6 @@ import { $isElementNode, ArtificialNode__DO_NOT_USE, $createLineBreakNode, $isRo
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import FormatBold from '@mui/icons-material/FormatBold';
 import FormatItalic from '@mui/icons-material/FormatItalic';
-import { Menu as Menu$2 } from '@mui/icons-material';
 import Dialog from '@mui/material/Dialog';
 import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
@@ -3230,10 +3229,10 @@ const GrepDateRange = ({ onChange, spacing = 3, style, fullWidth, from: fromProp
     const [to, setTo] = useDate(toProperties.value);
     const { minDate, maxDate, ...commonProperties } = properties;
     useEffect(() => onChange(new DateRangeValue(from, to)), [String(from), String(to)]);
-    return (React__default.createElement(Grid2, { container: true, spacing: spacing, style: style },
-        React__default.createElement(Grid2, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
+    return (React__default.createElement(Grid, { container: true, spacing: spacing, style: style },
+        React__default.createElement(Grid, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
             React__default.createElement(DatePicker, { id: String(fromProperties.label), fullWidth: true, minDate: minDate, ...commonProperties, ...fromProperties, value: from, maxDate: to?.subtract(1, 'day') || undefined, onChange: setFrom })),
-        React__default.createElement(Grid2, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
+        React__default.createElement(Grid, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
             React__default.createElement(DatePicker, { id: String(toProperties.label), fullWidth: true, maxDate: maxDate, ...commonProperties, ...toProperties, value: to, minDate: from?.add(1, 'day') || undefined, onChange: setTo }))));
 };
 
@@ -12251,7 +12250,7 @@ const MobileAppBar = ({ userMenuItems, menuItems, }) => {
         React.createElement(AppBar$1, { position: "static", role: "navigation" },
             React.createElement(Toolbar$1, { style: { minHeight: '50px' } },
                 React.createElement(IconButton$1, { size: "medium", edge: "start", color: "inherit", "aria-label": "menu", style: { marginRight: 2 }, onClick: handleClickNav },
-                    React.createElement(Menu$2, { sx: { color: 'white' } })),
+                    React.createElement(MenuIcon, { sx: { color: 'white' } })),
                 React.createElement(Menu$1, { id: "basic-menu", anchorEl: anchorElNav, open: openNav, onClose: handleCloseNav, MenuListProps: {
                         'aria-labelledby': 'basic-button',
                     } }, menuItems.map((page) => (React.createElement(MobileToolbarMenuItem, { key: page.name, to: page.redirectUrl || '' },