react-styleguidist/lib/client/utils/getComponent.js

React components style guide generator

import "core-js/modules/es.object.keys";

function isDefaultExport(module) {
  return !!module.default;
}
/**
 * Given a component module and a name,
 * return the appropriate export.
 * See /docs/Components.md
 */


export default function getComponent(module, name) {
  //
  // If the module defines a default export, return that
  // e.g.
  //
  // ```
  // export default function Component() { ... }
  // ```
  //
  if (isDefaultExport(module)) {
    return module.default;
  } // If it is a CommonJS module which exports a function, return that
  // e.g.
  //
  // ```
  // function Component() { ... }
  // module.exports = Component;
  // ```
  //


  if (!module.__esModule && typeof module === 'function') {
    return module;
  } // If the module exports just one named export, return that
  // e.g.
  //
  // ```
  // export function Component() { ... }
  // ```
  //


  var namedExports = Object.keys(module);

  if (namedExports.length === 1) {
    return module[namedExports[0]];
  } // If the module exports a named export with the same name as the
  // understood Component identifier, return that
  // e.g.
  //
  // ```
  // // /component.js
  // export function someUtil() { ... }
  // export Component() { ... } // if identifier is Component, return this named export
  // ```
  //
  // Else return the module itself
  //


  return (name ? module[name] : undefined) || module;
}