apeman-react-upload/lib/ap_upload_style.js

apeman react package for file upload components.

/**
 * Style for ApUpload.
 * @class ApUploadStyle
 */

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

  propTypes: {
    style: _react.PropTypes.object,
    highlightColor: _react.PropTypes.string,
    backgroundColor: _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-upload': {
            position: 'relative',
            display: 'inline-block',
            color: '#888',
            overflow: 'hidden'
          },
          '.ap-upload:hover': {
            color: '#555'
          },
          '.ap-upload:active': {
            textShadow: 'none',
            opacity: 1,
            color: '#777'
          },
          '.ap-upload-label': {
            position: 'absolute',
            zIndex: 1,
            textAlign: 'center',
            boxSizing: 'border-box',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            pointerEvents: 'none',
            backgroundColor: '' + backgroundColor,
            boxShadow: 'inset 1px 1px 2px rgba(0,0,0,0.33)',
            border: '1px solid #CCC',
            borderRadius: '2px'
          },
          '.ap-upload-input': {
            opacity: 0,
            display: 'inline-block',
            cursor: 'pointer',
            position: 'relative',
            zIndex: 2
          },
          '.ap-upload-icon': {
            display: 'block',
            fontSize: '2em'
          },
          '.ap-upload-label-inner': {
            display: 'inline-block',
            verticalAlign: 'middle'
          },
          '.ap-upload-aligner': {
            display: 'inline-block',
            width: '1px',
            marginRight: '-1px',
            height: '100%',
            boxSizing: 'border-box',
            verticalAlign: 'middle'
          },
          '.ap-upload .ap-spinner': {
            position: 'absolute',
            top: 0,
            left: 0,
            right: 0,
            bottom: 0,
            zIndex: 8,
            backgroundColor: '' + backgroundColor,
            color: '#DDD'
          },
          '.ap-upload-preview-image': {
            display: 'inline-block',
            boxSizing: 'border-box',
            zIndex: 4,
            position: 'absolute',
            left: 0,
            top: 0,
            right: 0,
            bottom: 0,
            pointerEvents: 'none',
            border: '1px solid #AAA'
          },
          '.ap-upload-remove-button': {
            display: 'inline-block',
            position: 'absolute',
            right: 0,
            top: 0,
            zIndex: 5,
            margin: 0,
            border: 'none',
            padding: '8px',
            fontSize: '24px',
            color: '#AAA',
            background: 'rgba(255,255,255,0.2)',
            borderRadius: 0
          },
          '.ap-upload-remove-button:hover': {
            opacity: 1,
            boxShadow: 'none',
            color: '#555'
          },
          '.ap-upload-remove-button:active': {
            opacity: 1,
            boxShadow: 'none',
            color: '#555'
          }
        }
      };
    }
  },
  render: function render() {
    var s = this;
    var props = s.props;

    var _ApUploadStyle$styleD = ApUploadStyle.styleData(props);

    var all = _ApUploadStyle$styleD.all;
    var small = _ApUploadStyle$styleD.small;
    var medium = _ApUploadStyle$styleD.medium;
    var large = _ApUploadStyle$styleD.large;


    return _react2.default.createElement(
      _apemanReactStyle.ApStyle,
      { data: Object.assign(all, props.style),
        smallMediaData: small,
        mediumMediaData: medium,
        largeMediaData: large
      },
      props.children
    );
  }
});

exports.default = ApUploadStyle;
//# sourceMappingURL=data:application/json;base64,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QVhjO0FBWTFCLDBCQUFjO0FBWlksV0EzRXpCO0FBeUZILDRDQUFrQztBQUNoQyxxQkFBUyxDQUR1QjtBQUVoQyx1QkFBVyxNQUZxQjtBQUdoQyxtQkFBTztBQUh5QixXQXpGL0I7QUE4RkgsNkNBQW1DO0FBQ2pDLHFCQUFTLENBRHdCO0FBRWpDLHVCQUFXLE1BRnNCO0FBR2pDLG1CQUFPO0FBSDBCO0FBOUZoQztBQURBLE9BQVA7QUFzR0Q7QUF6R00sR0FiNkI7QUF3SHRDLFFBeEhzQyxvQkF3SDVCO0FBQ1IsUUFBTSxJQUFJLElBQVY7QUFEUSxRQUVGLEtBRkUsR0FFUSxDQUZSLENBRUYsS0FGRTs7QUFBQSxnQ0FJNEIsY0FBYyxTQUFkLENBQXdCLEtBQXhCLENBSjVCOztBQUFBLFFBSUYsR0FKRSx5QkFJRixHQUpFO0FBQUEsUUFJRyxLQUpILHlCQUlHLEtBSkg7QUFBQSxRQUlVLE1BSlYseUJBSVUsTUFKVjtBQUFBLFFBSWtCLEtBSmxCLHlCQUlrQixLQUpsQjs7O0FBTVIsV0FDRTtBQUFBO01BQUEsRUFBUyxNQUFPLE9BQU8sTUFBUCxDQUFjLEdBQWQsRUFBbUIsTUFBTSxLQUF6QixDQUFoQjtBQUNTLHdCQUFpQixLQUQxQjtBQUVTLHlCQUFrQixNQUYzQjtBQUdTLHdCQUFpQjtBQUgxQjtNQUlHLE1BQU07QUFKVCxLQURGO0FBT0Q7QUFySXFDLENBQWxCLENBQXRCOztrQkF3SWUsYSIsImZpbGUiOiJhcF91cGxvYWRfc3R5bGUuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL29rdW5pc2hpbmlzaGkvUHJvamVjdHMvYXBlbWFuLXByb2plY3RzL2FwZW1hbi1yZWFjdC11cGxvYWQvbGliIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTdHlsZSBmb3IgQXBVcGxvYWQuXG4gKiBAY2xhc3MgQXBVcGxvYWRTdHlsZVxuICovXG5cbid1c2Ugc3RyaWN0J1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtBcFN0eWxlfSBmcm9tICdhcGVtYW4tcmVhY3Qtc3R5bGUnXG5cbi8qKiBAbGVuZHMgQXBVcGxvYWRTdHlsZSAqL1xuY29uc3QgQXBVcGxvYWRTdHlsZSA9IFJlYWN0LmNyZWF0ZUNsYXNzKHtcbiAgcHJvcFR5cGVzOiB7XG4gICAgc3R5bGU6IHR5cGVzLm9iamVjdCxcbiAgICBoaWdobGlnaHRDb2xvcjogdHlwZXMuc3RyaW5nLFxuICAgIGJhY2tncm91bmRDb2xvcjogdHlwZXMuc3RyaW5nXG4gIH0sXG4gIGdldERlZmF1bHRQcm9wcyAoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHN0eWxlOiB7fSxcbiAgICAgIGhpZ2hsaWdodENvbG9yOiBBcFN0eWxlLkRFRkFVTFRfSElHSExJR0hUX0NPTE9SLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBBcFN0eWxlLkRFRkFVTFRfQkFDS0dST1VORF9DT0xPUlxuICAgIH1cbiAgfSxcbiAgc3RhdGljczoge1xuICAgIHN0eWxlRGF0YSAoY29uZmlnKSB7XG4gICAgICBsZXQgeyBoaWdobGlnaHRDb2xvciwgYmFja2dyb3VuZENvbG9yIH0gPSBjb25maWdcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGFsbDoge1xuICAgICAgICAgICcuYXAtdXBsb2FkJzoge1xuICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIGNvbG9yOiAnIzg4OCcsXG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdXBsb2FkOmhvdmVyJzoge1xuICAgICAgICAgICAgY29sb3I6ICcjNTU1J1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC11cGxvYWQ6YWN0aXZlJzoge1xuICAgICAgICAgICAgdGV4dFNoYWRvdzogJ25vbmUnLFxuICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgIGNvbG9yOiAnIzc3NydcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdXBsb2FkLWxhYmVsJzoge1xuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke2JhY2tncm91bmRDb2xvcn1gLFxuICAgICAgICAgICAgYm94U2hhZG93OiAnaW5zZXQgMXB4IDFweCAycHggcmdiYSgwLDAsMCwwLjMzKScsXG4gICAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgI0NDQycsXG4gICAgICAgICAgICBib3JkZXJSYWRpdXM6ICcycHgnXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXVwbG9hZC1pbnB1dCc6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdXBsb2FkLWljb24nOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnYmxvY2snLFxuICAgICAgICAgICAgZm9udFNpemU6ICcyZW0nXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXVwbG9hZC1sYWJlbC1pbm5lcic6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdXBsb2FkLWFsaWduZXInOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICAgICAgICAgIHdpZHRoOiAnMXB4JyxcbiAgICAgICAgICAgIG1hcmdpblJpZ2h0OiAnLTFweCcsXG4gICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZSdcbiAgICAgICAgICB9LFxuICAgICAgICAgICcuYXAtdXBsb2FkIC5hcC1zcGlubmVyJzoge1xuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICBsZWZ0OiAwLFxuICAgICAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgICAgICB6SW5kZXg6IDgsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAke2JhY2tncm91bmRDb2xvcn1gLFxuICAgICAgICAgICAgY29sb3I6ICcjREREJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC11cGxvYWQtcHJldmlldy1pbWFnZSc6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgICAgICB6SW5kZXg6IDQsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICByaWdodDogMCxcbiAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgICAgICAgICAgIGJvcmRlcjogJzFweCBzb2xpZCAjQUFBJ1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC11cGxvYWQtcmVtb3ZlLWJ1dHRvbic6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICByaWdodDogMCxcbiAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgIHpJbmRleDogNSxcbiAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgICAgICAgcGFkZGluZzogJzhweCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzI0cHgnLFxuICAgICAgICAgICAgY29sb3I6ICcjQUFBJyxcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICdyZ2JhKDI1NSwyNTUsMjU1LDAuMiknLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiAwXG4gICAgICAgICAgfSxcbiAgICAgICAgICAnLmFwLXVwbG9hZC1yZW1vdmUtYnV0dG9uOmhvdmVyJzoge1xuICAgICAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgICAgICAgY29sb3I6ICcjNTU1J1xuICAgICAgICAgIH0sXG4gICAgICAgICAgJy5hcC11cGxvYWQtcmVtb3ZlLWJ1dHRvbjphY3RpdmUnOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICAgICAgYm94U2hhZG93OiAnbm9uZScsXG4gICAgICAgICAgICBjb2xvcjogJyM1NTUnXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9LFxuICByZW5kZXIgKCkge1xuICAgIGNvbnN0IHMgPSB0aGlzXG4gICAgbGV0IHsgcHJvcHMgfSA9IHNcblxuICAgIGxldCB7IGFsbCwgc21hbGwsIG1lZGl1bSwgbGFyZ2UgfSA9IEFwVXBsb2FkU3R5bGUuc3R5bGVEYXRhKHByb3BzKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxBcFN0eWxlIGRhdGE9eyBPYmplY3QuYXNzaWduKGFsbCwgcHJvcHMuc3R5bGUpIH1cbiAgICAgICAgICAgICAgIHNtYWxsTWVkaWFEYXRhPXsgc21hbGwgfVxuICAgICAgICAgICAgICAgbWVkaXVtTWVkaWFEYXRhPXsgbWVkaXVtIH1cbiAgICAgICAgICAgICAgIGxhcmdlTWVkaWFEYXRhPXsgbGFyZ2UgfVxuICAgICAgPnsgcHJvcHMuY2hpbGRyZW4gfTwvQXBTdHlsZT5cbiAgICApXG4gIH1cbn0pXG5cbmV4cG9ydCBkZWZhdWx0IEFwVXBsb2FkU3R5bGVcbiJdfQ==