"use strict";

exports.__esModule = true;
exports.default = exports.Background = exports.AnchorWrapper = exports.Wrapper = void 0;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Menu = _interopRequireDefault(require("./Menu"));

var _useToggle3 = _interopRequireDefault(require("../../hooks/useToggle"));

var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

(function () {
  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
  enterModule && enterModule(module);
})();

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
  return a;
};

var Wrapper = (0, _withClickOutside.default)(_styledComponents.default.div.withConfig({
  displayName: "DropMenu__Wrapper",
  componentId: "sc-12nvpch-0"
})(["position:relative;"]));
exports.Wrapper = Wrapper;

var AnchorWrapper = _styledComponents.default.div.withConfig({
  displayName: "DropMenu__AnchorWrapper",
  componentId: "sc-12nvpch-1"
})([""]);

exports.AnchorWrapper = AnchorWrapper;

var Background = _styledComponents.default.div.withConfig({
  displayName: "DropMenu__Background",
  componentId: "sc-12nvpch-2"
})(["position:absolute;top:0;left:0;bottom:0;right:0;z-index:19998;"]);

exports.Background = Background;

var DropMenu = function DropMenu(_ref) {
  var id = _ref.id,
      initOpen = _ref.initOpen,
      menuItems = _ref.menuItems,
      alignRight = _ref.alignRight,
      _ref$className = _ref.className,
      className = _ref$className === void 0 ? "" : _ref$className,
      children = _ref.children;

  var _useToggle = (0, _useToggle3.default)(initOpen),
      _useToggle2 = _slicedToArray(_useToggle, 3),
      open = _useToggle2[0],
      toggle = _useToggle2[1],
      reset = _useToggle2[2];

  return /*#__PURE__*/_react.default.createElement(Wrapper, {
    className: className,
    onClickOutside: reset
  }, /*#__PURE__*/_react.default.createElement(AnchorWrapper, {
    id: id + "Anchor",
    onClick: toggle,
    open: open
  }, _react.default.Children.map(children, function (child) {
    return typeof child === "object" ? _react.default.cloneElement(child, {
      open: open
    }) : child;
  })), /*#__PURE__*/_react.default.createElement(_Menu.default, {
    id: id + "Dropdown",
    open: open,
    menuItems: menuItems,
    reset: reset,
    alignRight: alignRight
  }));
};

__signature__(DropMenu, "useToggle{[open, toggle, reset]}", function () {
  return [_useToggle3.default];
});

__signature__(DropMenu, "useToggle{[open, toggle, reset]}", function () {
  return [_useToggle3.default];
});

var _default = DropMenu;
var _default2 = _default;
var _default3 = _default2;
exports.default = _default3;
;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(AnchorWrapper, "AnchorWrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(Background, "Background", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(DropMenu, "DropMenu", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();

;

(function () {
  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(AnchorWrapper, "AnchorWrapper", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(Background, "Background", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(DropMenu, "DropMenu", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/DropMenu/index.js");
})();

;

(function () {
  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
  leaveModule && leaveModule(module);
})();