* @function FormattedDate
* @param {object} props - Props handed to component.
* @returns {JSX.Element} - JSX for component.
*/
const FormattedDate = (props) => {
let { format } = props;
if (!format) {
// leave off year if it's this year
const currentYear = new Date().getFullYear().toString();
const dateYear = moment(props.date).format('YYYY');
const year = (dateYear === currentYear) ? '' : 'YYYY, ';
format = `MMM D, ${year}h:mm a`;
}
const formattedDate = moment(props.date).format(format);
return (<span className="formatted-date">{formattedDate}</span>);
};
FormattedDate.defaultProps = {
format: undefined,
};
FormattedDate.propTypes = {
format: PropTypes.string,
date: PropTypes.oneOfType([
PropTypes.instanceOf(Date),
PropTypes.string,
]).isRequired,
};
export default FormattedDate;
data-for={quarter.time.toString()}
>
{ToolTip(quarter, heatMapMode)}
</div>
);
};
CellGrid.defaultProps = {
backgroundColors: ['transparent'],
rowIndex: 0,
columnIndex: 0,
heightlightedUser: '',
disable: false,
};
CellGrid.propTypes = {
onMouseOver: PropTypes.func.isRequired,
onMouseLeave: PropTypes.func.isRequired,
onMouseDown: PropTypes.func.isRequired,
onMouseUp: PropTypes.func.isRequired,
heatMapMode: PropTypes.bool.isRequired,
quarter: PropTypes.shape({
time: PropTypes.instanceOf(Date).isRequired,
participants: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string })).isRequired,
notParticipants: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string })).isRequired,
disable: PropTypes.bool,
}).isRequired,
};
export default cssModules(CellGrid, styles, { allowMultiple: true });
} else if (!this.props.open && nextProps.open) {
this.plugin.openModal()
}
}
render () {
return h('div', {
ref: (container) => {
this.container = container
}
})
}
}
DashboardModal.propTypes = {
uppy: PropTypes.instanceOf(UppyCore).isRequired,
open: PropTypes.bool,
onRequestClose: PropTypes.func,
plugins: PropTypes.arrayOf(PropTypes.string),
width: PropTypes.number,
height: PropTypes.number,
semiTransparent: PropTypes.bool,
showProgressDetails: PropTypes.bool,
hideUploadButton: PropTypes.bool,
note: PropTypes.string,
locale: PropTypes.object
}
DashboardModal.defaultProps = {
}
</div>
<GymSearchBar
placeholder={"Search for a class"}
onSearch={this.onSearch}
onSuggest={this.onSuggest}
/>
<GymClassTable
classes={this.state.classes}
savedClasses={this.state.savedClasses}
editable={this.props.auth.isLoggedIn() ? true : false}
addClass={this.addClass}
deleteClass={this.deleteClass}
mode={"save"}
/>
{this.props.auth.isLoggedIn()
? <RecommendedClasses
addClass={this.addClass}
deleteClass={this.deleteClass}
/>
: null}
</div>
<Alert stack={{ limit: 5, spacing: 5 }} offset={60} />
</div>
);
}
}
export default Search;
Search.PropTypes = {
auth: PropTypes.instanceOf(Auth)
};
/**
* An instance of `DocumentSelectionState`, this is some state that is responsible for
* maintaining selection information for a document.
*
* Some functionality that can be performed with this instance is:
*
* - `blur()`
* - `focus()`
* - `update()`
*
* > You can reference `DocumentSelectionState` in
* > [`vendor/document/selection/DocumentSelectionState.js`](https://github.com/facebook/react-native/blob/master/Libraries/vendor/document/selection/DocumentSelectionState.js)
*
* @platform ios
*/
selectionState: PropTypes.instanceOf(DocumentSelectionState),
/**
* The start and end of the text input's selection. Set start and end to
* the same value to position the cursor.
*/
selection: PropTypes.shape({
start: PropTypes.number.isRequired,
end: PropTypes.number,
}),
/**
* The value to show for the text input. `TextInput` is a controlled
* component, which means the native value will be forced to match this
* value prop if provided. For most uses, this works great, but in some
* cases this may cause flickering - one common cause is preventing edits
* by keeping value the same. In addition to simply setting the same value,
* either set `editable={false}`, or set/update `maxLength` to prevent
</Card>)
}
</Motion>);
}
renderText() {
return (
<Card>
<Card.Content>
<Title onTitleChange={this.onTitleChanged} onTodoStatusChange={this.onStatusChanged}
isComplete={this.props.todoItem.isCompleted} title={this.props.todoItem.title}/>
</Card.Content>
</Card>
);
}
}
TodoComponent.propTypes = {
todoItem: PropTypes.instanceOf(TodoItem).isRequired,
displayStyle: PropTypes.oneOf(Utils.values(Constants.TODO_DISPLAY_STYLE)),
onTodoUpdated: PropTypes.func,
};
TodoComponent.defaultProps = {
displayStyle: Constants.TODO_DISPLAY_STYLE.TITLE_ONLY,
};
export default TodoComponent;
return (
<li className="item">
<Spinner/>
</li>
)
} else {
return (
<li className="item">
<h4>{this.state.item.title}</h4>
<span>{this.state.item.score} point{this.state.item.score > 1 ? 's' : ''}</span>
<span>by <Link to={`/user/${this.state.item.by}`}>{this.state.item.by}</Link></span>
</li>
)
}
}
}
Item.propTypes = {
id: PropTypes.number,
index: PropTypes.number,
cachedItem: PropTypes.object,
store: PropTypes.instanceOf(ItemStore).isRequired,
}
Item.defaultProps = {
id: null,
index: null,
cachedItem: null
}
id={'setting.verses'}
defaultMessage={'Go to verse'}
/>
);
return (
<StyledDropdown
className={`dropdown ${className}`}
id="verses-dropdown"
title={title}
>
{this.renderMenu()}
</StyledDropdown>
);
}
}
VersesDropdown.propTypes = {
loadedVerses: PropTypes.instanceOf(Set).isRequired,
chapter: customPropTypes.chapterType.isRequired, // Set
onClick: PropTypes.func.isRequired,
isReadingMode: PropTypes.bool,
className: PropTypes.string
};
VersesDropdown.defaultProps = {
className: ''
};
export default VersesDropdown;
import ReactDOM from "react-dom";
import PropTypes from 'prop-types';
/**
* Render children using a Portal
*
* @see https://reactjs.org/docs/portals.html
*
* @since 1.8.0
*
* @param props
* @return {{$$typeof, key, children, containerInfo, implementation}}
* @constructor
*/
export const RenderComponentViaPortal = (props) => {
const {children,domNode} = props;
return ReactDOM.createPortal(
children,
domNode
);
};
/**
* Prop type definitions for a RenderComponentViaPortal component
*
* @type {{children: (e|*), domNode: (e|*)}}
*/
RenderComponentViaPortal.propTypes = {
children: PropTypes.any.isRequired,
domNode: PropTypes.instanceOf(Element).isRequired
};
</p>
);
}
return (
<React.Fragment>
{maybeCurrencySelector}
{currencyCharts}
</React.Fragment>
);
}
}
InOutChart.propTypes = {
// The transactions per currencies.
currencyToTransactions: PropTypes.instanceOf(Map).isRequired,
// The current theme.
theme: PropTypes.string.isRequired
};
const Export = connect((state, ownProps) => {
let currentAccountIds = get.accountIdsByAccessId(state, ownProps.accessId);
let currencyToTransactions = new Map();
for (let accId of currentAccountIds) {
let currency = get.accountById(state, accId).currency;
if (!currencyToTransactions.has(currency)) {
currencyToTransactions.set(currency, []);
}
let transactions = get.operationsByAccountId(state, accId);
}
ServiceTreeView.contextTypes = {
modalHandlers: PropTypes.shape({
createGroup: PropTypes.func
}).isRequired,
router: routerShape
};
ServiceTreeView.defaultProps = {
onFilterExpressionChange() {},
isEmpty: false
};
ServiceTreeView.propTypes = {
filters: PropTypes.instanceOf(DSLFilterList).isRequired,
filterExpression: PropTypes.instanceOf(DSLExpression).isRequired,
isEmpty: PropTypes.bool,
children: PropTypes.node,
onFilterExpressionChange: PropTypes.func,
services: PropTypes.arrayOf(
PropTypes.oneOfType([
PropTypes.instanceOf(Service),
PropTypes.instanceOf(ServiceTree)
])
).isRequired,
serviceTree: PropTypes.instanceOf(ServiceTree)
};
module.exports = ServiceTreeView;
checked={data[regionName]}
disabled={!enabled}
name={regionName}
type="checkbox"
/>
{region}
</FieldLabel>
</FormGroup>
);
})}
</div>
</div>
</DSLFormWithExpressionUpdates>
);
}
}
NodeRegionDSLSection.defaultProps = {
onChange() {},
expression: new DSLExpression(""),
defaultData: { regions: [] }
};
NodeRegionDSLSection.propTypes = {
onChange: PropTypes.func.isRequired,
expression: PropTypes.instanceOf(DSLExpression).isRequired,
defaultData: PropTypes.object.isRequired
};
module.exports = NodeRegionDSLSection;
'is-active': this.props.activeSection === key
},
val.label.replace(/\s+/g, '-').toLowerCase()
);
links.push(
<li
className={classes}
key={key}
onClick={this._changeState.bind(this, key)}
role="button">
{val.label}
</li>
);
});
return (
<div className="profile-navigation">
<ul className="p-list">{links}</ul>
</div>
);
}
}
ProfileNavigation.propTypes = {
activeSection: PropTypes.string.isRequired,
changeState: PropTypes.func.isRequired,
sectionsMap: PropTypes.instanceOf(Map).isRequired
};
module.exports = ProfileNavigation;
})),
}),
enumFields: PropTypes.shape({
stringEnum: PropTypes.oneOf([
'foo',
'bar',
'baz',
]),
intEnum: PropTypes.oneOf([
1,
2,
3,
]),
}),
instanceFields: PropTypes.shape({
instOf: PropTypes.instanceOf(ShapeClassName),
instanceOf: PropTypes.instanceOf(ShapeDefault),
}),
objectFields: PropTypes.shape({
numberObj: PropTypes.objectOf(PropTypes.number),
boolObject: PropTypes.objectOf(PropTypes.bool),
intStringObject: PropTypes.objectOf(PropTypes.string),
unionObject: PropTypes.objectOf(PropTypes.oneOfType([
PropTypes.number,
PropTypes.string,
PropTypes.shape({
foo: PropTypes.string,
}),
])).isRequired,
}),
unionFields: PropTypes.shape({