prop-types#PropTypes JavaScript Examples

PatientPage.propTypes = {
  patient_id: PropTypes.string,
  current_user: PropTypes.object,
  patient: PropTypes.object,
  group_members: PropTypes.array,
  dashboardUrl: PropTypes.string,
  authenticity_token: PropTypes.string,
  patient_submission_token: PropTypes.string,
  canAddAssessments: PropTypes.bool,
  hideBody: PropTypes.bool,
  jurisdictionPath: PropTypes.string,
};

ScrollBar.propTypes = {
  children: PropTypes.node.isRequired,
  className: PropTypes.string,
  style: PropTypes.object,
  option: PropTypes.object,
  options: PropTypes.object,
  containerRef: PropTypes.func,
  onScrollY: PropTypes.func,
  onScrollX: PropTypes.func,
  onScrollUp: PropTypes.func,
  onScrollDown: PropTypes.func,
  onScrollLeft: PropTypes.func,
  onScrollRight: PropTypes.func,
  onYReachStart: PropTypes.func,
  onYReachEnd: PropTypes.func,
  onXReachStart: PropTypes.func,
  onXReachEnd: PropTypes.func,
  onSync: PropTypes.func,
  component: PropTypes.string,
};

DialogBox.propTypes = {
  open: PropTypes.bool.isRequired,
  handleClose: PropTypes.func.isRequired,
  handleClick: PropTypes.func,
  handleDelete: PropTypes.func,
  // eslint-disable-next-line react/forbid-prop-types
  selectedRow: PropTypes.object,
  number: PropTypes.string.isRequired,
};

Sidebar.propTypes = {
  // links that will be displayed inside the component
  routes: PropTypes.arrayOf(PropTypes.object),
  logo: PropTypes.shape({
    // innerLink is for links that will direct the user within the app
    // it will be rendered as <Link to="...">...</Link> tag
    innerLink: PropTypes.string,
    // outterLink is for links that will direct the user outside the app
    // it will be rendered as simple <a href="...">...</a> tag
    outterLink: PropTypes.string,
    // the image src of the logo
    imgSrc: PropTypes.string.isRequired,
    // the alt for the img
    imgAlt: PropTypes.string.isRequired
  })
};

propTypes = {
  classes: PropTypes.object.isRequired,
  description: PropTypes.string.isRequired,
  image: PropTypes.string.isRequired,
  isLocked: PropTypes.bool.isRequired,
  messages: PropTypes.object.isRequired,
  onClick: PropTypes.func.isRequired,
  title: PropTypes.string.isRequired,
  waitingTime: PropTypes.number.isRequired,
}

Patient.propTypes = {
  patient: PropTypes.object,
  group_members: PropTypes.array,
  details: PropTypes.object,
  jurisdictionPath: PropTypes.string,
  goto: PropTypes.func,
  hideBody: PropTypes.bool,
};

/**
 * Higher order component that waits for the subscriptions.
 * @param WrappedComponent {React.Component} the wrapped component.
 * @return {React.Component} The WrappedComponent with subscriptions.
 * @memberOf ui/layouts
 */
function withAllSubscriptions(WrappedComponent) {
  const AllSubscriptionsHOC = (props) => ((props.loading) ? (
              <Loader active>Getting data.</Loader>
          ) :
          <WrappedComponent {...props} />
  );
  AllSubscriptionsHOC.propTypes = {
    loading: PropTypes.bool,
  };

  return withTracker(() => {
    const handles = [
      allSubs.subscribe(Administrators.getCollectionName()),
      allSubs.subscribe(Challenges.getCollectionName()),
      allSubs.subscribe(ChallengeInterests.getCollectionName()),
      allSubs.subscribe(ParticipantChallenges.getCollectionName()),
      allSubs.subscribe(ParticipantInterests.getCollectionName()),
      allSubs.subscribe(ParticipantSkills.getCollectionName()),
      allSubs.subscribe(Participants.getCollectionName()),
      allSubs.subscribe(ParticipantTools.getCollectionName()),
      allSubs.subscribe(Interests.getCollectionName()),
      allSubs.subscribe(Skills.getCollectionName()),
      allSubs.subscribe(Slugs.getCollectionName()),
      allSubs.subscribe(TeamChallenges.getCollectionName()),
      allSubs.subscribe(TeamParticipants.getCollectionName()),
      allSubs.subscribe(Teams.getCollectionName()),
      allSubs.subscribe(TeamSkills.getCollectionName()),
      allSubs.subscribe(TeamTools.getCollectionName()),
      allSubs.subscribe(Tools.getCollectionName()),
      allSubs.subscribe(TeamInvitations.getCollectionName()),
      allSubs.subscribe(Suggestions.getCollectionName()),
      allSubs.subscribe(WantsToJoin.getCollectionName()),
      allSubs.subscribe(CanCreateTeams.getCollectionName()),
      allSubs.subscribe(CanChangeChallenges.getCollectionName()),
      allSubs.subscribe(MinorParticipants.getCollectionName()),
    ];
    const loading = handles.some((handle) => !handle.ready());
    return {
      loading,
    };

  })(AllSubscriptionsHOC);
}

Mallki.propTypes = {
  className: PropTypes.string,
  text: PropTypes.string,
};

AdminRoute.propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.element.isRequired,
    PropTypes.arrayOf(PropTypes.element).isRequired,
  ]).isRequired,
  path: PropTypes.string.isRequired,
};

ContextProvider.propTypes = {
  // How to handle URL hash storage
  pathFilter: PropTypes.string.isRequired,
  paramsFilter: PropTypes.func.isRequired,
  paramsToString: PropTypes.func.isRequired
}

UserProfile.propTypes = {
  classes: PropTypes.object.isRequired,
};

ChoiceComponent.propTypes = {
  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
  value: PropTypes.string.isRequired,
  checked: PropTypes.bool,
  defaultChecked: PropTypes.bool,
  hint: PropTypes.string,
  onChange: PropTypes.func,
};

Landing.propTypes = {
  auth: PropTypes.object.isRequired
};

App.propTypes = {
  consumer: PropTypes.bool,
  producer: PropTypes.bool,
  className: PropTypes.string,
  websocketFactory: PropTypes.func.isRequired,
};

OrderDocumentRequest.propTypes = {
  orderId: PropTypes.object,
};

ConstructorListBasePrice.propTypes = {
  expanded: PropTypes.string,
  handleChange: PropTypes.func,
  setBasePriceToAdd: PropTypes.func,
  basePriceToAdd: PropTypes.number
};

HomeScreen.propTypes = {
	token: PropTypes.string,
	loading: PropTypes.bool
};