@zohodesk/dot 1.0.0-temp-101 → 1.0.0-temp-103

package/es/actions/index.js

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

package/es/alert/AlertHeader/AlertHeader.js

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

package/es/alert/AlertHeader/docs/AlertHeader__default.docs.js

@@ -4,7 +4,6 @@ export default class AlertHeader__default extends Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AlertHeader, {
       title: "Delete",
@@ -52,9 +51,7 @@ export default class AlertHeader__default extends Component {
       iconSize: "14"
     }, "[SecondaryName]"));
   }
-
 }
-
 if (false) {
   AlertHeader__default.docs = {
     componentGroup: 'AlertHeader',

package/es/alert/AlertLookup/AlertLookup.js

@@ -1,80 +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); }
-
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/**** Components ****/
 
+/**** 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 ****/
 
+/**** CSS ****/
 import style from './AlertLookup.module.css';
 export default class AlertLookup extends Component {
-  constructor(props) {
-    super(props);
-    this.documentKeydownHandler = this.documentKeydownHandler.bind(this);
-    this.getButtonRef = this.getButtonRef.bind(this);
-  }
-
-  componentDidMount() {
-    let {
-      isActive
-    } = this.props;
-
-    if (isActive) {
-      document.addEventListener('keydown', this.documentKeydownHandler);
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    let {
-      isActive
-    } = this.props;
-
-    if (prevProps.isActive !== isActive) {
-      isActive ? document.addEventListener('keydown', this.documentKeydownHandler) : document.removeEventListener('keydown', this.documentKeydownHandler);
-    }
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.documentKeydownHandler);
-  }
-
-  documentKeydownHandler() {
-    let e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let {
-      onSubmitClick,
-      onCancelClick,
-      isActive,
-      onEsc,
-      onClose
-    } = this.props;
-
-    if (e.keyCode === 27 && isActive) {
-      e && e.preventDefault && e.preventDefault();
-      onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
-    } else if (e.keyCode === 13 && isActive) {
-      e && e.preventDefault && e.preventDefault();
-      onSubmitClick && onSubmitClick(e);
-    }
-  }
-
-  getButtonRef(el) {
-    this.okButton = el;
-    let {
-      isDefaultFocus
-    } = this.props;
-
-    if (isDefaultFocus) {
-      el && el.focus();
-    }
-  }
-
   render() {
     let {
       isActive,
@@ -111,6 +50,8 @@ export default class AlertLookup extends Component {
       SecondaryButtonProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement(Lookup, _extends({
+      needFocusScope: true,
+      onClose: onEsc == 'close' ? onClose : onCancelClick,
       isActive: isActive,
       size: size,
       dataId: dataId,
@@ -145,8 +86,7 @@ export default class AlertLookup extends Component {
       text: submitText,
       dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : `${dataId}_confirmButton`,
       onClick: onSubmitClick,
-      palette: palette === 'primary' ? 'primaryFilled' : 'dangerFilled',
-      getRef: this.getButtonRef
+      palette: palette === 'primary' ? 'primaryFilled' : 'dangerFilled'
     }, PrimaryButtonProps)), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
       dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
       text: cancelText,
@@ -154,11 +94,9 @@ export default class AlertLookup extends Component {
       palette: "secondary"
     }, SecondaryButtonProps))) : null));
   }
-
 }
 AlertLookup.propTypes = propTypes;
 AlertLookup.defaultProps = defaultProps;
-
 if (false) {
   AlertLookup.docs = {
     componentGroup: 'AlertLookup',

package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -11,31 +11,26 @@ export default class AlertLookup__default extends Component {
     this.onClose = this.onClose.bind(this);
     this.headerChildren = this.headerChildren.bind(this);
   }
-
   lookupOpen(lookup) {
     this.setState({
       lookup: lookup
     });
   }
-
   onCancel() {
     console.log('from cancel');
     this.setState({
       lookup: false
     });
   }
-
   onClose() {
     console.log('from close');
     this.setState({
       lookup: false
     });
   }
-
   headerChildren() {
     return /*#__PURE__*/React.createElement("div", null, "Custom");
   }
-
   render() {
     let {
       lookup
@@ -122,9 +117,7 @@ export default class AlertLookup__default extends Component {
       headerChildren: this.headerChildren
     }, /*#__PURE__*/React.createElement("div", null, "Custom children Type")));
   }
-
 }
-
 if (false) {
   AlertLookup__default.docs = {
     componentGroup: 'AlertLookup',

package/es/avatar/AvatarClose/AvatarClose.js

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

package/es/avatar/AvatarClose/docs/AvatarClose__default.docs.js

@@ -5,7 +5,6 @@ export default class AvatarClose__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarClose, {
       name: "Avatar",
@@ -16,9 +15,7 @@ export default class AvatarClose__default extends React.Component {
       isClose: true
     }));
   }
-
 }
-
 if (false) {
   AvatarClose__default.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarCollision/AvatarCollision.js

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

package/es/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js

@@ -5,7 +5,6 @@ export default class AvatarCollision__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarCollision, {
       size: "large",
@@ -25,9 +24,7 @@ export default class AvatarCollision__default extends React.Component {
       isIdle: true
     }));
   }
-
 }
-
 if (false) {
   AvatarCollision__default.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -1,5 +1,4 @@
 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';
@@ -44,11 +43,9 @@ export default class AvatarIcon extends React.Component {
       isBold: isIconBold
     }));
   }
-
 }
 AvatarIcon.defaultProps = defaultProps;
 AvatarIcon.propTypes = propTypes;
-
 if (false) {
   AvatarIcon.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js

@@ -6,7 +6,6 @@ export default class AvatarIcon__palette extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let palettes = ['primary', 'secondary', 'success', 'danger', 'default'];
     let iconPalettes = ['primary', 'grey', 'success', 'danger', 'default', 'smoke18'];
@@ -29,9 +28,7 @@ export default class AvatarIcon__palette extends React.Component {
       title: "Title"
     })))));
   }
-
 }
-
 if (false) {
   AvatarIcon__palette.docs = {
     componentGroup: 'Avatar Group',

package/es/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js

@@ -6,7 +6,6 @@ export default class AvatarIcon__size extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let icons = [{
       name: 'ZD-notifiExclamation',
@@ -35,9 +34,7 @@ export default class AvatarIcon__size extends React.Component {
       size: item.size
     }))));
   }
-
 }
-
 if (false) {
   AvatarIcon__size.docs = {
     componentGroup: 'Avatar Group',

package/es/avatar/AvatarStatus/AvatarStatus.js

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

package/es/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js

@@ -6,7 +6,6 @@ export default class AvatarStatus__size extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'];
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, sizes.map(size => /*#__PURE__*/React.createElement("span", {
@@ -24,9 +23,7 @@ export default class AvatarStatus__size extends React.Component {
       shape: "square"
     })))));
   }
-
 }
-
 if (false) {
   AvatarStatus__size.docs = {
     componentGroup: 'Avatar Group',

package/es/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js

@@ -6,7 +6,6 @@ export default class AvatarStatus__state extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let states = ['online', 'offline', 'idle'];
     return /*#__PURE__*/React.createElement("div", null, states.map(state => /*#__PURE__*/React.createElement("span", {
@@ -40,7 +39,6 @@ export default class AvatarStatus__state extends React.Component {
           </div>
     );*/
   }
-
 }
 
 if (false) {

package/es/avatar/AvatarThread/AvatarThread.js

@@ -1,5 +1,4 @@
 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';
@@ -66,11 +65,9 @@ export default class AvatarThread extends React.Component {
                   ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
     })), getCustomThread && getCustomThread()));
   }
-
 }
 AvatarThread.defaultProps = defaultProps;
 AvatarThread.propTypes = propTypes;
-
 if (false) {
   AvatarThread.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarThread/AvatarThread.module.css

@@ -36,20 +36,18 @@
 [dir=rtl] .thread_xsmall_pos {
   left: calc(var(--zd_size5) * -1);
 }
-
 .thread_small_pos {
   top: calc(var(--zd_size3) * -1);
   height: var(--zd_size12);
   width: var(--zd_size12);
 }
-
 [dir=ltr] .thread_small_pos {
   right: calc(var(--zd_size6) * -1);
 }
-
 [dir=rtl] .thread_small_pos {
   left: calc(var(--zd_size6) * -1);
 }
+
 .thread_small_pos i {
   font-size: var(--zd_font_size8);
 }
@@ -135,6 +133,9 @@
 .border_default {
   border: 1px solid var(--zdt_avatarthread_default_border);
 }
+.border_orange {
+  border: 1px solid var(--zdt_avatarthread_orange_border);
+}
 
 .hover .thread {
   display: none;
@@ -161,3 +162,6 @@
 .text_default {
   color: var(--zdt_avatarthread_default_text);
 }
+.text_orange {
+  color: var(--zdt_avatarthread_orange_text);
+}

package/es/avatar/AvatarThread/docs/AvatarThread__default.docs.js

@@ -6,7 +6,6 @@ export default class AvatarThread__default extends Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     let margin = {
       margin: '10px'
@@ -65,6 +64,16 @@ export default class AvatarThread__default extends Component {
       iconSize: "14",
       iconColor: "default",
       borderPalette: "default"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: margin
+    }, /*#__PURE__*/React.createElement(AvatarThread, {
+      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
+      name: "Bharathikannan",
+      size: "medium",
+      iconName: "ZD-TK-in",
+      iconSize: "14",
+      iconColor: "orange",
+      borderPalette: "orange"
     }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
       style: margin
     }, "Icon Color"), /*#__PURE__*/React.createElement("span", {
@@ -85,6 +94,15 @@ export default class AvatarThread__default extends Component {
       iconName: "ZD-chFacebook",
       iconSize: "10",
       iconColor: "danger"
+    })), /*#__PURE__*/React.createElement("span", {
+      style: margin
+    }, /*#__PURE__*/React.createElement(AvatarThread, {
+      src: "https://contacts.zoho.com/file?ID=8237519&exp=6000&t=user&fs=thumb",
+      name: "Bharathikannan",
+      size: "medium",
+      iconName: "ZD-chFacebook",
+      iconSize: "10",
+      iconColor: "orange"
     }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
       style: margin
     }, "Size"), /*#__PURE__*/React.createElement("span", {
@@ -137,9 +155,7 @@ export default class AvatarThread__default extends Component {
       iconSize: "10"
     })))));
   }
-
 }
-
 if (false) {
   AvatarThread__default.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarThread/props/propTypes.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
-  borderPalette: PropTypes.oneOfType(['primary', 'success', 'danger', 'default']),
+  borderPalette: PropTypes.oneOfType(['primary', 'success', 'danger', 'default', 'orange']),
   customTextClass: PropTypes.string,
   dataId: PropTypes.string,
   iconColor: PropTypes.string,

package/es/avatar/AvatarUser/AvatarUser.js

@@ -1,11 +1,9 @@
 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/lib/Icon';
@@ -99,11 +97,9 @@ export default class AvatarUser extends React.Component {
       size: "15"
     })) : null);
   }
-
 }
 AvatarUser.propTypes = propTypes;
 AvatarUser.defaultProps = defaultProps;
-
 if (false) {
   AvatarUser.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarUser/docs/AvatarUser__default.docs.js

@@ -6,7 +6,6 @@ export default class AvatarUser__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
       className: `${style.docspan} ${style.vtop}`
@@ -162,9 +161,7 @@ export default class AvatarUser__default extends React.Component {
       needDelete: true
     }))));
   }
-
 }
-
 if (false) {
   AvatarUser__default.docs = {
     componentGroup: 'Avatar Group',

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -1,5 +1,4 @@
 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';
@@ -83,11 +82,9 @@ export default class AvatarWithTeam extends React.Component {
       borderOnActive: borderOnActive
     }, AvatarTeam2Props))) : null);
   }
-
 }
 AvatarWithTeam.defaultProps = defaultProps;
 AvatarWithTeam.propTypes = propTypes;
-
 if (false) {
   AvatarWithTeam.docs = {
     componentGroup: 'Avatar Group'

package/es/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js

@@ -5,7 +5,6 @@ export default class AvatarWithTeam__default extends React.Component {
   constructor(props) {
     super(props);
   }
-
   render() {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AvatarWithTeam, {
       name: "feedback",
@@ -13,9 +12,7 @@ export default class AvatarWithTeam__default extends React.Component {
       teamName: "BK"
     }));
   }
-
 }
-
 if (false) {
   AvatarWithTeam__default.docs = {
     componentGroup: 'Avatar Group',

package/es/deprecated/SelectDropdown/SelectDropdown.js

@@ -9,14 +9,12 @@ 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,
@@ -25,14 +23,12 @@ 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
@@ -43,7 +39,6 @@ class SelectDropdown extends React.Component {
       }])
     };
   }
-
   render() {
     let {
       title,
@@ -122,9 +117,7 @@ class SelectDropdown extends React.Component {
       }))))));
     }));
   }
-
 }
-
 SelectDropdown.propTypes = {
   getContainerRef: PropTypes.func,
   getTargetRef: PropTypes.func,
@@ -142,12 +135,10 @@ SelectDropdown.propTypes = {
   }),
   title: PropTypes.string
 };
-
 if (false) {
   SelectDropdown.docs = {
     componentGroup: 'Header',
     folderName: 'Setup'
   };
 }
-
 export default Popup(SelectDropdown);