JavaScript react-immutable-proptypes recordOf Examples

Example #1

File: ShowsList.js Project: benghaziboy/the_list_scraper

      const venuesFilter = filter.get('venues');
      const bandsFilter = filter.get('bands');
      const showsByDate = buildShowItemsByDate(items, venuesFilter, bandsFilter);

      return (
        <div className={styles.root}>
          {Object.keys(showsByDate).map((date)=>{
              const shows = showsByDate[date];
              return (
                <div key={date}>

                <div className={styles.date}><b>{moment(date).format('MMMM Do, YYYY')}</b></div>

                <div className={styles.shows}>
                  {shows.map((show)=>
                        <ShowItem key={show.id} show={show} date={date} actions={actions}/>
                  )}
                </div>

              </div>);
          })}
        </div>
      );
  }
}

ShowsList.propTypes = {
    items: ImmutablePropTypes.listOf(ImmutablePropTypes.recordOf(Item)).isRequired,
    filter: ImmutablePropTypes.recordOf(Filter),
};

Example #2

File: types.js Project: shinima/popstar

import React from 'react'
import ImmutablePropTypes from 'react-immutable-proptypes'
import { Record } from 'immutable'

export const Point = Record({
  x: 0,
  y: 0,
})
Point.propTypes = ImmutablePropTypes.recordOf({
  x: React.PropTypes.number.isRequired,
  y: React.PropTypes.number.isRequired,
})

Example #3

File: flowdesigner.proptypes.js Project: acateland/react-flow-designer

import PropTypes from 'prop-types';
import { recordOf } from 'react-immutable-proptypes';

export const NodeType = recordOf({
	id: PropTypes.string.isRequired,
	position: recordOf({
		x: PropTypes.number.isRequired,
		y: PropTypes.number.isRequired,
	}),
});

export const PortType = recordOf({
	id: PropTypes.string.isRequired,
	nodeId: PropTypes.string.isRequired,
	position: recordOf({
		x: PropTypes.number.isRequired,
		y: PropTypes.number.isRequired,
	}),
});

export const LinkType = recordOf({
	id: PropTypes.string.isRequired,
	sourceId: PropTypes.string.isRequired,
	targetId: PropTypes.string.isRequired,
});

Example #4

File: LoginModal.js Project: benghaziboy/the_list_scraper

              </Modal.Header>
              <Modal.Body>
                <div className={styles.loginButton}>
                  <Button bsStyle="info" bsSize="large">
                    Login / Register
                  </Button>
                </div>
                <div className={styles.loginButton}>
                  <Button bsStyle="danger" bsSize="large" href="/api/auth/google/redirect">
                    <i className="fa fa-google"/>
                    <span className={styles.buttonTextWithIcon}>Login with Google</span>
                  </Button>
                </div>
                <div className={styles.loginButton}>
                  <Button bsStyle="primary" bsSize="large">
                    <i className="fa fa-facebook"/>
                    <span className={styles.buttonTextWithIcon}>Login with Facebook</span>
                  </Button>
                </div>
              </Modal.Body>

            </Modal>
      );
  }
}

LoginModal.propTypes = {
    actions: PropTypes.object.isRequired,
    application: ImmutablePropTypes.recordOf(Application).isRequired,
};

Example #5

File: index.js Project: ajinkyakulkarni/debugger.html

  enableBreakpoint: PropTypes.func.isRequired,
  removeBreakpoint: PropTypes.func.isRequired,
  setBreakpointCondition: PropTypes.func.isRequired,
  selectSource: PropTypes.func,
  jumpToMappedLocation: PropTypes.func,
  toggleBlackBox: PropTypes.func,
  showSource: PropTypes.func,
  coverageOn: PropTypes.bool,
  pauseData: PropTypes.object,
  selectedFrame: PropTypes.object,
  addExpression: PropTypes.func.isRequired,
  horizontal: PropTypes.bool,
  query: PropTypes.string.isRequired,
  searchModifiers: ImPropTypes.recordOf({
    caseSensitive: PropTypes.bool.isRequired,
    regexMatch: PropTypes.bool.isRequired,
    wholeWord: PropTypes.bool.isRequired
  }).isRequired,
  startPanelSize: PropTypes.number,
  endPanelSize: PropTypes.number,
  linesInScope: PropTypes.array,
  toggleBreakpoint: PropTypes.func.isRequired,
  addOrToggleDisabledBreakpoint: PropTypes.func.isRequired,
  toggleDisabledBreakpoint: PropTypes.func.isRequired,
  conditionalBreakpointPanel: PropTypes.number,
  toggleConditionalBreakpointPanel: PropTypes.func.isRequired,
  isEmptyLine: PropTypes.func,
  continueToHere: PropTypes.func,
  getFunctionText: PropTypes.func
};