apeman-react-checkbox/lib/ap_checkbox_style.js

apeman react package for checkbox component.

/**
 * Style for ApCheckbox.
 * @class ApCheckboxStyle
 */

'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 ApCheckboxStyle */
var ApCheckboxStyle = _react2.default.createClass({
  displayName: 'ApCheckboxStyle',

  propTypes: {
    style: _react.PropTypes.object,
    highlightColor: _react.PropTypes.string
  },
  getDefaultProps: function getDefaultProps() {
    return {
      style: {},
      highlightColor: '#38E'
    };
  },
  render: function render() {
    var s = this;
    var props = s.props;


    var highlightColor = props.highlightColor;

    var data = {
      '.ap-checkbox': {
        display: 'inline-block',
        padding: '0 4px',
        cursor: 'pointer',
        position: 'relative'
      },
      '.ap-checkbox:hover': {
        opacity: 0.9
      },
      '.ap-checkbox:active': {
        opacity: 0.75
      },
      '.ap-checkbox-input': {
        display: 'inline-block',
        padding: '0 2px',
        position: 'relative',
        top: '-2px',
        opacity: 0,
        zIndex: 8
      },
      '.ap-checkbox-title': {},
      '.ap-checkbox-icon': {
        position: 'absolute',
        left: 2,
        top: 0
      },
      '.ap-checkbox:hover .ap-checkbox-icon': {
        color: '' + highlightColor
      },
      '.ap-checkbox:active .ap-checkbox-icon': {
        opacity: 0.5
      },
      '.ap-checkbox-icon-checked': {
        color: '' + highlightColor
      }
    };
    var smallMediaData = {};
    var mediumMediaData = {};
    var largeMediaData = {};
    return _react2.default.createElement(
      _apemanReactStyle.ApStyle,
      { data: Object.assign(data, props.style),
        smallMediaData: smallMediaData,
        mediumMediaData: mediumMediaData,
        largeMediaData: largeMediaData
      },
      props.children
    );
  }
});

exports.default = ApCheckboxStyle;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwX2NoZWNrYm94X3N0eWxlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUtBOzs7Ozs7QUFFQTs7OztBQUNBOzs7OztBQUdBLElBQU0sa0JBQWtCLGdCQUFNLFdBQU4sQ0FBa0I7QUFBQTs7QUFDeEMsYUFBVztBQUNULFdBQU8saUJBQU0sTUFESjtBQUVULG9CQUFnQixpQkFBTTtBQUZiLEdBRDZCO0FBS3hDLGlCQUx3Qyw2QkFLckI7QUFDakIsV0FBTztBQUNMLGFBQU8sRUFERjtBQUVMLHNCQUFnQjtBQUZYLEtBQVA7QUFJRCxHQVZ1QztBQVd4QyxRQVh3QyxvQkFXOUI7QUFDUixRQUFNLElBQUksSUFBVjtBQURRLFFBRUYsS0FGRSxHQUVRLENBRlIsQ0FFRixLQUZFOzs7QUFJUixRQUFJLGlCQUFpQixNQUFNLGNBQTNCOztBQUVBLFFBQUksT0FBTztBQUNULHNCQUFnQjtBQUNkLGlCQUFTLGNBREs7QUFFZCxpQkFBUyxPQUZLO0FBR2QsZ0JBQVEsU0FITTtBQUlkLGtCQUFVO0FBSkksT0FEUDtBQU9ULDRCQUFzQjtBQUNwQixpQkFBUztBQURXLE9BUGI7QUFVVCw2QkFBdUI7QUFDckIsaUJBQVM7QUFEWSxPQVZkO0FBYVQsNEJBQXNCO0FBQ3BCLGlCQUFTLGNBRFc7QUFFcEIsaUJBQVMsT0FGVztBQUdwQixrQkFBVSxVQUhVO0FBSXBCLGFBQUssTUFKZTtBQUtwQixpQkFBUyxDQUxXO0FBTXBCLGdCQUFRO0FBTlksT0FiYjtBQXFCVCw0QkFBc0IsRUFyQmI7QUFzQlQsMkJBQXFCO0FBQ25CLGtCQUFVLFVBRFM7QUFFbkIsY0FBTSxDQUZhO0FBR25CLGFBQUs7QUFIYyxPQXRCWjtBQTJCVCw4Q0FBd0M7QUFDdEMsb0JBQVU7QUFENEIsT0EzQi9CO0FBOEJULCtDQUF5QztBQUN2QyxpQkFBUztBQUQ4QixPQTlCaEM7QUFpQ1QsbUNBQTZCO0FBQzNCLG9CQUFVO0FBRGlCO0FBakNwQixLQUFYO0FBcUNBLFFBQUksaUJBQWlCLEVBQXJCO0FBQ0EsUUFBSSxrQkFBa0IsRUFBdEI7QUFDQSxRQUFJLGlCQUFpQixFQUFyQjtBQUNBLFdBQ0U7QUFBQTtNQUFBLEVBQVMsTUFBTyxPQUFPLE1BQVAsQ0FBYyxJQUFkLEVBQW9CLE1BQU0sS0FBMUIsQ0FBaEI7QUFDUyx3QkFBaUIsY0FEMUI7QUFFUyx5QkFBa0IsZUFGM0I7QUFHUyx3QkFBaUI7QUFIMUI7TUFJRyxNQUFNO0FBSlQsS0FERjtBQU9EO0FBaEV1QyxDQUFsQixDQUF4Qjs7a0JBbUVlLGUiLCJmaWxlIjoiYXBfY2hlY2tib3hfc3R5bGUuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL29rdW5pc2hpbmlzaGkvUHJvamVjdHMvYXBlbWFuLXByb2plY3RzL2FwZW1hbi1yZWFjdC1jaGVja2JveC9saWIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFN0eWxlIGZvciBBcENoZWNrYm94LlxuICogQGNsYXNzIEFwQ2hlY2tib3hTdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBDaGVja2JveFN0eWxlICovXG5jb25zdCBBcENoZWNrYm94U3R5bGUgPSBSZWFjdC5jcmVhdGVDbGFzcyh7XG4gIHByb3BUeXBlczoge1xuICAgIHN0eWxlOiB0eXBlcy5vYmplY3QsXG4gICAgaGlnaGxpZ2h0Q29sb3I6IHR5cGVzLnN0cmluZ1xuICB9LFxuICBnZXREZWZhdWx0UHJvcHMgKCkge1xuICAgIHJldHVybiB7XG4gICAgICBzdHlsZToge30sXG4gICAgICBoaWdobGlnaHRDb2xvcjogJyMzOEUnXG4gICAgfVxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCBoaWdobGlnaHRDb2xvciA9IHByb3BzLmhpZ2hsaWdodENvbG9yXG5cbiAgICBsZXQgZGF0YSA9IHtcbiAgICAgICcuYXAtY2hlY2tib3gnOiB7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICBwYWRkaW5nOiAnMCA0cHgnLFxuICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbiAgICAgIH0sXG4gICAgICAnLmFwLWNoZWNrYm94OmhvdmVyJzoge1xuICAgICAgICBvcGFjaXR5OiAwLjlcbiAgICAgIH0sXG4gICAgICAnLmFwLWNoZWNrYm94OmFjdGl2ZSc6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgICAgfSxcbiAgICAgICcuYXAtY2hlY2tib3gtaW5wdXQnOiB7XG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICBwYWRkaW5nOiAnMCAycHgnLFxuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgdG9wOiAnLTJweCcsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHpJbmRleDogOFxuICAgICAgfSxcbiAgICAgICcuYXAtY2hlY2tib3gtdGl0bGUnOiB7fSxcbiAgICAgICcuYXAtY2hlY2tib3gtaWNvbic6IHtcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IDIsXG4gICAgICAgIHRvcDogMFxuICAgICAgfSxcbiAgICAgICcuYXAtY2hlY2tib3g6aG92ZXIgLmFwLWNoZWNrYm94LWljb24nOiB7XG4gICAgICAgIGNvbG9yOiBgJHtoaWdobGlnaHRDb2xvcn1gXG4gICAgICB9LFxuICAgICAgJy5hcC1jaGVja2JveDphY3RpdmUgLmFwLWNoZWNrYm94LWljb24nOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNVxuICAgICAgfSxcbiAgICAgICcuYXAtY2hlY2tib3gtaWNvbi1jaGVja2VkJzoge1xuICAgICAgICBjb2xvcjogYCR7aGlnaGxpZ2h0Q29sb3J9YFxuICAgICAgfVxuICAgIH1cbiAgICBsZXQgc21hbGxNZWRpYURhdGEgPSB7fVxuICAgIGxldCBtZWRpdW1NZWRpYURhdGEgPSB7fVxuICAgIGxldCBsYXJnZU1lZGlhRGF0YSA9IHt9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGRhdGEsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsTWVkaWFEYXRhIH1cbiAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bU1lZGlhRGF0YSB9XG4gICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlTWVkaWFEYXRhIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcENoZWNrYm94U3R5bGVcbiJdfQ==