@zohodesk/dot 1.0.0-beta.247 → 1.0.0-beta.249

package/README.md

@@ -2,6 +2,18 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.249
+ 
+- **FreezeLayer** - Issue fix: While click on the freezelayer, drawer/any dialog box won't close if any text highlighted in the product.
+
+# 1.0.0-beta.248
+ 
+- **AvatarFlip** - `customProps` has been added.
+
+- **AvatarStatus** -  `needDefaultBorder` prop added for all components.
+
+- **AvatarWithTeam** - `teamBorderActive` prop has been added.
+
 # 1.0.0-beta.247
  
 - **ActionButton** - arrowBoxDataId prop removed .

package/es/FreezeLayer/FreezeLayer.js

@@ -3,9 +3,10 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/lib/Layout';
 import VelocityAnimationGroup from '@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import style from './FreezeLayer.module.css';
 import { getZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import { getDotLibraryConfig } from '../Provider/Config';
+import { isTextSelected } from '@zohodesk/components/es/utils/Common';
+import style from './FreezeLayer.module.css';
 export default class FreezeLayer extends Component {
   constructor(props) {
     super(props);
@@ -15,6 +16,15 @@ export default class FreezeLayer extends Component {
     };
     this.getNextIndex = getZIndex(this);
     this.isFreezeLayerEnabled = false;
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    const {
+      onClick
+    } = this.props;
+    if (onClick && !isTextSelected()) {
+      onClick();
+    }
   }
   enableFreeze() {
     if (!this.isFreezeLayerEnabled) {
@@ -100,7 +110,7 @@ export default class FreezeLayer extends Component {
       className: `
               ${style.container} ${customClass} ${style[`index${zIndex}`]}  ${!isSvgMask ? style[palette] : ''}
             `,
-      onClick: onClick ? onClick : null,
+      onClick: this.handleClick,
       ref: forwardRef
     }, children && /*#__PURE__*/React.createElement(React.Fragment, null, childAnimationName ? /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
       name: childAnimationName,

package/es/avatar/AvatarStatus/AvatarStatus.js

@@ -27,7 +27,8 @@ export default class AvatarStatus extends React.Component {
       customTextClass,
       statusTitle,
       customProps,
-      dataSelectorId
+      dataSelectorId,
+      needDefaultBorder
     } = this.props;
     let {
       AvatarStatusProps = {},
@@ -52,6 +53,7 @@ export default class AvatarStatus extends React.Component {
       initial: initial,
       shape: shape,
       needTitle: needTitle,
+      needDefaultBorder: needDefaultBorder,
       needBorder: needBorder
     }, AvatarProps)), /*#__PURE__*/React.createElement("span", {
       "data-title": statusTitle,

package/es/avatar/AvatarStatus/props/defaultProps.js

@@ -6,5 +6,7 @@ export const defaultProps = {
   palette: 'info',
   statusTitle: '',
   customProps: {},
-  dataSelectorId: 'avatarStatus'
+  dataSelectorId: 'avatarStatus',
+  needDefaultBorder: false,
+  needBorder: false
 };

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

@@ -13,6 +13,8 @@ export const propTypes = {
   size: PropTypes.string,
   src: PropTypes.string,
   state: PropTypes.string,
+  needDefaultBorder: PropTypes.bool,
+  needBorder: PropTypes.bool,
   statusTitle: PropTypes.string,
   textPalette: PropTypes.oneOf(['white', 'black']),
   title: PropTypes.string,

package/es/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -22,7 +22,8 @@ export default class AvatarWithTeam extends React.Component {
       teamClassName,
       borderOnActive,
       customProps,
-      dataSelectorId
+      dataSelectorId,
+      teamBorderActive
     } = this.props;
     let {
       AvatarWithTeamProps = {},
@@ -81,7 +82,7 @@ export default class AvatarWithTeam extends React.Component {
       customClass: {
         customAvatar: customTextClass
       },
-      borderOnActive: borderOnActive
+      borderOnActive: teamBorderActive
     }, AvatarTeam2Props))) : null);
   }
 }

package/es/avatar/AvatarWithTeam/props/defaultProps.js

@@ -4,5 +4,6 @@ export const defaultProps = {
   teamClassName: '',
   borderOnActive: false,
   customProps: {},
-  dataSelectorId: 'avatarWithTeam'
+  dataSelectorId: 'avatarWithTeam',
+  teamBorderActive: true
 };

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

@@ -14,6 +14,7 @@ export const propTypes = {
   textPalette: PropTypes.oneOf(['white', 'black']),
   title: PropTypes.string,
   borderOnActive: PropTypes.bool,
+  teamBorderActive: PropTypes.bool,
   customProps: PropTypes.shape({
     AvatarWithTeamProps: PropTypes.object,
     Avatar1Props: PropTypes.object,

package/es/list/AvatarFlip/AvatarFlip.js

@@ -30,7 +30,8 @@ export default class AvatarFlip extends Component {
       tourId,
       iconSize,
       isFilledCheckbox,
-      channelTitle
+      channelTitle,
+      customProps
     } = this.props;
     return /*#__PURE__*/React.createElement(FlipCard, {
       id: id,
@@ -60,7 +61,8 @@ export default class AvatarFlip extends Component {
       needTitle: needTitle,
       tourId: tourId,
       isFilledCheckbox: isFilledCheckbox,
-      channelTitle: channelTitle
+      channelTitle: channelTitle,
+      customProps: customProps
     });
   }
 }

package/es/list/AvatarFlip/props/defaultProps.js

@@ -1,5 +1,6 @@
 export const defaultProps = {
   size: 'xmedium',
   noNeedFlip: false,
-  iconSize: '21'
+  iconSize: '21',
+  customProps: {}
 };

package/es/list/AvatarFlip/props/propTypes.js

@@ -24,5 +24,6 @@ export const propTypes = {
   size: PropTypes.string,
   src: PropTypes.string,
   textPalette: PropTypes.oneOf(['white', 'black']),
-  tourId: PropTypes.string
+  tourId: PropTypes.string,
+  customProps: PropTypes.object
 };

package/lib/FreezeLayer/FreezeLayer.js

@@ -10,9 +10,10 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Layout = require("@zohodesk/components/lib/Layout");
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-var _FreezeLayerModule = _interopRequireDefault(require("./FreezeLayer.module.css"));
 var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
 var _Config = require("../Provider/Config");
+var _Common = require("@zohodesk/components/es/utils/Common");
+var _FreezeLayerModule = _interopRequireDefault(require("./FreezeLayer.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -41,9 +42,18 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
     };
     _this.getNextIndex = (0, _ZindexProvider.getZIndex)(_assertThisInitialized(_this));
     _this.isFreezeLayerEnabled = false;
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
     return _this;
   }
   _createClass(FreezeLayer, [{
+    key: "handleClick",
+    value: function handleClick() {
+      var onClick = this.props.onClick;
+      if (onClick && !(0, _Common.isTextSelected)()) {
+        onClick();
+      }
+    }
+  }, {
     key: "enableFreeze",
     value: function enableFreeze() {
       if (!this.isFreezeLayerEnabled) {
@@ -132,7 +142,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
           zIndex: "".concat(this.getNextIndex())
         } : {},
         className: "\n              ".concat(_FreezeLayerModule["default"].container, " ").concat(customClass, " ").concat(_FreezeLayerModule["default"]["index".concat(zIndex)], "  ").concat(!isSvgMask ? _FreezeLayerModule["default"][palette] : '', "\n            "),
-        onClick: onClick ? onClick : null,
+        onClick: this.handleClick,
         ref: forwardRef
       }, children && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, childAnimationName ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
         name: childAnimationName,

package/lib/avatar/AvatarStatus/AvatarStatus.js

@@ -52,7 +52,8 @@ var AvatarStatus = /*#__PURE__*/function (_React$Component) {
         customTextClass = _this$props.customTextClass,
         statusTitle = _this$props.statusTitle,
         customProps = _this$props.customProps,
-        dataSelectorId = _this$props.dataSelectorId;
+        dataSelectorId = _this$props.dataSelectorId,
+        needDefaultBorder = _this$props.needDefaultBorder;
       var _customProps$AvatarSt = customProps.AvatarStatusProps,
         AvatarStatusProps = _customProps$AvatarSt === void 0 ? {} : _customProps$AvatarSt,
         _customProps$AvatarPr = customProps.AvatarProps,
@@ -76,6 +77,7 @@ var AvatarStatus = /*#__PURE__*/function (_React$Component) {
         initial: initial,
         shape: shape,
         needTitle: needTitle,
+        needDefaultBorder: needDefaultBorder,
         needBorder: needBorder
       }, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
         "data-title": statusTitle,

package/lib/avatar/AvatarStatus/props/defaultProps.js

@@ -12,6 +12,8 @@ var defaultProps = {
   palette: 'info',
   statusTitle: '',
   customProps: {},
-  dataSelectorId: 'avatarStatus'
+  dataSelectorId: 'avatarStatus',
+  needDefaultBorder: false,
+  needBorder: false
 };
 exports.defaultProps = defaultProps;

package/lib/avatar/AvatarStatus/props/propTypes.js

@@ -4,29 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
+var _propTypes;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var propTypes = {
-  className: _propTypes["default"].string,
-  customTextClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  initial: _propTypes["default"].string,
-  name: _propTypes["default"].string,
-  needBorder: _propTypes["default"].bool,
-  needTitle: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
-  shape: _propTypes["default"].string,
-  size: _propTypes["default"].string,
-  src: _propTypes["default"].string,
-  state: _propTypes["default"].string,
-  statusTitle: _propTypes["default"].string,
-  textPalette: _propTypes["default"].oneOf(['white', 'black']),
-  title: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
-  customProps: _propTypes["default"].shape({
-    AvatarStatusProps: _propTypes["default"].object,
-    AvatarProps: _propTypes["default"].object
-  })
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var propTypes = (_propTypes = {
+  className: _propTypes2["default"].string,
+  customTextClass: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  initial: _propTypes2["default"].string,
+  name: _propTypes2["default"].string,
+  needBorder: _propTypes2["default"].bool,
+  needTitle: _propTypes2["default"].bool,
+  onClick: _propTypes2["default"].func,
+  palette: _propTypes2["default"].oneOf(['primary', 'secondary', 'info', 'default']),
+  shape: _propTypes2["default"].string,
+  size: _propTypes2["default"].string,
+  src: _propTypes2["default"].string,
+  state: _propTypes2["default"].string,
+  needDefaultBorder: _propTypes2["default"].bool
+}, _defineProperty(_propTypes, "needBorder", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusTitle", _propTypes2["default"].string), _defineProperty(_propTypes, "textPalette", _propTypes2["default"].oneOf(['white', 'black'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].string), _defineProperty(_propTypes, "customProps", _propTypes2["default"].shape({
+  AvatarStatusProps: _propTypes2["default"].object,
+  AvatarProps: _propTypes2["default"].object
+})), _propTypes);
 exports.propTypes = propTypes;

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -51,7 +51,8 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
         teamClassName = _this$props.teamClassName,
         borderOnActive = _this$props.borderOnActive,
         customProps = _this$props.customProps,
-        dataSelectorId = _this$props.dataSelectorId;
+        dataSelectorId = _this$props.dataSelectorId,
+        teamBorderActive = _this$props.teamBorderActive;
       var _customProps$AvatarWi = customProps.AvatarWithTeamProps,
         AvatarWithTeamProps = _customProps$AvatarWi === void 0 ? {} : _customProps$AvatarWi,
         _customProps$Avatar1P = customProps.Avatar1Props,
@@ -112,7 +113,7 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
         customClass: {
           customAvatar: customTextClass
         },
-        borderOnActive: borderOnActive
+        borderOnActive: teamBorderActive
       }, AvatarTeam2Props))) : null);
     }
   }]);

package/lib/avatar/AvatarWithTeam/props/defaultProps.js

@@ -10,6 +10,7 @@ var defaultProps = {
   teamClassName: '',
   borderOnActive: false,
   customProps: {},
-  dataSelectorId: 'avatarWithTeam'
+  dataSelectorId: 'avatarWithTeam',
+  teamBorderActive: true
 };
 exports.defaultProps = defaultProps;

package/lib/avatar/AvatarWithTeam/props/propTypes.js

@@ -21,6 +21,7 @@ var propTypes = {
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
   title: _propTypes["default"].string,
   borderOnActive: _propTypes["default"].bool,
+  teamBorderActive: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     AvatarWithTeamProps: _propTypes["default"].object,
     Avatar1Props: _propTypes["default"].object,

package/lib/list/AvatarFlip/AvatarFlip.js

@@ -60,7 +60,8 @@ var AvatarFlip = /*#__PURE__*/function (_Component) {
         tourId = _this$props.tourId,
         iconSize = _this$props.iconSize,
         isFilledCheckbox = _this$props.isFilledCheckbox,
-        channelTitle = _this$props.channelTitle;
+        channelTitle = _this$props.channelTitle,
+        customProps = _this$props.customProps;
       return /*#__PURE__*/_react["default"].createElement(_FlipCard["default"], {
         id: id,
         action: action,
@@ -89,7 +90,8 @@ var AvatarFlip = /*#__PURE__*/function (_Component) {
         needTitle: needTitle,
         tourId: tourId,
         isFilledCheckbox: isFilledCheckbox,
-        channelTitle: channelTitle
+        channelTitle: channelTitle,
+        customProps: customProps
       });
     }
   }]);

package/lib/list/AvatarFlip/props/defaultProps.js

@@ -7,6 +7,7 @@ exports.defaultProps = void 0;
 var defaultProps = {
   size: 'xmedium',
   noNeedFlip: false,
-  iconSize: '21'
+  iconSize: '21',
+  customProps: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/AvatarFlip/props/propTypes.js

@@ -31,6 +31,7 @@ var propTypes = {
   size: _propTypes["default"].string,
   src: _propTypes["default"].string,
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
-  tourId: _propTypes["default"].string
+  tourId: _propTypes["default"].string,
+  customProps: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.247",
+  "version": "1.0.0-beta.249",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -44,7 +44,7 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-258",
+    "@zohodesk/components": "1.0.0-alpha-260",
     "@zohodesk/icons": "1.0.0-beta.116",
     "@zohodesk/svg": "1.0.0-beta.49",
     "@zohodesk/virtualizer": "1.0.3",
@@ -55,7 +55,7 @@
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-258",
+    "@zohodesk/components": "1.0.0-alpha-260",
     "@zohodesk/icons": "1.0.0-beta.116",
     "@zohodesk/svg": "1.0.0-beta.48",
     "@zohodesk/a11y": "1.3.7"