@itilite/iui-user-management 0.0.24 → 0.0.26

package/dist/index.modern.js

@@ -158,24 +158,52 @@ 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 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);
+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;
+        }
+      }
+    }
   }
-  return n;
+
+  return str;
 }
 
 function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length;) {
-    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  var i = 0,
+      tmp,
+      x,
+      str = '';
+
+  while (i < arguments.length) {
+    if (tmp = arguments[i++]) {
+      if (x = toVal(tmp)) {
+        str && (str += ' ');
+        str += x;
+      }
+    }
   }
 
-  return n;
+  return str;
 }
 
 var env = configs.env;
@@ -637,7 +665,7 @@ var workInfo = [{
   readOnly: false,
   placeholder: 'Enter employee ID',
   validation: {
-    regexOnChange: /^[A-Za-z0-9]*$/,
+    regexOnChange: /^[(A-Z)(a-z)(0-9)\-& ]*$/,
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
@@ -702,8 +730,8 @@ var workInfo = [{
   readOnly: false,
   placeholder: 'Enter designation',
   validation: {
-    regexOnChange: /^[A-Za-z0-9.&'()\- ]*$/,
-    regexOnBlur: /^[a-zA-Z][a-zA-Z0-9.&'()\- ]*$/,
+    regexOnChange: /^[A-Za-z0-9 \-.,&'()\/]*$/,
+    regexOnBlur: /^[A-Za-z0-9 \-.,&'()\/]*$/,
     maxLimit: '',
     minLimit: '',
     maxLength: 100,
@@ -1386,7 +1414,9 @@ var formatCreateUserPayload = function formatCreateUserPayload(payload) {
     };
 
     if (payload !== null && payload !== void 0 && (_payload$membershipIn = payload.membershipInfoInput) !== null && _payload$membershipIn !== void 0 && _payload$membershipIn.length && payload.membershipInfoInput.length > 0) {
-      res.membership_info = payload.membershipInfoInput.map(function (membership) {
+      res.membership_info = payload.membershipInfoInput.filter(function (membership) {
+        return !membership.isDeleted;
+      }).map(function (membership) {
         var res = {
           membership_type: membership.membership_type,
           name: membership.name,
@@ -1599,7 +1629,14 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
           id: membership.id
         };
         return res;
-      });
+      }).concat(payload.membershipInfoInput.filter(function (membership) {
+        return !!membership.isDeleted;
+      }).map(function (membership) {
+        var res = {
+          id: membership.id
+        };
+        return res;
+      }));
     }
 
     res.fields.user_travel_info = {};
@@ -3085,7 +3122,7 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       xl: 12,
       className: styles.fieldMargin
     }, /*#__PURE__*/React.createElement(IUIInput, {
-      defaultValue: p.label,
+      defaultValue: p.label.toLowerCase() == (type === 'travel' ? 'travel' : 'expense') + " approver " + (i + 1) ? '' : p.label,
       label: (type === 'travel' ? 'Travel' : 'Expense') + " approver " + (i + 1) + " label",
       className: styles.inputWidth,
       id: type + '_' + p.sequence,
@@ -4763,21 +4800,25 @@ var UserAddEdit = function UserAddEdit(props) {
       membershipInfoInput = _useState10[0],
       setMembershipInfoInput = _useState10[1];
 
-  var _useState11 = useState({
+  var _useState11 = useState([]),
+      removedMembershipInfoInput = _useState11[0],
+      setRemovedMembershipInfoInput = _useState11[1];
+
+  var _useState12 = useState({
     flight_seat_preference: '',
     meal_preference: ''
   }),
-      travelPreferenceInfo = _useState11[0],
-      settravelPreferenceInfo = _useState11[1];
+      travelPreferenceInfo = _useState12[0],
+      settravelPreferenceInfo = _useState12[1];
 
-  var _useState12 = useState({
+  var _useState13 = useState({
     trusted_traveller: '',
     redress_number: ''
   }),
-      secureTravelInputInfo = _useState12[0],
-      setSecureTravelInputInfo = _useState12[1];
+      secureTravelInputInfo = _useState13[0],
+      setSecureTravelInputInfo = _useState13[1];
 
-  var _useState13 = useState({
+  var _useState14 = useState({
     passport_issue_country: {
       value: '',
       label: 'Select country'
@@ -4792,37 +4833,37 @@ var UserAddEdit = function UserAddEdit(props) {
     passport_photo: [],
     travel_docs: []
   }),
-      passportInfoInput = _useState13[0],
-      setPassportInfoInput = _useState13[1];
+      passportInfoInput = _useState14[0],
+      setPassportInfoInput = _useState14[1];
 
-  var _useState14 = useState([]),
-      filesForDelete = _useState14[0],
-      setFilesForDelete = _useState14[1];
+  var _useState15 = useState([]),
+      filesForDelete = _useState15[0],
+      setFilesForDelete = _useState15[1];
 
-  var _useState15 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
-      isAdditionalInfoExpanded = _useState15[0],
-      setAdditionalInfoFlag = _useState15[1];
+  var _useState16 = useState(config.env.isTravelProduct && isProfile ? 'open' : ''),
+      isAdditionalInfoExpanded = _useState16[0],
+      setAdditionalInfoFlag = _useState16[1];
 
-  var _useState16 = useState('submitter'),
-      expenseRole = _useState16[0],
-      setExpenseRole = _useState16[1];
+  var _useState17 = useState('submitter'),
+      expenseRole = _useState17[0],
+      setExpenseRole = _useState17[1];
 
-  var _useState17 = useState({}),
-      expenseApproversInput = _useState17[0],
-      setExpenseApproversInput = _useState17[1];
+  var _useState18 = useState({}),
+      expenseApproversInput = _useState18[0],
+      setExpenseApproversInput = _useState18[1];
 
-  var _useState18 = useState({
+  var _useState19 = useState({
     value: '',
     label: 'Select approver'
   }),
-      expenseFYI = _useState18[0],
-      setExpenseFYI = _useState18[1];
+      expenseFYI = _useState19[0],
+      setExpenseFYI = _useState19[1];
 
-  var _useState19 = useState([]),
-      errorArray = _useState19[0],
-      setErrorArray = _useState19[1];
+  var _useState20 = useState([]),
+      errorArray = _useState20[0],
+      setErrorArray = _useState20[1];
 
-  var _useState20 = useState({
+  var _useState21 = useState({
     first_name: '',
     last_name: '',
     email: '',
@@ -4851,10 +4892,10 @@ var UserAddEdit = function UserAddEdit(props) {
     products: '',
     userTagType: ''
   }),
-      errorMsgs = _useState20[0],
-      setErrorMsgs = _useState20[1];
+      errorMsgs = _useState21[0],
+      setErrorMsgs = _useState21[1];
 
-  var _useState21 = useState({
+  var _useState22 = useState({
     first_name: false,
     last_name: false,
     email: false,
@@ -4880,12 +4921,12 @@ var UserAddEdit = function UserAddEdit(props) {
     passport_expiry_date: false,
     userTagType: false
   }),
-      inputChangeLog = _useState21[0],
-      updateInputChangeLog = _useState21[1];
+      inputChangeLog = _useState22[0],
+      updateInputChangeLog = _useState22[1];
 
-  var _useState22 = useState([]),
-      uploadedFiles = _useState22[0],
-      setUploadedFiles = _useState22[1];
+  var _useState23 = useState([]),
+      uploadedFiles = _useState23[0],
+      setUploadedFiles = _useState23[1];
 
   var onPersonalInfoChange = function onPersonalInfoChange(_name, _value, _isError, _errorMsg, _obj) {
     if (_obj === void 0) {
@@ -4985,7 +5026,18 @@ var UserAddEdit = function UserAddEdit(props) {
 
   var handleRemoveMemFields = function handleRemoveMemFields(index) {
     var _membershipInfoInputTemp = [].concat(membershipInfoInput).filter(function (item, key) {
-      return key !== index;
+      if (key !== index) {
+        return true;
+      }
+
+      setRemovedMembershipInfoInput(function (prevState) {
+        prevState.push({
+          id: item.id,
+          isDeleted: true
+        });
+        return prevState;
+      });
+      return false;
     });
 
     setMembershipInfoInput(_membershipInfoInputTemp);
@@ -5508,7 +5560,7 @@ var UserAddEdit = function UserAddEdit(props) {
         travelRole: travelRole,
         travelApproversInput: travelApproversInput,
         travelFYI: travelFYI,
-        membershipInfoInput: membershipInfoInput,
+        membershipInfoInput: [].concat(membershipInfoInput, removedMembershipInfoInput),
         travelPreferenceInfo: travelPreferenceInfo,
         secureTravelInputInfo: secureTravelInputInfo,
         passportInfoInput: passportInfoInput,