@zohodesk/dot 1.0.0-temp-203.7 → 1.0.0-temp-204.6

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,13 +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';
 export default class GlobalNotification extends React.Component {
   constructor(props) {
     super(props);
@@ -16,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() {
@@ -27,48 +24,20 @@ export default class GlobalNotification extends React.Component {
       id,
       needAutoClose
     } = this.props;
-    this.handleStatusChange('mounted');
 
     if (needAutoClose) {
       this.hideMessageTimer = setTimeout(() => {
         hideMessage(id);
-        this.handleStatusChange('dismissing');
       }, hideTime);
     }
   }
 
-  componentDidUpdate(prevProps) {
-    if (prevProps.id === this.props.id && (prevProps.message !== this.props.message || prevProps.type !== this.props.type)) {
-      this.handleStatusChange('updated');
-    }
-  }
-
   componentWillUnmount() {
     if (this.hideMessageTimer) {
       clearTimeout(this.hideMessageTimer);
     }
-
-    this.handleStatusChange('unmounted');
   }
 
-  handleStatusChange(status) {
-    const {
-      onStatusChange
-    } = this.props;
-    const notificationData = this.getNotiifcationData();
-    const currentTime = getCurrentTime();
-
-    if (typeof onStatusChange == 'function') {
-      onStatusChange({
-        status,
-        ...notificationData,
-        time: currentTime
-      });
-    }
-  }
-
-  handleNotificationClose() {}
-
   onClose(e) {
     const {
       onClose,
@@ -78,31 +47,20 @@ export default class GlobalNotification extends React.Component {
     this.setState({
       shadowClose: false
     });
-    this.handleStatusChange('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
@@ -113,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/GlobalNotification.module.css

@@ -144,6 +144,13 @@
   --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
 }
 
+.attention {
+  --commonalert_border_color: var(--zdt_commonalert_attention_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_attention_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_attention_text);
+}
+
+
 .text {
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
@@ -152,10 +159,12 @@
   overflow: hidden;
 }
 
+
 [dir=ltr] .text {
   text-align: left;
 }
 
+
 [dir=rtl] .text {
   text-align: right;
 }

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/GlobalNotification/props/propTypes.js

@@ -5,7 +5,7 @@ export const propTypes = {
   message: PropTypes.string,
   onClick: PropTypes.func,
   showMessage: PropTypes.bool,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
   i18nKeys: PropTypes.object,
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
@@ -22,7 +22,7 @@ export const UI_propTypes = {
   closeTitle: PropTypes.string,
   message: PropTypes.string,
   onClick: PropTypes.func,
-  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error', 'attention']),
   customProps: PropTypes.shape({
     ExtraProps: PropTypes.object
   }),

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
@@ -29,6 +29,9 @@ let alertIconsObject = {
   },
   alarm: {
     AlertIcon: AlarmAlertIcon
+  },
+  attention: {
+    AlertIcon: InfoAlertIcon
   }
 };
 export default class AlertIcons extends Component {

package/es/version2/alertIcons/AlertIcons.module.css

@@ -8,6 +8,7 @@
     width: 100% ;
     height: 100% ;
 }
+
 /* Common */
 .outer_cls2 {
     fill: var(--zdt_alerticons_green_fill);
@@ -29,28 +30,41 @@
 .outer_cls6 {
     fill: var(--alerticons_fill);
 }
+
 .danger {
     --alerticons_fill: var(--zdt_commonalert_danger_icon);
 }
+
 .success {
     --alerticons_fill: var(--zdt_commonalert_success_icon);
 }
+
 .error {
     --alerticons_fill: var(--zdt_commonalert_error_icon);
 }
-.info,.notification,.alarm {
+
+.info,
+.notification,
+.alarm {
     --alerticons_fill: var(--zdt_commonalert_info_icon);
 }
+
 .warning {
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
+
+.attention {
+    --alerticons_fill: var(--zdt_commonalert_attention_icon);
+}
+
 .danger_primary,
 .info_primary,
 .warning_primary,
 .success_primary,
 .error_primary,
 .notify_primary,
-.alarm_primary {
+.alarm_primary,
+.attention_primary {
     fill: var(--zdt_commonalert_secondlayer_bg);
 }
 
@@ -60,8 +74,8 @@
 .success_secondary,
 .error_secondary,
 .notify_secondary,
-.alarm_secondary {
+.alarm_secondary,
+.attention_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
-}
-
+}

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/alertIcons/props/propTypes.js

@@ -4,7 +4,7 @@ export const AlarmAlertIcon_propTypes = {
   variant: PropTypes.oneOf(['primary', 'secondary'])
 };
 export const AlertIcons_propTypes = {
-  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'attention']),
   variant: PropTypes.oneOf(['primary', 'secondary']),
   dataSelectorId: PropTypes.string
 };

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 {