Convert jsx arrays

jsx-array.js

'use strict';

module.exports = function(file, api, options) {
  const j = api.jscodeshift;
  const root = j(file.source);
  const ReactUtils = require('./utils/ReactUtils')(j);

  function makeSafe(node) {
    if (node.type !== 'JSXElement') {
      return j.jsxExpressionContainer(node);
    }
    return node;
  }

  function convertArray(node) {
    if (node.parentPath.value.type === 'JSXAttribute') {
      return node.value;
    }
    const {elements} = node.value.expression;
    return elements.map(makeSafe);
  }

  if (
    options['explicit-require'] === false ||
    ReactUtils.hasReact(root)
  ) {
    const mutations = root
      .find(j.JSXExpressionContainer, {
        expression: {
          type: 'ArrayExpression',
        },
      })
      .replaceWith(convertArray)
      .size();
    
    if (mutations) {
      return root.toSource();
    }
  }

  return null;
};