@zohodesk/components 1.2.23 → 1.2.24

package/lib/v1/Avatar/Avatar.js

@@ -1,108 +1,143 @@
 "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 = 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 _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 _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);
 
-    // if (alternateSrc) {
+    var _invalidImgArr = _toConsumableArray(Avatar.invalidImageURLs); // 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*/
+
+
   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;
@@ -111,8 +146,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;
@@ -147,6 +182,7 @@ function Avatar(props) {
     className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
   })));
 }
+
 var _default = Avatar;
 exports["default"] = _default;
 Avatar.defaultProps = _defaultProps.defaultProps;

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

@@ -4,8 +4,11 @@ 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 = {
   dataId: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,

package/lib/v1/AvatarTeam/AvatarTeam.js

@@ -4,46 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = AvatarTeam;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
+
 var _AvatarTeamModule = _interopRequireDefault(require("../../AvatarTeam/AvatarTeam.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
+
 /* 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
 */
-
 function AvatarTeam(props) {
   var src = props.src,
-    name = props.name,
-    size = props.size,
-    palette = props.palette,
-    textPalette = props.textPalette,
-    onClick = props.onClick,
-    title = props.title,
-    isFilled = props.isFilled,
-    dataId = props.dataId,
-    needTitle = props.needTitle,
-    customClass = props.customClass,
-    borderOnActive = props.borderOnActive,
-    borderOnHover = props.borderOnHover,
-    dataSelectorId = props.dataSelectorId,
-    customProps = props.customProps,
-    needInnerBorder = props.needInnerBorder,
-    needBorder = props.needBorder,
-    needDefaultBorder = props.needDefaultBorder;
+      name = props.name,
+      size = props.size,
+      palette = props.palette,
+      textPalette = props.textPalette,
+      onClick = props.onClick,
+      title = props.title,
+      isFilled = props.isFilled,
+      dataId = props.dataId,
+      needTitle = props.needTitle,
+      customClass = props.customClass,
+      borderOnActive = props.borderOnActive,
+      borderOnHover = props.borderOnHover,
+      dataSelectorId = props.dataSelectorId,
+      customProps = props.customProps,
+      needInnerBorder = props.needInnerBorder,
+      needBorder = props.needBorder,
+      needDefaultBorder = props.needDefaultBorder;
   var _customProps$AvatarTe = customProps.AvatarTeamProps,
-    AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
-    _customProps$AvatarPr = customProps.AvatarProps,
-    AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
+      AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
+      _customProps$AvatarPr = customProps.AvatarProps,
+      AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
   var _customClass$customAv = customClass.customAvatar,
-    customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
-    _customClass$customAv2 = customClass.customAvatarTeam,
-    customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
+      customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
+      _customClass$customAv2 = customClass.customAvatarTeam,
+      customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
   var border = borderOnHover || onClick;
   return /*#__PURE__*/_react["default"].createElement("span", _extends({
     className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
@@ -69,5 +76,6 @@ function AvatarTeam(props) {
     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)
   }));
 }
+
 AvatarTeam.defaultProps = _defaultProps.defaultProps;
 AvatarTeam.propTypes = _propTypes.propTypes;

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

@@ -4,8 +4,11 @@ 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 = {
   dataId: _propTypes["default"].string,
   dataSelectorId: _propTypes["default"].string,

package/lib/v1/Button/Button.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Button;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _cssJSLogic2 = _interopRequireDefault(require("../../Button/css/cssJSLogic"));
+
 var _utils = require("@zohodesk/utils");
+
 var _ButtonModule = _interopRequireDefault(require("../../Button/css/Button.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
+
 /*
 Button text and children props?
 use children for both cases
@@ -19,27 +28,29 @@ toLowerCase check needed?
 */
 function Button(props) {
   var text = props.text,
-    disabled = props.disabled,
-    onClick = props.onClick,
-    status = props.status,
-    children = props.children,
-    dataId = props.dataId,
-    needAppearance = props.needAppearance,
-    getRef = props.getRef,
-    title = props.title,
-    dataSelectorId = props.dataSelectorId,
-    customProps = props.customProps,
-    customStyle = props.customStyle,
-    a11y = props.a11y,
-    id = props.id;
+      disabled = props.disabled,
+      onClick = props.onClick,
+      status = props.status,
+      children = props.children,
+      dataId = props.dataId,
+      needAppearance = props.needAppearance,
+      getRef = props.getRef,
+      title = props.title,
+      dataSelectorId = props.dataSelectorId,
+      customProps = props.customProps,
+      customStyle = props.customStyle,
+      a11y = props.a11y,
+      id = props.id;
   var finalStyle = (0, _utils.mergeStyle)(_ButtonModule["default"], customStyle);
+
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
-      props: props,
-      style: finalStyle
-    }),
-    buttonClass = _cssJSLogic.buttonClass,
-    loaderParentClass = _cssJSLogic.loaderParentClass,
-    loaderChildClass = _cssJSLogic.loaderChildClass;
+    props: props,
+    style: finalStyle
+  }),
+      buttonClass = _cssJSLogic.buttonClass,
+      loaderParentClass = _cssJSLogic.loaderParentClass,
+      loaderChildClass = _cssJSLogic.loaderChildClass;
+
   var statusLower = status.toLowerCase();
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
     className: buttonClass,
@@ -61,10 +72,9 @@ function Button(props) {
     className: loaderChildClass
   }))));
 }
-Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes;
 
-// if (__DOCS__) {
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
 //   Button.docs = {
 //     componentGroup: 'Form Elements',
 //     folderName: 'Style Guide'

package/lib/v1/Button/props/defaultProps.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProps = void 0;
+
 var _dummyFunction = require("../../../utils/dummyFunction");
+
 var defaultProps = {
   children: null,
   dataId: 'buttonComp',

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

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

package/lib/v1/Buttongroup/Buttongroup.js

@@ -4,23 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = Buttongroup;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _defaultProps = require("./props/defaultProps");
+
 var _propTypes = require("./props/propTypes");
+
 var _ButtongroupModule = _interopRequireDefault(require("../../Buttongroup/Buttongroup.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function Buttongroup(props) {
   var children = props.children,
-    type = props.type,
-    buttonPosition = props.buttonPosition,
-    customClass = props.customClass,
-    dataId = props.dataId,
-    dataSelectorId = props.dataSelectorId;
+      type = props.type,
+      buttonPosition = props.buttonPosition,
+      customClass = props.customClass,
+      dataId = props.dataId,
+      dataSelectorId = props.dataSelectorId;
   var btnGroup = [];
   children && children.forEach(function (child) {
     var btnRight = /*#__PURE__*/_react["default"].createElement("span", {
       className: _ButtongroupModule["default"][type]
     }, child);
+
     btnGroup.push(btnRight);
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -32,5 +39,6 @@ function Buttongroup(props) {
     className: _ButtongroupModule["default"]["align".concat(buttonPosition)]
   }, children));
 }
+
 Buttongroup.defaultProps = _defaultProps.defaultProps;
 Buttongroup.propTypes = _propTypes.propTypes;

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

@@ -4,8 +4,11 @@ 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 = {
   buttonPosition: _propTypes["default"].oneOf(['left', 'right', 'center']),
   children: _propTypes["default"].node,