@zohodesk/components 1.2.21 → 1.2.23

package/es/v1/ListItem/ListItemWithAvatar.js

@@ -1,20 +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); }
-
 /**** Libraries ****/
 import React, { memo } from 'react';
 import { Box } from '../Layout';
 import ListContainer from './ListContainer';
 import { ListItemWithAvatarDefaultProps } from './props/defaultProps';
 import { ListItemWithAvatar_Props } from './props/propTypes';
-/**** Components ****/
 
+/**** Components ****/
 import Avatar from '../Avatar/Avatar';
 import AvatarTeam from '../AvatarTeam/AvatarTeam';
 import { Icon } from '@zohodesk/icons';
 /**** CSS ****/
-
 import style from '../../ListItem/ListItem.module.css';
-
 const ListItemWithAvatar = props => {
   let {
     size,
@@ -46,19 +43,15 @@ const ListItemWithAvatar = props => {
     onClick,
     onMouseEnter
   } = props;
-
   function handleRef(ele) {
     getRef && getRef(ele, index, id);
   }
-
   function handleClick(e) {
     onClick && onClick(id, value, index, e);
   }
-
   function handleMouseEnter(e) {
     onMouseEnter && onMouseEnter(id, value, index, e);
   }
-
   let {
     ListItemProps = {},
     ContainerProps = {}
@@ -134,7 +127,6 @@ const ListItemWithAvatar = props => {
     size: "8"
   })) : null);
 };
-
 ListItemWithAvatar.defaultProps = ListItemWithAvatarDefaultProps;
 ListItemWithAvatar.propTypes = ListItemWithAvatar_Props;
 const MemoizedListItemWithAvatar = /*#__PURE__*/memo(ListItemWithAvatar);

package/es/v1/ListItem/ListItemWithCheckBox.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 ListContainer from './ListContainer';
 import { ListItemWithCheckBoxDefaultProps } from './props/defaultProps';
@@ -7,7 +6,6 @@ import { ListItemWithCheckBox_Props } from './props/propTypes';
 import CheckBox from '../CheckBox/CheckBox';
 import { Box } from '../Layout';
 import style from '../../ListItem/ListItem.module.css';
-
 const ListItemWithCheckBox = props => {
   let {
     size,
@@ -32,19 +30,15 @@ const ListItemWithCheckBox = props => {
     onClick,
     getRef
   } = props;
-
   function handleRef(ele) {
     getRef && getRef(ele, index);
   }
-
   function handleClick(e) {
     onClick && onClick(id, value, index, e);
   }
-
   function handleHover(e) {
     onHover && onHover(id, value, index, e);
   }
-
   const listA11y = {
     role: 'option',
     ...a11y
@@ -93,10 +87,10 @@ const ListItemWithCheckBox = props => {
     className: needMultiLineText ? style.multiLineValue : style.value
   }, value));
 };
-
 export default ListItemWithCheckBox;
 ListItemWithCheckBox.defaultProps = ListItemWithCheckBoxDefaultProps;
-ListItemWithCheckBox.propTypes = ListItemWithCheckBox_Props; // if (__DOCS__) {
+ListItemWithCheckBox.propTypes = ListItemWithCheckBox_Props;
+// if (__DOCS__) {
 //   ListItemWithCheckBox.docs = {
 //     componentGroup: 'Molecule',
 //     folderName: 'Style Guide'

package/es/v1/ListItem/ListItemWithIcon.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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
@@ -8,9 +7,7 @@ import ListContainer from './ListContainer';
 import { ListItemWithIconDefaultProps } from './props/defaultProps';
 import { ListItemWithIcon_Props } from './props/propTypes';
 /**** CSS ****/
-
 import style from '../../ListItem/ListItem.module.css';
-
 const ListItemWithIcon = props => {
   let {
     size,
@@ -42,19 +39,15 @@ const ListItemWithIcon = props => {
     index,
     id
   } = props;
-
   function handleRef(ele) {
     getRef && getRef(ele, index, id);
   }
-
   function handleClick(e) {
     onClick && onClick(id, value, index, e);
   }
-
   function handleMouseEnter(e) {
     onMouseEnter && onMouseEnter(id, value, index, e);
   }
-
   let {
     ListItemProps = {},
     ContainerProps = {}
@@ -116,10 +109,11 @@ const ListItemWithIcon = props => {
     size: "8"
   })) : null);
 };
-
 export default ListItemWithIcon;
 ListItemWithIcon.defaultProps = ListItemWithIconDefaultProps;
-ListItemWithIcon.propTypes = ListItemWithIcon_Props; // if (__DOCS__) {
+ListItemWithIcon.propTypes = ListItemWithIcon_Props;
+
+// if (__DOCS__) {
 //   ListItemWithIcon.docs = {
 //     componentGroup: 'Molecule',
 //     folderName: 'Style Guide'

package/es/v1/ListItem/ListItemWithRadio.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 Radio from '../Radio/Radio';
 import { Box } from '../Layout';
@@ -7,7 +6,6 @@ import ListContainer from './ListContainer';
 import { ListItemWithRadioDefaultProps } from './props/defaultProps';
 import { ListItemWithRadio_Props } from './props/propTypes';
 import style from '../../ListItem/ListItem.module.css';
-
 const ListItemWithRadio = props => {
   let {
     size,
@@ -40,19 +38,15 @@ const ListItemWithRadio = props => {
     role: 'option',
     ...a11y
   };
-
   function handleRef(ele) {
     getRef && getRef(ele, index);
   }
-
   function handleClick(e) {
     onClick && onClick(id, value, index, e);
   }
-
   function handleHover(e) {
     onHover && onHover(id, value, index, e);
   }
-
   let {
     customListItem = '',
     customRadio = '',
@@ -94,10 +88,11 @@ const ListItemWithRadio = props => {
     className: needMultiLineText ? style.multiLineValue : style.value
   }, value));
 };
-
 export default ListItemWithRadio;
 ListItemWithRadio.defaultProps = ListItemWithRadioDefaultProps;
-ListItemWithRadio.propTypes = ListItemWithRadio_Props; // if (__DOCS__) {
+ListItemWithRadio.propTypes = ListItemWithRadio_Props;
+
+// if (__DOCS__) {
 //   ListItemWithRadio.docs = {
 //     componentGroup: 'Molecule',
 //     folderName: 'Style Guide'

package/es/v1/Modal/Modal.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, { useState, useRef, useEffect, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
@@ -25,20 +24,16 @@ export default function Modal(props) {
   const newModalRoot = useRef();
   const containerDiv = useRef();
   const portalDiv = useRef(); // document.createDocumentFragment()
-
   const isCustomPortalId = useRef();
   const setRef = useCallback(ele => {
     ref.current = ele;
-
     if (isZIndexAppendNeeded.current) {
       ref.current.style.zIndex = zIndex.current;
       isZIndexAppendNeeded.current = false;
     }
   }, []);
-
   function getPortalDiv() {
     modalRoot.current = propPortalId ? document.querySelector(`[data-portal=${propPortalId}]`) : "";
-
     if (!modalRoot.current) {
       portalId.current = handleAddPortalId();
       newModalRoot.current = document.createElement('div');
@@ -47,10 +42,8 @@ export default function Modal(props) {
       containerDiv.current && containerDiv.current.appendChild(newModalRoot.current);
       modalRoot.current = newModalRoot.current;
     }
-
     return modalRoot.current;
   }
-
   useEffect(() => {
     containerDiv.current = document.getElementsByTagName("desk")[0] ? document.getElementsByTagName('desk')[0] : document.getElementsByTagName('body')[0];
     portalDiv.current = getPortalDiv();
@@ -64,7 +57,6 @@ export default function Modal(props) {
         containerDiv.current && containerDiv.current.removeChild(newModalRoot.current);
         handleRemovePortalId();
       }
-
       if (zIndex.current && portalChildrenTopIndexValues === zIndex.current) {
         portalChildrenTopIndexValues -= 1;
       }
@@ -77,13 +69,11 @@ export default function Modal(props) {
       portalChildrenTopIndexValues -= 1;
     }
   }, [isActive]);
-
   function handleInsertPortalDiv() {
     if (autoZIndexNeeded && isActive) {
       let newHighValue = Number(portalChildrenTopIndexValues || 10) + 1;
       portalChildrenTopIndexValues = newHighValue;
       zIndex.current = newHighValue;
-
       if (ref.current) {
         ref.current.style.zIndex = newHighValue;
       } else {
@@ -91,7 +81,6 @@ export default function Modal(props) {
       }
     }
   }
-
   function handleAddPortalId() {
     let createdPortalIdsLen = createdPortalIds.length;
     let newPortalId = createdPortalIdsLen ? createdPortalIds[createdPortalIdsLen - 1] + 1 : 1;
@@ -100,26 +89,21 @@ export default function Modal(props) {
     isCustomPortalId.current = true;
     return `${newPortalPrefix}${newPortalId}`;
   }
-
   function handleRemovePortalId() {
     if (isCustomPortalId.current) {
       createdPortalIds = createdPortalIds.filter(id => id !== portalId.current);
     }
   }
-
   let Element = children.type,
-      elementProps = children.props;
-
+    elementProps = children.props;
   if (isMounted) {
     if (Element) {
       return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, _extends({
         ref: setRef
       }, elementProps)), portalDiv.current);
     }
-
     return null;
   }
-
   return null;
 }
 Modal.defaultProps = defaultProps;