feat(decorator-mui): move to @mui/x-date-pickers

Author: soup-in-boots

packages/decorator-mui/jest.config.js

@@ -1,6 +1,7 @@
 module.exports = async () => {
     return {
         rootDir: __dirname,
+        testPathIgnorePatterns: ['lib/**/*.js'],
         coverageReporters: [
             'json',
             'text',

packages/decorator-mui/package.json

@@ -38,8 +38,8 @@
         "@forml/context": "^1.6.0",
         "@forml/core": "^1.6.0",
         "@forml/hooks": "^1.6.0",
-        "@testing-library/react": "^12.1.5",
         "@testing-library/jest-dom": "^5.16.5",
+        "@testing-library/react": "^12.1.5",
         "babel-jest": "^29.2.2",
         "jest": "^29.2.2",
         "moment": "^2.29.4"
@@ -52,6 +52,7 @@
         "@mui/lab": "^5.0.0-alpha.71",
         "@mui/material": "^5.4.4",
         "@mui/styles": "^5.4.4",
+        "@mui/x-date-pickers": "^5.0.0-alpha.1",
         "react": "^17.0.0||^18.0.0"
     },
     "gitHead": "070e7bf9829f1b21c2d7100f935fdc624d43fdef",

packages/decorator-mui/src/__tests__/mui.test.js

@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom/extend-expect';
 
-import MomentAdapter from '@mui/lab/AdapterMoment';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { render } from '@testing-library/react';
 import { SchemaForm, util } from '@forml/core';
 import React from 'react';
@@ -58,7 +58,7 @@ describe('Material UI', function () {
                 const model = util.defaultForSchema(schema);
                 const { container } = render(
                     <ThemeProvider theme={theme}>
-                        <LocalizationProvider dateAdapter={MomentAdapter}>
+                        <LocalizationProvider dateAdapter={AdapterMoment}>
                             <SchemaForm
                                 schema={schema}
                                 form={form}

packages/decorator-mui/src/arrays/__tests__/__snapshots__/item.test.jsx.snap

@@ -3,7 +3,7 @@
 exports[`renders consistently 1`] = `
 <div>
   <li
-    class="MuiListItem-root MuiListItem-padding MuiListItem-divider makeStyles-item-4 css-1kdod17-MuiListItem-root"
+    class="MuiListItem-root MuiListItem-dense MuiListItem-padding MuiListItem-divider makeStyles-item-4 css-aq01c0-MuiListItem-root"
   >
     <div
       class="makeStyles-topDragHandle-7"

packages/decorator-mui/src/input/__tests__/date.test.jsx

@@ -3,8 +3,8 @@ import Context from '@forml/context';
 import React from 'react';
 import { render } from '@testing-library/react';
 import * as decorator from '../../';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
-import MomentAdapter from '@mui/lab/AdapterMoment';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import moment from 'moment';
 import 'moment-timezone';
 
@@ -37,7 +37,7 @@ describe('renders', function () {
                     test(`${value}`, function () {
                         form = { ...form, [field]: value };
                         const { container } = render(
-                            <LocalizationProvider dateAdapter={MomentAdapter}>
+                            <LocalizationProvider dateAdapter={AdapterMoment}>
                                 <Context.Provider value={{ decorator }}>
                                     <DateComponent
                                         form={form}

packages/decorator-mui/src/input/__tests__/datetime.test.jsx

@@ -3,8 +3,8 @@ import Context from '@forml/context';
 import React from 'react';
 import { render } from '@testing-library/react';
 import * as decorator from '../../';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
-import AdapterMoment from '@mui/lab/AdapterMoment';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import moment from 'moment';
 import 'moment-timezone';
 

packages/decorator-mui/src/input/date.jsx

@@ -1,4 +1,4 @@
-import DatePicker from '@mui/lab/DatePicker';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import Input from '@mui/material/Input';
 import React from 'react';
 

packages/decorator-mui/src/input/datetime.jsx

@@ -1,4 +1,4 @@
-import DateTimePicker from '@mui/lab/DateTimePicker';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import Input from '@mui/material/Input';
 import React from 'react';