@zohodesk/dot 1.4.6 → 1.4.7

package/es/v1/lookup/EmptyPage/EmptyPage.js

@@ -7,41 +7,34 @@ import EmptyAccounts from '@zohodesk/svg/lib/emptystate/version3/EmptyAccounts';
 import EmptyContact from '@zohodesk/svg/lib/emptystate/version3/EmptyContact';
 import EmptyProducts from '@zohodesk/svg/lib/emptystate/version3/EmptyProducts';
 /*** CSS ***/
-
 import style from '../../../lookup/EmptyPage/LookupEmptyPage.module.css';
 export default function EmptyPage(props) {
   let {
     type,
     title
   } = props;
-
   function renderEmptyState(type) {
     switch (type) {
       case 'search':
         return /*#__PURE__*/React.createElement(EmptySearch, {
           className: style.image
         });
-
       case 'account':
         return /*#__PURE__*/React.createElement(EmptyAccounts, {
           className: style.image
         });
-
       case 'contact':
         return /*#__PURE__*/React.createElement(EmptyContact, {
           className: style.image
         });
-
       case 'product':
         return /*#__PURE__*/React.createElement(EmptyProducts, {
           className: style.image
         });
-
       default:
         return null;
     }
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
     "data-id": `empty_${type}`,

package/es/v1/lookup/Lookup/Lookup.js

@@ -1,18 +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, { useRef, useCallback, useEffect } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/*** Components ***/
 
+/*** Components ***/
 import FreezeLayer from '../../../FreezeLayer/FreezeLayer';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
-/*** CSS ***/
 
+/*** CSS ***/
 import style from '../../../lookup/Lookup/Lookup.module.css';
 /*eslint-disable react/forbid-component-props */
-
 export default function Lookup(props) {
   const {
     isActive,
@@ -36,7 +36,8 @@ export default function Lookup(props) {
     ariaLabelledby,
     ariaDescribedby,
     ariaLabel,
-    ariaModal = isActive ? true : undefined
+    ariaModal = isActive ? true : undefined,
+    ...a11yAttributes
   } = a11y;
   const {
     focusScopeProps = {}
@@ -64,7 +65,7 @@ export default function Lookup(props) {
       document.removeEventListener('keydown', handleKeyDown);
     };
   }, []);
-  const content = /*#__PURE__*/React.createElement("div", {
+  const content = /*#__PURE__*/React.createElement("div", _extends({
     ref: createRef,
     tabIndex: "-1",
     "data-a11y-need-focus-style": "false",
@@ -77,7 +78,7 @@ export default function Lookup(props) {
     className: `${style.box} ${style[`${size}Size`]}`,
     "data-id": dataId,
     "data-test-id": dataId
-  }, /*#__PURE__*/React.createElement(Container, {
+  }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {
     "data-drag-container": "true",
     isCover: false,
     className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
@@ -106,7 +107,9 @@ export default function Lookup(props) {
   }, content) : content));
 }
 Lookup.propTypes = propTypes;
-Lookup.defaultProps = defaultProps; // if (__DOCS__) {
+Lookup.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   Lookup.docs = {
 //     componentGroup: 'Lookup'
 //   };

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

@@ -2,10 +2,9 @@
 import React, { memo } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/*** FontIcons ***/
 
+/*** FontIcons ***/
 import IconButton from './../../../IconButton/IconButton';
-
 function Close(props) {
   let {
     onClose,
@@ -20,7 +19,6 @@ function Close(props) {
     title: title
   });
 }
-
 Close.propTypes = propTypes;
 Close.defaultProps = defaultProps;
 const MemoizedClose = /*#__PURE__*/memo(Close);

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

@@ -2,17 +2,18 @@
 import React, { memo, useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/*** Components ***/
 
+/*** Components ***/
 import Title from '../Title/Title';
 import Close from '../Close/Close';
 import Search from '../Search/Search';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-/*** CSS ***/
 
+/*** CSS ***/
 import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';
 import commonResponsive from '../../../../lookup/header/lookupHeaderCommonResponsive.module.css';
 import useDragger from '../../../../Hooks/Dragger/useDragger';
+
 /*eslint-disable react/forbid-component-props */
 
 function ModuleHeader(props) {
@@ -36,7 +37,6 @@ function ModuleHeader(props) {
     childNearTitle
   } = props;
   const dragRef = useRef(null); //dragRef
-
   useDragger({
     isActive: true,
     ChildRef: dragRef,
@@ -79,7 +79,6 @@ function ModuleHeader(props) {
     title: closeTitle
   })) : null);
 }
-
 ModuleHeader.propTypes = propTypes;
 ModuleHeader.defaultProps = defaultProps;
 const MemoizedModuleHeader = /*#__PURE__*/memo(ModuleHeader);

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

@@ -1,23 +1,22 @@
 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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /*** Libraries ***/
 import React, { useState } from 'react';
 import { SearchUI_defaultProps } from './props/defaultProps';
 import { Search_propTypes, SearchUI_propTypes } from './props/propTypes';
-/** * Components ** */
 
+/** * Components ** */
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import ToggleDropDown from '../../../../dropdown/ToggleDropDown/ToggleDropDown';
-/** * Methods ** */
 
+/** * Methods ** */
 import { debounce } from '@zohodesk/components/es/utils/debounce';
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
-/** * CSS ** */
 
+/** * CSS ** */
 import style from '../../../../lookup/header/Search/LookupSearch.module.css';
 export default function Search(props) {
   const {
@@ -31,30 +30,24 @@ export default function Search(props) {
   } = props;
   const [isFocus, setFocus] = useState(false);
   const [isDropDownOpen, setDropDownOpen] = useState(false);
-
   const handleDropDownOpen = () => {
     setDropDownOpen(true);
   };
-
   const handleDropDownClose = () => {
     setDropDownOpen(false);
   };
-
   const handleTextBoxFocus = e => {
     setFocus(true);
     onFocus && onFocus(e);
   };
-
   const handleTextBoxBlur = e => {
     setFocus(false);
     onBlur && onBlur(e);
   };
-
   const handleGetTextBoxRef = el => {
     // textBox = el;
     getRef && getRef(el);
   };
-
   const searchUIExtraProps = {
     isFocus: isFocus || isDropDownOpen,
     onFocus: handleTextBoxFocus,
@@ -74,7 +67,6 @@ export default function Search(props) {
   }, /*#__PURE__*/React.createElement(SearchUI, _extends({}, props, searchUIExtraProps))) : /*#__PURE__*/React.createElement(SearchUI, _extends({}, props, searchUIExtraProps));
 }
 Search.propTypes = Search_propTypes;
-
 function SearchUI(props) {
   const {
     dataId,
@@ -94,35 +86,28 @@ function SearchUI(props) {
     onKeyDown,
     onChange
   } = props;
-
   const handleSearch = () => {
     onSearch && onSearch();
   };
-
   const debounceHandleSearch = debounce(handleSearch, 500);
-
   const handleKeyDown = e => {
     const {
       keyCode
     } = e;
     onKeyDown && onKeyDown(e);
-
     if (keyCode === 13) {
       !needOnTypeSearch && onSearch && onSearch();
     }
   };
-
   const handleChange = value => {
     onChange && onChange(value);
     needOnTypeSearch && debounceHandleSearch();
   };
-
   const handleClear = e => {
     cancelBubblingEffect(e);
     onChange && onChange('');
     debounceHandleSearch();
   };
-
   return /*#__PURE__*/React.createElement(Container, {
     isCover: false,
     alignBox: "row",
@@ -172,6 +157,5 @@ function SearchUI(props) {
     onClearMouseDown: cancelBubblingEffect
   })));
 }
-
 SearchUI.defaultProps = SearchUI_defaultProps;
 SearchUI.propTypes = SearchUI_propTypes;

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

@@ -2,18 +2,19 @@
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/*** Components ***/
 
+/*** Components ***/
 import Title from '../Title/Title';
 import Close from '../Close/Close';
 import Search from '../Search/Search';
 import ViewDropDown from '../../../../lookup/header/ViewDropDown/ViewDropDown';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-/*** CSS ***/
 
+/*** CSS ***/
 import commonStyle from '../../../../lookup/header/lookupHeaderCommon.module.css';
 import commonResponsive from '../../../../lookup/header/lookupHeaderCommonResponsive.module.css';
 import style from '../../../../lookup/header/TicketHeader/TicketHeader.module.css';
+
 /* eslint-disable react/forbid-component-props */
 
 export default function TicketHeader(props) {

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

@@ -2,10 +2,9 @@
 import React, { memo } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/*** CSS ***/
 
+/*** CSS ***/
 import style from '../../../../lookup/header/Title/LookupTitle.module.css';
-
 function Title(props) {
   let {
     text,
@@ -17,7 +16,6 @@ function Title(props) {
     "data-title": text
   }, text);
 }
-
 Title.propTypes = propTypes;
 Title.defaultProps = defaultProps;
 const MemoizedTitle = /*#__PURE__*/memo(Title);

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

@@ -2,8 +2,8 @@
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
-/**** Components ****/
 
+/**** Components ****/
 import { SelectComponent } from '@zohodesk/components/es/v1/Select/Select';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
@@ -11,14 +11,14 @@ import DropDownSearch from '@zohodesk/components/es/v1/DropDown/DropDownSearch';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
-/**** Icons ****/
 
+/**** Icons ****/
 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';
-/* eslint-disable react/forbid-component-props */
 
+/* eslint-disable react/forbid-component-props */
 /*eslint-disable  react/sort-prop-types*/
 
 class DropDown extends SelectComponent {
@@ -26,19 +26,16 @@ class DropDown extends SelectComponent {
     super(props);
     this.onSearchKeyDown = this.onSearchKeyDown.bind(this);
   }
-
   onSearchKeyDown(e) {
     const {
       closePopupOnly
     } = this.props;
-
     if (e.keyCode === 27) {
       closePopupOnly && closePopupOnly(e);
     } else {
       this.handleKeyDown(e);
     }
   }
-
   responsiveFunc(_ref) {
     let {
       mediaQueryOR
@@ -49,10 +46,8 @@ class DropDown extends SelectComponent {
       }])
     };
   }
-
   render() {
     var _this = this;
-
     const {
       needSearch,
       dropBoxSize,
@@ -159,19 +154,18 @@ class DropDown extends SelectComponent {
       }, emptyMessage)))));
     }) : null);
   }
-
 }
-
 DropDown.propTypes = propTypes;
 DropDown.defaultProps = defaultProps;
 const ViewDropDown = Popup(DropDown);
 ViewDropDown.defaultProps = DropDown.defaultProps;
-ViewDropDown.propTypes = DropDown.propTypes; // if (__DOCS__) {
+ViewDropDown.propTypes = DropDown.propTypes;
+
+// if (__DOCS__) {
 //   DropDown.docs = {
 //     componentGroup: 'Lookup'
 //   };
 //   // eslint-disable-next-line react/forbid-foreign-prop-types
 //   ViewDropDown.propTypes = DropDown.propTypes;
 // }
-
 export default ViewDropDown;

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

@@ -5,7 +5,6 @@ export const propTypes = {
   searchBoxPlaceHolder: PropTypes.string,
   searchEmptyMessage: PropTypes.string,
   dropBoxSize: PropTypes.oneOf(['small', 'medium', 'large']),
-
   /**** Popup props ****/
   isPopupOpen: PropTypes.bool,
   isPopupReady: PropTypes.bool,

package/es/v1/notification/DesktopNotification/DesktopNotification.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, DesktopNotificationUI_propTypes } from './props/propTypes';
@@ -77,22 +76,18 @@ export function DesktopNotificationUI(props) {
   let {
     ExtraProps = {}
   } = customProps;
-
   function onClickSubmit(e) {
     onSubmit && onSubmit();
   }
-
   function onClickCancel(e) {
     onCancel && onCancel();
   }
-
   let animateClass = isClose ? style.rightanimate : style.leftanimate;
   let animateRemoveClass = isClose ? style.rightanimate : style.leftnoanimate;
   let getNextIndex = useZIndex();
   let Zindex = isAnimate ? getNextIndex() : null;
   let uiVariantOne = title && (info || secondaryInfo);
   let uiVariantTwo = title && !(info || secondaryInfo) && !getSectionContainer;
-
   function responsiveFunc(_ref) {
     let {
       mediaQueryOR
@@ -103,7 +98,6 @@ export function DesktopNotificationUI(props) {
       }])
     };
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.parentElement,
     style: needAutoZindex && isAnimate ? {
@@ -183,7 +177,9 @@ export default function DesktopNotification(props) {
   }));
 }
 DesktopNotification.propTypes = propTypes;
-DesktopNotification.defaultProps = defaultProps; // if (__DOCS__) {
+DesktopNotification.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   DesktopNotification.docs = {
 //     componentGroup: 'DesktopNotification',
 //     folderName: 'Alert'

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

@@ -20,7 +20,6 @@ export default function DesktopNotificationHeader(props) {
     needClose,
     responsiveId
   } = props;
-
   function responsiveFunc(_ref) {
     let {
       mediaQueryOR
@@ -31,7 +30,6 @@ export default function DesktopNotificationHeader(props) {
       }])
     };
   }
-
   return /*#__PURE__*/React.createElement(Container, {
     align: "vertical",
     alignBox: "row",
@@ -83,7 +81,9 @@ export default function DesktopNotificationHeader(props) {
   }));
 }
 DesktopNotificationHeader.propTypes = propTypes;
-DesktopNotificationHeader.defaultProps = defaultProps; // if (__DOCS__) {
+DesktopNotificationHeader.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   DesktopNotificationHeader.docs = {
 //     componentGroup: 'DesktopNotificationHeader',
 //     folderName: 'Alert'

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

@@ -17,20 +17,16 @@ export default function Search(props) {
   } = props;
   let [isFocus, setIsFocus] = useState(false);
   let [resetValue] = useState(value || '');
-
   const handleFocus = (id, name, value) => {
     setIsFocus(true);
     onFocus && onFocus(id, name, value);
   };
-
   const handleBlur = (id, name, value) => {
     if (resetValue == '') {
       setIsFocus(false);
     }
-
     onBlur && onBlur(id, name, value);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: `${style.container} ${isFocus ? style.active : ''} ${customClass}`
   }, /*#__PURE__*/React.createElement(TextBox, {

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

@@ -9,7 +9,6 @@ export default function Link(props) {
     onClick,
     isDangerous = false
   } = props;
-
   if (isDangerous) {
     return /*#__PURE__*/React.createElement("div", {
       className: style.container,
@@ -19,7 +18,6 @@ export default function Link(props) {
       }
     });
   }
-
   return /*#__PURE__*/React.createElement(ExternalLink, {
     href: url,
     onClick: onClick,

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

@@ -6,7 +6,6 @@ export default function ListGroup(props) {
     isOrder,
     data
   } = props;
-
   if (isOrder) {
     return /*#__PURE__*/React.createElement("ol", {
       className: style.container,
@@ -16,7 +15,6 @@ export default function ListGroup(props) {
       key: index
     }, text)));
   }
-
   return /*#__PURE__*/React.createElement("ul", {
     className: style.container
   }, data.map((text, index) => /*#__PURE__*/React.createElement("li", {

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

@@ -14,7 +14,9 @@ export default function Table(props) {
   }, children);
 }
 Table.propTypes = propTypes;
-Table.defaultProps = defaultProps; // if (__DOCS__) {
+Table.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   Table.docs = {
 //     componentGroup: 'Table',
 //     folderName: 'Setup'

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

@@ -18,7 +18,9 @@ export default function TableBody(props) {
   }, children);
 }
 TableBody.propTypes = propTypes;
-TableBody.defaultProps = defaultProps; // if (__DOCS__) {
+TableBody.defaultProps = defaultProps;
+
+// if (__DOCS__) {
 //   TableBody.docs = {
 //     componentGroup: 'Table',
 //     folderName: 'Setup'

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

@@ -23,7 +23,9 @@ export default function TableData(props) {
   }, children);
 }
 TableData.defaultProps = defaultProps;
-TableData.propTypes = propTypes; // if (__DOCS__) {
+TableData.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   TableData.docs = {
 //     componentGroup: 'Table',
 //     folderName: 'Setup'

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

@@ -23,7 +23,9 @@ export default function TableHead(props) {
   }, children));
 }
 TableHead.defaultProps = defaultProps;
-TableHead.propTypes = propTypes; // if (__DOCS__) {
+TableHead.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   TableHead.docs = {
 //     componentGroup: 'Table',
 //     folderName: 'Setup'

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

@@ -28,7 +28,9 @@ export default function TableRow(props) {
   }, children);
 }
 TableRow.defaultProps = defaultProps;
-TableRow.propTypes = propTypes; // if (__DOCS__) {
+TableRow.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   TableRow.docs = {
 //     componentGroup: 'Table',
 //     folderName: 'Setup'

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

@@ -19,7 +19,6 @@ export default function Text(props) {
   title = title || text;
   let textComponent;
   let classNameCheck = `${type ? style[type] : ''}  ${style[`${palette}Color`]} ${style[size]} ${className} ${onClick ? style.isClickable : ''}`;
-
   if (url) {
     textComponent = /*#__PURE__*/React.createElement(Link, {
       title: title,
@@ -38,11 +37,12 @@ export default function Text(props) {
       onClick: onClick
     }, text);
   }
-
   return textComponent;
 }
 Text.defaultProps = defaultProps;
-Text.propTypes = propTypes; // if (__DOCS__) {
+Text.propTypes = propTypes;
+
+// if (__DOCS__) {
 //   Text.docs = {
 //     componentGroup: 'Text',
 //     folderName: 'Setup'

package/es/v1/utils/General.js

@@ -7,39 +7,32 @@ export function getFullName() {
   let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let fullName = '';
-
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
-
   if (lastName !== null && lastName !== '') {
     fullName = `${fullName}${lastName}`;
   }
-
   return fullName;
 }
 export function shallowDiff() {
   let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   for (let i in a) {
     if (!(i in b)) {
       return true;
     }
   }
-
   for (let i in b) {
     if (a[i] !== b[i]) {
       return true;
     }
   }
-
   return false;
 }
 export function formatPhoneUrl(phone) {
   if (/^[0-9]{1,10}$/.test(phone)) {
     return phone.length == 10 ? `(${phone.slice(0, 3)}) ${phone.slice(3, 6)}-${phone.slice(6, 10)}` : phone;
   }
-
   return phone;
 }