bilingo-ui/lib/WantedPublishPopover/index.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var inherits = require('../inherits-c86d64c1.js');
var React = require('react');
var React__default = _interopDefault(React);
require('react-dom');
require('../Modal/index.js');
var styleInject_es = require('../style-inject.es-dcee06b6.js');
require('../defineProperty-ba7cd53d.js');
require('../index-1143667e.js');
var antd = require('antd');
var WantedPublishView = require('../WantedPublishView/index.js');
var WantedPublish = require('../WantedPublish-761aab8e.js');

var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAFNElEQVRYR82Yf0jcdRjH33enp1NbTQ3FdKhTY64hTTsURc6keQeSqIPSQJIiMHM3zj8ST/BE/And+c8wmSSMomHl4EaaP2aeuq/R1MwrraEgLVbLXcvpReY847l9v3I7774/LKUHjuN79/k8z+v7+fG8n89Hhv+pyf4F1xEAxwE8BSAIQDAAPwB/AnCwnzsAVgHsSI0jFcwfwEkA8QAiRAYj0BUACwDsIvtALJgcwLMA0tjREevfs90tADcBbAg5EAN2FEAegFAhZyL/3wYwBeB7vvZCYFEAzgIIEBlUSjMCYwA4vXXiA6N1lAuApvGg7DaAL7zB+QILB1DA7rKDguL80shNegbxBkZbv4jd/gcNxfmfYHftbjxvYDR9CYdFxMahDfExm/tcP3mC0RQWHzIUF+5HAGPcgydYPoBn+MCSk5ODm5ubs4qKigadTq8b6rHuFRUVcYmJicf0ev2swAuTOnwC4L7niD0J4FW+zvHx8YEMw+gjIiKOz8zM3MjIyPhwa2vLp9xUV1cntra2VioUCv+WlpYug8EwLwD3HYAbnmApANL5OlZVVZ0wm806hUKhpHbz8/Nfq1Sqns3NzT1wdXV1J41GYwXXdnZ2lklNTb0sAEaK8JEnGKWHSKH1xY2Cn59fILVdXFz8RqVSXdrY2Nid16amptM1NTVvyeVy0laIGV23uJ+SpnJrTAHgTSEo7v/Kyso4k8l0XqlUUoWBpaUlW3p6epfdbn9oMpnO6HS6N+RyOfnE1NTUWFZW1hUx65H1T3I1z4E9AaBULBi1Ky8vj+ns7NQFBASE0PPKysqi1WqdKSsrK5XJZC61sFqtw2q1+jMpfgmK3ocDoymkqZRkJSUlUd3d3ReCgoJI6B+zwcHBzzUazTVJDh81XgJwnQOLY8Vasp+CgoKI3t7ed5VKJSmGy4aGhvrz8vIskp096kDF5TUOjCpR7X4c9fX1nS0sLCQJ27XV1dXbubm5HTabjSpZqfYTgAEOLAzAOake+vv787VaLSVlsh2Hw/EgODiY8iHsdvsdjUbTMT09/UCi3x9oeXJgtLvKpDgYHR0tzMnJoQISOzs7zq6urss9PT0LAwMDF0JDQ6mOw9ra2t38/Hzz5OTkHxJ8k0Lc5MDo+3UArsTJZ3K5HOPj469kZmbmsFDbHR0dH+j1+hl6TklJCRkZGdGFh4fH0PP6+vq94uJi8/DwsNh6/0sAt9y18kUAiXxQ/v7+MoZhXktLS8uidk6n82FbW9ul2trab937JSUlBVmt1vORkZGx9LvD4bhfWlpqtlgsvwm8NykIqcNf7mBUsb7E19FoNJ6qr6+vojbb29t/NzY2vt/Q0ECnnz0WGxsbODEx8U50dLSrhFpeXrYlJCRcFAD7BYBrN7uDkXzQOqOzoU+zWCwarVarNRgMF9vb2+nU49OioqKUDMO8HRIScjQ7O/u9hYUFoV1KZwCbJxg9vwDgjNA6U6vVx8bGxlzliZCFhYX5xcTEHJmbm1sXaEvnzysAtryB0eIvAeAS6EO2caoJuJjeSutTAFyL+xDtdwCkqbsViq9T0mHW/ZsArlLacx8IX2C0AV4G8PQBjxqlh34AP3vG4TvwkihrDhCOTkZ0+KBqYo8JXRHQyKkBnPiPR4524CAAnwlXCIzjOc3e9AhKlogXoCspOnnz5jSxYBSPLlaeB/AcAFfZLNHuAvgKwK9i+kkB4/xRjqP6jXSQhJpPKUi4aYToc08MEF8ek9KfRo675qRv7qqTu+6kVLAv28+I7SuQ1E7/AHTQdDZ7M6+KAAAAAElFTkSuQmCC";

var css = ".WantedPublishPopover_wantedWrapper__3CrCz {\n  width: 366px;\n  height: 424px;\n  font-size: 18px;\n  text-align: center;\n}\n.WantedPublishPopover_wantedWrapper__3CrCz .WantedPublishPopover_closeBtnWrapper__1KV58 {\n  position: absolute;\n  top: 10px;\n  right: 16px;\n  width: 20px;\n  height: 20px;\n}\n.WantedPublishPopover_wantedWrapper__3CrCz .WantedPublishPopover_closeBtnWrapper__1KV58:focus {\n  outline: none;\n}\n.WantedPublishPopover_wantedWrapper__3CrCz .WantedPublishPopover_closeBtnWrapper__1KV58 > div.WantedPublishPopover_closeBtn__1aBMB {\n  border: none;\n  padding: 0px;\n  margin: 0px;\n  cursor: pointer;\n}\n.WantedPublishPopover_wantedWrapper__3CrCz .WantedPublishPopover_closeBtnWrapper__1KV58 > div.WantedPublishPopover_closeBtn__1aBMB > img {\n  width: 100%;\n}\n";
var styles = {
  "wantedWrapper": "WantedPublishPopover_wantedWrapper__3CrCz",
  "closeBtnWrapper": "WantedPublishPopover_closeBtnWrapper__1KV58",
  "closeBtn": "WantedPublishPopover_closeBtn__1aBMB"
};
styleInject_es.styleInject(css);

var WantedPublishPopover =
/*#__PURE__*/
function (_WatnedPublishBase) {
  inherits._inherits(WantedPublishPopover, _WatnedPublishBase);

  function WantedPublishPopover(props) {
    var _this;

    inherits._classCallCheck(this, WantedPublishPopover);

    _this = inherits._possibleConstructorReturn(this, inherits._getPrototypeOf(WantedPublishPopover).call(this, props));

    _this.handleConfirmButton = function (containerRef) {
      var handleConfirm = _this.props.handleConfirm;

      if (handleConfirm) {
        var value = _this.formatCurrentWanted(_this.state.current_wanted);

        handleConfirm(_this.formatResult(value), containerRef);
      }

      _this.setState({
        visible: false
      });
    };

    _this.state = {
      visible: false,
      current_wanted: null
    };
    return _this;
  }

  inherits._createClass(WantedPublishPopover, [{
    key: "renderInitView",
    value: function renderInitView() {
      var _this2 = this;

      var current_wanted = this.state.current_wanted;
      return React__default.createElement(WantedPublishView.default, Object.assign({
        type: "pop",
        current_wanted: current_wanted,
        InputWantedValueChange: function InputWantedValueChange(v) {
          return _this2.setState({
            current_wanted: v
          });
        },
        InputWantedPressEnter: function InputWantedPressEnter(v) {
          var value = _this2.formatCurrentWanted(v);

          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));

          _this2.setState({
            current_wanted: value,
            visible: false
          });
        },
        InputWantedOnBlur: function InputWantedOnBlur(v) {
          var value = _this2.formatCurrentWanted(v);

          _this2.setState({
            current_wanted: value
          });
        },
        InputWantedClear: function InputWantedClear() {
          _this2.setState({
            current_wanted: null
          }, function () {
            if (_this2.props.handleConfirm) _this2.props.handleConfirm(null);

            _this2.setState({
              visible: false
            });
          });
        },
        InputWantedConfirm: this.handleConfirmButton
      }, this.props.viewConfig));
    }
  }, {
    key: "render",
    value: function render() {
      var _this3 = this;

      var _this$props = this.props,
          children = _this$props.children,
          _this$props$popoverCo = _this$props.popoverConfig,
          popoverConfig = _this$props$popoverCo === void 0 ? {} : _this$props$popoverCo,
          currentWanted = _this$props.currentWanted;
      return React__default.createElement(antd.Popover, Object.assign({
        placement: "left",
        trigger: "click",
        visible: this.state.visible,
        onVisibleChange: function onVisibleChange(value) {
          if (value && currentWanted) {
            _this3.setState({
              current_wanted: +currentWanted
            });
          }

          _this3.setState({
            visible: value
          });
        }
      }, popoverConfig, {
        content: React__default.createElement("div", {
          className: styles.wantedWrapper
        }, React__default.createElement("div", {
          role: "button",
          tabIndex: 1,
          className: styles.closeBtnWrapper
        }, React__default.createElement("div", {
          className: styles.closeBtn,
          onClick: function onClick() {
            _this3.setState({
              visible: false
            });
          }
        }, React__default.createElement("img", {
          src: img,
          alt: "close wanted button"
        }))), this.renderInitView())
      }), children);
    }
  }]);

  return WantedPublishPopover;
}(WantedPublish.WatnedPublishBase);

exports.WantedPublishPopover = WantedPublishPopover;
exports.default = WantedPublishPopover;
//# sourceMappingURL=index.js.map