apeman-react-dropdown/lib/ap_dropdown_style.js

/**
 * Style for ApDropdown.
 * @class ApDropdownStyle
 */

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

  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
    };
  },
  render: function render() {
    var s = this;
    var props = s.props;
    var highlightColor = props.highlightColor;
    var backgroundColor = props.backgroundColor;


    var duration = '400ms';
    var buttonHeight = 44;

    var data = {
      '.ap-dropdown': {
        position: 'relative',
        boxSizing: 'border-box',
        display: 'inline-block'
      },
      '.ap-dropdown-content': {
        position: 'absolute',
        boxSizing: 'border-box',
        overflow: 'hidden',
        transition: 'width ' + duration + ', height ' + duration,
        top: buttonHeight + 'px',
        left: 0,
        background: 'rgba(255,255,255,0.95)',
        width: '100%',
        maxWidth: _apemanReactStyle.ApStyle.CONTENT_WIDTH,
        border: '1px solid #EEE',
        zIndex: 99
      },
      '.ap-dropdown-content-inner': {
        minWidth: '192px',
        minHeight: '40px'
      },
      '.ap-dropdown-open .ap-dropdown-content': {},
      '.ap-dropdown-closed .ap-dropdown-content': {
        height: '0 !important',
        border: 'none'
      },

      '.ap-dropdown-button-wrap': {
        position: 'relative'
      },
      '.ap-dropdown-button': {
        margin: 0,
        padding: '0 8px',
        boxSizing: 'border-box',
        verticalAlign: 'middle',
        border: 'none',
        display: 'block',
        color: 'inherit',
        lineHeight: buttonHeight + 'px',
        backgroundColor: 'transparent'
      },
      '.ap-dropdown-button-aligner': {
        height: '100%',
        width: '1px',
        verticalAlign: 'middle'
      },
      '.ap-dropdown-item': {
        display: 'block',
        boxSizing: 'border-box',
        textDecoration: 'none',
        padding: '4px 8px',
        lineHeight: '36px',
        borderBottom: '1px solid #F0F0F0'
      },
      '.ap-dropdown-item:hover': {
        cursor: 'pointer',
        background: '#FAFAFA'
      },
      '.ap-dropdown-item:active': {
        background: '#F0F0F0'
      },
      '.ap-dropdown-icon': {
        display: 'inline-block',
        margin: '0 8px',
        fontSize: '12px'
      },
      '.ap-dropdown-spinner-cover': {
        position: 'absolute',
        left: 0,
        top: 0,
        right: 0,
        bottom: 0,
        textAlign: 'center',
        boxSizing: 'border-box',
        padding: '16px 32px',
        background: 'rgba(255, 255, 255, 0.75)',
        border: '1px solid rgba(255, 255, 255, 0.9)',
        zIndex: 101,
        color: '#888'
      }
    };
    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 = ApDropdownStyle;
//# sourceMappingURL=data:application/json;base64,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QWtCLEVBQXRCO0FBQ0EsUUFBSSxpQkFBaUIsRUFBckI7QUFDQSxXQUNFO0FBQUE7TUFBQSxFQUFTLE1BQU8sT0FBTyxNQUFQLENBQWMsSUFBZCxFQUFvQixNQUFNLEtBQTFCLENBQWhCO0FBQ1Msd0JBQWlCLGNBRDFCO0FBRVMseUJBQWtCLGVBRjNCO0FBR1Msd0JBQWlCO0FBSDFCO01BSUcsTUFBTTtBQUpULEtBREY7QUFPRDtBQWxIdUMsQ0FBbEIsQ0FBeEI7O2tCQXFIZSxlIiwiZmlsZSI6ImFwX2Ryb3Bkb3duX3N0eWxlLmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9va3VuaXNoaW5pc2hpL1Byb2plY3RzL2FwZW1hbi1wcm9qZWN0cy9hcGVtYW4tcmVhY3QtZHJvcGRvd24vbGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTdHlsZSBmb3IgQXBEcm9wZG93bi5cbiAqIEBjbGFzcyBBcERyb3Bkb3duU3R5bGVcbiAqL1xuXG4ndXNlIHN0cmljdCdcblxuaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR5cGVzfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7QXBTdHlsZX0gZnJvbSAnYXBlbWFuLXJlYWN0LXN0eWxlJ1xuXG4vKiogQGxlbmRzIEFwRHJvcGRvd25TdHlsZSAqL1xuY29uc3QgQXBEcm9wZG93blN0eWxlID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICBwcm9wVHlwZXM6IHtcbiAgICBzdHlsZTogdHlwZXMub2JqZWN0LFxuICAgIGhpZ2hsaWdodENvbG9yOiB0eXBlcy5zdHJpbmdcbiAgfSxcbiAgZ2V0RGVmYXVsdFByb3BzICgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc3R5bGU6IHt9LFxuICAgICAgaGlnaGxpZ2h0Q29sb3I6IEFwU3R5bGUuREVGQVVMVF9ISUdITElHSFRfQ09MT1IsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IEFwU3R5bGUuREVGQVVMVF9CQUNLR1JPVU5EX0NPTE9SXG4gICAgfVxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCB7IGhpZ2hsaWdodENvbG9yLCBiYWNrZ3JvdW5kQ29sb3IgfSA9IHByb3BzXG5cbiAgICBsZXQgZHVyYXRpb24gPSAnNDAwbXMnXG4gICAgbGV0IGJ1dHRvbkhlaWdodCA9IDQ0XG5cbiAgICBsZXQgZGF0YSA9IHtcbiAgICAgICcuYXAtZHJvcGRvd24nOiB7XG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaydcbiAgICAgIH0sXG4gICAgICAnLmFwLWRyb3Bkb3duLWNvbnRlbnQnOiB7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICB0cmFuc2l0aW9uOiBgd2lkdGggJHtkdXJhdGlvbn0sIGhlaWdodCAke2R1cmF0aW9ufWAsXG4gICAgICAgIHRvcDogYCR7YnV0dG9uSGVpZ2h0fXB4YCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgYmFja2dyb3VuZDogJ3JnYmEoMjU1LDI1NSwyNTUsMC45NSknLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBtYXhXaWR0aDogQXBTdHlsZS5DT05URU5UX1dJRFRILFxuICAgICAgICBib3JkZXI6ICcxcHggc29saWQgI0VFRScsXG4gICAgICAgIHpJbmRleDogOTlcbiAgICAgIH0sXG4gICAgICAnLmFwLWRyb3Bkb3duLWNvbnRlbnQtaW5uZXInOiB7XG4gICAgICAgIG1pbldpZHRoOiAnMTkycHgnLFxuICAgICAgICBtaW5IZWlnaHQ6ICc0MHB4J1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24tb3BlbiAuYXAtZHJvcGRvd24tY29udGVudCc6IHt9LFxuICAgICAgJy5hcC1kcm9wZG93bi1jbG9zZWQgLmFwLWRyb3Bkb3duLWNvbnRlbnQnOiB7XG4gICAgICAgIGhlaWdodDogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIGJvcmRlcjogJ25vbmUnXG4gICAgICB9LFxuXG4gICAgICAnLmFwLWRyb3Bkb3duLWJ1dHRvbi13cmFwJzoge1xuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24tYnV0dG9uJzoge1xuICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIHBhZGRpbmc6ICcwIDhweCcsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbiAgICAgICAgYm9yZGVyOiAnbm9uZScsXG4gICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgIGNvbG9yOiAnaW5oZXJpdCcsXG4gICAgICAgIGxpbmVIZWlnaHQ6IGAke2J1dHRvbkhlaWdodH1weGAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50J1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24tYnV0dG9uLWFsaWduZXInOiB7XG4gICAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgICB3aWR0aDogJzFweCcsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246ICdtaWRkbGUnXG4gICAgICB9LFxuICAgICAgJy5hcC1kcm9wZG93bi1pdGVtJzoge1xuICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgdGV4dERlY29yYXRpb246ICdub25lJyxcbiAgICAgICAgcGFkZGluZzogJzRweCA4cHgnLFxuICAgICAgICBsaW5lSGVpZ2h0OiAnMzZweCcsXG4gICAgICAgIGJvcmRlckJvdHRvbTogJzFweCBzb2xpZCAjRjBGMEYwJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24taXRlbTpob3Zlcic6IHtcbiAgICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICAgIGJhY2tncm91bmQ6ICcjRkFGQUZBJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24taXRlbTphY3RpdmUnOiB7XG4gICAgICAgIGJhY2tncm91bmQ6ICcjRjBGMEYwJ1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24taWNvbic6IHtcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgIG1hcmdpbjogJzAgOHB4JyxcbiAgICAgICAgZm9udFNpemU6ICcxMnB4J1xuICAgICAgfSxcbiAgICAgICcuYXAtZHJvcGRvd24tc3Bpbm5lci1jb3Zlcic6IHtcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIHBhZGRpbmc6ICcxNnB4IDMycHgnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjc1KScsXG4gICAgICAgIGJvcmRlcjogJzFweCBzb2xpZCByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOSknLFxuICAgICAgICB6SW5kZXg6IDEwMSxcbiAgICAgICAgY29sb3I6ICcjODg4J1xuICAgICAgfVxuICAgIH1cbiAgICBsZXQgc21hbGxNZWRpYURhdGEgPSB7fVxuICAgIGxldCBtZWRpdW1NZWRpYURhdGEgPSB7fVxuICAgIGxldCBsYXJnZU1lZGlhRGF0YSA9IHt9XG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGRhdGEsIHByb3BzLnN0eWxlKSB9XG4gICAgICAgICAgICAgICBzbWFsbE1lZGlhRGF0YT17IHNtYWxsTWVkaWFEYXRhIH1cbiAgICAgICAgICAgICAgIG1lZGl1bU1lZGlhRGF0YT17IG1lZGl1bU1lZGlhRGF0YSB9XG4gICAgICAgICAgICAgICBsYXJnZU1lZGlhRGF0YT17IGxhcmdlTWVkaWFEYXRhIH1cbiAgICAgID57IHByb3BzLmNoaWxkcmVuIH08L0FwU3R5bGU+XG4gICAgKVxuICB9XG59KVxuXG5leHBvcnQgZGVmYXVsdCBBcERyb3Bkb3duU3R5bGVcbiJdfQ==