Proptype enforcement decorator

withEnforcedProps.js

import React, {
  PureComponent
} from 'react'

export default ComposedComponent => {
  return class EnforcedPropTypesComponent extends PureComponent {

    // Expose the composed component's propTypes at the decorator level
    static propTypes = ComposedComponent.propTypes

    // Determine whether or not the component's propTypes interface is fulfilled
    shouldRender = () => {
      // See `node_modules/prop-types/checkPropTypes` for more info
      for (var typeSpecName in ComposedComponent.propTypes) {
        const typeSpec = ComposedComponent.propTypes[typeSpecName]
        if (ComposedComponent.propTypes.hasOwnProperty(typeSpecName)) {
          try {
            const error = typeSpec(this.props, typeSpecName, ComposedComponent.name)
            if (error) {
              if (process.env.NODE_ENV !== 'production') {
                console.info(`Will not render ${ComposedComponent.name}`, error)
              }
              return false
            }
          } catch(e) {
            if (process.env.NODE_ENV !== 'production') {
              console.error(`Will not render ${ComposedComponent.name}`, e)
            }
            return false
          }
        }
      }
      return true
    }

    render() {
      return this.shouldRender() ? (
        <ComposedComponent { ...this.props } />
      ) : null
    }

  }
}

Brilliant utility. Does this take into consideration the Props that are not required, or does it enforces all props?

Brilliant utility. Does this take into consideration the Props that are not required, or does it enforces all props?

lol whoops. Only 2 years late 😅

IIRC, it should respect the isRequired and its inverse, yes.