@twreporter/universal-header/lib/components/action-button.js

Universal header of TWReporter sites

"use strict";

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); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MobileHeaderAction = exports.MobileHamburgerAction = exports.DesktopHeaderAction = exports.DesktopHamburgerAction = void 0;
var _react = _interopRequireWildcard(require("react"));
var _actions = require("../constants/actions");
var _actionItemTypes = require("../constants/action-item-types");
var _headerContext = require("../contexts/header-context");
var _actionButtonItem = _interopRequireDefault(require("./action-button-item"));
var _map = _interopRequireDefault(require("lodash/map"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // constant
// context
// components
// lodash
var _ = {
  map: _map["default"]
};
var getActionProps = function getActionProps(type) {
  return _.map(_actions.ACTION_ORDER[type], function (item) {
    return item;
  });
};
var DesktopHeaderAction = exports.DesktopHeaderAction = function DesktopHeaderAction(_ref) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
  var actionProps = getActionProps('desktop');
  return /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], _extends({
    actions: actionProps
  }, props));
};
var MobileHeaderAction = exports.MobileHeaderAction = function MobileHeaderAction(_ref2) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
  var actionProps = getActionProps('mobile');
  return /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], _extends({
    actions: actionProps
  }, props));
};
var DesktopHamburgerAction = exports.DesktopHamburgerAction = function DesktopHamburgerAction(_ref3) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
  var _useContext = (0, _react.useContext)(_headerContext.HamburgerContext),
    closeHamburgerMenu = _useContext.closeHamburgerMenu;
  var actionProps = getActionProps('hamburger');
  return /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], _extends({
    actions: actionProps,
    direction: _actionItemTypes.DIRECTION_TYPE.column,
    textType: _actionItemTypes.TEXT_TYPE.full,
    buttonWidth: _actionItemTypes.BUTTON_WIDTH_TYPE.stretch,
    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L,
    isForHambuger: true,
    callback: closeHamburgerMenu
  }, props));
};
var MobileHamburgerAction = exports.MobileHamburgerAction = function MobileHamburgerAction(_ref4) {
  var props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
  var _useContext2 = (0, _react.useContext)(_headerContext.HamburgerContext),
    closeHamburgerMenu = _useContext2.closeHamburgerMenu;
  var actionProps = getActionProps('hamburger');
  return /*#__PURE__*/_react["default"].createElement(_actionButtonItem["default"], _extends({
    actions: actionProps,
    textType: _actionItemTypes.TEXT_TYPE.full,
    buttonWidth: _actionItemTypes.BUTTON_WIDTH_TYPE.stretch,
    buttonSize: _actionItemTypes.BUTTON_SIZE_TYPE.L,
    isForHambuger: true,
    callback: closeHamburgerMenu
  }, props));
};