@zohodesk/components 1.0.0 → 1.1.0

package/lib/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/lib/AvatarTeam/AvatarTeam.js

@@ -41,15 +41,15 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/* 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"] }]
 */
 var AvatarTeam = /*#__PURE__*/function (_React$Component) {
   _inherits(AvatarTeam, _React$Component);