@zohodesk/components 1.0.0-temp-120 → 1.0.0-temp-122

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/Avatar/props/defaultProps.js

@@ -10,7 +10,5 @@ export const defaultProps = {
   borderOnActive: false,
   borderOnHover: false,
   customProps: {},
-  isAnimate: true,
-  needInnerborder: false,
-  needDefaultBorder: false
+  isAnimate: true
 };

package/es/Avatar/props/propTypes.js

@@ -19,7 +19,5 @@ export const propTypes = {
   customProps: PropTypes.shape({
     AvatarProps: PropTypes.object
   }),
-  isAnimate: PropTypes.bool,
-  needInnerborder: PropTypes.bool,
-  needDefaultBorder: PropTypes.bool
+  isAnimate: PropTypes.bool
 };

package/es/AvatarTeam/AvatarTeam.js

@@ -4,15 +4,15 @@ 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 {
@@ -31,10 +31,7 @@ export default class AvatarTeam extends React.Component {
       customClass,
       borderOnActive,
       borderOnHover,
-      needInnerborder,
-      needBorder,
-      customProps,
-      needDefaultBorder
+      customProps
     } = this.props;
     let {
       AvatarTeamProps = {},
@@ -59,10 +56,7 @@ export default class AvatarTeam extends React.Component {
       needTitle: needTitle,
       customClass: customAvatar,
       borderOnActive: borderOnActive,
-      borderOnHover: border,
-      needInnerborder: needInnerborder,
-      needBorder: needBorder,
-      needDefaultBorder: needDefaultBorder
+      borderOnHover: border
     }, AvatarProps)), /*#__PURE__*/React.createElement("span", {
       className: `${style.team} ${isFilled ? `${style[`${palette}Filled`]}` : style.nofill} 
           ${style[`${size}team`]} ${customAvatarTeam}`