@zohodesk/dot 1.0.0-temp-197.6 → 1.0.0-temp-187.1

package/es/setup/table/Text/Text.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import Link from '../../../Link/Link';
-import style from './TableText.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import Link from "../../../Link/Link";
+import style from "./TableText.module.css";
 export default class Text extends React.Component {
   render() {
     let {

package/es/setup/table/Text/__tests__/Text.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import Text from '../Text';
+import Text from "../Text";
 describe('Text', () => {
   const type = ['bold', 'semiBold', 'heading'];
   test('rendering the defult props', () => {

package/es/setup/table/index.js

@@ -1,5 +1,5 @@
-export { default as Table } from './Table/Table';
-export { default as TableBody } from './TableBody/TableBody';
-export { default as TableData } from './TableData/TableData';
-export { default as TableHead } from './TableHead/TableHead';
-export { default as TableRow } from './TableRow/TableRow';
+export { default as Table } from "./Table/Table";
+export { default as TableBody } from "./TableBody/TableBody";
+export { default as TableData } from "./TableData/TableData";
+export { default as TableHead } from "./TableHead/TableHead";
+export { default as TableRow } from "./TableRow/TableRow";

package/es/svg/PlusIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PlusIcon_defaultProps } from './props/defaultProps';
-import { PlusIcon_propTypes } from './props/propTypes';
+import { PlusIcon_defaultProps } from "./props/defaultProps";
+import { PlusIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class PlusIcon extends React.Component {
   render() {

package/es/svg/SnippetIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SnippetIcon_defaultProps } from './props/defaultProps';
-import { SnippetIcon_propTypes } from './props/propTypes';
+import { SnippetIcon_defaultProps } from "./props/defaultProps";
+import { SnippetIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class SnippetIcon extends React.Component {
   render() {

package/es/svg/TemplateIcon.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TemplateIcon_defaultProps } from './props/defaultProps';
-import { TemplateIcon_propTypes } from './props/propTypes';
+import { TemplateIcon_defaultProps } from "./props/defaultProps";
+import { TemplateIcon_propTypes } from "./props/propTypes";
 import SVG from '@zohodesk/svg/lib/SVG/SVG';
 export default class TemplateIcon extends React.Component {
   render() {

package/es/svg/__tests__/PlusIcon.spec.js

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

package/es/svg/__tests__/SnippetIcon.spec.js

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

package/es/svg/__tests__/TemplateIcon.spec.js

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

package/es/svg/index.js

@@ -1,3 +1,3 @@
-export { default as PlusIcon } from './PlusIcon';
-export { default as SnippetIcon } from './SnippetIcon';
-export { default as TemplateIcon } from './TemplateIcon';
+export { default as PlusIcon } from "./PlusIcon";
+export { default as SnippetIcon } from "./SnippetIcon";
+export { default as TemplateIcon } from "./TemplateIcon";

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 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/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
@@ -8,7 +8,7 @@ import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
 import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
-import style from '../../ActionButton/ActionButton.module.css';
+import style from "../../ActionButton/ActionButton.module.css";
 
 function ActionButton(props) {
   let {

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,11 +1,11 @@
 /*** Libraries ***/
 import React, { memo } 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/es/v1/Layout';
 /*** CSS ***/
 
-import style from '../../AlphabeticList/AlphabeticList.module.css';
+import style from "../../AlphabeticList/AlphabeticList.module.css";
 const AlphabeticListItemMemo = /*#__PURE__*/memo(AlphabeticListItem);
 
 function AlphabeticList(props) {

package/es/v1/Attachment/Attachment.js

@@ -1,13 +1,13 @@
 /**** Libraries ****/
 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/es/v1/Layout';
-import Link from '../Link/Link';
+import Link from "../Link/Link";
 /**** CSS ****/
 
-import style from '../../Attachment/Attachment.module.css';
+import style from "../../Attachment/Attachment.module.css";
 
 const Attachment = props => {
   const {

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -2,57 +2,78 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from './props/defaultProps';
-import { AttachmentImage_propTypes } from './props/propTypes';
-import Image from '../Image/Image';
+import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
+import { Container } from '@zohodesk/components/es/Layout';
+import { AttachmentImage_defaultProps } from "./props/defaultProps";
+import { AttachmentImage_propTypes } from "./props/propTypes";
+import { checkImageValidity } from "../../AttachmentViewer/utils";
+import Image from "../Image/Image";
 /** * CSS ** */
 
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 
 const AttachmentImage = props => {
   const {
-    isImage,
     onLoad,
+    onError,
     src,
     onClick,
     alt,
     dataId,
     id,
-    className,
-    isCover
+    customClass,
+    isCover,
+    children
   } = props;
-  const imageEle = useRef();
+  const {
+    customImageClass = '',
+    customChildrenClass = ''
+  } = customClass;
   const [isLoading, setLoading] = useState(true);
+  const [isImageValid, setImageValidity] = useState(false);
 
-  const imgLoad = () => {
-    setLoading(false);
-    onLoad && onLoad();
-  };
+  function handleImageValidation() {
+    checkImageValidity(src).then(isValid => {
+      setImageValidity(isValid);
+      setLoading(false);
+    });
+  }
 
   useEffect(() => {
-    if (isImage) {
-      const image = imageEle.current;
-      image.addEventListener('load', imgLoad);
-    } else {
-      setLoading(false);
-    }
+    handleImageValidation();
   }, []);
+  useEffectCallOnlyAfterState(() => {
+    setLoading(true);
+    handleImageValidation();
+  }, [src]);
+
+  function renderImage() {
+    return /*#__PURE__*/React.createElement(Image, {
+      htmlId: id,
+      dataId: isImageValid ? dataId : `${dataId}_alt`,
+      src: src,
+      onClick: onClick,
+      className: customImageClass,
+      alt: alt,
+      isCover: isCover,
+      onLoad: onLoad,
+      onError: onError
+    });
+  }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/React.createElement("div", {
     className: `${style.spinLoad}`,
     "data-id": `${dataId}_loader`,
     "data-test-id": `${dataId}_loader`
   }, /*#__PURE__*/React.createElement("div", {
     className: style.loader
-  })) : null, /*#__PURE__*/React.createElement(Image, {
+  })) : isImageValid ? renderImage() : children ? /*#__PURE__*/React.createElement(Container, {
+    align: "both",
     htmlId: id,
-    eleRef: imageEle,
-    dataId: dataId,
-    src: src,
-    onClick: onClick,
-    className: `${isLoading ? style.hide : ''} ${className}`,
-    alt: alt,
-    isCover: isCover
-  }));
+    dataId: `${dataId}_custom`,
+    className: customChildrenClass
+  }, children) : renderImage() //alt ui
+  );
 };
 
 AttachmentImage.propTypes = AttachmentImage_propTypes;

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,18 +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/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
-import AttachmentImage from './AttachmentImage';
-import Link from '../Link/Link';
-import IconButton from '../IconButton/IconButton';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import { isAudioFile, getExtensionFromFileName } from '../../AttachmentViewer/Attachment';
-import { shallowDiff } from '../../utils/General';
-import style from '../../AttachmentViewer/AttachmentViewer.module.css';
+import AttachmentImage from "./AttachmentImage";
+import Link from "../Link/Link";
+import IconButton from "../IconButton/IconButton";
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import { isAudioFile, getExtensionFromFileName } from "../../AttachmentViewer/Attachment";
+import { checkFileSourcesValidation } from "../../AttachmentViewer/utils";
+import audioThumbNail from "../../../images/audio_thumbnail.png";
+import { shallowDiff } from "../../utils/General";
+import style from "../../AttachmentViewer/AttachmentViewer.module.css";
 export default class AttachmentViewer extends Component {
   constructor(props) {
     super(props);
@@ -25,7 +27,10 @@ export default class AttachmentViewer extends Component {
         index: this.props.previewObj.selectedIndex,
         data: this.props.previewObj ? this.props.previewObj.previewData : [],
         dataList: []
-      })
+      }),
+      canOpenInNewTab: false,
+      canZoom: false,
+      isPreviewAttachmentValid: false
     };
     this.togglePViewList = this.togglePViewList.bind(this);
     this.changeSelectedIndex = this.changeSelectedIndex.bind(this);
@@ -37,12 +42,20 @@ export default class AttachmentViewer extends Component {
     this.getNextId = getUniqueId(this);
     this.getUpdateDataList = this.getUpdateDataList.bind(this);
     this.zoomMaintain = this.zoomMaintain.bind(this);
+    this.handleMenuValidation = this.handleMenuValidation.bind(this);
+  }
+
+  componentDidMount() {
+    this.handleMenuValidation();
   }
 
-  componentDidUpdate(prevProps) {
+  componentDidUpdate(prevProps, prevState) {
     let {
       previewObj
     } = this.props;
+    const {
+      selectedIndex
+    } = this.state;
     let indexChanged = previewObj.selectedIndex != prevProps.previewObj.selectedIndex;
 
     if (previewObj.previewData.length != prevProps.previewObj.previewData.length || indexChanged) {
@@ -63,6 +76,35 @@ export default class AttachmentViewer extends Component {
         });
       }
     }
+
+    if (prevState.selectedIndex != selectedIndex) {
+      this.handleMenuValidation();
+    }
+  }
+
+  handleMenuValidation() {
+    const {
+      data,
+      selectedIndex
+    } = this.state;
+    const selectedAttachment = data[selectedIndex] || {};
+    const selectedAttachmentViewUrl = selectedAttachment.viewUrl;
+    const selectedAttachmentDownloadUrl = selectedAttachment.downloadUrl;
+    const selectedAttachmentName = selectedAttachment.name;
+    checkFileSourcesValidation({
+      fileName: selectedAttachmentName,
+      viewURL: selectedAttachmentViewUrl
+    }).then(fileSourceValidation => {
+      const {
+        isViewURLValid,
+        canZoom
+      } = fileSourceValidation;
+      this.setState({
+        isPreviewAttachmentValid: isViewURLValid,
+        canZoom,
+        canOpenInNewTab: isViewURLValid
+      });
+    });
   }
 
   togglePViewList() {
@@ -76,13 +118,11 @@ export default class AttachmentViewer extends Component {
   zoomOut(ele) {
     this.setState({
       isZoomed: false
-    });
-    const img = document.getElementById(`img${ele}`);
-
-    if (img) {
-      img.classList.remove(style.zoomedImg);
-      img.classList.add(style.normalImg);
-    }
+    }); // const img = document.getElementById(`img${ele}`);
+    // if (img) {
+    //   img.classList.remove(style.zoomedImg);
+    //   img.classList.add(style.normalImg);
+    // }
   }
 
   zoomIn(event, ele) {
@@ -113,12 +153,11 @@ export default class AttachmentViewer extends Component {
         top: 0,
         left: 0
       };
-    }
+    } // if (img) {
+    //   img.classList.remove(style.normalImg);
+    //   img.classList.add(style.zoomedImg);
+    // }
 
-    if (img) {
-      img.classList.remove(style.normalImg);
-      img.classList.add(style.zoomedImg);
-    }
 
     if (moveToPosition) {
       imgContainer.scrollLeft = (event.pageX - imgContainerPosition.left - imgUnits.left) * imgRatio.width;
@@ -217,7 +256,9 @@ export default class AttachmentViewer extends Component {
     const {
       dataList,
       selectedIndex,
-      isZoomed
+      isZoomed,
+      canZoom,
+      isPreviewAttachmentValid
     } = this.state;
     const {
       maintainZoom,
@@ -252,7 +293,23 @@ export default class AttachmentViewer extends Component {
     return dataList.length && dataList.map(function () {
       let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let i = arguments.length > 1 ? arguments[1] : undefined;
-      const selectedImgUrl = data.viewUrl;
+      const {
+        viewUrl,
+        name,
+        children,
+        dataId = 'attachViewer',
+        customClass = {},
+        customProps = {}
+      } = data;
+      const {
+        audioProps = {},
+        imageProps = {}
+      } = customProps;
+      const {
+        customImageClass = '',
+        customChildrenClass = ''
+      } = customClass;
+      const retainZoom = canZoom && selectedIndex == i && maintainZoom;
       return /*#__PURE__*/React.createElement(Container, {
         className: style.imgBox,
         id: `imgBox${i}`,
@@ -263,27 +320,32 @@ export default class AttachmentViewer extends Component {
       }, /*#__PURE__*/React.createElement(Box, {
         className: style.imgRef,
         id: `imgPreviewRef${i}`
-      }, isAudioFile(data.name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
+      }, isAudioFile(name) ? selectedIndex == i ? /*#__PURE__*/React.createElement("video", {
         autoPlay: true,
         controls: true,
         className: style.zoomIn,
         "data-id": `${dataId}_videoPreview`,
-        "data-test-id": `${dataId}_videoPreview`
+        "data-test-id": `${dataId}_videoPreview`,
+        ...audioProps
       }, /*#__PURE__*/React.createElement("source", {
-        src: data.viewUrl,
-        type: `audio/${getExtensionFromFileName(data.name)}`
+        src: viewUrl,
+        type: `audio/${getExtensionFromFileName(name)}`
       })) : null : /*#__PURE__*/React.createElement(AttachmentImage, {
-        className: `${style.img} ${selectedIndex == i && maintainZoom ? isZoomed ? style.zoomedImg : style.normalImg : ''}`,
-        src: selectedImgUrl,
-        onClick: isZoomed ? _this.zoomOut.bind(_this, i) : e => {
-          _this.zoomIn(e, i, true);
+        customClass: {
+          customImageClass: `${style.img} ${style.altText}
+                    ${canZoom || retainZoom ? isZoomed ? `${style.zoomedImg} ${style.zoomOutCursor}` : `${style.normalImg} ${style.zoomInCursor}` : ''} ${customImageClass}`,
+          customChildrenClass
         },
-        alt: "Preview",
-        dataId: "attachViewer",
+        src: viewUrl,
+        onClick: isPreviewAttachmentValid ? isZoomed ? _this.zoomOut.bind(_this, i) : e => {
+          _this.zoomIn(e, i, true);
+        } : undefined,
+        alt: name,
+        dataId: dataId,
         id: `img${i}`,
-        isImage: true,
-        isCover: false
-      })));
+        isCover: false,
+        ...imageProps
+      }, children)));
     });
   }
 
@@ -292,7 +354,9 @@ export default class AttachmentViewer extends Component {
       isPViewListOpen,
       selectedIndex,
       data,
-      isZoomed
+      isZoomed,
+      canZoom,
+      canOpenInNewTab
     } = this.state;
     const {
       responsiveId,
@@ -354,7 +418,7 @@ export default class AttachmentViewer extends Component {
         align: uptoTablet ? 'bottom' : 'center',
         wrap: "wrap",
         isCover: false
-      }, isZoomed ? /*#__PURE__*/React.createElement("div", {
+      }, canZoom ? isZoomed ? /*#__PURE__*/React.createElement("div", {
         className: uptoTablet ? style.mobileMenu : style.menu,
         onClick: this.zoomOut.bind(this, selectedIndex),
         "data-id": "zoomOut",
@@ -382,7 +446,7 @@ export default class AttachmentViewer extends Component {
         a11y: {
           ariaLabel: i18nKeys.zoomInText
         }
-      })), /*#__PURE__*/React.createElement("div", {
+      })) : null, canOpenInNewTab ? /*#__PURE__*/React.createElement("div", {
         className: uptoTablet ? style.mobileMenu : style.menu
       }, /*#__PURE__*/React.createElement(Link, {
         href: selectedImgUrl,
@@ -398,7 +462,7 @@ export default class AttachmentViewer extends Component {
         a11y: {
           ariaLabel: i18nKeys.newTabText
         }
-      }))), needDownload ? /*#__PURE__*/React.createElement("div", {
+      }))) : null, needDownload ? /*#__PURE__*/React.createElement("div", {
         className: uptoTablet ? style.mobileMenu : style.menu
       }, /*#__PURE__*/React.createElement(Link, {
         href: downloadUrl,
@@ -504,24 +568,39 @@ export default class AttachmentViewer extends Component {
       }, data.map((item, index) => {
         const {
           name,
-          viewUrl
+          viewUrl,
+          children,
+          customClass = {},
+          dataId = 'AttachmentImage',
+          customProps = {}
         } = item;
-        const isAudio = isAudioFile(name);
+        let {
+          thumbnail
+        } = item;
+        const {
+          customImageClass = '',
+          customChildrenClass = ''
+        } = customClass;
+        thumbnail = isAudioFile(name) ? thumbnail || audioThumbNail : thumbnail; //fallback thumbnail for audio
+
         return /*#__PURE__*/React.createElement(Box, {
-          className: `${style.imgItem} ${index === selectedIndex ? style.selected : ''}  ${isAudio ? style.isAudio : ''}`,
+          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
         }, /*#__PURE__*/React.createElement(AttachmentImage, {
-          src: viewUrl,
+          src: thumbnail || viewUrl,
           size: "small",
           alt: name,
-          className: style.image,
-          isImage: !isAudio,
-          dataId: "AttachmentImage"
-        }));
+          customClass: {
+            customImageClass: `${style.image} ${style.altText} ${customImageClass}`,
+            customChildrenClass: `${style.crsrPointer} ${customChildrenClass}`
+          },
+          dataId: dataId,
+          ...customProps
+        }, children));
       }))))), totalLen !== 1 && /*#__PURE__*/React.createElement(IconButton, {
         dataId: "attachToggle",
         onClick: this.togglePViewList,

package/es/v1/AttachmentViewer/props/propTypes.js

@@ -1,14 +1,18 @@
 import PropTypes from 'prop-types';
 export const AttachmentImage_propTypes = {
   alt: PropTypes.string,
-  className: PropTypes.string,
+  customClass: PropTypes.shape({
+    customImageClass: PropTypes.string,
+    customChildrenClass: PropTypes.string
+  }),
   dataId: PropTypes.string,
   id: PropTypes.string,
   isCover: PropTypes.bool,
-  isImage: PropTypes.bool,
   onClick: PropTypes.func,
   onLoad: PropTypes.func,
-  src: PropTypes.string
+  onError: PropTypes.func,
+  src: PropTypes.string,
+  children: PropTypes.node
 };
 export const AttachmentViewer_propTypes = {
   hideAttachmentViewer: PropTypes.func,

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -1,11 +1,11 @@
 import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
-import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
-import { getChannelMappingObj } from '../utils/ChannelIconMapping';
-import style from '../../ChannelIcon/ChannelIcon.module.css';
+import AvatarIcon from "../avatar/AvatarIcon/AvatarIcon";
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
+import { getChannelMappingObj } from "../utils/ChannelIconMapping";
+import style from "../../ChannelIcon/ChannelIcon.module.css";
 
 const ChannelIcon = props => {
   let {

package/es/v1/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from "./props/defaultProps";
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
@@ -9,10 +9,10 @@ import { Icon } from '@zohodesk/icons';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Heading from '@zohodesk/components/es/v1/Heading/Heading';
-import FreezeLayer from '../FreezeLayer/FreezeLayer';
-import FormAction from '../FormAction/FormAction';
-import IconButton from '../IconButton/IconButton';
-import style from '../../Drawer/Drawer.module.css';
+import FreezeLayer from "../FreezeLayer/FreezeLayer";
+import FormAction from "../FormAction/FormAction";
+import IconButton from "../IconButton/IconButton";
+import style from "../../Drawer/Drawer.module.css";
 export function Header(props) {
   let {
     title,

package/es/v1/ExternalLink/ExternalLink.js

@@ -1,10 +1,10 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** CSS ****/
 
-import style from '../../ExternalLink/ExternalLink.module.css';
+import style from "../../ExternalLink/ExternalLink.module.css";
 
 const ExternalLink = props => {
   const {