@zohodesk/components 1.2.21 → 1.2.23

package/lib/utils/shallowEqual.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = shallowEqual;
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function is(x, y) {
   if (x === y) {
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
@@ -14,28 +12,22 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
-
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
-
   if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
     return false;
   }
-
   var keysA = Object.keys(objA);
   var keysB = Object.keys(objB);
-
   if (keysA.length !== keysB.length) {
     return false;
   }
-
   for (var i = 0; i < keysA.length; i++) {
     if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
-
   return true;
 }

package/lib/v1/Accordion/Accordion.js

@@ -1,70 +1,51 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Accordion;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("@zohodesk/hooks");
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function Accordion(props) {
   var className = props.className,
-      height = props.height,
-      unMount = props.unMount,
-      disableInternalState = props.disableInternalState,
-      propSelectedItem = props.selectedItem,
-      a11y = props.a11y,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      onSelect = props.onSelect,
-      children = props.children;
+    height = props.height,
+    unMount = props.unMount,
+    disableInternalState = props.disableInternalState,
+    propSelectedItem = props.selectedItem,
+    a11y = props.a11y,
+    dataId = props.dataId,
+    dataSelectorId = props.dataSelectorId,
+    onSelect = props.onSelect,
+    children = props.children;
   var role = a11y.role,
-      ariaExpanded = a11y.ariaExpanded,
-      ariaHaspopup = a11y.ariaHaspopup;
-
+    ariaExpanded = a11y.ariaExpanded,
+    ariaHaspopup = a11y.ariaHaspopup;
   var _useState = (0, _react.useState)(propSelectedItem),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedItem = _useState2[0],
-      setSelectedItem = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedItem = _useState2[0],
+    setSelectedItem = _useState2[1];
   function selectMenu(selectedItem) {
     if (onSelect) {
       onSelect(selectedItem);
     }
-
     !disableInternalState && setSelectedItem(selectedItem);
   }
-
   (0, _hooks.useEffectCallOnlyAfterState)(function () {
     if (!disableInternalState) {
       setSelectedItem(propSelectedItem);
     }
   }, [propSelectedItem]);
-
   var renderChildren = _react["default"].Children.map(children, function (child) {
     if (child) {
       return /*#__PURE__*/_react["default"].cloneElement(child, {
@@ -74,7 +55,6 @@ function Accordion(props) {
       });
     }
   });
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: className ? className : '',
     style: {
@@ -88,9 +68,10 @@ function Accordion(props) {
     "data-selector-id": dataSelectorId
   }, renderChildren);
 }
-
 Accordion.propTypes = _propTypes.Accordion_propTypes;
-Accordion.defaultProps = _defaultProps.Accordion_defaultProps; // if (__DOCS__) {
+Accordion.defaultProps = _defaultProps.Accordion_defaultProps;
+
+// if (__DOCS__) {
 //   Accordion.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/lib/v1/Accordion/AccordionItem.js

@@ -4,43 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = AccordionItem;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _VelocityAnimation = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimation/VelocityAnimation"));
-
 var _VelocityAnimationGroup = _interopRequireDefault(require("../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function AccordionItem(props) {
   var id = props.id,
-      selectMenu = props.selectMenu,
-      className = props.className,
-      children = props.children,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      unMount = props.unMount,
-      unMountItem = props.unMountItem,
-      a11y = props.a11y,
-      innerClass = props.innerClass,
-      equalityCheck = props.equalityCheck,
-      selectedItem = props.selectedItem;
+    selectMenu = props.selectMenu,
+    className = props.className,
+    children = props.children,
+    dataId = props.dataId,
+    dataSelectorId = props.dataSelectorId,
+    unMount = props.unMount,
+    unMountItem = props.unMountItem,
+    a11y = props.a11y,
+    innerClass = props.innerClass,
+    equalityCheck = props.equalityCheck,
+    selectedItem = props.selectedItem;
   unMountItem = unMountItem !== undefined ? unMountItem : unMount;
   var role = a11y.role;
-
   function equalityChecking() {
     return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
   }
-
   function handleSelectMenu() {
     selectMenu(id);
   }
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: className ? className : '',
     "data-id": dataId,
@@ -58,9 +48,9 @@ function AccordionItem(props) {
     isActive: equalityChecking()
   }, children[1]));
 }
-
 AccordionItem.propTypes = _propTypes.AccordionItem_propTypes;
-AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps; // if (__DOCS__) {
+AccordionItem.defaultProps = _defaultProps.AccordionItem_defaultProps;
+// if (__DOCS__) {
 //   AccordionItem.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/lib/v1/Accordion/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "AccordionItem", {
     return _AccordionItem["default"];
   }
 });
-
 var _Accordion = _interopRequireDefault(require("./Accordion"));
-
 var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/v1/Accordion/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Accordion_propTypes = exports.AccordionItem_propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var Accordion_propTypes = {
   children: _propTypes["default"].node,
   className: _propTypes["default"].string,

package/lib/v1/Animation/Animation.js

@@ -4,32 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Animation;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _transitionModule = _interopRequireDefault(require("../../common/transition.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function Animation(props) {
   var name = props.name,
-      enterDuration = props.enterDuration,
-      exitDuration = props.exitDuration,
-      children = props.children,
-      isActive = props.isActive,
-      unmountOnExit = props.unmountOnExit,
-      _props$onEntered = props.onEntered,
-      onEntered = _props$onEntered === void 0 ? function () {} : _props$onEntered,
-      _props$onExit = props.onExit,
-      onExit = _props$onExit === void 0 ? function () {} : _props$onExit,
-      _props$delayClassName = props.delayClassName,
-      delayClassName = _props$delayClassName === void 0 ? null : _props$delayClassName;
+    enterDuration = props.enterDuration,
+    exitDuration = props.exitDuration,
+    children = props.children,
+    isActive = props.isActive,
+    unmountOnExit = props.unmountOnExit,
+    _props$onEntered = props.onEntered,
+    onEntered = _props$onEntered === void 0 ? function () {} : _props$onEntered,
+    _props$onExit = props.onExit,
+    onExit = _props$onExit === void 0 ? function () {} : _props$onExit,
+    _props$delayClassName = props.delayClassName,
+    delayClassName = _props$delayClassName === void 0 ? null : _props$delayClassName;
   var animation = {
     zoomIn: {
       enter: _transitionModule["default"].zoomInEnter,
@@ -131,9 +124,10 @@ function Animation(props) {
     onExit: onExit
   }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children));
 }
-
 Animation.propTypes = _propTypes.propTypes;
-Animation.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+Animation.defaultProps = _defaultProps.defaultProps;
+
+// if (__DOCS__) {
 //   Animation.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide',

package/lib/v1/Animation/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].node,
   delayClassName: _propTypes["default"].string,

package/lib/v1/AppContainer/AppContainer.js

@@ -1,71 +1,48 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = AppContainer;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _Layout = require("../Layout");
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip/Tooltip"));
-
 require("../../common/basic.module.css");
-
 require("@zohodesk/variables/assets/colorVariables.module.css");
-
 require("@zohodesk/variables/assets/dotVariables.module.css");
-
 require("@zohodesk/variables/assets/sizeVariables.module.css");
-
 require("@zohodesk/variables/assets/fontsizeVariables.module.css");
-
 require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
-
 require("@zohodesk/variables/assets/transitionVariables.module.css");
-
 require("@zohodesk/variables/assets/no_transitionVariables.module.css");
-
 require("../../common/a11y.module.css");
-
 require("../../common/boxShadow.module.css");
-
 var _AppContainerModule = _interopRequireDefault(require("../../AppContainer/AppContainer.module.css"));
-
 var _Config = require("../../Provider/Config");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 function AppContainer(props) {
   var className = props.className,
-      children = props.children,
-      tagName = props.tagName,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      tooltipClass = props.tooltipClass,
-      tooltipParentClass = props.tooltipParentClass,
-      needTooltip = props.needTooltip,
-      customProps = props.customProps,
-      eleRef = props.eleRef;
+    children = props.children,
+    tagName = props.tagName,
+    dataId = props.dataId,
+    dataSelectorId = props.dataSelectorId,
+    tooltipClass = props.tooltipClass,
+    tooltipParentClass = props.tooltipParentClass,
+    needTooltip = props.needTooltip,
+    customProps = props.customProps,
+    eleRef = props.eleRef;
   var _customProps$Containe = customProps.ContainerProps,
-      ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
-      _customProps$TooltipP = customProps.TooltipProps,
-      TooltipProps = _customProps$TooltipP === void 0 ? {} : _customProps$TooltipP,
-      _customProps$ExtraPro = customProps.ExtraProps,
-      ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
+    ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe,
+    _customProps$TooltipP = customProps.TooltipProps,
+    TooltipProps = _customProps$TooltipP === void 0 ? {} : _customProps$TooltipP,
+    _customProps$ExtraPro = customProps.ExtraProps,
+    ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
   var tooltipRef = (0, _react.useRef)(null);
   var containerElement = (0, _react.useRef)(null);
   var timer = (0, _react.useRef)(null);
@@ -77,38 +54,31 @@ function AppContainer(props) {
       }
     });
   }, []);
-
   function mouseOverDispatch(e) {
     if (tooltipRef.current) {
       tooltipRef.current.handleOver(e, containerElement.current);
     }
   }
-
   function removeTimeout() {
     if (timer.current) {
       timer.current = clearTimeout(timer.current);
     }
   }
-
   function handleOver(e) {
     if (timer.current) {
       timer.current = clearTimeout(timer.current);
     }
-
     timer.current = setTimeout(function () {
       return mouseOverDispatch(e);
     }, tooltipDebounce.current);
   }
-
   function getContainerRef(ref) {
     containerElement.current = ref;
     eleRef && eleRef(ref);
   }
-
   function setTooltipRef(ref) {
     tooltipRef.current = ref;
   }
-
   (0, _react.useEffect)(function () {
     if (containerElement.current && needTooltip) {
       containerElement.current.addEventListener('mouseover', handleOver, false);
@@ -148,9 +118,10 @@ function AppContainer(props) {
     customClass: tooltipClass
   }, TooltipProps))) : null);
 }
-
 AppContainer.propTypes = _propTypes.propTypes;
-AppContainer.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+AppContainer.defaultProps = _defaultProps.defaultProps;
+
+// if (__DOCS__) {
 //   AppContainer.docs = {
 //     componentGroup: 'Template',
 //     folderName: 'Style Guide'

package/lib/v1/AppContainer/props/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var propTypes = {
   children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]),
   dataId: _propTypes["default"].string,

package/lib/v1/Avatar/Avatar.js

@@ -1,143 +1,108 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("@zohodesk/hooks");
-
 var _defaultProps = require("./props/defaultProps");
-
 var _propTypes = require("./props/propTypes");
-
 var _getInitial = require("../../utils/getInitial");
-
 var _AvatarSize = _interopRequireDefault(require("../../Provider/AvatarSize"));
-
 var _AvatarModule = _interopRequireDefault(require("../../Avatar/Avatar.module.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /*
 1. need to change name into firstName lastName
 2. pattern support via context as well as props
 3. prop high priority to arrange firstName lastName
 4. team pass name as lastName and pass pattern via prop
 */
+
 function Avatar(props) {
   var src = props.src,
-      name = props.name,
-      size = props.size,
-      palette = props.palette,
-      onClick = props.onClick,
-      title = props.title,
-      shape = props.shape,
-      needTitle = props.needTitle,
-      dataId = props.dataId,
-      initial = props.initial,
-      needBorder = props.needBorder,
-      borderOnActive = props.borderOnActive,
-      borderOnHover = props.borderOnHover,
-      textPalette = props.textPalette,
-      customClass = props.customClass,
-      alternateSrc = props.alternateSrc,
-      isAnimate = props.isAnimate,
-      dataSelectorId = props.dataSelectorId,
-      customProps = props.customProps,
-      needInnerBorder = props.needInnerBorder,
-      needDefaultBorder = props.needDefaultBorder;
+    name = props.name,
+    size = props.size,
+    palette = props.palette,
+    onClick = props.onClick,
+    title = props.title,
+    shape = props.shape,
+    needTitle = props.needTitle,
+    dataId = props.dataId,
+    initial = props.initial,
+    needBorder = props.needBorder,
+    borderOnActive = props.borderOnActive,
+    borderOnHover = props.borderOnHover,
+    textPalette = props.textPalette,
+    customClass = props.customClass,
+    alternateSrc = props.alternateSrc,
+    isAnimate = props.isAnimate,
+    dataSelectorId = props.dataSelectorId,
+    customProps = props.customProps,
+    needInnerBorder = props.needInnerBorder,
+    needDefaultBorder = props.needDefaultBorder;
   var _customProps$AvatarPr = customProps.AvatarProps,
-      AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
-
+    AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoaded = _useState2[0],
-      setLoaded = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setLoaded = _useState2[1];
   var putInvalidImageURLJSON = function putInvalidImageURLJSON() {
     var _validImgArr = _toConsumableArray(Avatar.validImageURLs);
+    var _invalidImgArr = _toConsumableArray(Avatar.invalidImageURLs);
 
-    var _invalidImgArr = _toConsumableArray(Avatar.invalidImageURLs); // if (alternateSrc) {
+    // if (alternateSrc) {
     //   _validImgArr.push(alternateSrc);
     // }
 
-
     var validIndex = _validImgArr.indexOf(src);
-
     if (validIndex !== -1) {
       _validImgArr.splice(validIndex, 1);
     }
-
     _invalidImgArr.push(src);
-
     Avatar.invalidImageURLs = _invalidImgArr;
     Avatar.validImageURLs = _validImgArr;
     setLoaded(function (isLoaded) {
       return !isLoaded;
     });
   };
-
   var putValidImageURLJSON = function putValidImageURLJSON() {
     var validImgArr = Avatar.validImageURLs;
     var invalidImgArr = Avatar.invalidImageURLs;
-
     if (src && validImgArr.indexOf(src) === -1 && invalidImgArr.indexOf(src) === -1) {
       var _validImgArr = _toConsumableArray(validImgArr);
-
       _validImgArr.push(src);
-
       Avatar.validImageURLs = _validImgArr;
       setLoaded(function (isLoaded) {
         return !isLoaded;
       });
     }
   };
-  /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
-
 
+  /* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
   var getInitialByFullName = function getInitialByFullName() {
     var fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     fullName = (fullName || '').trim();
     var nameList = fullName.split(' ');
-
     if (nameList.length === 1) {
       return (0, _getInitial.getInitial)('', nameList[0]);
     }
-
     return (0, _getInitial.getInitial)(nameList[0], nameList[1]);
   };
-
   (0, _hooks.useEffectCallOnlyAfterState)(function () {
     setLoaded(function (isLoaded) {
       return !isLoaded;
@@ -146,8 +111,8 @@ function Avatar(props) {
   var textStyle = textPalette ? _AvatarModule["default"][textPalette] : palette === 'secondary' ? _AvatarModule["default"].white : _AvatarModule["default"].black;
   var shapeStyle = shape === 'circle' ? 'circle' : "square_".concat(size);
   initial = initial || getInitialByFullName(name);
-  var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1; //let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
-
+  var isInvalidImageList = Avatar.invalidImageURLs.indexOf(src) !== -1;
+  //let isValidImageList = Avatar.validImageURLs.indexOf(src) !== -1;
   var showAvatar = src && !isInvalidImageList;
   var showInitial = !showAvatar || showAvatar && isInvalidImageList;
   var showAlternateAvatar = alternateSrc ? showInitial : false;
@@ -182,7 +147,6 @@ function Avatar(props) {
     className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
   })));
 }
-
 var _default = Avatar;
 exports["default"] = _default;
 Avatar.defaultProps = _defaultProps.defaultProps;