@zohodesk/dot 1.0.0-temp-200.2 → 1.0.0-temp-187.4

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -6,43 +6,58 @@
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
+
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
+
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
+
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
+
 .large {
   height: var(--zd_size48) ;
 }
+
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
+
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-.value,.multiLineValue {
+
+.value,
+.multiLineValue {
   line-height: 1.5385;
 }
+
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue{
+
+.multiLineValue {
   word-break: break-word;
+  -webkit-line-clamp: 3;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
+
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -50,44 +65,56 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
+
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
+
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top:50% ;
+  top: 50% ;
   transform: translateY(-50%);
 }
+
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-.tickIcon > i {
+
+.tickIcon>i {
   display: block;
 }
+
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
+
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
+
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -100,12 +127,15 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
+
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
+
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
+
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -164,7 +164,8 @@ export default class TagsMultiSelect extends React.Component {
     const {
       TextBoxIconProps = {},
       TagWrapperProps = {},
-      TagProps = {}
+      TagProps = {},
+      listProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
@@ -298,7 +299,8 @@ export default class TagsMultiSelect extends React.Component {
           getRef: this.getSelectedItemRef,
           isDisabled: listDisabled,
           customProps: listItemProps,
-          customClass: listItemClass
+          customClass: listItemClass,
+          ...listProps
         }, isNew ? /*#__PURE__*/React.createElement(Container, {
           alignBox: "row",
           align: "vertical"

package/es/v1/form/fields/TagsMultiSelect/props/propTypes.js

@@ -52,6 +52,7 @@ export const propTypes = {
   customProps: PropTypes.shape({
     TextBoxIconProps: PropTypes.object,
     TagWrapperProps: PropTypes.object,
-    TagProps: PropTypes.object
+    TagProps: PropTypes.object,
+    listProps: PropTypes.object
   })
 };

package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -21,8 +21,12 @@ function DepartmentDropDown(props) {
     searchStr,
     i18nKeys,
     onMoveDepartment,
-    getDepartment
+    getDepartment,
+    customProps
   } = props;
+  const {
+    toggleDropDownProps = {}
+  } = customProps;
   let {
     title = 'Move Department',
     searchEmptyText = 'No results found',
@@ -71,7 +75,8 @@ function DepartmentDropDown(props) {
     getNextOptions: getNextOptions,
     isNextOptions: isNextOptions,
     onSearch: onSearch,
-    needSearchFetching: needSearchFetching
+    needSearchFetching: needSearchFetching,
+    ...toggleDropDownProps
   });
 }
 

package/es/v1/list/DepartmentDropDown/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };

package/es/v1/list/DepartmentDropDown/props/propTypes.js

@@ -20,5 +20,8 @@ export const propTypes = {
     searchEmptyText: PropTypes.string,
     searchErrorText: PropTypes.string,
     placeholder: PropTypes.string
+  }),
+  customProps: PropTypes.shape({
+    toggleDropDownProps: PropTypes.object
   })
 };

package/lib/Attachment/Attachment.js

@@ -70,9 +70,7 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
           fileInfo = _this$props.fileInfo,
           i18nKeys = _this$props.i18nKeys,
           dataSelectorId = _this$props.dataSelectorId,
-          isDisabled = _this$props.isDisabled,
-          _this$props$iconPalet = _this$props.iconPalette,
-          iconPalette = _this$props$iconPalet === void 0 ? "white" : _this$props$iconPalet;
+          isDisabled = _this$props.isDisabled;
       var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
           downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

package/lib/Attachment/Attachment.module.css

@@ -14,15 +14,15 @@
   height: 100% ;
   width: 100% ;
   position: absolute;
-  top: 0 
+  top:0 
 }
 
 [dir=ltr] .disableLayer {
-  left: 0 
+  left:0 
 }
 
 [dir=rtl] .disableLayer {
-  right: 0 
+  right:0 
 }
 
 .attachmentHover {
@@ -66,10 +66,6 @@
   height: var(--zd_size40) ;
 }
 
-.attachleft {
-  padding: var(--zd_size3) ;
-}
-
 [dir=ltr] .attachleft {
   border-right: 1px solid var(--zdt_attachment_default_border);
 }

package/lib/AttachmentViewer/Attachment.js

@@ -3,89 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.designFileTypes = designFileTypes;
-exports.docsFileTypes = docsFileTypes;
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
-exports.isDocsFile = isDocsFile;
-exports.isEmailFile = isEmailFile;
-exports.isImageFile = isImageFile;
-exports.isPdfFile = isPdfFile;
-exports.isSheetFile = isSheetFile;
-exports.isShowFile = isShowFile;
-exports.isVideoFile = isVideoFile;
-exports.openInNewTabWithNoopener = openInNewTabWithNoopener;
-exports.openNewTab = openNewTab;
-exports.sheetFileTypes = sheetFileTypes;
-exports.showFileTypes = showFileTypes;
-exports.zipFileType = zipFileType;
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
 function isAudioFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
-  return /mp3|wav|ogg|oga|m4a|weba|opus|m4b|webma|aac/i.test(extension);
-}
-
-function isVideoFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /mp4|webm|ogg/i.test(extension);
-}
-
-function isPdfFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /pdf/i.test(extension);
-}
-
-function isDocsFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|pages/i.test(extension);
-}
-
-function isSheetFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /xlsx|numbers/i.test(extension);
-}
-
-function isShowFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /pptx|ppt|pps|ppsx|key/i.test(extension);
-}
-
-function isEmailFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /eml|msg/i.test(extension);
-}
-
-function isImageFile(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/i.test(extension);
-}
-
-function docsFileTypes(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /docx|doc|docm|rtf|odt|dot|dotm|dotx|sxw|odt|ott|txt|pages/i.test(extension);
-}
-
-function sheetFileTypes(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /xls|xlsx|sxc|ods|csv|tsv|ots|xlsm|xlsb|xlt|xltx|xltm|numbers/i.test(extension);
-}
-
-function showFileTypes(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /pptx|ppt|pps|ppsx|odp|sxi|key|pot|potx/i.test(extension);
-}
-
-function designFileTypes(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /sketch|xd|psd|ai|fig|svg/i.test(extension);
-}
-
-function zipFileType(fileName) {
-  var extension = getExtensionFromFileName(fileName);
-  return /zip/i.test(extension);
+  return /mp3|wav|ogg/i.test(extension);
 }
 
 function getExtensionFromFileName(fileName) {
@@ -99,17 +25,4 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
-}
-
-function openInNewTabWithNoopener(url) {
-  var targetnName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_blank';
-  var aTag = document.createElement('a');
-  aTag.rel = 'noopener noreferrer';
-  aTag.target = targetnName;
-  aTag.href = url;
-  aTag.click();
-}
-
-function openNewTab(href) {
-  openInNewTabWithNoopener(href);
 }

package/lib/AttachmentViewer/AttachmentViewer.js

@@ -39,6 +39,8 @@ var _AttachmentViewerModule = _interopRequireDefault(require("./AttachmentViewer
 
 var _utils = require("./utils");
 
+var _audio_thumbnail = _interopRequireDefault(require("../../images/audio_thumbnail.png"));
+
 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); }
@@ -79,7 +81,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-// import audioThumbNail from '../../images/audio_thumbnail.png'
 var AttachmentViewer = /*#__PURE__*/function (_Component) {
   _inherits(AttachmentViewer, _Component);
 
@@ -392,60 +393,6 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             _customClass$customCh = customClass.customChildrenClass,
             customChildrenClass = _customClass$customCh === void 0 ? '' : _customClass$customCh;
         var retainZoom = canZoom && selectedIndex == i && maintainZoom;
-        var previewurl = data.previewurl;
-        var fileTypeIconList = [{
-          check: (0, _Attachment.isAudioFile)(data.name),
-          name: 'ZD-EF-fileMp3',
-          size: '50'
-        }, {
-          check: (0, _Attachment.isVideoFile)(data.name),
-          name: 'ZD-EF-fileMp4',
-          size: '50'
-        }, {
-          check: (0, _Attachment.isPdfFile)(data.name),
-          name: 'ZD-EF-filePdf',
-          size: '50'
-        }, {
-          check: (0, _Attachment.docsFileTypes)(data.name),
-          name: 'ZD-EF-fileWord',
-          size: '50'
-        }, {
-          check: (0, _Attachment.sheetFileTypes)(data.name),
-          name: 'ZD-EF-fileExcel',
-          size: '50'
-        }, {
-          check: (0, _Attachment.showFileTypes)(data.name),
-          name: 'ZD-SE-ppt',
-          size: '50'
-        }, {
-          check: (0, _Attachment.designFileTypes)(data.name),
-          name: 'ZD-EF-file',
-          size: '50'
-        }, {
-          check: (0, _Attachment.isEmailFile)(data.name),
-          name: 'ZD-CH-mail',
-          size: '50'
-        }, {
-          check: (0, _Attachment.zipFileType)(data.name),
-          name: 'ZD-EF-fileZip',
-          size: '50'
-        }];
-
-        var PreviewFileIcon = function PreviewFileIcon(_ref3) {
-          var data = _ref3.data;
-          var matchedIcon = fileTypeIconList.find(function (item) {
-            return item.check;
-          });
-          var iconName = matchedIcon ? matchedIcon.name : 'ZD-EF-file';
-          var iconSize = matchedIcon ? matchedIcon.size : '50';
-          return /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-            iconClass: _AttachmentViewerModule["default"].prevIcon,
-            name: iconName,
-            size: iconSize
-          });
-        };
-
-        console.log("...previewUrl", previewurl, "...data", data);
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           className: _AttachmentViewerModule["default"].imgBox,
           id: "imgBox".concat(i),
@@ -463,26 +410,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           "data-id": "".concat(dataId, "_videoPreview"),
           "data-test-id": "".concat(dataId, "_videoPreview")
         }, audioProps), /*#__PURE__*/_react["default"].createElement("source", {
-          src: previewurl,
+          src: viewUrl,
           type: "audio/".concat((0, _Attachment.getExtensionFromFileName)(name))
-        })) : null : (0, _Attachment.isVideoFile)(data.name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("video", {
-          autoPlay: true,
-          controls: true,
-          className: _AttachmentViewerModule["default"].zoomIn
-        }, /*#__PURE__*/_react["default"].createElement("source", {
-          src: previewurl,
-          type: "video/".concat((0, _Attachment.getExtensionFromFileName)(data.name))
-        })) : null : (0, _Attachment.isDocsFile)(data.name) || (0, _Attachment.isSheetFile)(data.name) || (0, _Attachment.isShowFile)(data.name) ? selectedIndex == i ? (console.log("...previewurl", previewurl), /*#__PURE__*/_react["default"].createElement("iframe", {
-          src: previewurl,
-          className: _AttachmentViewerModule["default"].pdfFrame
-        }) // <iframe src={previewurl+"&frameorigin=https://deskqa.localzoho.com"}  className={style.pdfFrame}></iframe>
-        ) : null : (0, _Attachment.isPdfFile)(data.name) || (0, _Attachment.isEmailFile)(data.name) ? selectedIndex == i ? /*#__PURE__*/_react["default"].createElement("iframe", {
-          src: previewurl,
-          className: _AttachmentViewerModule["default"].pdfFrame
-        }) // <iframe src={previewurl+"&frameorigin=https://deskqa.localzoho.com"}  className={style.pdfFrame}/>
-        : null : (0, _Attachment.isImageFile)(data.name) ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+        })) : null : /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
           customClass: {
-            customImageClass: "".concat(_AttachmentViewerModule["default"].img, " ").concat(_AttachmentViewerModule["default"].altText, "\n                        ").concat(canZoom || retainZoom ? isZoomed ? "".concat(_AttachmentViewerModule["default"].zoomedImg, " ").concat(_AttachmentViewerModule["default"].zoomOutCursor) : "".concat(_AttachmentViewerModule["default"].normalImg, " ").concat(_AttachmentViewerModule["default"].zoomInCursor) : '', " ").concat(customImageClass),
+            customImageClass: "".concat(_AttachmentViewerModule["default"].img, " ").concat(_AttachmentViewerModule["default"].altText, "\n                    ").concat(canZoom || retainZoom ? isZoomed ? "".concat(_AttachmentViewerModule["default"].zoomedImg, " ").concat(_AttachmentViewerModule["default"].zoomOutCursor) : "".concat(_AttachmentViewerModule["default"].normalImg, " ").concat(_AttachmentViewerModule["default"].zoomInCursor) : '', " ").concat(customImageClass),
             customChildrenClass: customChildrenClass
           },
           src: viewUrl,
@@ -493,19 +425,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           dataId: dataId,
           id: "img".concat(i),
           isCover: false
-        }, imageProps), children) : /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].previewNone
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: _AttachmentViewerModule["default"].fileTypeImg
-        }, /*#__PURE__*/_react["default"].createElement(PreviewFileIcon, {
-          data: data.name
-        })), "Preview not available for the selected file type.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-          href: data.href,
-          className: _AttachmentViewerModule["default"].downloadLink,
-          onClick: function onClick() {
-            return (0, _Attachment.openNewTab)(data.href);
-          }
-        }, "Download"))));
+        }, imageProps), children)));
       });
     }
   }, {
@@ -533,8 +453,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       var authorHref;
       var authorName;
 
-      var _ref4 = data[selectedIndex] ? data[selectedIndex] : {},
-          author = _ref4.author;
+      var _ref3 = data[selectedIndex] ? data[selectedIndex] : {},
+          author = _ref3.author;
 
       if (author) {
         authorHref = author.href;
@@ -549,8 +469,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         responsiveId: responsiveId,
         query: this.responsiveFunc
-      }, function (_ref5) {
-        var uptoTablet = _ref5.uptoTablet;
+      }, function (_ref4) {
+        var uptoTablet = _ref4.uptoTablet;
         return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           scroll: "none",
           "data-scroll-palette": "dark"
@@ -742,62 +662,11 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
           var _customClass$customIm2 = customClass.customImageClass,
               customImageClass = _customClass$customIm2 === void 0 ? '' : _customClass$customIm2,
               _customClass$customCh2 = customClass.customChildrenClass,
-              customChildrenClass = _customClass$customCh2 === void 0 ? '' : _customClass$customCh2; // thumbnail= isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail //fallback thumbnail for audio
-
-          var fileTypeIconList = [{
-            check: (0, _Attachment.isAudioFile)(name),
-            name: thumbnail || 'ZD-EF-fileMp3',
-            size: '30'
-          }, {
-            check: (0, _Attachment.isVideoFile)(name),
-            name: 'ZD-EF-fileMp4',
-            size: '30'
-          }, {
-            check: (0, _Attachment.isPdfFile)(name),
-            name: 'ZD-EF-filePdf',
-            size: '30'
-          }, {
-            check: (0, _Attachment.docsFileTypes)(name),
-            name: 'ZD-EF-fileWord',
-            size: '30'
-          }, {
-            check: (0, _Attachment.sheetFileTypes)(name),
-            name: 'ZD-EF-fileExcel',
-            size: '30'
-          }, {
-            check: (0, _Attachment.showFileTypes)(name),
-            name: 'ZD-SE-ppt',
-            size: '30'
-          }, {
-            check: (0, _Attachment.designFileTypes)(name),
-            name: 'ZD-EF-file',
-            size: '30'
-          }, {
-            check: (0, _Attachment.isEmailFile)(name),
-            name: 'ZD-CH-mail',
-            size: '30'
-          }, {
-            check: (0, _Attachment.zipFileType)(name),
-            name: 'ZD-EF-fileZip',
-            size: '30'
-          }];
-
-          var PreviewFileIcon = function PreviewFileIcon(_ref6) {
-            var data = _ref6.data;
-            var matchedIcon = fileTypeIconList.find(function (item) {
-              return item.check;
-            });
-            var iconName = matchedIcon ? matchedIcon.name : 'ZD-EF-file';
-            var iconSize = matchedIcon ? matchedIcon.size : '30';
-            return /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-              iconClass: _AttachmentViewerModule["default"].prevFooterIcon,
-              name: iconName,
-              size: iconSize
-            });
-          };
+              customChildrenClass = _customClass$customCh2 === void 0 ? '' : _customClass$customCh2;
+          thumbnail = (0, _Attachment.isAudioFile)(name) ? thumbnail || _audio_thumbnail["default"] : thumbnail; //fallback thumbnail for audio
 
           return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : '', " ").concat((0, _Attachment.isImageFile)(name) || thumbnail ? '' : _AttachmentViewerModule["default"].previewIconDiv),
+            className: "".concat(_AttachmentViewerModule["default"].imgItem, " ").concat(index === selectedIndex ? _AttachmentViewerModule["default"].selected : ''),
             key: index,
             onClick: _this6.changeSelectedIndex.bind(_this6, index),
             eleRef: function eleRef(el) {
@@ -805,7 +674,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
             },
             dataId: "attachPreviewList",
             "data-title": name
-          }, (0, _Attachment.isImageFile)(name) || thumbnail ? /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
+          }, /*#__PURE__*/_react["default"].createElement(_AttachmentImage["default"], _extends({
             src: thumbnail || viewUrl,
             size: "small",
             alt: name,
@@ -814,9 +683,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
               customChildrenClass: "".concat(_AttachmentViewerModule["default"].crsrPointer, " ").concat(customChildrenClass)
             },
             dataId: dataId
-          }, customProps), children) : /*#__PURE__*/_react["default"].createElement(PreviewFileIcon, {
-            data: name
-          }));
+          }, customProps), children));
         }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
           dataId: "attachToggle",
           onClick: _this6.togglePViewList,