@itilite/iui-user-management 0.1.2 → 0.1.4

package/dist/index.css

@@ -687,7 +687,7 @@
   background-color: #ffffff;
 }
 ._3WNHx ._1WLpc {
-  padding: 45px 40px;
+  padding: 24px 40px;
 }
 ._3WNHx ._2egTG {
   gap: 12px;

package/dist/index.js

@@ -1317,7 +1317,8 @@ function GetInputType(_ref) {
         hasInfoIcon: !!_p.tooltip,
         tooltipText: _p.tooltip,
         disableText: _p.disableText,
-        selectCTA: _p.selectCTA
+        selectCTA: _p.selectCTA,
+        clearCache: _p.clearCache
       });
 
     default:
@@ -4757,52 +4758,62 @@ var UserAddEdit = function UserAddEdit(props) {
       employeeInfoInput = _useState3[0],
       setEmployeeInfoInput = _useState3[1];
 
-  var _useState4 = React.useState({}),
-      userTagType = _useState4[0],
-      setUserTagType = _useState4[1];
+  var _useState4 = React.useState({
+    emp_level: 0,
+    entity: 0,
+    business_unit: 0,
+    department: 0,
+    currency: 0
+  }),
+      cacheForAsyncDropdown = _useState4[0],
+      clearCacheForAsyncDropdown = _useState4[1];
 
-  var _useState5 = React.useState(false),
-      scroll = _useState5[0],
-      setScroll = _useState5[1];
+  var _useState5 = React.useState({}),
+      userTagType = _useState5[0],
+      setUserTagType = _useState5[1];
 
-  var _useState6 = React.useState({}),
-      customFieldsInput = _useState6[0],
-      setCustomFieldsInput = _useState6[1];
+  var _useState6 = React.useState(false),
+      scroll = _useState6[0],
+      setScroll = _useState6[1];
+
+  var _useState7 = React.useState({}),
+      customFieldsInput = _useState7[0],
+      setCustomFieldsInput = _useState7[1];
 
-  var _useState7 = React.useState('traveler'),
-      travelRole = _useState7[0],
-      setTravelRole = _useState7[1];
+  var _useState8 = React.useState('traveler'),
+      travelRole = _useState8[0],
+      setTravelRole = _useState8[1];
 
-  var _useState8 = React.useState({}),
-      travelApproversInput = _useState8[0],
-      setTravelApproversInput = _useState8[1];
+  var _useState9 = React.useState({}),
+      travelApproversInput = _useState9[0],
+      setTravelApproversInput = _useState9[1];
 
-  var _useState9 = React.useState({
+  var _useState10 = React.useState({
     value: '',
     label: 'Select approver'
   }),
-      travelFYI = _useState9[0],
-      setTravelFYI = _useState9[1];
+      travelFYI = _useState10[0],
+      setTravelFYI = _useState10[1];
 
-  var _useState10 = React.useState([]),
-      membershipInfoInput = _useState10[0],
-      setMembershipInfoInput = _useState10[1];
+  var _useState11 = React.useState([]),
+      membershipInfoInput = _useState11[0],
+      setMembershipInfoInput = _useState11[1];
 
-  var _useState11 = React.useState({
+  var _useState12 = React.useState({
     flight_seat_preference: '',
     meal_preference: ''
   }),
-      travelPreferenceInfo = _useState11[0],
-      settravelPreferenceInfo = _useState11[1];
+      travelPreferenceInfo = _useState12[0],
+      settravelPreferenceInfo = _useState12[1];
 
-  var _useState12 = React.useState({
+  var _useState13 = React.useState({
     trusted_traveller: '',
     redress_number: ''
   }),
-      secureTravelInputInfo = _useState12[0],
-      setSecureTravelInputInfo = _useState12[1];
+      secureTravelInputInfo = _useState13[0],
+      setSecureTravelInputInfo = _useState13[1];
 
-  var _useState13 = React.useState({
+  var _useState14 = React.useState({
     passport_issue_country: {
       value: '',
       label: 'Select country'
@@ -4817,37 +4828,37 @@ var UserAddEdit = function UserAddEdit(props) {
     passport_photo: [],
     travel_docs: []
   }),
-      passportInfoInput = _useState13[0],
-      setPassportInfoInput = _useState13[1];
+      passportInfoInput = _useState14[0],
+      setPassportInfoInput = _useState14[1];
 
-  var _useState14 = React.useState([]),
-      filesForDelete = _useState14[0],
-      setFilesForDelete = _useState14[1];
+  var _useState15 = React.useState([]),
+      filesForDelete = _useState15[0],
+      setFilesForDelete = _useState15[1];
 
-  var _useState15 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-      isAdditionalInfoExpanded = _useState15[0],
-      setAdditionalInfoFlag = _useState15[1];
+  var _useState16 = React.useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+      isAdditionalInfoExpanded = _useState16[0],
+      setAdditionalInfoFlag = _useState16[1];
 
-  var _useState16 = React.useState('submitter'),
-      expenseRole = _useState16[0],
-      setExpenseRole = _useState16[1];
+  var _useState17 = React.useState('submitter'),
+      expenseRole = _useState17[0],
+      setExpenseRole = _useState17[1];
 
-  var _useState17 = React.useState({}),
-      expenseApproversInput = _useState17[0],
-      setExpenseApproversInput = _useState17[1];
+  var _useState18 = React.useState({}),
+      expenseApproversInput = _useState18[0],
+      setExpenseApproversInput = _useState18[1];
 
-  var _useState18 = React.useState({
+  var _useState19 = React.useState({
     value: '',
     label: 'Select approver'
   }),
-      expenseFYI = _useState18[0],
-      setExpenseFYI = _useState18[1];
+      expenseFYI = _useState19[0],
+      setExpenseFYI = _useState19[1];
 
-  var _useState19 = React.useState([]),
-      errorArray = _useState19[0],
-      setErrorArray = _useState19[1];
+  var _useState20 = React.useState([]),
+      errorArray = _useState20[0],
+      setErrorArray = _useState20[1];
 
-  var _useState20 = React.useState({
+  var _useState21 = React.useState({
     first_name: '',
     last_name: '',
     email: '',
@@ -4877,10 +4888,10 @@ var UserAddEdit = function UserAddEdit(props) {
     userTagType: '',
     profile_pic: ''
   }),
-      errorMsgs = _useState20[0],
-      setErrorMsgs = _useState20[1];
+      errorMsgs = _useState21[0],
+      setErrorMsgs = _useState21[1];
 
-  var _useState21 = React.useState({
+  var _useState22 = React.useState({
     first_name: false,
     last_name: false,
     email: false,
@@ -4907,12 +4918,12 @@ var UserAddEdit = function UserAddEdit(props) {
     userTagType: false,
     profile_pic: false
   }),
-      inputChangeLog = _useState21[0],
-      updateInputChangeLog = _useState21[1];
+      inputChangeLog = _useState22[0],
+      updateInputChangeLog = _useState22[1];
 
-  var _useState22 = React.useState([]),
-      uploadedFiles = _useState22[0],
-      setUploadedFiles = _useState22[1];
+  var _useState23 = React.useState([]),
+      uploadedFiles = _useState23[0],
+      setUploadedFiles = _useState23[1];
 
   var defaultAddModalData = {
     isOpen: false,
@@ -4930,9 +4941,9 @@ var UserAddEdit = function UserAddEdit(props) {
     minLength: 0
   };
 
-  var _useState23 = React.useState(defaultAddModalData),
-      addModalData = _useState23[0],
-      setAddModalData = _useState23[1];
+  var _useState24 = React.useState(defaultAddModalData),
+      addModalData = _useState24[0],
+      setAddModalData = _useState24[1];
 
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
@@ -4982,10 +4993,16 @@ var UserAddEdit = function UserAddEdit(props) {
           isOpen: false
         }));
         IUIToastMessageService$4.sNotify(addModalData.title + " added successfully.");
-        setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[addModalData.id] = {
+        var tempKey = addModalData.id === 'employee_level' ? 'emp_level' : addModalData.id;
+        setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends2 = {}, _extends2[tempKey] = {
           value: res.data.value,
           label: res.data.label
         }, _extends2)));
+        clearCacheForAsyncDropdown(function (prevState) {
+          var _extends3;
+
+          return _extends({}, prevState, (_extends3 = {}, _extends3[tempKey] = prevState[tempKey] + 1, _extends3));
+        });
         dispatch(stopLoader());
       });
     }
@@ -5016,9 +5033,9 @@ var UserAddEdit = function UserAddEdit(props) {
     try {
       var _temp6 = function _temp6() {
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends3;
+          var _extends4;
 
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends3 = {}, _extends3[_name] = true, _extends3)));
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends4 = {}, _extends4[_name] = true, _extends4)));
         }
       };
 
@@ -5034,9 +5051,9 @@ var UserAddEdit = function UserAddEdit(props) {
           updateError('contact_country_code', _isError, _errorMsg);
         } else {
           var _temp8 = function _temp8() {
-            var _extends4;
+            var _extends5;
 
-            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends4 = {}, _extends4[_name] = _value, _extends4)));
+            setPersonalInfoInput(_extends({}, personalInfoInput, (_extends5 = {}, _extends5[_name] = _value, _extends5)));
             updateError(_name, _isError, _errorMsg);
           };
 
@@ -5096,15 +5113,15 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var onEmployeeInfoChange = function onEmployeeInfoChange(_name, _value, _isError, _errorMsg, _obj) {
-    var _extends5;
+    var _extends6;
 
-    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends5 = {}, _extends5[_name] = _value, _extends5)));
+    setEmployeeInfoInput(_extends({}, employeeInfoInput, (_extends6 = {}, _extends6[_name] = _value, _extends6)));
     updateError(_name, _isError, _errorMsg);
 
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends6;
+      var _extends7;
 
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends6 = {}, _extends6[_name] = true, _extends6)));
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends7 = {}, _extends7[_name] = true, _extends7)));
     }
   };
 
@@ -5116,9 +5133,9 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var onUserTagTypeChange = function onUserTagTypeChange(e) {
-    var _extends7;
+    var _extends8;
 
-    setUserTagType(_extends({}, userTagType, (_extends7 = {}, _extends7[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends7)));
+    setUserTagType(_extends({}, userTagType, (_extends8 = {}, _extends8[e.target.name] = userTagType[e.target.name] ? false : getUserTagTypeId(e.target.name), _extends8)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, 'userTagType')) {
       updateInputChangeLog(_extends({}, inputChangeLog, {
@@ -5128,21 +5145,21 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var onCustomFieldsChange = function onCustomFieldsChange(_name, _value) {
-    var _extends8;
+    var _extends9;
 
-    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends8 = {}, _extends8[_name] = _value, _extends8)));
+    setCustomFieldsInput(_extends({}, customFieldsInput, (_extends9 = {}, _extends9[_name] = _value, _extends9)));
   };
 
   var onTravelApproversInputChange = function onTravelApproversInputChange(_name, _value) {
-    var _extends9;
+    var _extends10;
 
-    setTravelApproversInput(_extends({}, travelApproversInput, (_extends9 = {}, _extends9[_name] = _value, _extends9)));
+    setTravelApproversInput(_extends({}, travelApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
   };
 
   var onExpenseApproversInputChange = function onExpenseApproversInputChange(_name, _value) {
-    var _extends10;
+    var _extends11;
 
-    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends10 = {}, _extends10[_name] = _value, _extends10)));
+    setExpenseApproversInput(_extends({}, expenseApproversInput, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
   };
 
   var onMemInfoInputChange = function onMemInfoInputChange(index, key, val) {
@@ -5172,28 +5189,28 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var travelPreferenceOnChange = function travelPreferenceOnChange(_name, _value, _isError, _errorMsg) {
-    var _extends11;
+    var _extends12;
 
-    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends11 = {}, _extends11[_name] = _value, _extends11)));
+    settravelPreferenceInfo(_extends({}, travelPreferenceInfo, (_extends12 = {}, _extends12[_name] = _value, _extends12)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends12;
+      var _extends13;
 
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends12 = {}, _extends12[_name] = true, _extends12)));
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends13 = {}, _extends13[_name] = true, _extends13)));
     }
 
     updateError(_name, _isError, _errorMsg);
   };
 
   var onSecureTraveelerInfoInputChange = function onSecureTraveelerInfoInputChange(_name, _value, _isError, _errorMsg) {
-    var _extends13;
+    var _extends14;
 
-    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends13 = {}, _extends13[_name] = _value, _extends13)));
+    setSecureTravelInputInfo(_extends({}, secureTravelInputInfo, (_extends14 = {}, _extends14[_name] = _value, _extends14)));
 
     if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-      var _extends14;
+      var _extends15;
 
-      updateInputChangeLog(_extends({}, inputChangeLog, (_extends14 = {}, _extends14[_name] = true, _extends14)));
+      updateInputChangeLog(_extends({}, inputChangeLog, (_extends15 = {}, _extends15[_name] = true, _extends15)));
     }
 
     updateError(_name, _isError, _errorMsg);
@@ -5214,14 +5231,14 @@ var UserAddEdit = function UserAddEdit(props) {
 
     try {
       var _temp14 = function _temp14() {
-        var _extends15;
+        var _extends16;
 
-        setPassportInfoInput(_extends({}, passportInfoInput, (_extends15 = {}, _extends15[_name] = _value, _extends15)));
+        setPassportInfoInput(_extends({}, passportInfoInput, (_extends16 = {}, _extends16[_name] = _value, _extends16)));
 
         if (Object.hasOwnProperty.call(inputChangeLog, _name)) {
-          var _extends16;
+          var _extends17;
 
-          updateInputChangeLog(_extends({}, inputChangeLog, (_extends16 = {}, _extends16[_name] = true, _extends16)));
+          updateInputChangeLog(_extends({}, inputChangeLog, (_extends17 = {}, _extends17[_name] = true, _extends17)));
         }
 
         updateError(_name, _isError, _errorMsg);
@@ -5336,9 +5353,9 @@ var UserAddEdit = function UserAddEdit(props) {
       return _errorArray;
     });
     setErrorMsgs(function (prevState) {
-      var _extends17;
+      var _extends18;
 
-      return _extends({}, prevState, (_extends17 = {}, _extends17[_name] = _errorMsg, _extends17));
+      return _extends({}, prevState, (_extends18 = {}, _extends18[_name] = _errorMsg, _extends18));
     });
   };
 
@@ -6305,6 +6322,7 @@ var UserAddEdit = function UserAddEdit(props) {
   }, renderFields.workInfo.map(function (p, i) {
     if (p.type === 'async_select' && p.selectCTA) {
       p.selectCTA.callback = onModalOpen;
+      p.clearCache = cacheForAsyncDropdown[p.name];
     }
 
     if (!p.visibility) {