@zohodesk/dot 1.0.0-temp-207 → 1.0.0-temp-187.6

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,14 +1,12 @@
 import React from 'react';
-import { defaultProps } from './props/defaultProps';
-import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
-import AutoClose from '../../actions/AutoClose';
-import AlertIcons from '../alertIcons/AlertIcons';
-import AlertClose from '../AlertClose/AlertClose';
-import style from './GlobalNotification.module.css';
+import { defaultProps } from "./props/defaultProps";
+import { propTypes, UI_propTypes, new_propTypes } from "./props/propTypes";
+import AutoClose from "../../actions/AutoClose";
+import AlertIcons from "../alertIcons/AlertIcons";
+import AlertClose from "../AlertClose/AlertClose";
+import style from "./GlobalNotification.module.css";
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-import getCurrentTime from '../../utils/getCurrentTime';
-import { STATUS_DISMISSING, STATUS_MOUNTED, STATUS_UNMOUNTED, STATUS_UPDATED } from './utils/constants';
 export default class GlobalNotification extends React.Component {
   constructor(props) {
     super(props);
@@ -17,8 +15,6 @@ export default class GlobalNotification extends React.Component {
       shadowClose: true
     };
     this.onClose = this.onClose.bind(this);
-    this.getNotiifcationData = this.getNotiifcationData.bind(this);
-    this.handleStatusChange = this.handleStatusChange.bind(this);
   }
 
   componentDidMount() {
@@ -28,44 +24,18 @@ export default class GlobalNotification extends React.Component {
       id,
       needAutoClose
     } = this.props;
-    this.handleStatusChange(STATUS_MOUNTED);
 
     if (needAutoClose) {
       this.hideMessageTimer = setTimeout(() => {
         hideMessage(id);
-        this.handleStatusChange(STATUS_DISMISSING);
       }, hideTime);
     }
   }
 
-  componentDidUpdate(prevProps) {
-    if (prevProps.id === this.props.id && (prevProps.message !== this.props.message || prevProps.type !== this.props.type)) {
-      this.handleStatusChange(STATUS_UPDATED);
-    }
-  }
-
   componentWillUnmount() {
     if (this.hideMessageTimer) {
       clearTimeout(this.hideMessageTimer);
     }
-
-    this.handleStatusChange(STATUS_UNMOUNTED);
-  }
-
-  handleStatusChange(status) {
-    const {
-      onStatusChange
-    } = this.props;
-    const notificationData = this.getNotiifcationData();
-    const currentTime = getCurrentTime();
-
-    if (typeof onStatusChange == 'function') {
-      onStatusChange({
-        status,
-        ...notificationData,
-        time: currentTime
-      });
-    }
   }
 
   onClose(e) {
@@ -77,31 +47,20 @@ export default class GlobalNotification extends React.Component {
     this.setState({
       shadowClose: false
     });
-    this.handleStatusChange(STATUS_DISMISSING);
     hideMessage && hideMessage(id);
     onClose && onClose(e);
   }
 
-  getNotiifcationData() {
-    const {
-      id,
-      type,
-      message
-    } = this.props;
-    return {
-      id,
-      type,
-      message
-    };
-  }
-
   render() {
     let {
+      type,
+      message,
       hideMessage,
       onClick,
       i18nKeys = {},
       customProps,
       dataSelectorId,
+      id,
       needShadow,
       shadowCount,
       eleRef
@@ -112,13 +71,15 @@ export default class GlobalNotification extends React.Component {
     let {
       closeTitle = 'Close'
     } = i18nKeys;
-    const notificationData = this.getNotiifcationData();
-    return /*#__PURE__*/React.createElement(GlobalNotificationUI, { ...notificationData,
+    return /*#__PURE__*/React.createElement(GlobalNotificationUI, {
+      type: type,
+      message: message,
       hideMessage: hideMessage,
       onClick: onClick,
       closeTitle: closeTitle,
       customProps: customProps,
       dataSelectorId: dataSelectorId,
+      id: id,
       shadowCount: shadowCount,
       onClose: this.onClose,
       needShadow: shadowClose && needShadow,

package/es/version2/GlobalNotification/__tests__/GlobalNotification.spec.js

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

package/es/version2/alertIcons/AlarmAlertIcon.js

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

package/es/version2/alertIcons/AlertIcons.js

@@ -1,13 +1,13 @@
 import React, { Component } from 'react';
-import { AlertIcons_defaultProps } from './props/defaultProps';
-import { AlertIcons_propTypes } from './props/propTypes';
-import DangerAlertIcon from './DangerAlertIcon';
-import SuccessAlertIcon from './SuccessAlertIcon';
-import WarningAlertIcon from './WarningAlertIcon';
-import InfoAlertIcon from './InfoAlertIcon';
-import NotificationAlertIcon from './NotificationAlertIcon';
-import AlarmAlertIcon from './AlarmAlertIcon';
-import style from './AlertIcons.module.css';
+import { AlertIcons_defaultProps } from "./props/defaultProps";
+import { AlertIcons_propTypes } from "./props/propTypes";
+import DangerAlertIcon from "./DangerAlertIcon";
+import SuccessAlertIcon from "./SuccessAlertIcon";
+import WarningAlertIcon from "./WarningAlertIcon";
+import InfoAlertIcon from "./InfoAlertIcon";
+import NotificationAlertIcon from "./NotificationAlertIcon";
+import AlarmAlertIcon from "./AlarmAlertIcon";
+import style from "./AlertIcons.module.css";
 let alertIconsObject = {
   success: {
     AlertIcon: SuccessAlertIcon

package/es/version2/alertIcons/DangerAlertIcon.js

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

package/es/version2/alertIcons/ErrorAlertIcon.js

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

package/es/version2/alertIcons/InfoAlertIcon.js

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

package/es/version2/alertIcons/NotificationAlertIcon.js

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

package/es/version2/alertIcons/SuccessAlertIcon.js

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

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";