@itilite/iui-user-management 0.2.4 → 0.2.6

package/dist/index.js

@@ -181,22 +181,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__default.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':
@@ -326,6 +326,7 @@ function GetInputType(_ref) {
 
     case 'async_select':
       return /*#__PURE__*/React__default.createElement(iuistyles.IUIAsyncSelect, {
+        ref: ref,
         id: _p.name,
         additional: {
           page: 1,
@@ -359,7 +360,7 @@ function GetInputType(_ref) {
     default:
       return null;
   }
-}
+});
 
 var env = utils.configs.env;
 var IUILocalStorageService = utils.services.IUILocalStorageService;
@@ -5076,6 +5077,13 @@ var UserAddEdit = function UserAddEdit(props) {
       expenseFYI = _useState20[0],
       setExpenseFYI = _useState20[1];
 
+  var asyncSelectRefs = React.useRef({
+    emp_level: React.useRef(null),
+    entity: React.useRef(null),
+    business_unit: React.useRef(null),
+    department: React.useRef(null)
+  });
+
   var _useState21 = React.useState([]),
       errorArray = _useState21[0],
       setErrorArray = _useState21[1];
@@ -5172,6 +5180,7 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var onModalOpen = function onModalOpen(e, id) {
+    console.log('onModalOpen', e, id);
     var title = '';
 
     if (id === 'entity') {
@@ -5214,6 +5223,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;
 
@@ -6598,7 +6608,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__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,