wix-style-react/src/utils/propTypes.js

wix-style-react

import PropTypes from 'prop-types';

/**
 * This is a workaround for AutoDocs, so we can apply custom propTypes validators with side-effects, and not affect the generated prop type.
 * If we had support for writing JSDoc for props with a `@type` tag, then we wouldn't need this.
 */
export function extendPropTypes(Component, propTypes) {
  Component.propTypes = { ...Component.propTypes, ...propTypes };
}

/**
 * Runs all validators.
 */
export function allValidators(...validators) {
  return (props, propName, componentName) => {
    validators.forEach(validator => {
      PropTypes.checkPropTypes(
        { [propName]: validator },
        props,
        propName,
        componentName,
      );
    });
  };
}