"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.DialogSelectOption = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _clsx = _interopRequireDefault(require("clsx"));
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
var _Dialog = _interopRequireDefault(require("../Dialog"));
require("./Styles.scss");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var DialogSelectOption = exports.DialogSelectOption = /*#__PURE__*/function (_React$Component) {
  _inherits(DialogSelectOption, _React$Component);
  var _super = _createSuper(DialogSelectOption);
  function DialogSelectOption() {
    var _this;
    _classCallCheck(this, DialogSelectOption);
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _super.call.apply(_super, [this].concat(args));
    _defineProperty(_assertThisInitialized(_this), "onSelect", function () {
      _this.props.onSelect(_this.props.option);
    });
    return _this;
  }
  _createClass(DialogSelectOption, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
        option = _this$props.option,
        selected = _this$props.selected,
        renderOption = _this$props.renderOption;
      return /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
        className: 'dialogselect-option' + (selected ? ' selected' : ''),
        "data-option": option.identifier,
        onClick: this.onSelect
      }, renderOption ? renderOption(option) : option.title);
    }
  }]);
  return DialogSelectOption;
}(_react["default"].Component);
var DialogSelect = exports["default"] = /*#__PURE__*/function (_React$Component2) {
  _inherits(DialogSelect, _React$Component2);
  var _super2 = _createSuper(DialogSelect);
  function DialogSelect(props) {
    var _this2;
    _classCallCheck(this, DialogSelect);
    _this2 = _super2.call(this, props);
    _defineProperty(_assertThisInitialized(_this2), "onClickAway", function (e) {
      var element = e.target;
      do {
        if (element === _this2.control) {
          return;
        }
        element = element.parentElement;
      } while (element);
      _this2.closeDialog();
    });
    _defineProperty(_assertThisInitialized(_this2), "showDialog", function () {
      window.addEventListener('click', _this2.onClickAway, true);
      _this2.setState({
        isOpen: true
      });
      _this2.props.onFocus && _this2.props.onFocus();
    });
    _defineProperty(_assertThisInitialized(_this2), "closeDialog", function () {
      window.removeEventListener('click', _this2.onClickAway, true);
      _this2.setState({
        isOpen: false
      });
    });
    _defineProperty(_assertThisInitialized(_this2), "toggleDialog", function () {
      if (_this2.props.disabled) {
        return;
      }
      _this2.state.isOpen ? _this2.closeDialog() : _this2.showDialog();
      if (_this2.props.onToggle !== undefined) {
        _this2.props.onToggle();
      }
    });
    _defineProperty(_assertThisInitialized(_this2), "onChange", function (option) {
      _this2.closeDialog();
      if (!_this2.isSelected(option)) {
        _this2.props.onChange(option);
      }
    });
    _this2.state = {
      isOpen: false
    };
    return _this2;
  }
  _createClass(DialogSelect, [{
    key: "isSelected",
    value: function isSelected(option) {
      if ((0, _isFunction["default"])(this.props.isSelected)) {
        return this.props.isSelected(option);
      }
      var valueProperty = this.props.valueProperty;
      if (!this.props.value) {
        return false;
      }

      // if there are more values in the selection
      if ((0, _isEqual["default"])(this.props.value)) {
        var _iterator = _createForOfIteratorHelper(this.props.value),
          _step;
        try {
          for (_iterator.s(); !(_step = _iterator.n()).done;) {
            var v = _step.value;
            if (valueProperty) {
              if (v[valueProperty] === option[valueProperty]) {
                return true;
              }
            } else {
              if (v === option) {
                return true;
              }
            }
          }
        } catch (err) {
          _iterator.e(err);
        } finally {
          _iterator.f();
        }
      } else if (valueProperty) {
        return this.props.value[valueProperty] === option[valueProperty];
      } else {
        return this.props.value === option;
      }
    }
  }, {
    key: "renderOption",
    value: function renderOption(option, key) {
      var renderOption = this.props.renderOption;
      return /*#__PURE__*/_react["default"].createElement(DialogSelectOption, {
        option: option,
        key: key,
        onSelect: this.onChange,
        selected: this.isSelected(option),
        renderOption: renderOption
      });
    }
  }, {
    key: "render",
    value: function render() {
      var _this3 = this;
      var _this$props2 = this.props,
        label = _this$props2.label,
        options = _this$props2.options,
        value = _this$props2.value,
        renderValue = _this$props2.renderValue,
        renderOption = _this$props2.renderOption,
        showSelected = _this$props2.showSelected,
        renderArrow = _this$props2.renderArrow,
        dialogPositioning = _this$props2.dialogPositioning,
        adjustWidth = _this$props2.adjustWidth,
        relativeTo = _this$props2.relativeTo,
        overlay = _this$props2.overlay,
        className = _this$props2.className,
        Dialog = _this$props2.Dialog;
      var topElement = null;
      if (showSelected) {
        if (value) {
          if (renderValue) {
            topElement = renderValue(value);
          } else {
            topElement = renderOption(value, true);
          }
        } else {
          topElement = /*#__PURE__*/_react["default"].createElement("div", {
            className: "dialogselect-label"
          }, label);
        }
      } else {
        topElement = /*#__PURE__*/_react["default"].createElement("div", {
          className: "dialogselect-label"
        }, label);
      }
      var relativeElement = relativeTo || this.control;
      var show = (0, _isEqual["default"])(options) && options.length > 0 && this.state.isOpen;
      var disabled = this.props.disabled || false;
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: (0, _clsx["default"])('dialogselect', className, disabled && 'disabled'),
        ref: function ref(el) {
          return _this3.control = el;
        }
      }, /*#__PURE__*/_react["default"].createElement("div", {
        className: "button",
        onClick: this.toggleDialog
      }, topElement, renderArrow()), /*#__PURE__*/_react["default"].createElement(Dialog, {
        className: 'dialogselect-dialog ' + (adjustWidth ? '' : 'auto-width'),
        show: show,
        relativeTo: relativeElement,
        onClose: this.closeDialog,
        animation: "grow",
        relativePosition: dialogPositioning || DialogSelect.dialogPositioning,
        parent: document.getElementById('configuratorscreen'),
        refValue: options,
        width: adjustWidth ? 'adjust' : false,
        overlay: overlay,
        overlayClassName: "dialogselect-overlay"
      }, (0, _isEqual["default"])(options) && options.map(function (option, key) {
        return _this3.renderOption(option, key);
      })));
    }
  }]);
  return DialogSelect;
}(_react["default"].Component);
_defineProperty(DialogSelect, "dialogPositioning", [['left', 'right'], ['top', 'top']]);
DialogSelect.defaultProps = {
  renderArrow: function renderArrow() {
    return null;
  },
  Dialog: _Dialog["default"]
};