@zohodesk/components 1.2.32 → 1.2.34

package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap

@@ -0,0 +1,476 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Textarea component Should be render autofocus true  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render customClass  1`] = `
+<DocumentFragment>
+  <textarea
+    class="textAreaCustomClass  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render htmlId  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    id="textAreahtmlId"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isDisabled is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is false and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize      borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render isReadOnly is true and needEffect is true 1`] = `
+<DocumentFragment>
+  <textarea
+    class=" readonly container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    readonly=""
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in number 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="11"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render maxLength in string 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    maxlength="Ten"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needAppearance is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  basic borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needBorder is false 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default noBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render needReadOnlyStyle is false  1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render placeholder 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+    placeholder="TextAreaPlaceHolder"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render text 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  >
+    TextAreaText
+  </textarea>
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should be render with the basic set of default props 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render Varient - primary 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small primary needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is false - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render animated is true - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - default 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render borderColor - transparent 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_transparent"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - both 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeboth     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - horizontal 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeX     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - none 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render resize  - vertical 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder resizeY     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - large 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container large default needBorder noresize  largeanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - medium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container medium default needBorder noresize  undefined   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - small 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container small default needBorder noresize  smallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xmedium 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xmedium default needBorder noresize  xmediumanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component Should render size  - xsmall 1`] = `
+<DocumentFragment>
+  <textarea
+    class="  container xsmall default needBorder noresize  xsmallanimated   effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;
+
+exports[`Textarea component rendering ally clearLabel 1`] = `
+<DocumentFragment>
+  <textarea
+    aria-label="TextAreaAriaLabel"
+    aria-labelledby="TexareaAriaLabelledby"
+    class="  container small default needBorder noresize     effect borderColor_default"
+    data-id="TextareaComp"
+    data-selector-id="textarea"
+    data-test-id="TextareaComp"
+  />
+</DocumentFragment>
+`;

package/lib/utils/dropDownUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
+exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetIsShowClearIcon = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionIdFromJson = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
 
 var _reselect = require("reselect");
 
@@ -17,6 +17,10 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
+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; }
 
 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); }
@@ -217,6 +221,12 @@ var extractOptionId = function extractOptionId(id) {
 
 exports.extractOptionId = extractOptionId;
 
+var extractOptionIdFromJson = function extractOptionIdFromJson(id, localData) {
+  return localData[id] || {};
+};
+
+exports.extractOptionIdFromJson = extractOptionIdFromJson;
+
 var makeFormatOptions = function makeFormatOptions() {
   return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
     var revampOptions = [];
@@ -268,7 +278,9 @@ var makeFormatOptions = function makeFormatOptions() {
           }
 
           normalizedFormatOptions[id] = optionDetails;
-          normalizedAllOptions[id] = option;
+          normalizedAllOptions[id] = _objectSpread(_objectSpread({}, option), {}, {
+            groupId: prefixText
+          });
           revampOptions.push(optionDetails);
         }
       }

package/lib/v1/MultiSelect/AdvancedMultiSelect.js

@@ -435,11 +435,14 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
           needEffect = _this$props5.needEffect,
           disabledOptions = _this$props5.disabledOptions,
           isLoading = _this$props5.isLoading,
-          dataSelectorId = _this$props5.dataSelectorId;
+          dataSelectorId = _this$props5.dataSelectorId,
+          customClass = _this$props5.customClass;
       var _customProps$Suggesti = customProps.SuggestionsProps,
           SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti,
           _customProps$DropBoxP = customProps.DropBoxProps,
           DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP;
+      var _customClass$containe = customClass.containerClass,
+          containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
       var _i18nKeys = i18nKeys,
           _i18nKeys$clearText = _i18nKeys.clearText,
           clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
@@ -473,7 +476,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
 
       var isShowClearIcon = !isReadOnly && !isDisabled && isShowClear;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : ''),
+        className: "".concat(_MultiSelectModule["default"].wrapper, " ").concat(isDisabled ? _MultiSelectModule["default"].disabled : '', " ").concat(borderColor === 'transparent' ? _MultiSelectModule["default"].transparentContainer : '', " ").concat(needEffect && !(isDisabled || isReadOnly) ? _MultiSelectModule["default"].effect : '', " ").concat(containerClass),
         "data-id": dataIdMultiSelectComp,
         "data-test-id": dataIdMultiSelectComp,
         "data-title": isDisabled ? title : null,

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

@@ -75,7 +75,8 @@ var AdvancedMultiSelect_defaultProps = {
   customProps: {},
   needEffect: true,
   isLoading: false,
-  dataSelectorId: 'advancedMultiSelect'
+  dataSelectorId: 'advancedMultiSelect',
+  customClass: {}
 };
 exports.AdvancedMultiSelect_defaultProps = AdvancedMultiSelect_defaultProps;
 var EmptyState_defaultProps = {

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

@@ -334,7 +334,8 @@ var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_
     DropBoxProps: _propTypes["default"].object
   }),
   isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
+  dataSelectorId: _propTypes["default"].string,
+  customClass: _propTypes["default"].object
 });
 
 exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;

package/lib/v1/Select/GroupSelect.js

@@ -422,9 +422,9 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           isReadOnly = _this$props4.isReadOnly;
       var normalizedAllOptions = this.normalizedAllOptions;
 
-      var _extractOptionId = (0, _dropDownUtils.extractOptionId)(id),
-          selected = _extractOptionId.id,
-          groupId = _extractOptionId.groupId;
+      var _ref = (0, _dropDownUtils.extractOptionId)(id) || (0, _dropDownUtils.extractOptionIdFromJson)(id, normalizedAllOptions),
+          selected = _ref.id,
+          groupId = _ref.groupId;
 
       if (!(0, _Common.getIsEmptyValue)(id) && !isReadOnly) {
         onChange && onChange({
@@ -479,8 +479,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "handleSelectFocus",
     value: function handleSelectFocus(e) {
-      var _ref = e || {},
-          target = _ref.target;
+      var _ref2 = e || {},
+          target = _ref2.target;
 
       target && target.setSelectionRange(target, 0);
     }
@@ -610,8 +610,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
     }
   }, {
     key: "responsiveFunc",
-    value: function responsiveFunc(_ref2) {
-      var mediaQueryOR = _ref2.mediaQueryOR;
+    value: function responsiveFunc(_ref3) {
+      var mediaQueryOR = _ref3.mediaQueryOR;
       return {
         tabletMode: mediaQueryOR([{
           maxWidth: 700
@@ -679,9 +679,9 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           suggestionGroups = _this$handleFilterSug4.suggestionGroups,
           suggestionOptionIds = _this$handleFilterSug4.suggestionOptionIds;
 
-      var _ref3 = normalizedFormatOptions[selectedId] || {},
-          _ref3$value = _ref3.value,
-          selected = _ref3$value === void 0 ? '' : _ref3$value;
+      var _ref4 = normalizedFormatOptions[selectedId] || {},
+          _ref4$value = _ref4.value,
+          selected = _ref4$value === void 0 ? '' : _ref4$value;
 
       var setAriaId = this.getNextAriaId();
       var ariaErrorId = this.getNextAriaId();
@@ -767,8 +767,8 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       }))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: "Helmet"
-      }, function (_ref4) {
-        var tabletMode = _ref4.tabletMode;
+      }, function (_ref5) {
+        var tabletMode = _ref5.tabletMode;
         return /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
           animationStyle: animationStyle,
           boxPosition: position || "".concat(defaultDropBoxPosition, "Center"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.32",
+  "version": "1.2.34",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,