@mui/codemod 5.5.0 → 5.6.0

package/README.md

@@ -62,6 +62,14 @@ npx @mui/codemod <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"
 
 ### v5.0.0
 
+#### `date-pickers-moved-to-x`
+
+Rename the imports of date and time pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
+
+```sh
+npx @mui/codemod v5.0.0/date-pickers-moved-to-x <path>
+```
+
 #### 🚀 `preset-safe`
 
 A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.

package/node/v5.0.0/date-pickers-moved-to-x.js

@@ -0,0 +1,209 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+const _exports = {
+  AdapterDateFns: {
+    default: 'AdapterDateFns',
+    named: []
+  },
+  AdapterDayjs: {
+    default: 'AdapterDayjs',
+    named: []
+  },
+  AdapterLuxon: {
+    default: 'AdapterLuxon',
+    named: []
+  },
+  AdapterMoment: {
+    default: 'AdapterMoment',
+    named: []
+  },
+  CalendarPicker: {
+    default: 'CalendarPicker',
+    named: ['calendarPickerClasses', 'CalendarPickerClasses', 'CalendarPickerClassKey', 'CalendarPickerProps', 'CalendarPickerView']
+  },
+  CalendarPickerSkeleton: {
+    default: 'CalendarPickerSkeleton',
+    named: ['calendarPickerSkeletonClasses', 'CalendarPickerSkeletonClassKey', 'CalendarPickerSkeletonProps', 'getCalendarPickerSkeletonUtilityClass']
+  },
+  ClockPicker: {
+    default: 'ClockPicker',
+    named: ['clockPickerClasses', 'ClockPickerClasses', 'ClockPickerClassKey', 'ClockPickerProps', 'ClockPickerView']
+  },
+  DatePicker: {
+    default: 'DatePicker',
+    named: ['DatePickerProps']
+  },
+  DateRangePicker: {
+    default: 'DateRangePicker',
+    named: ['DateRange', 'DateRangePickerProps'],
+    isPro: true
+  },
+  DateRangePickerDay: {
+    default: 'DateRangePickerDay',
+    named: ['dateRangePickerDayClasses', 'DateRangePickerDayClasses', 'DateRangePickerDayClassKey', 'DateRangePickerDayProps', 'getDateRangePickerDayUtilityClass'],
+    isPro: true
+  },
+  DateTimePicker: {
+    default: 'DateTimePicker',
+    named: ['DateTimePickerProps']
+  },
+  DesktopDatePicker: {
+    default: 'DesktopDatePicker',
+    named: ['DesktopDatePickerProps']
+  },
+  DesktopDateRangePicker: {
+    default: 'DesktopDateRangePicker',
+    named: ['DesktopDateRangePickerProps'],
+    isPro: true
+  },
+  DesktopDateTimePicker: {
+    default: 'DesktopDateTimePicker',
+    named: ['DesktopDateTimePickerProps']
+  },
+  DesktopTimePicker: {
+    default: 'DesktopTimePicker',
+    named: ['DesktopTimePickerProps']
+  },
+  LocalizationProvider: {
+    default: 'LocalizationProvider',
+    named: ['LocalizationProviderProps', 'MuiPickersAdapter', 'MuiPickersAdapterContext', 'MuiPickersAdapterContextValue']
+  },
+  MobileDatePicker: {
+    default: 'MobileDatePicker',
+    named: ['MobileDatePickerProps']
+  },
+  MobileDateRangePicker: {
+    default: 'MobileDateRangePicker',
+    named: ['MobileDateRangePickerProps'],
+    isPro: true
+  },
+  MobileDateTimePicker: {
+    default: 'MobileDateTimePicker',
+    named: ['MobileDateTimePickerProps']
+  },
+  MobileTimePicker: {
+    default: 'MobileTimePicker',
+    named: ['MobileTimePickerProps']
+  },
+  MonthPicker: {
+    default: 'MonthPicker',
+    named: ['monthPickerClasses', 'getMonthPickerUtilityClass', 'MonthPickerClassKey', 'MonthPickerProps']
+  },
+  PickersDay: {
+    default: 'PickersDay',
+    named: ['pickersDayClasses', 'getPickersDayUtilityClass', 'PickersDayClassKey', 'PickersDayProps']
+  },
+  StaticDatePicker: {
+    default: 'StaticDatePicker',
+    named: ['StaticDatePickerProps']
+  },
+  StaticDateRangePicker: {
+    default: 'StaticDateRangePicker',
+    named: ['StaticDateRangePickerProps'],
+    isPro: true
+  },
+  StaticDateTimePicker: {
+    default: 'StaticDateTimePicker',
+    named: ['StaticDateTimePickerProps']
+  },
+  StaticTimePicker: {
+    default: 'StaticTimePicker',
+    named: ['StaticTimePickerProps']
+  },
+  TimePicker: {
+    default: 'TimePicker',
+    named: ['TimePickerProps']
+  },
+  YearPicker: {
+    default: 'YearPicker',
+    named: ['yearPickerClasses', 'getYearPickerUtilityClass', 'YearPickerClassKey', 'YearPickerProps']
+  }
+};
+
+const buildLookup = () => {
+  return Object.fromEntries(Object.entries(_exports).flatMap(([entryPoint, entryPointData]) => [entryPointData.default, ...entryPointData.named].map(exportName => [exportName, {
+    entryPoint,
+    isPro: entryPointData.isPro
+  }])));
+};
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+
+
+function transformer(fileInfo, api, options) {
+  const j = api.jscodeshift;
+  const printOptions = options.printOptions || {
+    quote: 'single'
+  };
+  const lookup = buildLookup();
+  const root = j(fileInfo.source);
+  root.find(j.ImportDeclaration).forEach(path => {
+    const importSource = path.node.source.value;
+    const subPackageImportMatch = importSource.match(/@mui\/lab\/(.*)/);
+
+    if (subPackageImportMatch !== null) {
+      const subModule = subPackageImportMatch[1];
+
+      if (subModule.startsWith('internal')) {
+        console.warn('Imports from `@mui/lab/internal` are not supported');
+        return;
+      }
+
+      if (_exports[subModule]) {
+        /**
+         * @type {import('jscodeshift').ASTPath}
+         */
+        const sourcePath = path.get('source');
+        const targetPackage = _exports[subModule].isPro ? '@mui/x-date-pickers-pro' : '@mui/x-date-pickers';
+        const targetImportPath = `${targetPackage}/${subModule}`;
+        sourcePath.replace(j.stringLiteral(targetImportPath));
+        const importDeclaration = path.value;
+        importDeclaration.specifiers = importDeclaration.specifiers.map(specifier => {
+          if (specifier.type === 'ImportDefaultSpecifier') {
+            const localName = specifier.local.name;
+            return j.importSpecifier(j.identifier(subModule), j.identifier(localName));
+          }
+
+          return specifier;
+        });
+      }
+    } else if (importSource === '@mui/lab') {
+      // Sieve import specifiers into /core and /lab
+      const xImportSpecifiers = [];
+      const labImportSpecifiers = [];
+      let isPro = false;
+      path.node.specifiers.forEach(specifier => {
+        if (specifier.type === 'ImportSpecifier') {
+          const lookupValue = lookup[specifier.imported.name];
+
+          if (lookupValue) {
+            xImportSpecifiers.push(specifier);
+
+            if (lookupValue.isPro) {
+              isPro = true;
+            }
+          } else {
+            labImportSpecifiers.push(specifier);
+          }
+        } else {
+          // `import Lab from '@material-ui/lab'`
+          // `import * as Lab from '@material-ui/lab'`
+          // These imports would require scope analysis.
+          console.warn(`Can't handle ${specifier.type}`);
+        }
+      });
+
+      if (xImportSpecifiers.length > 0) {
+        const targetPackage = isPro ? '@mui/x-date-pickers-pro' : '@mui/x-date-pickers';
+        path.replace(j.importDeclaration(xImportSpecifiers, j.stringLiteral(targetPackage)), j.importDeclaration(labImportSpecifiers, j.stringLiteral('@mui/lab')));
+      }
+    }
+  }).toSource(printOptions);
+  return root.toSource(printOptions);
+}

package/node/v5.0.0/date-pickers-moved-to-x.test/actual-root-community.js

@@ -0,0 +1,3 @@
+"use strict";
+
+var _lab = require("@mui/lab");

package/node/v5.0.0/date-pickers-moved-to-x.test/actual-root-pro.js

@@ -0,0 +1,3 @@
+"use strict";
+
+var _lab = require("@mui/lab");

package/node/v5.0.0/date-pickers-moved-to-x.test/actual-sub-module.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _CalendarPicker = _interopRequireWildcard(require("@mui/lab/CalendarPicker"));
+
+var _CalendarPickerSkeleton = _interopRequireWildcard(require("@mui/lab/CalendarPickerSkeleton"));
+
+var _ClockPicker = _interopRequireWildcard(require("@mui/lab/ClockPicker"));
+
+var _DatePicker = _interopRequireWildcard(require("@mui/lab/DatePicker"));
+
+var _DateRangePicker = _interopRequireWildcard(require("@mui/lab/DateRangePicker"));
+
+var _DateRangePickerDay = _interopRequireWildcard(require("@mui/lab/DateRangePickerDay"));
+
+var _DateTimePicker = _interopRequireWildcard(require("@mui/lab/DateTimePicker"));
+
+var _DesktopDatePicker = _interopRequireWildcard(require("@mui/lab/DesktopDatePicker"));
+
+var _DesktopDateRangePicker = _interopRequireWildcard(require("@mui/lab/DesktopDateRangePicker"));
+
+var _DesktopDateTimePicker = _interopRequireWildcard(require("@mui/lab/DesktopDateTimePicker"));
+
+var _DesktopTimePicker = _interopRequireWildcard(require("@mui/lab/DesktopTimePicker"));
+
+var _LocalizationProvider = _interopRequireWildcard(require("@mui/lab/LocalizationProvider"));
+
+var _MobileDatePicker = _interopRequireWildcard(require("@mui/lab/MobileDatePicker"));
+
+var _MobileDateRangePicker = _interopRequireWildcard(require("@mui/lab/MobileDateRangePicker"));
+
+var _MobileDateTimePicker = _interopRequireWildcard(require("@mui/lab/MobileDateTimePicker"));
+
+var _MobileTimePicker = _interopRequireWildcard(require("@mui/lab/MobileTimePicker"));
+
+var _MonthPicker = _interopRequireWildcard(require("@mui/lab/MonthPicker"));
+
+var _PickersDay = _interopRequireWildcard(require("@mui/lab/PickersDay"));
+
+var _StaticDatePicker = _interopRequireWildcard(require("@mui/lab/StaticDatePicker"));
+
+var _StaticDateRangePicker = _interopRequireWildcard(require("@mui/lab/StaticDateRangePicker"));
+
+var _StaticDateTimePicker = _interopRequireWildcard(require("@mui/lab/StaticDateTimePicker"));
+
+var _StaticTimePicker = _interopRequireWildcard(require("@mui/lab/StaticTimePicker"));
+
+var _TimePicker = _interopRequireWildcard(require("@mui/lab/TimePicker"));
+
+var _YearPicker = _interopRequireWildcard(require("@mui/lab/YearPicker"));
+
+var _AdapterDateFns = _interopRequireDefault(require("@mui/lab/AdapterDateFns"));
+
+var _AdapterDayjs = _interopRequireDefault(require("@mui/lab/AdapterDayjs"));
+
+var _AdapterLuxon = _interopRequireDefault(require("@mui/lab/AdapterLuxon"));
+
+var _AdapterMoment = _interopRequireDefault(require("@mui/lab/AdapterMoment"));
+
+var _Timeline = _interopRequireDefault(require("@mui/lab/Timeline"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/node/v5.0.0/date-pickers-moved-to-x.test/expected-root-community.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _xDatePickers = require("@mui/x-date-pickers");
+
+var _lab = require("@mui/lab");

package/node/v5.0.0/date-pickers-moved-to-x.test/expected-root-pro.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _xDatePickersPro = require("@mui/x-date-pickers-pro");
+
+var _lab = require("@mui/lab");

package/node/v5.0.0/date-pickers-moved-to-x.test/expected-sub-module.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _CalendarPicker = require("@mui/x-date-pickers/CalendarPicker");
+
+var _CalendarPickerSkeleton = require("@mui/x-date-pickers/CalendarPickerSkeleton");
+
+var _ClockPicker = require("@mui/x-date-pickers/ClockPicker");
+
+var _DatePicker = require("@mui/x-date-pickers/DatePicker");
+
+var _DateRangePicker = require("@mui/x-date-pickers-pro/DateRangePicker");
+
+var _DateRangePickerDay = require("@mui/x-date-pickers-pro/DateRangePickerDay");
+
+var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
+
+var _DesktopDatePicker = require("@mui/x-date-pickers/DesktopDatePicker");
+
+var _DesktopDateRangePicker = require("@mui/x-date-pickers-pro/DesktopDateRangePicker");
+
+var _DesktopDateTimePicker = require("@mui/x-date-pickers/DesktopDateTimePicker");
+
+var _DesktopTimePicker = require("@mui/x-date-pickers/DesktopTimePicker");
+
+var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+
+var _MobileDatePicker = require("@mui/x-date-pickers/MobileDatePicker");
+
+var _MobileDateRangePicker = require("@mui/x-date-pickers-pro/MobileDateRangePicker");
+
+var _MobileDateTimePicker = require("@mui/x-date-pickers/MobileDateTimePicker");
+
+var _MobileTimePicker = require("@mui/x-date-pickers/MobileTimePicker");
+
+var _MonthPicker = require("@mui/x-date-pickers/MonthPicker");
+
+var _PickersDay = require("@mui/x-date-pickers/PickersDay");
+
+var _StaticDatePicker = require("@mui/x-date-pickers/StaticDatePicker");
+
+var _StaticDateRangePicker = require("@mui/x-date-pickers-pro/StaticDateRangePicker");
+
+var _StaticDateTimePicker = require("@mui/x-date-pickers/StaticDateTimePicker");
+
+var _StaticTimePicker = require("@mui/x-date-pickers/StaticTimePicker");
+
+var _TimePicker = require("@mui/x-date-pickers/TimePicker");
+
+var _YearPicker = require("@mui/x-date-pickers/YearPicker");
+
+var _AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
+
+var _AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+
+var _AdapterLuxon = require("@mui/x-date-pickers/AdapterLuxon");
+
+var _AdapterMoment = require("@mui/x-date-pickers/AdapterMoment");
+
+var _Timeline = _interopRequireDefault(require("@mui/lab/Timeline"));

package/node/v5.0.0/moved-lab-modules.js

@@ -16,8 +16,8 @@ function transformer(file, api, options) {
     quote: 'single'
   };
   return j(file.source).find(j.ImportDeclaration).forEach(path => {
-    const importSouce = path.node.source.value;
-    const subPackageImportMatch = importSouce.match(/@material-ui\/lab\/(.*)/);
+    const importSource = path.node.source.value;
+    const subPackageImportMatch = importSource.match(/@material-ui\/lab\/(.*)/);
 
     if (subPackageImportMatch !== null) {
       const componentName = subPackageImportMatch[1];
@@ -29,7 +29,7 @@ function transformer(file, api, options) {
         const sourcePath = path.get('source');
         sourcePath.replace(j.stringLiteral(`@material-ui/core/${componentName}`));
       }
-    } else if (importSouce === '@material-ui/lab') {
+    } else if (importSource === '@material-ui/lab') {
       // Sieve import specifiers into /core and /lab
       const labImportSpecifiers = [];
       const coreImportSpecifiers = [];

package/node/v5.0.0/variant-prop.js

@@ -16,7 +16,7 @@ function transformer(file, api, options) {
     const variant = attributes.find(node => node.type === 'JSXAttribute' && node.name.name === 'variant');
 
     if (!variant) {
-      attributes.push(j.jsxAttribute(j.jsxIdentifier('variant'), j.literal('standard')));
+      attributes.unshift(j.jsxAttribute(j.jsxIdentifier('variant'), j.literal('standard')));
     }
   }
 

package/node/v5.0.0/variant-prop.test/expected.js

@@ -27,25 +27,25 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function TextFieldComponent(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, (0, _extends2.default)({}, props, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, (0, _extends2.default)({
       variant: "standard"
-    })), _TextField || (_TextField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, {
+    }, props)), _TextField || (_TextField = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, {
       variant: "outlined"
     })), _TextField2 || (_TextField2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, {
       variant: "standard"
     })), _TextField3 || (_TextField3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField4.default, {
       variant: "filled"
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, (0, _extends2.default)({}, props, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, (0, _extends2.default)({
       variant: "standard"
-    })), _Select || (_Select = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, {
+    }, props)), _Select || (_Select = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, {
       variant: "outlined"
     })), _Select2 || (_Select2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, {
       variant: "standard"
     })), _Select3 || (_Select3 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select4.default, {
       variant: "filled"
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl4.default, (0, _extends2.default)({}, props, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl4.default, (0, _extends2.default)({
       variant: "standard"
-    })), _FormControl || (_FormControl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl4.default, {
+    }, props)), _FormControl || (_FormControl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl4.default, {
       variant: "outlined"
     })), _FormControl2 || (_FormControl2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl4.default, {
       variant: "standard"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
@@ -35,7 +35,7 @@
     "@babel/traverse": "^7.17.3",
     "jscodeshift": "^0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
-    "yargs": "^17.3.1"
+    "yargs": "^17.4.0"
   },
   "devDependencies": {
     "@types/jscodeshift": "0.11.3"