@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-160

package/lib/v1/avatar/AvatarUser/AvatarUser.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AvatarUser;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../avatar/AvatarUser/props/defaultProps");
+
+var _propTypes = require("../../../avatar/AvatarUser/props/propTypes");
+
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
+
+var _AvatarIcon = _interopRequireDefault(require("../AvatarIcon/AvatarIcon"));
+
+var _icons = require("@zohodesk/icons");
+
+var _AvatarUserModule = _interopRequireDefault(require("../../../avatar/AvatarUser/AvatarUser.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+/**** Methods ****/
+function AvatarUser(props) {
+  var src = props.src,
+      alternateSrc = props.alternateSrc,
+      name = props.name,
+      size = props.size,
+      onClick = props.onClick,
+      onDelete = props.onDelete,
+      title = props.title,
+      isPaid = props.isPaid,
+      isPortal = props.isPortal,
+      isLocked = props.isLocked,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId,
+      needTitle = props.needTitle,
+      needDelete = props.needDelete,
+      initial = props.initial,
+      palette = props.palette,
+      textPalette = props.textPalette,
+      customTextClass = props.customTextClass,
+      iconName = props.iconName,
+      iconSize = props.iconSize,
+      iconClass = props.iconClass,
+      iconColor = props.iconColor,
+      i18nKeys = props.i18nKeys,
+      customProps = props.customProps;
+  var _customProps$AvatarUs = customProps.AvatarUserProps,
+      AvatarUserProps = _customProps$AvatarUs === void 0 ? {} : _customProps$AvatarUs,
+      _customProps$AvatarIc = customProps.AvatarIconProps,
+      AvatarIconProps = _customProps$AvatarIc === void 0 ? {} : _customProps$AvatarIc,
+      _customProps$AvatarPr = customProps.AvatarProps,
+      AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
+  var _i18nKeys$paidTitle = i18nKeys.paidTitle,
+      paidTitle = _i18nKeys$paidTitle === void 0 ? 'Paid User' : _i18nKeys$paidTitle,
+      _i18nKeys$portalTitle = i18nKeys.portalTitle,
+      portalTitle = _i18nKeys$portalTitle === void 0 ? 'End User' : _i18nKeys$portalTitle,
+      _i18nKeys$lockTitle = i18nKeys.lockTitle,
+      lockTitle = _i18nKeys$lockTitle === void 0 ? 'Locked' : _i18nKeys$lockTitle;
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    className: "".concat(_AvatarUserModule["default"].container, " ").concat(_AvatarUserModule["default"][size]),
+    "data-id": dataId || name || iconName,
+    "data-test-id": dataId || name || iconName,
+    "data-selector-id": dataSelectorId
+  }, AvatarUserProps), iconName ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], _extends({
+    name: iconName,
+    iconSize: iconSize,
+    size: size,
+    iconClass: iconClass,
+    dataId: iconName,
+    iconColor: iconColor,
+    title: title
+  }, AvatarIconProps)) : /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
+    src: src,
+    name: name,
+    initial: initial,
+    title: title,
+    onClick: onClick,
+    size: size,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    alternateSrc: alternateSrc
+  }, AvatarProps)), isPaid ? /*#__PURE__*/_react["default"].createElement("span", {
+    "data-title": paidTitle,
+    className: _AvatarUserModule["default"].paid,
+    "data-id": "paidUser",
+    "data-test-id": "paidUser"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-paiduser"
+  })) : null, isPortal ? /*#__PURE__*/_react["default"].createElement("span", {
+    "data-title": portalTitle,
+    className: _AvatarUserModule["default"].portal,
+    "data-id": "portalUser",
+    "data-test-id": "portalUser"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-globe1"
+  })) : null, isLocked ? /*#__PURE__*/_react["default"].createElement("span", {
+    "data-title": lockTitle,
+    className: _AvatarUserModule["default"].lock,
+    "data-id": "locked",
+    "data-test-id": "locked"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-lock01"
+  })) : null, needDelete ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: _AvatarUserModule["default"]["delete"],
+    "data-id": "dltContactPhoto",
+    "data-test-id": "dltContactPhoto",
+    onClick: onDelete
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-delete2",
+    size: "15"
+  })) : null);
+}
+
+AvatarUser.propTypes = _propTypes.propTypes;
+AvatarUser.defaultProps = _defaultProps.defaultProps;

package/lib/v1/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AvatarWithTeam;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../avatar/AvatarWithTeam/props/defaultProps");
+
+var _propTypes = require("../../../avatar/AvatarWithTeam/props/propTypes");
+
+var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
+
+var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/es/v1/AvatarTeam/AvatarTeam"));
+
+var _AvatarWithTeamModule = _interopRequireDefault(require("../../../avatar/AvatarWithTeam/AvatarWithTeam.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function AvatarWithTeam(props) {
+  var name = props.name,
+      size = props.size,
+      src = props.src,
+      teamName = props.teamName,
+      isTeam = props.isTeam,
+      _props$needTitle = props.needTitle,
+      needTitle = _props$needTitle === void 0 ? false : _props$needTitle,
+      initial = props.initial,
+      title = props.title,
+      palette = props.palette,
+      textPalette = props.textPalette,
+      customTextClass = props.customTextClass,
+      teamClassName = props.teamClassName,
+      borderOnActive = props.borderOnActive,
+      customProps = props.customProps,
+      dataSelectorId = props.dataSelectorId,
+      teamBorderActive = props.teamBorderActive;
+  var _customProps$AvatarWi = customProps.AvatarWithTeamProps,
+      AvatarWithTeamProps = _customProps$AvatarWi === void 0 ? {} : _customProps$AvatarWi,
+      _customProps$Avatar1P = customProps.Avatar1Props,
+      Avatar1Props = _customProps$Avatar1P === void 0 ? {} : _customProps$Avatar1P,
+      _customProps$AvatarTe = customProps.AvatarTeam1Props,
+      AvatarTeam1Props = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
+      _customProps$Avatar2P = customProps.Avatar2Props,
+      Avatar2Props = _customProps$Avatar2P === void 0 ? {} : _customProps$Avatar2P,
+      _customProps$AvatarTe2 = customProps.AvatarTeam2Props,
+      AvatarTeam2Props = _customProps$AvatarTe2 === void 0 ? {} : _customProps$AvatarTe2;
+  return /*#__PURE__*/_react["default"].createElement("span", _extends({
+    className: "".concat(_AvatarWithTeamModule["default"].container, " "),
+    "data-id": "avatarWithTeamId",
+    "data-test-id": "avatarWithTeamId",
+    "data-selector-id": dataSelectorId
+  }, AvatarWithTeamProps), isTeam && teamName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar1Props)) : isTeam ? /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], _extends({
+    name: name,
+    src: src,
+    size: size,
+    needTitle: needTitle,
+    title: needTitle ? title : undefined,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: {
+      customAvatar: customTextClass
+    },
+    borderOnActive: borderOnActive
+  }, AvatarTeam1Props)) : /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar2Props)), teamName ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_AvatarWithTeamModule["default"].teamAvatar, " ").concat(teamClassName, " "),
+    "data-id": "teamNameTestId",
+    "data-test-id": "teamNameTestId",
+    "data-title": needTitle ? title : undefined
+  }, /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], _extends({
+    name: teamName,
+    size: "small",
+    palette: palette,
+    textPalette: textPalette,
+    isFilled: true,
+    needTitle: needTitle,
+    customClass: {
+      customAvatar: customTextClass
+    },
+    borderOnActive: teamBorderActive
+  }, AvatarTeam2Props))) : null);
+}
+
+AvatarWithTeam.defaultProps = _defaultProps.defaultProps;
+AvatarWithTeam.propTypes = _propTypes.propTypes;

package/lib/v1/avatar/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AvatarClose", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarClose["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarCollision", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarCollision["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarIcon["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarStatus", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarStatus["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarThread", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarThread["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarUser", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarUser["default"];
+  }
+});
+Object.defineProperty(exports, "AvatarWithTeam", {
+  enumerable: true,
+  get: function get() {
+    return _AvatarWithTeam["default"];
+  }
+});
+
+var _AvatarClose = _interopRequireDefault(require("./AvatarClose/AvatarClose"));
+
+var _AvatarCollision = _interopRequireDefault(require("./AvatarCollision/AvatarCollision"));
+
+var _AvatarIcon = _interopRequireDefault(require("./AvatarIcon/AvatarIcon"));
+
+var _AvatarStatus = _interopRequireDefault(require("./AvatarStatus/AvatarStatus"));
+
+var _AvatarThread = _interopRequireDefault(require("./AvatarThread/AvatarThread"));
+
+var _AvatarUser = _interopRequireDefault(require("./AvatarUser/AvatarUser"));
+
+var _AvatarWithTeam = _interopRequireDefault(require("./AvatarWithTeam/AvatarWithTeam"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }