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

package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -1,7 +1,7 @@
 /**** 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';
 /**** Components ****/
 
 import { SelectComponent } from '@zohodesk/components/es/v1/Select/Select';
@@ -16,7 +16,7 @@ import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomRes
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
-import style from "../../../../lookup/header/ViewDropDown/ViewDropDown.module.css";
+import style from '../../../../lookup/header/ViewDropDown/ViewDropDown.module.css';
 /* eslint-disable react/forbid-component-props */
 
 /*eslint-disable  react/sort-prop-types*/

package/es/v1/lookup/header/index.js

@@ -1,5 +1,5 @@
-export { default as Close } from "./Close/Close";
-export { default as ModuleHeader } from "./ModuleHeader/ModuleHeader";
-export { default as Search } from "./Search/Search";
-export { default as TicketHeader } from "./TicketHeader/TicketHeader";
-export { default as ViewDropDown } from "./ViewDropDown/ViewDropDown";
+export { default as Close } from './Close/Close';
+export { default as ModuleHeader } from './ModuleHeader/ModuleHeader';
+export { default as Search } from './Search/Search';
+export { default as TicketHeader } from './TicketHeader/TicketHeader';
+export { default as ViewDropDown } from './ViewDropDown/ViewDropDown';

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -1,14 +1,14 @@
 import React 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/es/v1/Layout';
 import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
-import AutoClose from "../../../actions/AutoClose";
+import AutoClose from '../../../actions/AutoClose';
 import Button from '@zohodesk/components/es/v1/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 "../../../version2/notification/DesktopNotification/DesktopNotification.module.css";
+import style from '../../../version2/notification/DesktopNotification/DesktopNotification.module.css';
 let buttonPaletteObject = {
   success: {
     buttonPalette: 'successFilled'

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

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

package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -1,12 +1,12 @@
 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, Box } from '@zohodesk/components/es/v1/Layout';
-import AlertClose from "../../alert/AlertClose/AlertClose";
-import AlertIcons from "../../alert/alertIcons/AlertIcons";
+import AlertClose from '../../alert/AlertClose/AlertClose';
+import AlertIcons from '../../alert/alertIcons/AlertIcons';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import Typography from '@zohodesk/components/es/v1/Typography/Typography';
-import style from "../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css";
+import style from '../../../version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css';
 export default function DesktopNotificationHeader(props) {
   let {
     onClose,

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

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

package/es/v1/setup/header/Button/Button.js

@@ -1,8 +1,8 @@
 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 GenButton from '@zohodesk/components/es/v1/Button/Button';
-import style from "../../../../setup/header/Button/HeaderButton.module.css";
+import style from '../../../../setup/header/Button/HeaderButton.module.css';
 export default function Button(props) {
   let {
     palette,

package/es/v1/setup/header/Link/Link.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Box } from '@zohodesk/components/es/v1/Layout';
-import ExternalLink from "../../../ExternalLink/ExternalLink";
-import style from "../../../../setup/header/Link/HeaderLink.module.css";
+import ExternalLink from '../../../ExternalLink/ExternalLink';
+import style from '../../../../setup/header/Link/HeaderLink.module.css';
 export default function Link(props) {
   let {
     url,

package/es/v1/setup/header/Search/Search.js

@@ -1,9 +1,9 @@
 import React, { useState } 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 TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
-import style from "../../../../setup/header/Search/Search.module.css";
+import style from '../../../../setup/header/Search/Search.module.css';
 export default function Search(props) {
   let {
     placeHolder,

package/es/v1/setup/header/Views/Views.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../../../setup/header/Views/Views.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../../../setup/header/Views/Views.module.css';
 import { Icon } from '@zohodesk/icons';
 export default function Views(props) {
   let {

package/es/v1/setup/header/index.js

@@ -1,4 +1,4 @@
-export { default as Button } from "./Button/Button";
-export { default as Link } from "./Link/Link";
-export { default as Search } from "./Search/Search";
-export { default as Views } from "./Views/Views";
+export { default as Button } from './Button/Button';
+export { default as Link } from './Link/Link';
+export { default as Search } from './Search/Search';
+export { default as Views } from './Views/Views';

package/es/v1/setup/helptips/Description/Description.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "../../../../setup/helptips/Description/HelpTipsDescription.module.css";
+import { propTypes } from './props/propTypes';
+import style from '../../../../setup/helptips/Description/HelpTipsDescription.module.css';
 export default function Description(props) {
   let {
     text

package/es/v1/setup/helptips/Link/Link.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "../../../../setup/helptips/Link/HelpTipsLink.module.css";
-import ExternalLink from "../../../ExternalLink/ExternalLink";
+import { propTypes } from './props/propTypes';
+import style from '../../../../setup/helptips/Link/HelpTipsLink.module.css';
+import ExternalLink from '../../../ExternalLink/ExternalLink';
 export default function Link(props) {
   let {
     text,

package/es/v1/setup/helptips/ListGroup/ListGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "../../../../setup/helptips/ListGroup/ListGroup.module.css";
+import { propTypes } from './props/propTypes';
+import style from '../../../../setup/helptips/ListGroup/ListGroup.module.css';
 export default function ListGroup(props) {
   let {
     isOrder,

package/es/v1/setup/helptips/Title/Title.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { propTypes } from "./props/propTypes";
-import style from "../../../../setup/helptips/Title/HelpTipsTitle.module.css";
+import { propTypes } from './props/propTypes';
+import style from '../../../../setup/helptips/Title/HelpTipsTitle.module.css';
 export default function Title(props) {
   let {
     text

package/es/v1/setup/helptips/index.js

@@ -1,4 +1,4 @@
-export { default as Description } from "./Description/Description";
-export { default as Link } from "./Link/Link";
-export { default as ListGroup } from "./ListGroup/ListGroup";
-export { default as Title } from "./Title/Title";
+export { default as Description } from './Description/Description';
+export { default as Link } from './Link/Link';
+export { default as ListGroup } from './ListGroup/ListGroup';
+export { default as Title } from './Title/Title';

package/es/v1/setup/index.js

@@ -1,6 +1,6 @@
-import * as _header from "./header";
+import * as _header from './header';
 export { _header as header };
-import * as _helptips from "./helptips";
+import * as _helptips from './helptips';
 export { _helptips as helptips };
-import * as _table from "./table";
+import * as _table from './table';
 export { _table as table };

package/es/v1/setup/table/Table/Table.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 { Container } from '@zohodesk/components/es/v1/Layout';
 export default function Table(props) {
   let {

package/es/v1/setup/table/TableBody/TableBody.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 { Box } from '@zohodesk/components/es/v1/Layout';
 export default function TableBody(props) {
   let {

package/es/v1/setup/table/TableData/TableData.js

@@ -1,8 +1,8 @@
 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 { Box } from '@zohodesk/components/es/v1/Layout';
-import style from "../../../../setup/table/TableData/SetupTableData.module.css";
+import style from '../../../../setup/table/TableData/SetupTableData.module.css';
 export default function TableData(props) {
   let {
     children,

package/es/v1/setup/table/TableHead/TableHead.js

@@ -1,8 +1,8 @@
 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, Box } from '@zohodesk/components/es/v1/Layout';
-import style from "../../../../setup/table/TableHead/SetupTableHead.module.css";
+import style from '../../../../setup/table/TableHead/SetupTableHead.module.css';
 export default function TableHead(props) {
   let {
     children,

package/es/v1/setup/table/TableRow/TableRow.js

@@ -1,8 +1,8 @@
 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/es/v1/Layout';
-import style from "../../../../setup/table/TableRow/SetupTableRow.module.css";
+import style from '../../../../setup/table/TableRow/SetupTableRow.module.css';
 export default function TableRow(props) {
   let {
     children,

package/es/v1/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 "../../../../setup/table/Text/TableText.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import Link from '../../../../Link/Link';
+import style from '../../../../setup/table/Text/TableText.module.css';
 export default function Text(props) {
   let {
     text,

package/es/v1/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/v1/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/v1/SVG/SVG';
 export default function PlusIcon(props) {
   let {

package/es/v1/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/v1/SVG/SVG';
 export default function SnippetIcon(props) {
   let {

package/es/v1/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/v1/SVG/SVG';
 export default function TemplateIcon(props) {
   let {

package/es/v1/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/version2/AlertClose/AlertClose.js

@@ -1,9 +1,9 @@
 /*** Libraries ***/
 import React, { PureComponent } from 'react';
-import { propTypes } from "./props/propTypes";
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
-import style from "./AlertClose.module.css";
+import style from './AlertClose.module.css';
 export default class AlertClose extends PureComponent {
   render() {
     let {

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

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

package/es/version2/GlobalNotification/GlobalNotification.js

@@ -1,12 +1,14 @@
 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);
@@ -15,6 +17,8 @@ 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() {
@@ -24,18 +28,44 @@ 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) {
@@ -47,20 +77,31 @@ 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
@@ -71,15 +112,13 @@ export default class GlobalNotification extends React.Component {
     let {
       closeTitle = 'Close'
     } = i18nKeys;
-    return /*#__PURE__*/React.createElement(GlobalNotificationUI, {
-      type: type,
-      message: message,
+    const notificationData = this.getNotiifcationData();
+    return /*#__PURE__*/React.createElement(GlobalNotificationUI, { ...notificationData,
       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/GlobalNotification/utils/constants.js

@@ -0,0 +1,4 @@
+export const STATUS_MOUNTED = 'mounted';
+export const STATUS_UPDATED = 'updated';
+export const STATUS_DISMISSING = 'dismissing';
+export const STATUS_UNMOUNTED = 'unmounted';

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 {