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

package/es/v1/avatar/AvatarThread/AvatarThread.js

@@ -0,0 +1,72 @@
+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 { defaultProps } from '../../../avatar/AvatarThread/props/defaultProps';
+import { propTypes } from '../../../avatar/AvatarThread/props/propTypes';
+import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
+import { Icon } from '@zohodesk/icons';
+import style from '../../../avatar/AvatarThread/AvatarThread.module.css';
+export default function AvatarThread(props) {
+  let {
+    src,
+    name,
+    size,
+    iconColor,
+    iconName,
+    iconSize,
+    borderPalette,
+    onClick,
+    title,
+    iconTitle,
+    onIconClick,
+    showOnHover,
+    dataId,
+    initial,
+    needBorder,
+    needBackground,
+    palette,
+    textPalette,
+    customTextClass,
+    needTitle,
+    customProps,
+    iconClass,
+    getCustomThread,
+    dataSelectorId
+  } = props;
+  let {
+    AvatarThreadProps = {},
+    AvatarProps = {}
+  } = customProps;
+  let hoverEffect = showOnHover ? style.hover : '';
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: `${style.container} ${onClick ? style.pointer : ''} ${hoverEffect}`,
+    "data-selector-id": dataSelectorId
+  }, AvatarThreadProps), /*#__PURE__*/React.createElement(Avatar, _extends({
+    initial: initial,
+    src: src,
+    name: name,
+    title: title,
+    size: size,
+    onClick: onClick,
+    dataId: dataId,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    needTitle: needTitle
+  }, AvatarProps)), (iconName || getCustomThread) && /*#__PURE__*/React.createElement("span", {
+    className: `${style.thread} ${onIconClick ? style.pointer : style.defaultCursor} ${needBackground ? style.threadBg : ''} ${style[`thread_${size}_pos`]} ${needBorder ? style[`border_${borderPalette}`] : ''}`,
+    "data-title": iconTitle,
+    "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
+    "data-test-id": iconTitle === 'Remove Follower' && 'removeFollower',
+    onClick: onIconClick
+  }, iconName && /*#__PURE__*/React.createElement("span", {
+    className: style.icon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    size: iconSize,
+    iconClass: `${iconClass}
+                ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
+  })), getCustomThread && getCustomThread()));
+}
+AvatarThread.defaultProps = defaultProps;
+AvatarThread.propTypes = propTypes;

package/es/v1/avatar/AvatarUser/AvatarUser.js

@@ -0,0 +1,109 @@
+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 { defaultProps } from '../../../avatar/AvatarUser/props/defaultProps';
+import { propTypes } from '../../../avatar/AvatarUser/props/propTypes';
+/**** Components ****/
+
+import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
+import AvatarIcon from '../AvatarIcon/AvatarIcon';
+import { Icon } from '@zohodesk/icons';
+import style from '../../../avatar/AvatarUser/AvatarUser.module.css';
+/**** Methods ****/
+
+export default function AvatarUser(props) {
+  let {
+    src,
+    alternateSrc,
+    name,
+    size,
+    onClick,
+    onDelete,
+    title,
+    isPaid,
+    isPortal,
+    isLocked,
+    dataId,
+    dataSelectorId,
+    needTitle,
+    needDelete,
+    initial,
+    palette,
+    textPalette,
+    customTextClass,
+    iconName,
+    iconSize,
+    iconClass,
+    iconColor,
+    i18nKeys,
+    customProps
+  } = props;
+  let {
+    AvatarUserProps = {},
+    AvatarIconProps = {},
+    AvatarProps = {}
+  } = customProps;
+  let {
+    paidTitle = 'Paid User',
+    portalTitle = 'End User',
+    lockTitle = 'Locked'
+  } = i18nKeys;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: `${style.container} ${style[size]}`,
+    "data-id": dataId || name || iconName,
+    "data-test-id": dataId || name || iconName,
+    "data-selector-id": dataSelectorId
+  }, AvatarUserProps), iconName ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+    name: iconName,
+    iconSize: iconSize,
+    size: size,
+    iconClass: iconClass,
+    dataId: iconName,
+    iconColor: iconColor,
+    title: title
+  }, AvatarIconProps)) : /*#__PURE__*/React.createElement(Avatar, _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.createElement("span", {
+    "data-title": paidTitle,
+    className: style.paid,
+    "data-id": "paidUser",
+    "data-test-id": "paidUser"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-paiduser"
+  })) : null, isPortal ? /*#__PURE__*/React.createElement("span", {
+    "data-title": portalTitle,
+    className: style.portal,
+    "data-id": "portalUser",
+    "data-test-id": "portalUser"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-globe1"
+  })) : null, isLocked ? /*#__PURE__*/React.createElement("span", {
+    "data-title": lockTitle,
+    className: style.lock,
+    "data-id": "locked",
+    "data-test-id": "locked"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-lock01"
+  })) : null, needDelete ? /*#__PURE__*/React.createElement("span", {
+    className: style.delete,
+    "data-id": "dltContactPhoto",
+    "data-test-id": "dltContactPhoto",
+    onClick: onDelete
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-delete2",
+    size: "15"
+  })) : null);
+}
+AvatarUser.propTypes = propTypes;
+AvatarUser.defaultProps = defaultProps;

package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -0,0 +1,91 @@
+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 { defaultProps } from '../../../avatar/AvatarWithTeam/props/defaultProps';
+import { propTypes } from '../../../avatar/AvatarWithTeam/props/propTypes';
+import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
+import AvatarTeam from '@zohodesk/components/es/v1/AvatarTeam/AvatarTeam';
+import style from '../../../avatar/AvatarWithTeam/AvatarWithTeam.module.css';
+export default function AvatarWithTeam(props) {
+  let {
+    name,
+    size,
+    src,
+    teamName,
+    isTeam,
+    needTitle = false,
+    initial,
+    title,
+    palette,
+    textPalette,
+    customTextClass,
+    teamClassName,
+    borderOnActive,
+    customProps,
+    dataSelectorId,
+    teamBorderActive
+  } = props;
+  let {
+    AvatarWithTeamProps = {},
+    Avatar1Props = {},
+    AvatarTeam1Props = {},
+    Avatar2Props = {},
+    AvatarTeam2Props = {}
+  } = customProps;
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: `${style.container} `,
+    "data-id": "avatarWithTeamId",
+    "data-test-id": "avatarWithTeamId",
+    "data-selector-id": dataSelectorId
+  }, AvatarWithTeamProps), isTeam && teamName ? /*#__PURE__*/React.createElement(Avatar, _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar1Props)) : isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, _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.createElement(Avatar, _extends({
+    name: name,
+    src: src,
+    size: size,
+    initial: initial,
+    needTitle: needTitle,
+    palette: palette,
+    textPalette: textPalette,
+    customClass: customTextClass,
+    borderOnActive: borderOnActive
+  }, Avatar2Props)), teamName ? /*#__PURE__*/React.createElement("span", {
+    className: `${style.teamAvatar} ${teamClassName} `,
+    "data-id": "teamNameTestId",
+    "data-test-id": "teamNameTestId",
+    "data-title": needTitle ? title : undefined
+  }, /*#__PURE__*/React.createElement(AvatarTeam, _extends({
+    name: teamName,
+    size: "small",
+    palette: palette,
+    textPalette: textPalette,
+    isFilled: true,
+    needTitle: needTitle,
+    customClass: {
+      customAvatar: customTextClass
+    },
+    borderOnActive: teamBorderActive
+  }, AvatarTeam2Props))) : null);
+}
+AvatarWithTeam.defaultProps = defaultProps;
+AvatarWithTeam.propTypes = propTypes;

package/es/v1/avatar/index.js

@@ -0,0 +1,7 @@
+export { default as AvatarClose } from './AvatarClose/AvatarClose';
+export { default as AvatarCollision } from './AvatarCollision/AvatarCollision';
+export { default as AvatarIcon } from './AvatarIcon/AvatarIcon';
+export { default as AvatarStatus } from './AvatarStatus/AvatarStatus';
+export { default as AvatarThread } from './AvatarThread/AvatarThread';
+export { default as AvatarUser } from './AvatarUser/AvatarUser';
+export { default as AvatarWithTeam } from './AvatarWithTeam/AvatarWithTeam';