// proptypes.js

import React from 'react';

export const stepData = React.PropTypes.arrayOf(
  React.PropTypes.shape({
    title: React.PropTypes.string.isRequired,
    date: React.PropTypes.string.isRequired,
    filename: React.PropTypes.string.isRequired,
    colourAnalytics: React.PropTypes.arrayOf(
      React.PropTypes.shape(
        {
          name: React.PropTypes.string.isRequired,
          value: React.PropTypes.arrayOf(
            React.PropTypes.string,
          ),
        },
      ),
    ),
  }),
);

export const filterFilters = React.PropTypes.arrayOf(
  React.PropTypes.string.isRequired,
);

export const filter = React.PropTypes.shape(
  {
    date: React.PropTypes.string,
    filters: filterFilters,
  },
);

export const step = React.PropTypes.shape(
  {
    data: stepData,
    date: React.PropTypes.number.isRequired,
    filters: filter,
  },
);

// ExampleComponent.js

import * as PropTypes from '../proptypes';

ExampleComponent.propTypes = {
  step: PropTypes.step,
};