@lskjs/add-to-calendar/createCalendarUrl.story.js

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

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

var _Story = _interopRequireDefault(require("@lskjs/dev/Story"));

var _DEV = _interopRequireDefault(require("@lskjs/dev/DEV"));

var _createCalendarUrl = _interopRequireDefault(require("./createCalendarUrl"));

var _downloadCalendar = _interopRequireDefault(require("./downloadCalendar"));

/* eslint-disable import/no-extraneous-dependencies */

/* eslint-disable react/jsx-one-expression-per-line */

/* eslint-disable react/jsx-no-target-blank */
// import AddToCalendar from './AddToCalendar';
var event = {
  title: 'Sample Event',
  description: 'This is the sample event provided as an example only',
  location: 'Portland, OR',
  start: '2020-02-20T20:20:20-04:00',
  finish: '2020-03-03T03:03:03+03:00'
};
var types = ['ics', 'google', 'yahoo', 'outlookcom'];
var urls = types.map(function (type) {
  return {
    type: type,
    url: (0, _createCalendarUrl["default"])(event, type)
  };
});

var onClick = function onClick(e) {
  e.preventDefault();
  (0, _downloadCalendar["default"])(e.currentTarget.getAttribute('href'));
};

var _default = function _default(_ref) {
  var storiesOf = _ref.storiesOf;
  return storiesOf('add-to-calendar/createCalendarUrl', module).add('Default', function () {
    return /*#__PURE__*/_react["default"].createElement(_Story["default"], null, /*#__PURE__*/_react["default"].createElement("pre", null, JSON.stringify(event, null, 2)), /*#__PURE__*/_react["default"].createElement("pre", null, JSON.stringify({
      start: new Date(event.start),
      finish: new Date(event.finish)
    }, null, 2)), /*#__PURE__*/_react["default"].createElement("table", null, urls.map(function (_ref2) {
      var type = _ref2.type,
          url = _ref2.url;
      return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("th", null, type), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("a", {
        href: url,
        target: "_blank"
      }, "Download ", type)), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("button", {
        type: "button",
        href: url,
        onClick: onClick,
        target: "_blank"
      }, "Download ", type)));
    })));
  });
};

exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jcmVhdGVDYWxlbmRhclVybC5zdG9yeS5qc3giXSwibmFtZXMiOlsiZXZlbnQiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwibG9jYXRpb24iLCJzdGFydCIsImZpbmlzaCIsInR5cGVzIiwidXJscyIsIm1hcCIsInR5cGUiLCJ1cmwiLCJvbkNsaWNrIiwiZSIsInByZXZlbnREZWZhdWx0IiwiY3VycmVudFRhcmdldCIsImdldEF0dHJpYnV0ZSIsInN0b3JpZXNPZiIsIm1vZHVsZSIsImFkZCIsIkpTT04iLCJzdHJpbmdpZnkiLCJEYXRlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFHQTs7QUFDQTs7QUFDQTs7QUFHQTs7QUFDQTs7QUFUQTs7QUFDQTs7QUFDQTtBQUtBO0FBSUEsSUFBTUEsS0FBSyxHQUFHO0FBQ1pDLEVBQUFBLEtBQUssRUFBRSxjQURLO0FBRVpDLEVBQUFBLFdBQVcsRUFBRSxzREFGRDtBQUdaQyxFQUFBQSxRQUFRLEVBQUUsY0FIRTtBQUlaQyxFQUFBQSxLQUFLLEVBQUUsMkJBSks7QUFLWkMsRUFBQUEsTUFBTSxFQUFFO0FBTEksQ0FBZDtBQVFBLElBQU1DLEtBQUssR0FBRyxDQUFDLEtBQUQsRUFBUSxRQUFSLEVBQWtCLE9BQWxCLEVBQTJCLFlBQTNCLENBQWQ7QUFDQSxJQUFNQyxJQUFJLEdBQUdELEtBQUssQ0FBQ0UsR0FBTixDQUFVLFVBQUNDLElBQUQ7QUFBQSxTQUFXO0FBQ2hDQSxJQUFBQSxJQUFJLEVBQUpBLElBRGdDO0FBRWhDQyxJQUFBQSxHQUFHLEVBQUUsbUNBQWtCVixLQUFsQixFQUF5QlMsSUFBekI7QUFGMkIsR0FBWDtBQUFBLENBQVYsQ0FBYjs7QUFLQSxJQUFNRSxPQUFPLEdBQUcsU0FBVkEsT0FBVSxDQUFDQyxDQUFELEVBQU87QUFDckJBLEVBQUFBLENBQUMsQ0FBQ0MsY0FBRjtBQUNBLG9DQUFpQkQsQ0FBQyxDQUFDRSxhQUFGLENBQWdCQyxZQUFoQixDQUE2QixNQUE3QixDQUFqQjtBQUNELENBSEQ7O2VBS2U7QUFBQSxNQUFHQyxTQUFILFFBQUdBLFNBQUg7QUFBQSxTQUNiQSxTQUFTLENBQUMsbUNBQUQsRUFBc0NDLE1BQXRDLENBQVQsQ0FBdURDLEdBQXZELENBQTJELFNBQTNELEVBQXNFO0FBQUEsd0JBQ3BFLGdDQUFDLGlCQUFELHFCQUNFLDZDQUFNQyxJQUFJLENBQUNDLFNBQUwsQ0FBZXBCLEtBQWYsRUFBc0IsSUFBdEIsRUFBNEIsQ0FBNUIsQ0FBTixDQURGLGVBRUUsNkNBQU1tQixJQUFJLENBQUNDLFNBQUwsQ0FBZTtBQUFFaEIsTUFBQUEsS0FBSyxFQUFFLElBQUlpQixJQUFKLENBQVNyQixLQUFLLENBQUNJLEtBQWYsQ0FBVDtBQUFnQ0MsTUFBQUEsTUFBTSxFQUFFLElBQUlnQixJQUFKLENBQVNyQixLQUFLLENBQUNLLE1BQWY7QUFBeEMsS0FBZixFQUFpRixJQUFqRixFQUF1RixDQUF2RixDQUFOLENBRkYsZUFHRSwrQ0FDR0UsSUFBSSxDQUFDQyxHQUFMLENBQVM7QUFBQSxVQUFHQyxJQUFILFNBQUdBLElBQUg7QUFBQSxVQUFTQyxHQUFULFNBQVNBLEdBQVQ7QUFBQSwwQkFDUix5REFDRSw0Q0FBS0QsSUFBTCxDQURGLGVBRUUseURBQ0U7QUFBRyxRQUFBLElBQUksRUFBRUMsR0FBVDtBQUFjLFFBQUEsTUFBTSxFQUFDO0FBQXJCLHNCQUNZRCxJQURaLENBREYsQ0FGRixlQU9FLHlEQUNFO0FBQVEsUUFBQSxJQUFJLEVBQUMsUUFBYjtBQUFzQixRQUFBLElBQUksRUFBRUMsR0FBNUI7QUFBaUMsUUFBQSxPQUFPLEVBQUVDLE9BQTFDO0FBQW1ELFFBQUEsTUFBTSxFQUFDO0FBQTFELHNCQUNZRixJQURaLENBREYsQ0FQRixDQURRO0FBQUEsS0FBVCxDQURILENBSEYsQ0FEb0U7QUFBQSxHQUF0RSxDQURhO0FBQUEsQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIGltcG9ydC9uby1leHRyYW5lb3VzLWRlcGVuZGVuY2llcyAqL1xuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LW9uZS1leHByZXNzaW9uLXBlci1saW5lICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tdGFyZ2V0LWJsYW5rICovXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFN0b3J5IGZyb20gJ0Bsc2tqcy9kZXYvU3RvcnknO1xuaW1wb3J0IERFViBmcm9tICdAbHNranMvZGV2L0RFVic7XG5cbi8vIGltcG9ydCBBZGRUb0NhbGVuZGFyIGZyb20gJy4vQWRkVG9DYWxlbmRhcic7XG5pbXBvcnQgY3JlYXRlQ2FsZW5kYXJVcmwgZnJvbSAnLi9jcmVhdGVDYWxlbmRhclVybCc7XG5pbXBvcnQgZG93bmxvYWRDYWxlbmRhciBmcm9tICcuL2Rvd25sb2FkQ2FsZW5kYXInO1xuXG5jb25zdCBldmVudCA9IHtcbiAgdGl0bGU6ICdTYW1wbGUgRXZlbnQnLFxuICBkZXNjcmlwdGlvbjogJ1RoaXMgaXMgdGhlIHNhbXBsZSBldmVudCBwcm92aWRlZCBhcyBhbiBleGFtcGxlIG9ubHknLFxuICBsb2NhdGlvbjogJ1BvcnRsYW5kLCBPUicsXG4gIHN0YXJ0OiAnMjAyMC0wMi0yMFQyMDoyMDoyMC0wNDowMCcsXG4gIGZpbmlzaDogJzIwMjAtMDMtMDNUMDM6MDM6MDMrMDM6MDAnLFxufTtcblxuY29uc3QgdHlwZXMgPSBbJ2ljcycsICdnb29nbGUnLCAneWFob28nLCAnb3V0bG9va2NvbSddO1xuY29uc3QgdXJscyA9IHR5cGVzLm1hcCgodHlwZSkgPT4gKHtcbiAgdHlwZSxcbiAgdXJsOiBjcmVhdGVDYWxlbmRhclVybChldmVudCwgdHlwZSksXG59KSk7XG5cbmNvbnN0IG9uQ2xpY2sgPSAoZSkgPT4ge1xuICBlLnByZXZlbnREZWZhdWx0KCk7XG4gIGRvd25sb2FkQ2FsZW5kYXIoZS5jdXJyZW50VGFyZ2V0LmdldEF0dHJpYnV0ZSgnaHJlZicpKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0ICh7IHN0b3JpZXNPZiB9KSA9PlxuICBzdG9yaWVzT2YoJ2FkZC10by1jYWxlbmRhci9jcmVhdGVDYWxlbmRhclVybCcsIG1vZHVsZSkuYWRkKCdEZWZhdWx0JywgKCkgPT4gKFxuICAgIDxTdG9yeT5cbiAgICAgIDxwcmU+e0pTT04uc3RyaW5naWZ5KGV2ZW50LCBudWxsLCAyKX08L3ByZT5cbiAgICAgIDxwcmU+e0pTT04uc3RyaW5naWZ5KHsgc3RhcnQ6IG5ldyBEYXRlKGV2ZW50LnN0YXJ0KSwgZmluaXNoOiBuZXcgRGF0ZShldmVudC5maW5pc2gpIH0sIG51bGwsIDIpfTwvcHJlPlxuICAgICAgPHRhYmxlPlxuICAgICAgICB7dXJscy5tYXAoKHsgdHlwZSwgdXJsIH0pID0+IChcbiAgICAgICAgICA8dHI+XG4gICAgICAgICAgICA8dGg+e3R5cGV9PC90aD5cbiAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgPGEgaHJlZj17dXJsfSB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgICAgICAgICAgICBEb3dubG9hZCB7dHlwZX1cbiAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgIDx0ZD5cbiAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgaHJlZj17dXJsfSBvbkNsaWNrPXtvbkNsaWNrfSB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgICAgICAgICAgICBEb3dubG9hZCB7dHlwZX1cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICAgIDwvdHI+XG4gICAgICAgICkpfVxuICAgICAgPC90YWJsZT5cbiAgICA8L1N0b3J5PlxuICApKTtcbiJdfQ==
//# sourceMappingURL=createCalendarUrl.story.js.map