@zohodesk/components 1.0.0-temp-220.1 → 1.0.0-temp-221

package/es/v1/TextBoxIcon/props/propTypes.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { propTypes as TextBox_propTypes } from "../../TextBox/props/propTypes";
+import { propTypes as TextBox_propTypes } from '../../TextBox/props/propTypes';
 export const propTypes = { ...TextBox_propTypes,
   borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
   children: PropTypes.node,

package/es/v1/Textarea/Textarea.js

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../Textarea/Textarea.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../Textarea/Textarea.module.css';
 export default function Textarea(props) {
   let {
     size,

package/es/v1/Tooltip/Tooltip.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import { getLibraryConfig } from "../../Provider/Config";
-import ResizeObserver from "../../Responsive/ResizeObserver";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getLibraryConfig } from '../../Provider/Config';
+import ResizeObserver from '../../Responsive/ResizeObserver';
 import selectn from 'selectn';
-import { whiteSpaceClassMapping } from "../../utils/cssUtils";
-import style from "../../Tooltip/Tooltip.module.css";
+import { whiteSpaceClassMapping } from '../../utils/cssUtils';
+import style from '../../Tooltip/Tooltip.module.css';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);

package/es/v1/Typography/Typography.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import cssJSLogic from "./css/cssJSLogic";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import cssJSLogic from './css/cssJSLogic';
 import { mergeStyle } from '@zohodesk/utils';
-import defaultStyle from "./css/v1_Typography.module.css";
+import defaultStyle from './css/v1_Typography.module.css';
 
 const Typography = props => {
   const {

package/es/v1/Typography/css/cssJSLogic.js

@@ -1,5 +1,5 @@
 import { compileClassNames } from '@zohodesk/utils';
-import { letterspacingMapping, lineheightMapping } from "../utils";
+import { letterspacingMapping, lineheightMapping } from '../utils';
 export default function cssJSLogic(_ref) {
   let {
     props,

package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityComponent } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 export default function VelocityAnimation(props) {
   let {
     children,

package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -1,9 +1,9 @@
 import React, { useContext } from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { VelocityTransitionGroup } from 'velocity-react';
 import 'velocity-animate/velocity.ui';
-import LibraryContext from "../../../Provider/LibraryContextInit";
+import LibraryContext from '../../../Provider/LibraryContextInit';
 
 function clearProps(props) {
   let newProps = Object.assign({}, props);

package/es/v1/semantic/Button/Button.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { defaultProps } from "./props/defaultProps";
-import { propTypes } from "./props/propTypes";
-import style from "../../../semantic/Button/semanticButton.module.css";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import style from '../../../semantic/Button/semanticButton.module.css';
 export default function Button(props) {
   const {
     value,

package/es/v1/semantic/index.js

@@ -1 +1 @@
-export { default as SemanticButton } from "./Button/Button";
+export { default as SemanticButton } from './Button/Button';

package/lib/AvatarTeam/AvatarTeam.js

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
 var _AvatarTeamModule = _interopRequireDefault(require("./AvatarTeam.module.css"));
 

package/lib/ListItem/ListItemWithAvatar.js

@@ -17,9 +17,9 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
 
-var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam/AvatarTeam"));
+var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/es/AvatarTeam/AvatarTeam"));
 
 var _icons = require("@zohodesk/icons");
 

package/lib/ListItem/ListItemWithCheckBox.js

@@ -15,7 +15,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _CheckBox = _interopRequireDefault(require("../CheckBox/CheckBox"));
+var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
 
 var _Layout = require("../Layout");
 

package/lib/ListItem/ListItemWithRadio.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Radio = _interopRequireDefault(require("../Radio/Radio"));
+var _Radio = _interopRequireDefault(require("@zohodesk/components/es/Radio/Radio"));
 
 var _Layout = require("../Layout");
 

package/lib/Popup/Popup.js

@@ -147,9 +147,8 @@ var Popup = function Popup(Component) {
         isMobile: false
       };
       _this.togglePopup = _this.togglePopup.bind(_assertThisInitialized(_this));
-      _this.closePopups = _this.closePopups.bind(_assertThisInitialized(_this));
-      _this.handleDocumentInteraction = _this.handleDocumentInteraction.bind(_assertThisInitialized(_this));
       _this.documentClickHandler = _this.documentClickHandler.bind(_assertThisInitialized(_this));
+      _this.documentClickHandler1 = _this.documentClickHandler1.bind(_assertThisInitialized(_this));
       _this.removeClose = _this.removeClose.bind(_assertThisInitialized(_this));
       _this.documentKeyupHandler = _this.documentKeyupHandler.bind(_assertThisInitialized(_this));
       _this.openPopupOnly = _this.openPopupOnly.bind(_assertThisInitialized(_this));
@@ -211,11 +210,11 @@ var Popup = function Popup(Component) {
         popups[group] = groupPopups;
 
         if (Object.keys(popups).length === 1 && groupPopups.length === 1) {
-          document.addEventListener('click', this.handleDocumentInteraction, true);
           document.addEventListener('click', this.documentClickHandler, false);
           document.addEventListener('keyup', this.documentKeyupHandler, false); // document.addEventListener('scroll', this.handleScroll, true);
 
           window.addEventListener('resize', this.handleResize);
+          document.addEventListener('click', this.documentClickHandler1, true);
           document.addEventListener('mousedown', this.handleDocumentMouseDown, true);
           document.addEventListener('focus', this.handleDocumentFocus, true);
         }
@@ -305,11 +304,11 @@ var Popup = function Popup(Component) {
         }
 
         if (noPopups) {
-          document.removeEventListener('click', this.handleDocumentInteraction, true);
-          document.removeEventListener('click', this.documentClickHandler, false);
+          document.removeEventListener('click', this.documentClickHandler);
           document.removeEventListener('keyup', this.documentKeyupHandler); // document.removeEventListener('scroll', this.handleScroll);
 
           window.removeEventListener('resize', this.handleResize);
+          document.removeEventListener('click', this.documentClickHandler1, true);
           document.removeEventListener('mousedown', this.handleDocumentMouseDown, true);
           document.removeEventListener('focus', this.handleDocumentFocus, true);
         }
@@ -690,63 +689,31 @@ var Popup = function Popup(Component) {
         return needPrevent;
       }
     }, {
-      key: "closePopups",
-      value: function closePopups(e) {
-        var checkTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      key: "documentClickHandler1",
+      value: function documentClickHandler1(e) {
+        var needPrevent = this.handleGetNeedPrevent(e);
 
+        if (needPrevent) {
+          this.removeClose(e);
+          this.handleCloseLastOpenedGroup();
+        }
+      }
+    }, {
+      key: "documentClickHandler",
+      value: function documentClickHandler() {
         try {
           Object.keys(popups).forEach(function (groupName) {
-            var openGroupPopups = (popups[groupName] || []).filter(function (popup) {
-              return popup.state.isPopupOpen;
-            });
-            openGroupPopups.forEach(function (popup) {
-              var dropElement = popup.dropElement,
-                  placeHolderElement = popup.placeHolderElement;
-
-              var _ref5 = e || {},
-                  target = _ref5.target;
-
-              var canClosePopup = !popup.props.checkBeforeClose || popup.props.checkBeforeClose && popup.props.checkBeforeClose() && !(0, _Common.isTextSelected)();
-              var isOutsideClick = checkTarget && placeHolderElement && dropElement && placeHolderElement !== target && !placeHolderElement.contains(target) && dropElement !== target && !dropElement.contains(target);
-
-              if (canClosePopup && (!checkTarget || isOutsideClick)) {
-                popup.setState({
-                  isPopupOpen: false,
-                  isPopupReady: false
-                });
-              }
+            var groupPopups = popups[groupName] || [];
+            groupPopups.forEach(function (popup) {
+              popup.state.isPopupOpen && (!popup.props.checkBeforeClose || popup.props.checkBeforeClose && popup.props.checkBeforeClose()) && !(0, _Common.isTextSelected)() && popup.setState({
+                isPopupOpen: false,
+                isPopupReady: false
+              });
             });
           });
           lastOpenedGroup = [];
-        } catch (error) {// eslint-disable-next-line no-console
-          //console.error('popup component not unmounted properly', error);
-        }
-      }
-    }, {
-      key: "documentClickHandler",
-      value: function documentClickHandler(e) {
-        // Handles document click events to close all popups.
-        // This function closes all popups without checking if the click occurred outside the popup.
-        this.closePopups(e, false);
-      }
-    }, {
-      key: "handleDocumentInteraction",
-      value: function handleDocumentInteraction(e) {
-        // Handles interactions with the document to determine whether to close the popup.
-        // This function is specifically designed to close the popup when clicking outside of it.
-        // Check if the click event should prevent popup closure.
-        var needPrevent = this.handleGetNeedPrevent(e);
-
-        if (needPrevent) {
-          // If the click event should prevent popup closure:
-          // - Stop the event propagation.
-          // - Close the last opened group of popups.
-          this.removeClose(e);
-          this.handleCloseLastOpenedGroup();
-        } else {
-          // If the click event does not need to prevent popup closure:
-          // - Close all popups, but only if the click occurred outside the popup elements.
-          this.closePopups(e, true);
+        } catch (e) {// eslint-disable-next-line no-console
+          //console.error('popup component not unmounted properly', e);
         }
       }
     }, {
@@ -790,8 +757,8 @@ var Popup = function Popup(Component) {
         var isUpdatePosition = arguments.length > 1 ? arguments[1] : undefined;
 
         // isUpdatePosition --->>> Window resize and dropBox resize and to update the position
-        var _ref6 = this.context || {},
-            direction = _ref6.direction;
+        var _ref5 = this.context || {},
+            direction = _ref5.direction;
 
         var placeHolderElement = this.placeHolderElement,
             dropElement = this.dropElement;
@@ -830,12 +797,12 @@ var Popup = function Popup(Component) {
               customOrder: customOrder
             });
 
-            var _ref7 = betterPosition || _Common.DUMMY_OBJECT,
-                view = _ref7.view,
-                views = _ref7.views,
-                viewsOffset = _ref7.viewsOffset,
-                targetOffset = _ref7.targetOffset,
-                popupOffset = _ref7.popupOffset;
+            var _ref6 = betterPosition || _Common.DUMMY_OBJECT,
+                view = _ref6.view,
+                views = _ref6.views,
+                viewsOffset = _ref6.viewsOffset,
+                targetOffset = _ref6.targetOffset,
+                popupOffset = _ref6.popupOffset;
 
             if (!isAbsolute) {
               if (!isPopupReady) {
@@ -899,33 +866,33 @@ var Popup = function Popup(Component) {
                     customOrder: customOrder
                   });
 
-                  var _ref8 = betterPosition || {},
-                      view = _ref8.view,
-                      views = _ref8.views,
-                      _ref8$viewsOffset = _ref8.viewsOffset,
-                      viewsOffset = _ref8$viewsOffset === void 0 ? {} : _ref8$viewsOffset,
-                      targetOffset = _ref8.targetOffset,
-                      popupOffset = _ref8.popupOffset;
-
-                  var _ref9 = positionsOffset[position] || {},
+                  var _ref7 = betterPosition || {},
+                      view = _ref7.view,
+                      views = _ref7.views,
+                      _ref7$viewsOffset = _ref7.viewsOffset,
+                      viewsOffset = _ref7$viewsOffset === void 0 ? {} : _ref7$viewsOffset,
+                      targetOffset = _ref7.targetOffset,
+                      popupOffset = _ref7.popupOffset;
+
+                  var _ref8 = positionsOffset[position] || {},
+                      _ref8$left = _ref8.left,
+                      oldLeft = _ref8$left === void 0 ? '' : _ref8$left,
+                      _ref8$top = _ref8.top,
+                      oldTop = _ref8$top === void 0 ? '' : _ref8$top,
+                      _ref8$bottom = _ref8.bottom,
+                      oldBottom = _ref8$bottom === void 0 ? '' : _ref8$bottom,
+                      _ref8$right = _ref8.right,
+                      oldRight = _ref8$right === void 0 ? '' : _ref8$right;
+
+                  var _ref9 = viewsOffset[view] || {},
                       _ref9$left = _ref9.left,
-                      oldLeft = _ref9$left === void 0 ? '' : _ref9$left,
+                      left = _ref9$left === void 0 ? '' : _ref9$left,
                       _ref9$top = _ref9.top,
-                      oldTop = _ref9$top === void 0 ? '' : _ref9$top,
+                      top = _ref9$top === void 0 ? '' : _ref9$top,
                       _ref9$bottom = _ref9.bottom,
-                      oldBottom = _ref9$bottom === void 0 ? '' : _ref9$bottom,
+                      bottom = _ref9$bottom === void 0 ? '' : _ref9$bottom,
                       _ref9$right = _ref9.right,
-                      oldRight = _ref9$right === void 0 ? '' : _ref9$right;
-
-                  var _ref10 = viewsOffset[view] || {},
-                      _ref10$left = _ref10.left,
-                      left = _ref10$left === void 0 ? '' : _ref10$left,
-                      _ref10$top = _ref10.top,
-                      top = _ref10$top === void 0 ? '' : _ref10$top,
-                      _ref10$bottom = _ref10.bottom,
-                      bottom = _ref10$bottom === void 0 ? '' : _ref10$bottom,
-                      _ref10$right = _ref10.right,
-                      right = _ref10$right === void 0 ? '' : _ref10$right;
+                      right = _ref9$right === void 0 ? '' : _ref9$right;
 
                   var changeState = isAbsolute ? position !== view : oldLeft !== left || oldTop !== top || oldBottom !== bottom || oldRight !== right; // let isInViewPort = viewPort.isInViewPort(
                   //   placeHolderElement,
@@ -984,11 +951,11 @@ var Popup = function Popup(Component) {
         var height = popupSize.height,
             width = popupSize.width;
 
-        var _ref11 = this.size || {},
-            _ref11$height = _ref11.height,
-            oldHeight = _ref11$height === void 0 ? 0 : _ref11$height,
-            _ref11$width = _ref11.width,
-            oldWidth = _ref11$width === void 0 ? 0 : _ref11$width;
+        var _ref10 = this.size || {},
+            _ref10$height = _ref10.height,
+            oldHeight = _ref10$height === void 0 ? 0 : _ref10$height,
+            _ref10$width = _ref10.width,
+            oldWidth = _ref10$width === void 0 ? 0 : _ref10$width;
 
         var _this$state2 = this.state,
             isPopupReady = _this$state2.isPopupReady,

package/lib/Radio/props/propTypes.js

@@ -39,7 +39,7 @@ var propTypes = {
     ariaChecked: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool,
     role: _propTypes["default"].string,
-    tabIndex: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].number),
+    tabIndex: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     ariaLabelledby: _propTypes["default"].string,
     ariaLabel: _propTypes["default"].string,
     ariaReadonly: _propTypes["default"].bool

package/lib/v1/Radio/props/propTypes.js

@@ -39,7 +39,7 @@ var propTypes = {
     ariaChecked: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool,
     role: _propTypes["default"].string,
-    tabIndex: _propTypes["default"].oneOfType(_propTypes["default"].string, _propTypes["default"].number),
+    tabIndex: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     ariaLabelledby: _propTypes["default"].string,
     ariaLabel: _propTypes["default"].string,
     ariaReadonly: _propTypes["default"].bool

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-220.1",
+  "version": "1.0.0-temp-221",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,