From 51602a48c5304db6f61e2c7e772c9a3a4aa3f65c Mon Sep 17 00:00:00 2001 From: Roxanne Young Date: Mon, 3 Nov 2025 08:39:54 -0500 Subject: [PATCH 1/5] feat: upgrade material and react dependencies BREAKING CHANGE: @mui/material upgraded to v7 BREAKING CHANGE: @mui/x-* upgraded to v8 BREAKING CHANGE: react upgraded to v19 --- apps/element-storybook/.storybook/preview.tsx | 2 +- .../bs4-migration/FormMigration.stories.tsx | 10 +- .../src/bs4-migration/form-migration.md | 4 +- .../sidebar-tables/DataGridSection.tsx | 6 +- .../layouts/sidebar-tables/HeaderSection.tsx | 2 +- .../layouts/sidebar-tables/SearchSection.tsx | 2 +- .../layouts/sidebar-tables/TablesSection.tsx | 2 +- .../element-storybook/src/upgrading-to-v2.mdx | 44 + package.json | 10 +- packages/accordion/package.json | 10 +- packages/alert/package.json | 10 +- packages/alert/src/lib/AlertTitle.tsx | 2 +- packages/authorize/package.json | 10 +- .../authorize/src/lib/Authorize.stories.tsx | 2 +- packages/authorize/src/lib/Authorize.tsx | 2 +- packages/autocomplete/package.json | 12 +- .../src/lib/Autocomplete.test.tsx | 6 +- .../autocomplete/src/lib/Autocomplete.tsx | 2 +- packages/avatar/package.json | 10 +- packages/avatar/src/lib/Avatar.stories.tsx | 2 +- packages/avatar/src/lib/Avatar.tsx | 2 +- packages/backdrop/package.json | 10 +- packages/backdrop/src/lib/Backdrop.tsx | 2 +- packages/badge/package.json | 10 +- packages/badge/src/lib/Badge.tsx | 2 +- packages/block-ui/package.json | 10 +- packages/block-ui/src/lib/BlockUi.tsx | 4 +- packages/breadcrumbs/package.json | 10 +- packages/breadcrumbs/src/lib/Breadcrumbs.tsx | 2 +- packages/button/package.json | 13 +- packages/button/src/lib/Button.tsx | 3 + .../button/src/lib/LoadingButton.stories.tsx | 1 - .../button/src/lib/LoadingButton.test.tsx | 3 +- packages/button/src/lib/LoadingButton.tsx | 29 +- packages/card/package.json | 10 +- packages/card/src/lib/Card.tsx | 2 +- packages/card/src/lib/CardActionArea.tsx | 2 +- packages/card/src/lib/CardActions.tsx | 2 +- packages/card/src/lib/CardContent.tsx | 2 +- packages/card/src/lib/CardHeader.tsx | 2 +- packages/card/src/lib/CardMedia.tsx | 2 +- packages/checkbox/package.json | 10 +- packages/chip/package.json | 10 +- packages/chip/src/lib/Chip.tsx | 2 +- packages/chip/src/lib/StatusChip.tsx | 2 +- packages/controlled-form/package.json | 10 +- .../src/lib/Autocomplete.test.tsx | 2 +- .../src/lib/CodesAutocomplete.test.tsx | 2 +- .../src/lib/Datepicker.test.tsx | 8 +- .../controlled-form/src/lib/Datepicker.tsx | 2 +- packages/controlled-form/src/lib/Types.tsx | 65 +- packages/datepicker/package.json | 12 +- packages/datepicker/src/lib/DateCalendar.tsx | 4 +- .../datepicker/src/lib/Datepicker.stories.tsx | 4 +- .../datepicker/src/lib/Datepicker.test.tsx | 9 - packages/datepicker/src/lib/Datepicker.tsx | 41 +- packages/dialog/package.json | 10 +- packages/dialog/src/lib/Dialog.tsx | 2 +- packages/dialog/src/lib/DialogActions.tsx | 2 +- packages/dialog/src/lib/DialogContent.tsx | 2 +- packages/dialog/src/lib/DialogContentText.tsx | 2 +- packages/dialog/src/lib/DialogTitle.tsx | 2 +- packages/disclaimer/package.json | 10 +- packages/disclaimer/src/lib/Disclaimer.tsx | 2 +- packages/divider/package.json | 10 +- packages/divider/src/lib/Divider.tsx | 2 +- packages/element/package.json | 10 +- packages/empty-state/package.json | 10 +- packages/event-tracker/package.json | 10 +- packages/favorites/package.json | 10 +- packages/favorites/src/lib/FavoriteHeart.tsx | 2 +- packages/favorites/src/lib/Favorites.tsx | 2 +- packages/feedback/package.json | 10 +- packages/feedback/src/lib/Feedback.tsx | 2 +- packages/feedback/src/lib/FeedbackForm.tsx | 6 +- packages/feedback/src/lib/FeedbackHeader.tsx | 2 +- packages/file-selector/package.json | 10 +- packages/file-selector/src/lib/FileList.tsx | 2 +- packages/file-selector/src/lib/FileList2.tsx | 2 +- .../file-selector/src/lib/FilePickerBtn.tsx | 2 +- .../src/lib/FileSelector.stories.tsx | 2 +- packages/form-utils/package.json | 10 +- packages/form-utils/src/lib/FieldHelpIcon.tsx | 2 +- .../form-utils/src/lib/FormHelperText.tsx | 2 +- packages/form-utils/src/lib/Radio.tsx | 2 +- packages/form-utils/src/lib/Select.test.tsx | 3 +- packages/form-utils/src/lib/Select.tsx | 2 +- packages/form-utils/src/lib/Switch.test.tsx | 2 +- packages/form-utils/src/lib/Switch.tsx | 2 +- packages/icon/package.json | 10 +- packages/icon/src/lib/Icons/Actions.tsx | 62 +- packages/icon/src/lib/Icons/Common.tsx | 66 +- packages/icon/src/lib/Icons/Data.tsx | 32 +- packages/icon/src/lib/Icons/Files.tsx | 48 +- packages/icon/src/lib/Icons/Form.tsx | 50 +- packages/icon/src/lib/Icons/Navigation.tsx | 28 +- packages/icon/src/lib/Icons/Payment.tsx | 18 +- packages/layout/package.json | 10 +- packages/layout/src/lib/Box.tsx | 2 +- packages/layout/src/lib/Container.tsx | 2 +- packages/layout/src/lib/Grid.tsx | 8 +- packages/layout/src/lib/Stack.tsx | 2 +- packages/link/package.json | 10 +- packages/list/package.json | 10 +- packages/list/src/lib/List.tsx | 2 +- packages/list/src/lib/ListItemAvatar.tsx | 2 +- packages/list/src/lib/ListItemIcon.tsx | 2 +- packages/list/src/lib/ListItemText.tsx | 2 +- packages/list/src/lib/ListSubheader.tsx | 2 +- packages/menu/package.json | 10 +- packages/menu/src/lib/Menu.tsx | 2 +- packages/modal/package.json | 10 +- packages/modal/src/lib/Modal.tsx | 2 +- .../files/package.json__template__ | 6 +- .../src/lib/__componentName__.tsx__template__ | 2 +- packages/page-header/package.json | 10 +- packages/page-header/src/lib/PageHeader.tsx | 4 +- packages/pagination/package.json | 10 +- packages/pagination/src/lib/Pagination.tsx | 2 +- .../pagination/src/lib/PaginationItem.tsx | 2 +- .../src/lib/ResourcePagination.test.tsx | 2 +- packages/paper/package.json | 10 +- packages/popover/package.json | 10 +- packages/popover/src/lib/Popover.tsx | 2 +- packages/popper/package.json | 10 +- packages/popper/src/lib/Popper.tsx | 2 +- packages/progress/package.json | 10 +- .../progress/src/lib/CircularProgress.tsx | 2 +- packages/snackbar/package.json | 10 +- packages/snackbar/src/lib/Snackbar.tsx | 2 +- packages/spaces/package.json | 10 +- packages/spaces/src/lib/Spaces.stories.tsx | 2 +- packages/spaces/src/lib/Spaces.tsx | 6 +- packages/spaces/src/lib/SpacesImage.tsx | 2 +- .../spaces/src/lib/SpacesLink/SpacesLink.tsx | 8 +- .../src/lib/SpacesLink/spaces-link-types.tsx | 12 +- packages/spaces/src/lib/helpers.tsx | 4 +- .../spaces/src/lib/modals/modal-types.tsx | 4 +- packages/stepper/package.json | 10 +- packages/stepper/src/lib/Step.tsx | 2 +- packages/stepper/src/lib/StepButton.tsx | 2 +- packages/stepper/src/lib/StepConnector.tsx | 2 +- packages/stepper/src/lib/StepContent.tsx | 2 +- packages/stepper/src/lib/StepIcon.tsx | 4 +- packages/stepper/src/lib/StepLabel.tsx | 2 +- packages/stepper/src/lib/Stepper.tsx | 2 +- packages/table/package.json | 10 +- packages/table/src/lib/Table.tsx | 2 +- packages/table/src/lib/TableBody.tsx | 2 +- packages/table/src/lib/TableCell.tsx | 2 +- packages/table/src/lib/TableContainer.tsx | 2 +- packages/table/src/lib/TableFooter.tsx | 2 +- packages/table/src/lib/TableHead.tsx | 2 +- packages/table/src/lib/TablePagination.tsx | 4 +- packages/table/src/lib/TableRow.tsx | 2 +- packages/table/src/lib/TableSortLabel.tsx | 2 +- packages/tabs/package.json | 12 +- packages/tabs/src/lib/Tab.tsx | 2 +- packages/tabs/src/lib/TabContext.tsx | 2 +- packages/tabs/src/lib/TabList.tsx | 2 +- packages/tabs/src/lib/TabPanel.tsx | 2 +- packages/tabs/src/lib/Tabs.tsx | 2 +- packages/textfield/package.json | 10 +- packages/theme-provider/package.json | 8 +- packages/theme/src/lib/legacy-theme.ts | 122 ++- packages/theme/src/lib/light-theme.ts | 186 +++- packages/toggle-button/package.json | 10 +- .../toggle-button/src/lib/ToggleButton.tsx | 2 +- .../src/lib/ToggleButtonGroup.tsx | 2 +- packages/tooltip/package.json | 10 +- packages/transitions/package.json | 10 +- packages/transitions/src/lib/Collapse.tsx | 2 +- packages/transitions/src/lib/Fade.tsx | 2 +- packages/tree/package.json | 12 +- .../tree/src/lib/DynamicTreeView.stories.tsx | 1 - packages/tree/src/lib/DynamicTreeView.tsx | 2 +- packages/tree/src/lib/JsonViewer.tsx | 4 +- packages/tree/src/lib/TreeItem.tsx | 12 +- packages/tree/src/lib/TreeView.tsx | 2 +- packages/typography/package.json | 10 +- packages/utils/introduction.mdx | 2 +- packages/utils/package.json | 8 +- packages/utils/src/lib/Utils.stories.tsx | 2 +- yarn.lock | 931 +++++++++--------- 184 files changed, 1392 insertions(+), 1179 deletions(-) create mode 100644 apps/element-storybook/src/upgrading-to-v2.mdx diff --git a/apps/element-storybook/.storybook/preview.tsx b/apps/element-storybook/.storybook/preview.tsx index 687019a1e1..e338943f41 100644 --- a/apps/element-storybook/.storybook/preview.tsx +++ b/apps/element-storybook/.storybook/preview.tsx @@ -5,7 +5,7 @@ import { Title, Subtitle, Description, Primary, Controls, Stories, useOf } from import type { StoryContext } from '@storybook/types'; import { ThemeProvider } from '@availity/theme-provider'; -const withThemeProvider = (Story: () => JSX.Element, context: StoryContext) => { +const withThemeProvider = (Story: () => React.JSX.Element, context: StoryContext) => { return ( diff --git a/apps/element-storybook/src/bs4-migration/FormMigration.stories.tsx b/apps/element-storybook/src/bs4-migration/FormMigration.stories.tsx index 492b48b1c9..041433b40c 100644 --- a/apps/element-storybook/src/bs4-migration/FormMigration.stories.tsx +++ b/apps/element-storybook/src/bs4-migration/FormMigration.stories.tsx @@ -155,7 +155,7 @@ const dropdownOptions = ['Bulbasaur', 'Squirtle', 'Charmander']; // /> // {errors.radio ? {errors.radio?.message} : null } // -// +// // Submit // // @@ -185,7 +185,7 @@ export const _YupValidation: StoryObj = { }); const isRequired = (name: string) => { - return(!schema.describe().fields[name]?.optional || undefined) + return(!(schema.describe().fields[name] as yup.SchemaDescription)?.optional || undefined) } type FormInputsType = yup.InferType; @@ -237,7 +237,7 @@ export const _YupValidation: StoryObj = { } value="1" label="Option 1" /> } value="2" label="Option 2" /> - + Submit @@ -338,7 +338,7 @@ export const _YupValidation: StoryObj = { // // )} // /> -// +// // Submit // // @@ -401,7 +401,7 @@ export const _RHFRules: StoryObj = { } value="1" label="Option 1" /> } value="2" label="Option 2" /> - + Submit diff --git a/apps/element-storybook/src/bs4-migration/form-migration.md b/apps/element-storybook/src/bs4-migration/form-migration.md index 68ce5dc196..1b8e14b110 100644 --- a/apps/element-storybook/src/bs4-migration/form-migration.md +++ b/apps/element-storybook/src/bs4-migration/form-migration.md @@ -340,7 +340,7 @@ export const Form = () => { } value="1" label="Option 1" /> } value="2" label="Option 2" /> - + Submit @@ -430,7 +430,7 @@ export const Form = () => { /> {errors.radio ? {errors.radio?.message} : null } - + Submit diff --git a/apps/element-storybook/src/layouts/sidebar-tables/DataGridSection.tsx b/apps/element-storybook/src/layouts/sidebar-tables/DataGridSection.tsx index ef891e89e9..746a6aa7d2 100644 --- a/apps/element-storybook/src/layouts/sidebar-tables/DataGridSection.tsx +++ b/apps/element-storybook/src/layouts/sidebar-tables/DataGridSection.tsx @@ -1,4 +1,4 @@ -import { AttachmentIcon, Badge, Chip } from '@availity/element'; +import { AttachmentIcon, Badge, StatusChip } from '@availity/element'; import { Paper, Typography } from '@mui/material'; import { DataGrid, GridColDef, GridRenderCellParams, GridValueGetterParams } from '@mui/x-data-grid'; import type { AlertColor } from '@mui/material'; @@ -53,12 +53,12 @@ const columns: GridColDef[] = [ Denied: 'error', Approved: 'success', }; - return ; + return ; }, }, ]; -export const DataGridSection = (): JSX.Element => ( +export const DataGridSection = (): React.JSX.Element => ( DataGrid diff --git a/apps/element-storybook/src/layouts/sidebar-tables/HeaderSection.tsx b/apps/element-storybook/src/layouts/sidebar-tables/HeaderSection.tsx index 13beb769c1..6c2f69e903 100644 --- a/apps/element-storybook/src/layouts/sidebar-tables/HeaderSection.tsx +++ b/apps/element-storybook/src/layouts/sidebar-tables/HeaderSection.tsx @@ -1,6 +1,6 @@ import { Box, Breadcrumbs, HomeIcon, IconButton, Link, Typography } from '@availity/element'; -export const HeaderSection = (): JSX.Element => { +export const HeaderSection = (): React.JSX.Element => { return ( diff --git a/apps/element-storybook/src/layouts/sidebar-tables/SearchSection.tsx b/apps/element-storybook/src/layouts/sidebar-tables/SearchSection.tsx index 43b7385b93..55b31605a9 100644 --- a/apps/element-storybook/src/layouts/sidebar-tables/SearchSection.tsx +++ b/apps/element-storybook/src/layouts/sidebar-tables/SearchSection.tsx @@ -12,7 +12,7 @@ import { ChartColumnIcon, } from '@availity/element'; -export const SearchSection = (): JSX.Element => { +export const SearchSection = (): React.JSX.Element => { const [searchValue, setSearchValue] = useState(''); return ( diff --git a/apps/element-storybook/src/layouts/sidebar-tables/TablesSection.tsx b/apps/element-storybook/src/layouts/sidebar-tables/TablesSection.tsx index 2a2f02800a..b37cadb88b 100644 --- a/apps/element-storybook/src/layouts/sidebar-tables/TablesSection.tsx +++ b/apps/element-storybook/src/layouts/sidebar-tables/TablesSection.tsx @@ -143,7 +143,7 @@ function EnhancedTableHead(props: EnhancedTableProps) { ); } -export const TablesSection = (): JSX.Element => { +export const TablesSection = (): React.JSX.Element => { const [order, setOrder] = useState(); const [orderBy, setOrderBy] = useState(); diff --git a/apps/element-storybook/src/upgrading-to-v2.mdx b/apps/element-storybook/src/upgrading-to-v2.mdx new file mode 100644 index 0000000000..e2e07ac715 --- /dev/null +++ b/apps/element-storybook/src/upgrading-to-v2.mdx @@ -0,0 +1,44 @@ +import { Meta } from '@storybook/addon-docs'; + + + +## Upgrading to Element v2 + +Element v2 introduces major upgrades to `@mui/material` v7 and `@mui/x-*` v8. For a +comprehensive list of the changes made see + +- [`@mui/material` Upgrade to v7 Guide](https://mui.com/material-ui/migration/upgrade-to-v7/) +- [`@mui/x-date-pickers` Migration from v7 to v8](https://mui.com/x/migration/migration-pickers-v7/) +- [`@mui/x-tree-view` Migration from v7 to v8](https://mui.com/x/migration/migration-tree-view-v7/) + +### Critical Changes + +#### React Upgrade and Dependency Coordination + +By default the material packages will use v19 of react, however if using a lower version of react a resolution will need to be +set for the corresponding version of `react-is`. See the MUI notes on [React 18 and below](https://mui.com/material-ui/migration/upgrade-to-v7/#react-18-and-below) + +### Potential Impact Changes + +These changes may affect your application depending on component usage: + +#### Component-Specific Changes + +- [Datepicker](https://mui.com/x/migration/migration-pickers-v7/) + - [New DOM structure for the field](https://mui.com/x/migration/migration-pickers-v7/) moves away from the old text input. The new section list input is more accessible, but removes any `placeholder` from the field. + - [Treat partially filled date as `null` in `onChange`](https://mui.com/x/migration/migration-pickers-v7/#treat-partially-filled-date-as-null-in-onchange) + - [disableOpenPicker prop deprecated](https://mui.com/x/migration/migration-pickers-v7/#deprecate-the-disableopenpicker-prop) + - [Do not pass the date object as a generic](https://mui.com/x/migration/migration-pickers-v7/#do-not-pass-the-date-object-as-a-generic) +- LoadingButton + - LoadingButton pattern now matches Button, removing the `variant` prop + +### Non-Impact Changes + +The following changes should not require any action: + +- [Deprecated APIs removed](https://mui.com/material-ui/migration/upgrade-to-v7/#deprecated-apis-removed) + - [Dialog onBackdropClick prop removal]() +- [Grid and Grid2 renamed](https://mui.com/material-ui/migration/upgrade-to-v7/#grid-and-grid2-renamed) - see `element` v1 codemods +- [TablePaginationActions types import path changed](https://mui.com/material-ui/migration/upgrade-to-v7/#tablepaginationactions-types-import-path-changed) +- [Use Simple Tree View instead of Tree View](https://mui.com/x/migration/migration-tree-view-v7/#%E2%9C%85-use-simple-tree-view-instead-of-tree-view) + diff --git a/package.json b/package.json index 3d910f2537..8734623aed 100644 --- a/package.json +++ b/package.json @@ -42,8 +42,8 @@ "@commitlint/config-conventional": "^18.6.3", "@commitlint/config-nx-scopes": "^18.6.1", "@jscutlery/semver": "~5.5.1", - "@mui/lab": "6.0.0-beta.12", - "@mui/x-data-grid": "^7.26.0", + "@mui/lab": "7.0.1-beta.18", + "@mui/x-data-grid": "^8.16.0", "@nx/devkit": "20.8.2", "@nx/eslint": "20.8.2", "@nx/eslint-plugin": "20.8.2", @@ -68,8 +68,8 @@ "@types/jest": "29.5.14", "@types/node": "18.19.31", "@types/qs": "^6.9.18", - "@types/react": "18.3.1", - "@types/react-dom": "18.3.0", + "@types/react": "19.2.2", + "@types/react-dom": "19.2.2", "@typescript-eslint/eslint-plugin": "7.18.0", "@typescript-eslint/parser": "7.18.0", "babel-jest": "29.7.0", @@ -94,7 +94,7 @@ "prettier": "^3.5.3", "react-hook-form": "^7.55.0", "react-imask": "7.6.1", - "react-number-format": "5.4.0", + "react-number-format": "5.4.4", "remark-gfm": "^4.0.1", "ts-jest": "29.1.2", "ts-node": "10.9.1", diff --git a/packages/accordion/package.json b/packages/accordion/package.json index 734896b81a..44002feed8 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -44,16 +44,16 @@ "@availity/mui-chip": "workspace:^", "@availity/mui-layout": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/alert/package.json b/packages/alert/package.json index 2cca4c7c50..c1fa9dd97a 100644 --- a/packages/alert/package.json +++ b/packages/alert/package.json @@ -45,15 +45,15 @@ "@availity/mui-icon": "workspace:*" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/alert/src/lib/AlertTitle.tsx b/packages/alert/src/lib/AlertTitle.tsx index 25f7c492ba..fe8cfc4676 100644 --- a/packages/alert/src/lib/AlertTitle.tsx +++ b/packages/alert/src/lib/AlertTitle.tsx @@ -5,6 +5,6 @@ export type AlertTitleProps = { children: React.ReactNode; } & MUIAlertTitleProps; -export const AlertTitle = ({ children, ...rest }: AlertTitleProps): JSX.Element => ( +export const AlertTitle = ({ children, ...rest }: AlertTitleProps): React.JSX.Element => ( {children} ); diff --git a/packages/authorize/package.json b/packages/authorize/package.json index 0ceb6533ff..738e8e0558 100644 --- a/packages/authorize/package.json +++ b/packages/authorize/package.json @@ -45,15 +45,15 @@ "@tanstack/react-query": "^4.36.1" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/authorize/src/lib/Authorize.stories.tsx b/packages/authorize/src/lib/Authorize.stories.tsx index 5794430126..a58fd03c20 100644 --- a/packages/authorize/src/lib/Authorize.stories.tsx +++ b/packages/authorize/src/lib/Authorize.stories.tsx @@ -10,7 +10,7 @@ const meta: Meta = { component: Authorize, tags: ['autodocs'], decorators: [ - (Story: () => JSX.Element) => ( + (Story: () => React.JSX.Element) => ( diff --git a/packages/authorize/src/lib/Authorize.tsx b/packages/authorize/src/lib/Authorize.tsx index 663524c729..1ef7f4f0a9 100644 --- a/packages/authorize/src/lib/Authorize.tsx +++ b/packages/authorize/src/lib/Authorize.tsx @@ -35,7 +35,7 @@ export const Authorize = ({ permissions, parameters = {}, queryOptions -}: AuthorizeProps): JSX.Element | null => { +}: AuthorizeProps): React.JSX.Element | null => { const { authorized, isLoading } = useAuthorize(permissions, parameters, queryOptions); if (isLoading) { diff --git a/packages/autocomplete/package.json b/packages/autocomplete/package.json index 119f3686d9..cc5311fc61 100644 --- a/packages/autocomplete/package.json +++ b/packages/autocomplete/package.json @@ -41,7 +41,7 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "dependencies": { - "@mui/types": "^7.2.21", + "@mui/types": "^7.4.7", "qs": "^6.14.0" }, "devDependencies": { @@ -49,10 +49,10 @@ "@availity/mui-form-utils": "workspace:^", "@availity/mui-icon": "workspace:^", "@availity/mui-textfield": "workspace:^", - "@mui/material": "^6.4.5", + "@mui/material": "^7.3.4", "@tanstack/react-query": "^4.36.1", - "react": "18.2.0", - "react-dom": "18.2.0", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, @@ -60,9 +60,9 @@ "@availity/api-axios": "^8.0.7", "@availity/mui-form-utils": "workspace:^", "@availity/mui-textfield": "workspace:^", - "@mui/material": "^6.4.5", + "@mui/material": "^7.0.0", "@tanstack/react-query": "^4.36.1", - "react": ">=16.3.0" + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/autocomplete/src/lib/Autocomplete.test.tsx b/packages/autocomplete/src/lib/Autocomplete.test.tsx index de56f891b2..ae740bc49d 100644 --- a/packages/autocomplete/src/lib/Autocomplete.test.tsx +++ b/packages/autocomplete/src/lib/Autocomplete.test.tsx @@ -13,8 +13,10 @@ describe('Autocomplete', () => { }); test('aria-controls should not be empty when open', () => { const { getByRole } = render(); - const combobox = getByRole('combobox', { hidden: true }) + + const combobox = getByRole('combobox', { hidden: true }); + const listbox = getByRole('listbox'); expect(combobox.getAttribute('aria-controls')).not.toEqual(''); - expect(combobox.getAttribute('aria-controls')).toMatch(':r'); + expect(combobox.getAttribute('aria-controls')).toEqual(listbox.getAttribute('id')); }); }); diff --git a/packages/autocomplete/src/lib/Autocomplete.tsx b/packages/autocomplete/src/lib/Autocomplete.tsx index 6a95a8a015..160ed59e10 100644 --- a/packages/autocomplete/src/lib/Autocomplete.tsx +++ b/packages/autocomplete/src/lib/Autocomplete.tsx @@ -66,7 +66,7 @@ export const Autocomplete = < >({ FieldProps, ...props -}: AutocompleteProps): JSX.Element => { +}: AutocompleteProps): React.JSX.Element => { // Availity desired default props are not making it into component context through theme defaultProps. // Can be overridden by props passed to TextField through `FieldProps`. const defaultProps = { diff --git a/packages/avatar/package.json b/packages/avatar/package.json index 9f6637bb1f..8201bc9db9 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -41,16 +41,16 @@ }, "devDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/avatar/src/lib/Avatar.stories.tsx b/packages/avatar/src/lib/Avatar.stories.tsx index bfe10f2a6a..3f4a87dda0 100644 --- a/packages/avatar/src/lib/Avatar.stories.tsx +++ b/packages/avatar/src/lib/Avatar.stories.tsx @@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import { Avatar, AvatarProps } from './Avatar'; import { HomeIcon } from '@availity/mui-icon'; -import Grid from '@mui/material/Grid2'; +import Grid from '@mui/material/Grid'; const meta: Meta = { title: 'Components/Avatar/Avatar', diff --git a/packages/avatar/src/lib/Avatar.tsx b/packages/avatar/src/lib/Avatar.tsx index 6b396c96e1..cb50b79b92 100644 --- a/packages/avatar/src/lib/Avatar.tsx +++ b/packages/avatar/src/lib/Avatar.tsx @@ -33,7 +33,7 @@ const formatChildren = (children: React.ReactNode, size: 'xs' | 's' | 'm' | 'l' return children; }; -export const Avatar = ({ children, size = 'xl', src, sx, ...rest }: AvatarProps): JSX.Element => { +export const Avatar = ({ children, size = 'xl', src, sx, ...rest }: AvatarProps): React.JSX.Element => { const [avatar, setAvatar] = React.useState(); useEffect(() => { diff --git a/packages/backdrop/package.json b/packages/backdrop/package.json index c1f7b6ccd5..dc2f4a9719 100644 --- a/packages/backdrop/package.json +++ b/packages/backdrop/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/backdrop/src/lib/Backdrop.tsx b/packages/backdrop/src/lib/Backdrop.tsx index 52d040a7ce..266286b2ca 100644 --- a/packages/backdrop/src/lib/Backdrop.tsx +++ b/packages/backdrop/src/lib/Backdrop.tsx @@ -4,6 +4,6 @@ export interface BackdropProps extends MuiBackdropProps { children?: React.ReactNode; } -export const Backdrop = ({ children, ...rest }: BackdropProps): JSX.Element => { +export const Backdrop = ({ children, ...rest }: BackdropProps): React.JSX.Element => { return {children}; }; diff --git a/packages/badge/package.json b/packages/badge/package.json index 6bf1615485..668b307363 100644 --- a/packages/badge/package.json +++ b/packages/badge/package.json @@ -42,15 +42,15 @@ }, "devDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/badge/src/lib/Badge.tsx b/packages/badge/src/lib/Badge.tsx index 3bb63105e2..d7df649623 100644 --- a/packages/badge/src/lib/Badge.tsx +++ b/packages/badge/src/lib/Badge.tsx @@ -7,7 +7,7 @@ export interface BadgeProps extends MUIBadgeProps { color?: 'primary' | 'error' | 'success'; } -export const Badge = ({ children, color = 'error', ...rest }: BadgeProps): JSX.Element => ( +export const Badge = ({ children, color = 'error', ...rest }: BadgeProps): React.JSX.Element => ( {children} diff --git a/packages/block-ui/package.json b/packages/block-ui/package.json index 82fed4c57a..8c10ffcaa8 100644 --- a/packages/block-ui/package.json +++ b/packages/block-ui/package.json @@ -40,15 +40,15 @@ "devDependencies": { "@availity/mui-button": "workspace:*", "@availity/mui-paper": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/block-ui/src/lib/BlockUi.tsx b/packages/block-ui/src/lib/BlockUi.tsx index d3185b19a1..22256551fe 100644 --- a/packages/block-ui/src/lib/BlockUi.tsx +++ b/packages/block-ui/src/lib/BlockUi.tsx @@ -75,7 +75,7 @@ export type BlockUiProps = { /** Set whether the blocking component should follow the scroll or stay at a fixed postion */ keepInView?: boolean; /** Loader component to use */ - loader?: JSX.Element; + loader?: React.JSX.Element; /** The message to display. Can also be a component. */ message?: string | ReactNode; /** Control if the children are shown when the component is being blocked */ @@ -91,7 +91,7 @@ export function BlockUi({ message, renderChildren = true, ...rest -}: BlockUiProps): JSX.Element { +}: BlockUiProps): React.JSX.Element { const [top, setTop] = useState('50%'); const blockerRef = useRef(null); diff --git a/packages/breadcrumbs/package.json b/packages/breadcrumbs/package.json index fe199b8cf3..3f2ba760b8 100644 --- a/packages/breadcrumbs/package.json +++ b/packages/breadcrumbs/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/breadcrumbs/src/lib/Breadcrumbs.tsx b/packages/breadcrumbs/src/lib/Breadcrumbs.tsx index 19a4e81216..f2cbe1fef4 100644 --- a/packages/breadcrumbs/src/lib/Breadcrumbs.tsx +++ b/packages/breadcrumbs/src/lib/Breadcrumbs.tsx @@ -55,7 +55,7 @@ export const Breadcrumbs = ({ homeUrl = '/static/web/onb/onboarding-ui-apps/dashboard-ui/', LinkProps, ...rest -}: BreadcrumbsProps): JSX.Element => { +}: BreadcrumbsProps): React.JSX.Element => { return ( =16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/button/src/lib/Button.tsx b/packages/button/src/lib/Button.tsx index e55a95c0f5..92eee7f262 100644 --- a/packages/button/src/lib/Button.tsx +++ b/packages/button/src/lib/Button.tsx @@ -25,6 +25,9 @@ export type ButtonProps = { | 'centerRipple' | 'disableRipple' | 'focusRipple' + | 'loading' + | 'loadingIndicator' + | 'loadingPosition' | 'size' | 'TouchRippleProps' | 'touchRippleRef' diff --git a/packages/button/src/lib/LoadingButton.stories.tsx b/packages/button/src/lib/LoadingButton.stories.tsx index 18e4165647..2af9c1e28c 100644 --- a/packages/button/src/lib/LoadingButton.stories.tsx +++ b/packages/button/src/lib/LoadingButton.stories.tsx @@ -10,7 +10,6 @@ const meta: Meta = { args: { loading: true, color: 'primary', - variant: 'contained', }, }; export default meta; diff --git a/packages/button/src/lib/LoadingButton.test.tsx b/packages/button/src/lib/LoadingButton.test.tsx index e18b7fd213..e97bb57363 100644 --- a/packages/button/src/lib/LoadingButton.test.tsx +++ b/packages/button/src/lib/LoadingButton.test.tsx @@ -1,4 +1,5 @@ import { render } from '@testing-library/react'; +import '@testing-library/jest-dom'; import { LoadingButton } from './LoadingButton'; describe('LoadingButton', () => { @@ -16,6 +17,6 @@ describe('LoadingButton', () => { test('should display spinner in end position when no icon passed', () => { const { getByRole } = render(Test); expect(getByRole('progressbar')).toBeTruthy(); - expect(getByRole('progressbar').parentElement).toHaveClass('MuiLoadingButton-loadingIndicatorEnd'); + expect(getByRole('button')).toHaveClass('MuiButton-loadingPositionEnd'); }); }); diff --git a/packages/button/src/lib/LoadingButton.tsx b/packages/button/src/lib/LoadingButton.tsx index 6f6a4a5190..e91cd133a9 100644 --- a/packages/button/src/lib/LoadingButton.tsx +++ b/packages/button/src/lib/LoadingButton.tsx @@ -1,38 +1,21 @@ import { forwardRef } from 'react'; -import MUILoadingButton, { LoadingButtonProps as MuiLoadingButtonProps } from '@mui/lab/LoadingButton'; +import MUIButton, { ButtonProps as MuiButtonProps } from '@mui/material/Button'; import CircularProgress from '@mui/material/CircularProgress'; +import { ButtonProps } from './Button'; -export type LoadingButtonProps = { - children: React.ReactNode; - /** - * The color of the component. - */ - color?: 'primary' | 'secondary' | 'error'; -} & Omit< - MuiLoadingButtonProps, - | 'color' - | 'centerRipple' - | 'disableRipple' - | 'disableTouchRipple' - | 'focusRipple' - | 'disableFocusRipple' - | 'TouchRippleProps' - | 'touchRippleRef' - | 'loadingIndicator' - | 'loadingPosition' ->; +export type LoadingButtonProps = ButtonProps & Pick const LoadingIndicator = ; export const LoadingButton = forwardRef((props, ref) => { - const { children, loading, ...rest } = props; + const { children, loading = false, ...rest } = props; //changing default loading button behavior to add end loading icon instead of replacing contents completely with icon const loadingPosition = rest.startIcon ? 'start' : 'end'; const nonLoadingStyling = rest.startIcon || rest.endIcon || loading ? {} : { padding: '0 .7rem' }; const endIcon = rest.startIcon ? undefined : ; return ( - (( ref={ref} > {children} - + ); }); diff --git a/packages/card/package.json b/packages/card/package.json index 8d65baf7f6..87a02df6a4 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -42,15 +42,15 @@ "devDependencies": { "@availity/mui-button": "workspace:^", "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/card/src/lib/Card.tsx b/packages/card/src/lib/Card.tsx index d85d6d4855..caa7644fac 100644 --- a/packages/card/src/lib/Card.tsx +++ b/packages/card/src/lib/Card.tsx @@ -4,6 +4,6 @@ export interface CardProps extends Omit { +export const Card = ({ children, ...rest }: CardProps): React.JSX.Element => { return {children}; }; diff --git a/packages/card/src/lib/CardActionArea.tsx b/packages/card/src/lib/CardActionArea.tsx index 5a6068b3ed..cab1dfb645 100644 --- a/packages/card/src/lib/CardActionArea.tsx +++ b/packages/card/src/lib/CardActionArea.tsx @@ -11,7 +11,7 @@ export interface CardActionAreaProps children?: React.ReactNode; } -export const CardActionArea = ({ children, ...rest }: CardActionAreaProps): JSX.Element => { +export const CardActionArea = ({ children, ...rest }: CardActionAreaProps): React.JSX.Element => { return ( {children} diff --git a/packages/card/src/lib/CardActions.tsx b/packages/card/src/lib/CardActions.tsx index ace7c77bb8..a5e65538a5 100644 --- a/packages/card/src/lib/CardActions.tsx +++ b/packages/card/src/lib/CardActions.tsx @@ -4,6 +4,6 @@ export interface CardActionsProps extends MuiCardActionsProps { children?: React.ReactNode; } -export const CardActions = ({ children, ...rest }: CardActionsProps): JSX.Element => { +export const CardActions = ({ children, ...rest }: CardActionsProps): React.JSX.Element => { return {children}; }; diff --git a/packages/card/src/lib/CardContent.tsx b/packages/card/src/lib/CardContent.tsx index 85795d4f70..da82377e7d 100644 --- a/packages/card/src/lib/CardContent.tsx +++ b/packages/card/src/lib/CardContent.tsx @@ -4,6 +4,6 @@ export interface CardContentProps extends MuiCardContentProps { children?: React.ReactNode; } -export const CardContent = ({ children, ...rest }: CardContentProps): JSX.Element => { +export const CardContent = ({ children, ...rest }: CardContentProps): React.JSX.Element => { return {children}; }; diff --git a/packages/card/src/lib/CardHeader.tsx b/packages/card/src/lib/CardHeader.tsx index 4902b0167d..c454578675 100644 --- a/packages/card/src/lib/CardHeader.tsx +++ b/packages/card/src/lib/CardHeader.tsx @@ -22,7 +22,7 @@ export const CardHeader = ({ title, logo, ...rest -}: CardHeaderProps): JSX.Element => { +}: CardHeaderProps): React.JSX.Element => { return ( { +export const CardMedia = ({ children, ...rest }: CardMediaProps): React.JSX.Element => { return {children}; }; diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index ce73d9a6f5..c2e15d0c25 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -42,15 +42,15 @@ "devDependencies": { "@availity/mui-icon": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/chip/package.json b/packages/chip/package.json index c97e428914..62a2f97c29 100644 --- a/packages/chip/package.json +++ b/packages/chip/package.json @@ -41,15 +41,15 @@ }, "devDependencies": { "@availity/mui-avatar": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/chip/src/lib/Chip.tsx b/packages/chip/src/lib/Chip.tsx index d35b4fba5f..43bee3712b 100644 --- a/packages/chip/src/lib/Chip.tsx +++ b/packages/chip/src/lib/Chip.tsx @@ -5,6 +5,6 @@ export type ChipProps = Omit< 'children' | 'color' | 'variant' | 'skipFocusWhenDisabled' | 'disabled' | 'size' | 'icon' | 'clickable' | 'color' >; -export const Chip = (props: ChipProps): JSX.Element => { +export const Chip = (props: ChipProps): React.JSX.Element => { return ; }; diff --git a/packages/chip/src/lib/StatusChip.tsx b/packages/chip/src/lib/StatusChip.tsx index 8cccb3d18d..082d6808d7 100644 --- a/packages/chip/src/lib/StatusChip.tsx +++ b/packages/chip/src/lib/StatusChip.tsx @@ -19,6 +19,6 @@ export type StatusChipProps = { | 'onDelete' >; -export const StatusChip = ({ color = 'default', ...rest }: StatusChipProps): JSX.Element => { +export const StatusChip = ({ color = 'default', ...rest }: StatusChipProps): React.JSX.Element => { return ; }; diff --git a/packages/controlled-form/package.json b/packages/controlled-form/package.json index 86024fdae4..36b00d7fc2 100644 --- a/packages/controlled-form/package.json +++ b/packages/controlled-form/package.json @@ -55,19 +55,19 @@ "@availity/mui-paper": "workspace:^", "@availity/mui-typography": "workspace:^", "@hookform/resolvers": "^4.1.3", - "@mui/material": "^6.4.5", + "@mui/material": "^7.3.4", "@tanstack/react-query": "^4.36.1", "dayjs": "^1.11.13", - "react": "18.2.0", - "react-dom": "18.2.0", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5", "yup": "^1.6.1" }, "peerDependencies": { "@availity/api-axios": "^8.0.7", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/controlled-form/src/lib/Autocomplete.test.tsx b/packages/controlled-form/src/lib/Autocomplete.test.tsx index 86be9ccc58..a17c2bb0c7 100644 --- a/packages/controlled-form/src/lib/Autocomplete.test.tsx +++ b/packages/controlled-form/src/lib/Autocomplete.test.tsx @@ -4,7 +4,7 @@ import { TestForm } from './UtilComponents'; const onSubmit = jest.fn(); -describe('ControlledAsyncAutocomplete', () => { +describe('ControlledAutocomplete', () => { afterEach(() => { // Remove any handlers you may have added // in individual tests (runtime handlers). diff --git a/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx b/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx index f5a52d04aa..34d3fe10bc 100644 --- a/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx +++ b/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx @@ -7,7 +7,7 @@ import { TestForm } from './UtilComponents'; const onSubmit = jest.fn(); -describe('ControlledAsyncAutocomplete', () => { +describe('ControlledCodesAutocomplete', () => { beforeAll(() => { // Start the interception. server.listen(); diff --git a/packages/controlled-form/src/lib/Datepicker.test.tsx b/packages/controlled-form/src/lib/Datepicker.test.tsx index 67a93358fe..6d4d5e76d1 100644 --- a/packages/controlled-form/src/lib/Datepicker.test.tsx +++ b/packages/controlled-form/src/lib/Datepicker.test.tsx @@ -6,7 +6,7 @@ import { TestForm } from './UtilComponents'; const onSubmit = jest.fn(); -describe('Datepicker', () => { +describe('ControlledDatepicker', () => { test('should render successfully and submit selection', async () => { const screen = render( @@ -59,7 +59,7 @@ describe('Datepicker', () => { ); - expect(screen.getByText('*')).toBeDefined(); + expect(screen.getAllByText('*')).toBeDefined(); }); test('should indicate it is required when passing an object with true', async () => { @@ -80,7 +80,7 @@ describe('Datepicker', () => { ); - expect(screen.getByText('*')).toBeDefined(); + expect(screen.getAllByText('*')).toBeDefined(); }); test('should not indicate it is required when passing an object with false', async () => { @@ -101,7 +101,7 @@ describe('Datepicker', () => { ); - expect(screen.queryByText('*')).toBeNull(); + expect(screen.queryAllByText('*')).toHaveLength(0); }); }); }); diff --git a/packages/controlled-form/src/lib/Datepicker.tsx b/packages/controlled-form/src/lib/Datepicker.tsx index a738c4442d..1768bc796d 100644 --- a/packages/controlled-form/src/lib/Datepicker.tsx +++ b/packages/controlled-form/src/lib/Datepicker.tsx @@ -39,8 +39,8 @@ export const ControlledDatepicker = ({ diff --git a/packages/controlled-form/src/lib/Types.tsx b/packages/controlled-form/src/lib/Types.tsx index a88fd55959..1942d864db 100644 --- a/packages/controlled-form/src/lib/Types.tsx +++ b/packages/controlled-form/src/lib/Types.tsx @@ -202,8 +202,7 @@ export const AllControllerPropertiesCategorized: CategorizedControllerPropsObjec }; export const TextFieldPropsCategorized: TextFieldPropsObject = { - displayOverflowMaxLength: { table: { category: 'Input Props' } }, - slotProps: { table: { category: 'Input Props' } }, + required: { table: { category: 'Input Props' } }, className: { table: { category: 'Input Props' } }, style: { table: { category: 'Input Props' } }, classes: { table: { category: 'Input Props' } }, @@ -213,7 +212,6 @@ export const TextFieldPropsCategorized: TextFieldPropsObject = { color: { table: { category: 'Input Props' } }, onFocus: { table: { category: 'Input Props' } }, focused: { table: { category: 'Input Props' } }, - required: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, label: { table: { category: 'Input Props' } }, ref: { table: { category: 'Input Props' } }, @@ -240,24 +238,24 @@ export const TextFieldPropsCategorized: TextFieldPropsObject = { SelectProps: { table: { category: 'Input Props' } }, type: { table: { category: 'Input Props' } }, slots: { table: { category: 'Input Props' } }, + slotProps: { table: { category: 'Input Props' } }, showCharacterCount: { table: { category: 'Input Props' } }, + displayOverflowMaxLength: { table: { category: 'Input Props' } } }; export const RadioGroupPropsCategorized: RadioGroupPropsObject = { + required: { table: { category: 'Input Props' } }, classes: { table: { category: 'Input Props' } }, children: { table: { category: 'Input Props' } }, - required: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, label: { table: { category: 'Input Props' } }, ref: { table: { category: 'Input Props' } }, helperText: { table: { category: 'Input Props' } }, - row: { table: { category: 'Input Props' } }, + row: { table: { category: 'Input Props' } } }; export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObject = { classes: { table: { category: 'Input Props' } }, - defaultToFirstOption: { table: { category: 'Input Props' } }, - defaultToOnlyOption: { table: { category: 'Input Props' } }, id: { table: { category: 'Input Props' } }, onKeyDown: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, @@ -269,7 +267,7 @@ export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObje multiple: { table: { category: 'Input Props' } }, onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, - queryKey: { table: { category: 'Input Props' } }, + renderValue: { table: { category: 'Input Props' } }, ChipProps: { table: { category: 'Input Props' } }, disablePortal: { table: { category: 'Input Props' } }, getLimitTagsText: { table: { category: 'Input Props' } }, @@ -303,18 +301,19 @@ export const ProviderAutocompletePropsCategorized: ProviderAutocompletePropsObje onHighlightChange: { table: { category: 'Input Props' } }, onInputChange: { table: { category: 'Input Props' } }, FieldProps: { table: { category: 'Input Props' } }, + queryKey: { table: { category: 'Input Props' } }, limit: { table: { category: 'Input Props' } }, queryOptions: { table: { category: 'Input Props' } }, watchParams: { table: { category: 'Input Props' } }, debounceTimeout: { table: { category: 'Input Props' } }, + defaultToFirstOption: { table: { category: 'Input Props' } }, + defaultToOnlyOption: { table: { category: 'Input Props' } }, customerId: { table: { category: 'Input Props' } }, - apiConfig: { table: { category: 'Input Props' } }, + apiConfig: { table: { category: 'Input Props' } } }; export const OrganizationAutocompletePropsCategorized: OrganizationAutocompletePropsObject = { classes: { table: { category: 'Input Props' } }, - defaultToFirstOption: { table: { category: 'Input Props' } }, - defaultToOnlyOption: { table: { category: 'Input Props' } }, id: { table: { category: 'Input Props' } }, onKeyDown: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, @@ -326,7 +325,7 @@ export const OrganizationAutocompletePropsCategorized: OrganizationAutocompleteP multiple: { table: { category: 'Input Props' } }, onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, - queryKey: { table: { category: 'Input Props' } }, + renderValue: { table: { category: 'Input Props' } }, ChipProps: { table: { category: 'Input Props' } }, disablePortal: { table: { category: 'Input Props' } }, getLimitTagsText: { table: { category: 'Input Props' } }, @@ -360,11 +359,14 @@ export const OrganizationAutocompletePropsCategorized: OrganizationAutocompleteP onHighlightChange: { table: { category: 'Input Props' } }, onInputChange: { table: { category: 'Input Props' } }, FieldProps: { table: { category: 'Input Props' } }, + queryKey: { table: { category: 'Input Props' } }, limit: { table: { category: 'Input Props' } }, queryOptions: { table: { category: 'Input Props' } }, watchParams: { table: { category: 'Input Props' } }, debounceTimeout: { table: { category: 'Input Props' } }, - apiConfig: { table: { category: 'Input Props' } }, + defaultToFirstOption: { table: { category: 'Input Props' } }, + defaultToOnlyOption: { table: { category: 'Input Props' } }, + apiConfig: { table: { category: 'Input Props' } } }; export const DatepickerPropsCategorized: DatepickerPropsObject = { @@ -400,6 +402,7 @@ export const DatepickerPropsCategorized: DatepickerPropsObject = { selectedSections: { table: { category: 'Input Props' } }, onSelectedSectionsChange: { table: { category: 'Input Props' } }, yearsPerRow: { table: { category: 'Input Props' } }, + closeOnSelect: { table: { category: 'Input Props' } }, renderLoading: { table: { category: 'Input Props' } }, onYearChange: { table: { category: 'Input Props' } }, onMonthChange: { table: { category: 'Input Props' } }, @@ -411,20 +414,13 @@ export const DatepickerPropsCategorized: DatepickerPropsObject = { monthsPerRow: { table: { category: 'Input Props' } }, yearsOrder: { table: { category: 'Input Props' } }, format: { table: { category: 'Input Props' } }, - closeOnSelect: { table: { category: 'Input Props' } }, disableOpenPicker: { table: { category: 'Input Props' } }, placement: { table: { category: 'Input Props' } }, - clearable: { - table: { - category: 'Input Props', - }, - }, + clearable: { table: { category: 'Input Props' } } }; export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = { classes: { table: { category: 'Input Props' } }, - defaultToFirstOption: { table: { category: 'Input Props' } }, - defaultToOnlyOption: { table: { category: 'Input Props' } }, id: { table: { category: 'Input Props' } }, onKeyDown: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, @@ -437,7 +433,7 @@ export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = { multiple: { table: { category: 'Input Props' } }, onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, - queryKey: { table: { category: 'Input Props' } }, + renderValue: { table: { category: 'Input Props' } }, ChipProps: { table: { category: 'Input Props' } }, disablePortal: { table: { category: 'Input Props' } }, getLimitTagsText: { table: { category: 'Input Props' } }, @@ -471,17 +467,18 @@ export const CodesAutocompletePropsCategorized: CodesAutocompletePropsObject = { onHighlightChange: { table: { category: 'Input Props' } }, onInputChange: { table: { category: 'Input Props' } }, FieldProps: { table: { category: 'Input Props' } }, + queryKey: { table: { category: 'Input Props' } }, limit: { table: { category: 'Input Props' } }, queryOptions: { table: { category: 'Input Props' } }, watchParams: { table: { category: 'Input Props' } }, debounceTimeout: { table: { category: 'Input Props' } }, - apiConfig: { table: { category: 'Input Props' } }, + defaultToFirstOption: { table: { category: 'Input Props' } }, + defaultToOnlyOption: { table: { category: 'Input Props' } }, + apiConfig: { table: { category: 'Input Props' } } }; export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = { classes: { table: { category: 'Input Props' } }, - defaultToFirstOption: { table: { category: 'Input Props' } }, - defaultToOnlyOption: { table: { category: 'Input Props' } }, id: { table: { category: 'Input Props' } }, onKeyDown: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, @@ -493,7 +490,7 @@ export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = { multiple: { table: { category: 'Input Props' } }, onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, - queryKey: { table: { category: 'Input Props' } }, + renderValue: { table: { category: 'Input Props' } }, ChipProps: { table: { category: 'Input Props' } }, disablePortal: { table: { category: 'Input Props' } }, getLimitTagsText: { table: { category: 'Input Props' } }, @@ -528,10 +525,13 @@ export const AsyncAutocompletePropsCategorized: AsyncAutocompletePropsObject = { onInputChange: { table: { category: 'Input Props' } }, FieldProps: { table: { category: 'Input Props' } }, loadOptions: { table: { category: 'Input Props' } }, + queryKey: { table: { category: 'Input Props' } }, limit: { table: { category: 'Input Props' } }, queryOptions: { table: { category: 'Input Props' } }, watchParams: { table: { category: 'Input Props' } }, debounceTimeout: { table: { category: 'Input Props' } }, + defaultToFirstOption: { table: { category: 'Input Props' } }, + defaultToOnlyOption: { table: { category: 'Input Props' } } }; export const AutocompletePropsCategorized: AutocompletePropsObject = { @@ -549,6 +549,7 @@ export const AutocompletePropsCategorized: AutocompletePropsObject = { multiple: { table: { category: 'Input Props' } }, onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, + renderValue: { table: { category: 'Input Props' } }, disableListWrap: { table: { category: 'Input Props' } }, ChipProps: { table: { category: 'Input Props' } }, disablePortal: { table: { category: 'Input Props' } }, @@ -582,10 +583,11 @@ export const AutocompletePropsCategorized: AutocompletePropsObject = { isOptionEqualToValue: { table: { category: 'Input Props' } }, onHighlightChange: { table: { category: 'Input Props' } }, onInputChange: { table: { category: 'Input Props' } }, - FieldProps: { table: { category: 'Input Props' } }, + FieldProps: { table: { category: 'Input Props' } } }; export const CheckboxPropsCategorized: CheckboxPropsObject = { + required: { table: { category: 'Input Props' } }, className: { table: { category: 'Input Props' } }, style: { table: { category: 'Input Props' } }, classes: { table: { category: 'Input Props' } }, @@ -595,13 +597,14 @@ export const CheckboxPropsCategorized: CheckboxPropsObject = { id: { table: { category: 'Input Props' } }, tabIndex: { table: { category: 'Input Props' } }, color: { table: { category: 'Input Props' } }, - required: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, ref: { table: { category: 'Input Props' } }, key: { table: { category: 'Input Props' } }, component: { table: { category: 'Input Props' } }, inputProps: { table: { category: 'Input Props' } }, inputRef: { table: { category: 'Input Props' } }, + slots: { table: { category: 'Input Props' } }, + slotProps: { table: { category: 'Input Props' } }, readOnly: { table: { category: 'Input Props' } }, action: { table: { category: 'Input Props' } }, formAction: { table: { category: 'Input Props' } }, @@ -617,7 +620,7 @@ export const CheckboxPropsCategorized: CheckboxPropsObject = { checked: { table: { category: 'Input Props' } }, edge: { table: { category: 'Input Props' } }, indeterminate: { table: { category: 'Input Props' } }, - indeterminateIcon: { table: { category: 'Input Props' } }, + indeterminateIcon: { table: { category: 'Input Props' } } }; export const InputPropsCategorized: InputPropsObject = { @@ -661,6 +664,7 @@ export const InputPropsCategorized: InputPropsObject = { }; export const SelectPropsCategorized: SelectPropsObject = { + required: { table: { category: 'Input Props' } }, className: { table: { category: 'Input Props' } }, style: { table: { category: 'Input Props' } }, classes: { table: { category: 'Input Props' } }, @@ -677,7 +681,6 @@ export const SelectPropsCategorized: SelectPropsObject = { onError: { table: { category: 'Input Props' } }, onKeyDown: { table: { category: 'Input Props' } }, onKeyUp: { table: { category: 'Input Props' } }, - required: { table: { category: 'Input Props' } }, sx: { table: { category: 'Input Props' } }, label: { table: { category: 'Input Props' } }, ref: { table: { category: 'Input Props' } }, @@ -712,7 +715,7 @@ export const SelectPropsCategorized: SelectPropsObject = { onClose: { table: { category: 'Input Props' } }, onOpen: { table: { category: 'Input Props' } }, renderValue: { table: { category: 'Input Props' } }, - SelectDisplayProps: { table: { category: 'Input Props' } }, + SelectDisplayProps: { table: { category: 'Input Props' } } }; export const AllControllerPropsList = Object.keys(AllControllerPropertiesCategorized) as (keyof ControllerProps)[]; diff --git a/packages/datepicker/package.json b/packages/datepicker/package.json index 62eb474c60..0b1fecc011 100644 --- a/packages/datepicker/package.json +++ b/packages/datepicker/package.json @@ -42,19 +42,19 @@ "dependencies": { "@availity/mui-icon": "workspace:*", "@availity/mui-textfield": "workspace:*", - "@mui/x-date-pickers": "^7.26.0", + "@mui/x-date-pickers": "^8.16.0", "dayjs": "^1.11.13" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/datepicker/src/lib/DateCalendar.tsx b/packages/datepicker/src/lib/DateCalendar.tsx index 2356da371d..6f7dc13d3a 100644 --- a/packages/datepicker/src/lib/DateCalendar.tsx +++ b/packages/datepicker/src/lib/DateCalendar.tsx @@ -2,7 +2,7 @@ import { DateCalendar as MuiDateCalendar, DateCalendarProps as MuiDateCalendarPr import type { Dayjs } from 'dayjs'; import type {} from '@mui/x-date-pickers/AdapterDayjs'; -export type DateCalendarProps = Omit, +export type DateCalendarProps = Omit, >; // just being used for stories atm, if ux finds a use for it we can add it to index. -export const DateCalendar = (props: DateCalendarProps): JSX.Element => { +export const DateCalendar = (props: DateCalendarProps): React.JSX.Element => { return ( = { fullWidth: false, helperText: 'Help text for the field', helpTopicId: '1234', - label: 'Date', + label: 'Date' }, }, }; @@ -84,7 +84,7 @@ type DateRangePickerProps = { }; }; -type DateRangePicker = (props: DateRangePickerProps) => JSX.Element; +type DateRangePicker = (props: DateRangePickerProps) => React.JSX.Element; export const _DateRangePicker: StoryObj = { render: () => { diff --git a/packages/datepicker/src/lib/Datepicker.test.tsx b/packages/datepicker/src/lib/Datepicker.test.tsx index daf85a0864..ec7ec5dc42 100644 --- a/packages/datepicker/src/lib/Datepicker.test.tsx +++ b/packages/datepicker/src/lib/Datepicker.test.tsx @@ -11,13 +11,4 @@ describe('Datepicker', () => { ); expect(getAllByText('Test')).toBeTruthy(); }); - - test('should render placeholder successfully', () => { - const { container } = render( - - - - ); - expect(container.getElementsByClassName('MuiInputBase-input')[0].getAttribute('placeholder')).toBe('InputProps'); - }); }); diff --git a/packages/datepicker/src/lib/Datepicker.tsx b/packages/datepicker/src/lib/Datepicker.tsx index 678f2daf3d..120c9f2965 100644 --- a/packages/datepicker/src/lib/Datepicker.tsx +++ b/packages/datepicker/src/lib/Datepicker.tsx @@ -3,11 +3,17 @@ import { CalendarDaysIcon } from '@availity/mui-icon'; import { DatePicker as MuiDatePicker, DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker'; import type { Dayjs } from 'dayjs'; import type {} from '@mui/x-date-pickers/AdapterDayjs'; +import { PickersTextField as MuiPickersTextField, PickersTextFieldProps as MuiPickersTextFieldProps } from '@mui/x-date-pickers/PickersTextField'; +import { PickerFieldUISlotProps } from '@mui/x-date-pickers/internals'; +import { FormHelperText, FormLabel, InputPropOverrides } from '@availity/mui-form-utils'; +import { forwardRef } from 'react'; + +type AvTextFieldAdditionalProps = Pick; export type DatepickerProps = { value?: Dayjs | null | undefined; - /** Props applied to the `TextField` component */ - FieldProps?: TextFieldProps; + /** Props applied to the `PickersTextField` component */ + FieldProps?: PickerFieldUISlotProps['textField'] & AvTextFieldAdditionalProps; /** Determines where the Calendar will be placed when opened. * @default bottom-start */ @@ -15,7 +21,7 @@ export type DatepickerProps = { /** Determines if the clear button appears in the action bar */ clearable?: boolean; } & Omit< - MuiDatePickerProps, + MuiDatePickerProps, | 'components' | 'componentsProps' | 'desktopModeMediaQuery' @@ -41,14 +47,37 @@ export type DatepickerProps = { const paperProps = { elevation: 8, variant: 'elevation', sx: { marginTop: '4px' } } as const; -const PickerTextField = (params: TextFieldProps) => ; +const PickersTextField = forwardRef((props: MuiPickersTextFieldProps & AvTextFieldAdditionalProps, ref: React.Ref) => { + const {helperText=<>, helpTopicId, InputLabelProps: InputLabelPropsIN, inputProps: inputPropsIN, FormHelperTextProps: FormHelperTextPropsIN, required, ...params} = props; + const PickersLabel = (props: MuiPickersTextFieldProps["InputLabelProps"] & Pick) => ; + return ( + + ) +}); export const Datepicker = ({ FieldProps, placement = 'bottom-start', clearable, ...props -}: DatepickerProps): JSX.Element => { +}: DatepickerProps): React.JSX.Element => { return ( ); diff --git a/packages/dialog/package.json b/packages/dialog/package.json index b54bf225da..a8c0cf45ca 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -49,15 +49,15 @@ "@availity/mui-form-utils": "workspace:*", "@availity/mui-layout": "workspace:*", "@availity/mui-menu": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/dialog/src/lib/Dialog.tsx b/packages/dialog/src/lib/Dialog.tsx index 853b5061a0..8c9942ee64 100644 --- a/packages/dialog/src/lib/Dialog.tsx +++ b/packages/dialog/src/lib/Dialog.tsx @@ -28,7 +28,7 @@ export const CloseButtonSlot = styled(CloseButton, { } }); -export const Dialog = ({ children, closeButton = true, onClose, ...rest }: DialogProps): JSX.Element => { +export const Dialog = ({ children, closeButton = true, onClose, ...rest }: DialogProps): React.JSX.Element => { return ( {closeButton ? : null} diff --git a/packages/dialog/src/lib/DialogActions.tsx b/packages/dialog/src/lib/DialogActions.tsx index 46b9bb93ae..1cdb500d54 100644 --- a/packages/dialog/src/lib/DialogActions.tsx +++ b/packages/dialog/src/lib/DialogActions.tsx @@ -4,6 +4,6 @@ export interface DialogActionsProps extends MuiDialogActionsProps { children?: React.ReactNode; } -export const DialogActions = ({ children, ...rest }: DialogActionsProps): JSX.Element => { +export const DialogActions = ({ children, ...rest }: DialogActionsProps): React.JSX.Element => { return {children}; }; diff --git a/packages/dialog/src/lib/DialogContent.tsx b/packages/dialog/src/lib/DialogContent.tsx index da98dbcfa0..1be67d3791 100644 --- a/packages/dialog/src/lib/DialogContent.tsx +++ b/packages/dialog/src/lib/DialogContent.tsx @@ -4,6 +4,6 @@ export interface DialogContentProps extends MuiDialogContentProps { children?: React.ReactNode; } -export const DialogContent = ({ children, ...rest }: DialogContentProps): JSX.Element => { +export const DialogContent = ({ children, ...rest }: DialogContentProps): React.JSX.Element => { return {children}; }; diff --git a/packages/dialog/src/lib/DialogContentText.tsx b/packages/dialog/src/lib/DialogContentText.tsx index 146e3db1d1..6c047d988e 100644 --- a/packages/dialog/src/lib/DialogContentText.tsx +++ b/packages/dialog/src/lib/DialogContentText.tsx @@ -6,6 +6,6 @@ export interface DialogContentTextProps extends MuiDialogContentTextProps { children?: React.ReactNode; } -export const DialogContentText = ({ children, ...rest }: DialogContentTextProps): JSX.Element => { +export const DialogContentText = ({ children, ...rest }: DialogContentTextProps): React.JSX.Element => { return {children}; }; diff --git a/packages/dialog/src/lib/DialogTitle.tsx b/packages/dialog/src/lib/DialogTitle.tsx index f37393b1a3..c061011e24 100644 --- a/packages/dialog/src/lib/DialogTitle.tsx +++ b/packages/dialog/src/lib/DialogTitle.tsx @@ -19,7 +19,7 @@ export type DialogTitleProps = { icon?: keyof typeof AlertIcons; } & Omit -export const DialogTitle = ({ children, component="h2", icon, variant="h5", ...rest }: DialogTitleProps): JSX.Element => { +export const DialogTitle = ({ children, component="h2", icon, variant="h5", ...rest }: DialogTitleProps): React.JSX.Element => { return ( {icon ? {AlertIcons[icon]} : null} diff --git a/packages/disclaimer/package.json b/packages/disclaimer/package.json index 93c3683fde..69de2f4b3e 100644 --- a/packages/disclaimer/package.json +++ b/packages/disclaimer/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/disclaimer/src/lib/Disclaimer.tsx b/packages/disclaimer/src/lib/Disclaimer.tsx index 4f1ecbb5cb..8e4cbd3e09 100644 --- a/packages/disclaimer/src/lib/Disclaimer.tsx +++ b/packages/disclaimer/src/lib/Disclaimer.tsx @@ -58,7 +58,7 @@ export const Disclaimer = ({ headerText, link, ...rest -}: DisclaimerProps): JSX.Element => { +}: DisclaimerProps): React.JSX.Element => { let textVariant: 'body1' | 'body2' = 'body1'; let headerVariant: 'h5' | 'h6' = 'h5'; diff --git a/packages/divider/package.json b/packages/divider/package.json index 47c1a5bf6d..3083ebdec3 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/divider/src/lib/Divider.tsx b/packages/divider/src/lib/Divider.tsx index 3bce2c99ca..57a83de039 100644 --- a/packages/divider/src/lib/Divider.tsx +++ b/packages/divider/src/lib/Divider.tsx @@ -2,6 +2,6 @@ import { default as MuiDivider, DividerProps as MuiDividerProps } from '@mui/mat export type DividerProps = Omit; -export const Divider = (props: DividerProps): JSX.Element => { +export const Divider = (props: DividerProps): React.JSX.Element => { return ; }; diff --git a/packages/element/package.json b/packages/element/package.json index 1f21417c9d..75513d4111 100644 --- a/packages/element/package.json +++ b/packages/element/package.json @@ -71,17 +71,17 @@ "@availity/mui-typography": "workspace:*", "@availity/mui-utils": "workspace:*", "@availity/theme-provider": "workspace:*", - "@mui/material": "^6.4.5", - "@mui/system": "^6.4.3" + "@mui/material": "^7.3.4", + "@mui/system": "^7.3.3" }, "devDependencies": { - "react": "18.2.0", - "react-dom": "18.2.0", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "~5.4.5" }, "peerDependencies": { - "react": ">=16.8.0" + "react": ">=17.0.0" }, "sideEffects": false } diff --git a/packages/empty-state/package.json b/packages/empty-state/package.json index 2975ea1507..5318abc977 100644 --- a/packages/empty-state/package.json +++ b/packages/empty-state/package.json @@ -44,15 +44,15 @@ }, "devDependencies": { "@availity/mui-utils": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/event-tracker/package.json b/packages/event-tracker/package.json index 07cb93adbe..04580f1371 100644 --- a/packages/event-tracker/package.json +++ b/packages/event-tracker/package.json @@ -46,15 +46,15 @@ "@availity/mui-menu": "workspace:^", "@availity/mui-textfield": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/favorites/package.json b/packages/favorites/package.json index daf576b7b6..5e5d0b6db2 100644 --- a/packages/favorites/package.json +++ b/packages/favorites/package.json @@ -48,9 +48,9 @@ "@availity/mui-icon": "workspace:^", "@availity/mui-progress": "workspace:^", "@availity/mui-tooltip": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, @@ -58,8 +58,8 @@ "@availity/mui-icon": "workspace:^", "@availity/mui-progress": "workspace:^", "@availity/mui-tooltip": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/favorites/src/lib/FavoriteHeart.tsx b/packages/favorites/src/lib/FavoriteHeart.tsx index 82a060056a..a9a3c70985 100644 --- a/packages/favorites/src/lib/FavoriteHeart.tsx +++ b/packages/favorites/src/lib/FavoriteHeart.tsx @@ -109,7 +109,7 @@ export const FavoriteHeart = ({ onMouseDown, disabled = false, customSize = DEFAULT_SIZE, -}: FavoriteHeartProps): JSX.Element => { +}: FavoriteHeartProps): React.JSX.Element => { const { isFavorited, isLastClickedFavorite, status, toggleFavorite } = useFavorites(id); const handleChange = (event: React.ChangeEvent) => { diff --git a/packages/favorites/src/lib/Favorites.tsx b/packages/favorites/src/lib/Favorites.tsx index 6c22e31198..4f39f45dba 100644 --- a/packages/favorites/src/lib/Favorites.tsx +++ b/packages/favorites/src/lib/Favorites.tsx @@ -34,7 +34,7 @@ export const FavoritesProvider = ({ settingsStatus?: StatusUnion; applicationId?: string; maxFavorites?: number; -}): JSX.Element => { +}): React.JSX.Element => { const [lastClickedFavoriteId, setLastClickedFavoriteId] = useState(''); const queryClient = useQueryClient(); diff --git a/packages/feedback/package.json b/packages/feedback/package.json index 82b19bd578..0dba6a4cc9 100644 --- a/packages/feedback/package.json +++ b/packages/feedback/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/feedback/src/lib/Feedback.tsx b/packages/feedback/src/lib/Feedback.tsx index a9793df77e..521ef5df33 100644 --- a/packages/feedback/src/lib/Feedback.tsx +++ b/packages/feedback/src/lib/Feedback.tsx @@ -22,7 +22,7 @@ export const Feedback = ({ analytics = avLogMessagesApiV2, appName, buttonVariant = 'secondary', -}: FeedbackProps): JSX.Element => { +}: FeedbackProps): React.JSX.Element => { const [anchorEl, setAnchorEl] = useState(null); const [sent, setSent] = useState(false); const [loading, setLoading] = useState(false); diff --git a/packages/feedback/src/lib/FeedbackForm.tsx b/packages/feedback/src/lib/FeedbackForm.tsx index c69145af87..567f3fa35f 100644 --- a/packages/feedback/src/lib/FeedbackForm.tsx +++ b/packages/feedback/src/lib/FeedbackForm.tsx @@ -18,7 +18,7 @@ interface Inputs { interface SmileButtonProps extends ToggleButtonProps { disabled: boolean; - Icon: (props: SvgIconProps) => JSX.Element; + Icon: (props: SvgIconProps) => React.JSX.Element; label: string; value: string; } @@ -64,7 +64,7 @@ export const FeedbackForm = ({ sent, setLoading, setSent, -}: FeedbackFormProps): JSX.Element | null => { +}: FeedbackFormProps): React.JSX.Element | null => { const { control, formState: { errors }, @@ -183,7 +183,7 @@ export const FeedbackForm = ({ - + Send Feedback diff --git a/packages/feedback/src/lib/FeedbackHeader.tsx b/packages/feedback/src/lib/FeedbackHeader.tsx index 2eeedb8b23..4f43933d2c 100644 --- a/packages/feedback/src/lib/FeedbackHeader.tsx +++ b/packages/feedback/src/lib/FeedbackHeader.tsx @@ -13,7 +13,7 @@ interface FeedbackHeaderProps { const FeedbackHeaderContainer = styled(Grid, { name: 'AvFeedbackContainer', slot: 'FeedbackHeaderContainer' })({}); -export const FeedbackHeader = ({ appName, handleClose, loading, sent }: FeedbackHeaderProps): JSX.Element => { +export const FeedbackHeader = ({ appName, handleClose, loading, sent }: FeedbackHeaderProps): React.JSX.Element => { return ( =16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/file-selector/src/lib/FileList.tsx b/packages/file-selector/src/lib/FileList.tsx index a178c65709..4211231df0 100644 --- a/packages/file-selector/src/lib/FileList.tsx +++ b/packages/file-selector/src/lib/FileList.tsx @@ -109,7 +109,7 @@ export const FileList = ({ queryOptions, customFileRow, disableRemove, -}: FileListProps): JSX.Element | null => { +}: FileListProps): React.JSX.Element | null => { if (files.length === 0) return null; return ( diff --git a/packages/file-selector/src/lib/FileList2.tsx b/packages/file-selector/src/lib/FileList2.tsx index 818b6cc0e0..1d8f8b6bc1 100644 --- a/packages/file-selector/src/lib/FileList2.tsx +++ b/packages/file-selector/src/lib/FileList2.tsx @@ -96,7 +96,7 @@ export const FileList2 = ({ onRemoveFile, customFileRow, disableRemove, -}: FileList2Props): JSX.Element | null => { +}: FileList2Props): React.JSX.Element | null => { if (uploads.length === 0) return null; return ( diff --git a/packages/file-selector/src/lib/FilePickerBtn.tsx b/packages/file-selector/src/lib/FilePickerBtn.tsx index 79c8406a38..74bc6d3c9d 100644 --- a/packages/file-selector/src/lib/FilePickerBtn.tsx +++ b/packages/file-selector/src/lib/FilePickerBtn.tsx @@ -20,7 +20,7 @@ export type FilePickerBtnProps = { /** * Additional props to customize the underlying input element. */ - inputProps?: DropzoneInputProps & { ref?: RefObject }; + inputProps?: DropzoneInputProps & { ref?: RefObject }; /** * Maximum allowed size per file in bytes. Files exceeding this size will be rejected. */ diff --git a/packages/file-selector/src/lib/FileSelector.stories.tsx b/packages/file-selector/src/lib/FileSelector.stories.tsx index 047adaa963..f5f73d7474 100644 --- a/packages/file-selector/src/lib/FileSelector.stories.tsx +++ b/packages/file-selector/src/lib/FileSelector.stories.tsx @@ -17,7 +17,7 @@ const meta: Meta = { component: FileSelector, tags: ['autodocs'], decorators: [ - (Story: () => JSX.Element) => ( + (Story: () => React.JSX.Element) => ( =16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/form-utils/src/lib/FieldHelpIcon.tsx b/packages/form-utils/src/lib/FieldHelpIcon.tsx index 76d8332204..038548e7f6 100644 --- a/packages/form-utils/src/lib/FieldHelpIcon.tsx +++ b/packages/form-utils/src/lib/FieldHelpIcon.tsx @@ -32,7 +32,7 @@ export type FieldHelpIconProps = { | 'variant' >; -export const FieldHelpIcon = ({ helpTopicId, labelId, sx, ...rest }: FieldHelpIconProps): JSX.Element => { +export const FieldHelpIcon = ({ helpTopicId, labelId, sx, ...rest }: FieldHelpIconProps): React.JSX.Element => { return ( ( +export const FormHelperText = ({ children, ...props }: FormHelperTextProps): React.JSX.Element => ( {children} diff --git a/packages/form-utils/src/lib/Radio.tsx b/packages/form-utils/src/lib/Radio.tsx index a97e67c3d2..5f30a0e52e 100644 --- a/packages/form-utils/src/lib/Radio.tsx +++ b/packages/form-utils/src/lib/Radio.tsx @@ -14,6 +14,6 @@ export type RadioProps = Omit< | 'touchRippleRef' >; -export const Radio = (args: RadioProps): JSX.Element => { +export const Radio = (args: RadioProps): React.JSX.Element => { return ; }; diff --git a/packages/form-utils/src/lib/Select.test.tsx b/packages/form-utils/src/lib/Select.test.tsx index fad081d7d5..1296c696ae 100644 --- a/packages/form-utils/src/lib/Select.test.tsx +++ b/packages/form-utils/src/lib/Select.test.tsx @@ -14,7 +14,8 @@ describe('Select', () => { test('aria-controls should not be empty when open', () => { const { getByRole } = render(); const combobox = getByRole('combobox', { hidden: true }); + const listbox = getByRole('listbox'); expect(combobox.getAttribute('aria-controls')).not.toEqual(''); - expect(combobox.getAttribute('aria-controls')).toMatch(':r'); + expect(combobox.getAttribute('aria-controls')).toEqual(listbox.getAttribute('id')); }); }); diff --git a/packages/form-utils/src/lib/Select.tsx b/packages/form-utils/src/lib/Select.tsx index ab8df0f66a..2d07df7d64 100644 --- a/packages/form-utils/src/lib/Select.tsx +++ b/packages/form-utils/src/lib/Select.tsx @@ -55,7 +55,7 @@ export const SelectAccessibilityOverrides = ( return open ? {} : { SelectDisplayProps: { 'aria-controls': '' } }; }; -export const Select = (props: SelectProps): JSX.Element => { +export const Select = (props: SelectProps): React.JSX.Element => { const [openDetected, setOpenDetected] = useState(false); return ( { test('should render successfully', () => { const { getByRole } = render(); - expect(getByRole('checkbox')).toBeTruthy(); + expect(getByRole('switch')).toBeTruthy(); }); }); diff --git a/packages/form-utils/src/lib/Switch.tsx b/packages/form-utils/src/lib/Switch.tsx index 149fd09226..663602da0e 100644 --- a/packages/form-utils/src/lib/Switch.tsx +++ b/packages/form-utils/src/lib/Switch.tsx @@ -39,7 +39,7 @@ const CheckedIconSwitch = styled(MuiSwitch, { name: 'AvSwitchCheckedIcon', slot: }, })); -export const Switch = ({ showCheckedIcon, ...args }: SwitchProps): JSX.Element => { +export const Switch = ({ showCheckedIcon, ...args }: SwitchProps): React.JSX.Element => { if (showCheckedIcon && args.size === 'small') { return ; } diff --git a/packages/icon/package.json b/packages/icon/package.json index c77e175266..bc5d278f41 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -45,15 +45,15 @@ "@fortawesome/free-solid-svg-icons": "^6.7.2" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/icon/src/lib/Icons/Actions.tsx b/packages/icon/src/lib/Icons/Actions.tsx index 0df3313720..5e33d10ded 100644 --- a/packages/icon/src/lib/Icons/Actions.tsx +++ b/packages/icon/src/lib/Icons/Actions.tsx @@ -32,64 +32,64 @@ import { faHeart as faHeartEmpty } from '@fortawesome/free-regular-svg-icons/faH import { faMessage as faMessageEmpty } from '@fortawesome/free-regular-svg-icons/faMessage'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const HeartIcon = (props: IconProps): JSX.Element => ; +export const HeartIcon = (props: IconProps): React.JSX.Element => ; -export const HeartEmptyIcon = (props: IconProps): JSX.Element => ; +export const HeartEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const MinusCircleIcon = (props: IconProps): JSX.Element => ; +export const MinusCircleIcon = (props: IconProps): React.JSX.Element => ; -export const PlusCircleIcon = (props: IconProps): JSX.Element => ; +export const PlusCircleIcon = (props: IconProps): React.JSX.Element => ; -export const CancelCircleIcon = (props: IconProps): JSX.Element => ; +export const CancelCircleIcon = (props: IconProps): React.JSX.Element => ; -export const CloseIcon = (props: IconProps): JSX.Element => ; +export const CloseIcon = (props: IconProps): React.JSX.Element => ; -export const ExpandIcon = (props: IconProps): JSX.Element => ; +export const ExpandIcon = (props: IconProps): React.JSX.Element => ; -export const CollapseIcon = (props: IconProps): JSX.Element => ; +export const CollapseIcon = (props: IconProps): React.JSX.Element => ; -export const TriangleExpandIcon = (props: IconProps): JSX.Element => ; +export const TriangleExpandIcon = (props: IconProps): React.JSX.Element => ; -export const TriangleCollapseIcon = (props: IconProps): JSX.Element => ; +export const TriangleCollapseIcon = (props: IconProps): React.JSX.Element => ; -export const DeleteIcon = (props: IconProps): JSX.Element => ; +export const DeleteIcon = (props: IconProps): React.JSX.Element => ; -export const CommentsIcon = (props: IconProps): JSX.Element => ; +export const CommentsIcon = (props: IconProps): React.JSX.Element => ; -export const EditIcon = (props: IconProps): JSX.Element => ; +export const EditIcon = (props: IconProps): React.JSX.Element => ; -export const MinusIcon = (props: IconProps): JSX.Element => ; +export const MinusIcon = (props: IconProps): React.JSX.Element => ; -export const PlusIcon = (props: IconProps): JSX.Element => ; +export const PlusIcon = (props: IconProps): React.JSX.Element => ; -export const LinkIcon = (props: IconProps): JSX.Element => ; +export const LinkIcon = (props: IconProps): React.JSX.Element => ; -export const LinkSlashIcon = (props: IconProps): JSX.Element => ; +export const LinkSlashIcon = (props: IconProps): React.JSX.Element => ; -export const ThumbtackIcon = (props: IconProps): JSX.Element => ; +export const ThumbtackIcon = (props: IconProps): React.JSX.Element => ; -export const TagIcon = (props: IconProps): JSX.Element => ; +export const TagIcon = (props: IconProps): React.JSX.Element => ; -export const TagsIcon = (props: IconProps): JSX.Element => ; +export const TagsIcon = (props: IconProps): React.JSX.Element => ; -export const PenIcon = (props: IconProps): JSX.Element => ; +export const PenIcon = (props: IconProps): React.JSX.Element => ; -export const PencilIcon = (props: IconProps): JSX.Element => ; +export const PencilIcon = (props: IconProps): React.JSX.Element => ; -export const MessageIcon = (props: IconProps): JSX.Element => ; +export const MessageIcon = (props: IconProps): React.JSX.Element => ; -export const MessageEmptyIcon = (props: IconProps): JSX.Element => ; +export const MessageEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowsRotateIcon = (props: IconProps): JSX.Element => ; +export const ArrowsRotateIcon = (props: IconProps): React.JSX.Element => ; -export const PasteIcon = (props: IconProps): JSX.Element => ; +export const PasteIcon = (props: IconProps): React.JSX.Element => ; -export const PlayIcon = (props: IconProps): JSX.Element => ; +export const PlayIcon = (props: IconProps): React.JSX.Element => ; -export const PauseIcon = (props: IconProps): JSX.Element => ; +export const PauseIcon = (props: IconProps): React.JSX.Element => ; -export const GearsIcon = (props: IconProps): JSX.Element => ; +export const GearsIcon = (props: IconProps): React.JSX.Element => ; -export const CloudDownloadIcon = (props: IconProps): JSX.Element => ; +export const CloudDownloadIcon = (props: IconProps): React.JSX.Element => ; -export const CloudUploadIcon = (props: IconProps): JSX.Element => ; +export const CloudUploadIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Common.tsx b/packages/icon/src/lib/Icons/Common.tsx index b8b352f0ca..ff8ff18bd5 100644 --- a/packages/icon/src/lib/Icons/Common.tsx +++ b/packages/icon/src/lib/Icons/Common.tsx @@ -33,68 +33,68 @@ import { faBell as faBellEmpty } from '@fortawesome/free-regular-svg-icons/faBel import { faBellSlash as faBellSlashEmpty } from '@fortawesome/free-regular-svg-icons/faBellSlash'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const HomeIcon = (props: IconProps): JSX.Element => ; +export const HomeIcon = (props: IconProps): React.JSX.Element => ; -export const MailIcon = (props: IconProps): JSX.Element => ; +export const MailIcon = (props: IconProps): React.JSX.Element => ; -export const UserIcon = (props: IconProps): JSX.Element => ; +export const UserIcon = (props: IconProps): React.JSX.Element => ; -export const UserDoctorIcon = (props: IconProps): JSX.Element => ; +export const UserDoctorIcon = (props: IconProps): React.JSX.Element => ; -export const UsersIcon = (props: IconProps): JSX.Element => ; +export const UsersIcon = (props: IconProps): React.JSX.Element => ; -export const UserCheckIcon = (props: IconProps): JSX.Element => ; +export const UserCheckIcon = (props: IconProps): React.JSX.Element => ; -export const UserPlusIcon = (props: IconProps): JSX.Element => ; +export const UserPlusIcon = (props: IconProps): React.JSX.Element => ; -export const OpenInNewIcon = (props: IconProps): JSX.Element => ; +export const OpenInNewIcon = (props: IconProps): React.JSX.Element => ; -export const SettingsIcon = (props: IconProps): JSX.Element => ; +export const SettingsIcon = (props: IconProps): React.JSX.Element => ; -export const MoreHorizontalIcon = (props: IconProps): JSX.Element => ; +export const MoreHorizontalIcon = (props: IconProps): React.JSX.Element => ; -export const MoreVerticalIcon = (props: IconProps): JSX.Element => ; +export const MoreVerticalIcon = (props: IconProps): React.JSX.Element => ; -export const MenuIcon = (props: IconProps): JSX.Element => ; +export const MenuIcon = (props: IconProps): React.JSX.Element => ; -export const PrintIcon = (props: IconProps): JSX.Element => ; +export const PrintIcon = (props: IconProps): React.JSX.Element => ; -export const SearchIcon = (props: IconProps): JSX.Element => ; +export const SearchIcon = (props: IconProps): React.JSX.Element => ; -export const KeyIcon = (props: IconProps): JSX.Element => ; +export const KeyIcon = (props: IconProps): React.JSX.Element => ; -export const LocationIcon = (props: IconProps): JSX.Element => ; +export const LocationIcon = (props: IconProps): React.JSX.Element => ; -export const BellIcon = (props: IconProps): JSX.Element => ; +export const BellIcon = (props: IconProps): React.JSX.Element => ; -export const BellSlashIcon = (props: IconProps): JSX.Element => ; +export const BellSlashIcon = (props: IconProps): React.JSX.Element => ; -export const BellEmptyIcon = (props: IconProps): JSX.Element => ; +export const BellEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const BellSlashEmptyIcon = (props: IconProps): JSX.Element => ; +export const BellSlashEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const CopyrightIcon = (props: IconProps): JSX.Element => ; +export const CopyrightIcon = (props: IconProps): React.JSX.Element => ; -export const ListIcon = (props: IconProps): JSX.Element => ; +export const ListIcon = (props: IconProps): React.JSX.Element => ; -export const PhoneIcon = (props: IconProps): JSX.Element => ; +export const PhoneIcon = (props: IconProps): React.JSX.Element => ; -export const FaxIcon = (props: IconProps): JSX.Element => ; +export const FaxIcon = (props: IconProps): React.JSX.Element => ; -export const InboxIcon = (props: IconProps): JSX.Element => ; +export const InboxIcon = (props: IconProps): React.JSX.Element => ; -export const SendIcon = (props: IconProps): JSX.Element => ; +export const SendIcon = (props: IconProps): React.JSX.Element => ; -export const AsteriskIcon = (props: IconProps): JSX.Element => ; +export const AsteriskIcon = (props: IconProps): React.JSX.Element => ; -export const DesktopIcon = (props: IconProps): JSX.Element => ; +export const DesktopIcon = (props: IconProps): React.JSX.Element => ; -export const ClipboardIcon = (props: IconProps): JSX.Element => ; +export const ClipboardIcon = (props: IconProps): React.JSX.Element => ; -export const SquareHIcon = (props: IconProps): JSX.Element => ; +export const SquareHIcon = (props: IconProps): React.JSX.Element => ; -export const HistoryIcon = (props: IconProps): JSX.Element => ; +export const HistoryIcon = (props: IconProps): React.JSX.Element => ; -export const LockIcon = (props: IconProps): JSX.Element => ; +export const LockIcon = (props: IconProps): React.JSX.Element => ; -export const FlaskIcon = (props: IconProps): JSX.Element => ; +export const FlaskIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Data.tsx b/packages/icon/src/lib/Icons/Data.tsx index 37ec3bb251..943d0f06d8 100644 --- a/packages/icon/src/lib/Icons/Data.tsx +++ b/packages/icon/src/lib/Icons/Data.tsx @@ -16,34 +16,34 @@ import { faTableCells } from '@fortawesome/free-solid-svg-icons/faTableCells'; import { faTableCellsLarge } from '@fortawesome/free-solid-svg-icons/faTableCellsLarge'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const FilterIcon = (props: IconProps): JSX.Element => ; +export const FilterIcon = (props: IconProps): React.JSX.Element => ; -export const SortIcon = (props: IconProps): JSX.Element => ; +export const SortIcon = (props: IconProps): React.JSX.Element => ; -export const SortDownIcon = (props: IconProps): JSX.Element => ; +export const SortDownIcon = (props: IconProps): React.JSX.Element => ; -export const SortUpIcon = (props: IconProps): JSX.Element => ; +export const SortUpIcon = (props: IconProps): React.JSX.Element => ; -export const SortAltDownIcon = (props: IconProps): JSX.Element => ; +export const SortAltDownIcon = (props: IconProps): React.JSX.Element => ; -export const SortAltUpIcon = (props: IconProps): JSX.Element => ; +export const SortAltUpIcon = (props: IconProps): React.JSX.Element => ; -export const TableCellsLargeIcon = (props: IconProps): JSX.Element => ; +export const TableCellsLargeIcon = (props: IconProps): React.JSX.Element => ; -export const TableCellsIcon = (props: IconProps): JSX.Element => ; +export const TableCellsIcon = (props: IconProps): React.JSX.Element => ; -export const DownloadIcon = (props: IconProps): JSX.Element => ; +export const DownloadIcon = (props: IconProps): React.JSX.Element => ; -export const UploadIcon = (props: IconProps): JSX.Element => ; +export const UploadIcon = (props: IconProps): React.JSX.Element => ; -export const ExportIcon = (props: IconProps): JSX.Element => ; +export const ExportIcon = (props: IconProps): React.JSX.Element => ; -export const ShareIcon = (props: IconProps): JSX.Element => ; +export const ShareIcon = (props: IconProps): React.JSX.Element => ; -export const ChartAreaIcon = (props: IconProps): JSX.Element => ; +export const ChartAreaIcon = (props: IconProps): React.JSX.Element => ; -export const ChartColumnIcon = (props: IconProps): JSX.Element => ; +export const ChartColumnIcon = (props: IconProps): React.JSX.Element => ; -export const ChartLineIcon = (props: IconProps): JSX.Element => ; +export const ChartLineIcon = (props: IconProps): React.JSX.Element => ; -export const ChartPieIcon = (props: IconProps): JSX.Element => ; +export const ChartPieIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Files.tsx b/packages/icon/src/lib/Icons/Files.tsx index 2fe0c6a04a..73d91d5921 100644 --- a/packages/icon/src/lib/Icons/Files.tsx +++ b/packages/icon/src/lib/Icons/Files.tsx @@ -24,50 +24,50 @@ import { faFolder as faFolderEmpty } from '@fortawesome/free-regular-svg-icons/f import { faFolderOpen as faFolderOpenEmpty } from '@fortawesome/free-regular-svg-icons/faFolderOpen'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const FolderIcon = (props: IconProps): JSX.Element => ; +export const FolderIcon = (props: IconProps): React.JSX.Element => ; -export const FolderOpenIcon = (props: IconProps): JSX.Element => ; +export const FolderOpenIcon = (props: IconProps): React.JSX.Element => ; -export const FolderOpenEmptyIcon = (props: IconProps): JSX.Element => ; +export const FolderOpenEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const FolderEmptyIcon = (props: IconProps): JSX.Element => ; +export const FolderEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const FolderTreeIcon = (props: IconProps): JSX.Element => ; +export const FolderTreeIcon = (props: IconProps): React.JSX.Element => ; -export const BoxIcon = (props: IconProps): JSX.Element => ; +export const BoxIcon = (props: IconProps): React.JSX.Element => ; -export const AttachmentIcon = (props: IconProps): JSX.Element => ; +export const AttachmentIcon = (props: IconProps): React.JSX.Element => ; -export const PictureIcon = (props: IconProps): JSX.Element => ; +export const PictureIcon = (props: IconProps): React.JSX.Element => ; -export const FileIcon = (props: IconProps): JSX.Element => ; +export const FileIcon = (props: IconProps): React.JSX.Element => ; -export const FileEmptyIcon = (props: IconProps): JSX.Element => ; +export const FileEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const FileVideoIcon = (props: IconProps): JSX.Element => ; +export const FileVideoIcon = (props: IconProps): React.JSX.Element => ; -export const FileImageIcon = (props: IconProps): JSX.Element => ; +export const FileImageIcon = (props: IconProps): React.JSX.Element => ; -export const FileExcelIcon = (props: IconProps): JSX.Element => ; +export const FileExcelIcon = (props: IconProps): React.JSX.Element => ; -export const FileWordIcon = (props: IconProps): JSX.Element => ; +export const FileWordIcon = (props: IconProps): React.JSX.Element => ; -export const FilePdfIcon = (props: IconProps): JSX.Element => ; +export const FilePdfIcon = (props: IconProps): React.JSX.Element => ; -export const FileArchiveIcon = (props: IconProps): JSX.Element => ; +export const FileArchiveIcon = (props: IconProps): React.JSX.Element => ; -export const FileCodeIcon = (props: IconProps): JSX.Element => ; +export const FileCodeIcon = (props: IconProps): React.JSX.Element => ; -export const FileAudioIcon = (props: IconProps): JSX.Element => ; +export const FileAudioIcon = (props: IconProps): React.JSX.Element => ; -export const FilePowerpointIcon = (props: IconProps): JSX.Element => ; +export const FilePowerpointIcon = (props: IconProps): React.JSX.Element => ; -export const FileCsvIcon = (props: IconProps): JSX.Element => ; +export const FileCsvIcon = (props: IconProps): React.JSX.Element => ; -export const FileLinesIcon = (props: IconProps): JSX.Element => ; +export const FileLinesIcon = (props: IconProps): React.JSX.Element => ; -export const FileCircleCheckIcon = (props: IconProps): JSX.Element => ; +export const FileCircleCheckIcon = (props: IconProps): React.JSX.Element => ; -export const FileImportIcon = (props: IconProps): JSX.Element => ; +export const FileImportIcon = (props: IconProps): React.JSX.Element => ; -export const FileArrowUpIcon = (props: IconProps): JSX.Element => ; +export const FileArrowUpIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Form.tsx b/packages/icon/src/lib/Icons/Form.tsx index 1ce708c6aa..cab1818d7c 100644 --- a/packages/icon/src/lib/Icons/Form.tsx +++ b/packages/icon/src/lib/Icons/Form.tsx @@ -26,52 +26,52 @@ import { faCircleDot } from '@fortawesome/free-regular-svg-icons/faCircleDot'; import { faSquare } from '@fortawesome/free-regular-svg-icons/faSquare'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const HelpCircleIcon = (props: IconProps): JSX.Element => ; +export const HelpCircleIcon = (props: IconProps): React.JSX.Element => ; -export const SuccessCircleIcon = (props: IconProps): JSX.Element => ; +export const SuccessCircleIcon = (props: IconProps): React.JSX.Element => ; -export const InfoCircleIcon = (props: IconProps): JSX.Element => ; +export const InfoCircleIcon = (props: IconProps): React.JSX.Element => ; -export const WarningCircleIcon = (props: IconProps): JSX.Element => ; +export const WarningCircleIcon = (props: IconProps): React.JSX.Element => ; -export const WarningTriangleIcon = (props: IconProps): JSX.Element => ; +export const WarningTriangleIcon = (props: IconProps): React.JSX.Element => ; -export const FaceSmileIcon = (props: IconProps): JSX.Element => ; +export const FaceSmileIcon = (props: IconProps): React.JSX.Element => ; -export const FaceNeutralIcon = (props: IconProps): JSX.Element => ; +export const FaceNeutralIcon = (props: IconProps): React.JSX.Element => ; -export const FaceFrownIcon = (props: IconProps): JSX.Element => ; +export const FaceFrownIcon = (props: IconProps): React.JSX.Element => ; -export const ThumbUpIcon = (props: IconProps): JSX.Element => ; +export const ThumbUpIcon = (props: IconProps): React.JSX.Element => ; -export const ThumbDownIcon = (props: IconProps): JSX.Element => ; +export const ThumbDownIcon = (props: IconProps): React.JSX.Element => ; -export const EyeIcon = (props: IconProps): JSX.Element => ; +export const EyeIcon = (props: IconProps): React.JSX.Element => ; -export const EyeSlashIcon = (props: IconProps): JSX.Element => ; +export const EyeSlashIcon = (props: IconProps): React.JSX.Element => ; -export const StarHalfStrokeIcon = (props: IconProps): JSX.Element => ; +export const StarHalfStrokeIcon = (props: IconProps): React.JSX.Element => ; -export const StarHalfIcon = (props: IconProps): JSX.Element => ; +export const StarHalfIcon = (props: IconProps): React.JSX.Element => ; -export const StarIcon = (props: IconProps): JSX.Element => ; +export const StarIcon = (props: IconProps): React.JSX.Element => ; -export const StarEmptyIcon = (props: IconProps): JSX.Element => ; +export const StarEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const CalendarDaysIcon = (props: IconProps): JSX.Element => ; +export const CalendarDaysIcon = (props: IconProps): React.JSX.Element => ; -export const CircleEmptyIcon = (props: IconProps): JSX.Element => ; +export const CircleEmptyIcon = (props: IconProps): React.JSX.Element => ; -export const CircleDotIcon = (props: IconProps): JSX.Element => ; +export const CircleDotIcon = (props: IconProps): React.JSX.Element => ; -export const CircleIcon = (props: IconProps): JSX.Element => ; +export const CircleIcon = (props: IconProps): React.JSX.Element => ; -export const ClockIcon = (props: IconProps): JSX.Element => ; +export const ClockIcon = (props: IconProps): React.JSX.Element => ; -export const CheckIcon = (props: IconProps): JSX.Element => ; +export const CheckIcon = (props: IconProps): React.JSX.Element => ; -export const SquareCheckIcon = (props: IconProps): JSX.Element => ; +export const SquareCheckIcon = (props: IconProps): React.JSX.Element => ; -export const SquareMinusIcon = (props: IconProps): JSX.Element => ; +export const SquareMinusIcon = (props: IconProps): React.JSX.Element => ; -export const SquareEmptyIcon = (props: IconProps): JSX.Element => ; +export const SquareEmptyIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Navigation.tsx b/packages/icon/src/lib/Icons/Navigation.tsx index e491870803..9c0b50daa7 100644 --- a/packages/icon/src/lib/Icons/Navigation.tsx +++ b/packages/icon/src/lib/Icons/Navigation.tsx @@ -14,30 +14,30 @@ import { faCircleArrowLeft } from '@fortawesome/free-solid-svg-icons/faCircleArr import { faCircleArrowRight } from '@fortawesome/free-solid-svg-icons/faCircleArrowRight'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const ArrowCircleLeftIcon = (props: IconProps): JSX.Element => ; +export const ArrowCircleLeftIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowCircleRightIcon = (props: IconProps): JSX.Element => ; +export const ArrowCircleRightIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowLeftIcon = (props: IconProps): JSX.Element => ; +export const ArrowLeftIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowRightIcon = (props: IconProps): JSX.Element => ; +export const ArrowRightIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowUpIcon = (props: IconProps): JSX.Element => ; +export const ArrowUpIcon = (props: IconProps): React.JSX.Element => ; -export const ArrowDownIcon = (props: IconProps): JSX.Element => ; +export const ArrowDownIcon = (props: IconProps): React.JSX.Element => ; -export const NavigateFirstIcon = (props: IconProps): JSX.Element => ; +export const NavigateFirstIcon = (props: IconProps): React.JSX.Element => ; -export const NavigateLastIcon = (props: IconProps): JSX.Element => ; +export const NavigateLastIcon = (props: IconProps): React.JSX.Element => ; -export const NavigateTopIcon = (props: IconProps): JSX.Element => ; +export const NavigateTopIcon = (props: IconProps): React.JSX.Element => ; -export const NavigateBottomIcon = (props: IconProps): JSX.Element => ; +export const NavigateBottomIcon = (props: IconProps): React.JSX.Element => ; -export const NavigatePreviousIcon = (props: IconProps): JSX.Element => ; +export const NavigatePreviousIcon = (props: IconProps): React.JSX.Element => ; -export const NavigateNextIcon = (props: IconProps): JSX.Element => ; +export const NavigateNextIcon = (props: IconProps): React.JSX.Element => ; -export const TriangleRightIcon = (props: IconProps): JSX.Element => ; +export const TriangleRightIcon = (props: IconProps): React.JSX.Element => ; -export const TriangleLeftIcon = (props: IconProps): JSX.Element => ; +export const TriangleLeftIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/icon/src/lib/Icons/Payment.tsx b/packages/icon/src/lib/Icons/Payment.tsx index b8f014c3f0..8ea36cc818 100644 --- a/packages/icon/src/lib/Icons/Payment.tsx +++ b/packages/icon/src/lib/Icons/Payment.tsx @@ -10,20 +10,20 @@ import { faCcVisa } from '@fortawesome/free-brands-svg-icons/faCcVisa'; import { faMoneyBill } from '@fortawesome/free-solid-svg-icons/faMoneyBill'; import { FaSvgIcon, IconProps } from '../FaSvgIcon'; -export const CreditCardIcon = (props: IconProps): JSX.Element => ; +export const CreditCardIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardAmexIcon = (props: IconProps): JSX.Element => ; +export const CreditCardAmexIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardDiscoverIcon = (props: IconProps): JSX.Element => ; +export const CreditCardDiscoverIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardMastercardIcon = (props: IconProps): JSX.Element => ; +export const CreditCardMastercardIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardPaypalIcon = (props: IconProps): JSX.Element => ; +export const CreditCardPaypalIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardStripeIcon = (props: IconProps): JSX.Element => ; +export const CreditCardStripeIcon = (props: IconProps): React.JSX.Element => ; -export const CreditCardVisaIcon = (props: IconProps): JSX.Element => ; +export const CreditCardVisaIcon = (props: IconProps): React.JSX.Element => ; -export const MoneyBillIcon = (props: IconProps): JSX.Element => ; +export const MoneyBillIcon = (props: IconProps): React.JSX.Element => ; -export const CartShoppingIcon = (props: IconProps): JSX.Element => ; +export const CartShoppingIcon = (props: IconProps): React.JSX.Element => ; diff --git a/packages/layout/package.json b/packages/layout/package.json index e8bf74192d..4219c4366d 100644 --- a/packages/layout/package.json +++ b/packages/layout/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/layout/src/lib/Box.tsx b/packages/layout/src/lib/Box.tsx index f6e8e341ea..54363f8e61 100644 --- a/packages/layout/src/lib/Box.tsx +++ b/packages/layout/src/lib/Box.tsx @@ -5,6 +5,6 @@ export interface BoxProps extends MuiBoxProps { children?: ReactNode; } -export const Box = forwardRef((props: BoxProps, ref): JSX.Element => { +export const Box = forwardRef((props: BoxProps, ref): React.JSX.Element => { return ; }); diff --git a/packages/layout/src/lib/Container.tsx b/packages/layout/src/lib/Container.tsx index 69a9739a5d..3d57287ea4 100644 --- a/packages/layout/src/lib/Container.tsx +++ b/packages/layout/src/lib/Container.tsx @@ -4,6 +4,6 @@ export interface ContainerProps extends MuiContainerProps { children?: React.ReactNode; } -export const Container = ({ children, ...rest }: ContainerProps): JSX.Element => { +export const Container = ({ children, ...rest }: ContainerProps): React.JSX.Element => { return {children}; }; diff --git a/packages/layout/src/lib/Grid.tsx b/packages/layout/src/lib/Grid.tsx index e378ea6fa0..0019a78f7c 100644 --- a/packages/layout/src/lib/Grid.tsx +++ b/packages/layout/src/lib/Grid.tsx @@ -1,9 +1,9 @@ -import MuiGrid2, { Grid2Props as MuiGrid2Props } from '@mui/material/Grid2'; +import MuiGrid, { GridProps as MuiGridProps } from '@mui/material/Grid'; -export interface GridProps extends Omit { +export interface GridProps extends Omit { children?: React.ReactNode; } -export const Grid = (args: GridProps): JSX.Element => { - return ; +export const Grid = (args: GridProps): React.JSX.Element => { + return ; }; diff --git a/packages/layout/src/lib/Stack.tsx b/packages/layout/src/lib/Stack.tsx index a4392a5509..81e3d53135 100644 --- a/packages/layout/src/lib/Stack.tsx +++ b/packages/layout/src/lib/Stack.tsx @@ -4,6 +4,6 @@ export interface StackProps extends MuiStackProps { children?: React.ReactNode; } -export const Stack = ({ children, ...rest }: StackProps): JSX.Element => { +export const Stack = ({ children, ...rest }: StackProps): React.JSX.Element => { return {children}; }; diff --git a/packages/link/package.json b/packages/link/package.json index d1665160c3..7f9a36e39a 100644 --- a/packages/link/package.json +++ b/packages/link/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/list/package.json b/packages/list/package.json index c1a4841c7e..9388cb1a93 100644 --- a/packages/list/package.json +++ b/packages/list/package.json @@ -43,15 +43,15 @@ "@availity/mui-chip": "workspace:*" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/list/src/lib/List.tsx b/packages/list/src/lib/List.tsx index 14bc81ae4d..6257c3bfb9 100644 --- a/packages/list/src/lib/List.tsx +++ b/packages/list/src/lib/List.tsx @@ -4,6 +4,6 @@ import MuiList, { ListProps as MuiListProps } from '@mui/material/List'; export type ListProps = MuiListProps; /** Wrapper for list items. Renders as a `
    ` by default. */ -export const List = ({ children, ...rest }: ListProps): JSX.Element => { +export const List = ({ children, ...rest }: ListProps): React.JSX.Element => { return {children}; }; diff --git a/packages/list/src/lib/ListItemAvatar.tsx b/packages/list/src/lib/ListItemAvatar.tsx index 50c96718d6..959bf957fb 100644 --- a/packages/list/src/lib/ListItemAvatar.tsx +++ b/packages/list/src/lib/ListItemAvatar.tsx @@ -4,6 +4,6 @@ import MuiListItemAvatar, { ListItemAvatarProps as MuiListItemAvatarProps } from export type ListItemAvatarProps = MuiListItemAvatarProps; /** Avatar to be used inside of a list item. */ -export const ListItemAvatar = ({ children, ...rest }: ListItemAvatarProps): JSX.Element => { +export const ListItemAvatar = ({ children, ...rest }: ListItemAvatarProps): React.JSX.Element => { return {children}; }; diff --git a/packages/list/src/lib/ListItemIcon.tsx b/packages/list/src/lib/ListItemIcon.tsx index 70b88ef158..f63616fab1 100644 --- a/packages/list/src/lib/ListItemIcon.tsx +++ b/packages/list/src/lib/ListItemIcon.tsx @@ -4,6 +4,6 @@ import MuiListItemIcon, { ListItemIconProps as MuiListItemIconProps } from '@mui export type ListItemIconProps = MuiListItemIconProps; /** Icon to be used inside of a list item */ -export const ListItemIcon = ({ children, ...rest }: ListItemIconProps): JSX.Element => { +export const ListItemIcon = ({ children, ...rest }: ListItemIconProps): React.JSX.Element => { return {children}; }; diff --git a/packages/list/src/lib/ListItemText.tsx b/packages/list/src/lib/ListItemText.tsx index 3236cd77d7..7194da4a2b 100644 --- a/packages/list/src/lib/ListItemText.tsx +++ b/packages/list/src/lib/ListItemText.tsx @@ -4,6 +4,6 @@ import MuiListItemText, { ListItemTextProps as MuiListItemTextProps } from '@mui export type ListItemTextProps = MuiListItemTextProps /** Container inside a list item, used to display text content. */ -export const ListItemText = ({ children, ...rest }: ListItemTextProps): JSX.Element => { +export const ListItemText = ({ children, ...rest }: ListItemTextProps): React.JSX.Element => { return {children}; }; diff --git a/packages/list/src/lib/ListSubheader.tsx b/packages/list/src/lib/ListSubheader.tsx index e9ff5bcbf4..f11dd9aa25 100644 --- a/packages/list/src/lib/ListSubheader.tsx +++ b/packages/list/src/lib/ListSubheader.tsx @@ -4,6 +4,6 @@ import MuiListSubheader, { ListSubheaderProps as MuiListSubheaderProps } from '@ export type ListSubheaderProps = MuiListSubheaderProps /** A label for a nested list. */ -export const ListSubheader = ({ children, ...rest }: ListSubheaderProps): JSX.Element => { +export const ListSubheader = ({ children, ...rest }: ListSubheaderProps): React.JSX.Element => { return {children}; }; diff --git a/packages/menu/package.json b/packages/menu/package.json index 77cfeeba8a..596db260af 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -41,15 +41,15 @@ }, "devDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/menu/src/lib/Menu.tsx b/packages/menu/src/lib/Menu.tsx index 256277a40a..bd24bf03a3 100644 --- a/packages/menu/src/lib/Menu.tsx +++ b/packages/menu/src/lib/Menu.tsx @@ -19,7 +19,7 @@ export type MenuProps = Omit< | 'TransitionProps' >; -export const Menu = (props: MenuProps): JSX.Element => { +export const Menu = (props: MenuProps): React.JSX.Element => { return ; }; diff --git a/packages/modal/package.json b/packages/modal/package.json index d96ce6107d..7f7676ddad 100644 --- a/packages/modal/package.json +++ b/packages/modal/package.json @@ -43,15 +43,15 @@ "@availity/mui-button": "workspace:*", "@availity/mui-card": "workspace:*", "@availity/mui-typography": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/modal/src/lib/Modal.tsx b/packages/modal/src/lib/Modal.tsx index 01832711a2..90c7bcc95c 100644 --- a/packages/modal/src/lib/Modal.tsx +++ b/packages/modal/src/lib/Modal.tsx @@ -15,7 +15,7 @@ export type ModalProps = { | 'onBackdropClick' >; -export const Modal = ({ children, ...rest }: ModalProps): JSX.Element => { +export const Modal = ({ children, ...rest }: ModalProps): React.JSX.Element => { return ( {children} diff --git a/packages/nx-generator/src/generators/nx-generator/files/package.json__template__ b/packages/nx-generator/src/generators/nx-generator/files/package.json__template__ index b39cd705ff..83538e1037 100644 --- a/packages/nx-generator/src/generators/nx-generator/files/package.json__template__ +++ b/packages/nx-generator/src/generators/nx-generator/files/package.json__template__ @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", + "@mui/material": "^7.0.0", "react": "18.2.0", "react-dom": "18.2.0", "tsup": "^8.0.2", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/nx-generator/src/generators/nx-generator/files/src/lib/__componentName__.tsx__template__ b/packages/nx-generator/src/generators/nx-generator/files/src/lib/__componentName__.tsx__template__ index f7fc3573a7..e51774cccc 100644 --- a/packages/nx-generator/src/generators/nx-generator/files/src/lib/__componentName__.tsx__template__ +++ b/packages/nx-generator/src/generators/nx-generator/files/src/lib/__componentName__.tsx__template__ @@ -5,7 +5,7 @@ export interface <%= componentName %>Props extends MuiCardProps { children?: React.ReactNode; } -export const <%= componentName %> = ({ children, ...rest }: <%= componentName %>Props) : JSX.Element => { +export const <%= componentName %> = ({ children, ...rest }: <%= componentName %>Props) : React.JSX.Element => { return ( {children} diff --git a/packages/page-header/package.json b/packages/page-header/package.json index f9f42cd0e2..e33a72969b 100644 --- a/packages/page-header/package.json +++ b/packages/page-header/package.json @@ -47,10 +47,10 @@ "@availity/mui-link": "workspace:^", "@availity/mui-tabs": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", + "@mui/material": "^7.3.4", "@tanstack/react-query": "^4.36.1", - "react": "18.2.0", - "react-dom": "18.2.0", + "react": "19.2.0", + "react-dom": "19.2.0", "react-image": "^4.1.0", "tsup": "^8.4.0", "typescript": "^5.4.5" @@ -63,8 +63,8 @@ "@availity/mui-link": "workspace:^", "@availity/mui-spaces": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/page-header/src/lib/PageHeader.tsx b/packages/page-header/src/lib/PageHeader.tsx index a97230151f..b89717228e 100644 --- a/packages/page-header/src/lib/PageHeader.tsx +++ b/packages/page-header/src/lib/PageHeader.tsx @@ -52,7 +52,7 @@ export interface PageHeaderProps { /** Logo attributes */ logo?: LogoSpaceId | LogoPayerId; /** The divider below the header, defaults to ``. Can be replaced with ``. */ - divider?: JSX.Element; + divider?: React.JSX.Element; } const Logo = (props: LogoSpaceId | LogoPayerId) => { @@ -83,7 +83,7 @@ export const PageHeader = ({ logo, help, divider = -}: PageHeaderProps): JSX.Element => { +}: PageHeaderProps): React.JSX.Element => { return ( =16.3.0" + "react": ">=17.0.0" }, "peerDependenciesMeta": { "@tanstack/react-query": { diff --git a/packages/pagination/src/lib/Pagination.tsx b/packages/pagination/src/lib/Pagination.tsx index dc3f10e846..cb0554344f 100644 --- a/packages/pagination/src/lib/Pagination.tsx +++ b/packages/pagination/src/lib/Pagination.tsx @@ -12,7 +12,7 @@ const getItemAriaLabel: MuiPaginationProps['getItemAriaLabel'] = (type, page) => return `Go to ${type} page`; }; -export const Pagination = (props: PaginationProps): JSX.Element => { +export const Pagination = (props: PaginationProps): React.JSX.Element => { return ( } /> ); diff --git a/packages/pagination/src/lib/PaginationItem.tsx b/packages/pagination/src/lib/PaginationItem.tsx index c38161cf24..d46da72de5 100644 --- a/packages/pagination/src/lib/PaginationItem.tsx +++ b/packages/pagination/src/lib/PaginationItem.tsx @@ -29,6 +29,6 @@ const slots = { ), }; -export const PaginationItem = (props: PaginationItemProps): JSX.Element => { +export const PaginationItem = (props: PaginationItemProps): React.JSX.Element => { return ; }; diff --git a/packages/pagination/src/lib/ResourcePagination.test.tsx b/packages/pagination/src/lib/ResourcePagination.test.tsx index db1b6f902c..aabf3950a8 100644 --- a/packages/pagination/src/lib/ResourcePagination.test.tsx +++ b/packages/pagination/src/lib/ResourcePagination.test.tsx @@ -20,7 +20,7 @@ afterEach(() => { const client = new QueryClient(); -const ResourcePaginationComponent = (): JSX.Element => { +const ResourcePaginationComponent = (): React.JSX.Element => { const resp = useResourcePagination({ page: 1, resource: avOrganizationsApi, diff --git a/packages/paper/package.json b/packages/paper/package.json index a761ab3e04..f1f76d8ccd 100644 --- a/packages/paper/package.json +++ b/packages/paper/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/popover/package.json b/packages/popover/package.json index b78513cbee..cd513099fd 100644 --- a/packages/popover/package.json +++ b/packages/popover/package.json @@ -41,15 +41,15 @@ }, "devDependencies": { "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/popover/src/lib/Popover.tsx b/packages/popover/src/lib/Popover.tsx index 1a7f1a730b..752460ca06 100644 --- a/packages/popover/src/lib/Popover.tsx +++ b/packages/popover/src/lib/Popover.tsx @@ -2,6 +2,6 @@ import { default as MuiPopover, PopoverProps as MuiPopoverProps } from '@mui/mat export type PopoverProps = MuiPopoverProps; -export const Popover = ({ ...rest }: PopoverProps): JSX.Element => { +export const Popover = ({ ...rest }: PopoverProps): React.JSX.Element => { return ; }; diff --git a/packages/popper/package.json b/packages/popper/package.json index 62ce048f39..299ca2750e 100644 --- a/packages/popper/package.json +++ b/packages/popper/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/popper/src/lib/Popper.tsx b/packages/popper/src/lib/Popper.tsx index 95a179651f..c8143991a5 100644 --- a/packages/popper/src/lib/Popper.tsx +++ b/packages/popper/src/lib/Popper.tsx @@ -2,6 +2,6 @@ import { default as MuiPopper, PopperProps as MuiPopperProps } from '@mui/materi export type PopperProps = MuiPopperProps; -export const Popper = ({ children, ...rest }: PopperProps): JSX.Element => { +export const Popper = ({ children, ...rest }: PopperProps): React.JSX.Element => { return {children}; }; diff --git a/packages/progress/package.json b/packages/progress/package.json index fd2256567a..b2f7ae7745 100644 --- a/packages/progress/package.json +++ b/packages/progress/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/progress/src/lib/CircularProgress.tsx b/packages/progress/src/lib/CircularProgress.tsx index 70346708ac..91338d9f7d 100644 --- a/packages/progress/src/lib/CircularProgress.tsx +++ b/packages/progress/src/lib/CircularProgress.tsx @@ -60,7 +60,7 @@ export const CircularProgress = ({ success = false, size = 'default', ...props -}: CircularProgressProps): JSX.Element => { +}: CircularProgressProps): React.JSX.Element => { const [status, setStatus] = useState('loading'); useEffect(() => { diff --git a/packages/snackbar/package.json b/packages/snackbar/package.json index 026b9f2f79..7558c3053d 100644 --- a/packages/snackbar/package.json +++ b/packages/snackbar/package.json @@ -44,15 +44,15 @@ "@availity/mui-button": "workspace:*", "@availity/mui-layout": "workspace:*", "@availity/mui-transitions": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/snackbar/src/lib/Snackbar.tsx b/packages/snackbar/src/lib/Snackbar.tsx index e939763873..f9caf1da1c 100644 --- a/packages/snackbar/src/lib/Snackbar.tsx +++ b/packages/snackbar/src/lib/Snackbar.tsx @@ -5,6 +5,6 @@ export type SnackbarProps = Omit { +export const Snackbar = (props: SnackbarProps): React.JSX.Element => { return ; }; diff --git a/packages/spaces/package.json b/packages/spaces/package.json index d11fba3726..7a401315ca 100644 --- a/packages/spaces/package.json +++ b/packages/spaces/package.json @@ -53,9 +53,9 @@ "@availity/mui-paper": "workspace:^", "@availity/mui-progress": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "react-router-dom": "^6.30.0", "tsup": "^8.4.0", "typescript": "^5.4.5" @@ -73,8 +73,8 @@ "@availity/mui-modal": "workspace:^", "@availity/mui-progress": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0", + "@mui/material": "^7.0.0", + "react": ">=17.0.0", "react-router-dom": "^6.26.0" }, "publishConfig": { diff --git a/packages/spaces/src/lib/Spaces.stories.tsx b/packages/spaces/src/lib/Spaces.stories.tsx index d0f42ba310..44b2cbd375 100644 --- a/packages/spaces/src/lib/Spaces.stories.tsx +++ b/packages/spaces/src/lib/Spaces.stories.tsx @@ -31,7 +31,7 @@ const SpaceComponent = ({ spaceId }: { spaceId: string }) => { ); }; -const SpaceContainer = ({ children }: { children?: React.ReactNode }): JSX.Element => { +const SpaceContainer = ({ children }: { children?: React.ReactNode }): React.JSX.Element => { const { loading } = useSpacesContext(); return loading ? loading... :
    {children}
    ; }; diff --git a/packages/spaces/src/lib/Spaces.tsx b/packages/spaces/src/lib/Spaces.tsx index eaae9962fb..72e67455cf 100644 --- a/packages/spaces/src/lib/Spaces.tsx +++ b/packages/spaces/src/lib/Spaces.tsx @@ -3,7 +3,7 @@ import { useQueries } from '@tanstack/react-query'; import { spacesReducer, fetchAllSpaces } from './spaces-data'; import configurationFindMany from './configurationFindMany'; import { ModalProvider } from './modals/ModalProvider'; -import type { Space, SpacesProps, SpacesContextType, UseSpaces } from './spaces-types'; +import type { Space, SpacesProps, SpacesContextType, UseSpaces, SpacesReducerAction } from './spaces-types'; import { isReactNodeFunction } from './helpers'; export const INITIAL_STATE = { @@ -23,9 +23,9 @@ export const Spaces = ({ payerIds, spaceIds, spaces: spacesFromProps, -}: SpacesProps): JSX.Element => { +}: SpacesProps): React.JSX.Element => { const [{ previousSpacesMap, previousSpacesByConfigMap, previousSpacesByPayerMap, loading, error }, dispatch] = - useReducer(spacesReducer, INITIAL_STATE); + useReducer(spacesReducer, INITIAL_STATE); const spacesMap: Map = new Map(previousSpacesMap); const configIdsMap: Map = new Map(previousSpacesByConfigMap); diff --git a/packages/spaces/src/lib/SpacesImage.tsx b/packages/spaces/src/lib/SpacesImage.tsx index c1b96b0918..1e4965c06f 100644 --- a/packages/spaces/src/lib/SpacesImage.tsx +++ b/packages/spaces/src/lib/SpacesImage.tsx @@ -12,7 +12,7 @@ type BaseSpacesImageProps = { | 'images.promotionalHover'; fallback?: string; id?: string; - Loader?: ({ id }: { id: string }) => JSX.Element; + Loader?: ({ id }: { id: string }) => React.JSX.Element; }; type SpacesImageSpaceId = { diff --git a/packages/spaces/src/lib/SpacesLink/SpacesLink.tsx b/packages/spaces/src/lib/SpacesLink/SpacesLink.tsx index 238cc94dba..b10e03631d 100644 --- a/packages/spaces/src/lib/SpacesLink/SpacesLink.tsx +++ b/packages/spaces/src/lib/SpacesLink/SpacesLink.tsx @@ -25,7 +25,7 @@ const IconLink = styled(Link, { name: 'AvSpacesLink', slot: 'IconLink' })({}); const getDisplayDate = (date: string | null | undefined) => dayjs(date).format('MM/DD/YYYY'); const getContainerTag = ( - propTag: ElementType | undefined, + propTag: ElementType | undefined, variant: SpacesLinkVariants ) => { if (variant && variant !== 'default') return { card: Card, list: ListItem }[variant]; @@ -33,7 +33,7 @@ const getContainerTag = ( }; const getBodyTag = ( - propTag: ElementType | undefined, + propTag: ElementType | undefined, variant: SpacesLinkVariants ) => { if (variant && variant !== 'default') return { card: CardContent, list: 'div' }[variant]; @@ -41,7 +41,7 @@ const getBodyTag = ( }; const getTitleTag = ( - propTag: ElementType | undefined, + propTag: ElementType | undefined, variant: SpacesLinkVariants, showUrl?: boolean ) => { @@ -51,7 +51,7 @@ const getTitleTag = ( }; const getTextTag = ( - propTag: ElementType | undefined, + propTag: ElementType | undefined, variant: SpacesLinkVariants ) => { if (variant && variant !== 'default') return { card: Typography, list: ListItemText }[variant]; diff --git a/packages/spaces/src/lib/SpacesLink/spaces-link-types.tsx b/packages/spaces/src/lib/SpacesLink/spaces-link-types.tsx index 0ee5c76840..716c8752d6 100644 --- a/packages/spaces/src/lib/SpacesLink/spaces-link-types.tsx +++ b/packages/spaces/src/lib/SpacesLink/spaces-link-types.tsx @@ -31,26 +31,26 @@ export type SpacesLinkWithSpaceId = { export type SpacesLinkProps = { /** Children can be a react child or render prop. */ - children?: JSX.Element | ((props: any | undefined) => JSX.Element); + children?: React.JSX.Element | ((props: any | undefined) => React.JSX.Element); /** Tag to overwrite the root component rendered. */ - tag?: ElementType; + tag?: ElementType; /** Tag to overwrite the body component that renders the title, description and data values. * It defaults to CardBody or div depending on the value of the variant prop. */ - bodyTag?: ElementType; + bodyTag?: ElementType; /** Tag to overwrite the title component. If variant prop is set to "card", defaults to CardTitle. * If variant is set to "list", defaults to ListItemHeading. Overwise, defaults to div. */ - titleTag?: ElementType; + titleTag?: ElementType; /** Tag to overwrite the text component. If variant prop is set to "card", defaults to Card Text. * If variant is set to "list", defaults to ListItemText. Otherwise, defaults to div. */ - textTag?: ElementType; + textTag?: ElementType; titleClassName?: string; /** When true, utilizes the Card component for styling. */ card?: boolean; /** When true, renders an @availity/mui-icon next to the title if present on the Space. */ - icon?: (props: SvgIconProps) => JSX.Element; + icon?: (props: SvgIconProps) => React.JSX.Element; /** When true, renders the Spaces description beneath the title. */ description?: boolean; /** When passed in, provides predefined styles for the component. diff --git a/packages/spaces/src/lib/helpers.tsx b/packages/spaces/src/lib/helpers.tsx index c21d785190..0ebea36bb9 100644 --- a/packages/spaces/src/lib/helpers.tsx +++ b/packages/spaces/src/lib/helpers.tsx @@ -31,8 +31,8 @@ export const getTarget = (target?: string) => { }; export const isFunction = ( - children: JSX.Element | ((props: any | undefined) => JSX.Element) -): children is (props: any | undefined) => JSX.Element => typeof children === 'function'; + children: React.JSX.Element | ((props: any | undefined) => React.JSX.Element) +): children is (props: any | undefined) => React.JSX.Element => typeof children === 'function'; export const isReactNodeFunction = ( children: React.ReactNode | ((props: any | undefined) => React.ReactNode) diff --git a/packages/spaces/src/lib/modals/modal-types.tsx b/packages/spaces/src/lib/modals/modal-types.tsx index 5b63f19e00..d612589a47 100644 --- a/packages/spaces/src/lib/modals/modal-types.tsx +++ b/packages/spaces/src/lib/modals/modal-types.tsx @@ -56,8 +56,8 @@ export type ModalProviderState = { modalState: ModalState; selectedModal?: { body?: - | (({ disclaimerId }: ModalProps) => JSX.Element) - | (({ parentPayerSpaces, name, state: { selectedOption }, setState }: ModalProps) => JSX.Element); + | (({ disclaimerId }: ModalProps) => React.JSX.Element) + | (({ parentPayerSpaces, name, state: { selectedOption }, setState }: ModalProps) => React.JSX.Element); onSubmit?: ( props: ModalOptions, modalState: ModalState, diff --git a/packages/stepper/package.json b/packages/stepper/package.json index 7b46878e79..ddc1986a0b 100644 --- a/packages/stepper/package.json +++ b/packages/stepper/package.json @@ -48,15 +48,15 @@ "@availity/mui-layout": "workspace:^", "@availity/mui-paper": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/stepper/src/lib/Step.tsx b/packages/stepper/src/lib/Step.tsx index a888bd32cc..c0026d6606 100644 --- a/packages/stepper/src/lib/Step.tsx +++ b/packages/stepper/src/lib/Step.tsx @@ -2,6 +2,6 @@ import MuiStep, { StepProps as MuiStepProps } from '@mui/material/Step'; export type StepProps = MuiStepProps; -export const Step = ({ children, ...rest }: StepProps): JSX.Element => { +export const Step = ({ children, ...rest }: StepProps): React.JSX.Element => { return {children}; }; diff --git a/packages/stepper/src/lib/StepButton.tsx b/packages/stepper/src/lib/StepButton.tsx index 3af53c79aa..344c6fc1b2 100644 --- a/packages/stepper/src/lib/StepButton.tsx +++ b/packages/stepper/src/lib/StepButton.tsx @@ -5,7 +5,7 @@ export type StepButtonProps = Omit< 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'TouchRippleProps' | 'touchRippleRef' >; -export const StepButton = ({ children, ...rest }: StepButtonProps): JSX.Element => { +export const StepButton = ({ children, ...rest }: StepButtonProps): React.JSX.Element => { return ( {children} diff --git a/packages/stepper/src/lib/StepConnector.tsx b/packages/stepper/src/lib/StepConnector.tsx index 17d9964d5f..1c6a657d6e 100644 --- a/packages/stepper/src/lib/StepConnector.tsx +++ b/packages/stepper/src/lib/StepConnector.tsx @@ -2,6 +2,6 @@ import MuiStepConnector, { StepConnectorProps as MuiStepConnectorProps } from '@ export type StepConnectorProps = MuiStepConnectorProps; -export const StepConnector = (props: StepConnectorProps): JSX.Element => { +export const StepConnector = (props: StepConnectorProps): React.JSX.Element => { return ; }; diff --git a/packages/stepper/src/lib/StepContent.tsx b/packages/stepper/src/lib/StepContent.tsx index 3593bb4c8d..822ac74669 100644 --- a/packages/stepper/src/lib/StepContent.tsx +++ b/packages/stepper/src/lib/StepContent.tsx @@ -2,6 +2,6 @@ import MuiStepContent, { StepContentProps as MuiStepContentProps } from '@mui/ma export type StepContentProps = MuiStepContentProps; -export const StepContent = ({ children, ...rest }: StepContentProps): JSX.Element => { +export const StepContent = ({ children, ...rest }: StepContentProps): React.JSX.Element => { return {children}; }; diff --git a/packages/stepper/src/lib/StepIcon.tsx b/packages/stepper/src/lib/StepIcon.tsx index 95fa7780ba..da15428eef 100644 --- a/packages/stepper/src/lib/StepIcon.tsx +++ b/packages/stepper/src/lib/StepIcon.tsx @@ -2,7 +2,7 @@ import MuiStepIcon, { StepIconProps as MuiStepIconProps } from '@mui/material/St import { SuccessCircleIcon, WarningCircleIcon } from '@availity/mui-icon'; import { SvgIconProps } from '@mui/material/SvgIcon'; -type Tag = ((props: SvgIconProps) => JSX.Element) | null; +type Tag = ((props: SvgIconProps) => React.JSX.Element) | null; declare module '@mui/material/StepIcon' { interface StepIconProps { @@ -16,7 +16,7 @@ export type StepIconProps = { warning?: boolean } & MuiStepIconProps; -export const StepIcon = ({ error, completed, warning, ...rest }: StepIconProps): JSX.Element => { +export const StepIcon = ({ error, completed, warning, ...rest }: StepIconProps): React.JSX.Element => { let tag: Tag = null; if (error) tag = WarningCircleIcon; if (warning) tag = (props: SvgIconProps) => ; diff --git a/packages/stepper/src/lib/StepLabel.tsx b/packages/stepper/src/lib/StepLabel.tsx index 52b452aa06..1a1aae39ad 100644 --- a/packages/stepper/src/lib/StepLabel.tsx +++ b/packages/stepper/src/lib/StepLabel.tsx @@ -5,7 +5,7 @@ import { Typography } from '@availity/mui-typography'; export type StepLabelProps = Pick & MuiStepLabelProps; -const StepLabel = ({ children, error, optional, warning, ...rest }: StepLabelProps): JSX.Element => { +const StepLabel = ({ children, error, optional, warning, ...rest }: StepLabelProps): React.JSX.Element => { if (typeof optional === 'string') { optional = ; } diff --git a/packages/stepper/src/lib/Stepper.tsx b/packages/stepper/src/lib/Stepper.tsx index 0be0efc470..d46d8167c7 100644 --- a/packages/stepper/src/lib/Stepper.tsx +++ b/packages/stepper/src/lib/Stepper.tsx @@ -19,7 +19,7 @@ const HiddenConnectorStepper = styled(MuiStepper, { } }); -export const Stepper = ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps): JSX.Element => { +export const Stepper = ({ children, connector, orientation, scrollButtons, ...rest }: StepperProps): React.JSX.Element => { const alternativeLabel = orientation !== 'vertical'; const Stepper = connector === null ? HiddenConnectorStepper : MuiStepper; diff --git a/packages/table/package.json b/packages/table/package.json index c9e145d457..299dee53cd 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -57,16 +57,16 @@ "@availity/mui-paper": "workspace:*", "@availity/mui-textfield": "workspace:*", "@availity/mui-typography": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "react-hook-form": "^7.55.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/table/src/lib/Table.tsx b/packages/table/src/lib/Table.tsx index 25c7d991a8..479b7d292c 100644 --- a/packages/table/src/lib/Table.tsx +++ b/packages/table/src/lib/Table.tsx @@ -8,6 +8,6 @@ export type TableProps = { striped?: boolean; } & MuiTableProps; -export const Table = ({ className, striped, ...props }: TableProps): JSX.Element => { +export const Table = ({ className, striped, ...props }: TableProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TableBody.tsx b/packages/table/src/lib/TableBody.tsx index fcdd9baa74..c9b0c5af9b 100644 --- a/packages/table/src/lib/TableBody.tsx +++ b/packages/table/src/lib/TableBody.tsx @@ -6,6 +6,6 @@ export type TableBodyProps = { component?: ElementType; } & MuiTableBodyProps; -export const TableBody = (props: TableBodyProps): JSX.Element => { +export const TableBody = (props: TableBodyProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TableCell.tsx b/packages/table/src/lib/TableCell.tsx index 4f823b2c0a..2b4c9721b0 100644 --- a/packages/table/src/lib/TableCell.tsx +++ b/packages/table/src/lib/TableCell.tsx @@ -18,7 +18,7 @@ export type TableCellProps = { disableEmptyPlaceholder?: boolean; } & MuiTableCellProps; -export const TableCell = ({disableEmptyPlaceholder = false, children, ...props}: TableCellProps): JSX.Element => { +export const TableCell = ({disableEmptyPlaceholder = false, children, ...props}: TableCellProps): React.JSX.Element => { const isPlaceholderActive = !disableEmptyPlaceholder && !children; const placeholder = <>
    —
    No Data
    ; diff --git a/packages/table/src/lib/TableContainer.tsx b/packages/table/src/lib/TableContainer.tsx index 62fd21afd7..894fe91e38 100644 --- a/packages/table/src/lib/TableContainer.tsx +++ b/packages/table/src/lib/TableContainer.tsx @@ -9,6 +9,6 @@ export type TableContainerProps = { component?: ElementType; } & MuiTableContainerProps; -export const TableContainer = (props: TableContainerProps): JSX.Element => { +export const TableContainer = (props: TableContainerProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TableFooter.tsx b/packages/table/src/lib/TableFooter.tsx index c61fb1e839..94997d99b0 100644 --- a/packages/table/src/lib/TableFooter.tsx +++ b/packages/table/src/lib/TableFooter.tsx @@ -6,6 +6,6 @@ export type TableFooterProps = { component?: ElementType; } & MuiTableFooterProps; -export const TableFooter = (props: TableFooterProps): JSX.Element => { +export const TableFooter = (props: TableFooterProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TableHead.tsx b/packages/table/src/lib/TableHead.tsx index 3a96c02134..d95f8746ff 100644 --- a/packages/table/src/lib/TableHead.tsx +++ b/packages/table/src/lib/TableHead.tsx @@ -6,6 +6,6 @@ export type TableHeadProps = { component?: ElementType; } & MuiTableHeadProps; -export const TableHead = (props: TableHeadProps): JSX.Element => { +export const TableHead = (props: TableHeadProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TablePagination.tsx b/packages/table/src/lib/TablePagination.tsx index 15bbec0c80..5ad0bf0b6f 100644 --- a/packages/table/src/lib/TablePagination.tsx +++ b/packages/table/src/lib/TablePagination.tsx @@ -3,7 +3,7 @@ import { default as MuiTablePagination, TablePaginationProps as MuiTablePaginationProps, } from '@mui/material/TablePagination'; -import { TablePaginationActionsProps as MuiTablePaginationActionsProps } from '@mui/material/TablePagination/TablePaginationActions'; +import { TablePaginationActionsProps as MuiTablePaginationActionsProps } from '@mui/material/TablePaginationActions'; import { SvgIconProps } from '@mui/material/SvgIcon'; import { TableCellBaseProps } from '@mui/material/TableCell'; import { Pagination, PaginationProps } from '@availity/mui-pagination'; @@ -45,7 +45,7 @@ export const TablePagination = forwardRef((props, const { Actions, paginationProps, ...rest } = props; const [openDetected, setOpenDetected] = useState(false); - const ActionsPagination = (props: TablePaginationActionsProps): JSX.Element => { + const ActionsPagination = (props: TablePaginationActionsProps): React.JSX.Element => { // Pull secondary props off so they are not passed to Pagination component // eslint-disable-next-line @typescript-eslint/no-unused-vars const { count, page, rowsPerPage, onPageChange, nextIconButtonProps, backIconButtonProps, slotProps, ...rest } = diff --git a/packages/table/src/lib/TableRow.tsx b/packages/table/src/lib/TableRow.tsx index f51799b093..ed9a3dc26f 100644 --- a/packages/table/src/lib/TableRow.tsx +++ b/packages/table/src/lib/TableRow.tsx @@ -6,6 +6,6 @@ export type TableRowProps = { component?: ElementType; } & MuiTableRowProps; -export const TableRow = (props: TableRowProps): JSX.Element => { +export const TableRow = (props: TableRowProps): React.JSX.Element => { return ; }; diff --git a/packages/table/src/lib/TableSortLabel.tsx b/packages/table/src/lib/TableSortLabel.tsx index b8b785a3cf..8517375982 100644 --- a/packages/table/src/lib/TableSortLabel.tsx +++ b/packages/table/src/lib/TableSortLabel.tsx @@ -19,7 +19,7 @@ export type TableSortLabelProps = Omit< | 'touchRippleRef' >; -const TableSortLabel = (props: TableSortLabelProps): JSX.Element => { +const TableSortLabel = (props: TableSortLabelProps): React.JSX.Element => { // mui rotates descending icon 180 degrees for ascending icon const IconComponent = props.active ? SortDownIcon : SortIcon; const SortedDescription = props.active ? ( diff --git a/packages/tabs/package.json b/packages/tabs/package.json index bcd1c862c0..204228d7b5 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -40,20 +40,20 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "dependencies": { - "@mui/lab": "6.0.0-beta.12" + "@mui/lab": "7.0.1-beta.18" }, "devDependencies": { "@availity/mui-divider": "workspace:^", "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/tabs/src/lib/Tab.tsx b/packages/tabs/src/lib/Tab.tsx index 52b349faf8..19da75eafc 100644 --- a/packages/tabs/src/lib/Tab.tsx +++ b/packages/tabs/src/lib/Tab.tsx @@ -11,6 +11,6 @@ export type TabProps = Omit< | 'TouchRippleProps' >; -export const Tab = (props: TabProps): JSX.Element => { +export const Tab = (props: TabProps): React.JSX.Element => { return ; }; diff --git a/packages/tabs/src/lib/TabContext.tsx b/packages/tabs/src/lib/TabContext.tsx index 804eabe4bd..f000f2f90f 100644 --- a/packages/tabs/src/lib/TabContext.tsx +++ b/packages/tabs/src/lib/TabContext.tsx @@ -4,6 +4,6 @@ export interface TabContextProps extends MuiTabContextProps { children?: React.ReactNode; } -export const TabContext = ({ children, ...rest }: TabContextProps): JSX.Element => { +export const TabContext = ({ children, ...rest }: TabContextProps): React.JSX.Element => { return {children}; }; diff --git a/packages/tabs/src/lib/TabList.tsx b/packages/tabs/src/lib/TabList.tsx index a37c121445..f5413d38e3 100644 --- a/packages/tabs/src/lib/TabList.tsx +++ b/packages/tabs/src/lib/TabList.tsx @@ -19,7 +19,7 @@ const SecondaryTabs = styled(MuiTabList, { overridesResolver: (props, styles) => styles.avSecondary, })<{ ownerState: MuiTabListProps }>(secondaryTabStyling); -export const TabList = ({ level = 'primary', ...rest }: TabListProps): JSX.Element => { +export const TabList = ({ level = 'primary', ...rest }: TabListProps): React.JSX.Element => { const LevelledTabs = level === 'primary' ? PrimaryTabs : SecondaryTabs; return ( diff --git a/packages/tabs/src/lib/TabPanel.tsx b/packages/tabs/src/lib/TabPanel.tsx index 08cc7638bb..2b09308aeb 100644 --- a/packages/tabs/src/lib/TabPanel.tsx +++ b/packages/tabs/src/lib/TabPanel.tsx @@ -4,6 +4,6 @@ export interface TabPanelProps extends MuiTabPanelProps { children?: React.ReactNode; } -export const TabPanel = ({ children, ...rest }: TabPanelProps): JSX.Element => { +export const TabPanel = ({ children, ...rest }: TabPanelProps): React.JSX.Element => { return {children}; }; diff --git a/packages/tabs/src/lib/Tabs.tsx b/packages/tabs/src/lib/Tabs.tsx index 9a3bd9cbad..f735091afc 100644 --- a/packages/tabs/src/lib/Tabs.tsx +++ b/packages/tabs/src/lib/Tabs.tsx @@ -49,7 +49,7 @@ const SecondaryTabs = styled(MuiTabs, { overridesResolver: (props, styles) => styles.avSecondary, })<{ ownerState: MuiTabsProps }>(secondaryTabStyling); -export const Tabs = ({level = "primary", ...rest}: TabsProps): JSX.Element => { +export const Tabs = ({level = "primary", ...rest}: TabsProps): React.JSX.Element => { const LevelledTabs = level === 'primary' ? PrimaryTabs : SecondaryTabs; return ( diff --git a/packages/textfield/package.json b/packages/textfield/package.json index 79460d5428..c0001cef54 100644 --- a/packages/textfield/package.json +++ b/packages/textfield/package.json @@ -45,15 +45,15 @@ }, "devDependencies": { "@availity/mui-typography": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/theme-provider/package.json b/packages/theme-provider/package.json index 08efff958a..23b63c63e9 100644 --- a/packages/theme-provider/package.json +++ b/packages/theme-provider/package.json @@ -26,13 +26,13 @@ "@availity/theme": "workspace:*", "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.0", - "@mui/material": "^6.4.5", - "@mui/x-date-pickers": "^7.26.0", + "@mui/material": "^7.3.4", + "@mui/x-date-pickers": "^8.16.0", "dayjs": "^1.11.13" }, "devDependencies": { - "react": "18.2.0", - "react-dom": "18.2.0", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "~5.4.5" }, diff --git a/packages/theme/src/lib/legacy-theme.ts b/packages/theme/src/lib/legacy-theme.ts index e2defcdb6e..247ddad90f 100644 --- a/packages/theme/src/lib/legacy-theme.ts +++ b/packages/theme/src/lib/legacy-theme.ts @@ -1658,28 +1658,28 @@ export const legacyTheme = { }, styleOverrides: { root: { - backgroundColor: tokens.colorCommonWhite, - '&.Mui-focused': { - '.MuiOutlinedInput-notchedOutline': { - borderColor: tokens.borderInputFocus, - borderWidth: '1px', - boxShadow: `0 0 0px .2rem ${tokens.borderInputFocus}`, + backgroundColor: tokens.colorCommonWhite, + '&.Mui-focused': { + '.MuiOutlinedInput-notchedOutline': { + borderColor: tokens.borderInputFocus, + borderWidth: '1px', + boxShadow: `0 0 0px .2rem ${tokens.borderInputFocus}`, + }, + '&.Mui-error': { + '.MuiOutlinedInput-notchedOutline': { + boxShadow: `0 0 0px .2rem ${tokens.borderError}`, + }, + }, }, - '&.Mui-error': { + '&.Mui-error, &.Mui-error.Mui-focused': { '.MuiOutlinedInput-notchedOutline': { - boxShadow: `0 0 0px .2rem ${tokens.borderError}`, + borderColor: tokens.borderError, }, }, - }, - '&.Mui-error, &.Mui-error.Mui-focused': { - '.MuiOutlinedInput-notchedOutline': { - borderColor: tokens.borderError, + '&.Mui-disabled, &.Mui-readOnly': { + backgroundColor: tokens.colorActionDisabledBg, + borderColor: tokens.borderDisabled }, - }, - '&.Mui-disabled, &.Mui-readOnly': { - backgroundColor: tokens.colorActionDisabledBg, - borderColor: tokens.borderDisabled - }, }, notchedOutline: { padding: 0, @@ -1760,6 +1760,14 @@ export const legacyTheme = { }, }, }, + MuiPickerPopper: { + styleOverrides: { + paper: { + boxShadow: 'none', + border: `1px solid ${tokens.borderDecorative}`, + }, + }, + }, MuiPickersArrowSwitcher: { styleOverrides: { button: { @@ -1834,6 +1842,40 @@ export const legacyTheme = { }, }, }, + MuiPickersInputBase: { + defaultProps: { + size: 'small', + }, + styleOverrides: { + root: { + // copied from MuiInputBase + boxSizing: 'border-box', + width: '220px', + maxWidth: '100%', + '&.MuiPickersInputBase-fullWidth': { + width: '100%', + }, + 'label + &': { + marginTop: '.5rem', + }, + borderRadius: 4, + position: 'relative', + fontSize: '1rem', + '.MuiPickersOutlinedInput-input': { + color: tokens.colorTextPrimary, + '&::placeholder': { + opacity: 1, + color: tokens.colorTextDisabled, + }, + '&.MuiPickersInputBase-inputSizeSmall': { + padding: '.375rem .75rem', + lineHeight: '24px', + minHeight: '24px', + }, + }, + }, + }, + }, MuiPickersMonth: { styleOverrides: { monthButton: { @@ -1844,14 +1886,52 @@ export const legacyTheme = { } } }, - MuiPickersPopper: { + MuiPickersOutlinedInput: { styleOverrides: { - paper: { - boxShadow: 'none', - border: `1px solid ${tokens.borderDecorative}`, + root: { + // copied from MuiOutlinedInput + '&.MuiPickersOutlinedInput-root, &.MuiPickersOutlinedInput-root': { + backgroundColor: tokens.colorCommonWhite, + '&.Mui-focused': { + '.MuiPickersOutlinedInput-notchedOutline': { + borderColor: tokens.borderInputFocus, + borderWidth: '1px', + boxShadow: `0 0 0px .2rem ${tokens.borderInputFocus}`, + }, + '&.Mui-error': { + '.MuiPickersOutlinedInput-notchedOutline': { + boxShadow: `0 0 0px .2rem ${tokens.borderError}`, + }, + }, + }, + '&.Mui-error, &.Mui-error.Mui-focused': { + '.MuiPickersOutlinedInput-notchedOutline': { + borderColor: tokens.borderError, + }, + }, + '&.Mui-disabled, &.Mui-readOnly': { + backgroundColor: tokens.colorActionDisabledBg, + borderColor: tokens.borderDisabled + }, + } + }, + notchedOutline: { + padding: 0, + border: '1px solid', + borderColor: tokens.borderInput, + 'legend': { + width: '0px', + }, }, }, }, + MuiPickersTextField: { + defaultProps: { + variant: 'outlined', + fullWidth: true, + size: 'small' + } + }, MuiPickersYear: { styleOverrides: { yearButton: { diff --git a/packages/theme/src/lib/light-theme.ts b/packages/theme/src/lib/light-theme.ts index 7a088dfdbd..301c6b4351 100644 --- a/packages/theme/src/lib/light-theme.ts +++ b/packages/theme/src/lib/light-theme.ts @@ -537,9 +537,9 @@ export const lightTheme = { backgroundColor: 'inherit', }, '> .MuiCollapse-root > .MuiCollapse-wrapper > .MuiCollapse-wrapperInner > .MuiAccordion-region > .MuiAccordionDetails-root:first-of-type': - { - borderTop: 'none', - }, + { + borderTop: 'none', + }, }, }, }, @@ -1754,6 +1754,102 @@ export const lightTheme = { }, }, }, + MuiPickersInputBase: { + defaultProps: { + size: 'small', + }, + styleOverrides: { + root: { + boxSizing: 'border-box', + width: '220px', + maxWidth: '100%', + minHeight: '56px', + '&.MuiPickersInputBase-inputSizeSmall': { + minHeight: '40px', + }, + '&.MuiPickersInputBase-fullWidth': { + width: '100%', + }, + // copied from MuiInputBase + backgroundColor: 'white', + padding: '0px', + '& > fieldset': { + borderColor: tokens.colorGrey400, + }, + '&:hover > fieldset': { + borderColor: tokens.borderInputHover, + }, + '&.Mui-focused > fieldset': { + borderColor: tokens.borderInputFocus, + }, + '&.Mui-error > fieldset': { + borderColor: tokens.colorErrorMain, + }, + '&.Mui-disabled > fieldset': { + borderColor: tokens.borderDisabled, + color: tokens.colorTextDisabled, + }, + '&.Mui-readOnly, > input[readonly]': { + backgroundColor: tokens.colorActionReadonlyBg + }, + '.MuiPickersInputBase-input': { + padding: '8px 12px', + lineHeight: '1.5rem', + color: tokens.colorTextPrimary, + '&::placeholder': { + opacity: 1, + color: tokens.colorGrey400, + }, + }, + '.MuiPickersInputBase-inputAdornedEnd': { + paddingRight: '0', + }, + '.MuiPickersInputBase-inputAdornedStart': { + paddingLeft: '0', + }, + '&.MuiPickersInputBase-adornedStart': { + paddingLeft: '12px', + }, + '&.MuiPickersInputBase-adornedEnd': { + paddingRight: '12px', + }, + '&:hover': { + '.MuiPickersInputBase-input::placeholder': { + color: tokens.colorTextPrimary, + }, + '.MuiIconButton-root': { + color: tokens.colorGrey700, + }, + }, + '&.Mui-disabled': { + '.MuiIconButton-root': { + color: tokens.colorTextDisabled, + }, + }, + '.MuiIconButton-root': { + border: '0', + // padding: '8px', + color: tokens.colorGrey400, + }, + }, + }, + }, + MuiPickersOutlinedInput: { + styleOverrides: { + notchedOutline: { + 'legend': { + width: '0px', + }, + }, + }, + }, + MuiPickersTextField: { + defaultProps: { + variant: 'outlined', + fullWidth: true, + size: 'small' + } + }, MuiPopover: { defaultProps: { PaperProps: { @@ -1843,13 +1939,13 @@ export const lightTheme = { left: '24px', right: '24px', '&.MuiSnackbar-anchorOriginBottomCenter, &.MuiSnackbar-anchorOriginBottomLeft, &.MuiSnackbar-anchorOriginBottomRight': - { - bottom: '24px', - }, + { + bottom: '24px', + }, '&.MuiSnackbar-anchorOriginTopCenter, &.MuiSnackbar-anchorOriginTopLeft, &.MuiSnackbar-anchorOriginTopRight': - { - top: '24px', - }, + { + top: '24px', + }, }, [theme.breakpoints.up('sm')]: { maxWidth: '528px', @@ -2422,52 +2518,56 @@ export const lightTheme = { }, }, }, - MuiTreeItem2: { + MuiTreeItem: { styleOverrides: { checkbox: { - '&.Mui-checked': { + '&.MuiTreeItem-checkbox.Mui-checked': { color: tokens.colorTextInverse, }, }, content: { - borderRadius: 0, - padding: '8px 16px', - alignItems: 'start', - '&:hover': { - backgroundColor: tokens.colorActionHover, - }, - '&:active': { - backgroundColor: `${tokens.colorSecondaryDark}26`, - }, - '&.Mui-focused': { - outlineWidth: tokens.borderWidthXs, - outlineColor: tokens.colorTextInverse, - outlineStyle: 'solid', - boxShadow: `0 0 0px 4px ${tokens.borderPrimary}`, - }, - '&.Mui-selected': { - backgroundColor: tokens.colorPrimaryMain, - '.MuiTreeItem-iconContainer': { - color: tokens.colorTextInverse, - }, - '.MuiTreeItem-label': { - color: tokens.colorTextInverse, - }, + '&.MuiTreeItem-content, &.MuiSimpleTreeView-itemContent, &.MuiRichTreeView-itemContent':{ + borderRadius: 0, + padding: '8px 16px', + alignItems: 'start', '&:hover': { - backgroundColor: tokens.colorPrimaryDark, + backgroundColor: tokens.colorActionHover, }, '&:active': { - backgroundColor: tokens.colorPrimaryDarker, + backgroundColor: `${tokens.colorSecondaryDark}26`, }, - }, + '&.Mui-focused': { + outlineWidth: tokens.borderWidthXs, + outlineColor: tokens.colorTextInverse, + outlineStyle: 'solid', + boxShadow: `0 0 0px 4px ${tokens.borderPrimary}`, + }, + '&.Mui-selected': { + backgroundColor: tokens.colorPrimaryMain, + '.MuiTreeItem-iconContainer': { + color: tokens.colorTextInverse, + }, + '.MuiTreeItem-label': { + color: tokens.colorTextInverse, + }, + '&:hover': { + backgroundColor: tokens.colorPrimaryDark, + }, + '&:active': { + backgroundColor: tokens.colorPrimaryDarker, + }, + }, + } }, iconContainer: { - color: tokens.colorSecondaryMain, - paddingTop: '4px', - svg: { - fontSize: 'inherit', - marginRight: '4px', - }, + '&.MuiTreeItem-iconContainer, &.MuiSimpleTreeView-itemIconContainer, &.MuiRichTreeView-itemIconConainer':{ + color: tokens.colorSecondaryMain, + paddingTop: '4px', + svg: { + fontSize: 'inherit', + marginRight: '4px', + }, + } }, }, }, diff --git a/packages/toggle-button/package.json b/packages/toggle-button/package.json index d4207ba148..6f60fc49a5 100644 --- a/packages/toggle-button/package.json +++ b/packages/toggle-button/package.json @@ -41,15 +41,15 @@ }, "devDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/toggle-button/src/lib/ToggleButton.tsx b/packages/toggle-button/src/lib/ToggleButton.tsx index 639a9cf4c8..e388901bbc 100644 --- a/packages/toggle-button/src/lib/ToggleButton.tsx +++ b/packages/toggle-button/src/lib/ToggleButton.tsx @@ -20,7 +20,7 @@ export interface ToggleButtonProps size?: 'small' | 'medium' | 'large'; } -export const ToggleButton = ({ children, ...rest }: ToggleButtonProps): JSX.Element => { +export const ToggleButton = ({ children, ...rest }: ToggleButtonProps): React.JSX.Element => { return ( { +export const ToggleButtonGroup = forwardRef(({ children, ...rest }: ToggleButtonGroupProps, ref): React.JSX.Element => { return ( {children} diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json index a2576c8b25..d3029ae8cd 100644 --- a/packages/tooltip/package.json +++ b/packages/tooltip/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/transitions/package.json b/packages/transitions/package.json index b3af796b66..0d53f5447d 100644 --- a/packages/transitions/package.json +++ b/packages/transitions/package.json @@ -43,15 +43,15 @@ "@availity/mui-alert": "workspace:^", "@availity/mui-typography": "workspace:^", "@availity/mui-utils": "workspace:*", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/transitions/src/lib/Collapse.tsx b/packages/transitions/src/lib/Collapse.tsx index 9c9cae450f..1358ba5f69 100644 --- a/packages/transitions/src/lib/Collapse.tsx +++ b/packages/transitions/src/lib/Collapse.tsx @@ -2,6 +2,6 @@ import MuiCollapse, { CollapseProps as MuiCollapseProps } from '@mui/material/Co export type CollapseProps = MuiCollapseProps; -export const Collapse = (props: CollapseProps): JSX.Element => { +export const Collapse = (props: CollapseProps): React.JSX.Element => { return ; }; diff --git a/packages/transitions/src/lib/Fade.tsx b/packages/transitions/src/lib/Fade.tsx index 239077785f..5319ba0bb5 100644 --- a/packages/transitions/src/lib/Fade.tsx +++ b/packages/transitions/src/lib/Fade.tsx @@ -2,6 +2,6 @@ import MuiFade, { FadeProps as MuiFadeProps } from '@mui/material/Fade'; export type FadeProps = MuiFadeProps; -export const Fade = (props: FadeProps): JSX.Element => { +export const Fade = (props: FadeProps): React.JSX.Element => { return ; }; diff --git a/packages/tree/package.json b/packages/tree/package.json index cf5673346c..06aac64d0a 100644 --- a/packages/tree/package.json +++ b/packages/tree/package.json @@ -43,22 +43,22 @@ "@availity/mui-icon": "workspace:^", "@availity/mui-layout": "workspace:^", "@availity/mui-typography": "workspace:^", - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { "@availity/mui-icon": "workspace:^", - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" }, "dependencies": { - "@mui/x-tree-view": "^7.26.0" + "@mui/x-tree-view": "^8.16.0" }, "sideEffects": false } diff --git a/packages/tree/src/lib/DynamicTreeView.stories.tsx b/packages/tree/src/lib/DynamicTreeView.stories.tsx index b262d9e3aa..ef7558edf2 100644 --- a/packages/tree/src/lib/DynamicTreeView.stories.tsx +++ b/packages/tree/src/lib/DynamicTreeView.stories.tsx @@ -85,7 +85,6 @@ export const _DynamicTreeViewEditable: StoryObj = { args: { items, isItemEditable: true, - experimentalFeatures: { labelEditing: true }, 'aria-labelledby': 'dynamic-tree-editable', }, }; diff --git a/packages/tree/src/lib/DynamicTreeView.tsx b/packages/tree/src/lib/DynamicTreeView.tsx index bb6099ea60..f2359dc58b 100644 --- a/packages/tree/src/lib/DynamicTreeView.tsx +++ b/packages/tree/src/lib/DynamicTreeView.tsx @@ -4,7 +4,7 @@ import { TreeItem } from './TreeItem'; export type DynamicTreeViewProps = MuiDynamicTreeViewProps; -export const DynamicTreeView = ({ children, slots, ...rest }: DynamicTreeViewProps): JSX.Element => { +export const DynamicTreeView = ({ children, slots, ...rest }: DynamicTreeViewProps): React.JSX.Element => { return ( {children} diff --git a/packages/tree/src/lib/JsonViewer.tsx b/packages/tree/src/lib/JsonViewer.tsx index 85628507d4..ab475bc23f 100644 --- a/packages/tree/src/lib/JsonViewer.tsx +++ b/packages/tree/src/lib/JsonViewer.tsx @@ -16,7 +16,7 @@ const isObject = (value: unknown): value is Record => { const validateId = (id: string) => id.replace(/[^.\w:-]+/gi, ''); -const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (JSX.Element | null)[] => { +const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (React.JSX.Element | null)[] => { return Object.entries(data).map(([key, value], index) => { const id = validateId(parentKey ? `${parentKey}.${index}.${key}` : `${index}.${key}`); @@ -38,7 +38,7 @@ const getDetails = ({ data }: JsonViewerProps, parentKey?: string): (JSX.Element }); }; -export const JsonViewer = ({ data, ...rest }: JsonViewerProps): JSX.Element => { +export const JsonViewer = ({ data, ...rest }: JsonViewerProps): React.JSX.Element => { const details = getDetails({ data }); return {details}; }; diff --git a/packages/tree/src/lib/TreeItem.tsx b/packages/tree/src/lib/TreeItem.tsx index 6fb2333fc9..0a380dfc9a 100644 --- a/packages/tree/src/lib/TreeItem.tsx +++ b/packages/tree/src/lib/TreeItem.tsx @@ -1,13 +1,13 @@ -import { TreeItem2, TreeItem2Props as MuiTreeItem2Props } from '@mui/x-tree-view/TreeItem2'; +import { TreeItem as MuiTreeItem, TreeItemProps as MuiTreeItemProps } from '@mui/x-tree-view/TreeItem'; import { TriangleRightIcon, TriangleExpandIcon } from '@availity/mui-icon'; -export interface TreeItemProps extends MuiTreeItem2Props { +export interface TreeItemProps extends MuiTreeItemProps { truncate?: boolean; } -export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps): JSX.Element => { +export const TreeItem = ({ children, label, slots, slotProps, truncate, ...rest }: TreeItemProps): React.JSX.Element => { return ( - {children} - + ); }; diff --git a/packages/tree/src/lib/TreeView.tsx b/packages/tree/src/lib/TreeView.tsx index ad56c8aa10..d03f012f8a 100644 --- a/packages/tree/src/lib/TreeView.tsx +++ b/packages/tree/src/lib/TreeView.tsx @@ -2,6 +2,6 @@ import { SimpleTreeView, SimpleTreeViewProps } from '@mui/x-tree-view/SimpleTree export type TreeViewProps = SimpleTreeViewProps; -export const TreeView = ({ children, ...rest }: TreeViewProps): JSX.Element => { +export const TreeView = ({ children, ...rest }: TreeViewProps): React.JSX.Element => { return {children}; }; diff --git a/packages/typography/package.json b/packages/typography/package.json index 515bad89c1..43312bd1fb 100644 --- a/packages/typography/package.json +++ b/packages/typography/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/material": "^6.4.5", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/material": "^7.3.4", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { - "@mui/material": "^6.4.5", - "react": ">=16.3.0" + "@mui/material": "^7.0.0", + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/utils/introduction.mdx b/packages/utils/introduction.mdx index f7aa4e4f21..884f4f3d4f 100644 --- a/packages/utils/introduction.mdx +++ b/packages/utils/introduction.mdx @@ -3,7 +3,7 @@ import { Meta } from '@storybook/addon-docs'; import ReadMe from './README.md?raw'; import CHANGELOG from './CHANGELOG.md?raw'; - + {ReadMe} diff --git a/packages/utils/package.json b/packages/utils/package.json index 853be682e6..ffa7797258 100644 --- a/packages/utils/package.json +++ b/packages/utils/package.json @@ -40,15 +40,15 @@ "publish:canary": "yarn npm publish --access public --tag canary" }, "devDependencies": { - "@mui/utils": "^6.4.3", - "react": "18.2.0", - "react-dom": "18.2.0", + "@mui/utils": "^7.3.3", + "react": "19.2.0", + "react-dom": "19.2.0", "tsup": "^8.4.0", "typescript": "^5.4.5" }, "peerDependencies": { "@mui/utils": "^6.4.3", - "react": ">=16.3.0" + "react": ">=17.0.0" }, "publishConfig": { "access": "public" diff --git a/packages/utils/src/lib/Utils.stories.tsx b/packages/utils/src/lib/Utils.stories.tsx index 94febe60c9..ef167a0ad8 100644 --- a/packages/utils/src/lib/Utils.stories.tsx +++ b/packages/utils/src/lib/Utils.stories.tsx @@ -4,7 +4,7 @@ import { Typography } from '@availity/mui-typography'; import { visuallyHidden } from './Utils'; const meta: Meta = { - title: 'Utils/Utils', + title: 'Utils/Utils/Utils', tags: ['autodocs'], }; diff --git a/yarn.lock b/yarn.lock index 6b8e210168..6f8fa4fe9b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -134,14 +134,14 @@ __metadata: "@availity/mui-typography": "workspace:*" "@availity/mui-utils": "workspace:*" "@availity/theme-provider": "workspace:*" - "@mui/material": ^6.4.5 - "@mui/system": ^6.4.3 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + "@mui/system": ^7.3.3 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ~5.4.5 peerDependencies: - react: ">=16.8.0" + react: ">=17.0.0" languageName: unknown linkType: soft @@ -186,15 +186,15 @@ __metadata: "@availity/mui-chip": "workspace:^" "@availity/mui-layout": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -204,14 +204,14 @@ __metadata: dependencies: "@availity/mui-button": "workspace:*" "@availity/mui-icon": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -221,15 +221,15 @@ __metadata: dependencies: "@availity/authorize": ^5.0.0 "@availity/mui-block-ui": "workspace:^" - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -241,21 +241,21 @@ __metadata: "@availity/mui-form-utils": "workspace:^" "@availity/mui-icon": "workspace:^" "@availity/mui-textfield": "workspace:^" - "@mui/material": ^6.4.5 - "@mui/types": ^7.2.21 + "@mui/material": ^7.3.4 + "@mui/types": ^7.4.7 "@tanstack/react-query": ^4.36.1 qs: ^6.14.0 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/api-axios": ^8.0.7 "@availity/mui-form-utils": "workspace:^" "@availity/mui-textfield": "workspace:^" - "@mui/material": ^6.4.5 + "@mui/material": ^7.0.0 "@tanstack/react-query": ^4.36.1 - react: ">=16.3.0" + react: ">=17.0.0" languageName: unknown linkType: soft @@ -265,15 +265,15 @@ __metadata: dependencies: "@availity/api-axios": ^11.0.0 "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -281,14 +281,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-backdrop@workspace:packages/backdrop" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -297,14 +297,14 @@ __metadata: resolution: "@availity/mui-badge@workspace:packages/badge" dependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -314,14 +314,14 @@ __metadata: dependencies: "@availity/mui-button": "workspace:*" "@availity/mui-paper": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -331,14 +331,14 @@ __metadata: dependencies: "@availity/mui-icon": "workspace:^" "@availity/mui-link": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -346,15 +346,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-button@workspace:packages/button" dependencies: - "@mui/lab": 6.0.0-beta.12 - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -364,14 +363,14 @@ __metadata: dependencies: "@availity/mui-button": "workspace:^" "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -381,14 +380,14 @@ __metadata: dependencies: "@availity/mui-icon": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -397,14 +396,14 @@ __metadata: resolution: "@availity/mui-chip@workspace:packages/chip" dependencies: "@availity/mui-avatar": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -439,19 +438,19 @@ __metadata: "@availity/mui-textfield": "workspace:^" "@availity/mui-typography": "workspace:^" "@hookform/resolvers": ^4.1.3 - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 dayjs: ^1.11.13 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 react-hook-form: ^7.55.0 tsup: ^8.4.0 typescript: ^5.4.5 yup: ^1.6.1 peerDependencies: "@availity/api-axios": ^8.0.7 - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -461,16 +460,16 @@ __metadata: dependencies: "@availity/mui-icon": "workspace:*" "@availity/mui-textfield": "workspace:*" - "@mui/material": ^6.4.5 - "@mui/x-date-pickers": ^7.26.0 + "@mui/material": ^7.3.4 + "@mui/x-date-pickers": ^8.16.0 dayjs: ^1.11.13 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -485,14 +484,14 @@ __metadata: "@availity/mui-icon": "workspace:*" "@availity/mui-layout": "workspace:*" "@availity/mui-menu": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -502,14 +501,14 @@ __metadata: dependencies: "@availity/mui-link": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -517,14 +516,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-divider@workspace:packages/divider" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -534,14 +533,14 @@ __metadata: dependencies: "@availity/mui-layout": "workspace:*" "@availity/mui-utils": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -556,14 +555,14 @@ __metadata: "@availity/mui-menu": "workspace:^" "@availity/mui-textfield": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -576,18 +575,18 @@ __metadata: "@availity/mui-icon": "workspace:^" "@availity/mui-progress": "workspace:^" "@availity/mui-tooltip": "workspace:^" - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-icon": "workspace:^" "@availity/mui-progress": "workspace:^" "@availity/mui-tooltip": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -604,15 +603,15 @@ __metadata: "@availity/mui-textfield": "workspace:^" "@availity/mui-toggle-button": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 react-hook-form: ^7.55.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -632,10 +631,10 @@ __metadata: "@availity/mui-progress": "workspace:^" "@availity/mui-typography": "workspace:^" "@availity/upload-core": ^8.0.0 - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 react-dropzone: ^11.7.1 react-hook-form: ^7.55.0 tsup: ^8.4.0 @@ -643,8 +642,8 @@ __metadata: typescript: ^5.4.5 uuid: ^9.0.1 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -660,17 +659,17 @@ __metadata: "@availity/mui-typography": "workspace:*" "@availity/mui-utils": "workspace:*" "@fortawesome/free-solid-svg-icons": ^6.7.2 - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-button": "workspace:*" "@availity/mui-icon": "workspace:*" "@availity/mui-layout": "workspace:*" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -681,14 +680,14 @@ __metadata: "@fortawesome/free-brands-svg-icons": ^6.7.2 "@fortawesome/free-regular-svg-icons": ^6.7.2 "@fortawesome/free-solid-svg-icons": ^6.7.2 - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -696,14 +695,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-layout@workspace:packages/layout" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -712,14 +711,14 @@ __metadata: resolution: "@availity/mui-link@workspace:packages/link" dependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -728,14 +727,14 @@ __metadata: resolution: "@availity/mui-list@workspace:packages/list" dependencies: "@availity/mui-chip": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -744,14 +743,14 @@ __metadata: resolution: "@availity/mui-menu@workspace:packages/menu" dependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -762,14 +761,14 @@ __metadata: "@availity/mui-button": "workspace:*" "@availity/mui-card": "workspace:*" "@availity/mui-typography": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -785,10 +784,10 @@ __metadata: "@availity/mui-link": "workspace:^" "@availity/mui-tabs": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 react-image: ^4.1.0 tsup: ^8.4.0 typescript: ^5.4.5 @@ -800,8 +799,8 @@ __metadata: "@availity/mui-link": "workspace:^" "@availity/mui-spaces": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -810,17 +809,17 @@ __metadata: resolution: "@availity/mui-pagination@workspace:packages/pagination" dependencies: "@availity/mui-icon": "workspace:*" - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-icon": "workspace:*" - "@mui/material": ^6.4.5 + "@mui/material": ^7.0.0 "@tanstack/react-query": ^4.36.1 - react: ">=16.3.0" + react: ">=17.0.0" peerDependenciesMeta: "@tanstack/react-query": optional: true @@ -831,14 +830,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-paper@workspace:packages/paper" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -847,14 +846,14 @@ __metadata: resolution: "@availity/mui-popover@workspace:packages/popover" dependencies: "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -862,14 +861,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-popper@workspace:packages/popper" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -879,14 +878,14 @@ __metadata: dependencies: "@availity/mui-icon": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -898,14 +897,14 @@ __metadata: "@availity/mui-button": "workspace:*" "@availity/mui-layout": "workspace:*" "@availity/mui-transitions": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -931,12 +930,12 @@ __metadata: "@availity/mui-typography": "workspace:^" "@availity/native-form": ^7.0.1 "@availity/resolve-url": ^4.0.0 - "@mui/material": ^6.4.5 + "@mui/material": ^7.3.4 "@tanstack/react-query": ^4.36.1 dayjs: ^1.11.13 qs: ^6.14.0 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 react-image: ^4.1.0 react-markdown: ^6.0.3 react-router-dom: ^6.30.0 @@ -955,8 +954,8 @@ __metadata: "@availity/mui-modal": "workspace:^" "@availity/mui-progress": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" react-router-dom: ^6.26.0 languageName: unknown linkType: soft @@ -970,14 +969,14 @@ __metadata: "@availity/mui-layout": "workspace:^" "@availity/mui-paper": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -997,15 +996,15 @@ __metadata: "@availity/mui-textfield": "workspace:*" "@availity/mui-typography": "workspace:*" "@availity/mui-utils": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 react-hook-form: ^7.55.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1015,15 +1014,15 @@ __metadata: dependencies: "@availity/mui-divider": "workspace:^" "@availity/mui-icon": "workspace:^" - "@mui/lab": 6.0.0-beta.12 - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/lab": 7.0.1-beta.18 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1034,14 +1033,14 @@ __metadata: "@availity/mui-form-utils": "workspace:*" "@availity/mui-icon": "workspace:*" "@availity/mui-typography": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1050,14 +1049,14 @@ __metadata: resolution: "@availity/mui-toggle-button@workspace:packages/toggle-button" dependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1065,14 +1064,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-tooltip@workspace:packages/tooltip" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1083,14 +1082,14 @@ __metadata: "@availity/mui-alert": "workspace:^" "@availity/mui-typography": "workspace:^" "@availity/mui-utils": "workspace:*" - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1101,16 +1100,16 @@ __metadata: "@availity/mui-icon": "workspace:^" "@availity/mui-layout": "workspace:^" "@availity/mui-typography": "workspace:^" - "@mui/material": ^6.4.5 - "@mui/x-tree-view": ^7.26.0 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + "@mui/x-tree-view": ^8.16.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@availity/mui-icon": "workspace:^" - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1118,14 +1117,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-typography@workspace:packages/typography" dependencies: - "@mui/material": ^6.4.5 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/material": ^7.3.4 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: - "@mui/material": ^6.4.5 - react: ">=16.3.0" + "@mui/material": ^7.0.0 + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1133,14 +1132,14 @@ __metadata: version: 0.0.0-use.local resolution: "@availity/mui-utils@workspace:packages/utils" dependencies: - "@mui/utils": ^6.4.3 - react: 18.2.0 - react-dom: 18.2.0 + "@mui/utils": ^7.3.3 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ^5.4.5 peerDependencies: "@mui/utils": ^6.4.3 - react: ">=16.3.0" + react: ">=17.0.0" languageName: unknown linkType: soft @@ -1176,11 +1175,11 @@ __metadata: "@availity/theme": "workspace:*" "@emotion/react": ^11.14.0 "@emotion/styled": ^11.14.0 - "@mui/material": ^6.4.5 - "@mui/x-date-pickers": ^7.26.0 + "@mui/material": ^7.3.4 + "@mui/x-date-pickers": ^8.16.0 dayjs: ^1.11.13 - react: 18.2.0 - react-dom: 18.2.0 + react: 19.2.0 + react-dom: 19.2.0 tsup: ^8.4.0 typescript: ~5.4.5 peerDependencies: @@ -2652,13 +2651,20 @@ __metadata: languageName: node linkType: hard -"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.0, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7": +"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.15.4, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.7": version: 7.27.6 resolution: "@babel/runtime@npm:7.27.6" checksum: 3f7b879df1823c0926bd5dbc941c62f5d60faa790c1aab9758c04799e1f04ee8d93553be9ec059d4e5882f19fe03cbe8933ee4f46212dced0f6d8205992c9c9a languageName: node linkType: hard +"@babel/runtime@npm:^7.28.4": + version: 7.28.4 + resolution: "@babel/runtime@npm:7.28.4" + checksum: 934b0a0460f7d06637d93fcd1a44ac49adc33518d17253b5a0b55ff4cb90a45d8fe78bf034b448911dbec7aff2a90b918697559f78d21c99ff8dbadae9565b55 + languageName: node + linkType: hard + "@babel/template@npm:^7.27.1, @babel/template@npm:^7.27.2, @babel/template@npm:^7.3.3": version: 7.27.2 resolution: "@babel/template@npm:7.27.2" @@ -2695,6 +2701,25 @@ __metadata: languageName: node linkType: hard +"@base-ui-components/utils@npm:0.1.2": + version: 0.1.2 + resolution: "@base-ui-components/utils@npm:0.1.2" + dependencies: + "@babel/runtime": ^7.28.4 + "@floating-ui/utils": ^0.2.10 + reselect: ^5.1.1 + use-sync-external-store: ^1.5.0 + peerDependencies: + "@types/react": ^17 || ^18 || ^19 + react: ^17 || ^18 || ^19 + react-dom: ^17 || ^18 || ^19 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: b5213da6b1ede5cb27bd61b2b602ee3812a770b4a9a5a58ea571806b8656ea28fc14b7b2916402c0189a354348d3ac8cc4ae4c2a468530cc9a5003ad3e24d4dc + languageName: node + linkType: hard + "@bcoe/v8-coverage@npm:^0.2.3": version: 0.2.3 resolution: "@bcoe/v8-coverage@npm:0.2.3" @@ -2992,7 +3017,7 @@ __metadata: languageName: node linkType: hard -"@emotion/cache@npm:^11.13.5, @emotion/cache@npm:^11.14.0": +"@emotion/cache@npm:^11.14.0": version: 11.14.0 resolution: "@emotion/cache@npm:11.14.0" dependencies: @@ -3525,41 +3550,10 @@ __metadata: languageName: node linkType: hard -"@floating-ui/core@npm:^1.6.0": - version: 1.6.8 - resolution: "@floating-ui/core@npm:1.6.8" - dependencies: - "@floating-ui/utils": ^0.2.8 - checksum: 82faa6ea9d57e466779324e51308d6d49c098fb9d184a08d9bb7f4fad83f08cc070fc491f8d56f0cad44a16215fb43f9f829524288413e6c33afcb17303698de - languageName: node - linkType: hard - -"@floating-ui/dom@npm:^1.0.0": - version: 1.6.12 - resolution: "@floating-ui/dom@npm:1.6.12" - dependencies: - "@floating-ui/core": ^1.6.0 - "@floating-ui/utils": ^0.2.8 - checksum: 956514ed100c0c853e73ace9e3c877b7e535444d7c31326f687a7690d49cb1e59ef457e9c93b76141aea0d280e83ed5a983bb852718b62eea581f755454660f6 - languageName: node - linkType: hard - -"@floating-ui/react-dom@npm:^2.1.1": - version: 2.1.2 - resolution: "@floating-ui/react-dom@npm:2.1.2" - dependencies: - "@floating-ui/dom": ^1.0.0 - peerDependencies: - react: ">=16.8.0" - react-dom: ">=16.8.0" - checksum: 25bb031686e23062ed4222a8946e76b3f9021d40a48437bd747233c4964a766204b8a55f34fa8b259839af96e60db7c6e3714d81f1de06914294f90e86ffbc48 - languageName: node - linkType: hard - -"@floating-ui/utils@npm:^0.2.8": - version: 0.2.8 - resolution: "@floating-ui/utils@npm:0.2.8" - checksum: deb98bba017c4e073c7ad5740d4dec33a4d3e0942d412e677ac0504f3dade15a68fc6fd164d43c93c0bb0bcc5dc5015c1f4080dfb1a6161140fe660624f7c875 +"@floating-ui/utils@npm:^0.2.10": + version: 0.2.10 + resolution: "@floating-ui/utils@npm:0.2.10" + checksum: ffc4c24a46a665cfd0337e9aaf7de8415b572f8a0f323af39175e4b575582aed13d172e7f049eedeece9eaf022bad019c140a2d192580451984ae529bdf1285c languageName: node linkType: hard @@ -4615,51 +4609,28 @@ __metadata: languageName: node linkType: hard -"@mui/base@npm:5.0.0-beta.59": - version: 5.0.0-beta.59 - resolution: "@mui/base@npm:5.0.0-beta.59" - dependencies: - "@babel/runtime": ^7.25.7 - "@floating-ui/react-dom": ^2.1.1 - "@mui/types": ^7.2.18 - "@mui/utils": ^6.1.4 - "@popperjs/core": ^2.11.8 - clsx: ^2.1.1 - prop-types: ^15.8.1 - peerDependencies: - "@types/react": ^17.0.0 || ^18.0.0 - react: ^17.0.0 || ^18.0.0 - react-dom: ^17.0.0 || ^18.0.0 - peerDependenciesMeta: - "@types/react": - optional: true - checksum: 6266c63367fe3ab8fbe54e77e1f658ff27ec20bf54e56706c2d2fad142cfaca3cba35851ccb1df568d981f067a621769b8a7402e9a523f8e9509e5005689f98f - languageName: node - linkType: hard - -"@mui/core-downloads-tracker@npm:^6.4.5": - version: 6.4.5 - resolution: "@mui/core-downloads-tracker@npm:6.4.5" - checksum: 45de88d2b63f6cfaaf5d141f6d96accb53a6455ea6d7e9f1b370b4811b9b728de2289d33f77d7d037b5c203197dced8cd366b0245049d3e887dc30c36a2251db +"@mui/core-downloads-tracker@npm:^7.3.4": + version: 7.3.4 + resolution: "@mui/core-downloads-tracker@npm:7.3.4" + checksum: f51dd97332c43d4698584b13cda70389c437e69486e818f91718480f9906cb70486922a485fecd571139a207eee46a6caff1d09c0b8e6cd76ff85f94977649b2 languageName: node linkType: hard -"@mui/lab@npm:6.0.0-beta.12": - version: 6.0.0-beta.12 - resolution: "@mui/lab@npm:6.0.0-beta.12" +"@mui/lab@npm:7.0.1-beta.18": + version: 7.0.1-beta.18 + resolution: "@mui/lab@npm:7.0.1-beta.18" dependencies: - "@babel/runtime": ^7.25.7 - "@mui/base": 5.0.0-beta.59 - "@mui/system": ^6.1.4 - "@mui/types": ^7.2.18 - "@mui/utils": ^6.1.4 + "@babel/runtime": ^7.28.4 + "@mui/system": ^7.3.3 + "@mui/types": ^7.4.7 + "@mui/utils": ^7.3.3 clsx: ^2.1.1 prop-types: ^15.8.1 peerDependencies: "@emotion/react": ^11.5.0 "@emotion/styled": ^11.3.0 - "@mui/material": ^6.1.4 - "@mui/material-pigment-css": ^6.1.4 + "@mui/material": ^7.3.4 + "@mui/material-pigment-css": ^7.3.3 "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 react: ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 @@ -4672,30 +4643,30 @@ __metadata: optional: true "@types/react": optional: true - checksum: 0bb4525b8b208deb3c8509c4c17251d22fa8d68d6f89fe0de90ecacfdd6384480fbeb9173d1777b9aed3212fce41d4db5d6600c6df1a13f2659c7d0ceb8305f9 + checksum: 22827cdf9f1bc8fb789c24ff3624fbf0e3dcc2899a50269f834f7d42587e100fc641dfbe4ae0230e9e55881936ccc1f427f8dd1c0434af245ddb2ab64a24b814 languageName: node linkType: hard -"@mui/material@npm:^6.4.5": - version: 6.4.5 - resolution: "@mui/material@npm:6.4.5" +"@mui/material@npm:^7.3.4": + version: 7.3.4 + resolution: "@mui/material@npm:7.3.4" dependencies: - "@babel/runtime": ^7.26.0 - "@mui/core-downloads-tracker": ^6.4.5 - "@mui/system": ^6.4.3 - "@mui/types": ^7.2.21 - "@mui/utils": ^6.4.3 + "@babel/runtime": ^7.28.4 + "@mui/core-downloads-tracker": ^7.3.4 + "@mui/system": ^7.3.3 + "@mui/types": ^7.4.7 + "@mui/utils": ^7.3.3 "@popperjs/core": ^2.11.8 "@types/react-transition-group": ^4.4.12 clsx: ^2.1.1 csstype: ^3.1.3 prop-types: ^15.8.1 - react-is: ^19.0.0 + react-is: ^19.1.1 react-transition-group: ^4.4.5 peerDependencies: "@emotion/react": ^11.5.0 "@emotion/styled": ^11.3.0 - "@mui/material-pigment-css": ^6.4.3 + "@mui/material-pigment-css": ^7.3.3 "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 react: ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 @@ -4708,16 +4679,16 @@ __metadata: optional: true "@types/react": optional: true - checksum: 21834839b3f6504ad1de60eaa90a99e444e6e8af837d73ae27158c95338d2d8e26c2689e1439c2aaaf020fc5a34aab3d02a63c5eefd4f75a7fc2f581ec062e9b + checksum: 8d90b8ba2e9ee5b1fd173bb769941c6cdeedb8eb25354cf5b784fb385c0f3c5ff1ca5e77ca0fd87f6f126b734ac909a5bfb19d4e61bcd0564bfafa9ee1187991 languageName: node linkType: hard -"@mui/private-theming@npm:^6.4.3": - version: 6.4.3 - resolution: "@mui/private-theming@npm:6.4.3" +"@mui/private-theming@npm:^7.3.3": + version: 7.3.3 + resolution: "@mui/private-theming@npm:7.3.3" dependencies: - "@babel/runtime": ^7.26.0 - "@mui/utils": ^6.4.3 + "@babel/runtime": ^7.28.4 + "@mui/utils": ^7.3.3 prop-types: ^15.8.1 peerDependencies: "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 @@ -4725,16 +4696,16 @@ __metadata: peerDependenciesMeta: "@types/react": optional: true - checksum: 05c3c0de8ba8f95e50bcc2998479d5955e6edf8d6710729063817c3e73e855eef511348b0f4e34ae4642efb9cb93acb0f9b28d6943dba998f0d29ea927f0b94f + checksum: 5842cf36ceb8a2c2410b8b368ebf683b9e4986811a429dc5954fbc3dc6042d0193752c7d5378a7bf1c5c78367c3724fc056bf2d3b2cc1842afcc7fa8521743c8 languageName: node linkType: hard -"@mui/styled-engine@npm:^6.4.3": - version: 6.4.3 - resolution: "@mui/styled-engine@npm:6.4.3" +"@mui/styled-engine@npm:^7.3.3": + version: 7.3.3 + resolution: "@mui/styled-engine@npm:7.3.3" dependencies: - "@babel/runtime": ^7.26.0 - "@emotion/cache": ^11.13.5 + "@babel/runtime": ^7.28.4 + "@emotion/cache": ^11.14.0 "@emotion/serialize": ^1.3.3 "@emotion/sheet": ^1.4.0 csstype: ^3.1.3 @@ -4748,19 +4719,19 @@ __metadata: optional: true "@emotion/styled": optional: true - checksum: d527fd4bc1d2f1cd0d4c93ac06c4e5def1325ede749aabc5740c2629ea99b61ebb4c84c542482b7932c0ecfda43f4b9809c6292f594fbc81af52a9228e50ab71 + checksum: abd3fda09a77dae50be8d794e5eec0fe22d76c14b6c5601b65b9a83a81f10d8f1c00dea7ef6d668c44fb5d17d0cb670b499353641fc35d6904f3e041df0dba95 languageName: node linkType: hard -"@mui/system@npm:^6.1.4, @mui/system@npm:^6.4.3": - version: 6.4.3 - resolution: "@mui/system@npm:6.4.3" +"@mui/system@npm:^7.3.3": + version: 7.3.3 + resolution: "@mui/system@npm:7.3.3" dependencies: - "@babel/runtime": ^7.26.0 - "@mui/private-theming": ^6.4.3 - "@mui/styled-engine": ^6.4.3 - "@mui/types": ^7.2.21 - "@mui/utils": ^6.4.3 + "@babel/runtime": ^7.28.4 + "@mui/private-theming": ^7.3.3 + "@mui/styled-engine": ^7.3.3 + "@mui/types": ^7.4.7 + "@mui/utils": ^7.3.3 clsx: ^2.1.1 csstype: ^3.1.3 prop-types: ^15.8.1 @@ -4776,58 +4747,60 @@ __metadata: optional: true "@types/react": optional: true - checksum: 7ca7351a442e5b19e5ec6d8594e96ca47818d62cc65366e6ef210d42207eba278f6206bf07fa1b0663831158c460222c3ce7d25f16d2272d7d064085cedf8ef6 + checksum: b8ae7adfedd12214b5d5a29788334e79302c664246057e9792e787fe51aa0cb572e67afb30ba529354426cbdea5933fcd6baaf00c0ac30eb6729fee8a09a350a languageName: node linkType: hard -"@mui/types@npm:^7.2.18, @mui/types@npm:^7.2.21": - version: 7.2.22 - resolution: "@mui/types@npm:7.2.22" +"@mui/types@npm:^7.4.7": + version: 7.4.7 + resolution: "@mui/types@npm:7.4.7" + dependencies: + "@babel/runtime": ^7.28.4 peerDependencies: "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 peerDependenciesMeta: "@types/react": optional: true - checksum: 9e1fa710a7d25d71b5f8bec8ccfd04a51c09eac8ca379af1a72faf9dab7b5ee8f4827d66efbaa365b605affad9a5d616ab2b85b91ba3747c45f6a49299e1515e + checksum: 2650dd5ef5f9fb1d0d7baca6e367f16e99955331f7200e01cdeffaf8dc875ddf3116f6edb840fbda32d3758bef8861904a7d2e3ac5994f137ee50bb7743b5d0b languageName: node linkType: hard -"@mui/utils@npm:^5.16.6 || ^6.0.0, @mui/utils@npm:^6.1.4, @mui/utils@npm:^6.4.3": - version: 6.4.3 - resolution: "@mui/utils@npm:6.4.3" +"@mui/utils@npm:^7.3.3": + version: 7.3.3 + resolution: "@mui/utils@npm:7.3.3" dependencies: - "@babel/runtime": ^7.26.0 - "@mui/types": ^7.2.21 - "@types/prop-types": ^15.7.14 + "@babel/runtime": ^7.28.4 + "@mui/types": ^7.4.7 + "@types/prop-types": ^15.7.15 clsx: ^2.1.1 prop-types: ^15.8.1 - react-is: ^19.0.0 + react-is: ^19.1.1 peerDependencies: "@types/react": ^17.0.0 || ^18.0.0 || ^19.0.0 react: ^17.0.0 || ^18.0.0 || ^19.0.0 peerDependenciesMeta: "@types/react": optional: true - checksum: 5650606211e2c47b1f3d78c6a79faa0b3017bf27c6a83fd0a7aff4c67c41ef75ea663f41e505c06b5fc8923ee0ebf11f33f85cfccecae8273931ab9af3f96c3b + checksum: ad9c6efebeaf75b83d3814724b71503e69bdf5ae0e71cf2256d697d17b592541ad1c28a91699a4cb5a7d580d2be9d690703149c410c26d40fc522048f82b6a06 languageName: node linkType: hard -"@mui/x-data-grid@npm:^7.26.0": - version: 7.26.0 - resolution: "@mui/x-data-grid@npm:7.26.0" +"@mui/x-data-grid@npm:^8.16.0": + version: 8.16.0 + resolution: "@mui/x-data-grid@npm:8.16.0" dependencies: - "@babel/runtime": ^7.25.7 - "@mui/utils": ^5.16.6 || ^6.0.0 - "@mui/x-internals": 7.26.0 + "@babel/runtime": ^7.28.4 + "@mui/utils": ^7.3.3 + "@mui/x-internals": 8.16.0 + "@mui/x-virtualizer": 0.2.6 clsx: ^2.1.1 prop-types: ^15.8.1 - reselect: ^5.1.1 - use-sync-external-store: ^1.0.0 + use-sync-external-store: ^1.6.0 peerDependencies: "@emotion/react": ^11.9.0 "@emotion/styled": ^11.8.1 - "@mui/material": ^5.15.14 || ^6.0.0 - "@mui/system": ^5.15.14 || ^6.0.0 + "@mui/material": ^5.15.14 || ^6.0.0 || ^7.0.0 + "@mui/system": ^5.15.14 || ^6.0.0 || ^7.0.0 react: ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 peerDependenciesMeta: @@ -4835,26 +4808,26 @@ __metadata: optional: true "@emotion/styled": optional: true - checksum: f4d3017baef7517bd19c92ecf51dabf9b7d81fb0aec2d4566c2b04a43d26c9a1c73cae816f55c84cfc2d57b07ea8118aca90405757502b3173f3e8667a98e8e7 + checksum: 2761ae2d4439ed59b5593050e8b87665da1d9dab4716e135e25fcb703c2d0c53d40aa64d65636299091612396e54e258f3522e26e848f33b192947592c9beb8a languageName: node linkType: hard -"@mui/x-date-pickers@npm:^7.26.0": - version: 7.26.0 - resolution: "@mui/x-date-pickers@npm:7.26.0" +"@mui/x-date-pickers@npm:^8.16.0": + version: 8.16.0 + resolution: "@mui/x-date-pickers@npm:8.16.0" dependencies: - "@babel/runtime": ^7.25.7 - "@mui/utils": ^5.16.6 || ^6.0.0 - "@mui/x-internals": 7.26.0 - "@types/react-transition-group": ^4.4.11 + "@babel/runtime": ^7.28.4 + "@mui/utils": ^7.3.3 + "@mui/x-internals": 8.16.0 + "@types/react-transition-group": ^4.4.12 clsx: ^2.1.1 prop-types: ^15.8.1 react-transition-group: ^4.4.5 peerDependencies: "@emotion/react": ^11.9.0 "@emotion/styled": ^11.8.1 - "@mui/material": ^5.15.14 || ^6.0.0 - "@mui/system": ^5.15.14 || ^6.0.0 + "@mui/material": ^5.15.14 || ^6.0.0 || ^7.0.0 + "@mui/system": ^5.15.14 || ^6.0.0 || ^7.0.0 date-fns: ^2.25.0 || ^3.2.0 || ^4.0.0 date-fns-jalali: ^2.13.0-0 || ^3.2.0-0 || ^4.0.0-0 dayjs: ^1.10.7 @@ -4883,38 +4856,41 @@ __metadata: optional: true moment-jalaali: optional: true - checksum: d1c127a8442f63563ee3a1b5418437024caab20cb60b6727e09f23bcca26165b5279d6e21907f4ed4eb7624247bdbc67849910ea5718066bd462cad131d8657e + checksum: d42e3410f13c7bf3932effcb257d283a5ef6126a2bebf11972c1043d2536f6efa49915bfaf3a5a305b53f1e194ba2aaf9e40c2b56f37a93c7ce9cd6b7dbc01ba languageName: node linkType: hard -"@mui/x-internals@npm:7.26.0": - version: 7.26.0 - resolution: "@mui/x-internals@npm:7.26.0" +"@mui/x-internals@npm:8.16.0": + version: 8.16.0 + resolution: "@mui/x-internals@npm:8.16.0" dependencies: - "@babel/runtime": ^7.25.7 - "@mui/utils": ^5.16.6 || ^6.0.0 + "@babel/runtime": ^7.28.4 + "@mui/utils": ^7.3.3 + reselect: ^5.1.1 + use-sync-external-store: ^1.6.0 peerDependencies: react: ^17.0.0 || ^18.0.0 || ^19.0.0 - checksum: dd62b163e17537f0c317bb59dc3ed9017f4ff230298fa285b7792a184b1ce543eaa069843708032750d47b2ae8b76f38120f4ee119437799b07c33af9e0d70d5 + checksum: 2a3dbd135102f9cd440d70353acc026bf2f073cfc993253bdabac48177e56a584094914ad9a872d1941e85115375838bc610cf66235cc354d4e597fe8445033a languageName: node linkType: hard -"@mui/x-tree-view@npm:^7.26.0": - version: 7.26.0 - resolution: "@mui/x-tree-view@npm:7.26.0" +"@mui/x-tree-view@npm:^8.16.0": + version: 8.16.0 + resolution: "@mui/x-tree-view@npm:8.16.0" dependencies: - "@babel/runtime": ^7.25.7 - "@mui/utils": ^5.16.6 || ^6.0.0 - "@mui/x-internals": 7.26.0 - "@types/react-transition-group": ^4.4.11 + "@babel/runtime": ^7.28.4 + "@base-ui-components/utils": 0.1.2 + "@mui/utils": ^7.3.3 + "@mui/x-internals": 8.16.0 + "@types/react-transition-group": ^4.4.12 clsx: ^2.1.1 prop-types: ^15.8.1 react-transition-group: ^4.4.5 peerDependencies: "@emotion/react": ^11.9.0 "@emotion/styled": ^11.8.1 - "@mui/material": ^5.15.14 || ^6.0.0 - "@mui/system": ^5.15.14 || ^6.0.0 + "@mui/material": ^5.15.14 || ^6.0.0 || ^7.0.0 + "@mui/system": ^5.15.14 || ^6.0.0 || ^7.0.0 react: ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 peerDependenciesMeta: @@ -4922,7 +4898,21 @@ __metadata: optional: true "@emotion/styled": optional: true - checksum: 07c64b7289fe65417ff497df865b496d6eef4b0aa4afafb55bf85c99c214585f48b43e97fdcd1fc24520496badeb3e4e2ae443a86236f9f3e2868988ea0c8f94 + checksum: e5c16f52139c360a7f84c7d5a2a7de6ce1600d792b5eb1cf29c88b6b6463bf1129a0718bd8331857770ba951212b81daf2738d2544abd806874b2674c4b1c868 + languageName: node + linkType: hard + +"@mui/x-virtualizer@npm:0.2.6": + version: 0.2.6 + resolution: "@mui/x-virtualizer@npm:0.2.6" + dependencies: + "@babel/runtime": ^7.28.4 + "@mui/utils": ^7.3.3 + "@mui/x-internals": 8.16.0 + peerDependencies: + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0 + checksum: 000f74eadcf8ccfc7013078bba2edbedc455860f8f514e959d71d20c33c8ada9587df83b740bf834433391cb4856a0bdd1f6f5ab04eaaf4600476a46e445fc17 languageName: node linkType: hard @@ -6744,10 +6734,10 @@ __metadata: languageName: node linkType: hard -"@types/prop-types@npm:*, @types/prop-types@npm:^15.7.14": - version: 15.7.14 - resolution: "@types/prop-types@npm:15.7.14" - checksum: d0c5407b9ccc3dd5fae0ccf9b1007e7622ba5e6f1c18399b4f24dff33619d469da4b9fa918a374f19dc0d9fe6a013362aab0b844b606cfc10676efba3f5f736d +"@types/prop-types@npm:^15.7.15": + version: 15.7.15 + resolution: "@types/prop-types@npm:15.7.15" + checksum: 31aa2f59b28f24da6fb4f1d70807dae2aedfce090ec63eaf9ea01727a9533ef6eaf017de5bff99fbccad7d1c9e644f52c6c2ba30869465dd22b1a7221c29f356 languageName: node linkType: hard @@ -6758,16 +6748,16 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:18.3.0": - version: 18.3.0 - resolution: "@types/react-dom@npm:18.3.0" - dependencies: - "@types/react": "*" - checksum: a0cd9b1b815a6abd2a367a9eabdd8df8dd8f13f95897b2f9e1359ea3ac6619f957c1432ece004af7d95e2a7caddbba19faa045f831f32d6263483fc5404a7596 +"@types/react-dom@npm:19.2.2": + version: 19.2.2 + resolution: "@types/react-dom@npm:19.2.2" + peerDependencies: + "@types/react": ^19.2.0 + checksum: a9e16d59f89b2794a3b062766de2eedf98cf66e59de7560de5beb95fb8742161b2dc4751530380c38d51320bc99b8a1d66fa113cee9b5d0f138ef6fb49fb4ce9 languageName: node linkType: hard -"@types/react-transition-group@npm:^4.4.11, @types/react-transition-group@npm:^4.4.12": +"@types/react-transition-group@npm:^4.4.12": version: 4.4.12 resolution: "@types/react-transition-group@npm:4.4.12" peerDependencies: @@ -6776,23 +6766,12 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:*": - version: 18.3.12 - resolution: "@types/react@npm:18.3.12" - dependencies: - "@types/prop-types": "*" - csstype: ^3.0.2 - checksum: 4ab1577a8c2105a5e316536f724117c90eee5f4bd5c137fc82a2253d8c1fd299dedaa07e8dfc95d6e2f04a4be3cb8b0e1b06098c6233ebd55c508d88099395b7 - languageName: node - linkType: hard - -"@types/react@npm:18.3.1": - version: 18.3.1 - resolution: "@types/react@npm:18.3.1" +"@types/react@npm:19.2.2": + version: 19.2.2 + resolution: "@types/react@npm:19.2.2" dependencies: - "@types/prop-types": "*" csstype: ^3.0.2 - checksum: 9224ef319a0c2b7f66e7e7f06012aa5eb638a6c76c9742843eab1a5d243f2bed5ff829ddbb41efd60d33a266420528adfcb84cb93f238b00e905f98c3a355768 + checksum: 7eb2d316dd5a6c02acb416524b50bae932c38d055d26e0f561ca23c009c686d16a2b22fcbb941eecbe2ecb167f119e29b9d0142d9d056dd381352c43413b60da languageName: node linkType: hard @@ -7865,8 +7844,8 @@ __metadata: "@commitlint/config-conventional": ^18.6.3 "@commitlint/config-nx-scopes": ^18.6.1 "@jscutlery/semver": ~5.5.1 - "@mui/lab": 6.0.0-beta.12 - "@mui/x-data-grid": ^7.26.0 + "@mui/lab": 7.0.1-beta.18 + "@mui/x-data-grid": ^8.16.0 "@nx/devkit": 20.8.2 "@nx/eslint": 20.8.2 "@nx/eslint-plugin": 20.8.2 @@ -7892,8 +7871,8 @@ __metadata: "@types/jest": 29.5.14 "@types/node": 18.19.31 "@types/qs": ^6.9.18 - "@types/react": 18.3.1 - "@types/react-dom": 18.3.0 + "@types/react": 19.2.2 + "@types/react-dom": 19.2.2 "@typescript-eslint/eslint-plugin": 7.18.0 "@typescript-eslint/parser": 7.18.0 babel-jest: 29.7.0 @@ -7918,7 +7897,7 @@ __metadata: prettier: ^3.5.3 react-hook-form: ^7.55.0 react-imask: 7.6.1 - react-number-format: 5.4.0 + react-number-format: 5.4.4 remark-gfm: ^4.0.1 storybook: ^8.6.12 ts-jest: 29.1.2 @@ -14273,7 +14252,7 @@ __metadata: languageName: node linkType: hard -"loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0": +"loose-envify@npm:^1.4.0": version: 1.4.0 resolution: "loose-envify@npm:1.4.0" dependencies: @@ -16831,15 +16810,14 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:18.2.0": - version: 18.2.0 - resolution: "react-dom@npm:18.2.0" +"react-dom@npm:19.2.0": + version: 19.2.0 + resolution: "react-dom@npm:19.2.0" dependencies: - loose-envify: ^1.1.0 - scheduler: ^0.23.0 + scheduler: ^0.27.0 peerDependencies: - react: ^18.2.0 - checksum: 7d323310bea3a91be2965f9468d552f201b1c27891e45ddc2d6b8f717680c95a75ae0bc1e3f5cf41472446a2589a75aed4483aee8169287909fcd59ad149e8cc + react: ^19.2.0 + checksum: b6ec952f68a29dcc847143ad48974477e1d3b95cb0a6e0039dd93c7fe64d0ef51f2ca09a19c5eb892ba625ba88c4bcc6f8bc3bdd1c33ccc3f6f17acabbb4882f languageName: node linkType: hard @@ -16920,10 +16898,10 @@ __metadata: languageName: node linkType: hard -"react-is@npm:^19.0.0": - version: 19.0.0 - resolution: "react-is@npm:19.0.0" - checksum: fbb3060bcb6b3e8e525b17f0872d1cf62a40b73fa7c5de02419069e2edd3e01cf1e8e86c8888f0733cff006175ee76ae927b40b6f0c4332bdda21020505ac90b +"react-is@npm:^19.1.1": + version: 19.2.0 + resolution: "react-is@npm:19.2.0" + checksum: 9a23e1c2d0bbc13b383bc59a05f54e6eb95dd87e01aec8aa92a88618364b7b0ee8a5b057ad813cf61e2f7ae7d24503b624706acb609d07c54754e5ad2c522568 languageName: node linkType: hard @@ -16951,15 +16929,13 @@ __metadata: languageName: node linkType: hard -"react-number-format@npm:5.4.0": - version: 5.4.0 - resolution: "react-number-format@npm:5.4.0" - dependencies: - prop-types: ^15.7.2 +"react-number-format@npm:5.4.4": + version: 5.4.4 + resolution: "react-number-format@npm:5.4.4" peerDependencies: - react: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 - react-dom: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 - checksum: 7ddfc7a3a01336234c6417ee2ee0660aef342ed0505abc5dd5b378c2c10182ed8afc74ce9be5aa60c4793f95039448ac1feac34dca0bbf5bd2c1a8235aa07b61 + react: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + react-dom: ^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + checksum: 680b0cb5a2ac7ac287bf10def8c73aa48c6c8a856c0c98db8002989bea0acb659ccc93c26c55da6d4a563940d146100d79f333ad93313d28156b1d8c0d9dad66 languageName: node linkType: hard @@ -17002,12 +16978,10 @@ __metadata: languageName: node linkType: hard -"react@npm:18.2.0": - version: 18.2.0 - resolution: "react@npm:18.2.0" - dependencies: - loose-envify: ^1.1.0 - checksum: 88e38092da8839b830cda6feef2e8505dec8ace60579e46aa5490fc3dc9bba0bd50336507dc166f43e3afc1c42939c09fe33b25fae889d6f402721dcd78fca1b +"react@npm:19.2.0": + version: 19.2.0 + resolution: "react@npm:19.2.0" + checksum: 33dd01bf699e1c5040eb249e0f552519adf7ee90b98c49d702a50bf23af6852ea46023a5f7f93966ab10acd7a45428fa0f193c686ecdaa7a75a03886e53ec3fe languageName: node linkType: hard @@ -17688,15 +17662,6 @@ __metadata: languageName: node linkType: hard -"scheduler@npm:^0.23.0": - version: 0.23.2 - resolution: "scheduler@npm:0.23.2" - dependencies: - loose-envify: ^1.1.0 - checksum: 3e82d1f419e240ef6219d794ff29c7ee415fbdc19e038f680a10c067108e06284f1847450a210b29bbaf97b9d8a97ced5f624c31c681248ac84c80d56ad5a2c4 - languageName: node - linkType: hard - "scheduler@npm:^0.25.0": version: 0.25.0 resolution: "scheduler@npm:0.25.0" @@ -17704,6 +17669,13 @@ __metadata: languageName: node linkType: hard +"scheduler@npm:^0.27.0": + version: 0.27.0 + resolution: "scheduler@npm:0.27.0" + checksum: 92644ead0a9443e20f9d24132fe93675b156209b9eeb35ea245f8a86768d0cc0fcca56f341eeef21d9b6dd8e72d6d5e260eb5a41d34b05cd605dd45a29f572ef + languageName: node + linkType: hard + "schema-utils@npm:^3.0.0, schema-utils@npm:^3.2.0": version: 3.3.0 resolution: "schema-utils@npm:3.3.0" @@ -19685,7 +19657,7 @@ __metadata: languageName: node linkType: hard -"use-sync-external-store@npm:^1.0.0, use-sync-external-store@npm:^1.2.0": +"use-sync-external-store@npm:^1.2.0": version: 1.4.0 resolution: "use-sync-external-store@npm:1.4.0" peerDependencies: @@ -19694,6 +19666,15 @@ __metadata: languageName: node linkType: hard +"use-sync-external-store@npm:^1.5.0, use-sync-external-store@npm:^1.6.0": + version: 1.6.0 + resolution: "use-sync-external-store@npm:1.6.0" + peerDependencies: + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 + checksum: 61a62e910713adfaf91bdb72ff2cd30e5ba83687accaf3b6e75a903b45bf635f5722e3694af30d83a03e92cb533c0a5c699298d2fef639a03ffc86b469f4eee2 + languageName: node + linkType: hard + "util-deprecate@npm:^1.0.1, util-deprecate@npm:~1.0.1": version: 1.0.2 resolution: "util-deprecate@npm:1.0.2" From 2ec1665d7072be9b7e218b6fecd5cdd6a0ed10fc Mon Sep 17 00:00:00 2001 From: Roxanne Young Date: Tue, 11 Nov 2025 12:01:21 -0500 Subject: [PATCH 2/5] feat: cleanup element exports to not include internal utils and components BREAKING CHANGE: removed exports of internals --- .../src/FormComponentExamples.tsx | 8 +++++- .../element-storybook/src/upgrading-to-v2.mdx | 11 ++++++++ packages/element/src/index.ts | 25 +------------------ 3 files changed, 19 insertions(+), 25 deletions(-) diff --git a/apps/element-storybook/src/FormComponentExamples.tsx b/apps/element-storybook/src/FormComponentExamples.tsx index 6059e16012..cbc7b50283 100644 --- a/apps/element-storybook/src/FormComponentExamples.tsx +++ b/apps/element-storybook/src/FormComponentExamples.tsx @@ -41,10 +41,16 @@ export const AutocompleteExample = () => ( ); +function sleep(ms: number) { + return new Promise(resolve => setTimeout(resolve, ms)) +} + +const loadOptions = async (offset: number, limit: number) => {await sleep(10000); return({options: [], hasMore: false, offset: 0})}; + export const AsyncAutocompleteExample = () => ( - + ); diff --git a/apps/element-storybook/src/upgrading-to-v2.mdx b/apps/element-storybook/src/upgrading-to-v2.mdx index e2e07ac715..2550ca0d4e 100644 --- a/apps/element-storybook/src/upgrading-to-v2.mdx +++ b/apps/element-storybook/src/upgrading-to-v2.mdx @@ -32,6 +32,17 @@ These changes may affect your application depending on component usage: - LoadingButton - LoadingButton pattern now matches Button, removing the `variant` prop +#### Removed Internals + +We are cleaning up our exports to no longer include internal utils/components + +- Alert: `AlertIcons` +- Autocomplete: `fetchCodes`, `handleGetCodesOptionLabel`, `fetchOrgs`, `handleGetOrgOptionLabel`, `fetchProviders`, `handleGetProviderOptionLabel`, `Code` type, `Organization` type, `Provider` type +- Dialog: `CloseButtonSlot` +- FileSelector: `outerBoxStyles`, `innerBoxStyles`, `createCounter`, `DropzoneContainer`, `formatFileTooLarge`, `CLOUD_URL` +- Form Utils: `InputPropOverrides`, `SearchByContainer`, `SelectDivider`, `SelectExpandIcon`, `SelectPropOverrides`, `SelectAccessibilityOverrides` +- Spaces: `INITIAL_STATE` + ### Non-Impact Changes The following changes should not require any action: diff --git a/packages/element/src/index.ts b/packages/element/src/index.ts index 512106e17b..add3e46129 100644 --- a/packages/element/src/index.ts +++ b/packages/element/src/index.ts @@ -8,7 +8,7 @@ export type { } from '@availity/mui-accordion'; // Alert -export { Alert, AlertIcons, AlertTitle } from '@availity/mui-alert'; +export { Alert, AlertTitle } from '@availity/mui-alert'; export type { AlertProps, AlertTitleProps } from '@availity/mui-alert'; // Authorize @@ -20,24 +20,15 @@ export { createFilterOptions, Autocomplete, AsyncAutocomplete, - fetchCodes, - handleGetCodesOptionLabel, CodesAutocomplete, - fetchOrgs, - handleGetOrgOptionLabel, OrganizationAutocomplete, - fetchProviders, - handleGetProviderOptionLabel, ProviderAutocomplete, } from '@availity/mui-autocomplete'; export type { AutocompleteProps, AsyncAutocompleteProps, - Code, CodesAutocompleteProps, - Organization, OrgAutocompleteProps, - Provider, ProviderAutocompleteProps, } from '@availity/mui-autocomplete'; @@ -124,7 +115,6 @@ export type { DatepickerProps } from '@availity/mui-datepicker'; // Dialog export { - CloseButtonSlot, Dialog, DialogActions, DialogContent, @@ -164,20 +154,14 @@ export type { FeedbackProps } from '@availity/mui-feedback'; // File Selector export { - outerBoxStyles, - innerBoxStyles, - createCounter, - DropzoneContainer, Dropzone, Dropzone2, - formatFileTooLarge, ErrorAlert, FileRow, FileList, FileRow2, FileList2, FilePickerBtn, - CLOUD_URL, FileSelector, FileSelector2, FileTypesMessage, @@ -212,18 +196,12 @@ export { FormGroup, FormHelperText, FormLabel, - InputPropOverrides, Input, InputAdornment, Radio, RadioGroup, RequiredKey, - SearchByContainer, SearchByFormGroup, - SelectDivider, - SelectExpandIcon, - SelectPropOverrides, - SelectAccessibilityOverrides, Select, Switch, } from '@availity/mui-form-utils'; @@ -468,7 +446,6 @@ export type { SnackbarProps, SnackbarCloseReason } from '@availity/mui-snackbar' // Spaces export { - INITIAL_STATE, SpacesContext, useSpacesContext, Spaces, From 987e74ec1308dd07cc9177deeed97700da5302a8 Mon Sep 17 00:00:00 2001 From: Roxanne Young Date: Tue, 11 Nov 2025 13:53:12 -0500 Subject: [PATCH 3/5] feat: add support for node 24 BREAKING CHANGE: remove support for node 18 --- .github/workflows/commitlint.yml | 2 +- .github/workflows/deploy.yml | 14 ++++++------ .github/workflows/pr-build.yml | 4 ++-- .github/workflows/preview.yml | 6 ++--- .nvmrc | 2 +- netlify.toml | 2 +- package.json | 6 ++--- yarn.lock | 38 ++++++++++++++++---------------- 8 files changed, 37 insertions(+), 37 deletions(-) diff --git a/.github/workflows/commitlint.yml b/.github/workflows/commitlint.yml index 95b6c845f0..ba2fae3a2b 100644 --- a/.github/workflows/commitlint.yml +++ b/.github/workflows/commitlint.yml @@ -12,7 +12,7 @@ jobs: - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0 with: - node-version: '22' + node-version: '24' - run: yarn install --immutable diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index e0a3a7c870..ee6daf761f 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -26,7 +26,7 @@ jobs: - name: Set Node Version uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0 with: - node-version: 22 + node-version: 24 - name: Get yarn cache directory path id: yarn-cache-dir-path @@ -38,9 +38,9 @@ jobs: id: yarn-cache with: path: ${{ steps.yarn-cache-dir-path.outputs.dir }} - key: ${{ runner.os }}-22-yarn-${{ hashFiles('**/yarn.lock') }} + key: ${{ runner.os }}-24-yarn-${{ hashFiles('**/yarn.lock') }} restore-keys: | - ${{ runner.os }}-22-yarn- + ${{ runner.os }}-24-yarn- - name: Install Dependencies run: yarn install --immutable @@ -74,7 +74,7 @@ jobs: - name: Set Node Version uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0 with: - node-version: 22 + node-version: 24 - name: Get yarn cache directory path id: yarn-cache-dir-path @@ -86,9 +86,9 @@ jobs: id: yarn-cache with: path: ${{ steps.yarn-cache-dir-path.outputs.dir }} - key: ${{ runner.os }}-22-yarn-${{ hashFiles('**/yarn.lock') }} + key: ${{ runner.os }}-24-yarn-${{ hashFiles('**/yarn.lock') }} restore-keys: | - ${{ runner.os }}-22-yarn- + ${{ runner.os }}-24-yarn- - name: Install Dependencies run: yarn install --immutable @@ -159,7 +159,7 @@ jobs: - name: Set Node Version uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0 with: - node-version: 22 + node-version: 24 cache: 'yarn' cache-dependency-path: 'yarn.lock' diff --git a/.github/workflows/pr-build.yml b/.github/workflows/pr-build.yml index 3c2403b62a..2c140b03f2 100644 --- a/.github/workflows/pr-build.yml +++ b/.github/workflows/pr-build.yml @@ -22,7 +22,7 @@ jobs: strategy: matrix: os: [ubuntu-latest, macos-latest] - node: [18, 20, 22] + node: [20, 22, 24] steps: - name: Checkout Code @@ -61,7 +61,7 @@ jobs: run: yarn build - name: Build Docs - if: ${{ matrix.node == 22 }} + if: ${{ matrix.node == 24 }} run: yarn build:storybook - name: Lint diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml index b263379f9a..06147f51a9 100644 --- a/.github/workflows/preview.yml +++ b/.github/workflows/preview.yml @@ -27,7 +27,7 @@ jobs: - name: Set Node Version uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0 with: - node-version: 22 + node-version: 24 - name: Get yarn cache directory path id: yarn-cache-dir-path @@ -39,9 +39,9 @@ jobs: id: yarn-cache with: path: ${{ steps.yarn-cache-dir-path.outputs.dir }} - key: ${{ runner.os }}-22-yarn-${{ hashFiles('**/yarn.lock') }} + key: ${{ runner.os }}-24-yarn-${{ hashFiles('**/yarn.lock') }} restore-keys: | - ${{ runner.os }}-22-yarn- + ${{ runner.os }}-24-yarn- - name: Install Dependencies run: yarn install --immutable diff --git a/.nvmrc b/.nvmrc index 2bd5a0a98a..a45fd52cc5 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -22 +24 diff --git a/netlify.toml b/netlify.toml index 20acd1e40f..b6fca308a3 100644 --- a/netlify.toml +++ b/netlify.toml @@ -3,7 +3,7 @@ command = "yarn build:storybook:ci" [build.environment] - NODE_VERSION = "22" + NODE_VERSION = "24" YARN_VERSION = "1.19.1" [[redirects]] diff --git a/package.json b/package.json index 8734623aed..4986476783 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ ], "engines": { "yarn": "^3.0.0", - "node": "^18.0.0 | ^20.0.0 | ^22.0.0" + "node": "^20.0.0 | ^22.0.0 | ^24.0.0" }, "scripts": { "build": "nx run-many --target=build --all", @@ -66,7 +66,7 @@ "@testing-library/react": "16.1.0", "@testing-library/user-event": "^14.6.1", "@types/jest": "29.5.14", - "@types/node": "18.19.31", + "@types/node": "24.10.0", "@types/qs": "^6.9.18", "@types/react": "19.2.2", "@types/react-dom": "19.2.2", @@ -102,7 +102,7 @@ "typescript": "5.7.3", "undici": "^5.29.0", "vite": "6.2.7", - "vite-plugin-node-polyfills": "^0.22.0" + "vite-plugin-node-polyfills": "^0.24.0" }, "packageManager": "yarn@3.3.1", "msw": { diff --git a/yarn.lock b/yarn.lock index 6f8fa4fe9b..e55444f01c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6711,12 +6711,12 @@ __metadata: languageName: node linkType: hard -"@types/node@npm:18.19.31": - version: 18.19.31 - resolution: "@types/node@npm:18.19.31" +"@types/node@npm:24.10.0": + version: 24.10.0 + resolution: "@types/node@npm:24.10.0" dependencies: - undici-types: ~5.26.4 - checksum: 949bddfd7071bd47300d1f33d380ee34695ccd5f046f1a03e4d2be0d953ace896905144d44a6f483f241b5ef34b86f0e40a0e312201117782eecf89e81a4ff13 + undici-types: ~7.16.0 + checksum: 268c843faae02ba88be2441759c26e73038583a7e221fa3000f2c1d7fdc1d06b28cb514fc5367f7cb147c3519cd25ddafdfa1f8566829b91fb096262ebe3f7bb languageName: node linkType: hard @@ -7869,7 +7869,7 @@ __metadata: "@testing-library/react": 16.1.0 "@testing-library/user-event": ^14.6.1 "@types/jest": 29.5.14 - "@types/node": 18.19.31 + "@types/node": 24.10.0 "@types/qs": ^6.9.18 "@types/react": 19.2.2 "@types/react-dom": 19.2.2 @@ -7906,7 +7906,7 @@ __metadata: typescript: 5.7.3 undici: ^5.29.0 vite: 6.2.7 - vite-plugin-node-polyfills: ^0.22.0 + vite-plugin-node-polyfills: ^0.24.0 languageName: unknown linkType: soft @@ -19332,13 +19332,6 @@ __metadata: languageName: node linkType: hard -"undici-types@npm:~5.26.4": - version: 5.26.5 - resolution: "undici-types@npm:5.26.5" - checksum: 3192ef6f3fd5df652f2dc1cd782b49d6ff14dc98e5dced492aa8a8c65425227da5da6aafe22523c67f035a272c599bb89cfe803c1db6311e44bed3042fc25487 - languageName: node - linkType: hard - "undici-types@npm:~6.19.8": version: 6.19.8 resolution: "undici-types@npm:6.19.8" @@ -19346,6 +19339,13 @@ __metadata: languageName: node linkType: hard +"undici-types@npm:~7.16.0": + version: 7.16.0 + resolution: "undici-types@npm:7.16.0" + checksum: 1ef68fc6c5bad200c8b6f17de8e5bc5cfdcadc164ba8d7208cd087cfa8583d922d8316a7fd76c9a658c22b4123d3ff847429185094484fbc65377d695c905857 + languageName: node + linkType: hard + "undici@npm:^5.29.0": version: 5.29.0 resolution: "undici@npm:5.29.0" @@ -19804,15 +19804,15 @@ __metadata: languageName: node linkType: hard -"vite-plugin-node-polyfills@npm:^0.22.0": - version: 0.22.0 - resolution: "vite-plugin-node-polyfills@npm:0.22.0" +"vite-plugin-node-polyfills@npm:^0.24.0": + version: 0.24.0 + resolution: "vite-plugin-node-polyfills@npm:0.24.0" dependencies: "@rollup/plugin-inject": ^5.0.5 node-stdlib-browser: ^1.2.0 peerDependencies: - vite: ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 - checksum: c08d3df0d5cc3102280483d3f7b216f92a18e0708fcb9f67f78f01ab865474254756bacee17caa90b3f46afe5834cb9d8de0dd0e58c1bbbdae1b949edc1e6b57 + vite: ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 + checksum: e305d970b73a10da555f708ce8b06dc414feaa4cc31e7ca15be06ba46278007e5327fdeb3c645345c15ca4695844e0354b9a3eb7286d3f99f6717d69fb3fff92 languageName: node linkType: hard From 8d5c45ae3a55865ef4b943d3e7f2dff2a61c868d Mon Sep 17 00:00:00 2001 From: Roxanne Young Date: Mon, 17 Nov 2025 07:33:59 -0500 Subject: [PATCH 4/5] feat(mui-file-selector): set isCloud to true by default BREAKING CHANGE: use cloud upload endpoint by default --- apps/element-storybook/src/upgrading-to-v2.mdx | 5 ++++- packages/file-selector/src/lib/FileSelector.stories.tsx | 1 - packages/file-selector/src/lib/FileSelector.tsx | 8 ++++---- packages/file-selector/src/lib/FileSelector2.stories.tsx | 1 - packages/file-selector/src/lib/FileSelector2.tsx | 7 +++---- 5 files changed, 11 insertions(+), 11 deletions(-) diff --git a/apps/element-storybook/src/upgrading-to-v2.mdx b/apps/element-storybook/src/upgrading-to-v2.mdx index 2550ca0d4e..251446b9c5 100644 --- a/apps/element-storybook/src/upgrading-to-v2.mdx +++ b/apps/element-storybook/src/upgrading-to-v2.mdx @@ -25,10 +25,13 @@ These changes may affect your application depending on component usage: #### Component-Specific Changes - [Datepicker](https://mui.com/x/migration/migration-pickers-v7/) - - [New DOM structure for the field](https://mui.com/x/migration/migration-pickers-v7/) moves away from the old text input. The new section list input is more accessible, but removes any `placeholder` from the field. + - [New DOM structure for the field](https://mui.com/x/migration/migration-pickers-v7/) moves away from the old text input. The new section list input is more accessible, + but removes any `placeholder` from the field. If you are passing your own `TextField` you will need to swap to a `PickersTextField`. - [Treat partially filled date as `null` in `onChange`](https://mui.com/x/migration/migration-pickers-v7/#treat-partially-filled-date-as-null-in-onchange) - [disableOpenPicker prop deprecated](https://mui.com/x/migration/migration-pickers-v7/#deprecate-the-disableopenpicker-prop) - [Do not pass the date object as a generic](https://mui.com/x/migration/migration-pickers-v7/#do-not-pass-the-date-object-as-a-generic) +- FileSelector/FileSelector2 + - `isCloud` is true by default - LoadingButton - LoadingButton pattern now matches Button, removing the `variant` prop diff --git a/packages/file-selector/src/lib/FileSelector.stories.tsx b/packages/file-selector/src/lib/FileSelector.stories.tsx index f5f73d7474..f0d067ed3a 100644 --- a/packages/file-selector/src/lib/FileSelector.stories.tsx +++ b/packages/file-selector/src/lib/FileSelector.stories.tsx @@ -45,7 +45,6 @@ const meta: Meta = { maxFiles: 2, maxSize: 1 * 1024 * 1024, // 1MB enableDropArea: true, - isCloud: true, multiple: true, }, argTypes: { diff --git a/packages/file-selector/src/lib/FileSelector.tsx b/packages/file-selector/src/lib/FileSelector.tsx index 4aaf8d5591..5f4f0e460a 100644 --- a/packages/file-selector/src/lib/FileSelector.tsx +++ b/packages/file-selector/src/lib/FileSelector.tsx @@ -87,6 +87,7 @@ export type FileSelectorProps = { /** * Whether to use the cloud upload endpoint * When true, uses '/cloud/web/appl/vault/upload/v1/resumable' + * @default true */ isCloud?: boolean; /** @@ -163,7 +164,7 @@ export const FileSelector = ({ disabled = false, enableDropArea = true, endpoint, - isCloud, + isCloud = true, label = 'Upload file', maxFiles, maxSize, @@ -193,10 +194,9 @@ export const FileSelector = ({ allowedFileNameCharacters, }; - // Endpoint is set by default in upload-core so check if it exists before passing `undefined` + // Endpoint is set by default in upload-core so check if it exists or using cloud url before passing `undefined` if (endpoint) options.endpoint = endpoint; - // Override endpoint if using the cloud - if (isCloud) options.endpoint = CLOUD_URL; + else if (isCloud) options.endpoint = CLOUD_URL; const handleOnRemoveFile = (uploadId: string, upload: Upload) => { const prevFiles: File[] = formMethods.getValues(name); diff --git a/packages/file-selector/src/lib/FileSelector2.stories.tsx b/packages/file-selector/src/lib/FileSelector2.stories.tsx index 829e27eaa8..1771a89372 100644 --- a/packages/file-selector/src/lib/FileSelector2.stories.tsx +++ b/packages/file-selector/src/lib/FileSelector2.stories.tsx @@ -26,7 +26,6 @@ const meta: Meta = { maxFiles: 2, maxSize: 1 * 1024 * 1024, // 1MB enableDropArea: true, - isCloud: true, multiple: true, }, argTypes: { diff --git a/packages/file-selector/src/lib/FileSelector2.tsx b/packages/file-selector/src/lib/FileSelector2.tsx index 4076b08a9e..6eb5fb65c7 100644 --- a/packages/file-selector/src/lib/FileSelector2.tsx +++ b/packages/file-selector/src/lib/FileSelector2.tsx @@ -44,7 +44,7 @@ export const FileSelector2 = ({ disabled = false, enableDropArea = true, endpoint, - isCloud, + isCloud = true, label = 'Upload file', maxFiles, maxSize, @@ -72,10 +72,9 @@ export const FileSelector2 = ({ allowedFileNameCharacters, }; - // Endpoint is set by default in upload-core so check if it exists before passing `undefined` + // Endpoint is set by default in upload-core so check if it exists or using cloud url before passing `undefined` if (endpoint) options.endpoint = endpoint; - // Override endpoint if using the cloud - if (isCloud) options.endpoint = CLOUD_URL; + else if (isCloud) options.endpoint = CLOUD_URL; const handleOnRemoveFile = (uploadId: string, upload: Upload) => { const prevFiles: Upload[] = formMethods.getValues(name); From a22375269e0427f615bcf13af4c08934f54d8c7c Mon Sep 17 00:00:00 2001 From: Roxanne Young Date: Mon, 17 Nov 2025 10:25:06 -0500 Subject: [PATCH 5/5] test: cleanup --- packages/autocomplete/src/lib/AsyncAutocomplete.test.tsx | 3 +++ packages/autocomplete/src/lib/CodesAutocomplete.test.tsx | 3 +++ .../autocomplete/src/lib/OrganizationAutocomplete.test.tsx | 3 +++ packages/autocomplete/src/lib/ProviderAutocomplete.test.tsx | 3 +++ packages/controlled-form/src/lib/AsyncAutocomplete.test.tsx | 3 +++ packages/controlled-form/src/lib/CodesAutocomplete.test.tsx | 3 +++ .../controlled-form/src/lib/OrganizationAutocomplete.test.tsx | 3 +++ .../controlled-form/src/lib/ProviderAutocomplete.test.tsx | 3 +++ packages/favorites/src/lib/Favorites.test.tsx | 4 ++++ packages/page-header/src/lib/PageHeader.test.tsx | 4 ++++ packages/pagination/src/lib/ResourcePagination.test.tsx | 3 +++ packages/spaces/src/lib/SpacesAgreement.test.tsx | 3 +++ packages/spaces/src/lib/SpacesDisclaimer.test.tsx | 3 +++ packages/spaces/src/lib/SpacesGhostText.test.tsx | 3 +++ packages/spaces/src/lib/SpacesImage.test.tsx | 3 +++ packages/spaces/src/lib/SpacesLink/useLink.test.tsx | 3 +++ packages/spaces/src/lib/modals/DisclaimerModal.test.tsx | 3 +++ 17 files changed, 53 insertions(+) diff --git a/packages/autocomplete/src/lib/AsyncAutocomplete.test.tsx b/packages/autocomplete/src/lib/AsyncAutocomplete.test.tsx index 6edf584d12..141eeb1caa 100644 --- a/packages/autocomplete/src/lib/AsyncAutocomplete.test.tsx +++ b/packages/autocomplete/src/lib/AsyncAutocomplete.test.tsx @@ -64,6 +64,9 @@ describe('AsyncAutocomplete', () => { jest.restoreAllMocks(); }); + // terminate the server + afterAll(() => server.close()); + test('should render successfully', () => { const client = new QueryClient(); diff --git a/packages/autocomplete/src/lib/CodesAutocomplete.test.tsx b/packages/autocomplete/src/lib/CodesAutocomplete.test.tsx index 34e3980d11..b45e709da2 100644 --- a/packages/autocomplete/src/lib/CodesAutocomplete.test.tsx +++ b/packages/autocomplete/src/lib/CodesAutocomplete.test.tsx @@ -21,6 +21,9 @@ describe('CodesAutocomplete', () => { client.clear(); }); + // terminate the server + afterAll(() => server.close()); + test('providers are fetched and displayed by name', async () => { render( diff --git a/packages/autocomplete/src/lib/OrganizationAutocomplete.test.tsx b/packages/autocomplete/src/lib/OrganizationAutocomplete.test.tsx index 28f98e7714..b5327b03e2 100644 --- a/packages/autocomplete/src/lib/OrganizationAutocomplete.test.tsx +++ b/packages/autocomplete/src/lib/OrganizationAutocomplete.test.tsx @@ -21,6 +21,9 @@ describe('OrganizationAutocomplete', () => { client.clear(); }); + // terminate the server + afterAll(() => server.close()); + test('organizations are fetched and displayed by name', async () => { render( diff --git a/packages/autocomplete/src/lib/ProviderAutocomplete.test.tsx b/packages/autocomplete/src/lib/ProviderAutocomplete.test.tsx index 319833c8b2..3d81ec9853 100644 --- a/packages/autocomplete/src/lib/ProviderAutocomplete.test.tsx +++ b/packages/autocomplete/src/lib/ProviderAutocomplete.test.tsx @@ -21,6 +21,9 @@ describe('ProviderAutocomplete', () => { client.clear(); }); + // terminate the server + afterAll(() => server.close()); + test('providers are fetched and displayed by name', async () => { render( diff --git a/packages/controlled-form/src/lib/AsyncAutocomplete.test.tsx b/packages/controlled-form/src/lib/AsyncAutocomplete.test.tsx index 39660a2840..1128bc58ca 100644 --- a/packages/controlled-form/src/lib/AsyncAutocomplete.test.tsx +++ b/packages/controlled-form/src/lib/AsyncAutocomplete.test.tsx @@ -57,6 +57,9 @@ describe('ControlledAsyncAutocomplete', () => { jest.restoreAllMocks(); }); + // terminate the server + afterAll(() => server.close()); + const client = new QueryClient({ defaultOptions: { queries: { diff --git a/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx b/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx index 34d3fe10bc..20b1d98d75 100644 --- a/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx +++ b/packages/controlled-form/src/lib/CodesAutocomplete.test.tsx @@ -20,6 +20,9 @@ describe('ControlledCodesAutocomplete', () => { jest.restoreAllMocks(); }); + // terminate the server + afterAll(() => server.close()); + const client = new QueryClient({ defaultOptions: { queries: { diff --git a/packages/controlled-form/src/lib/OrganizationAutocomplete.test.tsx b/packages/controlled-form/src/lib/OrganizationAutocomplete.test.tsx index d65c63f3c6..3f382bdf2f 100644 --- a/packages/controlled-form/src/lib/OrganizationAutocomplete.test.tsx +++ b/packages/controlled-form/src/lib/OrganizationAutocomplete.test.tsx @@ -20,6 +20,9 @@ describe('ControlledOrganizationAutocomplete', () => { jest.restoreAllMocks(); }); + // terminate the server + afterAll(() => server.close()); + const client = new QueryClient({ defaultOptions: { queries: { diff --git a/packages/controlled-form/src/lib/ProviderAutocomplete.test.tsx b/packages/controlled-form/src/lib/ProviderAutocomplete.test.tsx index dad5557f3d..90d926cb71 100644 --- a/packages/controlled-form/src/lib/ProviderAutocomplete.test.tsx +++ b/packages/controlled-form/src/lib/ProviderAutocomplete.test.tsx @@ -20,6 +20,9 @@ describe('ControlledProviderAutocomplete', () => { jest.restoreAllMocks(); }); + // terminate the server + afterAll(() => server.close()); + const client = new QueryClient({ defaultOptions: { queries: { diff --git a/packages/favorites/src/lib/Favorites.test.tsx b/packages/favorites/src/lib/Favorites.test.tsx index 6a41fe2be2..5259b35fa7 100644 --- a/packages/favorites/src/lib/Favorites.test.tsx +++ b/packages/favorites/src/lib/Favorites.test.tsx @@ -71,6 +71,10 @@ describe('Favorites', () => { jest.clearAllMocks(); queryClient.clear(); }); + + // terminate the server + afterAll(() => server.close()); + it('should render favorited', async () => { const { container } = render( diff --git a/packages/page-header/src/lib/PageHeader.test.tsx b/packages/page-header/src/lib/PageHeader.test.tsx index 84748efa08..fd3069cd11 100644 --- a/packages/page-header/src/lib/PageHeader.test.tsx +++ b/packages/page-header/src/lib/PageHeader.test.tsx @@ -25,6 +25,10 @@ describe('PageHeader', () => { server.resetHandlers(); jest.restoreAllMocks(); }); + + // terminate the server + afterAll(() => server.close()); + test('should render simple page header successfully', () => { const { getByText } = render(); expect(getByText('This is the header')).toBeTruthy(); diff --git a/packages/pagination/src/lib/ResourcePagination.test.tsx b/packages/pagination/src/lib/ResourcePagination.test.tsx index aabf3950a8..a305063cf3 100644 --- a/packages/pagination/src/lib/ResourcePagination.test.tsx +++ b/packages/pagination/src/lib/ResourcePagination.test.tsx @@ -18,6 +18,9 @@ afterEach(() => { server.resetHandlers(); }); +// terminate the server +afterAll(() => server.close()); + const client = new QueryClient(); const ResourcePaginationComponent = (): React.JSX.Element => { diff --git a/packages/spaces/src/lib/SpacesAgreement.test.tsx b/packages/spaces/src/lib/SpacesAgreement.test.tsx index 6b128c6122..5e8c080932 100644 --- a/packages/spaces/src/lib/SpacesAgreement.test.tsx +++ b/packages/spaces/src/lib/SpacesAgreement.test.tsx @@ -16,6 +16,9 @@ afterEach(() => { server.resetHandlers(); }); +// terminate the server +afterAll(() => server.close()); + describe('SpacesAgreement', () => { it('should render regular text successfully', async () => { const queryClient = new QueryClient(); diff --git a/packages/spaces/src/lib/SpacesDisclaimer.test.tsx b/packages/spaces/src/lib/SpacesDisclaimer.test.tsx index b7bafce9b4..5bd54b0d05 100644 --- a/packages/spaces/src/lib/SpacesDisclaimer.test.tsx +++ b/packages/spaces/src/lib/SpacesDisclaimer.test.tsx @@ -16,6 +16,9 @@ afterEach(() => { server.resetHandlers(); }); +// terminate the server +afterAll(() => server.close()); + describe('SpacesDisclaimer', () => { it('should render regular text successfully', async () => { const queryClient = new QueryClient(); diff --git a/packages/spaces/src/lib/SpacesGhostText.test.tsx b/packages/spaces/src/lib/SpacesGhostText.test.tsx index 0af181ad10..9b62189f2c 100644 --- a/packages/spaces/src/lib/SpacesGhostText.test.tsx +++ b/packages/spaces/src/lib/SpacesGhostText.test.tsx @@ -16,6 +16,9 @@ afterEach(() => { server.resetHandlers(); }); +// terminate the server +afterAll(() => server.close()); + describe('SpacesGhostText', () => { it('should render successfully', async () => { const queryClient = new QueryClient(); diff --git a/packages/spaces/src/lib/SpacesImage.test.tsx b/packages/spaces/src/lib/SpacesImage.test.tsx index b709fbcf44..8818177244 100644 --- a/packages/spaces/src/lib/SpacesImage.test.tsx +++ b/packages/spaces/src/lib/SpacesImage.test.tsx @@ -24,6 +24,9 @@ afterEach(() => { jest.restoreAllMocks(); }); +// terminate the server +afterAll(() => server.close()); + describe('SpacesImage', () => { it('should render successfully', async () => { const queryClient = new QueryClient(); diff --git a/packages/spaces/src/lib/SpacesLink/useLink.test.tsx b/packages/spaces/src/lib/SpacesLink/useLink.test.tsx index 04345e22f9..74b2ae0116 100644 --- a/packages/spaces/src/lib/SpacesLink/useLink.test.tsx +++ b/packages/spaces/src/lib/SpacesLink/useLink.test.tsx @@ -50,6 +50,9 @@ describe('useLink', () => { }); + // terminate the server + afterAll(() => server.close()); + const space: Space = { type: 'APPLICATION', name: 'an application', diff --git a/packages/spaces/src/lib/modals/DisclaimerModal.test.tsx b/packages/spaces/src/lib/modals/DisclaimerModal.test.tsx index dcdb2ee343..e925dfe02a 100644 --- a/packages/spaces/src/lib/modals/DisclaimerModal.test.tsx +++ b/packages/spaces/src/lib/modals/DisclaimerModal.test.tsx @@ -47,6 +47,9 @@ describe('DisclaimerModal', () => { server.resetHandlers(); }); + // terminate the server + afterAll(() => server.close()); + it('renders modal when space metadata contains disclaimerId', async () => { const { getByText } = render();