apeman-asset-javascripts
Version:
Javascript assets for apeman.
1,771 lines (1,404 loc) • 6.88 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/acolor/shim/browser/alpha.js":[function(require,module,exports){
/**
* Set alpha value
* @function alpha
* @param {string} color - Color value.
* @param {number} Alpha value. 0.00 to 1.00
* @returns {string}
*/
'use strict';
var parse = require('./parse');
/** @lends alpha */
function alpha(color, alpha) {
color = parse(color);
return color.alpha(alpha).rgbaString();
}
module.exports = alpha;
},{"./parse":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/index.js":[function(require,module,exports){
/**
* Color utility
* @module acolor
*/
'use strict';
var d = function d(module) {
return module.default || module;
};
module.exports = {
get alpha() {
return d(require('./alpha'));
},
get isDark() {
return d(require('./is_dark'));
},
get isLight() {
return d(require('./is_light'));
},
get mix() {
return d(require('./mix'));
},
get parse() {
return d(require('./parse'));
},
get rotate() {
return d(require('./rotate'));
}
};
},{"./alpha":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/alpha.js","./is_dark":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/is_dark.js","./is_light":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/is_light.js","./mix":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/mix.js","./parse":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js","./rotate":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/rotate.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/is_dark.js":[function(require,module,exports){
/**
* Detect dark or not
* @function isDark
* @param {string} color - Color value
* @returns {boolean}
*/
'use strict';
var parse = require('./parse');
function isDark(color) {
var _parse$rgb = parse(color).rgb();
var r = _parse$rgb.r;
var g = _parse$rgb.g;
var b = _parse$rgb.b;
return r * 0.299 + g * 0.587 + b * 0.114 < 186;
}
module.exports = isDark;
},{"./parse":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/is_light.js":[function(require,module,exports){
/**
* Detect light or not
* @function isLight
* @param {string} color - Color value
* @returns {boolean}
*/
'use strict';
var isDark = require('./is_dark');
function isLight(color) {
return !isDark(color);
}
module.exports = isLight;
},{"./is_dark":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/is_dark.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/mix.js":[function(require,module,exports){
/**
* mix colors
* @function mix
* @param {string} color1 - Color value.
* @param {string} color2 - Color value.
* @returns {string}
*/
'use strict';
var parse = require('./parse');
/** @lends mix */
function mix(color1, color2) {
return parse(color1).mix(parse(color2)).rgbaString();
}
module.exports = mix;
},{"./parse":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js":[function(require,module,exports){
/**
* Parse a color
* @function parse
* @param {value} - Color value
* @returns {Object} - Parsed color instance.
*/
'use strict';
var color = require('color');
/** @lends parse */
function parse(value) {
if (!value) {
throw new Error('[apemancolor] Value is required.');
}
var parsed = color(value);
if (!parsed) {
throw new Error('Invalid color: ' + value);
}
return parsed;
}
module.exports = parse;
},{"color":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/color/index.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/rotate.js":[function(require,module,exports){
/**
* rotate color
* @function rotate
* @param {string} color - Color value.
* @param {number} degree to rotate. 0 to 360
* @returns {string}
*/
'use strict';
var parse = require('./parse');
/** @lends rotate */
function rotate(color, degree) {
color = parse(color);
return color.hue(color.hue() + Number(degree)).rgbaString();
}
module.exports = rotate;
},{"./parse":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/acolor/shim/browser/parse.js"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-accordion/shim/node/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/shim/node/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/shim/node/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/shim/node/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/shim/node/ap_accordion_style.js":[function(require,module,exports){
/**
* Style for ApAccordion.
* @class ApAccordionStyle
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
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 _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 }; }
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; }
/** @lends ApAccordionStyle */
var ApAccordionStyle = function (_Component) {
_inherits(ApAccordionStyle, _Component);
function ApAccordionStyle() {
_classCallCheck(this, ApAccordionStyle);
return _possibleConstructorReturn(this, Object.getPrototypeOf(ApAccordionStyle).apply(this, arguments));
}
_createClass(ApAccordionStyle, [{
key: 'render',
value: 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
);
}
}]);
return ApAccordionStyle;
}(_react.Component);
Object.assign(ApAccordionStyle, {
propTypes: {
style: _react.PropTypes.object,
headerHeight: _react.PropTypes.number,
animationDuration: _react.PropTypes.number,
borderRadius: _react.PropTypes.number,
borderColor: _react.PropTypes.string
},
defaultProps: {
style: {},
headerHeight: 44,
animationDuration: 300,
borderRadius: 4,
borderColor: '#AAA'
},
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',
overflow: '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',
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)'
}
}
};
}
});
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/shim/node/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/shim/node/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/shim/node/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 _apemanReactStyle = require('apeman-react-style');
var _apemanReactSelect = require('apeman-react-select');
var _apemanReactLabel = require('apeman-react-label');
var _uuid = require('uuid');
var _uuid2 = _interopRequireDefault(_uuid);
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: [],
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 _props$id = props.id;
var id = _props$id === undefined ? 'ap-selectable-article-' + s.uuid : _props$id;
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
// --------------------
componentDidMount: function componentDidMount() {
var s = this;
s.uuid = _uuid2.default.v4();
}
// ------------------
// Custom
// ------------------
// ------------------
// Private
// ------------------
});
exports.default = ApSelectableArticle;
},{"apeman-react-label":"apeman-react-label","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","uuid":"uuid"}],"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-aside/shim/node/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/shim/node/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': {
display: 'block',
width: '100%',
boxSizing: 'border-box',
padding: '4px 8px',
border: '1px solid #F0F0F0',
background: backgroundColor
},
'.aside-container': {
position: 'relative'
}
},
small: {
'.ap-aside': {
position: 'absolute',
right: 0,
top: 0,
width: 260,
zIndex: 4
}
}
};
}
},
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/shim/node/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/shim/node/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/shim/node/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 _asobj = require('asobj');
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: [],
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
);
},
// --------------------
// Lifecycle
// --------------------
shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
var s = this;
var props = s.props;
var state = s.state;
return !(0, _asobj.shallowEqual)(props, nextProps) || !(0, _asobj.shallowEqual)(state, nextState);
}
});
exports.default = ApBigButton;
},{"./ap_button":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/apeman-react-button/shim/node/ap_button.js","asobj":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/asobj/shim/browser/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/shim/node/ap_button.js":[function(require,module,exports){
/**
* Button component.
* @class ApButton
*/
'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 _apemanReactTouchable = require('apeman-react-touchable');
var _apemanReactSpinner = require('apeman-react-spinner');
var _asobj = require('asobj');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
/** @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: [],
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
});
var aProps = (0, _asobj.clone)(props, {
without: ['text', 'hasTouch'].concat(_toConsumableArray(Object.keys(ApButton.propTypes)))
});
return _react2.default.createElement(
'a',
_extends({}, aProps, {
className: className,
href: props.href,
id: props.id,
style: Object.assign({}, props.style)
}),
props.children,
props.spinning ? s._renderSpinner() : null
);
},
// --------------------
// Lifecycle
// --------------------
shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
var s = this;
var props = s.props;
var state = s.state;
return !(0, _asobj.shallowEqual)(props, nextProps) || !(0, _asobj.shallowEqual)(state, nextState);
},
// --------------------
// 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; // Dummy export for doc generator
exports.default = (0, _apemanReactTouchable.withTouch)(ApButton, {
getTouchData: function getTouchData() {
var s = this;
var props = s.props;
return props.data;
}
});
},{"apeman-react-spinner":"apeman-react-spinner","apeman-react-touchable":"apeman-react-touchable","asobj":"/Users/okunishinishi/Projects/apeman-projects/apeman-asset-javascripts/node_modules/asobj/shim/browser/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/shim/node/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);
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: [],
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;
},{"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/shim/node/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