@itilite/iui-user-management 0.1.3 → 0.1.5

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

@@ -161,52 +161,24 @@ function _catch(body, recover) {
 
 var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
 
-function toVal(mix) {
-  var k,
-      y,
-      str = '';
-
-  if (typeof mix === 'string' || typeof mix === 'number') {
-    str += mix;
-  } else if (typeof mix === 'object') {
-    if (Array.isArray(mix)) {
-      for (k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += ' ');
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += ' ');
-          str += k;
-        }
-      }
-    }
+function r(e) {
+  var t,
+      f,
+      n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) {
+    e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (t in e) {
+    e[t] && (n && (n += " "), n += t);
   }
-
-  return str;
+  return n;
 }
 
 function clsx() {
-  var i = 0,
-      tmp,
-      x,
-      str = '';
-
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += ' ');
-        str += x;
-      }
-    }
+  for (var e, t, f = 0, n = ""; f < arguments.length;) {
+    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
   }
 
-  return str;
+  return n;
 }
 
 var env = utils.configs.env;
@@ -1317,7 +1289,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 +4730,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('traveler'),
-      travelRole = _useState7[0],
-      setTravelRole = _useState7[1];
+  var _useState7 = React.useState({}),
+      customFieldsInput = _useState7[0],
+      setCustomFieldsInput = _useState7[1];
 
-  var _useState8 = React.useState({}),
-      travelApproversInput = _useState8[0],
-      setTravelApproversInput = _useState8[1];
+  var _useState8 = React.useState('traveler'),
+      travelRole = _useState8[0],
+      setTravelRole = _useState8[1];
 
-  var _useState9 = React.useState({
+  var _useState9 = React.useState({}),
+      travelApproversInput = _useState9[0],
+      setTravelApproversInput = _useState9[1];
+
+  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 +4800,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 +4860,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 +4890,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 +4913,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 +4965,18 @@ 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)));
+        console.log('Set new value', res.data.label);
+        clearCacheForAsyncDropdown(function (prevState) {
+          var _extends3;
+
+          console.log('ClearCache function called');
+          return _extends({}, prevState, (_extends3 = {}, _extends3[tempKey] = prevState[tempKey] + 1, _extends3));
+        });
         dispatch(stopLoader());
       });
     }
@@ -5016,9 +5007,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 +5025,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 +5087,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 +5107,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 +5119,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 +5163,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 +5205,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 +5327,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));
     });
   };
 
@@ -5665,6 +5656,10 @@ var UserAddEdit = function UserAddEdit(props) {
       });
     }
   }, [renderFields.expenseApprovers]);
+  React.useEffect(function () {
+    console.log(employeeInfoInput, 'employee info changed');
+    console.log(cacheForAsyncDropdown, 'Cached value changes info changed');
+  }, [employeeInfoInput, cacheForAsyncDropdown]);
 
   var uploadDocs = function uploadDocs(docToUpload, type) {
     try {
@@ -6305,6 +6300,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) {