@zohodesk/dot/lib/v1/Attachment/Attachment.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _icons = require("@zohodesk/icons");

var _Layout = require("@zohodesk/components/es/v1/Layout");

var _Link = _interopRequireDefault(require("../Link/Link"));

var _AttachmentModule = _interopRequireDefault(require("../../Attachment/Attachment.module.css"));

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

/**** Libraries ****/

/**** CSS ****/
var Attachment = function Attachment(props) {
  var onClick = props.onClick,
      dataId = props.dataId,
      size = props.size,
      iconName = props.iconName,
      fileName = props.fileName,
      fileSize = props.fileSize,
      downloadLink = props.downloadLink,
      palette = props.palette,
      tooltip = props.tooltip,
      fileInfo = props.fileInfo,
      i18nKeys = props.i18nKeys,
      dataSelectorId = props.dataSelectorId,
      isDisabled = props.isDisabled;
  var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
      downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    isInline: true,
    className: "".concat(_AttachmentModule["default"].attachment, " ").concat(isDisabled ? _AttachmentModule["default"].disableAttachment : "", " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
    onClick: onClick,
    dataId: dataId,
    "data-title": tooltip,
    alignBox: "row",
    isCover: false,
    dataSelectorId: dataSelectorId,
    tabIndex: "0"
  }, iconName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].attachleft
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    align: "both"
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: iconName,
    iconClass: _AttachmentModule["default"].attachIcon
  }))) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    flexible: true,
    className: _AttachmentModule["default"].attachright
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    align: "horizontal"
  }, fileName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].atatchName,
    "data-title": fileName
  }, fileName) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].footer
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
    alignBox: "row",
    align: "baseline",
    isCover: false
  }, fileSize ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].attachSize,
    adjust: true,
    shrink: true,
    "data-title": fileSize
  }, fileSize) : null, fileInfo ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].dot
  }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
    className: _AttachmentModule["default"].attachSize,
    adjust: true,
    shrink: true,
    "data-title": fileInfo
  }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
    target: "_self",
    href: downloadLink,
    className: _AttachmentModule["default"].attachDownload,
    title: downloadTitle,
    hasReload: true,
    dataId: "".concat(dataId, "_download")
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
    name: "ZD-downloadNew",
    iconClass: _AttachmentModule["default"].downIcon
  })) : null, isDisabled ? /*#__PURE__*/_react["default"].createElement("div", {
    "data-title": tooltip,
    className: _AttachmentModule["default"].disableLayer
  }) : null);
};

Attachment.propTypes = _propTypes.propTypes;
Attachment.defaultProps = _defaultProps.defaultProps;
var _default = Attachment; // if (__DOCS__) {
//   Attachment.docs = {
//     componentGroup: 'Attachment'
//   };
// }

exports["default"] = _default;