@massds/mayflower-react/dist/GenTeaserEvent/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _IconCalendar = _interopRequireDefault(require("../Icon/IconCalendar.js"));
var _index = _interopRequireDefault(require("../LinkDropdown/index.js"));
var _index2 = _interopRequireDefault(require("../EventTime/index.js"));
var _utils = require("../GenTeaser/utils.js");
var _excluded = ["calendars", "startDate", "endDate", "details", "location", "description", "title"];
/**
 * GenTeaserEvent module.
 * @module @massds/mayflower-react/GenTeaserEvent
 * @requires module:@massds/mayflower-assets/scss/03-organisms/gen-teaser
 */
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
/**
 * Event
 */
var GenTeaserEvent = function GenTeaserEvent(props) {
  var calendars = props.calendars,
    startDate = props.startDate,
    endDate = props.endDate,
    details = props.details,
    location = props.location,
    description = props.description,
    title = props.title,
    rest = _objectWithoutPropertiesLoose(props, _excluded);
  var dropdownProps = {
    dropdownButton: {
      text: 'Add to Calendar',
      theme: 'c-primary',
      usage: 'quaternary',
      id: 'dropdownbutton-simple',
      'aria-haspopup': true,
      capitalized: true
    }
  };
  var eventProps = {
    startDate: startDate,
    endDate: endDate,
    details: details,
    location: location,
    description: description,
    title: title
  };
  dropdownProps.dropdownItems = calendars.map(function (item) {
    var type = item.type,
      text = item.text;
    var itemVals = '';
    switch (type) {
      case 'yahoo':
      case 'google':
      case 'outlookcom':
        itemVals = {
          text: text,
          href: (0, _utils.buildUrl)(eventProps, type)
        };
        break;
      default:
        itemVals = {
          text: text,
          href: (0, _utils.buildUrl)(eventProps, type, window || ''),
          target: '_blank',
          download: 'download.ics'
        };
        break;
    }
    return itemVals;
  });
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", _extends({
    className: "ma__gen-teaser__infoitem"
  }, rest), /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__gen-teaser__infoitem-icon"
  }, /*#__PURE__*/_react["default"].createElement(_IconCalendar["default"], {
    width: 20,
    height: 20
  })), /*#__PURE__*/_react["default"].createElement(_index2["default"], eventProps)), /*#__PURE__*/_react["default"].createElement(_index["default"], dropdownProps));
};
GenTeaserEvent.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The start date & time of the event  */
  startDate: _propTypes["default"].string,
  /** The end date & time of the event  */
  endDate: _propTypes["default"].string,
  /** The address of the event */
  location: _propTypes["default"].string,
  /** Any details about the event */
  details: _propTypes["default"].string,
  /** What type of calendars you would like users to be able to add to.
   'google', 'yahoo', and 'outlookcom' if passed will render as specific
   formats, all others render as base ics format.
   */
  calendars: _propTypes["default"].arrayOf(_propTypes["default"].string),
  /** The title of the event */
  title: _propTypes["default"].string,
  /** A description of the event */
  description: _propTypes["default"].string
} : {};
var _default = exports["default"] = GenTeaserEvent;
module.exports = exports.default;