@zohodesk/components 1.2.9 → 1.2.11

package/es/v1/Provider/index.js

@@ -0,0 +1,4 @@
+export { getLibraryConfig, setLibraryConfig } from './Config';
+export { default as LibraryContextProvider } from './LibraryContext';
+export { removeGlobalZIndexPrefix, setInitialZIndex, useZIndex, getZIndex } from './ZindexProvider';
+export { setGlobalIdPrefix, removeGlobalIdPrefix, useUniqueId, getUniqueId } from './IdProvider';

package/es/v1/Select/GroupSelect.js

@@ -21,7 +21,7 @@ import style from '../../Select/Select.module.css';
 /**** Methods ****/
 
 import { makeGetGroupSelectOptions, optionIdGrouping, makeGetGroupSelectFilterSuggestions, extractOptionId } from '../../utils/dropDownUtils';
-import { getIsEmptyValue, scrollTo, debounce, getSearchString, findScrollEnd } from '../../utils/Common';
+import { getIsEmptyValue, scrollTo, debounce, getSearchString, findScrollEnd, getKeyValue } from '../../utils/Common';
 /* eslint-disable react/no-unused-prop-types */
 
 /* eslint-disable react/sort-prop-types */
@@ -427,10 +427,7 @@ export class GroupSelectComponent extends PureComponent {
   }
 
   handleValueInputChange(e) {
-    let {
-      which
-    } = e;
-    let typeString = String.fromCharCode(which);
+    let typeString = getKeyValue(e);
     let {
       isPopupOpen,
       autoSelectOnType

package/es/v1/Select/Select.js

@@ -21,7 +21,7 @@ import Loader from '@zohodesk/svg/lib/Loader/Loader';
 /**** Methods ****/
 
 import { makeFormatOptions, makeGetMultiSelectFilterSuggestions as makeGetFilterSuggestions, makeGetSelectedValueText as makeGetSelectedValue } from '../../utils/dropDownUtils';
-import { debounce, scrollTo, getIsEmptyValue, getSearchString, findScrollEnd } from '../../utils/Common.js';
+import { debounce, scrollTo, getIsEmptyValue, getSearchString, findScrollEnd, getKeyValue } from '../../utils/Common.js';
 /**** CSS ****/
 
 import style from '../../Select/Select.module.css';
@@ -566,10 +566,7 @@ export class SelectComponent extends Component {
   }
 
   handleValueInputChange(e) {
-    let {
-      which
-    } = e;
-    let typeString = String.fromCharCode(which);
+    let typeString = getKeyValue(e);
     let {
       isPopupOpen,
       autoSelectOnType

package/lib/DateTime/dateFormatUtils/dayChange.js

@@ -7,6 +7,8 @@ exports.getChangedDay = getChangedDay;
 
 var _index = require("./index");
 
+var _Common = require("../../utils/Common");
+
 /** * Methods ** */
 function getChangedDay(values, event, focusOrders, keyActions) {
   var keyCode = event.keyCode,
@@ -44,7 +46,7 @@ function getChangedDay(values, event, focusOrders, keyActions) {
       newDay -= 1;
     }
   } else if ((0, _index.getIsNumberTyped)(event)) {
-    var keyString = String.fromCharCode(which);
+    var keyString = (0, _Common.getKeyValue)(event);
     var newValue = isNewType ? keyString : day.toString() + keyString;
     newValue = Number.parseInt(newValue);
 

package/lib/DateTime/dateFormatUtils/index.js

@@ -81,7 +81,7 @@ function getIsNumberTyped(event) {
       metaKey = event.metaKey,
       shiftKey = event.shiftKey;
 
-  if (keyCode >= 48 && keyCode <= 57 && !ctrlKey && !metaKey && !shiftKey) {
+  if ((keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105) && !ctrlKey && !metaKey && !shiftKey) {
     return true;
   }
 

package/lib/DateTime/dateFormatUtils/monthChange.js

@@ -7,6 +7,8 @@ exports.getChangedMonth = getChangedMonth;
 
 var _index = require("./index");
 
+var _Common = require("../../utils/Common");
+
 /** * Methods ** */
 function getChangedMonth(values, event, focusOrders, keyActions) {
   var keyCode = event.keyCode,
@@ -48,7 +50,7 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
       newMonth -= 1;
     }
   } else if ((0, _index.getIsNumberTyped)(event)) {
-    var keyString = String.fromCharCode(which);
+    var keyString = (0, _Common.getKeyValue)(event);
     var newValue = isNewType ? keyString : month.toString() + keyString;
     newValue = Number.parseInt(newValue);
 

package/lib/DateTime/dateFormatUtils/timeChange.js

@@ -61,7 +61,7 @@ function getChangedHour(values, event, focusOrders, keyActions) {
       newHour -= 1;
     }
   } else if ((0, _index.getIsNumberTyped)(event)) {
-    var keyString = String.fromCharCode(which);
+    var keyString = (0, _Common.getKeyValue)(event);
     var newValue = isNewType ? keyString : hour.toString() + keyString;
     newValue = Number.parseInt(newValue);
 
@@ -132,7 +132,7 @@ function getChangedMinute(values, event, focusOrders, keyActions) {
       newMinute -= 1;
     }
   } else if ((0, _index.getIsNumberTyped)(event)) {
-    var keyString = String.fromCharCode(which);
+    var keyString = (0, _Common.getKeyValue)(event);
     var newValue = isNewType ? keyString : minute.toString() + keyString;
     newValue = Number.parseInt(newValue);
 
@@ -206,7 +206,7 @@ function getChangedNoon(values, event, focusOrders
       newNoon = allowedValues[currentNoonIndex - 1];
     }
   } else if ((0, _index.getIsNoonValueTyped)(event)) {
-    var keyString = String.fromCharCode(which); // let newValue = isNewType ? keyString : noon.toString() + keyString;
+    var keyString = (0, _Common.getKeyValue)(event).toUpperCase(); // let newValue = isNewType ? keyString : noon.toString() + keyString;
 
     var newValue = keyString;
     var needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;

package/lib/DateTime/dateFormatUtils/yearChange.js

@@ -7,6 +7,8 @@ exports.getChangedYear = getChangedYear;
 
 var _index = require("./index");
 
+var _Common = require("../../utils/Common");
+
 /** * Methods ** */
 function getChangedYear(values, event, focusOrders, keyActions, _ref) {
   var yearInfo = _ref.yearInfo;
@@ -64,7 +66,7 @@ function getChangedYear(values, event, focusOrders, keyActions, _ref) {
       newYear -= 1;
     }
   } else if ((0, _index.getIsNumberTyped)(event)) {
-    var keyString = String.fromCharCode(which);
+    var keyString = (0, _Common.getKeyValue)(event);
     var newValue = isNewType ? keyString : year.toString() + keyString;
     var newValueString = newValue || '';
     newValue = Number.parseInt(newValue);

package/lib/MultiSelect/props/propTypes.js

@@ -15,146 +15,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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']),
-  customClass: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  emptyMessage: _propTypes["default"].string.isRequired,
-  getContainerRef: _propTypes["default"].func,
-  getFooter: _propTypes["default"].func,
-  groupedOptions: _propTypes["default"].array.isRequired,
-  i18nKeys: _propTypes["default"].shape({
-    loadingText: _propTypes["default"].string,
-    emptyText: _propTypes["default"].string,
-    noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    clearLabel: _propTypes["default"].string
-  }),
-  isDataLoaded: _propTypes["default"].bool,
-  isDisabled: _propTypes["default"].bool,
-  isPadding: _propTypes["default"].bool,
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  needBorder: _propTypes["default"].bool,
-  needResponsive: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  notifyPopupToggle: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
-  onSearch: _propTypes["default"].func,
-  placeHolder: _propTypes["default"].string,
-  position: _propTypes["default"].string,
-  removeClose: _propTypes["default"].func,
-  searchDebounceTime: _propTypes["default"].number,
-  searchEmptyMessage: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
-  selectedGroupOptions: _propTypes["default"].array.isRequired,
-  selectedOptionDetails: _propTypes["default"].object,
-  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
-  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
-  title: _propTypes["default"].string,
-  variant: _propTypes["default"].string,
-  htmlId: _propTypes["default"].string,
-  isSearchClearOnSelect: _propTypes["default"].bool,
-  palette: _propTypes["default"].oneOf(['default', 'dark']),
-  needEffect: true,
-  dataSelectorId: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
-  textField: _propTypes["default"].string,
-  getTargetRef: _propTypes["default"].func,
-  togglePopup: _propTypes["default"].func,
-  needLocalSearch: _propTypes["default"].bool,
-  isNextOptions: _propTypes["default"].bool,
-  getNextOptions: _propTypes["default"].func,
-  isPopupOpenOnEnter: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  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,
-  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,
-  selectedOptions: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired,
-  selectedOptionsLimit: _propTypes["default"].number,
-  getSelectedOptionDetails: _propTypes["default"].func,
-  emptyMessage: _propTypes["default"].string.isRequired,
-  isDisabled: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  needLocalSearch: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  searchEmptyMessage: _propTypes["default"].string,
-  placeHolder: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
-  textField: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
-  imageField: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  prefixText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  //For grouping multiSelect
-  optionType: _propTypes["default"].oneOf(['default', 'avatar', 'icon']),
-  needEffect: _propTypes["default"].bool,
-  animationStyle: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  isAnimate: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
-  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
-  title: _propTypes["default"].string,
-  variant: _propTypes["default"].string,
-  dataIdClearIcon: _propTypes["default"].string,
-  dataIdLoading: _propTypes["default"].string,
-  dataIdMultiSelectComp: _propTypes["default"].string,
-  dataIdSelectAllEle: _propTypes["default"].string,
-
-  /**** Popup Props ****/
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  togglePopup: _propTypes["default"].func,
-  getContainerRef: _propTypes["default"].func,
-  position: _propTypes["default"].string,
-  removeClose: _propTypes["default"].func,
-  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  needBorder: _propTypes["default"].bool,
-  htmlId: _propTypes["default"].string,
-  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
-  }),
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
-  isBoxPaddingNeed: _propTypes["default"].bool,
-  isSearchClearOnSelect: _propTypes["default"].bool,
-  disabledOptions: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  getFooter: _propTypes["default"].func,
-  customProps: _propTypes["default"].shape({
-    SuggestionsProps: _propTypes["default"].object,
-    DropBoxProps: _propTypes["default"].object
-  }),
-  isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string
-};
-exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;
 var EmptyState_propTypes = {
   dataId: _propTypes["default"].string,
   emptyMessage: _propTypes["default"].string,
@@ -332,4 +192,149 @@ var Suggestions_propTypes = {
     listItemProps: _propTypes["default"].object
   }))
 };
-exports.Suggestions_propTypes = Suggestions_propTypes;
+exports.Suggestions_propTypes = Suggestions_propTypes;
+
+var AdvancedGroupMultiSelect_propTypes = _defineProperty({
+  animationStyle: _propTypes["default"].string,
+  autoComplete: _propTypes["default"].bool,
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  emptyMessage: _propTypes["default"].string.isRequired,
+  getContainerRef: _propTypes["default"].func,
+  getFooter: _propTypes["default"].func,
+  groupedOptions: _propTypes["default"].array.isRequired,
+  i18nKeys: _propTypes["default"].shape({
+    loadingText: _propTypes["default"].string,
+    emptyText: _propTypes["default"].string,
+    noMoreText: _propTypes["default"].string,
+    searchEmptyText: _propTypes["default"].string
+  }),
+  a11y: _propTypes["default"].shape({
+    clearLabel: _propTypes["default"].string
+  }),
+  isDataLoaded: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isPadding: _propTypes["default"].bool,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  needBorder: _propTypes["default"].bool,
+  needResponsive: _propTypes["default"].bool,
+  needSelectAll: _propTypes["default"].bool,
+  notifyPopupToggle: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onKeyDown: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  placeHolder: _propTypes["default"].string,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  searchDebounceTime: _propTypes["default"].number,
+  searchEmptyMessage: _propTypes["default"].string,
+  selectAllText: _propTypes["default"].string,
+  selectedGroupOptions: _propTypes["default"].array.isRequired,
+  selectedOptionDetails: _propTypes["default"].object,
+  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
+  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
+  title: _propTypes["default"].string,
+  variant: _propTypes["default"].string,
+  htmlId: _propTypes["default"].string,
+  isSearchClearOnSelect: _propTypes["default"].bool,
+  palette: _propTypes["default"].oneOf(['default', 'dark']),
+  needEffect: true,
+  dataSelectorId: _propTypes["default"].string,
+  valueField: _propTypes["default"].string,
+  textField: _propTypes["default"].string,
+  getTargetRef: _propTypes["default"].func,
+  togglePopup: _propTypes["default"].func,
+  needLocalSearch: _propTypes["default"].bool,
+  isNextOptions: _propTypes["default"].bool,
+  getNextOptions: _propTypes["default"].func,
+  isPopupOpenOnEnter: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  needToCloseOnSelect: _propTypes["default"].func,
+  searchStr: _propTypes["default"].string,
+  children: _propTypes["default"].node
+}, "dataSelectorId", _propTypes["default"].string);
+
+exports.AdvancedGroupMultiSelect_propTypes = AdvancedGroupMultiSelect_propTypes;
+
+var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_propTypes), {}, {
+  selectedOptionDetails: _propTypes["default"].string,
+  iconSize: _propTypes["default"].string,
+  id: _propTypes["default"].string.isRequired,
+  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,
+  selectedOptions: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired,
+  selectedOptionsLimit: _propTypes["default"].number,
+  getSelectedOptionDetails: _propTypes["default"].func,
+  emptyMessage: _propTypes["default"].string.isRequired,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  needLocalSearch: _propTypes["default"].bool,
+  needSelectAll: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func.isRequired,
+  searchEmptyMessage: _propTypes["default"].string,
+  placeHolder: _propTypes["default"].string,
+  selectAllText: _propTypes["default"].string,
+  textField: _propTypes["default"].string,
+  valueField: _propTypes["default"].string,
+  imageField: _propTypes["default"].string,
+  iconName: _propTypes["default"].string,
+  prefixText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  //For grouping multiSelect
+  optionType: _propTypes["default"].oneOf(['default', 'avatar', 'icon']),
+  needEffect: _propTypes["default"].bool,
+  animationStyle: _propTypes["default"].string,
+  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
+  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  isAnimate: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
+  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
+  title: _propTypes["default"].string,
+  variant: _propTypes["default"].string,
+  dataIdClearIcon: _propTypes["default"].string,
+  dataIdLoading: _propTypes["default"].string,
+  dataIdMultiSelectComp: _propTypes["default"].string,
+  dataIdSelectAllEle: _propTypes["default"].string,
+
+  /**** Popup Props ****/
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  togglePopup: _propTypes["default"].func,
+  getContainerRef: _propTypes["default"].func,
+  position: _propTypes["default"].string,
+  removeClose: _propTypes["default"].func,
+  listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  needBorder: _propTypes["default"].bool,
+  htmlId: _propTypes["default"].string,
+  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
+  }),
+  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
+  isBoxPaddingNeed: _propTypes["default"].bool,
+  isSearchClearOnSelect: _propTypes["default"].bool,
+  disabledOptions: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  getFooter: _propTypes["default"].func,
+  customProps: _propTypes["default"].shape({
+    SuggestionsProps: _propTypes["default"].object,
+    DropBoxProps: _propTypes["default"].object
+  }),
+  isLoading: _propTypes["default"].bool,
+  dataSelectorId: _propTypes["default"].string
+});
+
+exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;

package/lib/Select/GroupSelect.js

@@ -497,8 +497,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "handleValueInputChange",
     value: function handleValueInputChange(e) {
-      var which = e.which;
-      var typeString = String.fromCharCode(which);
+      var typeString = (0, _Common.getKeyValue)(e);
       var _this$props7 = this.props,
           isPopupOpen = _this$props7.isPopupOpen,
           autoSelectOnType = _this$props7.autoSelectOnType;

package/lib/Select/Select.js

@@ -606,8 +606,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
   }, {
     key: "handleValueInputChange",
     value: function handleValueInputChange(e) {
-      var which = e.which;
-      var typeString = String.fromCharCode(which);
+      var typeString = (0, _Common.getKeyValue)(e);
       var _this$props8 = this.props,
           isPopupOpen = _this$props8.isPopupOpen,
           autoSelectOnType = _this$props8.autoSelectOnType;

package/lib/Select/props/propTypes.js

@@ -9,6 +9,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 Select_propTypes = {
   animationStyle: _propTypes["default"].string,
   autoComplete: _propTypes["default"].bool,
@@ -183,7 +189,10 @@ var GroupSelect_propTypes = {
   isDefaultSelectValue: _propTypes["default"].bool
 };
 exports.GroupSelect_propTypes = GroupSelect_propTypes;
-var SelectWithAvatar_propTypes = {
+
+var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propTypes), {}, {
+  textBoxClass: _propTypes["default"].string,
+  imageField: _propTypes["default"].string,
   animationStyle: _propTypes["default"].string,
   avatarPalette: _propTypes["default"].string,
   borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
@@ -241,7 +250,8 @@ var SelectWithAvatar_propTypes = {
   needEffect: _propTypes["default"].bool,
   isLoading: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string
-};
+});
+
 exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
 var SelectWithIcon_propTypes = {
   animationStyle: _propTypes["default"].oneOf(['default', 'bounce']),

package/lib/utils/Common.js

@@ -20,6 +20,7 @@ exports.getElementSpace = getElementSpace;
 exports.getFullDateString = getFullDateString;
 exports.getFullName = getFullName;
 exports.getIsEmptyValue = void 0;
+exports.getKeyValue = getKeyValue;
 exports.getListOfDetails = getListOfDetails;
 exports.getMemSize = getMemSize;
 exports.getPortalName = getPortalName;
@@ -80,6 +81,10 @@ exports.stopAllEventPropagation = stopAllEventPropagation;
 function cancelBubblingEffect(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+}
+
+function getKeyValue(event) {
+  return event && event.key && event.key;
 } // export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},

package/lib/v1/Accordion/Accordion.js

@@ -9,6 +9,8 @@ exports["default"] = Accordion;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _hooks = require("@zohodesk/hooks");
+
 var _defaultProps = require("../../Accordion/props/defaultProps");
 
 var _propTypes = require("../../Accordion/props/propTypes");
@@ -57,7 +59,7 @@ function Accordion(props) {
     !disableInternalState && setSelectedItem(selectedItem);
   }
 
-  (0, _react.useEffect)(function () {
+  (0, _hooks.useEffectCallOnlyAfterState)(function () {
     if (!disableInternalState) {
       setSelectedItem(propSelectedItem);
     }