@zohodesk/dot 1.0.0-beta.263 → 1.0.0-beta.265

package/es/NewStar/NewStar.js

@@ -13,34 +13,30 @@ export default class NewStar extends React.Component {
     } = this.props;
     let alignPosition = {
       topRight: {
-        className: style.topRight
-        // align: 'right',
+        className: style.topRight // align: 'right',
         // alignBox: 'row',
         // reverse: 'wrap'
-      },
 
+      },
       topLeft: {
-        className: style.topLeft
-        // align: 'left',
+        className: style.topLeft // align: 'left',
         // alignBox: 'row',
         // reverse: 'wrap'
-      },
 
+      },
       bottomLeft: {
-        className: style.bottomLeft
-        // align: 'left',
+        className: style.bottomLeft // align: 'left',
         // alignBox: 'column-reverse',
         // reverse: 'wrap'
-      },
 
+      },
       bottomRight: {
-        className: style.bottomRight
-        // align: 'right',
+        className: style.bottomRight // align: 'right',
         // alignBox: 'column',
         // reverse: 'wrap-reverse'
+
       }
     };
-
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       isCover: false,
@@ -59,11 +55,10 @@ export default class NewStar extends React.Component {
       size: "10"
     }));
   }
+
 }
 NewStar.propTypes = propTypes;
-NewStar.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+NewStar.defaultProps = defaultProps; // if (__DOCS__) {
 //   NewStar.docs = {
 //     componentGroup: 'Atom'
 //   };

package/es/PlusIcon/PlusIcon.js

@@ -7,6 +7,7 @@ export default class PlusIcon extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     let {
       dataId,
@@ -31,11 +32,10 @@ export default class PlusIcon extends React.Component {
       className: `${customClass} ${style.plusIcon}`
     }));
   }
+
 }
 PlusIcon.defaultProps = defaultProps;
-PlusIcon.propTypes = propTypes;
-
-// if (__DOCS__) {
+PlusIcon.propTypes = propTypes; // if (__DOCS__) {
 //   PlusIcon.docs = {
 //     componentGroup: 'Common',
 //     folderName: 'Ticket DetailView'

package/es/Separator/Separator.js

@@ -7,6 +7,7 @@ export default class Separator extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     const {
       children,
@@ -39,6 +40,7 @@ export default class Separator extends React.Component {
             className: customChildren
           }, child);
         }
+
         return child && /*#__PURE__*/React.createElement(React.Fragment, {
           key: i
         }, /*#__PURE__*/React.createElement(Box, {
@@ -52,6 +54,7 @@ export default class Separator extends React.Component {
       }
     }));
   }
+
 }
 Separator.defaultProps = defaultProps;
 Separator.propTypes = propTypes;

package/es/TagWithIcon/TagWithIcon.js

@@ -36,6 +36,7 @@ export default class TagWithIcon extends React.Component {
       className: `${style.text} ${style[size]}_text ${isBold ? style.bold : ''}`
     }, text) : null);
   }
+
 }
 TagWithIcon.propTypes = propTypes;
 TagWithIcon.defaultProps = defaultProps;

package/es/ToastMessage/ToastMessage.js

@@ -1,17 +1,19 @@
 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 {
@@ -42,18 +44,22 @@ 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, {
@@ -63,9 +69,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',
@@ -182,15 +188,14 @@ 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'
 //   };

package/es/Upload/Upload.js

@@ -64,11 +64,10 @@ export default class Upload extends React.Component {
       isBold: true
     })) : null);
   }
+
 }
 Upload.propTypes = propTypes;
-Upload.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+Upload.defaultProps = defaultProps; // if (__DOCS__) {
 //   Upload.docs = {
 //     componentGroup: 'Upload'
 //   };

package/es/actions/AutoClose.js

@@ -11,18 +11,22 @@ export default function AutoClose(props) {
     hideTime
   } = props;
   let [isClose, setClose] = useState(givenClose);
+
   function onClose(e) {
     cancelBubblingEffect(e);
     onPortalClose && onPortalClose();
   }
+
   useEffect(() => {
     let id;
+
     if (autoClose) {
       id = setTimeout(() => {
         setClose(true);
         setTimeout(onClose, 300); // For animation
       }, hideTime);
     }
+
     return () => {
       if (autoClose) {
         clearTimeout(id);

package/es/actions/index.js

@@ -3,6 +3,7 @@ export const popNotificationAction = (() => {
     resolve: () => {},
     reject: () => {}
   };
+
   function showNotification(data) {
     return dispatch => {
       dispatch(showPopNotification(data));
@@ -11,6 +12,7 @@ export const popNotificationAction = (() => {
           dispatch(hidePopNotification(notifiId));
           res();
         };
+
         ob.reject = notifiId => {
           dispatch(hidePopNotification(notifiId));
           rej();
@@ -18,6 +20,7 @@ export const popNotificationAction = (() => {
       });
     };
   }
+
   return {
     ob,
     showNotification

package/es/alert/AlertHeader/AlertHeader.js

@@ -62,11 +62,10 @@ export default class AlertHeader extends Component {
       dataId: `${dataId}_close`
     })) : null);
   }
+
 }
 AlertHeader.propTypes = propTypes;
-AlertHeader.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+AlertHeader.defaultProps = defaultProps; // if (__DOCS__) {
 //   AlertHeader.docs = {
 //     componentGroup: 'AlertHeader',
 //     folderName: 'Alert'

package/es/alert/AlertLookup/AlertLookup.js

@@ -1,17 +1,18 @@
 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); }
+
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-
 /**** Components ****/
+
 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';
-
 /**** CSS ****/
+
 import style from './AlertLookup.module.css';
 export default class AlertLookup extends Component {
   render() {
@@ -95,11 +96,10 @@ export default class AlertLookup extends Component {
       palette: "secondary"
     }, SecondaryButtonProps))) : null));
   }
+
 }
 AlertLookup.propTypes = propTypes;
-AlertLookup.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+AlertLookup.defaultProps = defaultProps; // if (__DOCS__) {
 //   AlertLookup.docs = {
 //     componentGroup: 'AlertLookup',
 //     folderName: 'Alert'

package/es/avatar/AvatarClose/AvatarClose.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -9,6 +10,7 @@ export default class AvatarClose extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     let {
       title,
@@ -41,10 +43,10 @@ export default class AvatarClose extends React.Component {
       name: "ZD-plus"
     }))));
   }
+
 }
 AvatarClose.propTypes = propTypes;
-AvatarClose.defaultProps = defaultProps;
-// if (__DOCS__) {
+AvatarClose.defaultProps = defaultProps; // if (__DOCS__) {
 //   AvatarClose.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/avatar/AvatarCollision/AvatarCollision.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -9,6 +10,7 @@ export default class AvatarCollision extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     let {
       title,
@@ -49,10 +51,10 @@ export default class AvatarCollision extends React.Component {
       name: "ZD-livechat3"
     }))));
   }
+
 }
 AvatarCollision.propTypes = propTypes;
-AvatarCollision.defaultProps = defaultProps;
-// if (__DOCS__) {
+AvatarCollision.defaultProps = defaultProps; // if (__DOCS__) {
 //   AvatarCollision.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -45,9 +46,9 @@ export default class AvatarIcon extends React.Component {
       isBold: isIconBold
     }));
   }
+
 }
 AvatarIcon.defaultProps = defaultProps;
-AvatarIcon.propTypes = propTypes;
-// if (__DOCS__) {
+AvatarIcon.propTypes = propTypes; // if (__DOCS__) {
 //   AvatarIcon.docs = { componentGroup: 'Avatar Group' };
 // }

package/es/avatar/AvatarStatus/AvatarStatus.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -8,6 +9,7 @@ export default class AvatarStatus extends React.Component {
   constructor(props) {
     super(props);
   }
+
   render() {
     let {
       src,
@@ -60,11 +62,10 @@ export default class AvatarStatus extends React.Component {
       className: `${style.state} ${style[state]} ${style[size]} ${style[shape]}`
     }));
   }
+
 }
 AvatarStatus.defaultProps = defaultProps;
-AvatarStatus.propTypes = propTypes;
-
-// if (__DOCS__) {
+AvatarStatus.propTypes = propTypes; // if (__DOCS__) {
 //   AvatarStatus.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/avatar/AvatarThread/AvatarThread.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -67,11 +68,10 @@ export default class AvatarThread extends React.Component {
                   ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
     })), getCustomThread && getCustomThread()));
   }
+
 }
 AvatarThread.defaultProps = defaultProps;
-AvatarThread.propTypes = propTypes;
-
-// if (__DOCS__) {
+AvatarThread.propTypes = propTypes; // if (__DOCS__) {
 //   AvatarThread.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/avatar/AvatarUser/AvatarUser.js

@@ -1,9 +1,11 @@
 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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /**** Components ****/
+
 import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
 import AvatarIcon from '../AvatarIcon/AvatarIcon';
 import { Icon } from '@zohodesk/icons';
@@ -99,11 +101,10 @@ export default class AvatarUser extends React.Component {
       size: "15"
     })) : null);
   }
+
 }
 AvatarUser.propTypes = propTypes;
-AvatarUser.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+AvatarUser.defaultProps = defaultProps; // if (__DOCS__) {
 //   AvatarUser.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -1,4 +1,5 @@
 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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -85,11 +86,10 @@ export default class AvatarWithTeam extends React.Component {
       borderOnActive: teamBorderActive
     }, AvatarTeam2Props))) : null);
   }
+
 }
 AvatarWithTeam.defaultProps = defaultProps;
-AvatarWithTeam.propTypes = propTypes;
-
-// if (__DOCS__) {
+AvatarWithTeam.propTypes = propTypes; // if (__DOCS__) {
 //   AvatarWithTeam.docs = {
 //     componentGroup: 'Avatar Group'
 //   };

package/es/deprecated/FreezeLayer/FreezeLayer.js

@@ -16,6 +16,7 @@ export default class FreezeLayer extends Component {
     this.getNextIndex = getZIndex(this);
     this.isFreezeLayerEnabled = false;
   }
+
   enableFreeze() {
     if (!this.isFreezeLayerEnabled) {
       this.isFreezeLayerEnabled = true;
@@ -23,6 +24,7 @@ export default class FreezeLayer extends Component {
       freezeLayerEnable && freezeLayerEnable();
     }
   }
+
   disableFreeze() {
     if (this.isFreezeLayerEnabled) {
       this.isFreezeLayerEnabled = false;
@@ -30,10 +32,12 @@ export default class FreezeLayer extends Component {
       freezeLayerDisable && freezeLayerDisable();
     }
   }
+
   componentDidMount() {
     let {
       isActive
     } = this.props;
+
     if (isActive) {
       this.setState({
         isChildActive: true
@@ -41,10 +45,12 @@ export default class FreezeLayer extends Component {
       this.enableFreeze();
     }
   }
+
   componentDidUpdate(prevProps) {
     let {
       isActive
     } = this.props;
+
     if (isActive != prevProps.isActive) {
       if (isActive) {
         this.enableFreeze();
@@ -67,9 +73,11 @@ export default class FreezeLayer extends Component {
       }
     }
   }
+
   componentWillUnmount() {
     this.disableFreeze();
   }
+
   render() {
     let {
       children,
@@ -116,11 +124,10 @@ export default class FreezeLayer extends Component {
       dataId: "reactFreezeLayer"
     }, children))));
   }
+
 }
 FreezeLayer.propTypes = propTypes;
-FreezeLayer.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+FreezeLayer.defaultProps = defaultProps; // if (__DOCS__) {
 //   FreezeLayer.docs = {
 //     componentGroup: 'Atom',
 //     folderName: 'General'

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -9,12 +9,14 @@ import { Container, Box } from '@zohodesk/components/lib/Layout';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
 import style from './SelectDropdown.module.css';
+
 class SelectDropdown extends React.Component {
   constructor(props) {
     super(props);
     this.handleTogglePopup = this.handleTogglePopup.bind(this);
     this.handleClick = this.handleClick.bind(this);
   }
+
   handleClick(id, value, index, e) {
     let {
       onClick,
@@ -23,12 +25,14 @@ class SelectDropdown extends React.Component {
     onClick && onClick(id, value, index, e);
     togglePopup(e, 'bottomRight');
   }
+
   handleTogglePopup(e) {
     let {
       togglePopup
     } = this.props;
     togglePopup(e, 'bottomRight');
   }
+
   responsiveFunc(_ref) {
     let {
       mediaQueryOR
@@ -39,6 +43,7 @@ class SelectDropdown extends React.Component {
       }])
     };
   }
+
   render() {
     let {
       title,
@@ -117,7 +122,9 @@ class SelectDropdown extends React.Component {
       }))))));
     }));
   }
+
 }
+
 SelectDropdown.propTypes = {
   getContainerRef: PropTypes.func,
   getTargetRef: PropTypes.func,
@@ -134,8 +141,7 @@ SelectDropdown.propTypes = {
     options: PropTypes.array
   }),
   title: PropTypes.string
-};
-// if (__DOCS__) {
+}; // if (__DOCS__) {
 //   SelectDropdown.docs = {
 //     componentGroup: 'Header',
 //     folderName: 'Setup'

package/es/deprecated/utils/General.js

@@ -3,6 +3,7 @@ export function formatCurrency(number, symbol) {
   if (number && number != 0) {
     let typeOfData = typeof number;
     let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
+
     if (isDecimal) {
       let val = number.toString().split('.');
       let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
@@ -13,5 +14,6 @@ export function formatCurrency(number, symbol) {
       return value;
     }
   }
+
   return number;
 }