@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-165

package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap

@@ -1,288 +1,288 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-  <img
-    className="none"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should display image valid url 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should display initial 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-</div>
-`;
-
-exports[`Avatar component should display initial if invalid url 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          border"
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <span
-    className="initial initialTxt"
-    data-id="Avatar_AvatarInitial"
-  >
-    VA
-  </span>
-</div>
-`;
-
-exports[`Avatar component should have title 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="Sample Title"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should no need title 1`] = `
-<div
-  className="avatar medium medium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title=""
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is default 1`] = `
-<div
-  className="avatar medium medium circle default text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is info 1`] = `
-<div
-  className="avatar medium medium circle info text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the palette is secondary 1`] = `
-<div
-  className="avatar medium medium circle secondary text_white
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the shape is square 1`] = `
-<div
-  className="avatar medium medium square primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is large 1`] = `
-<div
-  className="avatar large large circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is small 1`] = `
-<div
-  className="avatar square  circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xlarge 1`] = `
-<div
-  className="avatar xlarge xlarge circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xmedium 1`] = `
-<div
-  className="avatar xmedium xmedium circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
-
-exports[`Avatar component should the size is xsmall 1`] = `
-<div
-  className="avatar xsmall xsmall circle primary text_black
-          "
-  data-id="Avatar"
-  data-title="vimalesan a"
-  onClick={[Function]}
->
-  <img
-    className="image"
-    data-id="Avatar_AvatarImg"
-    name="vimalesan a"
-    onError={[Function]}
-    onLoad={[Function]}
-    src="avatar.jpg"
-  />
-</div>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Avatar component should display avatar image and initial while avatar loading... 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          border"
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <span
+    className="initial initialTxt"
+    data-id="Avatar_AvatarInitial"
+  >
+    VA
+  </span>
+  <img
+    className="none"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should display image valid url 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should display initial 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          border"
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <span
+    className="initial initialTxt"
+    data-id="Avatar_AvatarInitial"
+  >
+    VA
+  </span>
+</div>
+`;
+
+exports[`Avatar component should display initial if invalid url 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          border"
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <span
+    className="initial initialTxt"
+    data-id="Avatar_AvatarInitial"
+  >
+    VA
+  </span>
+</div>
+`;
+
+exports[`Avatar component should have title 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="Sample Title"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should no need title 1`] = `
+<div
+  className="avatar medium medium circle primary text_black
+          "
+  data-id="Avatar"
+  data-title=""
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the palette is default 1`] = `
+<div
+  className="avatar medium medium circle default text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the palette is info 1`] = `
+<div
+  className="avatar medium medium circle info text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the palette is secondary 1`] = `
+<div
+  className="avatar medium medium circle secondary text_white
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the shape is square 1`] = `
+<div
+  className="avatar medium medium square primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the size is large 1`] = `
+<div
+  className="avatar large large circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the size is small 1`] = `
+<div
+  className="avatar square  circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the size is xlarge 1`] = `
+<div
+  className="avatar xlarge xlarge circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the size is xmedium 1`] = `
+<div
+  className="avatar xmedium xmedium circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;
+
+exports[`Avatar component should the size is xsmall 1`] = `
+<div
+  className="avatar xsmall xsmall circle primary text_black
+          "
+  data-id="Avatar"
+  data-title="vimalesan a"
+  onClick={[Function]}
+>
+  <img
+    className="image"
+    data-id="Avatar_AvatarImg"
+    name="vimalesan a"
+    onError={[Function]}
+    onLoad={[Function]}
+    src="avatar.jpg"
+  />
+</div>
+`;

package/es/AvatarTeam/AvatarTeam.js

@@ -1,18 +1,19 @@
 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 './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import Avatar from '../Avatar/Avatar';
 import style from './AvatarTeam.module.css';
-/* once avatar support firstname lastname and pattern
-pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
-
-Not going to export to external then can kept inside supportapp
+/* once avatar support firstname lastname and pattern
+pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
+
+Not going to export to external then can kept inside supportapp
 */
 
-/*
-eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
-"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
+/*
+eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
+"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
 */
 
 export default class AvatarTeam extends React.Component {
@@ -49,6 +50,7 @@ export default class AvatarTeam extends React.Component {
     return /*#__PURE__*/React.createElement("span", _extends({
       className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} `,
       "data-id": dataId,
+      "data-test-id": dataId,
       "data-selector-id": dataSelectorId
     }, AvatarTeamProps), /*#__PURE__*/React.createElement(Avatar, _extends({
       name: name,
@@ -70,11 +72,10 @@ export default class AvatarTeam extends React.Component {
           ${style[`${size}team`]} ${customAvatarTeam}`
     }));
   }
+
 }
 AvatarTeam.defaultProps = defaultProps;
-AvatarTeam.propTypes = propTypes;
-
-// if (__DOCS__) {
+AvatarTeam.propTypes = propTypes; // if (__DOCS__) {
 //   AvatarTeam.docs = {
 //     componentGroup: 'Avatar Group',
 //     folderName: 'Style Guide',