@zohodesk/components 1.5.3 → 1.5.4-temp-1

package/es/Tag/Tag.js

@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
+import { renderNode } from '@zohodesk/utils';
 import { Icon } from '@zohodesk/icons';
 import Avatar from "../Avatar/Avatar";
 import { Container } from "../Layout";
@@ -84,6 +85,8 @@ export default class Tag extends PureComponent {
       a11y,
       needEffect,
       isReadOnly,
+      renderLeftChildren,
+      renderRightChildren,
       customProps
     } = this.props;
     const {
@@ -113,7 +116,7 @@ export default class Tag extends PureComponent {
       "aria-labelledby": getAriaId,
       "data-selector-id": dataSelectorId,
       ...customAttributes
-    }, hasAvatar ? /*#__PURE__*/React.createElement("div", {
+    }, renderNode(renderLeftChildren), hasAvatar ? /*#__PURE__*/React.createElement("div", {
       className: style.avatar
     }, /*#__PURE__*/React.createElement(Avatar, {
       palette: isDarkPalette ? 'info' : avatarPalette,
@@ -150,7 +153,7 @@ export default class Tag extends PureComponent {
       isBold: true,
       name: "ZD-close2",
       size: "8"
-    }))));
+    }))), renderNode(renderRightChildren));
   }
 
 }

package/es/Tag/props/propTypes.js

@@ -35,6 +35,8 @@ export const propTypes = {
   needEffect: PropTypes.bool,
   isReadOnly: PropTypes.bool,
   dataSelectorId: PropTypes.string,
+  renderLeftChildren: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  renderRightChildren: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   customProps: PropTypes.shape({
     avatarProps: PropTypes.exact(AvatarPropTypes),
     iconProps: PropTypes.exact(IconPropTypes)

package/es/utils/Common.js

@@ -1,5 +1,5 @@
 //$Id$//
-import viewPort from "../Popup/viewPort";
+import viewPort from '@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js';
 const {
   frameRelativeRects
 } = viewPort;

package/es/v1/Popup/Popup.js

@@ -5,8 +5,8 @@ import hoistStatics from 'hoist-non-react-statics';
 /**** Methods ****/
 
 import { debounce, isDescendant, isTextSelected, cancelBubblingEffect } from "../../utils/Common.js";
-import viewPort from "../../Popup/viewPort";
-import { absolutePositionMapping, rtlAbsolutePositionMapping, rtlFixedPositionMapping } from "../../Popup/PositionMapping.js";
+import viewPort from '@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js';
+import { absolutePositionMapping, rtlAbsolutePositionMapping, rtlFixedPositionMapping } from '@zohodesk/dotkit/es/react/components/Popup/utils/positioning.js';
 import ResizeObserver from '@zohodesk/virtualizer/lib/commons/ResizeObserver.js';
 let lastOpenedGroup = [];
 let popups = {};

package/lib/DropBox/DropBoxElement/DropBoxElement.js

@@ -11,7 +11,7 @@ var _useDropboxPosCalc2 = _interopRequireDefault(require("./useDropboxPosCalc"))
 
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
 
-var _DropBoxPositionMapping = require("../DropBoxPositionMapping.js");
+var _positioning = require("@zohodesk/dotkit/es/react/components/Popup/utils/positioning");
 
 var _defaultProps = require("./props/defaultProps");
 
@@ -75,13 +75,13 @@ function DropBoxElement(props) {
       ariaMultiselectable = a11y.ariaMultiselectable,
       ariaLabelledby = a11y.ariaLabelledby;
   boxPosition = boxPosition && boxPosition != 'undefined' ? boxPosition : 'bottomCenter';
-  var boxDirection = _DropBoxPositionMapping.positionMapping[boxPosition].direction;
+  var boxDirection = _positioning.positionMapping[boxPosition].direction;
 
   if (isAbsolute) {
-    arrowPosition = arrowPosition ? arrowPosition : _DropBoxPositionMapping.positionMapping[boxPosition].arrowPosition;
-    boxPosition = _DropBoxPositionMapping.positionMapping[boxPosition].positionStyle;
+    arrowPosition = arrowPosition ? arrowPosition : _positioning.positionMapping[boxPosition].arrowPosition;
+    boxPosition = _positioning.positionMapping[boxPosition].positionStyle;
   } else {
-    arrowPosition = _DropBoxPositionMapping.positionMapping[boxPosition].arrowPosition;
+    arrowPosition = _positioning.positionMapping[boxPosition].arrowPosition;
   }
 
   var _useDropboxPosCalc = (0, _useDropboxPosCalc2["default"])(props),

package/lib/DropBox/utils/isMobilePopover.js

@@ -7,19 +7,9 @@ exports["default"] = isMobilePopover;
 
 var _Config = require("../../Provider/Config");
 
-function isMobilePopover(needResponsive) {
-  //   let { needResponsive } = props;
-  var windowWidth,
-      mobileWidth = (0, _Config.getLibraryConfig)('mobileWidth'),
-      isModel = false;
-
-  if (needResponsive) {
-    windowWidth = window.innerWidth;
+var _device = require("@zohodesk/dotkit/es/utils/device.js");
 
-    if (windowWidth <= mobileWidth) {
-      isModel = true;
-    }
-  }
-
-  return isModel ? true : false;
+function isMobilePopover(needResponsive) {
+  var mobileWidth = (0, _Config.getLibraryConfig)('mobileWidth');
+  return (0, _device.isMobilePopover)(needResponsive, mobileWidth);
 }