@zohodesk/components 1.2.9 → 1.2.10

package/README.md

@@ -32,6 +32,14 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.2.10
+
+- **Common utils** - `getKeyValue` method added to get keyValue of current pressed key.
+
+- **DateTime** - Numpad key issue fixed.
+
+- **Select, GroupSelect** - getting key value from key event method changed.
+
 # 1.2.9
 
 - Package version merge fix update.

package/coverage/Button/Button.js.html

@@ -298,7 +298,7 @@ Button.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Button/css/Button.module.css.html

@@ -1426,7 +1426,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/css/cssJSLogic.js.html

@@ -199,7 +199,7 @@ export default function cssJSLogic({ props, style }) {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/css/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Button/props/defaultProps.js.html

@@ -127,7 +127,7 @@ export const defaultProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Button/props/propTypes.js.html

@@ -193,7 +193,7 @@ export default propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/Buttongroup.js.html

@@ -205,7 +205,7 @@ Buttongroup.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/Buttongroup.module.css.html

@@ -283,7 +283,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/defaultProps.js.html

@@ -88,7 +88,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Buttongroup/props/propTypes.js.html

@@ -100,7 +100,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -176,7 +176,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/utils/dummyFunction.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/utils/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-08-31T14:24:42.936Z
+                at 2023-09-08T06:15:06.429Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/es/DateTime/dateFormatUtils/dayChange.js

@@ -1,5 +1,6 @@
 /** * Methods ** */
 import { getIsNewValueType, getDayDetails, getIsNumberTyped, getIsDeleteTyped } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedDay(values, event, focusOrders, keyActions) {
   const {
     keyCode,
@@ -45,7 +46,7 @@ export function getChangedDay(values, event, focusOrders, keyActions) {
       newDay -= 1;
     }
   } else if (getIsNumberTyped(event)) {
-    const keyString = String.fromCharCode(which);
+    const keyString = getKeyValue(event);
     let newValue = isNewType ? keyString : day.toString() + keyString;
     newValue = Number.parseInt(newValue);
 

package/es/DateTime/dateFormatUtils/index.js

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

package/es/DateTime/dateFormatUtils/monthChange.js

@@ -1,5 +1,6 @@
 /** * Methods ** */
 import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getMonthDetails, getDayEnd } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedMonth(values, event, focusOrders, keyActions) {
   const {
     keyCode,
@@ -43,7 +44,7 @@ export function getChangedMonth(values, event, focusOrders, keyActions) {
       newMonth -= 1;
     }
   } else if (getIsNumberTyped(event)) {
-    const keyString = String.fromCharCode(which);
+    const keyString = getKeyValue(event);
     let newValue = isNewType ? keyString : month.toString() + keyString;
     newValue = Number.parseInt(newValue);
 

package/es/DateTime/dateFormatUtils/timeChange.js

@@ -1,6 +1,6 @@
 /** * Methods ** */
 import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getHourDetails, getMinuteDetails, getNoonDetails, getIsNoonValueTyped, getIsEmptyHour } from './index';
-import { getIsEmptyValue } from '../../utils/Common';
+import { getKeyValue, getIsEmptyValue } from '../../utils/Common';
 export function getChangedHour(values, event, focusOrders, keyActions) {
   let {
     is24Hour = false
@@ -43,7 +43,7 @@ export function getChangedHour(values, event, focusOrders, keyActions) {
       newHour -= 1;
     }
   } else if (getIsNumberTyped(event)) {
-    const keyString = String.fromCharCode(which);
+    const keyString = getKeyValue(event);
     let newValue = isNewType ? keyString : hour.toString() + keyString;
     newValue = Number.parseInt(newValue);
 
@@ -118,7 +118,7 @@ export function getChangedMinute(values, event, focusOrders, keyActions) {
       newMinute -= 1;
     }
   } else if (getIsNumberTyped(event)) {
-    const keyString = String.fromCharCode(which);
+    const keyString = getKeyValue(event);
     let newValue = isNewType ? keyString : minute.toString() + keyString;
     newValue = Number.parseInt(newValue);
 
@@ -194,7 +194,7 @@ export function getChangedNoon(values, event, focusOrders
       newNoon = allowedValues[currentNoonIndex - 1];
     }
   } else if (getIsNoonValueTyped(event)) {
-    const keyString = String.fromCharCode(which); // let newValue = isNewType ? keyString : noon.toString() + keyString;
+    const keyString = getKeyValue(event).toUpperCase(); // let newValue = isNewType ? keyString : noon.toString() + keyString;
 
     const newValue = keyString;
     const needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;

package/es/DateTime/dateFormatUtils/yearChange.js

@@ -1,5 +1,6 @@
 /** * Methods ** */
 import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from './index';
+import { getKeyValue } from '../../utils/Common';
 export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
   let {
     yearInfo
@@ -65,7 +66,7 @@ export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
       newYear -= 1;
     }
   } else if (getIsNumberTyped(event)) {
-    const keyString = String.fromCharCode(which);
+    const keyString = getKeyValue(event);
     let newValue = isNewType ? keyString : year.toString() + keyString;
     const newValueString = newValue || '';
     newValue = Number.parseInt(newValue);

package/es/Select/GroupSelect.js

@@ -21,7 +21,7 @@ import style from './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 */
@@ -425,10 +425,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/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.module.css';
@@ -564,10 +564,7 @@ export class SelectComponent extends Component {
   }
 
   handleValueInputChange(e) {
-    let {
-      which
-    } = e;
-    let typeString = String.fromCharCode(which);
+    let typeString = getKeyValue(e);
     let {
       isPopupOpen,
       autoSelectOnType

package/es/utils/Common.js

@@ -20,6 +20,9 @@ export const stopAllEventPropagation = e => {
 export function cancelBubblingEffect(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+}
+export function getKeyValue(event) {
+  return event && event.key && event.key;
 } // export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},

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/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/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/Select/GroupSelect.js

@@ -499,8 +499,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/v1/Select/Select.js

@@ -609,8 +609,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/package.json

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

package/result.json

@@ -1 +1 @@
-{"jobDetails":{"isRunByLocal":true,"hostName":"lakshmi-zt257","platForm":"Darwin","branchName":"LibraryNavigation"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":2,"endTime":1693491882958,"startTime":1693491878876,"coverageDetail":{"codeCoveragePercentage":98.86,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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":[]}}]}}}
+{"jobDetails":{"isRunByLocal":true,"hostName":"lakshmi-zt257","platForm":"Darwin","branchName":"LibraryNavigation"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":2,"endTime":1694153706450,"startTime":1694153702460,"coverageDetail":{"codeCoveragePercentage":98.86,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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/lakshmi-zt257/Documents/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":[]}}]}}}