@itilite/iui-user-management 0.2.4 → 0.2.6

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
-import React, { useState, useEffect, Fragment as Fragment$1 } from 'react';
+import React, { useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import axios from 'axios';
 import AddIcon$1 from '@material-ui/icons/Add';
@@ -178,22 +178,22 @@ function clsx() {
   return n;
 }
 
-function GetInputType(_ref) {
-  var _p = _ref._p,
-      _ref$inputState = _ref.inputState,
-      inputState = _ref$inputState === void 0 ? {} : _ref$inputState,
-      _ref$customHandler = _ref.customHandler,
-      customHandler = _ref$customHandler === void 0 ? function () {} : _ref$customHandler,
-      _ref$dropdownList = _ref.dropdownList,
-      dropdownList = _ref$dropdownList === void 0 ? {} : _ref$dropdownList,
-      _ref$dateFormat = _ref.dateFormat,
-      dateFormat = _ref$dateFormat === void 0 ? 'dd MMM yyyy' : _ref$dateFormat,
-      _ref$errorArray = _ref.errorArray,
-      errorArray = _ref$errorArray === void 0 ? [] : _ref$errorArray,
-      _ref$errorMsg = _ref.errorMsg,
-      errorMsg = _ref$errorMsg === void 0 ? '' : _ref$errorMsg,
-      _ref$showNaOption = _ref.showNaOption,
-      showNaOption = _ref$showNaOption === void 0 ? false : _ref$showNaOption;
+var GetInputType = React.forwardRef(function (props, ref) {
+  var _p = props._p,
+      _props$inputState = props.inputState,
+      inputState = _props$inputState === void 0 ? {} : _props$inputState,
+      _props$customHandler = props.customHandler,
+      customHandler = _props$customHandler === void 0 ? function () {} : _props$customHandler,
+      _props$dropdownList = props.dropdownList,
+      dropdownList = _props$dropdownList === void 0 ? {} : _props$dropdownList,
+      _props$dateFormat = props.dateFormat,
+      dateFormat = _props$dateFormat === void 0 ? 'dd MMM yyyy' : _props$dateFormat,
+      _props$errorArray = props.errorArray,
+      errorArray = _props$errorArray === void 0 ? [] : _props$errorArray,
+      _props$errorMsg = props.errorMsg,
+      errorMsg = _props$errorMsg === void 0 ? '' : _props$errorMsg,
+      _props$showNaOption = props.showNaOption,
+      showNaOption = _props$showNaOption === void 0 ? false : _props$showNaOption;
 
   switch (_p.type) {
     case 'input':
@@ -323,6 +323,7 @@ function GetInputType(_ref) {
 
     case 'async_select':
       return /*#__PURE__*/React.createElement(IUIAsyncSelect, {
+        ref: ref,
         id: _p.name,
         additional: {
           page: 1,
@@ -356,7 +357,7 @@ function GetInputType(_ref) {
     default:
       return null;
   }
-}
+});
 
 var env = configs.env;
 var IUILocalStorageService = services.IUILocalStorageService;
@@ -5073,6 +5074,13 @@ var UserAddEdit = function UserAddEdit(props) {
       expenseFYI = _useState20[0],
       setExpenseFYI = _useState20[1];
 
+  var asyncSelectRefs = useRef({
+    emp_level: useRef(null),
+    entity: useRef(null),
+    business_unit: useRef(null),
+    department: useRef(null)
+  });
+
   var _useState21 = useState([]),
       errorArray = _useState21[0],
       setErrorArray = _useState21[1];
@@ -5169,6 +5177,7 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var onModalOpen = function onModalOpen(e, id) {
+    console.log('onModalOpen', e, id);
     var title = '';
 
     if (id === 'entity') {
@@ -5211,6 +5220,7 @@ var UserAddEdit = function UserAddEdit(props) {
           value: res.data.value,
           label: res.data.label
         }, _extends2)));
+        asyncSelectRefs.current[tempKey].current.blur();
         clearCacheForAsyncDropdown(function (prevState) {
           var _extends3;
 
@@ -6595,7 +6605,8 @@ var UserAddEdit = function UserAddEdit(props) {
       countryCode: countryCode,
       errorArray: errorArray,
       errorMsg: errorMsgs[p.name],
-      showNaOption: !p.required
+      showNaOption: !p.required,
+      ref: asyncSelectRefs.current[p.name]
     }));
   }), renderFields.userTagType.length ? /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(IUIGrid, {
     container: true,