@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
133 lines (132 loc) • 6.03 kB
JavaScript
"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 _IconDocPdf = _interopRequireDefault(require("../Icon/IconDocPdf.js"));
var _IconDocDocx = _interopRequireDefault(require("../Icon/IconDocDocx.js"));
var _IconDocXlsx = _interopRequireDefault(require("../Icon/IconDocXlsx.js"));
var _IconDocGeneric = _interopRequireDefault(require("../Icon/IconDocGeneric.js"));
var _IconArrow = _interopRequireDefault(require("../Icon/IconArrow.js"));
var _IconDownload = _interopRequireDefault(require("../Icon/IconDownload.js"));
var _excluded = ["showFileIcon", "className", "href", "info", "text", "details", "icon", "fileIcon"];
/**
* DecorativeLink module.
* @module @massds/mayflower-react/DecorativeLink
* @requires module:@massds/mayflower-assets/scss/01-atoms/decorative-link
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons
* @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons
*/
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line import/no-unresolved
// eslint-disable-next-line import/no-unresolved
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; }
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,
fileIcon = props.fileIcon,
rest = _objectWithoutPropertiesLoose(props, _excluded);
var classes = (0, _classnames["default"])((_classNames = {
'ma__decorative-link': true,
'ma__download-link': showFileIcon
}, _classNames[props.className] = className, _classNames));
var preIcon;
var title;
var postIcon = /*#__PURE__*/_react["default"].createElement(_IconArrow["default"], {
width: "0.8em",
height: "0.8em"
});
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;
postIcon = /*#__PURE__*/_react["default"].createElement(_IconDownload["default"], {
width: "0.8em",
height: "0.8em"
});
switch (ext) {
case 'pdf':
preIcon = /*#__PURE__*/_react["default"].createElement(_IconDocPdf["default"], {
title: title,
height: 28,
width: 28,
bold: false
});
break;
case 'docx':
preIcon = /*#__PURE__*/_react["default"].createElement(_IconDocDocx["default"], {
title: title,
height: 28,
width: 28,
bold: false
});
break;
case 'xlxs':
preIcon = /*#__PURE__*/_react["default"].createElement(_IconDocXlsx["default"], {
title: title,
height: 28,
width: 28,
bold: false
});
break;
case 'generic':
preIcon = /*#__PURE__*/_react["default"].createElement(_IconDocGeneric["default"], {
title: title,
height: 28,
width: 28,
bold: false
});
break;
default:
preIcon = null;
postIcon = /*#__PURE__*/_react["default"].createElement(_IconArrow["default"], {
width: "0.8em",
height: "0.8em"
});
}
}
return /*#__PURE__*/_react["default"].createElement("span", {
className: classes
}, /*#__PURE__*/_react["default"].createElement("a", _extends({}, rest, {
href: href,
title: info || null
}), (fileIcon || preIcon) && /*#__PURE__*/_react["default"].createElement("span", {
className: "ma__download-link--icon"
}, fileIcon || preIcon, /*#__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 || postIcon));
};
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"].element,
fileIcon: _propTypes["default"].element
} : {};
DecorativeLink.defaultProps = {
href: '#',
text: 'Lorem ipsum dolor sit amet',
showFileIcon: false
};
var _default = exports["default"] = DecorativeLink;
module.exports = exports.default;