UNPKG

apeman-react-select

Version:
111 lines (80 loc) 6.31 kB
/** * 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=