prop-types#arrayOf JavaScript Examples

BaseAccordion.propTypes = {
  headerCount: number.isRequired,
  resourceIds: arrayOf(string.isRequired).isRequired,
  activeCollectionId: string.isRequired,
  headerLabel: string.isRequired,
  fromDetailsPanel: bool,
  fromDateAccordion: bool,
  maxRecordsCount: number,
  fromTimeSavedAccordion: bool,
};

studentGroupShape = {
  id: number.isRequired,
  courseId: number.isRequired,
  name: string.isRequired,
  startDate: string.isRequired,
  finishDate: string.isRequired,
  studentIds: arrayOf(number).isRequired,
  mentorIds: arrayOf(number).isRequired,
}

color = oneOfType([
  shape({
    css: shape({
      // TODO
    }),
    value: number,
    hex: string,
    raw: oneOfType([string, array, number, shape]),
    name: string,
    alpha: number,
    rgb: arrayOf(number),
    hsv: arrayOf(number),
    hsl: arrayOf(number),
  }),
  string,
  number,
])

propTypes = {
    puppeteer: {
        children: node,
        props: shape({}),
        namespace: string,
    },
    break: {
        children: node,
        props: arrayOf(string),
        namespace: string,
    },
}

blockHashType = shape({
  blockhash: string,
  blocknum: number,
  channelname: string,
  creatdt: string,
  datahash: string,
  prehash: string,
  txcount: number,
  txhash: arrayOf(string)
})

TableToolbar.propTypes = {
  rowSizeList: arrayOf(PropTypes.number),
  rowSize: PropTypes.number.isRequired,
  page: PropTypes.number.isRequired,
  count: PropTypes.number.isRequired,
  onRowSizeChange: PropTypes.func.isRequired,
  onPreviousPageClick: PropTypes.func.isRequired,
  onNextPageClick: PropTypes.func.isRequired,
  borderBottom: PropTypes.bool,
  borderTop: PropTypes.bool
};

chartDataType = shape({
  dataMax: number.isRequired,
  displayData: arrayOf(
    shape({
      count: string,
      datetime: string
    })
  ).isRequired
})

CollectionsDialog.propTypes = {
  collectionsDialogText: shape({}).isRequired,
  setCollectionsDialogText: func.isRequired,
  collectionId: string,
  collectionLabel: string,
  deleteCollectionAction: func.isRequired,
  renameCollectionAction: func.isRequired,
  duplicateCollectionAction: func.isRequired,
  collectionsLabels: arrayOf(string.isRequired).isRequired,
  createCollectionAction: func.isRequired,
};

channelsType = arrayOf(
  shape({
    blocks: number,
    channel_hash: string,
    channelname: string,
    createdat: string,
    channel_genesis_hash: string,
    id: number,
    transactions: number
  })
)

CollectionIcon.propTypes = {
  collectionId: string.isRequired,
  resourceIds: arrayOf(string.isRequired).isRequired,
  showCount: bool.isRequired,
  addResourceToCollectionAction: func.isRequired,
  removeResourceFromCollectionAction: func.isRequired,
  collectionResourceIds: shape({}).isRequired,
  showCollectionOnly: bool.isRequired,
};

ProfileType = {
  about: string.isRequired,
  budget: shape({
    currency: string.isRequired,
    default: number.isRequired,
    max: number.isRequired,
    min: number.isRequired,
  }).isRequired,
  company: string.isRequired,
  focus: string.isRequired,
  focus_url: string,
  for_hire: bool.isRequired,
  image: shape({
    childImageSharp: object.isRequired,
    publicURL: string.isRequired,
  }),
  initials: string.isRequired,
  location: string.isRequired,
  name: string.isRequired,
  profession: string.isRequired,
  relocation: bool.isRequired,
  skills: arrayOf(string).isRequired,
  tools: arrayOf(string).isRequired,
}

LeadType = shape({
  id: number.isRequired,
  person: shape({
    first_name: string.isRequired,
    last_name: string.isRequired,
    phone: string.isRequired,
    city: string.isRequired,
    state: string.isRequired,
  }),
  created_at: string.isRequired,
  expired_at: string,
  status: oneOf(LEAD_STATUSES),
  vol_prospect_contact_events: arrayOf(VolProspectContactEventType),
})

Slider.propTypes = {
  /** Allows the slider's handles to cross. */
  allowCross: PropTypes.bool,
  dataHook: PropTypes.string,

  /** Controls the visibility of the marks. */
  displayMarks: PropTypes.bool,

  /** Controls visibility of slide handle tooltip */
  displayTooltip: PropTypes.bool,
  id: PropTypes.string,

  /** The absolute maximum of the slider's range */
  max: PropTypes.number,

  /** The absolute minimum of the slider's range */
  min: PropTypes.number,

  /** Called after every value change */
  onAfterChange: PropTypes.func,

  /** Called upon every value change */
  onChange: PropTypes.func.isRequired,

  /** Adjust for RTL dir. */
  rtl: PropTypes.bool,

  /** The slider's step */
  step: PropTypes.number,

  /** Allow pushing of surrounding handles when moving a handle. Number means a minimum distance between handles */
  pushable: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),

  /** The slider's selected range */
  value: oneOfType([arrayOf(PropTypes.number), number]),

  /** Make it disabled */
  disabled: PropTypes.bool,
};

DrinkResults.propTypes = {
  drinks: PropTypes.arrayOf(
    PropTypes.shape({
      idDrink: PropTypes.string.isRequired,
      strDrinkThumb: PropTypes.string.isRequired,
      strDrink: PropTypes.string.isRequired,
      strInstructions: PropTypes.string.isRequired
    })
  ).isRequired
}

studentGroupShape = {
  id: number.isRequired,
  courseId: number.isRequired,
  name: string.isRequired,
  startDate: string.isRequired,
  finishDate: string.isRequired,
  studentIds: arrayOf(number).isRequired,
  mentorIds: arrayOf(number).isRequired,
}

nodeDetailsType = shape({
  lastUpdate: number.isRequired,
  pubKey: string.isRequired,
  alias: string.isRequired,
  color: string.isRequired,
  addresses: arrayOf(addressType),
  numChannels: number.isRequired,
  totalCapacity: number.isRequired,
  remoteChannels: arrayOf(remoteChannelType),
  channels: arrayOf(channelType),
  pendingChannels: arrayOf(pendingChannelType),
  peer: peerType
})

MobilizeEventType = shape({
  tags: arrayOf(
    shape({
      id: number,
      name: string,
    })
  ),
  event_type: string,
  browser_url: string,
  description: string,
  title: string,
  high_priority: bool,
  timeslots: arrayOf(MobilizeTimeslotType),
  id: number,
  timezone: string,
  location: MobilizeLocationType,
})

ShareDialog.propTypes = {
  open: bool.isRequired,
  filters: arrayOf(number).isRequired,
  onClose: func.isRequired,
};

BaseSegmentControl.propTypes = {
  enabled: bool.isRequired,
  values: arrayOf(string.isRequired).isRequired,
  selectedIndex: number.isRequired,
  onChange: func.isRequired,
  activeColor: string,
  activeFontColor: string,
};

PatternRow.propTypes = {
  pattern: arrayOf(arrayOf(number)).isRequired,
  name: string.isRequired,
  onClick: func,
  open: bool,
};

DateAccordionsContainer.propTypes = {
  savedRecordsByRecordDate: arrayOf(shape({}).isRequired).isRequired,
  fromDetailsPanel: bool.isRequired,
};

DataRows.propTypes = {
  patterns: arrayOf(arrayOf(arrayOf(number))),
  minMaxPattern: arrayOf(arrayOf(number)),
  quantiles: arrayOf(arrayOf(number)),
  filters: arrayOf(number),
  expanded: bool,
};

OBNavigation.propTypes = {
  isFirstScreen: bool,
  isLastScreen: bool,
  dotNav: arrayOf(number.isRequired),
  handlePressBack: func.isRequired,
  handlePressNext: func.isRequired,
  handleOnboardingState: func.isRequired,
};

FilterDropdown.propTypes = {
  label: string,
  filters: arrayOf(string),
  handleSelected: func,
  selected: arrayOf(string),
}

EncounterCardBody.propTypes = {
  resource: shape({}).isRequired,
  serviceProvider: shape({}).isRequired,
  participants: arrayOf(shape({})).isRequired,
};

Forecaster.propTypes = {
  filter: arrayOf(number).isRequired,
};

studentGroupsStateShape = {
  error: string.isRequired,
  isLoading: bool.isRequired,
  isLoaded: bool.isRequired,
  studentGroups: oneOfType([arrayOf(shape(studentGroupShape)), arrayOf(undefined)]).isRequired,
  studentGroupById: oneOfType([shape(studentGroupShape), object]).isRequired,
}

inputFormats = arrayOf(string)

coursesStateShape = {
  error: string.isRequired,
  isLoading: bool.isRequired,
  loaded: bool.isRequired,
  data: oneOfType([arrayOf(shape(courseShape)), arrayOf(undefined)]).isRequired,
}