@zohodesk/dot 1.0.0-temp-156 → 1.0.0-temp-159

package/lib/utils/General.js

@@ -7,41 +7,52 @@ exports.formatPhoneUrl = formatPhoneUrl;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
 exports.stopBubbling = stopBubbling;
+
 function stopBubbling(event) {
   event.preventDefault();
   event.stopPropagation && event.stopPropagation();
   event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
 }
+
 function getFullName() {
   var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var fullName = '';
+
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
+
   if (lastName !== null && lastName !== '') {
     fullName = "".concat(fullName).concat(lastName);
   }
+
   return fullName;
 }
+
 function shallowDiff() {
   var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
   for (var i in a) {
     if (!(i in b)) {
       return true;
     }
   }
+
   for (var _i in b) {
     if (a[_i] !== b[_i]) {
       return true;
     }
   }
+
   return false;
 }
+
 function formatPhoneUrl(phone) {
   if (/^[0-9]{1,10}$/.test(phone)) {
     return phone.length == 10 ? "(".concat(phone.slice(0, 3), ") ").concat(phone.slice(3, 6), "-").concat(phone.slice(6, 10)) : phone;
   }
+
   return phone;
 }

package/lib/utils/editorUtils.js

@@ -15,36 +15,44 @@ exports.isImageFormat = isImageFormat;
 exports.loadResource = loadResource;
 exports.triggerKeyup = triggerKeyup;
 exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
-var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200;
+var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
 
-// editorUtils
 function editorContentValidate(editorObj) {
   var content = editorObj && editorObj.getContent && editorObj.getContent() || '';
+
   if (content == '' || !content.length || content == '<div><br></div>' || editorObj.mode !== 'plaintext' && !editorObj.doc.body.innerText.trim().length && !editorObj.doc.getElementsByTagName('img').length && !editorObj.doc.getElementsByTagName('iframe').length && !isValidSpace(editorObj)) {
     return false;
   }
+
   return true;
 }
+
 function isValidSpace(editorObj) {
   var uTags = editorObj.doc.body.getElementsByTagName('u');
   var isValidContent = false;
+
   for (var i = 0; i < uTags.length; i++) {
     var uTag = uTags[i];
     var contentLength = uTag.innerText.length;
+
     if (contentLength) {
       isValidContent = true;
       break;
     }
   }
+
   return isValidContent;
 }
+
 function fixEncoding(str) {
   if (/&amp;lt;|&amp;gt;/g.test(str) == true) {
     str = str.replace(/&amp;lt;/g, '&lt;');
     str = str.replace(/&amp;gt;/g, '&gt;');
   }
+
   return str;
 }
+
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -54,59 +62,71 @@ function encodeForHtml(str) {
     str = str.replace(/\\/g, '&#x5c;');
     str = str.replace(/'/g, '&#39;');
   }
+
   return str;
-}
+} // attachment
 
-// attachment
 
 function isFileNameSizeInvalid(fileName) {
   return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
 }
+
 function isImageFormat(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
 }
+
 function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf('.') != -1) {
     return fileName.substring(fileName.lastIndexOf('.') + 1, fileName.length).toLowerCase();
   }
+
   return '';
-}
+} // common
+
 
-// common
 function triggerKeyup(elem) {
   var keyup = new KeyboardEvent('keyup');
   elem && elem.dispatchEvent && elem.dispatchEvent(keyup);
-}
+} // editor
 
-// editor
 
 function getRichEditorContent(key) {
   var richTextEditor = global.editor[key];
+
   if (richTextEditor != undefined) {
     var content = richTextEditor.getContent();
     content = content.trim();
+
     if (content == '<br>') {
       return '';
     }
+
     if (richTextEditor.mode == 'plaintext') {
       content = replaceNewLineCharacter(content);
     }
+
     return content;
   }
+
   return '';
 }
+
 function replaceNewLineCharacter(content) {
   if (typeof content !== 'undefined') {
     content = encodeForHtml(content);
     content = content.replace(/\n/g, '<br/>');
   }
+
   return content;
 }
+
 var changeContent = function changeContent(id, value) {
   var editorObj = global.editor && global.editor[id];
+
   if (editorObj) {
     var content = fixEncoding(value);
+
     if (editorObj.mode === 'plaintext') {
       editorObj.squireInstance.setHTML(content);
       editorObj.plainText(editorObj.squireInstance.getHTML());
@@ -115,74 +135,89 @@ var changeContent = function changeContent(id, value) {
     }
   }
 };
+
 exports.changeContent = changeContent;
+
 function validateEditorContentOnInsertHtml(node) {
   if (node.nodeName === 'IFRAME') {
     var iframeSrcRegex = /^(https?:)?\/\/((www\.youtube\.com)|(www\.youtube-nocookie\.com)|(([a-z\-]+\.)?flowplayer\.org)|(www\.useloom\.com)|(player\.vimeo\.com)|(www\.dailymotion\.com)|(w\.soundcloud\.com)|(whatfix\.com)|([a-z\-]+\.zoho\.com)|([a-z\-]+\.google\.com)|([a-z\-]+\.efficientforms\.com)|([a-z0-9\-]+\.microsoftstream\.com)).*$/;
+
     if (!node.getAttribute('src') || !iframeSrcRegex.test(node.getAttribute('src'))) {
       node.parentNode.removeChild(node);
     }
   }
-}
-
-// loadresource
+} // loadresource
 
 /* use promise and remove callback*/
+
+
 function loadResource(url, type, id, callback) {
   return new Promise(function (resolve) {
     var css, script;
+
     if (id && document.getElementById(id)) {
       resolve();
       return;
     }
+
     if (type === 'css') {
       css = document.createElement('link');
       css.type = 'text/css';
       css.rel = 'stylesheet';
       css.href = url;
       css.id = id || '';
+
       css.onload = function () {
         resolve();
       };
+
       css.onerror = function () {
         resolve();
       };
+
       document.getElementsByTagName('head')[0].appendChild(css);
     } else if (type === 'js') {
       script = document.createElement('script');
       script.type = 'text/javascript';
       script.src = url;
       script.defer = true;
+
       script.onload = function () {
         resolve();
+
         if (id) {
           script.id = id;
         }
+
         if (typeof callback === 'function') {
           callback();
         }
       };
+
       script.onerror = function () {
         resolve();
       };
+
       document.getElementsByTagName('head')[0].appendChild(script);
     }
   });
-}
+} // bind
 
-// bind
 
 function bind() {
   var _this = this;
+
   for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
     handlers[_key] = arguments[_key];
   }
+
   handlers.forEach(function (handler) {
     if (__DEVELOPMENT__) {
       if (!_this[handler]) {
         console.log('Handler method not defined: ', handler);
       }
     }
+
     _this[handler] = _this[handler].bind(_this);
   });
 }

package/lib/v1/ActionButton/ActionButton.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../ActionButton/props/defaultProps");
+
+var _propTypes = require("../../ActionButton/props/propTypes");
+
+var _Popup = _interopRequireDefault(require("@zohodesk/components/es/v1/Popup/Popup"));
+
+var _icons = require("@zohodesk/icons");
+
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
+
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+var _ActionButtonModule = _interopRequireDefault(require("../../ActionButton/ActionButton.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ActionButton(props) {
+  var isLoading = props.isLoading,
+      onClick = props.onClick,
+      size = props.size,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId,
+      isArrow = props.isArrow,
+      text = props.text,
+      subText = props.subText,
+      arrowBoxSize = props.arrowBoxSize,
+      palette = props.palette,
+      onHover = props.onHover,
+      position = props.position,
+      className = props.className,
+      iconName = props.iconName,
+      iconSize = props.iconSize,
+      dataTitle = props.dataTitle,
+      isDisabled = props.isDisabled,
+      isPopupOpen = props.isPopupOpen,
+      removeClose = props.removeClose,
+      children = props.children,
+      dropBoxClass = props.dropBoxClass,
+      isBoxPaddingNeed = props.isBoxPaddingNeed,
+      getContainerRef = props.getContainerRef,
+      getTargetRef = props.getTargetRef,
+      removeChildrenTooltip = props.removeChildrenTooltip,
+      innerClassName = props.innerClassName,
+      popupGroup = props.popupGroup,
+      togglePopup = props.togglePopup,
+      defaultPosition = props.defaultPosition;
+
+  var handleTogglePopup = function handleTogglePopup(e) {
+    togglePopup(e, defaultPosition);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    isCover: false,
+    className: " ".concat(_ActionButtonModule["default"].container, " ").concat(_ActionButtonModule["default"][palette + 'Box'], " ").concat(_ActionButtonModule["default"][size], " ").concat(className, " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisabled') : '', " ").concat(!onClick ? _ActionButtonModule["default"].wholeDiv : '', " "),
+    onClick: onHover ? removeClose : !onClick ? handleTogglePopup : undefined,
+    onMouseEnter: !onClick ? onHover && handleTogglePopup : undefined,
+    onMouseLeave: !onClick ? onHover && handleTogglePopup : undefined,
+    eleRef: getTargetRef,
+    dataSelectorId: dataSelectorId
+  }, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    status: "loading",
+    palette: palette,
+    size: "medium",
+    customClass: {
+      customButton: _ActionButtonModule["default"].btn
+    },
+    text: text
+  })) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    onClick: onClick,
+    dataId: dataId,
+    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " ").concat(innerClassName, " "),
+    "data-title": dataTitle,
+    tagName: "button",
+    tabIndex: "0"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "both"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _ActionButtonModule["default"].contentwrapper
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    isCover: false,
+    alignBox: "row",
+    align: "vertical"
+  }, iconName ? /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: iconName,
+    size: iconSize,
+    iconClass: "".concat(_ActionButtonModule["default"].iconClr, " ").concat(text ? _ActionButtonModule["default"].iconMrgn : '')
+  }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    shrink: true,
+    className: _ActionButtonModule["default"].txt,
+    "data-title": removeChildrenTooltip ? null : text
+  }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    "data-title": removeChildrenTooltip ? null : subText,
+    className: _ActionButtonModule["default"].subTxt
+  }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    onClick: onClick ? !onHover && handleTogglePopup : undefined,
+    onMouseEnter: onClick ? onHover && handleTogglePopup : undefined,
+    onMouseLeave: onClick ? onHover && handleTogglePopup : undefined,
+    className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
+    dataId: "".concat(dataId, "_arrowButton"),
+    tabIndex: "0",
+    tagName: "button",
+    dataSelectorId: "".concat(dataSelectorId, "_arrowButton")
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    align: "both"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-down",
+    size: "6",
+    iconClass: _ActionButtonModule["default"].arrow
+  })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+    size: "small",
+    isActive: isPopupOpen,
+    boxPosition: position,
+    isAnimate: true,
+    isArrow: isArrow,
+    customClass: {
+      customDropBoxWrap: dropBoxClass
+    },
+    isBoxPaddingNeed: isBoxPaddingNeed,
+    getRef: getContainerRef,
+    popupGroup: popupGroup,
+    needFocusScope: true,
+    onClose: handleTogglePopup
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    shrink: true,
+    scroll: "vertical"
+  }, children)) : null) : null));
+}
+
+ActionButton.defaultProps = _defaultProps.defaultProps;
+ActionButton.propTypes = _propTypes.propTypes;
+var ActionButtonComponent = (0, _Popup["default"])(ActionButton);
+ActionButtonComponent.defaultProps = ActionButton.defaultProps;
+ActionButtonComponent.propTypes = ActionButton.propTypes; // ActionButton.docs = {
+//   componentGroup: 'Atom'
+// };
+
+var _default = ActionButtonComponent;
+exports["default"] = _default;

package/lib/v1/AlphabeticList/AlphabeticList.js

@@ -0,0 +1,113 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("../../AlphabeticList/props/defaultProps");
+
+var _propTypes = require("../../AlphabeticList/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _AlphabeticListModule = _interopRequireDefault(require("../../AlphabeticList/AlphabeticList.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/*** Libraries ***/
+
+/*** CSS ***/
+var AlphabeticListItemMemo = /*#__PURE__*/(0, _react.memo)(AlphabeticListItem);
+
+function AlphabeticList(props) {
+  var onSelect = props.onSelect,
+      selectedCharacter = props.selectedCharacter,
+      align = props.align,
+      type = props.type,
+      i18nKeys = props.i18nKeys,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId;
+  var _i18nKeys$allText = i18nKeys.allText,
+      allText = _i18nKeys$allText === void 0 ? 'All' : _i18nKeys$allText,
+      _i18nKeys$allTitle = i18nKeys.allTitle,
+      allTitle = _i18nKeys$allTitle === void 0 ? 'All' : _i18nKeys$allTitle;
+  var alignType = align === 'vertical' ? _AlphabeticListModule["default"].column : _AlphabeticListModule["default"].row;
+  var letters = type == 'alphabeticalwithhash' ? _propTypes.AlphabeticCharactersWithHash : type == 'alphabetical' ? _propTypes.AlphabeticCharacters : _propTypes.NumberList;
+
+  var handleSelectAll = function handleSelectAll() {
+    onSelect && selectedCharacter != 'ALL' && onSelect('ALL');
+  };
+
+  var handleSelect = function handleSelect(id) {
+    onSelect && selectedCharacter !== id && onSelect(id);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    tagName: "ul",
+    isCover: false,
+    alignBox: align === 'vertical' ? 'column' : 'row',
+    className: "".concat(_AlphabeticListModule["default"].container, " ").concat(alignType, " ").concat(type != 'alphabetical' ? _AlphabeticListModule["default"].numbers : ''),
+    dataId: "navigationDiv",
+    dataSelectorId: dataSelectorId
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    tagName: "li",
+    className: "".concat(_AlphabeticListModule["default"].list, " ").concat(_AlphabeticListModule["default"].title, " ").concat(selectedCharacter === 'ALL' ? _AlphabeticListModule["default"].selected : ''),
+    dataId: "All_".concat(dataId)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: handleSelectAll,
+    className: "".concat(_AlphabeticListModule["default"].heading, " ").concat(_AlphabeticListModule["default"].letter),
+    "data-title": allTitle
+  }, allText)), letters.map(function (letter) {
+    return /*#__PURE__*/_react["default"].createElement(AlphabeticListItemMemo, {
+      id: letter,
+      isActive: letter === selectedCharacter,
+      onClick: handleSelect,
+      text: letter,
+      key: letter,
+      dataId: dataId
+    });
+  }));
+}
+
+AlphabeticList.propTypes = _propTypes.AlphabeticList_propTypes;
+AlphabeticList.defaultProps = _defaultProps.AlphabeticList_defaultProps;
+var MemoizedAlphabeticList = /*#__PURE__*/(0, _react.memo)(AlphabeticList);
+MemoizedAlphabeticList.propTypes = _propTypes.AlphabeticList_propTypes;
+MemoizedAlphabeticList.defaultProps = _defaultProps.AlphabeticList_defaultProps;
+MemoizedAlphabeticList.displayName = 'AlphabeticList';
+var _default = MemoizedAlphabeticList;
+exports["default"] = _default;
+
+function AlphabeticListItem(props) {
+  var isActive = props.isActive,
+      text = props.text,
+      dataId = props.dataId,
+      onClick = props.onClick,
+      id = props.id;
+
+  var handleClick = function handleClick() {
+    onClick && onClick(id);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true,
+    tagName: "li",
+    className: "".concat(_AlphabeticListModule["default"].list, " ").concat(isActive ? _AlphabeticListModule["default"].selected : ''),
+    onClick: handleClick,
+    dataId: "".concat(text, "_").concat(dataId)
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _AlphabeticListModule["default"].letter
+  }, text));
+}
+
+AlphabeticListItem.propTypes = _propTypes.AlphabeticListItem_propTypes;
+AlphabeticListItem.defaultProps = _defaultProps.AlphabeticListItem_defaultProps;

package/lib/v1/Attachment/Attachment.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../Attachment/props/defaultProps");
+
+var _propTypes = require("../../Attachment/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;
+  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(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 ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    target: "_self",
+    href: downloadLink,
+    className: _AttachmentModule["default"].attachDownload,
+    title: downloadTitle,
+    hasReload: true
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-downloadNew",
+    iconClass: _AttachmentModule["default"].downIcon
+  })) : null);
+};
+
+Attachment.propTypes = _propTypes.propTypes;
+Attachment.defaultProps = _defaultProps.defaultProps;
+var _default = Attachment; // if (__DOCS__) {
+//   Attachment.docs = {
+//     componentGroup: 'Attachment'
+//   };
+// }
+
+exports["default"] = _default;