npm - @mui/codemod - Versions diffs - 6.0.0-dev.240424162023-9968b4889d → 6.0.0 - Mend

@mui/codemod 6.0.0-dev.240424162023-9968b4889d → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (278) hide show

package/node/v5.0.0/badge-overlap-value.test/actual.js CHANGED Viewed

@@ -1,7 +1,5 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
@@ -31,9 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
       '& .MuiBadge-anchorOriginBottomLeftCircle': {}
     }
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-    classes: (0, _extends2.default)({}, badgeClasses, {
+    classes: {
+      ...badgeClasses,
       badge: badgeClasses.badge
-    }),
+    },
     children: icon
   })]
 });

package/node/v5.0.0/badge-overlap-value.test/expected.js CHANGED Viewed

@@ -1,7 +1,5 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
@@ -31,9 +29,10 @@ var _jsxRuntime = require("react/jsx-runtime");
       '& .MuiBadge-anchorOriginBottomLeftCircular': {}
     }
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-    classes: (0, _extends2.default)({}, badgeClasses, {
+    classes: {
+      ...badgeClasses,
       badge: badgeClasses.badge
-    }),
+    },
     children: icon
   })]
 });

package/node/v5.0.0/base-hook-imports.js CHANGED Viewed

@@ -46,8 +46,7 @@ function transformer(file, api, options) {
     const filteredSpecifiers = [];
     const hookName = sourceVal.replace(/@mui\/base\/([a-zA-Z]+)Unstyled/, 'use$1');
     path.node.specifiers.forEach(elementNode => {
-      var _elementNode$imported;
-      if (elementNode.type !== 'ImportSpecifier' || !((_elementNode$imported = elementNode.imported) != null && _elementNode$imported.name)) {
+      if (elementNode.type !== 'ImportSpecifier' || !elementNode.imported?.name) {
         filteredSpecifiers.push(elementNode);
         return;
       }

package/node/v5.0.0/base-remove-component-prop.test/actual.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
 var _Input2 = _interopRequireDefault(require("@mui/base/Input"));
 var _Switch = _interopRequireDefault(require("@mui/base/Switch"));
@@ -15,9 +14,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
   component: CustomRoot
 });
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, (0, _extends2.default)({
-  component: CustomRoot
-}, others));
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
+  component: CustomRoot,
+  ...others
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   component: CustomRoot,
   randomProp: "1",

package/node/v5.0.0/base-remove-component-prop.test/expected.js CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Input = _interopRequireDefault(require("@mui/material/Input"));
 var _Input2 = _interopRequireDefault(require("@mui/base/Input"));
 var _Switch = _interopRequireDefault(require("@mui/base/Switch"));
@@ -17,11 +16,12 @@ var _jsxRuntime = require("react/jsx-runtime");
     root: CustomRoot
   }
 });
-/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, (0, _extends2.default)({
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {
   slots: {
     root: CustomRoot
-  }
-}, others));
+  },
+  ...others
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
   slots: {
     root: CustomRoot

package/node/v5.0.0/base-remove-unstyled-suffix.js CHANGED Viewed

@@ -23,8 +23,7 @@ function transformer(file, api) {
     }
     const specifiers = [];
     path.node.specifiers.forEach(elementNode => {
-      var _elementNode$imported;
-      const importedName = ((_elementNode$imported = elementNode.imported) == null ? void 0 : _elementNode$imported.name) || '';
+      const importedName = elementNode.imported?.name || '';
       if (elementNode.type === 'ImportSpecifier' && importedName.match(/unstyled/im)) {
         elementNode.imported.name = importedName.replace(/unstyled/im, '');
         if (elementNode.local.name === importedName) {

package/node/v5.0.0/base-remove-unstyled-suffix.test/actual.js CHANGED Viewed

@@ -1,16 +1,16 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _ButtonUnstyled2 = _interopRequireWildcard(require("@mui/base/ButtonUnstyled"));
+var _ButtonUnstyled = _interopRequireWildcard(require("@mui/base/ButtonUnstyled"));
 var _base = require("@mui/base");
 var _Slider = _interopRequireDefault(require("@mui/base/Slider"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _ButtonUnstyled, _SwitchUnstyled, _BaseInput, _BaseSlider;
+var _Fragment;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function App() {
   return;
-  /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [_ButtonUnstyled || (_ButtonUnstyled = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonUnstyled2.default, {})), ";", _SwitchUnstyled || (_SwitchUnstyled = /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.SwitchUnstyled, {})), ";", _BaseInput || (_BaseInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.InputUnstyled, {})), ";", _BaseSlider || (_BaseSlider = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {})), ";"]
-  });
+  _Fragment || (_Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonUnstyled.default, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.SwitchUnstyled, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.InputUnstyled, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {}), ";"]
+  }));
 }

package/node/v5.0.0/base-remove-unstyled-suffix.test/expected.js CHANGED Viewed

@@ -5,12 +5,12 @@ var _Button = _interopRequireWildcard(require("@mui/base/Button"));
 var _base = require("@mui/base");
 var _Slider = _interopRequireDefault(require("@mui/base/Slider"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _ButtonUnstyled, _SwitchUnstyled, _BaseInput, _BaseSlider;
+var _Fragment;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function App() {
   return;
-  /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [_ButtonUnstyled || (_ButtonUnstyled = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {})), ";", _SwitchUnstyled || (_SwitchUnstyled = /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Switch, {})), ";", _BaseInput || (_BaseInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Input, {})), ";", _BaseSlider || (_BaseSlider = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {})), ";"]
-  });
+  _Fragment || (_Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Switch, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Input, {}), ";", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, {}), ";"]
+  }));
 }

package/node/v5.0.0/base-rename-components-to-slots.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = transformer;
 function transformComponentsProp(attributeNode) {
   attributeNode.name.name = 'slots';
   const valueExpression = attributeNode.value.expression;
-  if ((valueExpression == null ? void 0 : valueExpression.type) !== 'ObjectExpression') {
+  if (valueExpression?.type !== 'ObjectExpression') {
     return;
   }
   valueExpression.properties.forEach(property => {

package/node/v5.0.0/base-use-named-exports.js CHANGED Viewed

@@ -18,12 +18,10 @@ const pathMapping = {
   '@mui/base/className': '@mui/base/ClassNameGenerator'
 };
 function getExportedIdentifier(importPath) {
-  var _nameMapping$importPa;
-  return (_nameMapping$importPa = nameMapping[importPath]) != null ? _nameMapping$importPa : importPath;
+  return nameMapping[importPath] ?? importPath;
 }
 function getTransformedPath(originalPath) {
-  var _pathMapping$original;
-  return (_pathMapping$original = pathMapping[originalPath]) != null ? _pathMapping$original : originalPath;
+  return pathMapping[originalPath] ?? originalPath;
 }
 /**
@@ -33,8 +31,7 @@ function getTransformedPath(originalPath) {
  * @example '@mui/base' ➔ null
  */
 function getBaseImportIdentifier(path, filePath) {
-  var _path$node, _baseImportPathMatch$, _baseImportPathMatch$2;
-  const source = path == null || (_path$node = path.node) == null || (_path$node = _path$node.source) == null ? void 0 : _path$node.value;
+  const source = path?.node?.source?.value;
   if (!source) {
     return null;
   }
@@ -42,11 +39,11 @@ function getBaseImportIdentifier(path, filePath) {
   if (baseImportPathMatch == null) {
     return null;
   }
-  if ((_baseImportPathMatch$ = baseImportPathMatch[1]) != null && _baseImportPathMatch$.includes('/')) {
+  if (baseImportPathMatch[1]?.includes('/')) {
     console.warn(`WARNING: ${filePath}: "${source}" is more than one level deep. This is not supported.`);
     return null;
   }
-  return (_baseImportPathMatch$2 = baseImportPathMatch[1]) != null ? _baseImportPathMatch$2 : null;
+  return baseImportPathMatch[1] ?? null;
 }
 /**

package/node/v5.0.0/box-sx-prop.js CHANGED Viewed

@@ -21,8 +21,7 @@ function transformer(file, api, options) {
   let aliasName;
   root.find(j.ImportDeclaration).forEach(path => {
     if (path.node.source.value.match(/^(@mui\/material|@material-ui\/core)$/)) {
-      var _path$node$specifiers;
-      if (((_path$node$specifiers = path.node.specifiers[0]) == null ? void 0 : _path$node$specifiers.type) === 'ImportNamespaceSpecifier') {
+      if (path.node.specifiers[0]?.type === 'ImportNamespaceSpecifier') {
         aliasName = path.node.specifiers[0].local.name;
       }
     }

package/node/v5.0.0/box-sx-prop.test/actual.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BoxComponent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
@@ -34,8 +33,9 @@ function BoxComponent(props) {
         component: "span",
         children: "Save"
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, (0, _extends2.default)({
-      p: [1, 2, 4]
-    }, props))]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      p: [1, 2, 4],
+      ...props
+    })]
   });
 }

package/node/v5.0.0/box-sx-prop.test/expected.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BoxComponent;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
@@ -36,10 +35,11 @@ function BoxComponent(props) {
         component: "span",
         children: "Save"
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, (0, _extends2.default)({}, props, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      ...props,
       sx: {
         p: [1, 2, 4]
       }
-    }))]
+    })]
   });
 }

package/node/v5.0.0/button-color-prop.js CHANGED Viewed

@@ -14,8 +14,7 @@ function transformer(file, api, options) {
   return j(file.source).findJSXElements('Button').forEach(path => {
     const attributes = path.node.openingElement.attributes;
     attributes.forEach((node, index) => {
-      var _node$value$expressio;
-      if (node.type === 'JSXAttribute' && node.name.name === 'color' && (node.value.value === 'default' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'default')) {
+      if (node.type === 'JSXAttribute' && node.name.name === 'color' && (node.value.value === 'default' || node.value.expression?.value === 'default')) {
         delete attributes[index];
       }
     });

package/node/v5.0.0/chip-variant-prop.js CHANGED Viewed

@@ -14,8 +14,7 @@ function transformer(file, api, options) {
   return j(file.source).findJSXElements('Chip').forEach(path => {
     const attributes = path.node.openingElement.attributes;
     attributes.forEach((node, index) => {
-      var _node$value$expressio;
-      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'default' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'default')) {
+      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'default' || node.value.expression?.value === 'default')) {
         delete attributes[index];
       }
     });

package/node/v5.0.0/circularprogress-variant.js CHANGED Viewed

@@ -13,13 +13,11 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   return j(file.source).findJSXElements('CircularProgress').forEach(path => {
     path.node.openingElement.attributes.forEach(node => {
-      var _node$value$expressio;
-      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'static' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'static')) {
+      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'static' || node.value.expression?.value === 'static')) {
         node.value = j.literal('determinate');
       }
       if (node.type === 'JSXAttribute' && node.name.name === 'classes') {
-        var _node$value;
-        (_node$value = node.value) == null || (_node$value = _node$value.expression) == null || (_node$value = _node$value.properties) == null || _node$value.forEach(subNode => {
+        node.value?.expression?.properties?.forEach(subNode => {
           if (subNode.key.name === 'static') {
             subNode.key.name = 'determinate';
           }

package/node/v5.0.0/create-theme.test/custom-fn.actual.js CHANGED Viewed

@@ -1,13 +1,11 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTheme = createTheme;
 exports.createThemeOptions = createThemeOptions;
 exports.createThemeOverrides = createThemeOverrides;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _core = require("@material-ui/core");
 function createThemeOptions() {
   return {};
@@ -19,8 +17,9 @@ function createTheme(options) {
   const themeOptions = createThemeOptions(options);
   const baseTheme = (0, _core.createMuiTheme)(themeOptions);
   const overrides = createThemeOverrides(baseTheme);
-  const theme = (0, _extends2.default)({}, baseTheme, {
+  const theme = {
+    ...baseTheme,
     overrides
-  });
+  };
   return theme;
 }

package/node/v5.0.0/create-theme.test/custom-fn.expected.js CHANGED Viewed

@@ -1,13 +1,11 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTheme = createTheme;
 exports.createThemeOptions = createThemeOptions;
 exports.createThemeOverrides = createThemeOverrides;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _core = require("@material-ui/core");
 function createThemeOptions() {
   return {};
@@ -19,8 +17,9 @@ function createTheme(options) {
   const themeOptions = createThemeOptions(options);
   const baseTheme = (0, _core.createTheme)(themeOptions);
   const overrides = createThemeOverrides(baseTheme);
-  const theme = (0, _extends2.default)({}, baseTheme, {
+  const theme = {
+    ...baseTheme,
     overrides
-  });
+  };
   return theme;
 }

package/node/v5.0.0/fab-variant.js CHANGED Viewed

@@ -14,14 +14,12 @@ function transformer(file, api, options) {
   const source = j(file.source).findJSXElements('Fab').forEach(path => {
     path.node.openingElement.attributes.forEach(node => {
       if (node.type === 'JSXAttribute' && node.name.name === 'variant') {
-        var _node$value$expressio;
-        if (node.value.value === 'round' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'round') {
+        if (node.value.value === 'round' || node.value.expression?.value === 'round') {
           node.value = j.literal('circular');
         }
       }
       if (node.type === 'JSXAttribute' && node.name.name === 'classes') {
-        var _node$value;
-        (((_node$value = node.value) == null || (_node$value = _node$value.expression) == null ? void 0 : _node$value.properties) || []).forEach(subNode => {
+        (node.value?.expression?.properties || []).forEach(subNode => {
           if (subNode.key.name === 'round') {
             subNode.key.name = 'circular';
           }

package/node/v5.0.0/grid-list-component.test/actual.js CHANGED Viewed

@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
   }, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.GridListTile, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconLink, {
       href: href,
-      text: text != null ? text : href,
+      text: text ?? href,
       Icon: Icon
     })
   }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_other.default, {})]

package/node/v5.0.0/grid-list-component.test/expected.js CHANGED Viewed

@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
   }, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.ImageListItem, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconLink, {
       href: href,
-      text: text != null ? text : href,
+      text: text ?? href,
       Icon: Icon
     })
   }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_other.default, {})]

package/node/v5.0.0/joy-avatar-remove-imgProps.js CHANGED Viewed

@@ -22,17 +22,13 @@ function transformer(file, api, options) {
     ].includes(sourceVal);
   }).forEach(path => {
     path.node.specifiers.forEach(elementNode => {
-      var _elementNode$imported;
-      if (elementNode.type === 'ImportSpecifier' && ((_elementNode$imported = elementNode.imported) == null ? void 0 : _elementNode$imported.name) === 'Avatar' || elementNode.type === 'ImportDefaultSpecifier') {
+      if (elementNode.type === 'ImportSpecifier' && elementNode.imported?.name === 'Avatar' || elementNode.type === 'ImportDefaultSpecifier') {
         // Process only Joy `Avatar` component
         root.findJSXElements(elementNode.local.name).forEach(elementPath => {
           if (elementPath.node.type !== 'JSXElement') {
             return;
           }
-          const slotPropsAttributeNode = elementPath.node.openingElement.attributes.find(attributeNode => {
-            var _attributeNode$value$;
-            return attributeNode.type === 'JSXAttribute' && attributeNode.name.name === 'slotProps' && ((_attributeNode$value$ = attributeNode.value.expression) == null ? void 0 : _attributeNode$value$.type) === 'ObjectExpression';
-          });
+          const slotPropsAttributeNode = elementPath.node.openingElement.attributes.find(attributeNode => attributeNode.type === 'JSXAttribute' && attributeNode.name.name === 'slotProps' && attributeNode.value.expression?.type === 'ObjectExpression');
           const newAttributeNodes = [];
           elementPath.node.openingElement.attributes.forEach(attributeNode => {
             if (attributeNode.type !== 'JSXAttribute') {
@@ -43,7 +39,7 @@ function transformer(file, api, options) {
               return;
             }
             const val = attributeNode.value;
-            if (!(val != null && val.expression)) {
+            if (!val?.expression) {
               return;
             }
             if (slotPropsAttributeNode) {

package/node/v5.0.0/joy-rename-components-to-slots.js CHANGED Viewed

@@ -7,7 +7,7 @@ exports.default = transformer;
 function transformComponentsProp(attributeNode) {
   attributeNode.name.name = 'slots';
   const valueExpression = attributeNode.value.expression;
-  if ((valueExpression == null ? void 0 : valueExpression.type) !== 'ObjectExpression') {
+  if (valueExpression?.type !== 'ObjectExpression') {
     return;
   }
   valueExpression.properties.forEach(property => {

package/node/v5.0.0/joy-rename-row-prop.js CHANGED Viewed

@@ -28,9 +28,8 @@ function transformer(file, api, options) {
             return;
           }
           if (attributeNode.name.name === 'row') {
-            var _val$expression;
             const val = attributeNode.value;
-            if (val === null || (val == null || (_val$expression = val.expression) == null ? void 0 : _val$expression.value) === true) {
+            if (val === null || val?.expression?.value === true) {
               attributeNode.name.name = 'orientation';
               attributeNode.value = j.jsxExpressionContainer(j.literal('horizontal'));
             }

package/node/v5.0.0/joy-text-field-to-input.js CHANGED Viewed

@@ -25,10 +25,8 @@ function transformer(file, api, options) {
     ].includes(sourceVal);
   }).forEach(path => {
     path.node.specifiers.forEach(elementNode => {
-      var _elementNode$imported;
-      if (elementNode.type === 'ImportSpecifier' && ((_elementNode$imported = elementNode.imported) == null ? void 0 : _elementNode$imported.name) === 'TextField' || elementNode.type === 'ImportDefaultSpecifier') {
-        var _elementNode$imported2;
-        if (((_elementNode$imported2 = elementNode.imported) == null ? void 0 : _elementNode$imported2.name) === 'TextField') {
+      if (elementNode.type === 'ImportSpecifier' && elementNode.imported?.name === 'TextField' || elementNode.type === 'ImportDefaultSpecifier') {
+        if (elementNode.imported?.name === 'TextField') {
           elementNode.imported.name = 'Input';
         }
         let newElementName;
@@ -45,7 +43,6 @@ function transformer(file, api, options) {
           let formLabelValue;
           let formHelperTextValue;
           elementPath.node.openingElement.attributes.forEach(attributeNode => {
-            var _attributeNode$value$, _attributeNode$value$2;
             if (attributeNode.type !== 'JSXAttribute') {
               return;
             }
@@ -57,7 +54,7 @@ function transformer(file, api, options) {
                 formControlAttributeNodes.push(attributeNode);
                 break;
               case 'slotProps':
-                if (((_attributeNode$value$ = attributeNode.value.expression) == null ? void 0 : _attributeNode$value$.type) === 'ObjectExpression') {
+                if (attributeNode.value.expression?.type === 'ObjectExpression') {
                   attributeNode.value.expression.properties.forEach(propNode => {
                     if (propNode.value.type !== 'ObjectExpression') {
                       return;
@@ -85,7 +82,7 @@ function transformer(file, api, options) {
                 }
                 break;
               case 'slots':
-                if (((_attributeNode$value$2 = attributeNode.value.expression) == null ? void 0 : _attributeNode$value$2.type) === 'ObjectExpression') {
+                if (attributeNode.value.expression?.type === 'ObjectExpression') {
                   attributeNode.value.expression.properties.forEach(propNode => {
                     const newAttributeNode = j.jsxAttribute(j.jsxIdentifier('component'), j.jsxExpressionContainer(propNode.value));
                     switch (propNode.key.name) {

package/node/v5.0.0/jss-to-styled.test/first.actual.js CHANGED Viewed

@@ -124,20 +124,9 @@ const styles = theme => ({
   }
 });
 class AppAppBar extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      menuOpen: false
-    };
-    this.handleToggleMenu = (event, forceClose) => {
-      if (event) {
-        event.preventDefault();
-      }
-      this.setState({
-        menuOpen: forceClose ? false : !this.state.menuOpen
-      });
-    };
-  }
+  state = {
+    menuOpen: false
+  };
   async componentDidMount() {
     const cart = await (0, _getCart.default)();
     this.props.dispatch({
@@ -153,6 +142,14 @@ class AppAppBar extends React.Component {
       payload: user
     });
   }
+  handleToggleMenu = (event, forceClose) => {
+    if (event) {
+      event.preventDefault();
+    }
+    this.setState({
+      menuOpen: forceClose ? false : !this.state.menuOpen
+    });
+  };
   render() {
     const {
       classes,

package/node/v5.0.0/jss-to-styled.test/first.expected.js CHANGED Viewed

@@ -140,20 +140,9 @@ const StyledAppBar = (0, _styles.styled)(_AppBar.default)(({
   }
 }));
 class AppAppBar extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      menuOpen: false
-    };
-    this.handleToggleMenu = (event, forceClose) => {
-      if (event) {
-        event.preventDefault();
-      }
-      this.setState({
-        menuOpen: forceClose ? false : !this.state.menuOpen
-      });
-    };
-  }
+  state = {
+    menuOpen: false
+  };
   async componentDidMount() {
     const cart = await (0, _getCart.default)();
     this.props.dispatch({
@@ -169,6 +158,14 @@ class AppAppBar extends React.Component {
       payload: user
     });
   }
+  handleToggleMenu = (event, forceClose) => {
+    if (event) {
+      event.preventDefault();
+    }
+    this.setState({
+      menuOpen: forceClose ? false : !this.state.menuOpen
+    });
+  };
   render() {
     const {
       children,

package/node/v5.0.0/jss-to-styled.test/seventh.actual.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
@@ -82,7 +81,7 @@ function Iframe(props) {
     children: [loaded === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.loader,
       children: _CircularProgress || (_CircularProgress = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress2.default, {}))
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", (0, _extends2.default)({
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
       className: classes.iframe,
       title: "body",
       style: {
@@ -96,8 +95,9 @@ function Iframe(props) {
         }
         setLoaded(true);
       },
-      frameBorder: "0"
-    }, props))]
+      frameBorder: "0",
+      ...props
+    })]
   });
 }
 var _default = exports.default = Iframe;

package/node/v5.0.0/jss-to-styled.test/seventh.expected.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
@@ -86,7 +85,7 @@ function Iframe(props) {
     children: [loaded === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.loader,
       children: _CircularProgress || (_CircularProgress = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress2.default, {}))
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", (0, _extends2.default)({
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
       className: classes.iframe,
       title: "body",
       style: {
@@ -100,8 +99,9 @@ function Iframe(props) {
         }
         setLoaded(true);
       },
-      frameBorder: "0"
-    }, props))]
+      frameBorder: "0",
+      ...props
+    })]
   });
 }
 var _default = exports.default = Iframe;