react-material: Fix examples app build hanging after MUI v9 upgrade

- Replace @mui/icons-material barrel imports with direct path imports
  to avoid bundling all 10,751 icon modules in the examples app build
- Add @mui/icons-material subpath regex to rollup externals so the
  library build correctly externalizes the new import paths
- Add @mui/x-date-pickers subpath regex to rollup externals to fix
  unresolved dependency warning for AdapterDayjs

Author: lucas-koehler

packages/material-renderers/rollup.config.js

@@ -12,6 +12,8 @@ const baseConfig = {
     'react',
     /^lodash\/.*/,
     /^dayjs\/.*/,
+    /^@mui\/icons-material\/.*/,
+    /^@mui\/x-date-pickers\/.*/,
   ],
 };
 

packages/material-renderers/src/additional/ListWithDetailMasterItem.tsx

@@ -33,7 +33,7 @@ import {
   ListItemText,
   Tooltip,
 } from '@mui/material';
-import { Delete } from '@mui/icons-material';
+import Delete from '@mui/icons-material/Delete';
 import React from 'react';
 
 export const ListWithDetailMasterItem = ({

packages/material-renderers/src/complex/MaterialTableControl.tsx

@@ -57,7 +57,9 @@ import {
   encode,
   ArrayTranslations,
 } from '@jsonforms/core';
-import { Delete, ArrowDownward, ArrowUpward } from '@mui/icons-material';
+import Delete from '@mui/icons-material/Delete';
+import ArrowDownward from '@mui/icons-material/ArrowDownward';
+import ArrowUpward from '@mui/icons-material/ArrowUpward';
 
 import { WithDeleteDialogSupport } from './DeleteDialog';
 import NoBorderTableCell from './NoBorderTableCell';

packages/material-renderers/src/complex/TableToolbar.tsx

@@ -38,7 +38,7 @@ import {
   FormHelperText,
   Stack,
 } from '@mui/material';
-import { Add } from '@mui/icons-material';
+import Add from '@mui/icons-material/Add';
 import ValidationIcon from './ValidationIcon';
 import NoBorderTableCell from './NoBorderTableCell';
 

packages/material-renderers/src/complex/ValidationIcon.tsx

@@ -24,7 +24,7 @@
 */
 import React from 'react';
 
-import { ErrorOutlined } from '@mui/icons-material';
+import ErrorOutlined from '@mui/icons-material/ErrorOutlined';
 import { Badge, Tooltip, styled } from '@mui/material';
 
 const StyledBadge = styled(Badge)(({ theme }: any) => ({

packages/material-renderers/src/layouts/ArrayToolbar.tsx

@@ -7,7 +7,7 @@ import {
   Tooltip,
   Typography,
 } from '@mui/material';
-import { Add } from '@mui/icons-material';
+import Add from '@mui/icons-material/Add';
 import React from 'react';
 import ValidationIcon from '../complex/ValidationIcon';
 import { ArrayTranslations } from '@jsonforms/core';

packages/material-renderers/src/layouts/ExpandPanelRenderer.tsx

@@ -40,12 +40,10 @@ import {
   IconButton,
   Tooltip,
 } from '@mui/material';
-import {
-  ArrowUpward,
-  ArrowDownward,
-  Delete,
-  ExpandMore,
-} from '@mui/icons-material';
+import ArrowUpward from '@mui/icons-material/ArrowUpward';
+import ArrowDownward from '@mui/icons-material/ArrowDownward';
+import Delete from '@mui/icons-material/Delete';
+import ExpandMore from '@mui/icons-material/ExpandMore';
 
 const iconStyle: any = { float: 'right' };
 

packages/material-renderers/src/mui-controls/MuiInputText.tsx

@@ -32,7 +32,7 @@ import {
   useTheme,
 } from '@mui/material';
 import merge from 'lodash/merge';
-import { Close } from '@mui/icons-material';
+import Close from '@mui/icons-material/Close';
 import {
   JsonFormsTheme,
   WithInputProps,