@massds/mayflower-react/dist/DecorativeLink/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 _classnames = _interopRequireDefault(require("classnames"));

var _IconPdf = _interopRequireDefault(require("../Icon/IconPdf.js"));

var _IconDocx = _interopRequireDefault(require("../Icon/IconDocx.js"));

var _IconXlxs = _interopRequireDefault(require("../Icon/IconXlxs.js"));

var _IconGeneric = _interopRequireDefault(require("../Icon/IconGeneric.js"));

var _IconArrow = _interopRequireDefault(require("../Icon/IconArrow.js"));

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

function _extends() { _extends = Object.assign || 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); }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var DecorativeLink = function DecorativeLink(props) {
  var _classNames;

  var showFileIcon = props.showFileIcon,
      className = props.className,
      href = props.href,
      info = props.info,
      text = props.text,
      details = props.details,
      icon = props.icon,
      rest = _objectWithoutPropertiesLoose(props, ["showFileIcon", "className", "href", "info", "text", "details", "icon"]);

  var classes = (0, _classnames["default"])((_classNames = {
    'ma__decorative-link': true,
    'ma__download-link': showFileIcon
  }, _classNames[props.className] = className, _classNames));
  var decIcon = null;
  var title;

  if (showFileIcon) {
    // eslint-disable-next-line no-bitwise
    var getFileExtension = function getFileExtension(filename) {
      return filename.slice((filename.lastIndexOf('.') - 1 >>> 0) + 2);
    };

    var ext = getFileExtension(href);
    title = ext + " file";
    var genericFile = ['csv', 'doc', 'docm', 'dot', 'dotx', 'dwg', 'geojson', 'gif', 'json', 'jpg', 'kml', 'kmz', 'mp3', 'mpp', 'msg', 'odf', 'ods', 'odt', 'png', 'pps', 'ppsx', 'potx', 'ppt', 'pptm', 'pptx', 'ppsm', 'prx', 'pub', 'rdf', 'rtf', 'tiff', 'tsv', 'txt', 'xls', 'xlsb', 'xlsm', 'xml', 'zip'];
    ext = genericFile.indexOf(ext) !== -1 ? 'generic' : ext;

    switch (ext) {
      case 'pdf':
        decIcon = /*#__PURE__*/_react["default"].createElement(_IconPdf["default"], {
          title: title,
          width: 35,
          height: 36
        });
        break;

      case 'docx':
        decIcon = /*#__PURE__*/_react["default"].createElement(_IconDocx["default"], {
          title: title,
          width: 35,
          height: 36
        });
        break;

      case 'xlxs':
        decIcon = /*#__PURE__*/_react["default"].createElement(_IconXlxs["default"], {
          title: title,
          width: 35,
          height: 36
        });
        break;

      case 'generic':
        decIcon = /*#__PURE__*/_react["default"].createElement(_IconGeneric["default"], {
          title: title,
          width: 35,
          height: 36
        });
        break;

      default:
        decIcon = null;
    }
  }

  return /*#__PURE__*/_react["default"].createElement("span", {
    className: classes
  }, /*#__PURE__*/_react["default"].createElement("a", _extends({}, rest, {
    href: href,
    title: info || null
  }), decIcon && /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__download-link--icon"
  }, decIcon, /*#__PURE__*/_react["default"].createElement("span", null, "\xA0")), /*#__PURE__*/_react["default"].createElement("span", null, text), details && /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__decorative-link__details"
  }, /*#__PURE__*/_react["default"].createElement("span", null, "\xA0"), /*#__PURE__*/_react["default"].createElement("span", null, details)), /*#__PURE__*/_react["default"].createElement("span", null, "\xA0"), icon || /*#__PURE__*/_react["default"].createElement(_IconArrow["default"], {
    "aria-hidden": "true"
  })));
};

DecorativeLink.propTypes = process.env.NODE_ENV !== "production" ? {
  href: _propTypes["default"].string,
  info: _propTypes["default"].string,
  text: _propTypes["default"].string,
  showFileIcon: _propTypes["default"].bool,
  className: _propTypes["default"].string,
  details: _propTypes["default"].string,
  icon: _propTypes["default"].elementType
} : {};
DecorativeLink.defaultProps = {
  href: '#',
  text: 'Lorem ipsum dolor sit amet',
  showFileIcon: false
};
var _default = DecorativeLink;
exports["default"] = _default;
module.exports = exports.default;