@zohodesk/components 1.2.2 → 1.2.3

package/lib/MultiSelect/MultiSelectHeader.js

@@ -55,11 +55,10 @@ var MultiSelectHeader = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var _this$props = this.props,
           dataId = _this$props.dataId,
-          needSelectAll = _this$props.needSelectAll,
           onSelect = _this$props.onSelect,
           selectAllText = _this$props.selectAllText,
           suggestions = _this$props.suggestions;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, suggestions.length > 1 && needSelectAll ? /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, suggestions.length > 1 ? /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
         autoHover: false,
         value: selectAllText,
         iconName: "ZD-androidd",

package/lib/MultiSelect/MultiSelectWithAvatar.js

@@ -13,24 +13,20 @@ var _propTypes = require("./props/propTypes");
 
 var _defaultProps = require("./props/defaultProps");
 
+var _defaultProps2 = require("./MobileHeader/props/defaultProps");
+
 var _MultiSelect = require("./MultiSelect");
 
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 
-var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
-
 var _Layout = require("../Layout");
 
 var _Card = _interopRequireWildcard(require("../Card/Card"));
 
-var _SelectedOptions = _interopRequireDefault(require("./SelectedOptions"));
-
 var _Suggestions = _interopRequireDefault(require("./Suggestions"));
 
 var _EmptyState = _interopRequireDefault(require("./EmptyState"));
 
-var _MultiSelectHeader = _interopRequireDefault(require("./MultiSelectHeader"));
-
 var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
 
 var _IdProvider = require("../Provider/IdProvider");
@@ -41,10 +37,12 @@ var _CustomResponsive = require("../Responsive/CustomResponsive");
 
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
-var _icons = require("@zohodesk/icons");
+var _MultiSelectHeader = _interopRequireDefault(require("./MultiSelectHeader"));
 
 var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
 
+var _MobileHeader = _interopRequireDefault(require("./MobileHeader/MobileHeader"));
+
 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; }
@@ -133,7 +131,6 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           emptyMessage = _this$props.emptyMessage,
           noMoreOptionsMessage = _this$props.noMoreOptionsMessage,
           dropBoxSize = _this$props.dropBoxSize,
-          placeHolder = _this$props.placeHolder,
           isPopupOpen = _this$props.isPopupOpen,
           isPopupReady = _this$props.isPopupReady,
           position = _this$props.position,
@@ -143,39 +140,23 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           removeClose = _this$props.removeClose,
           isAnimate = _this$props.isAnimate,
           animationStyle = _this$props.animationStyle,
-          textBoxSize = _this$props.textBoxSize,
-          variant = _this$props.variant,
-          size = _this$props.size,
           isDisabled = _this$props.isDisabled,
           title = _this$props.title,
           dataId = _this$props.dataId,
           dataSelectorId = _this$props.dataSelectorId,
           needResponsive = _this$props.needResponsive,
           borderColor = _this$props.borderColor,
-          textBoxClass = _this$props.textBoxClass,
-          needBorder = _this$props.needBorder,
           disableAction = _this$props.disableAction,
           palette = _this$props.palette,
-          htmlId = _this$props.htmlId,
           i18nKeys = _this$props.i18nKeys,
-          a11y = _this$props.a11y,
-          children = _this$props.children,
-          customChildrenClass = _this$props.customChildrenClass,
           isBoxPaddingNeed = _this$props.isBoxPaddingNeed,
           needEffect = _this$props.needEffect,
           isLoading = _this$props.isLoading,
           keepSelectedOptions = _this$props.keepSelectedOptions,
           customProps = _this$props.customProps;
-      var _customProps$TextBoxP = customProps.TextBoxProps,
-          TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP,
-          _customProps$Suggesti = customProps.SuggestionsProps,
+      var _customProps$Suggesti = customProps.SuggestionsProps,
           SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti;
-      var _i18nKeys = i18nKeys,
-          _i18nKeys$clearText = _i18nKeys.clearText,
-          clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
-      var _a11y$clearLabel = a11y.clearLabel,
-          clearLabel = _a11y$clearLabel === void 0 ? 'Clear all' : _a11y$clearLabel;
-      i18nKeys = Object.assign({}, i18nKeys, {
+      i18nKeys = Object.assign({}, _defaultProps2.defaultProps.i18nKeys, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage,
         noMoreText: i18nKeys.noMoreText || noMoreOptionsMessage
@@ -184,16 +165,13 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           selectedOptions = _this$state.selectedOptions,
           searchStr = _this$state.searchStr,
           hoverOption = _this$state.hoverOption,
-          highLightedSelectOptions = _this$state.highLightedSelectOptions,
           options = _this$state.options,
           isFetchingOptions = _this$state.isFetchingOptions,
-          isActive = _this$state.isActive,
           selectedOptionIds = _this$state.selectedOptionIds;
       var suggestions = this.handleFilterSuggestions();
       var setAriaId = this.getNextAriaId();
       var ariaErrorId = this.getNextAriaId();
       var popUpState = !isReadOnly && !isDisabled && !disableAction && isPopupOpen;
-      var isShowClearIcon = !isReadOnly && !isDisabled && !disableAction && selectedOptions.length > 1;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: " ".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(isReadOnly ? _MultiSelectModule["default"].readOnly : '', " ").concat(disableAction ? (0, _CssProvider["default"])('isBlock') : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
         "data-id": "".concat(isDisabled ? "".concat(dataId, "_disabled") : isReadOnly ? "".concat(dataId, "_readOnly") : dataId),
@@ -201,78 +179,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         "data-title": isDisabled ? title : null,
         onClick: this.handleInputFocus,
         "data-selector-id": dataSelectorId
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_MultiSelectModule["default"].container, "  ").concat(_MultiSelectModule["default"][size], " ").concat(needBorder ? _MultiSelectModule["default"]["borderColor_".concat(borderColor)] : '', " ").concat(isActive && needBorder ? _MultiSelectModule["default"].active : '', " ").concat(textBoxClass ? textBoxClass : '', " ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : ''),
-        eleRef: this.selectedOptionContainerRef,
-        wrap: "wrap"
-      }, /*#__PURE__*/_react["default"].createElement(_SelectedOptions["default"], {
-        selectedOptions: selectedOptions,
-        highLightedSelectOptions: highLightedSelectOptions,
-        isReadOnly: isReadOnly,
-        getRef: this.selectedOptionRef,
-        onRemove: this.handleRemoveOption,
-        onSelect: this.handleClickSelectedOption,
-        size: size,
-        palette: palette
-      }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true,
-        className: _MultiSelectModule["default"].wrapper,
-        adjust: true,
-        shrink: true
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: " ".concat(_MultiSelectModule["default"].custmSpan, " ").concat(textBoxSize === 'xmedium' ? _MultiSelectModule["default"].custmSpanXmedium : _MultiSelectModule["default"].custmSpanMedium, " ").concat(isShowClearIcon ? _MultiSelectModule["default"].clearIconSpace : '', "\n               ").concat(customChildrenClass ? customChildrenClass : '')
-      }, searchStr), /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
-        isDisabled: isDisabled,
-        inputRef: this.searchInputRef,
-        needBorder: false,
-        onBlur: this.handleInactive,
-        onChange: this.handleSearch,
-        onClick: this.handleInputCick,
-        onFocus: this.handleActive,
-        onKeyDown: this.handleKeyDown,
-        placeHolder: selectedOptions.length >= 1 ? '' : placeHolder,
-        size: textBoxSize,
-        value: searchStr,
-        variant: variant,
-        dataId: "".concat(dataId, "_textBox"),
-        isReadOnly: isReadOnly,
-        tabindex: isDisabled && '-1',
-        htmlId: htmlId,
-        a11y: {
-          ariaExpanded: popUpState ? true : false,
-          ariaHaspopup: true,
-          role: 'combobox',
-          ariaControls: setAriaId,
-          ariaOwns: setAriaId,
-          ariaDescribedby: ariaErrorId
-        },
-        customClass: {
-          customTBoxWrap: _MultiSelectModule["default"].custmInputWrapper
-        },
-        autoComplete: false,
-        customProps: {
-          TextBoxProps: TextBoxProps
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        isCover: false,
-        alignBox: "row",
-        align: "vertical",
-        className: _MultiSelectModule["default"].iconContainer
-      }, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        dataId: "".concat(dataId, "_children")
-      }, children) : null, isShowClearIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        className: "".concat(_MultiSelectModule["default"]["delete"], " ").concat(_MultiSelectModule["default"]["".concat(palette, "Delete")]),
-        dataId: "".concat(dataId, "_clearIcon"),
-        "data-title": clearText,
-        onClick: this.handleDeselectAll,
-        tagName: "button",
-        "aria-label": clearLabel
-      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
-        name: "ZD-delete",
-        size: "15"
-      })) : null)))), popUpState ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
+      }, this.getSelectionUI(), popUpState ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: "Helmet"
       }, function (_ref2) {
@@ -301,13 +208,18 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
           customClass: "".concat(_MultiSelectModule["default"].box, " ").concat(_MultiSelectModule["default"]["".concat(palette, "Box")]),
           onScroll: _this2.handleScroll
-        }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
-          needSelectAll: needSelectAll,
+        }, tabletMode && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MobileHeader["default"], {
+          selectedOptions: selectedOptions,
+          i18nKeys: i18nKeys,
+          onClick: _this2.handlePopupClose
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: _MultiSelectModule["default"].effect
+        }, _this2.getSelectionUI(true)))), needSelectAll ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_MultiSelectHeader["default"], {
           onSelect: _this2.handleSelectAll,
           selectAllText: selectAllText,
           suggestions: suggestions,
           dataId: dataId
-        })), isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        })) : null, isLoading ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
           align: "both",
           className: _MultiSelectModule["default"].loader
         }, /*#__PURE__*/_react["default"].createElement(_Loader["default"], null)) : /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
@@ -353,14 +265,6 @@ MultiSelectWithAvatarComponent.defaultProps = _defaultProps.MultiSelectWithAvata
 MultiSelectWithAvatarComponent.displayName = 'MultiSelectWithAvatar';
 var MultiSelectWithAvatar = (0, _Popup["default"])(MultiSelectWithAvatarComponent);
 MultiSelectWithAvatar.defaultProps = MultiSelectWithAvatarComponent.defaultProps;
-MultiSelectWithAvatar.propTypes = MultiSelectWithAvatarComponent.propTypes; // if (__DOCS__) {
-//   MultiSelectWithAvatarComponent.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-//   // eslint-disable-next-line react/forbid-foreign-prop-types
-//   MultiSelectWithAvatar.propTypes = MultiSelectWithAvatarComponent.propTypes;
-// }
-
+MultiSelectWithAvatar.propTypes = MultiSelectWithAvatarComponent.propTypes;
 var _default = MultiSelectWithAvatar;
 exports["default"] = _default;

package/lib/MultiSelect/props/defaultProps.js

@@ -118,7 +118,9 @@ var MultiSelect_defaultProps = {
   boxSize: 'default',
   isLoading: false,
   dataSelectorId: 'multiSelect',
-  keepSelectedOptions: false
+  keepSelectedOptions: false,
+  selectedOptionsCount: 0,
+  cardHeaderName: ''
 };
 exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
 var MultiSelectHeader_defaultProps = {

package/lib/MultiSelect/props/propTypes.js

@@ -9,7 +9,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var AdvancedGroupMultiSelect_propTypes = {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var AdvancedGroupMultiSelect_propTypes = _defineProperty({
   animationStyle: _propTypes["default"].string,
   autoComplete: _propTypes["default"].bool,
   borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
@@ -73,7 +79,8 @@ var AdvancedGroupMultiSelect_propTypes = {
   needToCloseOnSelect: _propTypes["default"].func,
   searchStr: _propTypes["default"].string,
   children: _propTypes["default"].node
-};
+}, "dataSelectorId", _propTypes["default"].string);
+
 exports.AdvancedGroupMultiSelect_propTypes = AdvancedGroupMultiSelect_propTypes;
 var AdvancedMultiSelect_propTypes = {
   id: _propTypes["default"].string.isRequired,
@@ -177,7 +184,7 @@ var MultiSelect_propTypes = {
   borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
   closePopupOnly: _propTypes["default"].func,
   dataId: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].string,
+  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
   disableAction: _propTypes["default"].bool,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
   emptyMessage: _propTypes["default"].string.isRequired,
@@ -210,7 +217,6 @@ var MultiSelect_propTypes = {
   needBorder: _propTypes["default"].bool,
   needLocalSearch: _propTypes["default"].bool,
   needResponsive: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
   needToCloseOnSelect: _propTypes["default"].bool,
   //For Group multiSelect
   noMoreOptionsMessage: _propTypes["default"].string,
@@ -232,7 +238,6 @@ var MultiSelect_propTypes = {
   removeClose: _propTypes["default"].func,
   searchDebounceTime: _propTypes["default"].number,
   searchEmptyMessage: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
   selectedOptions: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired,
   size: _propTypes["default"].oneOf(['medium', 'xmedium']),
   textBoxClass: _propTypes["default"].string,
@@ -252,80 +257,34 @@ var MultiSelect_propTypes = {
   boxSize: _propTypes["default"].string,
   isLoading: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string,
-  keepSelectedOptions: _propTypes["default"].bool
+  keepSelectedOptions: _propTypes["default"].bool,
+  needSelectAll: _propTypes["default"].bool,
+  selectAllText: _propTypes["default"].string,
+  setAriaId: _propTypes["default"].string,
+  ariaErrorId: _propTypes["default"].string
 };
 exports.MultiSelect_propTypes = MultiSelect_propTypes;
 var MultiSelectHeader_propTypes = {
   dataId: _propTypes["default"].string,
-  needSelectAll: _propTypes["default"].bool,
   onSelect: _propTypes["default"].func,
   selectAllText: _propTypes["default"].string,
   suggestions: _propTypes["default"].array
 };
 exports.MultiSelectHeader_propTypes = MultiSelectHeader_propTypes;
-var MultiSelectWithAvatar_propTypes = {
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+
+var MultiSelectWithAvatar_propTypes = _objectSpread({
   options: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _propTypes["default"].arrayOf(_propTypes["default"].shape({
     id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
     photoURL: _propTypes["default"].string
   }))]).isRequired,
-  placeHolder: _propTypes["default"].string,
-  emptyMessage: _propTypes["default"].string.isRequired,
-  valueField: _propTypes["default"].string,
-  textField: _propTypes["default"].string,
   imageField: _propTypes["default"].string,
-  isReadOnly: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  selectAllText: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  searchEmptyMessage: _propTypes["default"].string,
-  noMoreOptionsMessage: _propTypes["default"].string,
-  isAnimate: _propTypes["default"].bool,
-  animationStyle: _propTypes["default"].string,
-  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
-  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
-  variant: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  title: _propTypes["default"].string,
-  needResponsive: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
-  textBoxClass: _propTypes["default"].string,
-  needBorder: _propTypes["default"].bool,
-  disableAction: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf(['default', 'dark']),
-  htmlId: _propTypes["default"].string,
-  isBoxPaddingNeed: _propTypes["default"].bool,
-  needEffect: _propTypes["default"].bool,
-  keepSelectedOptions: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     SuggestionsProps: _propTypes["default"].object,
     DropBoxProps: _propTypes["default"].object
-  }),
+  })
+}, MultiSelect_propTypes);
 
-  /**** Popup props ****/
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  removeClose: _propTypes["default"].func,
-  position: _propTypes["default"].string,
-  getContainerRef: _propTypes["default"].func,
-  i18nKeys: _propTypes["default"].shape({
-    clearText: _propTypes["default"].string,
-    loadingText: _propTypes["default"].string,
-    emptyText: _propTypes["default"].string,
-    noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    clearLabel: _propTypes["default"].string
-  }),
-  children: _propTypes["default"].node,
-  customChildrenClass: _propTypes["default"].string,
-  disabledOptions: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
-};
 exports.MultiSelectWithAvatar_propTypes = MultiSelectWithAvatar_propTypes;
 var SelectedOptions_propTypes = {
   getRef: _propTypes["default"].func,

package/lib/deprecated/PortalLayer/props/propTypes.js

@@ -17,7 +17,9 @@ var propTypes = {
   portalId: _propTypes["default"].string,
   renderChildren: _propTypes["default"].func,
   saveGetFunction: _propTypes["default"].func,
-  saveUpdateFunction: _propTypes["default"].func
+  saveUpdateFunction: _propTypes["default"].func,
+  isActive: _propTypes["default"].bool,
+  name: _propTypes["default"].string
 };
 exports.propTypes = propTypes;
 var RefElement_propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -59,19 +59,19 @@
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.0.6",
-    "@zohodesk-private/react-prop-validator": "0.0.7",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk/a11y": "2.0.0",
     "@zohodesk-private/node-plugins": "^1.0.0",
+    "@zohodesk-private/react-prop-validator": "^0.1.0",
+    "@zohodesk/a11y": "2.0.0",
     "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/hooks": "2.0.1",
+    "@zohodesk/icons": "1.0.2",
     "@zohodesk/svg": "1.1.1",
+    "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3",
-    "@zohodesk/hooks": "2.0.1",
-    "@zohodesk/utils": "1.3.13"
+    "velocity-react": "1.4.3"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",
@@ -80,7 +80,7 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.1",
+    "@zohodesk/icons": "1.0.2",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/svg": "1.1.1",
     "@zohodesk/virtualizer": "1.0.3",
@@ -90,4 +90,4 @@
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/a11y": "1.3.7"
   }
-}
+}

package/result.json

@@ -1 +1 @@
-{"jobDetails":{"isRunByLocal":true,"hostName":"lakshmi-zt257","platForm":"Darwin","branchName":"Selva_Accessibility_Desk_Library"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":2,"endTime":1692206555965,"startTime":1692206551873,"coverageDetail":{"codeCoveragePercentage":98.86,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/components/src/Buttongroup/__tests__/Buttongroup.spec.js","CaseList":{"passedCaseList":["rendering the default props","rendering the \"buttonPosition\" to  - left","rendering the \"buttonPosition\" to  - right","rendering the \"buttonPosition\" to  - center","Checking the \"customclass\"","rendering the \"type\"   - footer","rendering the \"type\"   - header","rendering the \"type\"   - tab"],"failedCaseList":[]}},{"fileName":"/Users/lakshmi-zt257/Documents/Git/LibraryCheck/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}}]}}}
+{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-zt93","platForm":"Darwin","branchName":"testcase_gowtham"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":2,"endTime":1692276709231,"startTime":1692276706723,"coverageDetail":{"codeCoveragePercentage":98.86,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Popup/__tests__/Popup.spec.js","CaseList":{"passedCaseList":["should click same popup with removeClose","should open popup and close popup","should close another popup already one opened","should click document close opened popup","should click same popup with out removeClose","should click document close opened popup","should press esc key opened popup close"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBox/__tests__/TextBox.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check onchange works","Check onBlur works","Check onFocus works"],"failedCaseList":["should display size small","should display size medium","should display size xmedium","should display size small - primary","should display size medium - primary","should display size xmedium - primary","should display size small - secondary","should display size medium - secondary","should display size xmedium - secondary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Textarea/__tests__/Textarea.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check border applied","Check border removed","Check check onchange works"],"failedCaseList":["should display size xsmall","should display size xsmall - primary","should display size small","should display size small - primary","should display size medium","should display size medium - primary","should display size large","should display size large - primary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Layout/__tests__/Container.spec.js","CaseList":{"passedCaseList":["Should contains the data-scroll is true","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Avatar/__tests__/Avatar.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should display initial","should display avatar image and initial while avatar loading...","should display initial if invalid url","should display image valid url","should the palette is default","should the palette is secondary","should the palette is info","should the shape is square","should the size is small","should the size is xsmall","should the size is xmedium","should the size is large","should the size is xlarge","should have title","should no need title"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Label/__tests__/Label.spec.js","CaseList":{"passedCaseList":["Display proper text","Check if clipped style is applied","Check if clipped style is not applied","Check for the prop title"],"failedCaseList":["Check for the prop name","should be having palette default","should be having palette primary","should be having palette secondary","should be having palette danger","should be having palette mandatory","should be having size small","should be having size medium","should be having size large","should be having type title","should be having type subtitle"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Ribbon/__tests__/Ribbon.spec.js","CaseList":{"passedCaseList":["should display text"],"failedCaseList":["should the palette is default","should the palette is danger","should the palette is secondary","should the palette is info","should the palette is primary","should the palette is dark","should the size is small","should the size is medium","should the size is large","should the size is xlarge","should the type is dafault","should the type is flag","should the type is plain","should the type is ribbon","should the type is box","should the type is stamp","should the type is sticker","should the type is tag"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Layout/__tests__/Box.spec.js","CaseList":{"passedCaseList":["Should contains the data-scroll is true","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBoxIcon/__tests__/TextBoxIcon.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check onchange works","Check onBlur works","Check onFocus works"],"failedCaseList":["should display size small","should display size medium","should display size xmedium","should display size small - primary","should display size medium - primary","should display size xmedium - primary","should display size small - secondary","should display size medium - secondary","should display size xmedium - secondary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/__tests__/Tab.spec.js","CaseList":{"passedCaseList":["Is Contains alpha class","Is Contains beta class","Is Contains gamma class","Is Contains delta class","Is Contains active class","Is Contains border class","Is call onClick","is render text span"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Accordion/__tests__/Accordion.spec.js","CaseList":{"passedCaseList":["open accordion item id 1 ","open accordion item id 1 ","accordion item 2 click check","accordion click callback check "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropBox/__tests__/DropBox.spec.js","CaseList":{"passedCaseList":["Should Arrow element disable","Should call onclick container function"],"failedCaseList":["Should Arrow element visible","Should check render proper class name(hidden)","Should check render proper class name(size)","Should check render proper class name(boxPosition)","Should check render proper class name(isAnimate & isActive)","Should check render proper class name(isAnimate & isActive)","Should check render proper class name(arrowPosition)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tooltip/__tests__/Tooltip.spec.js","CaseList":{"passedCaseList":["Is HandleOver Executed","Is reset Executed","Is click & mouseUp Declared"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/AvatarTeam/__tests__/AvatarTeam.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should display initial","should is filled","should the palette is secondary","should the palette is info","should the size is small","should the size is xsmall","should the size is xmedium","should the size is large","should the size is xlarge"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/__test__/Buttongroup.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should the type is footer","should the type is header","should the button position is left","should the button position is right","should the button position is center"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/__tests__/TabWrapper.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["is Tab rendered","is onSelect called","is disable State internally","change selectedTab id"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Stencils/__tests__/Stencils.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should the palette is primary","should the palette is secondary","should the size is small","should the size is medium","should the size is large","should the size is default","should the shape is rect","should the shape is circle"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/__tests__/TabContentWrapper.spec.js","CaseList":{"passedCaseList":["is children rendered class","is only selected TabContent rendered "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/__tests__/DropDownItem.spec.js","CaseList":{"passedCaseList":["Should check render proper class name(hightlight)","Should onClick method get called","Should onHover method get called"],"failedCaseList":["Should check render proper class name(active)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/__tests__/Tabs.spec.js","CaseList":{"passedCaseList":["isResponsive called"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/__tests__/Card.spec.js","CaseList":{"passedCaseList":["should display text"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/__tests__/DropDown.spec.js","CaseList":{"passedCaseList":["Should onScroll method get called","Should render children element in DropDownItemContainer","Should render children element in DropDownContainer","Should render children element in DropDownTarget"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/debounce.spec.js","CaseList":{"passedCaseList":["should call immediate","should call two times but it invoke multiple times","should call one time but it invoke multiple times"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/getInitial.spec.js","CaseList":{"passedCaseList":["first name alone","last name alone","first name and last name alone","last name with single character","first name and last name pattern","last name and first name pattern"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/__tests__/CalendarView.spec.js","CaseList":{"passedCaseList":["Should set date onSelecting date"],"failedCaseList":["Should call handleSelect with specified arguments"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Radio/__tests__/Radiospec.js","CaseList":{"passedCaseList":["Should display Text","Should call onChange"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/PopOver/__tests__/PopOver.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/constructFullName.spec.js","CaseList":{"passedCaseList":["firstname, lastname pattern","lastname firstname pattern"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tag/__tests__/Tag.spec.js","CaseList":{"passedCaseList":["Select Tag","Remove Tag"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Animation/__tests__/Animation.spec.js","CaseList":{"passedCaseList":["Animation component mount testcases"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/__tests__/TabContent.spec.js","CaseList":{"passedCaseList":["render TabContent"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Select/__tests__/Select.spec.js","CaseList":{"passedCaseList":["Select component with down arrow","Select component without down arrow","Select component with search box","Select component without search box","Should Show empty message","Should render suggestions, When popup open","Should not render suggestions, When popup close","Should popup open, When click textBox","Should popup open, When down arrow press","Should not popup open, When is readOnly component","Should not popup open, When is disabled component","Should Show search empty message","Should show loading and hide loading","Should call onChange, When select list item","Should not call onChange func, When is readonly component","Should call getNextOptions, When on reach boundary and isNextOptions is true","Should not call getNextOptions, When on reach boundary and isNextOptions is false","Should ignore excludeOptions","Should select defaultValue","Should not select defaultValue","Should active selected value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/CheckBox/__tests__/CheckBox.spec.js","CaseList":{"passedCaseList":["should display"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/__tests__/DropDownSearch.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["Should check render proper class name(size)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/__tests__/DateTime.spec.js","CaseList":{"passedCaseList":["Should call handleSelect onSetting date","Should call handleSelect onClearing date","Should display Time field if isDateTimeField is true","Should not  display Time field if isDateTimeField is false"],"failedCaseList":["Should navigate to prevYear onClicking prevYear(<<)","Should navigate to prevMonth onClicking prevMonth(<)","Should navigate to nextMonth onClicking nextMonth(>)","Should navigate to nextYear onClicking nextYear(>>)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/__tests__/MultiSelect.spec.js","CaseList":{"passedCaseList":["Should show loading and hide loading","Should display searchEmptyMessage","Should display noOptionsMessage","Should display noMoreOptionsMessage","Should display clear icon","Should not display clear icon, When is readonly field","Should not display clear icon, When is selected option is one","Should display select all option, When suggestions are more than 1","Should not display select all option"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/__tests__/DateWidget.spec.js","CaseList":{"passedCaseList":["Should not  render dateTime if isReadOnly is true","Should render children if children is given","Should not render children if children is not given"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Textarea/___tests__/Textarea.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check border applied","Check border removed","Check check onchange works"],"failedCaseList":["should display size xsmall","should display size xsmall - primary","should display size small","should display size small - primary","should display size medium","should display size medium - primary","should display size large","should display size large - primary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBox/___tests__/TextBox.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check onchange works","Check onBlur works","Check onFocus works"],"failedCaseList":["should display size small","should display size medium","should display size xmedium","should display size small - primary","should display size medium - primary","should display size xmedium - primary","should display size small - secondary","should display size medium - secondary","should display size xmedium - secondary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Avatar/___tests__/Avatar.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should display initial","should display avatar image and initial while avatar loading...","should display initial if invalid url","should display image valid url","should the palette is default","should the palette is secondary","should the palette is info","should the shape is square","should the size is small","should the size is xsmall","should the size is xmedium","should the size is large","should the size is xlarge","should have title","should no need title"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Popup/___tests__/Popup.spec.js","CaseList":{"passedCaseList":["should click same popup with removeClose","should open popup and close popup","should close another popup already one opened","should click document close opened popup","should click same popup with out removeClose","should click document close opened popup","should press esc key opened popup close"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Ribbon/___tests__/Ribbon.spec.js","CaseList":{"passedCaseList":["should display text"],"failedCaseList":["should the palette is default","should the palette is danger","should the palette is secondary","should the palette is info","should the palette is primary","should the palette is dark","should the size is small","should the size is medium","should the size is large","should the size is xlarge","should the type is dafault","should the type is flag","should the type is plain","should the type is ribbon","should the type is box","should the type is stamp","should the type is sticker","should the type is tag"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Layout/___tests__/Container.spec.js","CaseList":{"passedCaseList":["Should contains the data-scroll is true","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Label/___tests__/Label.spec.js","CaseList":{"passedCaseList":["Display proper text","Check if clipped style is applied","Check if clipped style is not applied","Check for the prop title"],"failedCaseList":["Check for the prop name","should be having palette default","should be having palette primary","should be having palette secondary","should be having palette danger","should be having palette mandatory","should be having size small","should be having size medium","should be having size large","should be having type title","should be having type subtitle"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Layout/___tests__/Box.spec.js","CaseList":{"passedCaseList":["Should contains the data-scroll is true","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class","Should contains the default class"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBoxIcon/___tests__/TextBoxIcon.spec.js","CaseList":{"passedCaseList":["should text propertly entered","should placeHolder propertly entered","Check onchange works","Check onBlur works","Check onFocus works"],"failedCaseList":["should display size small","should display size medium","should display size xmedium","should display size small - primary","should display size medium - primary","should display size xmedium - primary","should display size small - secondary","should display size medium - secondary","should display size xmedium - secondary"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Accordion/___tests__/Accordion.spec.js","CaseList":{"passedCaseList":["open accordion item id 1 ","open accordion item id 1 ","accordion item 2 click check","accordion click callback check "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/___tests__/Tab.spec.js","CaseList":{"passedCaseList":["Is Contains alpha class","Is Contains beta class","Is Contains gamma class","Is Contains delta class","Is Contains active class","Is Contains border class","Is call onClick","is render text span"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/AvatarTeam/___tests__/AvatarTeam.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should display initial","should is filled","should the palette is secondary","should the palette is info","should the size is small","should the size is xsmall","should the size is xmedium","should the size is large","should the size is xlarge"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tooltip/___tests__/Tooltip.spec.js","CaseList":{"passedCaseList":["Is HandleOver Executed","Is reset Executed","Is click & mouseUp Declared"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/___test__/Buttongroup.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should the type is footer","should the type is header","should the button position is left","should the button position is right","should the button position is center"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Stencils/___tests__/Stencils.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["should the palette is primary","should the palette is secondary","should the size is small","should the size is medium","should the size is large","should the size is default","should the shape is rect","should the shape is circle"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/___tests__/TabContentWrapper.spec.js","CaseList":{"passedCaseList":["is children rendered class","is only selected TabContent rendered "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropBox/___tests__/DropBox.spec.js","CaseList":{"passedCaseList":["Should Arrow element disable","Should call onclick container function"],"failedCaseList":["Should Arrow element visible","Should check render proper class name(hidden)","Should check render proper class name(size)","Should check render proper class name(boxPosition)","Should check render proper class name(isAnimate & isActive)","Should check render proper class name(isAnimate & isActive)","Should check render proper class name(arrowPosition)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/___tests__/DropDownItem.spec.js","CaseList":{"passedCaseList":["Should check render proper class name(hightlight)","Should onClick method get called","Should onHover method get called"],"failedCaseList":["Should check render proper class name(active)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/debounce.spec.js","CaseList":{"passedCaseList":["should call immediate","should call two times but it invoke multiple times","should call one time but it invoke multiple times"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/getInitial.spec.js","CaseList":{"passedCaseList":["first name alone","last name alone","first name and last name alone","last name with single character","first name and last name pattern","last name and first name pattern"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/___tests__/Card.spec.js","CaseList":{"passedCaseList":["should display text"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/___tests__/DropDown.spec.js","CaseList":{"passedCaseList":["Should onScroll method get called","Should render children element in DropDownItemContainer","Should render children element in DropDownContainer","Should render children element in DropDownTarget"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/utils/__tests__/constructFullName.spec.js","CaseList":{"passedCaseList":["firstname, lastname pattern","lastname firstname pattern"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tag/___tests__/Tag.spec.js","CaseList":{"passedCaseList":["Select Tag","Remove Tag"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/___tests__/Tabs.spec.js","CaseList":{"passedCaseList":["isResponsive called"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Animation/___tests__/Animation.spec.js","CaseList":{"passedCaseList":["Animation component mount testcases"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/___tests__/TabWrapper.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["is Tab rendered","is onSelect called","is disable State internally","change selectedTab id"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/___tests__/TabContent.spec.js","CaseList":{"passedCaseList":["render TabContent"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/___tests__/DropDownSearch.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["Should check render proper class name(size)"]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/CheckBox/___tests__/CheckBox.spec.js","CaseList":{"passedCaseList":["should display"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/PopOver/___tests__/PopOver.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/___tests__/MultiSelect.spec.js","CaseList":{"passedCaseList":["Should show loading and hide loading","Should display searchEmptyMessage","Should display noOptionsMessage","Should display noMoreOptionsMessage","Should display clear icon","Should not display clear icon, When is readonly field","Should not display clear icon, When is selected option is one","Should display select all option, When suggestions are more than 1","Should not display select all option"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Select/___tests__/Select.spec.js","CaseList":{"passedCaseList":["Select component with down arrow","Select component without down arrow","Select component with search box","Select component without search box","Should Show empty message","Should render suggestions, When popup open","Should not render suggestions, When popup close","Should popup open, When click textBox","Should popup open, When down arrow press","Should not popup open, When is readOnly component","Should not popup open, When is disabled component","Should Show search empty message","Should show loading and hide loading","Should call onChange, When select list item","Should not call onChange func, When is readonly component","Should call getNextOptions, When on reach boundary and isNextOptions is true","Should not call getNextOptions, When on reach boundary and isNextOptions is false","Should ignore excludeOptions","Should select defaultValue","Should not select defaultValue","Should active selected value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/__tests__/Buttongroup.spec.js","CaseList":{"passedCaseList":["rendering the default props","rendering the \"buttonPosition\" to  - left","rendering the \"buttonPosition\" to  - right","rendering the \"buttonPosition\" to  - center","Checking the \"customclass\"","rendering the \"type\"   - footer","rendering the \"type\"   - header","rendering the \"type\"   - tab"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/__tests__/Buttongroup.spec.js","CaseList":{"passedCaseList":["rendering the default props","rendering the \"buttonPosition\" to  - left","rendering the \"buttonPosition\" to  - right","rendering the \"buttonPosition\" to  - center","Checking the \"customclass\"","rendering the \"type\"   - footer","rendering the \"type\"   - header","rendering the \"type\"   - tab"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/__tests__/Buttongroup.spec.js","CaseList":{"passedCaseList":["rendering the default props","rendering the \"buttonPosition\" to  - left","rendering the \"buttonPosition\" to  - right","rendering the \"buttonPosition\" to  - center","Checking the \"customclass\"","rendering the \"type\"   - footer","rendering the \"type\"   - header","rendering the \"type\"   - tab"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/__tests__/Buttongroup.spec.js","CaseList":{"passedCaseList":["rendering the default props","rendering the \"buttonPosition\" to  - left","rendering the \"buttonPosition\" to  - right","rendering the \"buttonPosition\" to  - center","Checking the \"customclass\"","rendering the \"type\"   - footer","rendering the \"type\"   - header","rendering the \"type\"   - tab"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/__tests__/Button.spec.js","CaseList":{"passedCaseList":["Should be render with the basic set of default props","Should render palette of buttons - plainPrimary","Should render palette of buttons - plainSecondary","Should render palette of buttons - primary","Should render palette of buttons - primaryFilled","Should render palette of buttons - dangerFilled","Should render palette of buttons - secondary","Should render palette of buttons - secondaryFilled","Should render palette of buttons - successFilled","Should render palette of buttons - info","Should render palette of buttons - tertiaryFilled","Should render Sizes of buttons - small","Should render Sizes of buttons - medium","Should render Sizes of buttons - large","Should render Sizes of buttons - xlarge","Should render Status of buttons - loading","Should render Status of buttons - success","Should render Status of buttons - none","Should render CustomStatusclassname of buttons - loading","Should render CustomStatusclassname of buttons - success","Should be render with the basic set of default props with disabled is true","Should be render with the basic set of default props with isBold is false","Should be render with the basic set of default props with rounded is true","Should be render with the basic set of default props with needAppearance is false","Should be render with the basic set customButtonclass with buttonClass ","Should be render with the basic set customstatusSize props with buttonClass ","Should be render with the basic set customstyle ","Should be render with the customstyle with medium "],"failedCaseList":[]}}]}}}