render() { return ( <Layer> <Ship image={this.props.image} animations={this.props.animations} x={this.state.playerX} y={this.state.playerY} velX={this.state.playerVelX} maxSpeed={this.props.shipMaxSpeed}/> </Layer> ); } } Game.propTypes = { image: React.PropTypes.objectOf(Image).isRequired, animations: React.PropTypes.object.isRequired, shipMaxSpeed: React.PropTypes.number, shipAcceleration: React.PropTypes.number, shipHeight: React.PropTypes.number, shipWidth: React.PropTypes.number, height: React.PropTypes.number, width: React.PropTypes.number }; Game.defaultProps = { shipMaxSpeed: 300, shipAcceleration: 300, shipHeight: 191, shipWidth: 95 };
); }) }</div> <div className="row"> <p className="col-xs-2 col-xs-offset-10 array-item-add text-right"> <button type="button" className="btn btn-info col-xs-12" tabIndex="-1" onClick={this.onAddClick}>Add</button> </p> </div> </fieldset> ); } } if (process.env.NODE_ENV !== "production") { ArrayField.propTypes = { schema: PropTypes.object.isRequired, uiSchema: PropTypes.object, idSchema: PropTypes.object, errorSchema: PropTypes.object, onChange: PropTypes.func.isRequired, formData: PropTypes.array, registry: PropTypes.shape({ widgets: PropTypes.objectOf(PropTypes.func).isRequired, fields: PropTypes.objectOf(PropTypes.func).isRequired, }) }; } export default ArrayField;
return ( <div {...otherProps} className={this.props.cssClass} dangerouslySetInnerHTML={{__html: content}} /> ); } } Template.propTypes = { cssClass: React.PropTypes.string, data: React.PropTypes.object, templateKey: React.PropTypes.string, templates: React.PropTypes.objectOf(React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.func ])), templatesConfig: React.PropTypes.shape({ helpers: React.PropTypes.objectOf(React.PropTypes.func), // https://github.com/twitter/hogan.js/#compilation-options compileOptions: React.PropTypes.shape({ asString: React.PropTypes.bool, sectionTags: React.PropTypes.arrayOf(React.PropTypes.shape({ o: React.PropTypes.string, c: React.PropTypes.string })), delimiters: React.PropTypes.string, disableLambda: React.PropTypes.bool }) }), transformData: React.PropTypes.oneOfType([
</div> } </div> } {this.state.mobile && <FilterComponent category={this.state.category} mobile={this.state.mobile} />} <div className="gear-item-box"> {this.state.gearItemChildren} </div> </div> ); } } CategoryComponent.propTypes = { params: PropTypes.objectOf(PropTypes.string), actions: PropTypes.objectOf(PropTypes.func).isRequired, }; function mapStateToProps(state) { return { gearItems: state.itemsByCategory, }; } function mapDispatchToProps(dispatch) { return { actions: bindActionCreators(itemActions, dispatch), }; }
import React, { PropTypes as T, Children } from 'react'; export default function Toggler(props) { const { children, hide, pattern, ...rest } = props; if (hide) return null; const childs = pattern ? Children.toArray(children).filter((c, i) => pattern[i]) : children; return <div {...rest}>{childs}</div>; } Toggler.propTypes = { hide: T.bool, pattern: T.oneOfType([T.arrayOf(T.bool), T.objectOf(T.bool)]) }; Toggler.defaultProps = { className: 'react-toggler' };
* @property {Function} ariaControls * @property {Function} classNames * @property {Function} defaultValue * @property {Function} disabled * @property {Function} maxValue * @property {Function} minValue * @property {Function} name * @property {Function} onChange * @property {Function} onChangeComplete * @property {Function} step * @property {Function} value */ InputRange.propTypes = { ariaLabelledby: React.PropTypes.string, ariaControls: React.PropTypes.string, classNames: React.PropTypes.objectOf(React.PropTypes.string), defaultValue: maxMinValuePropType, disabled: React.PropTypes.bool, maxValue: maxMinValuePropType, minValue: maxMinValuePropType, name: React.PropTypes.string, onChange: React.PropTypes.func.isRequired, onChangeComplete: React.PropTypes.func, step: React.PropTypes.number, value: maxMinValuePropType, }; /** * Default props of InputRange * @static {Object} * @property {Object.<string, string>} defaultClassNames
</div> <a className={leftButtonClass} ref="ChevronLeftButton" onClick={this.handleLeftButtonClick}> <Icon {...this.props} icon="left"/> </a> <a className={rightButtonClass} ref="ChevronRightButton" onClick={this.handleRightButtonClick}> <Icon {...this.props} icon="right"/> </a> </div> ); } }); DiscoveryPanel.propTypes = { responsiveView: React.PropTypes.string, videosPerPage: React.PropTypes.objectOf(React.PropTypes.number), discoveryData: React.PropTypes.shape({ relatedVideos: React.PropTypes.arrayOf(React.PropTypes.shape({ preview_image_url: React.PropTypes.string, name: React.PropTypes.string })) }), skinConfig: React.PropTypes.shape({ discoveryScreen: React.PropTypes.shape({ showCountDownTimerOnEndScreen: React.PropTypes.bool, countDownTime: React.PropTypes.string, contentTitle: React.PropTypes.shape({ show: React.PropTypes.bool }) }), icons: React.PropTypes.objectOf(React.PropTypes.object)
if (widget) { var _Widget = (0, _utils.getAlternativeWidget)(schema, widget, widgets); return _react2.default.createElement(_Widget, _extends({}, commonProps, { placeholder: placeholder })); } return _react2.default.createElement(_TextWidget2.default, _extends({}, commonProps, { placeholder: placeholder })); } if (process.env.NODE_ENV !== "production") { StringField.propTypes = { schema: _react.PropTypes.object.isRequired, uiSchema: _react.PropTypes.object.isRequired, idSchema: _react.PropTypes.object, onChange: _react.PropTypes.func.isRequired, formData: _react.PropTypes.oneOfType([_react2.default.PropTypes.string, _react2.default.PropTypes.number]), registry: _react.PropTypes.shape({ widgets: _react.PropTypes.objectOf(_react.PropTypes.oneOfType([_react.PropTypes.func, _react.PropTypes.object])).isRequired, fields: _react.PropTypes.objectOf(_react.PropTypes.func).isRequired, definitions: _react.PropTypes.object.isRequired }), required: _react.PropTypes.bool, disabled: _react.PropTypes.bool, readonly: _react.PropTypes.bool }; } StringField.defaultProps = { uiSchema: {}, registry: (0, _utils.getDefaultRegistry)(), disabled: false, readonly: false };
editorOptions: PropTypes.object, editorListeners: PropTypes.shape({ property: PropTypes.string.isRequired, handler: PropTypes.string.isRequired, handlerOptions: PropTypes.object }) }) }) }); export const nodeType = PropTypes.shape({ constraints: PropTypes.shape({ nodeTypes: PropTypes.object.isRequired }), label: PropTypes.string.isRequired, properties: PropTypes.objectOf(propertyDefinition).isRequired, superTypes: PropTypes.objectOf(PropTypes.bool), ui: PropTypes.shape({ label: PropTypes.string, help: PropTypes.object, icon: PropTypes.string, group: PropTypes.string, position: PropTypes.number, inspector: PropTypes.shape({ tabs: PropTypes.shape({ label: PropTypes.string, icon: PropTypes.string, position: PropTypes.number }), groups: PropTypes.shape({ label: PropTypes.string,
text: React.PropTypes.string.isRequired, date: React.PropTypes.string.isRequired, editing: React.PropTypes.bool, }).isRequired; export const HydratedRoomPropType = React.PropTypes.shape({ guid: React.PropTypes.string.isRequired, type: React.PropTypes.oneOf(['public', 'private']).isRequired, name: React.PropTypes.string.isRequired, members: React.PropTypes.arrayOf(React.PropTypes.string.isRequired).isRequired, messages: React.PropTypes.arrayOf(HydratedMessagePropType).isRequired, }).isRequired; export const DryDataPropType = React.PropTypes.shape({ loggedUser: DryLoggedUserPropType, user: React.PropTypes.objectOf(DryUserPropType), message: React.PropTypes.objectOf(DryMessagePropType), channel: React.PropTypes.objectOf(DryChannelPropType), }).isRequired; export const HydratedDataPropType = React.PropTypes.shape({ loggedUser: DryLoggedUserPropType, user: React.PropTypes.objectOf(DryUserPropType), message: React.PropTypes.objectOf(DryMessagePropType), channel: React.PropTypes.objectOf(DryChannelPropType), }).isRequired; const ChannelPropType = React.PropTypes.shape({ name: React.PropTypes.string.isRequired, guid: React.PropTypes.string.isRequired, type: React.PropTypes.string.isRequired,
},{}],5:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames); var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _reactRedux = require('react-redux'); var _reactAddonsCssTransitionGroup = require('react-addons-css-transition-group'); var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup); var _redux = require('./redux'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } var ESCAPE_KEYCODE = 27; var cssTransitionGroupDefaultProps = { component: 'div', transitionEnterTimeout: 500, transitionLeaveTimeout: 500, transitionName: { enter: 'enter', enterActive: 'enterActive', leave: 'leave', leaveActive: 'leaveActive' } }; var Modal = function (_Component) { _inherits(Modal, _Component); function Modal() { var _Object$getPrototypeO; var _temp, _this, _ret; _classCallCheck(this, Modal); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_Object$getPrototypeO = Object.getPrototypeOf(Modal)).call.apply(_Object$getPrototypeO, [this].concat(args))), _this), _this.hideOnEscapeKeyDown = function (event) { if (event.keyCode === ESCAPE_KEYCODE) { _this.props.hideModal(); } }, _this.hideOnOverlayClick = function (event) { if (event.target === _this.refs.contentWrapper) { _this.props.hideModal(); } }, _temp), _possibleConstructorReturn(_this, _ret); } // Hide the modal if the `Esc` key was pressed. // Hide the modal if the overlay was clicked. _createClass(Modal, [{ key: 'componentWillUpdate', // Update `overflow` of `document.body` if modal visibility has changed. value: function componentWillUpdate(nextProps) { var isVisible = nextProps.isVisible; if (isVisible !== this.props.isVisible) { document.body.style.overflow = isVisible ? 'hidden' : null; } } // If modal is now visible, `focus` it, else `blur` it. }, { key: 'componentDidUpdate', value: function componentDidUpdate() { this.refs.contentWrapper[this.props.isVisible ? 'focus' : 'blur'](); } }, { key: 'render', value: function render() { var _props = this.props; var children = _props.children; var contentClassName = _props.contentClassName; var contentWrapperClassName = _props.contentWrapperClassName; var overlayClassName = _props.overlayClassName; var middleAlignedClassName = _props.middleAlignedClassName; var renderCloseButton = _props.renderCloseButton; var isVisible = _props.isVisible; var modalType = _props.modalType; var modalProps = _props.modalProps; var hasCloseButton = _props.hasCloseButton; var isMiddleAligned = _props.isMiddleAligned; var shouldHideOnOverlayClick = _props.shouldHideOnOverlayClick; var shouldHideOnEscapeKeyDown = _props.shouldHideOnEscapeKeyDown; var hideModal = _props.hideModal; var showModal = _props.showModal; var other = _objectWithoutProperties(_props, ['children', 'contentClassName', 'contentWrapperClassName', 'overlayClassName', 'middleAlignedClassName', 'renderCloseButton', 'isVisible', 'modalType', 'modalProps', 'hasCloseButton', 'isMiddleAligned', 'shouldHideOnOverlayClick', 'shouldHideOnEscapeKeyDown', 'hideModal', 'showModal']); var cssTransitionGroupProps = _extends({}, cssTransitionGroupDefaultProps, other); var contentWrapperProps = { className: (0, _classnames2.default)(contentWrapperClassName, isMiddleAligned && middleAlignedClassName), onClick: shouldHideOnOverlayClick && this.hideOnOverlayClick, onKeyDown: shouldHideOnEscapeKeyDown && this.hideOnEscapeKeyDown, ref: 'contentWrapper', tabIndex: 1 }; var modal = children[modalType]; var props = _extends({}, modalProps, { hideModal: hideModal, showModal: showModal }); return _react2.default.createElement( _reactAddonsCssTransitionGroup2.default, cssTransitionGroupProps, isVisible && modal && _react2.default.createElement( 'div', null, _react2.default.createElement('div', { className: overlayClassName }), _react2.default.createElement( 'div', contentWrapperProps, _react2.default.createElement( 'div', { className: contentClassName }, (0, _react.createElement)(modal, props), hasCloseButton && renderCloseButton(hideModal) ) ) ) ); } }]); return Modal; }(_react.Component); Modal.propTypes = { // 1. ATTRIBUTE PROPS // An object that maps each `modalType` to the corresponding modal component. children: _react.PropTypes.objectOf(_react.PropTypes.func), // Classes for the subcomponents. contentClassName: _react.PropTypes.string, contentWrapperClassName: _react.PropTypes.string, overlayClassName: _react.PropTypes.string, middleAlignedClassName: _react.PropTypes.string, // A function that returns the `Close` button component. renderCloseButton: _react.PropTypes.func, // 2. INJECTED PROPS // Whether the modal is visible. isVisible: _react.PropTypes.bool.isRequired, // The modal type. Will be `null` if no modal is being rendered. modalType: _react.PropTypes.string, // Props spread over the current modal component (ie. one of the components // in `children`). modalProps: _react.PropTypes.object.isRequired, // Whether to render a close button (using `renderCloseButton`). hasCloseButton: _react.PropTypes.bool, // Whether to middle-align the modal. isMiddleAligned: _react.PropTypes.bool, // Whether to hide the modal when the overlay is clicked. shouldHideOnOverlayClick: _react.PropTypes.bool, // Whether to hide the modal when the `Esc` key is pressed. shouldHideOnEscapeKeyDown: _react.PropTypes.bool, // Dispatch an action to hide the modal. hideModal: _react.PropTypes.func.isRequired, // Dispatch an action to show the modal. showModal: _react.PropTypes.func.isRequired }; Modal.defaultProps = { children: [], contentClassName: 'content', contentWrapperClassName: 'contentWrapper', overlayClassName: 'overlay', middleAlignedClassName: 'middleAligned', renderCloseButton: function renderCloseButton(hideModal) { return _react2.default.createElement( 'button', { className: 'closeButton', onClick: hideModal }, 'Close' ); } }; exports.default = Modal; var mapStateToProps = function mapStateToProps(state) { return state.modal; }; var mapDispatchToProps = { hideModal: _redux.hideModal, showModal: _redux.showModal }; exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Modal); },{"./redux":7,"classnames":4,"react":"react","react-addons-css-transition-group":"react-addons-css-transition-group","react-redux":"react-redux"}],6:[function(require,module,exports){
let loadMore; if (!_.isEmpty(this.props.nextPagesUrlDict)) { loadMore = ( <SearchLoadMore fetchingData={this.props.fetchingData} urls={this.props.nextPagesUrlDict} /> ); } if (this.props.somethingWasSearched) { return ( <Loader loaded={!loading}> {this.renderSearchResults()} {loadMore} </Loader> ); } return <p>Etsi kouluja syöttämällä koulun nimi tai osoite yllä olevaan hakukenttään.</p>; } } SearchMapList.propTypes = { fetchingData: React.PropTypes.bool, nextPagesUrlDict: React.PropTypes.objectOf(React.PropTypes.string), schoolList: React.PropTypes.array.isRequired, selectedSchoolId: React.PropTypes.string, somethingWasSearched: React.PropTypes.bool.isRequired }; export default SearchMapList;
import type {Element as ReactElement} from 'react'; import type {PlainStyle, Style, Velocity, MotionProps} from './Types'; const msPerFrame = 1000 / 60; type MotionState = { currentStyle: PlainStyle, currentVelocity: Velocity, lastIdealStyle: PlainStyle, lastIdealVelocity: Velocity, }; const Motion = React.createClass({ propTypes: { // TOOD: warn against putting a config in here defaultStyle: PropTypes.objectOf(PropTypes.number), style: PropTypes.objectOf(PropTypes.oneOfType([ PropTypes.number, PropTypes.object, ])).isRequired, children: PropTypes.func.isRequired, onRest: PropTypes.func, }, getInitialState(): MotionState { const {defaultStyle, style} = this.props; const currentStyle = defaultStyle || stripStyle(style); const currentVelocity = mapToZero(currentStyle); return { currentStyle: currentStyle, currentVelocity: currentVelocity,
<Tab label="精华" value="hotest" > <PostList pagingAction = {this.pageAction} postsList = {posts.hotestlist.list} Paging = {posts.hotestlist.Paging}/> </Tab> </Tabs> </Card> </div> <Footer /> </div> ) } } Home.propTypes = { isFetching: PropTypes.bool.isRequired, posts: PropTypes.objectOf(PropTypes.shape({ newestlist:PropTypes.object.isRequired, hotestlist:PropTypes.object.isRequired })).isRequired } function select(state) { const { isFetching, posts, } = state.posts || { isFetching: true, posts: { newestlist:{ list:[], Paging:{ pagingIndex:1, pagingCount:1,
class Comment extends React.Component { constructor(props) { super(props); this.displayName = 'Comment'; } render() { const {items,addMsgHandler} = this.props return ( <section> <ComHead/> <ComContent items = {items} addMsgHandler = {addMsgHandler} /> </section> ); } } Comment.PropTypes = { items: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number.isRequired, name: PropTypes.string.isRequired, text: PropTypes.string.isRequired, time: PropTypes.string.isRequired }).isRequired).isRequired).isRequired, addMsgHandler: PropTypes.func.isRequired } export default Comment;
/* Copyright (C) 2016 IRIDE Monad <*****@*****.**> * License: GNU GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ "use strict"; import _ from "lodash"; import React from "react"; import FilterItem from "./filter-item"; const FilterList = React.createClass({ propTypes: { counts: React.PropTypes.objectOf(React.PropTypes.number).isRequired, actives: React.PropTypes.objectOf(React.PropTypes.bool).isRequired, onFilterChange: React.PropTypes.func.isRequired, }, render() { const {counts, actives, onFilterChange} = this.props; return ( <div className="filter-list btn-group"> {_.map(counts, (count, severity) => <FilterItem key={severity} severity={severity} count={count} active={actives[severity] || false} onChange={onFilterChange} /> )} </div> ); } });
recordSets={this.props.recordSets} recordMatchingSystems={this.props.recordMatchingSystems} runCreator={(recordMatchSystemInterfaceId, masterRecordSetId, recordMatchContextId, note) => { this.props.createRun(recordMatchSystemInterfaceId, masterRecordSetId, recordMatchContextId, note);}} matchRuns={this.props.allMatchRuns} /> </div> </CollapsiblePanel> ); } } BenchmarkContext.displayName = 'BenchmarkContext'; BenchmarkContext.propTypes = { context: contextProps.isRequired, patients: PropTypes.objectOf(patientProps), recordSets: PropTypes.arrayOf(recordSetProps), recordMatchingSystems: PropTypes.arrayOf(recordMatchingSystemProps), matchRuns: PropTypes.arrayOf(runProps).isRequired, allMatchRuns: PropTypes.objectOf(runProps).isRequired, createRun: PropTypes.func, selectRecordSet: PropTypes.func, contextCreator: PropTypes.func.isRequired }; export function mapStateToProps(state, ownProps) { const contextId = ownProps.context.id; const allMatchRuns = state.matchRuns; const matchRuns = _.sortBy( _.values(state.matchRuns).filter((mr) => mr.recordMatchContextId === contextId), (mr) => new Date(mr.meta.createdOn));
* Defines hotkeys globally when this component is mounted. * * keyMap = { * 'escape': (e) => quit() * 'mod+s': (e) => save() * } * * <HotKeys keyMap={keyMap}> * < ... /> * </HotKeys> */ const HotKeys = React.createClass({ propTypes: { children: React.PropTypes.node.isRequired, keyMap: React.PropTypes.objectOf(React.PropTypes.func) }, getDefaultProps() { return { keyMap: {} }; }, updateBindings(keyMap) { Map(keyMap).forEach((handler, key) => { Mousetrap.bind(key, handler); }); }, clearBindings(keyMap) { Map(keyMap).forEach((handler, key) => { Mousetrap.unbind(key, handler);
// Used for displaying the value of a dropdown (using DropDownEditor) when not editing it. // Accepts the same parameters as the DropDownEditor. const React = require('react'); const DropDownFormatter = React.createClass({ propTypes: { options: React.PropTypes.arrayOf(React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.objectOf({ id: React.PropTypes.string, title: React.PropTypes.string, value: React.PropTypes.string, text: React.PropTypes.string }) ])).isRequired, value: React.PropTypes.string.isRequired }, shouldComponentUpdate(nextProps: any): boolean { return nextProps.value !== this.props.value; }, render(): ?ReactElement { let value = this.props.value; let option = this.props.options.filter(function(v) { return v === value || v.value === value; })[0]; if (!option) { option = value; } let title = option.title || option.value || option;
<span style={subCommunityInfoStyle}>{sub.author}</span> <span style={subCommunityInfoStyle}>{sub.readingNumber}阅读</span> </div> </figure> } /> <Divider /> </div> )} </List> <Pagination {...this.props}/> </div> ) } } SubCommunityList.propTypes = { subcommunityList:PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.number.isRequired, author:PropTypes.string.isRequired, title: PropTypes.string.isRequired, introduction: PropTypes.string.isRequired, readingNumber:PropTypes.number.isRequired })).isRequired, Paging:PropTypes.objectOf(PropTypes.shape({ pagingIndex:PropTypes.number.isRequired, pagingCount:PropTypes.number.isRequired, totalRecord:PropTypes.number.isRequired })).isRequired }
} }); UpNextPanel.propTypes = { upNextInfo: React.PropTypes.shape({ upNextData: React.PropTypes.shape({ preview_image_url: React.PropTypes.string, name: React.PropTypes.string, description:React.PropTypes.string }) }), skinConfig: React.PropTypes.shape({ upNext: React.PropTypes.shape({ timeToShow: React.PropTypes.string }), icons: React.PropTypes.objectOf(React.PropTypes.object) }) }; UpNextPanel.defaultProps = { skinConfig: { upNext: { timeToShow: "10" }, icons: { play:{fontStyleClass:'oo-icon oo-icon-play'}, dismiss:{fontStyleClass:'oo-icon oo-icon-close'} } }, upNextInfo: { upNextData: {}
var Cell = FixedDataTable.Cell; var DataTable = React.createClass({ displayName: "DataTable", propTypes: { columnWidth: React.PropTypes.number, descriptionURL: React.PropTypes.string.isRequired, fetchURL: React.PropTypes.string.isRequired, headerHeight: React.PropTypes.number, isResizable: React.PropTypes.bool, isSelectable: React.PropTypes.bool, onRowClick: React.PropTypes.func, onSort: React.PropTypes.func, params: React.PropTypes.objectOf(React.PropTypes.string), radius: React.PropTypes.number, requestThreshold: React.PropTypes.number, rowHeight: React.PropTypes.number, tableHeight: React.PropTypes.number, tableWidth: React.PropTypes.number }, getDefaultProps: function() { return { tableWidth: 1000, tableHeight: 700, headerHeight: 50, columnWidth: 120, rowHeight: 50, radius: 200,
return renderToStaticMarkup( <div>{ tags }</div> ).replace(/(^<div>|<\/div>$)/g, ''); } const DocumentMeta = React.createClass({ displayName: 'DocumentMeta', propTypes: { title: React.PropTypes.string, description: React.PropTypes.string, canonical: React.PropTypes.string, meta: React.PropTypes.objectOf( React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.objectOf( React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.arrayOf(React.PropTypes.string) ]) ) ]) ), link: React.PropTypes.objectOf( React.PropTypes.objectOf( React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.arrayOf( React.PropTypes.oneOfType([ React.PropTypes.string, React.PropTypes.objectOf(React.PropTypes.string) ]) )
render() { return <div>{this.renderComments()}</div>; } renderComments() { const comments = this.props.data; return Object.keys(comments).map((id) => { const comment = comments[id]; return <p key={id}>{comment}</p>; }); } }; Comments.propTypes = { data: React.PropTypes.objectOf(React.PropTypes.string), }; const BoundComments = bindToCollection(Comments); describe('bindToCollection', () => { let callback = null; let orderedByValue = false; beforeEach(() => { orderedByValue = false; mockDatabase.ref = (reference) => { expect(reference).toEqual('comments'); const ref = { on: (_, cb) => { callback = cb; return; }, off: () => { return; },
import LintingMessage from "./messages/linting-message"; import ReadyMessage from "./messages/ready-message"; import PassedMessage from "./messages/passed-message"; import HeaderPanel from "./header/header-panel"; import MarksPanel from "./marks/marks-panel"; import SettingsPanel from "./settings/settings-panel"; const PopupView = React.createClass({ propTypes: { controller: React.PropTypes.object.isRequired, settings: React.PropTypes.object.isRequired, rulesets: React.PropTypes.arrayOf(React.PropTypes.object).isRequired, contentStatus: React.PropTypes.shape({ active: React.PropTypes.bool.isRequired, undoCount: React.PropTypes.number.isRequired, counts: React.PropTypes.objectOf(React.PropTypes.number).isRequired, marks: React.PropTypes.arrayOf(React.PropTypes.object).isRequired, }).isRequired, linterStatus: React.PropTypes.shape({ active: React.PropTypes.bool.isRequired, waiting: React.PropTypes.bool.isRequired, clientLinted: React.PropTypes.bool.isRequired, }).isRequired, }, getInitialState() { return { ruleset: this.props.settings.ruleset || this.props.settings.preset, /* Backward-compat */ format: this.props.settings.format, }; }, handleActivate() {
Form.defaultProps = { uiSchema: {}, noValidate: false, liveValidate: false, safeRenderCompletion: false }; exports.default = Form; if (process.env.NODE_ENV !== "production") { Form.propTypes = { schema: _react.PropTypes.object.isRequired, uiSchema: _react.PropTypes.object, formData: _react.PropTypes.any, widgets: _react.PropTypes.objectOf(_react.PropTypes.oneOfType([_react.PropTypes.func, _react.PropTypes.object])), fields: _react.PropTypes.objectOf(_react.PropTypes.func), onChange: _react.PropTypes.func, onError: _react.PropTypes.func, showErrorList: _react.PropTypes.bool, onSubmit: _react.PropTypes.func, id: _react.PropTypes.string, className: _react.PropTypes.string, name: _react.PropTypes.string, method: _react.PropTypes.string, target: _react.PropTypes.string, action: _react.PropTypes.string, autocomplete: _react.PropTypes.string, enctype: _react.PropTypes.string, acceptcharset: _react.PropTypes.string, noValidate: _react.PropTypes.bool,
disabled={disabled} style={{fontWeight: "bold"}}>➕</button> </p> </div> ); } if (process.env.NODE_ENV !== "production") { ArrayField.propTypes = { schema: PropTypes.object.isRequired, uiSchema: PropTypes.object, idSchema: PropTypes.object, errorSchema: PropTypes.object, onChange: PropTypes.func.isRequired, formData: PropTypes.array, required: PropTypes.bool, disabled: PropTypes.bool, readonly: PropTypes.bool, registry: PropTypes.shape({ widgets: PropTypes.objectOf(PropTypes.oneOfType([ PropTypes.func, PropTypes.object, ])).isRequired, fields: PropTypes.objectOf(PropTypes.func).isRequired, definitions: PropTypes.object.isRequired, formContext: PropTypes.object.isRequired }), }; } export default ArrayField;
}) } render() { const {show, item} = this.props return ( <Modal show={show} onHide={this.closeModal}> <Modal.Header closeButton> <Modal.Title>{this.props.item.length > 0 ? 'Edit' : 'New' } item</Modal.Title> </Modal.Header> <Modal.Body> { item.length > 0 ? <EditForm state={this.state} item={this.props.item[0]} actions={{editForm: this.editForm, editBudgetItem: this.editBudgetItem}}/> : <NewForm state={this.state} actions={{editForm: this.editForm, saveBudgetItem: this.saveBudgetItem}}/> } </Modal.Body> <Modal.Footer> </Modal.Footer> </Modal> ) } } Main.propTypes = { show: PropTypes.bool, item: PropTypes.array, actions: PropTypes.objectOf(PropTypes.func) }
} render() { return ( <Modal modalId="newRunModal" modalTitle={this.props.title} defaultButtonText="Cancel" primaryButtonText="Run Job" primaryButtonOnClick={() => this.buildRun()}> <div className="new-challenge-run-modal modal-input-group"> {this.contextDisplay()} {this.recordSetDisplay()} {this.rmsDisplay()} {this.noteDisplay()} </div> </Modal> ); } } NewRunModal.displayName = 'NewRunModal'; NewRunModal.propTypes = { title: PropTypes.string.isRequired, context: contextProps.isRequired, recordSets: PropTypes.arrayOf(recordSetProps).isRequired, recordMatchingSystems: PropTypes.arrayOf(recordMatchingSystemProps).isRequired, runCreator: PropTypes.func.isRequired, matchRuns: PropTypes.objectOf(runProps).isRequired };
import { ListGroupItem } from 'react-bootstrap' export const SearchResultDisplay = ({ isClicked, isHovered, onResultClicked, onResultHovered, onResultUnhover, result }) => ( <ListGroupItem active={isClicked} bsStyle={isHovered && !isClicked ? 'info' : null} onClick={onResultClicked} onMouseOut={onResultUnhover} onMouseOver={onResultHovered} > {result.display_name} </ListGroupItem> ) SearchResultDisplay.propTypes = { isClicked: PropTypes.bool.isRequired, isHovered: PropTypes.bool.isRequired, onResultClicked: PropTypes.func.isRequired, onResultHovered: PropTypes.func.isRequired, onResultUnhover: PropTypes.func.isRequired, result: PropTypes.objectOf(PropTypes.oneOfType([ PropTypes.object, PropTypes.string, PropTypes.array, PropTypes.number ])) }