@mapbox/svg-react-transformer/lib/templates/default.js

Transform SVG into JSX or React component modules

'use strict';

module.exports = data => {
  let propTypesRequire = '';
  let propTypes = '';
  let defaultProps = '';
  if (data.propTypes !== undefined) {
    propTypesRequire = `const PropTypes = require('prop-types');\n`;
    propTypes = `\n${data.name}.propTypes = ${data.propTypes}\n`;
  }
  if (data.defaultProps !== undefined) {
    defaultProps = `\n${data.name}.defaultProps = ${data.defaultProps}\n`;
  }
  const jsxSvgWithProps = data.jsxSvg.replace(
    /<svg([\s\S]*?)>/,
    (match, group) => `<svg${group} {...this.props}>`
  );
  const js = `
    'use strict';
    const React = require('react');
    ${propTypesRequire}
    class ${data.name} extends React.PureComponent {
      render() { return ${jsxSvgWithProps}; }
    }
    ${propTypes}${defaultProps}
    module.exports = ${data.name};
  `;
  return js;
};