@mui/codemod 6.0.0-beta.5 → 6.0.0-beta.6

package/README.md

@@ -800,7 +800,6 @@ npx @mui/codemod@latest deprecations/button-group-classes <path>
 JS transforms:
 
 ```diff
-
  import { chipClasses } from '@mui/material/Chip';
 
   MuiChip: {

package/node/deprecations/avatar-group-props/avatar-group-props.js

@@ -29,15 +29,9 @@ function transformer(file, api, options) {
     const slotPropsIndex = elementPath.node.openingElement.attributes.findIndex(attr => attr.type === 'JSXAttribute' && attr.name.name === 'slotProps');
     if (slotPropsIndex !== -1) {
       const slotProps = elementPath.node.openingElement.attributes[slotPropsIndex].value.expression;
-      const additionalAvatarIndex = slotProps.properties.findIndex(prop => {
-        var _prop$key;
-        return (prop == null || (_prop$key = prop.key) == null ? void 0 : _prop$key.name) === 'additionalAvatar';
-      });
+      const additionalAvatarIndex = slotProps.properties.findIndex(prop => prop?.key?.name === 'additionalAvatar');
       if (additionalAvatarIndex !== -1) {
-        const surplusIndex = slotProps.properties.findIndex(prop => {
-          var _prop$key2;
-          return (prop == null || (_prop$key2 = prop.key) == null ? void 0 : _prop$key2.name) === 'surplus';
-        });
+        const surplusIndex = slotProps.properties.findIndex(prop => prop?.key?.name === 'surplus');
         const removedValue = slotProps.properties.splice(additionalAvatarIndex, 1)[0].value;
         if (surplusIndex === -1) {
           (0, _assignObject.default)(j, {

package/node/deprecations/divider-props/divider-props.js

@@ -21,7 +21,6 @@ function transformer(file, api, options) {
     root,
     componentName: 'Divider'
   }, elementPath => {
-    var _lightProp$value;
     const lightProp = elementPath.node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'light');
     if (!lightProp) {
       return;
@@ -32,7 +31,7 @@ function transformer(file, api, options) {
       }
       return true;
     });
-    const isLightPropTruthy = ((_lightProp$value = lightProp.value) == null ? void 0 : _lightProp$value.expression.value) !== false;
+    const isLightPropTruthy = lightProp.value?.expression.value !== false;
     if (!isLightPropTruthy) {
       return;
     }
@@ -63,11 +62,10 @@ function transformer(file, api, options) {
       name: 'light'
     }
   }).forEach(path => {
-    var _path$value;
     const {
       properties: defaultPropsProperties
     } = path.parent.value;
-    if (((_path$value = path.value) == null ? void 0 : _path$value.value.value) === false) {
+    if (path.value?.value.value === false) {
       path.prune();
       return;
     }

package/node/deprecations/typography-props/typography-props.js

@@ -20,7 +20,6 @@ function transformer(file, api, options) {
     root,
     componentName: 'Typography'
   }, elementPath => {
-    var _paragraphProp$value;
     const paragraphProp = elementPath.node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'paragraph');
     if (!paragraphProp) {
       return;
@@ -31,7 +30,7 @@ function transformer(file, api, options) {
       }
       return true;
     });
-    const isParagraphPropTruthy = ((_paragraphProp$value = paragraphProp.value) == null ? void 0 : _paragraphProp$value.expression.value) !== false;
+    const isParagraphPropTruthy = paragraphProp.value?.expression.value !== false;
     if (!isParagraphPropTruthy) {
       return;
     }
@@ -58,17 +57,13 @@ function transformer(file, api, options) {
       name: 'MuiTypography'
     }
   }).forEach(path => {
-    var _paragraphProp$value2;
     const defaultPropsObject = path.value.value.properties.find(key => key.key.name === 'defaultProps');
     const paragraphProp = defaultPropsObject.value.properties.find(prop => prop.key.name === 'paragraph');
     if (!paragraphProp) {
       return;
     }
-    defaultPropsObject.value.properties = defaultPropsObject.value.properties.filter(prop => {
-      var _prop$key;
-      return !['paragraph'].includes(prop == null || (_prop$key = prop.key) == null ? void 0 : _prop$key.name);
-    });
-    const isParagraphPropTruthy = ((_paragraphProp$value2 = paragraphProp.value) == null ? void 0 : _paragraphProp$value2.value) !== false;
+    defaultPropsObject.value.properties = defaultPropsObject.value.properties.filter(prop => !['paragraph'].includes(prop?.key?.name));
+    const isParagraphPropTruthy = paragraphProp.value?.value !== false;
     if (!isParagraphPropTruthy) {
       return;
     }

package/node/deprecations/utils/movePropIntoSlotProps.js

@@ -15,14 +15,10 @@ function moveJsxPropIntoSlotProps(j, element, propName, slotName) {
     const removedValue = element.openingElement.attributes.splice(propIndex, 1)[0].value.expression;
     let hasSlotProps = false;
     element.openingElement.attributes.forEach(attr => {
-      var _attr$name;
-      if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'slotProps') {
+      if (attr.name?.name === 'slotProps') {
         hasSlotProps = true;
         const slots = attr.value.expression;
-        const slotIndex = slots.properties.findIndex(prop => {
-          var _prop$key;
-          return (prop == null || (_prop$key = prop.key) == null ? void 0 : _prop$key.name) === slotName;
-        });
+        const slotIndex = slots.properties.findIndex(prop => prop?.key?.name === slotName);
         if (slotIndex === -1) {
           (0, _assignObject.default)(j, {
             target: attr,
@@ -58,13 +54,9 @@ function moveDefaultPropsPropIntoslotProps(j, defaultPropsPathCollection, propNa
     const defaultProps = path.parent.value;
     let hasSlotProps = false;
     defaultProps.properties.forEach(property => {
-      var _property$key;
-      if (((_property$key = property.key) == null ? void 0 : _property$key.name) === 'slotProps') {
+      if (property.key?.name === 'slotProps') {
         hasSlotProps = true;
-        const slotIndex = property.value.properties.findIndex(prop => {
-          var _prop$key2;
-          return (prop == null || (_prop$key2 = prop.key) == null ? void 0 : _prop$key2.name) === slotName;
-        });
+        const slotIndex = property.value.properties.findIndex(prop => prop?.key?.name === slotName);
         if (slotIndex === -1) {
           property.value.properties.push(j.objectProperty(j.identifier(slotName), removedValue));
         } else {

package/node/deprecations/utils/movePropIntoSlots.js

@@ -15,13 +15,9 @@ function moveJsxPropIntoSlots(j, element, propName, slotName) {
     const removedValue = element.openingElement.attributes.splice(index, 1)[0].value.expression;
     let hasSlots = false;
     element.openingElement.attributes.forEach(attr => {
-      var _attr$name;
-      if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'slots') {
+      if (attr.name?.name === 'slots') {
         hasSlots = true;
-        const slotIndex = attr.value.expression.properties.findIndex(prop => {
-          var _prop$key;
-          return (prop == null || (_prop$key = prop.key) == null ? void 0 : _prop$key.name) === slotName;
-        });
+        const slotIndex = attr.value.expression.properties.findIndex(prop => prop?.key?.name === slotName);
         if (slotIndex === -1) {
           (0, _assignObject.default)(j, {
             target: attr,
@@ -50,14 +46,10 @@ function moveDefaultPropsPropIntoSlots(j, defaultPropsPathCollection, propName,
     const defaultProps = path.parent.value;
     let hasSlots = false;
     defaultProps.properties.forEach(property => {
-      var _property$key;
-      if (((_property$key = property.key) == null ? void 0 : _property$key.name) === 'slots') {
+      if (property.key?.name === 'slots') {
         hasSlots = true;
         const slots = property.value;
-        const slotIndex = slots.properties.findIndex(prop => {
-          var _prop$key2;
-          return (prop == null || (_prop$key2 = prop.key) == null ? void 0 : _prop$key2.name) === slotName;
-        });
+        const slotIndex = slots.properties.findIndex(prop => prop?.key?.name === slotName);
         if (slotIndex === -1) {
           slots.properties.push(j.objectProperty(j.identifier(slotName), removedValue));
         }

package/node/deprecations/utils/replaceComponentsWithSlots.js

@@ -25,8 +25,7 @@ function replaceJsxComponentsProp(j, elementPath) {
     }, {});
     let hasNode = false;
     element.openingElement.attributes.forEach(attr => {
-      var _attr$name;
-      if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'slots') {
+      if (attr.name?.name === 'slots') {
         hasNode = true;
         const slots = attr.value.expression.properties.reduce((acc, prop) => {
           return {
@@ -62,8 +61,7 @@ function replaceJsxComponentsPropsProp(j, element) {
     const removed = element.openingElement.attributes.splice(index, 1);
     let hasNode = false;
     element.openingElement.attributes.forEach(attr => {
-      var _attr$name2;
-      if (((_attr$name2 = attr.name) == null ? void 0 : _attr$name2.name) === 'slotProps') {
+      if (attr.name?.name === 'slotProps') {
         hasNode = true;
         const slotProps = attr.value.expression.properties.reduce((acc, prop) => {
           return {
@@ -79,10 +77,7 @@ function replaceJsxComponentsPropsProp(j, element) {
               expression: prop.value
             });
           } else {
-            attr.value.expression.properties = attr.value.expression.properties.filter(p => {
-              var _p$key;
-              return (p == null || (_p$key = p.key) == null ? void 0 : _p$key.name) !== prop.key.name;
-            });
+            attr.value.expression.properties = attr.value.expression.properties.filter(p => p?.key?.name !== prop.key.name);
             (0, _assignObject.default)(j, {
               target: attr,
               key: prop.key.name,

package/node/util/getReturnExpression.js

@@ -13,8 +13,7 @@ function getReturnExpression(node) {
     body = body.body;
   }
   if (Array.isArray(body)) {
-    var _body$find;
-    return (_body$find = body.find(statement => statement.type === 'ReturnStatement')) == null ? void 0 : _body$find.argument;
+    return body.find(statement => statement.type === 'ReturnStatement')?.argument;
   }
   return body;
 }

package/node/util/migrateToVariants.js

@@ -149,7 +149,7 @@ const getObjectToArrowFunction = j => {
  */
 exports.getObjectToArrowFunction = getObjectToArrowFunction;
 function isThemePaletteMode(node) {
-  return (node == null ? void 0 : node.type) === 'MemberExpression' && node.object.type === 'MemberExpression' && node.object.object.name === 'theme' && node.object.property.name === 'palette' && node.property.name === 'mode';
+  return node?.type === 'MemberExpression' && node.object.type === 'MemberExpression' && node.object.object.name === 'theme' && node.object.property.name === 'palette' && node.property.name === 'mode';
 }
 
 /**
@@ -189,8 +189,7 @@ function migrateToVariants(j, styles) {
       };
     }
     if (node.operator === '!') {
-      var _node$argument;
-      if (((_node$argument = node.argument) == null ? void 0 : _node$argument.operator) === '!') {
+      if (node.argument?.operator === '!') {
         return node.argument;
       }
       return j.unaryExpression('!', node);
@@ -387,8 +386,7 @@ function migrateToVariants(j, styles) {
       }
       if (data.node.type === 'SpreadElement') {
         if (data.node.argument.type === 'LogicalExpression') {
-          var _getObjectKey, _getObjectKey2;
-          const paramName = data.node.argument.left.type === 'BinaryExpression' ? (_getObjectKey = getObjectKey(data.node.argument.left.left)) == null ? void 0 : _getObjectKey.name : (_getObjectKey2 = getObjectKey(data.node.argument.left)) == null ? void 0 : _getObjectKey2.name;
+          const paramName = data.node.argument.left.type === 'BinaryExpression' ? getObjectKey(data.node.argument.left.left)?.name : getObjectKey(data.node.argument.left)?.name;
           if (paramName === 'theme' && data.node.argument.left.right.type === 'StringLiteral') {
             if (data.node.argument.right.type === 'ObjectExpression') {
               const mode = data.node.argument.left.right.value;
@@ -473,15 +471,12 @@ function migrateToVariants(j, styles) {
       }
       if (data.node.type === 'ConditionalExpression') {
         if (data.node.test.type === 'BinaryExpression' || data.node.test.type === 'UnaryExpression' || data.node.test.type === 'Identifier' || data.node.test.type === 'MemberExpression') {
-          var _getObjectKey3, _data$parentNode2, _data$node$test;
-          let leftName = (_getObjectKey3 = getObjectKey(data.node.test)) == null ? void 0 : _getObjectKey3.name;
+          let leftName = getObjectKey(data.node.test)?.name;
           if (data.node.test.left) {
-            var _getObjectKey4;
-            leftName = (_getObjectKey4 = getObjectKey(data.node.test.left)) == null ? void 0 : _getObjectKey4.name;
+            leftName = getObjectKey(data.node.test.left)?.name;
           }
           if (data.node.test.argument) {
-            var _getObjectKey5;
-            leftName = (_getObjectKey5 = getObjectKey(data.node.test.argument)) == null ? void 0 : _getObjectKey5.name;
+            leftName = getObjectKey(data.node.test.argument)?.name;
           }
           if (parameters.has(leftName) && leftName !== 'theme') {
             let props = buildProps(data.node.test);
@@ -495,7 +490,6 @@ function migrateToVariants(j, styles) {
             };
             variants.push(buildObjectAST(variant));
             if (data.node.consequent.type === 'ObjectExpression' && data.node.alternate.type === 'ObjectExpression') {
-              var _data$parentNode;
               // create another variant with inverted condition
               let props2 = buildProps(inverseBinaryExpression(data.node.test));
               if (data.props) {
@@ -507,31 +501,28 @@ function migrateToVariants(j, styles) {
                 style: styleVal2
               };
               variants.push(buildObjectAST(variant2));
-              if (((_data$parentNode = data.parentNode) == null ? void 0 : _data$parentNode.type) === 'ObjectExpression') {
+              if (data.parentNode?.type === 'ObjectExpression') {
                 removeProperty(data.parentNode, data.node);
               }
             } else {
-              var _data$replaceValue;
-              (_data$replaceValue = data.replaceValue) == null || _data$replaceValue.call(data, data.node.alternate);
+              data.replaceValue?.(data.node.alternate);
             }
           }
-          if (leftName === 'theme' && ((_data$parentNode2 = data.parentNode) == null ? void 0 : _data$parentNode2.type) === 'ObjectExpression' && ((_data$node$test = data.node.test) == null ? void 0 : _data$node$test.type) === 'BinaryExpression' && isThemePaletteMode(data.node.test.left)) {
+          if (leftName === 'theme' && data.parentNode?.type === 'ObjectExpression' && data.node.test?.type === 'BinaryExpression' && isThemePaletteMode(data.node.test.left)) {
             if (data.node.consequent.type !== 'ObjectExpression' && data.node.alternate.type !== 'ObjectExpression') {
-              var _data$replaceValue2;
               if (data.modeStyles) {
                 if (!data.modeStyles[data.node.test.right.value]) {
                   data.modeStyles[data.node.test.right.value] = [];
                 }
                 data.modeStyles[data.node.test.right.value].push(j.objectProperty(data.key, data.node.consequent));
               }
-              (_data$replaceValue2 = data.replaceValue) == null || _data$replaceValue2.call(data, data.node.alternate);
+              data.replaceValue?.(data.node.alternate);
             }
           }
         }
       }
       if (data.node.type === 'TemplateLiteral') {
-        var _data$parentNode3;
-        if (((_data$parentNode3 = data.parentNode) == null ? void 0 : _data$parentNode3.type) === 'ObjectExpression') {
+        if (data.parentNode?.type === 'ObjectExpression') {
           const modeStyles = {};
           data.node.expressions.forEach((expression, index) => {
             recurseObjectExpression({
@@ -560,10 +551,9 @@ function migrateToVariants(j, styles) {
               data.modeStyles[mode].push(j.objectProperty(data.key, clonedNode));
             });
             if (data.key) {
-              var _data$replaceValue3;
               // to remove the arrow function
               // { ...: theme => `1px solid...` } to { ...: `1px solid...` }
-              (_data$replaceValue3 = data.replaceValue) == null || _data$replaceValue3.call(data, data.node);
+              data.replaceValue?.(data.node);
             }
           }
         }
@@ -586,8 +576,7 @@ function migrateToVariants(j, styles) {
     if (style.body.type === 'ObjectExpression') {
       // Remove empty `...theme.applyStyles('...', {})`
       style.body.properties = style.body.properties.filter(prop => {
-        var _prop$argument, _prop$argument2, _prop$argument3;
-        if (((_prop$argument = prop.argument) == null || (_prop$argument = _prop$argument.callee) == null || (_prop$argument = _prop$argument.object) == null ? void 0 : _prop$argument.name) === 'theme' && typeof ((_prop$argument2 = prop.argument) == null || (_prop$argument2 = _prop$argument2.arguments[0]) == null ? void 0 : _prop$argument2.value) === 'string' && !((_prop$argument3 = prop.argument) != null && (_prop$argument3 = _prop$argument3.arguments) != null && (_prop$argument3 = _prop$argument3[1]) != null && (_prop$argument3 = _prop$argument3.properties) != null && _prop$argument3.length)) {
+        if (prop.argument?.callee?.object?.name === 'theme' && typeof prop.argument?.arguments[0]?.value === 'string' && !prop.argument?.arguments?.[1]?.properties?.length) {
           return false;
         }
         return true;

package/node/util/propsToObject.js

@@ -40,13 +40,9 @@ function propsToObject({
         }
       });
       if (propValue.length > 0) {
-        const propNameAttr = attributes.find(attr => {
-          var _attr$name;
-          return (attr == null || (_attr$name = attr.name) == null ? void 0 : _attr$name.name) === propName;
-        });
+        const propNameAttr = attributes.find(attr => attr?.name?.name === propName);
         if (propNameAttr) {
-          var _propNameAttr$value$e;
-          (((_propNameAttr$value$e = propNameAttr.value.expression) == null ? void 0 : _propNameAttr$value$e.properties) || []).push(...j.objectExpression(propValue).properties);
+          (propNameAttr.value.expression?.properties || []).push(...j.objectExpression(propValue).properties);
         } else {
           attributes.push(j.jsxAttribute(j.jsxIdentifier(propName), j.jsxExpressionContainer(j.objectExpression(propValue))));
         }

package/node/util/renameClassKey.js

@@ -13,8 +13,7 @@ function renameClassKey({
   const source = root.findJSXElements(componentName).forEach(path => {
     path.node.openingElement.attributes.forEach(node => {
       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 (Object.keys(classes).includes(subNode.key.name)) {
             subNode.key.name = classes[subNode.key.name];
           }

package/node/v5.0.0/avatar-circle-circular.js

@@ -13,13 +13,11 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   const source = j(file.source).findJSXElements('Avatar').forEach(path => {
     path.node.openingElement.attributes.forEach(node => {
-      var _node$value$expressio;
-      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'circle' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'circle')) {
+      if (node.type === 'JSXAttribute' && node.name.name === 'variant' && (node.value.value === 'circle' || node.value.expression?.value === 'circle')) {
         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 || (_node$value = _node$value.properties) == null || _node$value.forEach(subNode => {
+        node.value?.expression?.properties?.forEach(subNode => {
           if (subNode.key.name === 'circle') {
             subNode.key.name = 'circular';
           }

package/node/v5.0.0/badge-overlap-value.js

@@ -13,18 +13,15 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions;
   const source = j(file.source).findJSXElements('Badge').forEach(path => {
     path.node.openingElement.attributes.forEach(node => {
-      var _node$value;
       if (node.type === 'JSXAttribute' && node.name.name === 'overlap') {
-        var _node$value$expressio, _node$value$expressio2;
-        if (node.value.value === 'circle' || ((_node$value$expressio = node.value.expression) == null ? void 0 : _node$value$expressio.value) === 'circle') {
+        if (node.value.value === 'circle' || node.value.expression?.value === 'circle') {
           node.value = j.literal('circular');
-        } else if (node.value.value === 'rectangle' || ((_node$value$expressio2 = node.value.expression) == null ? void 0 : _node$value$expressio2.value) === 'rectangle') {
+        } else if (node.value.value === 'rectangle' || node.value.expression?.value === 'rectangle') {
           node.value = j.literal('rectangular');
         }
       }
-      if (node.type === 'JSXAttribute' && node.name.name === 'classes' && Array.isArray((_node$value = node.value) == null || (_node$value = _node$value.expression) == null ? void 0 : _node$value.properties)) {
-        var _node$value2;
-        (_node$value2 = node.value) == null || (_node$value2 = _node$value2.expression) == null || (_node$value2 = _node$value2.properties) == null || _node$value2.forEach(subNode => {
+      if (node.type === 'JSXAttribute' && node.name.name === 'classes' && Array.isArray(node.value?.expression?.properties)) {
+        node.value?.expression?.properties?.forEach(subNode => {
           if (subNode.key) {
             if (subNode.key.name.endsWith('Circle')) {
               subNode.key.name = subNode.key.name.replace('Circle', 'Circular');

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

@@ -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-unstyled-suffix.js

@@ -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-rename-components-to-slots.js

@@ -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

@@ -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

@@ -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/button-color-prop.js

@@ -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

@@ -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

@@ -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/fab-variant.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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'));
             }