apeman-asset-javascripts
Version:
Javascript assets for apeman.
1,841 lines (1,463 loc) • 5.81 MB
JavaScript
require=(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/lib/ap_accordion.js":[function(require,module,exports){
/**
* apeman react package for accordion components.
* @class ApAccordion
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAccordion */
var ApAccordion = _react2.default.createClass({
displayName: 'ApAccordion',
// --------------------
// Specs
// --------------------
propTypes: {
/** Is open or not */
open: _react.PropTypes.bool
},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
var s = this;
return {
innerHeight: 1200
};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var state = s.state;
var props = s.props;
return _react2.default.createElement(
'div',
{ className: (0, _classnames2.default)('ap-accordion', {
'ap-accordion-closed': !props.open
}), style: { maxHeight: state.innerHeight } },
_react2.default.createElement(
'div',
{ className: 'ap-accordion-inner',
ref: function ref(inner) {
return s.registerInner(inner);
} },
props.children
)
);
},
// --------------------
// Lifecycle
// --------------------
componentWillMount: function componentWillMount() {
var s = this;
},
componentDidMount: function componentDidMount() {
var s = this;
window.addEventListener('resize', s.handleResize);
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
var s = this;
s.setState({
innerHeight: s.getInnerHeight()
});
},
componentWillUnmount: function componentWillUnmount() {
var s = this;
window.removeEventListener('resize', s.handleResize);
},
// ------------------
// Helpers
// ------------------
handleResize: function handleResize() {
var s = this;
s.setState({
innerHeight: s.getInnerHeight()
});
},
getInnerHeight: function getInnerHeight() {
var s = this;
var inner = s.inner;
return inner.offsetHeight;
},
// ------------------
// Custom
// ---------
// ---------
inner: null,
registerInner: function registerInner(inner) {
var s = this;
s.inner = inner;
}
});
exports.default = ApAccordion;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react","react-dom":"react-dom"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/lib/ap_accordion_arrow.js":[function(require,module,exports){
/**
* Body for accordion.
* @class ApAccordionArrow
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAccordionArrow */
var ApAccordionArrow = _react2.default.createClass({
displayName: 'ApAccordionArrow',
// --------------------
// Specs
// --------------------
propTypes: {
icon: _react.PropTypes.string
},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
var s = this;
return {};
},
getDefaultProps: function getDefaultProps() {
return {
icon: 'fa fa-chevron-down'
};
},
render: function render() {
var s = this;
var props = s.props;
return _react2.default.createElement(
'div',
{ className: 'ap-accordion-arrow' },
_react2.default.createElement('i', { className: (0, _classnames2.default)('ap-accordion-arrow-icon', props.icon) })
);
}
});
exports.default = ApAccordionArrow;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/lib/ap_accordion_body.js":[function(require,module,exports){
/**
* Body for accordion.
* @class ApAccordionBody
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAccordionBody */
var ApAccordionBody = _react2.default.createClass({
displayName: 'ApAccordionBody',
// --------------------
// Specs
// --------------------
propTypes: {},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
var s = this;
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var props = s.props;
return _react2.default.createElement(
'div',
{ className: (0, _classnames2.default)('ap-accordion-body', props.className) },
props.children
);
}
});
exports.default = ApAccordionBody;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/lib/ap_accordion_header.js":[function(require,module,exports){
/**
* Header for accordion.
* @class ApAccordionHeader
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactTouchable = require('apeman-react-touchable');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAccordionHeader */
var ApAccordionHeader = _react2.default.createClass({
displayName: 'ApAccordionHeader',
// --------------------
// Specs
// --------------------
propTypes: {
onToggle: _react.PropTypes.func,
busyDuration: _react.PropTypes.number
},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
return {
busy: false
};
},
getDefaultProps: function getDefaultProps() {
return {
onToggle: null,
busyDuration: 500
};
},
render: function render() {
var s = this;
var props = s.props;
return _react2.default.createElement(
_apemanReactTouchable.ApTouchable,
{ onTap: s.handleTap },
_react2.default.createElement(
'div',
{ className: 'ap-accordion-header' },
props.children
)
);
},
// --------------------
// Lifecycle
// --------------------
componentWillUnmount: function componentWillUnmount() {
var s = this;
if (s.state.busyTimer) {
clearTimeout(s.state.busyTimer);
}
},
// ------------------
// Helper
// ------------------
handleTap: function handleTap() {
var s = this;
var state = s.state;
var props = s.props;
if (state.busy) {
return; // Prevent double tap.
}
s.setState({
busy: true,
busyTimer: setTimeout(function () {
s.setState({
busy: false,
busyTimer: null
});
}, props.busyDuration)
});
if (props.onToggle) {
props.onToggle();
}
}
});
exports.default = ApAccordionHeader;
},{"apeman-react-touchable":"apeman-react-touchable","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/lib/ap_accordion_style.js":[function(require,module,exports){
/**
* Style for ApAccordion.
* @class ApAccordionStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAccordionStyle */
var ApAccordionStyle = _react2.default.createClass({
displayName: 'ApAccordionStyle',
propTypes: {
style: _react.PropTypes.object,
headerHeight: _react.PropTypes.number,
animationDuration: _react.PropTypes.number,
borderRadius: _react.PropTypes.number,
borderColor: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
headerHeight: 44,
animationDuration: 300,
borderRadius: 4,
borderColor: '#AAA'
};
},
statics: {
styleData: function styleData(config) {
var headerHeight = config.headerHeight;
var animationDuration = config.animationDuration;
var borderRadius = config.borderRadius;
var borderColor = config.borderColor;
return {
all: {
'.ap-accordion': {
position: 'relative',
overflowY: 'hidden',
transition: 'max-height ' + animationDuration + 'ms',
border: '1px solid ' + borderColor,
background: 'white',
boxSizing: 'border-box',
borderRadius: borderRadius + 'px'
},
'.ap-accordion-header': {
padding: '0 8px',
lineHeight: headerHeight + 'px',
height: headerHeight + 1 + 'px',
cursor: 'pointer',
boxSizing: 'border-box',
margin: '-1px',
width: '100%',
borderRadius: '0 0 ' + borderRadius + 'px ' + borderRadius + 'px',
border: '1px solid ' + borderColor
},
'.ap-accordion-header:hover': {
opacity: 0.9
},
'.ap-accordion-header:active': {
opacity: 0.66
},
'.ap-accordion-body': {
padding: '8px'
},
'.ap-accordion-arrow': {
display: 'inline-block',
marginRight: '2px',
transform: 'rotate(0deg)',
transition: 'transform ' + animationDuration + 'ms'
},
'.ap-accordion-arrow-icon': {},
'.ap-accordion-closed': {
maxHeight: headerHeight + 'px !important'
},
'.ap-accordion-closed .ap-accordion-arrow': {
transform: 'rotate(-90deg)'
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApAccordionStyle$sty = ApAccordionStyle.styleData(props);
var all = _ApAccordionStyle$sty.all;
var small = _ApAccordionStyle$sty.small;
var medium = _ApAccordionStyle$sty.medium;
var large = _ApAccordionStyle$sty.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApAccordionStyle;
},{"apeman-react-style":"apeman-react-style","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-article/lib/ap_article.js":[function(require,module,exports){
/**
* apeman react package for article components.
* @class ApArticle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApArticle */
var ApArticle = _react2.default.createClass({
displayName: 'ApArticle',
// --------------------
// Specs
// --------------------
propTypes: {},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var state = s.state;
var props = s.props;
return _react2.default.createElement(
'article',
{ className: (0, _classnames2.default)('ap-article', props.className),
style: Object.assign({}, props.style) },
props.children
);
}
});
exports.default = ApArticle;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-article/lib/ap_article_style.js":[function(require,module,exports){
/**
* Style for ApArticle.
* @class ApArticleStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApArticleStyle */
var ApArticleStyle = _react2.default.createClass({
displayName: 'ApArticleStyle',
propTypes: {
style: _react.PropTypes.object,
highlightColor: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
highlightColor: _apemanReactStyle.ApStyle.DEFAULT_HIGHLIGHT_COLOR,
backgroundColor: _apemanReactStyle.ApStyle.DEFAULT_BACKGROUND_COLOR
};
},
statics: {
styleData: function styleData(config) {
var highlightColor = config.highlightColor;
var backgroundColor = config.backgroundColor;
return {
all: {
'.ap-article': {
padding: '16px 0'
},
'.ap-selectable-article-content': {
display: 'none'
},
'.ap-selectable-article-header': {
display: 'flex',
alignItems: 'center'
},
'.ap-selectable-article-header .ap-label': {
padding: '4px 8px 4px 0'
},
'.ap-selectable-article-body': {
padding: '8px 0',
boxSizing: 'border-box'
},
'.ap-selectable-article-alt': {
display: 'block',
textAlign: 'center',
opacity: 0.3,
padding: '16px 8px'
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApArticleStyle$style = ApArticleStyle.styleData(props);
var all = _ApArticleStyle$style.all;
var small = _ApArticleStyle$style.small;
var medium = _ApArticleStyle$style.medium;
var large = _ApArticleStyle$style.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApArticleStyle;
},{"apeman-react-style":"apeman-react-style","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-article/lib/ap_selectable_article.js":[function(require,module,exports){
/**
* Article with selections
* @class ApSelectableArticle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactMixinUuid = require('apeman-react-mixin-uuid');
var _apemanReactStyle = require('apeman-react-style');
var _apemanReactSelect = require('apeman-react-select');
var _apemanReactLabel = require('apeman-react-label');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
/** @lends ApSelectableArticle */
var ApSelectableArticle = _react2.default.createClass({
displayName: 'ApSelectableArticle',
// --------------------
// Specs
// --------------------
propTypes: {
/** Label */
label: _react.PropTypes.string,
/** Article id */
id: _react.PropTypes.string,
/** Name of select */
name: _react.PropTypes.string,
/** Value of select */
value: _react.PropTypes.string,
/** Placeholder of select */
placeholder: _react.PropTypes.string,
/** Select options */
options: _react.PropTypes.object,
/** Alt messages */
alt: _react.PropTypes.string
},
mixins: [_apemanReactMixinUuid.ApUUIDMixin],
statics: {
Content: _react2.default.createClass({
displayName: 'Content',
propTypes: {
/** Select option value */
contentFor: _react.PropTypes.string.isRequired
},
render: function render() {
var s = this;
var props = s.props;
var className = (0, _classnames2.default)('ap-selectable-article-content', 'ap-selectable-article-content-' + props.contentFor);
return _react2.default.createElement(
'div',
{ className: className },
props.children
);
}
})
},
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var state = s.state;
var props = s.props;
var label = props.label;
var value = props.value;
var alt = props.alt;
var id = props.id || 'ap-selectable-article-' + s.uuid;
var select = Object.keys(_apemanReactSelect.ApSelect.propTypes).reduce(function (select, name) {
return Object.assign(select, _defineProperty({}, name, props[name]));
}, {});
select.id = id + '-select';
return _react2.default.createElement(
'article',
{ className: (0, _classnames2.default)('ap-selectable-article', props.className),
id: id,
style: Object.assign({}, props.style) },
_react2.default.createElement(
_apemanReactStyle.ApStyle,
{ className: 'ap-selectable-article-dynamic-style'
},
'#' + id + ' .ap-selectable-article-content-' + value + ' { display: block; }'
),
_react2.default.createElement(
'div',
{ className: 'ap-selectable-article-header' },
_react2.default.createElement(
_apemanReactLabel.ApLabel,
{ htmlFor: select.id },
value ? label : null
),
_react2.default.createElement(_apemanReactSelect.ApSelect, select)
),
_react2.default.createElement(
'div',
{ className: 'ap-selectable-article-body' },
value ? null : _react2.default.createElement(
'div',
{ className: 'ap-selectable-article-alt' },
alt
),
props.children
)
);
}
// --------------------
// Lifecycle
// --------------------
// ------------------
// Custom
// ------------------
// ------------------
// Private
// ------------------
});
exports.default = ApSelectableArticle;
},{"apeman-react-label":"apeman-react-label","apeman-react-mixin-uuid":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-uuid/lib/index.js","apeman-react-select":"apeman-react-select","apeman-react-style":"apeman-react-style","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-aside/lib/ap_aside.js":[function(require,module,exports){
/**
* Aside component.
* @class ApAside
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAside */
var ApAside = _react2.default.createClass({
displayName: 'ApAside',
// --------------------
// Specs
// --------------------
propTypes: {},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var state = s.state;
var props = s.props;
return _react2.default.createElement(
'aside',
{ className: (0, _classnames2.default)('ap-aside', props.className),
style: Object.assign({}, props.style) },
props.children
);
}
// --------------------
// Lifecycle
// --------------------
// ------------------
// Custom
// ------------------
// ------------------
// Private
// ------------------
});
exports.default = ApAside;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-aside/lib/ap_aside_box.js":[function(require,module,exports){
/**
* BOx for aside component.
* @class ApAsideBox
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAsideBox */
var ApAsideBox = _react2.default.createClass({
displayName: 'ApAsideBox',
// --------------------
// Specs
// --------------------
propTypes: {},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var state = s.state;
var props = s.props;
return _react2.default.createElement(
'div',
{ className: (0, _classnames2.default)('ap-aside-box', props.className),
style: Object.assign({}, props.style) },
props.children
);
}
});
// --------------------
// Lifecycle
// --------------------
// ------------------
// Custom
// ------------------
// ------------------
// Private
// ------------------
exports.default = ApAsideBox;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-aside/lib/ap_aside_style.js":[function(require,module,exports){
/**
* Style for ApAside.
* @class ApAsideStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApAsideStyle */
var ApAsideStyle = _react2.default.createClass({
displayName: 'ApAsideStyle',
propTypes: {
style: _react.PropTypes.object,
highlightColor: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
highlightColor: _apemanReactStyle.ApStyle.DEFAULT_HIGHLIGHT_COLOR,
backgroundColor: _apemanReactStyle.ApStyle.DEFAULT_BACKGROUND_COLOR
};
},
statics: {
styleData: function styleData(config) {
var highlightColor = config.highlightColor;
var backgroundColor = config.backgroundColor;
return {
all: {
'.ap-aside': {},
'.ap-aside-box': {
border: '1px solid #EEE',
padding: '16px'
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApAsideStyle$styleDa = ApAsideStyle.styleData(props);
var all = _ApAsideStyle$styleDa.all;
var small = _ApAsideStyle$styleDa.small;
var medium = _ApAsideStyle$styleDa.medium;
var large = _ApAsideStyle$styleDa.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApAsideStyle;
},{"apeman-react-style":"apeman-react-style","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-body/lib/ap_body.js":[function(require,module,exports){
/**
* apeman react package for body component.
* @class ApBody
*/
'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 _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApBody */
var ApBody = _react2.default.createClass({
displayName: 'ApBody',
// --------------------
// Specs
// --------------------
propTypes: {},
mixins: [],
statics: {},
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var props = s.props;
return _react2.default.createElement(
'body',
_extends({}, props, {
className: (0, _classnames2.default)('ap-body', props.className) }),
props.children
);
}
});
exports.default = ApBody;
},{"classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-body/lib/ap_body_style.js":[function(require,module,exports){
/**
* Style for ApBody.
* @class ApBodyStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApBodyStyle */
var ApBodyStyle = _react2.default.createClass({
displayName: 'ApBodyStyle',
propTypes: {
style: _react.PropTypes.object,
color: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
color: '#555'
};
},
statics: {
styleData: function styleData(config) {
var color = config.color;
return {
all: {
'.ap-body': {
margin: 0,
padding: 0,
fontFamily: 'ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif',
color: '' + color
}
}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApBodyStyle$styleDat = ApBodyStyle.styleData(props);
var all = _ApBodyStyle$styleDat.all;
var small = _ApBodyStyle$styleDat.small;
var medium = _ApBodyStyle$styleDat.medium;
var large = _ApBodyStyle$styleDat.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApBodyStyle;
},{"apeman-react-style":"apeman-react-style","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_big_button.js":[function(require,module,exports){
/**
* Big button component.
* @class ApBigButton
*/
'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 _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _ap_button = require('./ap_button');
var _ap_button2 = _interopRequireDefault(_ap_button);
var _apemanReactMixinPure = require('apeman-react-mixin-pure');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApBigButton */
var ApBigButton = _react2.default.createClass({
displayName: 'ApBigButton',
// --------------------
// Specs
// --------------------
propTypes: {
disabled: _react.PropTypes.bool,
onTap: _react.PropTypes.func,
text: _react.PropTypes.string,
size: _react.PropTypes.number
},
mixins: [_apemanReactMixinPure.ApPureMixin],
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {
disabled: false,
onTap: null,
text: null,
size: 94
};
},
render: function render() {
var s = this;
var props = s.props;
var size = props.size;
var style = Object.assign({
width: size, height: size
}, props.style);
return _react2.default.createElement(
_ap_button2.default,
_extends({}, props, {
className: (0, _classnames2.default)('ap-big-button', props.className),
wide: false,
style: style
}),
_react2.default.createElement(
'span',
{ className: 'ap-big-button-text' },
props.text
),
props.children
);
}
});
exports.default = ApBigButton;
},{"./ap_button":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_button.js","apeman-react-mixin-pure":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-pure/lib/index.js","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_button.js":[function(require,module,exports){
/**
* Button component.
* @class ApButton
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactSpinner = require('apeman-react-spinner');
var _apemanReactMixinPure = require('apeman-react-mixin-pure');
var _apemanReactMixinTouch = require('apeman-react-mixin-touch');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApButton */
var ApButton = _react2.default.createClass({
displayName: 'ApButton',
// --------------------
// Specs
// --------------------
propTypes: {
/** Disable button tap */
disabled: _react.PropTypes.bool,
/** Render with primary style */
primary: _react.PropTypes.bool,
/** Render with danger style */
danger: _react.PropTypes.bool,
/** Render with wide style */
wide: _react.PropTypes.bool,
/** Anchor href */
href: _react.PropTypes.string,
/** Document id */
id: _react.PropTypes.string,
/** Hide button */
hidden: _react.PropTypes.bool,
/** Render with simple style */
simple: _react.PropTypes.bool,
/** Data for touch events */
data: _react.PropTypes.any,
/** Show spinner */
spinning: _react.PropTypes.bool,
/** Theme of spinner */
spinner: _react.PropTypes.string
},
mixins: [_apemanReactMixinTouch.ApTouchMixin, _apemanReactMixinPure.ApPureMixin],
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {
disabled: false,
primary: false,
danger: false,
wide: false,
href: null,
id: null,
hidden: false,
simple: false,
data: null,
spinning: false,
spinner: _apemanReactSpinner.ApSpinner.DEFAULT_THEME
};
},
render: function render() {
var s = this;
var props = s.props;
var className = (0, _classnames2.default)('ap-button', props.className, {
'ap-button-primary': props.primary,
'ap-button-danger': props.danger,
'ap-button-wide': props.wide,
'ap-button-disabled': props.disabled,
'ap-button-simple': props.simple,
'ap-button-spinning': props.spinning,
'ap-button-hidden': props.hidden
});
return _react2.default.createElement(
'a',
{ className: className,
href: props.href,
id: props.id,
title: props.title,
style: Object.assign({}, props.style)
},
props.children,
props.spinning ? s._renderSpinner() : null
);
},
// --------------------
// For ApTouchMixin
// --------------------
getTouchData: function getTouchData() {
var s = this;
var props = s.props;
return props.data;
},
// --------------------
// Private
// --------------------
_renderSpinner: function _renderSpinner() {
var s = this;
var props = s.props;
return _react2.default.createElement(_apemanReactSpinner.ApSpinner, { enabled: true,
theme: props.spinner,
className: 'ap-button-spinner'
});
}
});
exports.default = ApButton;
},{"apeman-react-mixin-pure":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-pure/lib/index.js","apeman-react-mixin-touch":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-touch/lib/index.js","apeman-react-spinner":"apeman-react-spinner","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_button_group.js":[function(require,module,exports){
/**
* Button group component.
* @class ApButtonGroup
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactMixinPure = require('apeman-react-mixin-pure');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApButtonGroup */
var ApButtonGroup = _react2.default.createClass({
displayName: 'ApButtonGroup',
// --------------------
// Specs
// --------------------
propTypes: {
/** Centered */
centered: _react.PropTypes.bool
},
mixins: [_apemanReactMixinPure.ApPureMixin],
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {};
},
render: function render() {
var s = this;
var props = s.props;
var className = (0, _classnames2.default)('ap-button-group', {
'ap-button-group-centered': props.centered
}, props.className);
return _react2.default.createElement(
'div',
{ className: className,
style: Object.assign({}, props.style)
},
props.children
);
}
});
exports.default = ApButtonGroup;
},{"apeman-react-mixin-pure":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-pure/lib/index.js","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_button_style.js":[function(require,module,exports){
/**
* Style for ApButton.
* @class ApButtonStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactStyle = require('apeman-react-style');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApButtonStyle */
var ApButtonStyle = _react2.default.createClass({
displayName: 'ApButtonStyle',
propTypes: {
style: _react.PropTypes.object,
highlightColor: _react.PropTypes.string,
backgroundColor: _react.PropTypes.string,
dangerColor: _react.PropTypes.string,
disabledColor: _react.PropTypes.string
},
getDefaultProps: function getDefaultProps() {
return {
style: {},
highlightColor: _apemanReactStyle.ApStyle.DEFAULT_HIGHLIGHT_COLOR,
backgroundColor: _apemanReactStyle.ApStyle.DEFAULT_BACKGROUND_COLOR,
dangerColor: _apemanReactStyle.ApStyle.DEFAULT_DANGER_COLOR,
disabledColor: '#AAA'
};
},
statics: {
styleData: function styleData(config) {
var highlightColor = config.highlightColor;
var backgroundColor = config.backgroundColor;
var dangerColor = config.dangerColor;
var disabledColor = config.disabledColor;
return {
all: {
'.ap-button': {
display: 'inline-block',
boxSizing: 'border-box',
padding: '0.5em 1em',
position: 'relative',
textAlign: 'center',
borderRadius: '2px',
margin: '4px',
color: '' + highlightColor,
border: '1px solid ' + highlightColor,
background: '' + backgroundColor,
WebkitUserSelect: 'none',
MozUserSelect: 'none',
MsUserSelect: 'none',
UserSelect: 'none',
whiteSpace: 'nowrap'
},
'.ap-big-button': {
borderRadius: '50%',
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center',
borderWidth: '4px',
padding: 0,
textAlign: 'center',
boxShadow: '2px 2px 4px rgba(0,0,0,0.2)',
whiteSpace: 'normal'
},
'.ap-big-button:active': {
boxShadow: 'none'
},
'.ap-big-button .ap-button-spinner': {
borderRadius: '50%'
},
'.ap-button > *': {
pointerEvents: 'none'
},
'.ap-button:hover': {
cursor: 'pointer',
opacity: 0.9
},
'.ap-button:active': {
boxShadow: '1px 1px 2px rgba(0,0,0,0.1) inset',
opacity: 0.8
},
'.ap-button.ap-button-disabled,.ap-button.ap-button-disabled:hover,.ap-button.ap-button-disabled:active': {
cursor: 'default',
boxShadow: 'none',
color: '' + disabledColor,
borderColor: '' + disabledColor,
backgroundColor: '#F0F0F0',
pointerEvents: 'none',
opacity: 1
},
'.ap-button.ap-button-spinning,.ap-button.ap-button-spinning:hover,.ap-button.ap-button-spinning:active': {
cursor: 'default',
boxShadow: 'none',
pointerEvents: 'none',
opacity: 1
},
'.ap-button-primary': {
color: 'white',
background: '' + highlightColor
},
'.ap-button-primary .ap-button-spinner': {
color: '' + highlightColor
},
'.ap-button-danger': {
color: 'white',
background: '' + dangerColor
},
'.ap-button-wide': {
width: '100%',
boxSizing: 'border-box',
maxWidth: '240px',
marginLeft: 0,
marginRight: 0
},
'.ap-icon-button': {
textAlign: 'center',
display: 'inline-block',
justifyContent: 'inherit',
flexDirection: 'column',
alignItems: 'center'
},
'.ap-icon-button-simple': {
border: 'none',
background: 'transparent'
},
'.ap-icon-button-simple:active': {
boxShadow: 'none',
opacity: '0.8'
},
'.ap-icon-button-simple .ap-icon-button-icon': {
fontSize: 'inherit'
},
'.ap-icon-button-icon': {
margin: '2px 0',
display: 'block',
fontSize: '2em'
},
'.ap-icon-button-text': {
display: 'block',
fontSize: '0.66em',
padding: '2px 0'
},
'.ap-icon-button-row': {
display: 'flex',
maxWidth: _apemanReactStyle.ApStyle.CONTENT_WIDTH,
margin: '0 auto'
},
'.ap-icon-button-row .ap-button': {
display: 'block',
width: '100%',
whiteSpace: 'normal'
},
'.ap-cell-button': {
textAlign: 'center',
background: 'transparent',
lineHeight: '1em',
fontSize: '14px',
margin: 0,
borderRadius: 0,
boxSizing: 'border-box'
},
'.ap-cell-button-aligner': {
opacity: 0,
display: 'inline-block',
width: '1px',
marginRight: '-1px',
boxSizing: 'border-box',
padding: '8px 0',
verticalAlign: 'middle'
},
'.ap-cell-button-text': {
display: 'inline-block',
verticalAlign: 'middle'
},
'.ap-cell-button-row': {
display: 'flex',
maxWidth: _apemanReactStyle.ApStyle.CONTENT_WIDTH,
width: '100%',
margin: '8px auto'
},
'.ap-cell-button-row .ap-cell-button': {
borderRightColor: 'transparent',
borderBottomColor: 'transparent',
width: '100%'
},
'.ap-cell-button-row .ap-cell-button:first-child': {
borderLeftColor: 'transparent'
},
'.ap-cell-button-row .ap-button': {
display: 'block',
width: '100%'
},
'.ap-next-button,.ap-prev-button': {
padding: '0.25em 1em'
},
'.ap-next-button-icon': {
marginLeft: '4px',
marginRight: 0
},
'.ap-prev-button-icon': {
marginLeft: 0,
marginRight: '4px'
},
'.ap-button-hidden': {
display: 'none !important'
},
'.ap-button-simple': {
border: 'none',
background: 'transparent'
},
'.ap-button-simple:active': {
boxShadow: 'none',
opacity: '0.8'
},
'.ap-button-group': {
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center'
},
'.ap-button-group-centered': {
textAlign: 'center'
},
'.ap-button-spinner': {
position: 'absolute',
left: 0,
top: 0,
right: 0,
bottom: 0,
zIndex: 8,
background: _apemanReactStyle.ApStyle.COVER_BACKGROUND,
color: _apemanReactStyle.ApStyle.COVER_COLOR
}
},
small: {},
medium: {},
large: {}
};
}
},
render: function render() {
var s = this;
var props = s.props;
var _ApButtonStyle$styleD = ApButtonStyle.styleData(props);
var all = _ApButtonStyle$styleD.all;
var small = _ApButtonStyle$styleD.small;
var medium = _ApButtonStyle$styleD.medium;
var large = _ApButtonStyle$styleD.large;
return _react2.default.createElement(
_apemanReactStyle.ApStyle,
{ data: Object.assign(all, props.style),
smallMediaData: small,
mediumMediaData: medium,
largeMediaData: large
},
props.children
);
}
});
exports.default = ApButtonStyle;
},{"apeman-react-style":"apeman-react-style","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_cell_button.js":[function(require,module,exports){
/**
* Cell button component.
* @class ApCellButton
*/
'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 _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _ap_button = require('./ap_button');
var _ap_button2 = _interopRequireDefault(_ap_button);
var _apemanReactMixinPure = require('apeman-react-mixin-pure');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApCellButton */
var ApCellButton = _react2.default.createClass({
displayName: 'ApCellButton',
// --------------------
// Specs
// --------------------
propTypes: {
disabled: _react.PropTypes.bool,
onTap: _react.PropTypes.func,
text: _react.PropTypes.string
},
mixins: [_apemanReactMixinPure.ApPureMixin],
getInitialState: function getInitialState() {
return {};
},
getDefaultProps: function getDefaultProps() {
return {
disabled: false,
onTap: null,
text: null
};
},
render: function render() {
var s = this;
var props = s.props;
return _react2.default.createElement(
_ap_button2.default,
_extends({}, props, {
className: (0, _classnames2.default)('ap-cell-button', props.className),
wide: false
}),
_react2.default.createElement(
'span',
{ className: 'ap-cell-button-aligner' },
' '
),
_react2.default.createElement(
'span',
{ className: 'ap-cell-button-text' },
props.text
)
);
}
});
exports.default = ApCellButton;
},{"./ap_button":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_button.js","apeman-react-mixin-pure":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-mixin-pure/lib/index.js","classnames":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/classnames/index.js","react":"react"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/lib/ap_cell_button_row.js":[function(require,module,exports){
/**
* Row for Cell buttons.
* @class ApCellButtonRow
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApCellButtonRow */
var ApCellButtonRow = _react2.default.createClass({
displayName: 'ApCellButtonRow',
// --------------------
// Specs
// --------------------