apeman-react-select
Version:
apeman react package for select component.
111 lines (80 loc) • 6.31 kB
JavaScript
/**
* Label component
* @class ApSelectLabel
*/
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ApSelectLabel = undefined;
var _assign = require('babel-runtime/core-js/object/assign');
var _assign2 = _interopRequireDefault(_assign);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _apemanReactTouchable = require('apeman-react-touchable');
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _apemanReactIcon = require('apeman-react-icon');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/** @lends ApSelectLabel */
var ApSelectLabel = function (_Component) {
(0, _inherits3.default)(ApSelectLabel, _Component);
function ApSelectLabel() {
(0, _classCallCheck3.default)(this, ApSelectLabel);
return (0, _possibleConstructorReturn3.default)(this, (ApSelectLabel.__proto__ || (0, _getPrototypeOf2.default)(ApSelectLabel)).apply(this, arguments));
}
(0, _createClass3.default)(ApSelectLabel, [{
key: 'render',
value: function render() {
var s = this;
var props = s.props;
var hasVal = !!props.value;
var className = (0, _classnames2.default)('ap-select-label-value', {
'ap-select-label-placeholder': !hasVal
});
return _react2.default.createElement(
'a',
{ className: 'ap-select-label' },
_react2.default.createElement(
'span',
{ className: className },
hasVal ? props.value : props.placeholder
),
_react2.default.createElement(_apemanReactIcon.ApIcon, { className: props.icon })
);
}
}]);
return ApSelectLabel;
}(_react.Component);
(0, _assign2.default)(ApSelectLabel, {
// --------------------
// Specs
// --------------------
propTypes: {
value: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element]),
placeholder: _react.PropTypes.string,
icon: _react.PropTypes.string
},
defaultProps: {
value: null
}
});
exports.ApSelectLabel = ApSelectLabel;
exports.default = (0, _apemanReactTouchable.withTouch)(ApSelectLabel, {
getTouchData: function getTouchData() {
var s = this;
var props = s.props;
return props.data;
}
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX3NlbGVjdF9sYWJlbC5qc3giXSwibmFtZXMiOlsiQXBTZWxlY3RMYWJlbCIsInMiLCJwcm9wcyIsImhhc1ZhbCIsInZhbHVlIiwiY2xhc3NOYW1lIiwicGxhY2Vob2xkZXIiLCJpY29uIiwicHJvcFR5cGVzIiwib25lT2ZUeXBlIiwic3RyaW5nIiwiZWxlbWVudCIsImRlZmF1bHRQcm9wcyIsImdldFRvdWNoRGF0YSIsImRhdGEiXSwibWFwcGluZ3MiOiJBQUFBOzs7OztBQUtBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUE7Ozs7QUFDQTs7QUFDQTs7OztBQUNBOzs7O0FBRUE7SUFDTUEsYTs7Ozs7Ozs7Ozs2QkFDTTtBQUNSLFVBQU1DLElBQUksSUFBVjtBQURRLFVBRUZDLEtBRkUsR0FFUUQsQ0FGUixDQUVGQyxLQUZFOztBQUdSLFVBQUlDLFNBQVMsQ0FBQyxDQUFDRCxNQUFNRSxLQUFyQjtBQUNBLFVBQUlDLFlBQVksMEJBQVcsdUJBQVgsRUFBb0M7QUFDbEQsdUNBQStCLENBQUNGO0FBRGtCLE9BQXBDLENBQWhCO0FBR0EsYUFDRTtBQUFBO0FBQUEsVUFBRyxXQUFVLGlCQUFiO0FBQ1U7QUFBQTtBQUFBLFlBQU0sV0FBWUUsU0FBbEI7QUFDRUYsbUJBQVNELE1BQU1FLEtBQWYsR0FBdUJGLE1BQU1JO0FBRC9CLFNBRFY7QUFJRSxpRUFBUSxXQUFZSixNQUFNSyxJQUExQjtBQUpGLE9BREY7QUFRRDs7Ozs7QUFHSCxzQkFBY1AsYUFBZCxFQUE2QjtBQUMzQjtBQUNBO0FBQ0E7O0FBRUFRLGFBQVc7QUFDVEosV0FBTyxpQkFBTUssU0FBTixDQUFnQixDQUNyQixpQkFBTUMsTUFEZSxFQUVyQixpQkFBTUMsT0FGZSxDQUFoQixDQURFO0FBS1RMLGlCQUFhLGlCQUFNSSxNQUxWO0FBTVRILFVBQU0saUJBQU1HO0FBTkgsR0FMZ0I7O0FBYzNCRSxnQkFBYztBQUNaUixXQUFPO0FBREs7O0FBZGEsQ0FBN0I7O1FBb0JTSixhLEdBQUFBLGE7a0JBQ00scUNBQVVBLGFBQVYsRUFBeUI7QUFDdENhLGNBRHNDLDBCQUN0QjtBQUNkLFFBQU1aLElBQUksSUFBVjtBQURjLFFBRVJDLEtBRlEsR0FFRUQsQ0FGRixDQUVSQyxLQUZROztBQUdkLFdBQU9BLE1BQU1ZLElBQWI7QUFDRDtBQUxxQyxDQUF6QixDIiwiZmlsZSI6ImFwX3NlbGVjdF9sYWJlbC5qc3giLCJzb3VyY2VSb290IjoibGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBMYWJlbCBjb21wb25lbnRcbiAqIEBjbGFzcyBBcFNlbGVjdExhYmVsXG4gKi9cblxuJ3VzZSBzdHJpY3QnXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQsIFByb3BUeXBlcyBhcyB0eXBlcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgd2l0aFRvdWNoIH0gZnJvbSAnYXBlbWFuLXJlYWN0LXRvdWNoYWJsZSdcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnXG5pbXBvcnQgeyBBcEljb24gfSBmcm9tICAnYXBlbWFuLXJlYWN0LWljb24nXG5cbi8qKiBAbGVuZHMgQXBTZWxlY3RMYWJlbCAqL1xuY2xhc3MgQXBTZWxlY3RMYWJlbCBleHRlbmRzIENvbXBvbmVudCB7XG4gIHJlbmRlciAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuICAgIGxldCBoYXNWYWwgPSAhIXByb3BzLnZhbHVlXG4gICAgbGV0IGNsYXNzTmFtZSA9IGNsYXNzbmFtZXMoJ2FwLXNlbGVjdC1sYWJlbC12YWx1ZScsIHtcbiAgICAgICdhcC1zZWxlY3QtbGFiZWwtcGxhY2Vob2xkZXInOiAhaGFzVmFsXG4gICAgfSlcbiAgICByZXR1cm4gKFxuICAgICAgPGEgY2xhc3NOYW1lPSdhcC1zZWxlY3QtbGFiZWwnPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17IGNsYXNzTmFtZSB9PntcbiAgICAgICAgICAgICAgICAgIGhhc1ZhbCA/IHByb3BzLnZhbHVlIDogcHJvcHMucGxhY2Vob2xkZXJcbiAgICAgICAgICAgICAgICB9PC9zcGFuPlxuICAgICAgICA8QXBJY29uIGNsYXNzTmFtZT17IHByb3BzLmljb24gfS8+XG4gICAgICA8L2E+XG4gICAgKVxuICB9XG59XG5cbk9iamVjdC5hc3NpZ24oQXBTZWxlY3RMYWJlbCwge1xuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuICAvLyBTcGVjc1xuICAvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG4gIHByb3BUeXBlczoge1xuICAgIHZhbHVlOiB0eXBlcy5vbmVPZlR5cGUoW1xuICAgICAgdHlwZXMuc3RyaW5nLFxuICAgICAgdHlwZXMuZWxlbWVudFxuICAgIF0pLFxuICAgIHBsYWNlaG9sZGVyOiB0eXBlcy5zdHJpbmcsXG4gICAgaWNvbjogdHlwZXMuc3RyaW5nXG4gIH0sXG5cbiAgZGVmYXVsdFByb3BzOiB7XG4gICAgdmFsdWU6IG51bGxcbiAgfVxuXG59KVxuXG5leHBvcnQgeyBBcFNlbGVjdExhYmVsIH1cbmV4cG9ydCBkZWZhdWx0IHdpdGhUb3VjaChBcFNlbGVjdExhYmVsLCB7XG4gIGdldFRvdWNoRGF0YSAoKSB7XG4gICAgY29uc3QgcyA9IHRoaXNcbiAgICBsZXQgeyBwcm9wcyB9ID0gc1xuICAgIHJldHVybiBwcm9wcy5kYXRhXG4gIH1cbn0pXG4iXX0=