@zohodesk/dot 1.0.0-temp-155 → 1.0.0-temp-156

package/es/ToastMessage/ToastMessage.js

@@ -1,19 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
-import { propTypes } from './props/propTypes'; //components
-
+import { propTypes } from './props/propTypes';
+//components
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
 import { useZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import { useUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
 import AutoClose from '../actions/AutoClose';
-import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css'; //style
-
+import a11yStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
+//style
 import style from './ToastMessage.module.css';
-
 function ToastMessageUI(props) {
   let [messageState, setMessageState] = useState(props.messageState);
   let {
@@ -44,22 +42,18 @@ function ToastMessageUI(props) {
     needAutoZindex,
     a11y
   } = props;
-
   function onClickSubmit(e) {
     onSubmit && onSubmit();
     onClose && onClose();
   }
-
   function onClickCancel(e) {
     onCancel && onCancel();
     onClose && onClose();
   }
-
   function changeMessageState(e) {
     cancelBubblingEffect(e);
     setMessageState(!messageState);
   }
-
   let animateClass = isClose ? style.rightanimate : style.leftanimate;
   let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
   let channelIcon = /*#__PURE__*/React.createElement(Icon, {
@@ -69,9 +63,9 @@ function ToastMessageUI(props) {
   });
   let getNextIndex = useZIndex();
   let Zindex = isAnimate ? getNextIndex() : null,
-      getNextId = useUniqueId(),
-      titleId = getNextId(),
-      infoId = getNextId();
+    getNextId = useUniqueId(),
+    titleId = getNextId(),
+    infoId = getNextId();
   let {
     role = 'alert',
     ariaLive = 'assertive',
@@ -189,14 +183,15 @@ function ToastMessageUI(props) {
     tagName: "p"
   }, message) : null, getBottomContainer ? /*#__PURE__*/React.createElement(Box, null, getBottomContainer()) : null);
 }
-
 export default function ToastMessage(props) {
   return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
     Element: ToastMessageUI
   }));
 }
 ToastMessage.propTypes = propTypes;
-ToastMessage.defaultProps = defaultProps; // if (__DOCS__) {
+ToastMessage.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   ToastMessage.docs = {
 //     componentGroup: 'Atom'
 //   };