@zohodesk/components 1.0.0-temp-124 → 1.0.0-temp-125

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

@@ -17,6 +17,8 @@ var defaultProps = {
   borderOnHover: false,
   customProps: {},
   isAnimate: true,
-  dataSelectorId: 'avatar'
+  dataSelectorId: 'avatar',
+  needInnerborder: false,
+  needDefaultBorder: false
 };
 exports.defaultProps = defaultProps;

package/lib/Avatar/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   onClick: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
   shape: _propTypes["default"].oneOf(['circle', 'square']),
-  size: _propTypes["default"].oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
+  size: _propTypes["default"].oneOf(['xxsmall', 'small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge']),
   src: _propTypes["default"].string,
   textPalette: _propTypes["default"].oneOf(['white', 'black']),
   title: _propTypes["default"].string,
@@ -27,6 +27,8 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     AvatarProps: _propTypes["default"].object
   }),
-  isAnimate: _propTypes["default"].bool
+  isAnimate: _propTypes["default"].bool,
+  needInnerborder: _propTypes["default"].bool,
+  needDefaultBorder: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/AvatarTeam/AvatarTeam.js

@@ -22,14 +22,14 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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);
@@ -56,7 +56,10 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         borderOnActive = _this$props.borderOnActive,
         borderOnHover = _this$props.borderOnHover,
         dataSelectorId = _this$props.dataSelectorId,
-        customProps = _this$props.customProps;
+        customProps = _this$props.customProps,
+        needInnerborder = _this$props.needInnerborder,
+        needBorder = _this$props.needBorder,
+        needDefaultBorder = _this$props.needDefaultBorder;
       var _customProps$AvatarTe = customProps.AvatarTeamProps,
         AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
         _customProps$AvatarPr = customProps.AvatarProps,
@@ -81,7 +84,10 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
         needTitle: needTitle,
         customClass: customAvatar,
         borderOnActive: borderOnActive,
-        borderOnHover: border
+        borderOnHover: border,
+        needInnerborder: needInnerborder,
+        needBorder: needBorder,
+        needDefaultBorder: needDefaultBorder
       }, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarTeamModule["default"].team, " ").concat(isFilled ? "".concat(_AvatarTeamModule["default"]["".concat(palette, "Filled")]) : _AvatarTeamModule["default"].nofill, " \n          ").concat(_AvatarTeamModule["default"]["".concat(size, "team")], " ").concat(customAvatarTeam)
       }));