@zohodesk/dot 1.0.0-temp-212 → 1.0.0-temp-200.7

package/es/version2/alertIcons/WarningAlertIcon.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import { WarningAlertIcon_defaultProps } from './props/defaultProps';
-import { WarningAlertIcon_propTypes } from './props/propTypes';
-import style from './AlertIcons.module.css';
+import { WarningAlertIcon_defaultProps } from "./props/defaultProps";
+import { WarningAlertIcon_propTypes } from "./props/propTypes";
+import style from "./AlertIcons.module.css";
 export default class WarningAlertIcon extends Component {
   render() {
     let {

package/es/version2/alertIcons/__tests__/AlarmAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/AlertIcons.spec.js

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

package/es/version2/alertIcons/__tests__/DangerAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/ErrorAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/InfoAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/NotificationAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/SuccessAlertIcon.spec.js

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

package/es/version2/alertIcons/__tests__/WarningAlertIcon.spec.js

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

package/es/version2/alertIcons/index.js

@@ -1,8 +1,8 @@
-export { default as AlarmAlertIcon } from './AlarmAlertIcon';
-export { default as AlertIcons } from './AlertIcons';
-export { default as DangerAlertIcon } from './DangerAlertIcon';
-export { default as ErrorAlertIcon } from './ErrorAlertIcon';
-export { default as InfoAlertIcon } from './InfoAlertIcon';
-export { default as NotificationAlertIcon } from './NotificationAlertIcon';
-export { default as SuccessAlertIcon } from './SuccessAlertIcon';
-export { default as WarningAlertIcon } from './WarningAlertIcon';
+export { default as AlarmAlertIcon } from "./AlarmAlertIcon";
+export { default as AlertIcons } from "./AlertIcons";
+export { default as DangerAlertIcon } from "./DangerAlertIcon";
+export { default as ErrorAlertIcon } from "./ErrorAlertIcon";
+export { default as InfoAlertIcon } from "./InfoAlertIcon";
+export { default as NotificationAlertIcon } from "./NotificationAlertIcon";
+export { default as SuccessAlertIcon } from "./SuccessAlertIcon";
+export { default as WarningAlertIcon } from "./WarningAlertIcon";

package/es/version2/errorstate/Inconvenience/Inconvenience.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from './../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "./../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorInconvenience from '@zohodesk/svg/lib/errorstate/version3/ErrorInconvenience';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class Inconvenience extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/Inconvenience/__tests__/Inconvenience.spec.js

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

package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorOopsSomethingMiss from '@zohodesk/svg/lib/errorstate/version3/ErrorOopsSomethingMiss';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class OopsSomethingMiss extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/OopsSomethingMiss/__tests__/OopsSomethingMiss.spec.js

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

package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorUnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version3/ErrorUnableToProcessRequest';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class UnableToProcessRequest extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/UnableToProcessRequest/__tests__/UnableToProcessRequest.spec.js

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

package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorUnauthorizedLogin from '@zohodesk/svg/lib/errorstate/version3/ErrorUnauthorizedLogin';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class UnauthorizedLogin extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/UnauthorizedLogin/__tests__/UnauthorizedLogin.spec.js

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

package/es/version2/errorstate/UrlNotFound/UrlNotFound.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorUrlNotFound from '@zohodesk/svg/lib/errorstate/version3/ErrorUrlNotFound';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class UrlNotFound extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/UrlNotFound/__tests__/UrlNotFound.spec.js

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

package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -1,11 +1,11 @@
 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 { Container } from '@zohodesk/components/lib/Layout';
-import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
+import CommonEmptyState from "../../../emptystate/CommonEmptyState/CommonEmptyState";
 import ErrorWillBeRightBack from '@zohodesk/svg/lib/errorstate/version3/ErrorWillBeRightBack';
 import Button from '@zohodesk/components/lib/Button/Button';
-import style from './../V2_ErrorStates.module.css';
+import style from "./../V2_ErrorStates.module.css";
 export default class WillBeRightBack extends React.Component {
   constructor(props) {
     super(props);

package/es/version2/errorstate/WillBeRightBack/__tests__/WillBeRightBack.spec.js

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

package/es/version2/errorstate/index.js

@@ -1,6 +1,6 @@
-export { default as Inconvenience } from './Inconvenience/Inconvenience';
-export { default as OopsSomethingMiss } from './OopsSomethingMiss/OopsSomethingMiss';
-export { default as UnableToProcessRequest } from './UnableToProcessRequest/UnableToProcessRequest';
-export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
-export { default as UrlNotFound } from './UrlNotFound/UrlNotFound';
-export { default as WillBeRightBack } from './WillBeRightBack/WillBeRightBack';
+export { default as Inconvenience } from "./Inconvenience/Inconvenience";
+export { default as OopsSomethingMiss } from "./OopsSomethingMiss/OopsSomethingMiss";
+export { default as UnableToProcessRequest } from "./UnableToProcessRequest/UnableToProcessRequest";
+export { default as UnauthorizedLogin } from "./UnauthorizedLogin/UnauthorizedLogin";
+export { default as UrlNotFound } from "./UrlNotFound/UrlNotFound";
+export { default as WillBeRightBack } from "./WillBeRightBack/WillBeRightBack";

package/es/version2/index.js

@@ -1,12 +1,12 @@
-export { default as AlertClose } from './AlertClose/AlertClose';
-import * as _alertIcons from './alertIcons';
+export { default as AlertClose } from "./AlertClose/AlertClose";
+import * as _alertIcons from "./alertIcons";
 export { _alertIcons as alertIcons };
-import * as _errorstate from './errorstate';
+import * as _errorstate from "./errorstate";
 export { _errorstate as errorstate };
-export { default as GlobalNotification } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationUI } from './GlobalNotification/GlobalNotification';
-export { GlobalNotificationNew } from './GlobalNotification/GlobalNotification';
-import * as _lookup from './lookup';
+export { default as GlobalNotification } from "./GlobalNotification/GlobalNotification";
+export { GlobalNotificationUI } from "./GlobalNotification/GlobalNotification";
+export { GlobalNotificationNew } from "./GlobalNotification/GlobalNotification";
+import * as _lookup from "./lookup";
 export { _lookup as lookup };
-import * as _notification from './notification';
+import * as _notification from "./notification";
 export { _notification as notification };

package/es/version2/lookup/AlertHeader/AlertHeader.js

@@ -1,17 +1,17 @@
 import React, { useRef } from 'react'; //AlertDependencies
 
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons'; //CSS
+import AlertClose from "../../AlertClose/AlertClose";
+import AlertIcons from "../../alertIcons/AlertIcons"; //CSS
 
-import style from './css/AlertHeaderNew.module.css';
-import cssJSLogic from './css/cssJSLogic';
+import style from "./css/AlertHeaderNew.module.css";
+import cssJSLogic from "./css/cssJSLogic";
 import { mergeStyle } from '@zohodesk/utils'; //customHooks
 
-import useDragger from '../../../Hooks/Dragger/useDragger'; //Props
+import useDragger from "../../../Hooks/Dragger/useDragger"; //Props
 
-import defaultProps from './props/defaultProps';
-import propTypes from './props/propTypes';
+import defaultProps from "./props/defaultProps";
+import propTypes from "./props/propTypes";
 export default function AlertHeader(props) {
   const {
     title,

package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

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

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -1,19 +1,19 @@
 /**** Libraries ****/
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import Lookup from '../../../lookup/Lookup/Lookup';
-import AlertHeader from '../AlertHeader/AlertHeader';
+import Lookup from "../../../lookup/Lookup/Lookup";
+import AlertHeader from "../AlertHeader/AlertHeader";
 import Button from '@zohodesk/components/lib/Button/Button';
-import Section from '../../../lookup/Section/Section';
-import FormAction from '../../../FormAction/FormAction';
+import Section from "../../../lookup/Section/Section";
+import FormAction from "../../../FormAction/FormAction";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 /**** CSS ****/
 
-import style from './AlertLookupNew.module.css';
+import style from "./AlertLookupNew.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/lookup/AlertLookup/__tests__/AlertLookup.spec.js

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

package/es/version2/lookup/index.js

@@ -1,2 +1,2 @@
-export { default as AlertHeader } from './AlertHeader/AlertHeader';
-export { default as AlertLookup } from './AlertLookup/AlertLookup';
+export { default as AlertHeader } from "./AlertHeader/AlertHeader";
+export { default as AlertLookup } from "./AlertLookup/AlertLookup";

package/es/version2/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, DesktopNotificationUI_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
-import AutoClose from '../../../actions/AutoClose';
+import AutoClose from "../../../actions/AutoClose";
 import Button from '@zohodesk/components/lib/Button/Button';
-import FormAction from '../../../FormAction/FormAction';
-import DesktopNotificationHeader from '../DesktopNotificationHeader/DesktopNotificationHeader';
+import FormAction from "../../../FormAction/FormAction";
+import DesktopNotificationHeader from "../DesktopNotificationHeader/DesktopNotificationHeader";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
-import style from './DesktopNotification.module.css';
+import style from "./DesktopNotification.module.css";
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

package/es/version2/notification/DesktopNotification/__tests__/DesktopNotification.spec.js

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

package/es/version2/notification/DesktopNotification/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   isMore: false,
   isAnimate: true,

package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,12 +1,12 @@
 import React, { Component } from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import AlertClose from '../../AlertClose/AlertClose';
-import AlertIcons from '../../alertIcons/AlertIcons';
+import AlertClose from "../../AlertClose/AlertClose";
+import AlertIcons from "../../alertIcons/AlertIcons";
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Typography from '@zohodesk/components/es/Typography/Typography';
-import style from './DesktopNotificationHeader.module.css';
+import style from "./DesktopNotificationHeader.module.css";
 export default class DesktopNotificationHeader extends Component {
   constructor(props) {
     super(props);

package/es/version2/notification/DesktopNotificationHeader/__tests__/DesktopNotificationHeader.spec.js

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

package/es/version2/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../../Provider/Config';
+import { getDotLibraryConfig } from "../../../../Provider/Config";
 export const defaultProps = {
   needIcon: true,
   variant: 'primary',

package/es/version2/notification/index.js

@@ -1,3 +1,3 @@
-export { DesktopNotificationUI } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotification } from './DesktopNotification/DesktopNotification';
-export { default as DesktopNotificationHeader } from './DesktopNotificationHeader/DesktopNotificationHeader';
+export { DesktopNotificationUI } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotification } from "./DesktopNotification/DesktopNotification";
+export { default as DesktopNotificationHeader } from "./DesktopNotificationHeader/DesktopNotificationHeader";

package/lib/ActionButton/__tests__/ActionButton.spec.js

@@ -6,10 +6,18 @@ var _react2 = require("@testing-library/react");
 
 require("@testing-library/jest-dom");
 
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
+
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+beforeEach(function () {
+  (0, _IdProvider.setGlobalId)(0);
+});
+afterEach(function () {
+  (0, _react2.cleanup)();
+});
 describe('ActionButton', function () {
   var palettes = ['primaryFilled', 'primary'];
   var sizes = ['small', 'medium', 'large'];

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,6 +66,10 @@
   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,9 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getAttachmentIconDetails = getAttachmentIconDetails;
 exports.getExtensionFromFileName = getExtensionFromFileName;
 exports.isAudioFile = isAudioFile;
 exports.isBrowserSupportedFile = isBrowserSupportedFile;
+
+var _General = require("../utils/General");
+
 var UNASSIGNED = 'Unassigned';
 var BROWSER_SUPPORTED_FILES = ['pdf', 'text', 'txt', 'css', 'jpg', 'jpeg', 'gif', 'png', 'bmp', 'ico', 'sh', 'mp3', 'wav', 'ogg'];
 
@@ -25,4 +29,60 @@ function getExtensionFromFileName(fileName) {
 function isBrowserSupportedFile(fileName) {
   var extension = getExtensionFromFileName(fileName);
   return BROWSER_SUPPORTED_FILES.indexOf(extension) !== -1;
+}
+
+function getAttachmentIconDetails(fileName) {
+  var _getExtensionFromFile;
+
+  var extension = (_getExtensionFromFile = getExtensionFromFileName(fileName)) === null || _getExtensionFromFile === void 0 ? void 0 : _getExtensionFromFile.toLowerCase();
+  if (!extension) return 'ZD-GN-fileUnknown';
+  var imageExtensions = new Set(['jpeg', 'jpg', 'png', 'apng', 'gif', 'bmp', 'tiff', 'tif', 'ico', 'svg', 'heic', 'webp']);
+  var docExtensions = new Set(['txt']);
+  var pdfExtensions = new Set(['pdf']);
+  var htmlExtensions = new Set(['html', 'htm', 'xhtml']);
+  var pptExtensions = new Set(['ppt', 'pps', 'odp', 'sxi', 'pptx', 'ppsx', 'pot', 'potx', 'key']);
+  var zipExtensions = new Set(['rar', 'jar', 'zip']);
+  var wordExtensions = new Set(['doc', 'docx', 'sxw', 'odt', 'docm', 'dot', 'dotm', 'dotx', 'rtf', 'pages']);
+  var xmlExtensions = new Set(['xml']);
+  var sheetExtensions = new Set(['xls', 'xlsx', 'xlsm', 'xlsb', 'sxc', 'ods', 'csv', 'tsv', 'numbers']);
+  var audioExtensions = new Set(['mp3', 'wav', 'wma', 'aac', 'm4r', 'ogg', 'opus']);
+  var videoExtensions = new Set(['mp4', 'mkv', 'mov', 'mpeg', 'flv', 'wmv', 'avi', 'webm', 'ogv']);
+  var mailExtensions = new Set(['eml', 'msg']);
+  var linuxExtensions = new Set(['sh', 'bin']);
+  var cssExtensions = new Set(['css']);
+  var exeExtensions = new Set(['exe']);
+  var eventExtensions = new Set(['ics']);
+  if (imageExtensions.has(extension)) return 'ZD-EF-fileImage';
+  if (docExtensions.has(extension)) return 'ZD-GN-fileDoc';
+  if (pdfExtensions.has(extension)) return 'ZD-EF-filePdf';
+  if (pptExtensions.has(extension)) return 'ZD-GN-filePpt';
+  if (zipExtensions.has(extension)) return 'ZD-EF-fileZip';
+
+  if (wordExtensions.has(extension)) {
+    var _navigator$platform;
+
+    var OSName = ((_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toLowerCase()) || '';
+    return OSName.includes('mac') || OSName.includes('linux') ? 'ZD-EF-fileOffice' : 'ZD-EF-fileWord';
+  }
+
+  if (xmlExtensions.has(extension)) return 'ZD-EF-fileXml';
+  if (sheetExtensions.has(extension)) return 'ZD-GN-fileSheet';
+  if (audioExtensions.has(extension)) return 'ZD-EF-fileMp3';
+  if (videoExtensions.has(extension)) return 'ZD-EF-fileMp4';
+  if (mailExtensions.has(extension)) return 'ZD-GN-fileMail';
+  if (linuxExtensions.has(extension)) return 'ZD-EF-linux';
+  if (cssExtensions.has(extension)) return 'ZD-EF-clrCss';
+  if (exeExtensions.has(extension)) return 'ZD-EF-exe';
+  if (eventExtensions.has(extension)) return 'ZD-TK-event';
+
+  if (htmlExtensions.has(extension)) {
+    var _getBrowserWithVersio;
+
+    var browser = ((_getBrowserWithVersio = (0, _General.getBrowserWithVersion)()) === null || _getBrowserWithVersio === void 0 ? void 0 : _getBrowserWithVersio.toLowerCase()) || '';
+    if (browser.includes('chrome') || browser.includes('safari')) return 'ZD-EF-fileXml';
+    if (browser.includes('ie') || browser.includes('edge')) return 'ZD-EF-explorer';
+    return 'ZD-EF-firebox';
+  }
+
+  return 'ZD-GN-fileUnknown';
 }