@zohodesk/dot 1.0.0-temp-200.3 → 1.0.0-temp-203.5

package/es/ActionButton/ActionButton.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Popup from '@zohodesk/components/lib/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/lib/Button/Button';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/lib/Provider/CssProvider';
-import style from "./ActionButton.module.css";
+import style from './ActionButton.module.css';
 import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
 export class ActionButton extends React.Component {
   constructor(props) {

package/es/ActionButton/__tests__/ActionButton.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import ActionButton from "../ActionButton";
+import ActionButton from '../ActionButton';
 describe('ActionButton', () => {
   test('rendering the defult props', () => {
     const {

package/es/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from "./props/defaultProps";
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from "./props/propTypes";
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 /*** CSS ***/
 
-import style from "./AlphabeticList.module.css";
+import style from './AlphabeticList.module.css';
 export default class AlphabeticList extends React.PureComponent {
   constructor(props) {
     super(props);

package/es/AlphabeticList/__tests__/AlphabeticList.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import AlphabeticList from "../AlphabeticList";
+import AlphabeticList from '../AlphabeticList';
 describe('AlphabeticList', () => {
   test('rendering the defult props', () => {
     const {

package/es/Attachment/Attachment.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import Link from "../Link/Link";
-import style from "./Attachment.module.css";
+import Link from '../Link/Link';
+import style from './Attachment.module.css';
 export default class Attachment extends React.Component {
   render() {
     let {

package/es/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/es/Attachment/__tests__/Attachment.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Attachment from "../Attachment";
+import Attachment from '../Attachment';
 describe('Attachment', () => {
   test('rendering the defult props', () => {
     const {

package/es/AttachmentViewer/Attachment.js

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

package/es/AttachmentViewer/AttachmentImage.js

@@ -3,13 +3,13 @@
 /** * Libraries ** */
 import React, { Component } from 'react';
 import { Container } from '@zohodesk/components/es/Layout';
-import { AttachmentImage_defaultProps } from "./props/defaultProps";
-import { AttachmentImage_propTypes } from "./props/propTypes";
-import { checkImageValidity } from "./utils";
-import Image from "../Image/Image";
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
+import { checkImageValidity } from './utils';
+import Image from '../Image/Image';
 /** * CSS ** */
 
-import style from "./AttachmentViewer.module.css";
+import style from './AttachmentViewer.module.css';
 export default class AttachmentImage extends Component {
   constructor(props) {
     super(props);

package/es/AttachmentViewer/AttachmentViewer.js

@@ -1,20 +1,20 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from "./props/defaultProps";
-import { AttachmentViewer_propTypes } from "./props/propTypes";
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
-import AttachmentImage from "./AttachmentImage";
-import Link from "../Link/Link";
-import IconButton from "../IconButton/IconButton";
-import FreezeLayer from "../FreezeLayer/FreezeLayer";
-import { isAudioFile, getExtensionFromFileName, isVideoFile, isPdfFile, isDocsFile, isSheetFile, isShowFile, isEmailFile, isImageFile, openNewTab } from "./Attachment";
-import { shallowDiff } from "../utils/General";
-import { checkFileSourcesValidation, getBrowserWithVersion } from "./utils";
-import style from "./AttachmentViewer.module.css"; // import audioThumbNail from '../../images/audio_thumbnail.png'
-
+import AttachmentImage from './AttachmentImage';
+import Link from '../Link/Link';
+import IconButton from '../IconButton/IconButton';
+import FreezeLayer from '../FreezeLayer/FreezeLayer';
+import { isAudioFile, getExtensionFromFileName } from './Attachment';
+import { shallowDiff } from '../utils/General';
+import style from './AttachmentViewer.module.css';
+import { checkFileSourcesValidation } from './utils';
+import audioThumbNail from '../../images/audio_thumbnail.png';
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -42,7 +42,6 @@ export default class AttachmentViewer extends Component {
     this.getNextId = getUniqueId(this);
     this.getUpdateDataList = this.getUpdateDataList.bind(this);
     this.zoomMaintain = this.zoomMaintain.bind(this);
-    this.getAttachmentIconDetails = this.getAttachmentIconDetails.bind(this);
     this.handleMenuValidation = this.handleMenuValidation.bind(this);
   }
 
@@ -108,183 +107,6 @@ export default class AttachmentViewer extends Component {
     });
   }
 
-  getAttachmentIconDetails(fileName, size) {
-    const extension = getExtensionFromFileName(fileName);
-    const browserName = getBrowserWithVersion().toLowerCase() || '';
-    const OSName = navigator.platform.toLowerCase() || '';
-
-    switch (extension) {
-      case 'jpeg':
-      case 'jpg':
-      case 'png':
-      case 'apng':
-      case 'gif':
-      case 'bmp':
-      case 'tiff':
-      case 'tif':
-      case 'ico':
-      case 'webp':
-        return {
-          iconName: 'ZD-EF-fileImage',
-          iconSize: size || '30'
-        };
-
-      case 'txt':
-        return {
-          iconName: 'ZD-GN-fileDoc',
-          iconSize: size || '30'
-        };
-
-      case 'pdf':
-        return {
-          iconName: 'ZD-EF-filePdf',
-          iconSize: size || '30'
-        };
-
-      case 'html':
-      case 'htm':
-      case 'xhtml':
-        if (browserName.indexOf('chrome') !== -1 || browserName.indexOf('safari') !== -1) {
-          return {
-            iconName: 'ZD-EF-fileXml',
-            iconSize: size || '30'
-          };
-        } else if (browserName.indexOf('ie') !== -1 || browserName.indexOf('edge') !== -1) {
-          return {
-            iconName: 'ZD-EF-explorer',
-            iconSize: size || '30'
-          };
-        }
-
-        return {
-          iconName: 'ZD-EF-firebox',
-          iconSize: size || '30'
-        };
-
-      case 'ppt':
-      case 'pps':
-      case 'odp':
-      case 'sxi':
-      case 'pptx':
-      case 'ppsx':
-      case 'key':
-        return {
-          iconName: 'ZD-GN-filePpt',
-          iconSize: size || '40'
-        };
-
-      case 'rar':
-      case 'jar':
-      case 'zip':
-        return {
-          iconName: 'ZD-EF-fileZip',
-          iconSize: size || '30'
-        };
-
-      case 'doc':
-      case 'docx':
-      case 'sxw':
-      case 'odt':
-      case 'docm':
-      case 'dot':
-      case 'dotm':
-      case 'dotx':
-      case 'rtf':
-      case 'pages':
-        if (OSName.indexOf('mac') !== -1 || OSName.indexOf('linux') !== -1) {
-          return {
-            iconName: 'ZD-EF-fileOffice',
-            iconSize: size || '30'
-          };
-        }
-
-        return {
-          iconName: 'ZD-EF-fileWord',
-          iconSize: size || '30'
-        };
-
-      case 'xml':
-        return {
-          iconName: 'ZD-EF-fileXml',
-          iconSize: size || '30'
-        };
-
-      case 'xls':
-      case 'xlsx':
-      case 'sxc':
-      case 'ods':
-      case 'csv':
-      case 'tsv':
-      case 'numbers':
-        return {
-          iconName: 'ZD-GN-fileSheet',
-          iconSize: size || '30'
-        };
-
-      case 'ics':
-        return {
-          iconName: 'ZD-TK-event',
-          iconSize: size || '30'
-        };
-
-      case 'exe':
-        return {
-          iconName: 'ZD-EF-exe',
-          iconSize: size || '30'
-        };
-
-      case 'sh':
-      case 'bin':
-        return {
-          iconName: 'ZD-EF-linux',
-          iconSize: size || '30'
-        };
-
-      case 'css':
-        return {
-          iconName: 'ZD-EF-clrCss',
-          iconSize: size || '30'
-        };
-
-      case 'mp3':
-      case 'wav':
-      case 'wma':
-      case 'aac':
-      case 'm4r':
-      case 'ogg':
-        return {
-          iconName: 'ZD-EF-fileMp3',
-          iconSize: size || '30'
-        };
-
-      case 'mp4':
-      case 'mkv':
-      case 'mov':
-      case 'mpeg':
-      case 'flv':
-      case 'avi':
-      case 'webm':
-      case 'oga':
-        return {
-          iconName: 'ZD-EF-fileMp4',
-          iconSize: size || '30'
-        };
-
-      case 'eml':
-      case 'msg':
-        return {
-          iconName: 'ZD-GN-fileMail',
-          iconSize: size || '40'
-        };
-
-      default:
-        return {
-          iconName: 'ZD-GN-fileUnknown',
-          iconSize: size || '40'
-        };
-    }
-  }
-
   togglePViewList() {
     this.setState(prevState => ({
       isPViewListOpen: !prevState.isPViewListOpen
@@ -488,35 +310,6 @@ export default class AttachmentViewer extends Component {
         customChildrenClass = ''
       } = customClass;
       const retainZoom = canZoom && selectedIndex == i && maintainZoom;
-      const {
-        previewurl
-      } = data;
-      const getFrameOrigin = new URL(window.location.href).origin;
-      const frameOrigin = `&frameorigin=${getFrameOrigin}`;
-      const iframeSrc = `${previewurl}${frameOrigin}`;
-
-      const PreviewFileIcon = _ref3 => {
-        let {
-          data
-        } = _ref3;
-        const fileUnknown = {
-          iconName: 'ZD-GN-fileUnknown',
-          iconSize: '50'
-        }; // console.log("....data PreviewFileIcon",data)
-
-        const fileDetails = data ? _this.getAttachmentIconDetails(data, '50') : fileUnknown;
-        const {
-          iconName,
-          iconSize
-        } = fileDetails;
-        return /*#__PURE__*/React.createElement(Icon, {
-          iconClass: style.prevIcon,
-          name: iconName,
-          size: iconSize
-        });
-      };
-
-      console.log("...previewUrl", previewurl, "...data", data);
       return /*#__PURE__*/React.createElement(Container, {
         className: style.imgBox,
         id: `imgBox${i}`,
@@ -535,25 +328,12 @@ export default class AttachmentViewer extends Component {
         "data-test-id": `${dataId}_videoPreview`,
         ...audioProps
       }, /*#__PURE__*/React.createElement("source", {
-        src: previewurl,
+        src: viewUrl,
         type: `audio/${getExtensionFromFileName(name)}`
-      })) : null : isVideoFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
-        autoPlay: true,
-        controls: true,
-        className: style.zoomIn
-      }, /*#__PURE__*/React.createElement("source", {
-        src: previewurl,
-        type: `video/${getExtensionFromFileName(data.name)}`
-      })) : null : isDocsFile(data.name) || isSheetFile(data.name) || isShowFile(data.name) ? selectedIndex == i ? (console.log("...previewurl", previewurl), /*#__PURE__*/React.createElement("iframe", {
-        src: iframeSrc,
-        className: style.previewFrame
-      })) : null : isPdfFile(data.name) || isEmailFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("iframe", {
-        src: iframeSrc,
-        className: style.previewFrame
-      }) : null : isImageFile(data.name) ? /*#__PURE__*/React.createElement(AttachmentImage, {
+      })) : null : /*#__PURE__*/React.createElement(AttachmentImage, {
         customClass: {
           customImageClass: `${style.img} ${style.altText}
-                        ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
+                    ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
           customChildrenClass
         },
         src: viewUrl,
@@ -565,18 +345,7 @@ export default class AttachmentViewer extends Component {
         id: `img${i}`,
         isCover: false,
         ...imageProps
-      }, children) : /*#__PURE__*/React.createElement("div", {
-        className: style.previewNone
-      }, /*#__PURE__*/React.createElement("div", {
-        className: style.fileTypeImg
-      }, /*#__PURE__*/React.createElement(PreviewFileIcon, {
-        data: data.name,
-        getAttachmentIconDetails: _this.getAttachmentIconDetails
-      })), "Preview not available for the selected file type.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Link, {
-        href: data.href,
-        className: style.downloadLink,
-        onClick: () => openNewTab(data.href)
-      }, "Download"))));
+      }, children)));
     });
   }
 
@@ -619,10 +388,10 @@ export default class AttachmentViewer extends Component {
     }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       responsiveId: responsiveId,
       query: this.responsiveFunc
-    }, _ref4 => {
+    }, _ref3 => {
       let {
         uptoTablet
-      } = _ref4;
+      } = _ref3;
       return /*#__PURE__*/React.createElement(Container, {
         scroll: "none",
         "data-scroll-palette": "dark"
@@ -811,37 +580,17 @@ export default class AttachmentViewer extends Component {
         const {
           customImageClass = '',
           customChildrenClass = ''
-        } = customClass; // thumbnail= isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail //fallback thumbnail for audio
-
-        const PreviewFileIcon = _ref5 => {
-          let {
-            data
-          } = _ref5;
-          const fileUnknown = {
-            iconName: 'ZD-GN-fileUnknown',
-            iconSize: '40'
-          }; // console.log("....data PreviewFileIcon render",data)
-
-          const fileDetails = data ? this.getAttachmentIconDetails(data) : fileUnknown;
-          const {
-            iconName,
-            iconSize
-          } = fileDetails;
-          return /*#__PURE__*/React.createElement(Icon, {
-            iconClass: style.prevFooterIcon,
-            name: iconName,
-            size: iconSize
-          });
-        };
+        } = customClass;
+        thumbnail = isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail; //fallback thumbnail for audio
 
         return /*#__PURE__*/React.createElement(Box, {
-          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''} ${isImageFile(name) || thumbnail ? '' : style.previewIconDiv}`,
+          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''}`,
           key: index,
           onClick: this.changeSelectedIndex.bind(this, index),
           eleRef: el => this[`img_${index}`] = el,
           dataId: "attachPreviewList",
           "data-title": name
-        }, isImageFile(name) || thumbnail ? /*#__PURE__*/React.createElement(AttachmentImage, {
+        }, /*#__PURE__*/React.createElement(AttachmentImage, {
           src: thumbnail || viewUrl,
           size: "small",
           alt: name,
@@ -851,10 +600,7 @@ export default class AttachmentViewer extends Component {
           },
           dataId: dataId,
           ...customProps
-        }, children) : /*#__PURE__*/React.createElement(PreviewFileIcon, {
-          data: name,
-          getAttachmentIconDetails: this.getAttachmentIconDetails
-        }));
+        }, children));
       }))))), totalLen !== 1 && /*#__PURE__*/React.createElement(IconButton, {
         dataId: "attachToggle",
         onClick: this.togglePViewList,