@itilite/iui-user-management 1.3.9 → 1.3.10

package/dist/index.css

@@ -920,10 +920,6 @@ p._3pOsV {
   background-color: #e11d48 !important;
 }
 
-._xWE7K header {
-  box-shadow: none;
-  background: transparent;
-}
 ._xWE7K ._13pXn {
   display: inline;
   padding: 2px 4px;

package/dist/index.js

@@ -1118,24 +1118,6 @@ var formatUpdateUserPayload = function formatUpdateUserPayload(payload, inputCha
         });
       }
     }
-    if (payload.uploadedFiles && payload.uploadedFiles.length > 0) {
-      res.fields.files = payload.uploadedFiles.filter(function (_file) {
-        return !_file.isExistingFile;
-      }).map(function (_file) {
-        return {
-          file_type: _file.file_type,
-          file_path: _file.file_path,
-          user_file_name: _file.user_file_name,
-          upload: _file.upload
-        };
-      });
-    }
-    if (payload.filesForDelete.length > 0) {
-      res.fields.filesToDelete = payload.filesForDelete;
-    }
-    if (payload.profilePicDelete.length > 0) {
-      res.fields.profilePicDelete = payload.profilePicDelete;
-    }
   }
   return res;
 };
@@ -3075,8 +3057,8 @@ var workInfo = [{
   validation: {
     regexOnChange: null,
     regexOnBlur: [{
-      regex: /^[(A-Z)(a-z)(0-9)\-& ]*$/,
-      message: "Only alphabets, numbers and - & are allowed."
+      regex: /^[(A-Z)(a-z)(0-9)\-_& ]*$/,
+      message: "Only alphabets, numbers, - and _ & are allowed."
     }],
     maxLimit: '',
     minLimit: '',
@@ -3164,8 +3146,8 @@ var workInfo = [{
   validation: {
     regexOnChange: null,
     regexOnBlur: [{
-      regex: /^[A-Za-z0-9 \-.,&'()\/]*$/,
-      message: "Only alphabets, numbers & special characters . & ' ( ) - , / are allowed."
+      regex: /^[A-Za-z0-9 \-_.,&'()\/]*$/,
+      message: "Only alphabets, numbers & special characters . & ' ( ) _ - , / are allowed."
     }, {
       regex: /^[a-zA-Z]/,
       message: 'Designation should start with alphabets'
@@ -3176,6 +3158,31 @@ var workInfo = [{
     minLength: 0
   },
   disableText: 'Please get in touch with your administrator to change this value.'
+}, {
+  id: 7,
+  label: 'Manager',
+  name: 'manager',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select manager',
+  tabelName: 'manager',
+  product: 'travel',
+  loadOption: approversOptions
+}, {
+  id: 8,
+  label: 'Skip manager',
+  name: 'skip_manager',
+  required: false,
+  type: 'async_select',
+  fullWidth: false,
+  visibility: true,
+  readOnly: false,
+  placeholder: 'Select manager',
+  product: 'travel',
+  loadOption: approversOptions
 }, {
   id: 9,
   label: 'Base location',
@@ -5185,6 +5192,9 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState25 = React.useState([]),
     uploadedFiles = _useState25[0],
     setUploadedFiles = _useState25[1];
+  var _useState26 = React.useState(70),
+    maxLengthForModal = _useState26[0],
+    setMaxLengthForModal = _useState26[1];
   var defaultAddModalData = {
     isOpen: false,
     isError: false,
@@ -5197,12 +5207,12 @@ var UserAddEdit = function UserAddEdit(props) {
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
-    maxLength: 70,
+    maxLength: maxLengthForModal,
     minLength: 0
   };
-  var _useState26 = React.useState(defaultAddModalData),
-    addModalData = _useState26[0],
-    setAddModalData = _useState26[1];
+  var _useState27 = React.useState(defaultAddModalData),
+    addModalData = _useState27[0],
+    setAddModalData = _useState27[1];
   var onAddModalClose = function onAddModalClose() {
     setAddModalData(_extends({}, defaultAddModalData));
   };
@@ -5222,12 +5232,16 @@ var UserAddEdit = function UserAddEdit(props) {
     var title = '';
     if (id === 'entity') {
       title = 'Entity';
+      setMaxLengthForModal(70);
     } else if (id === 'department') {
       title = 'Department';
+      setMaxLengthForModal(70);
     } else if (id === 'business_unit') {
+      setMaxLengthForModal(150);
       title = 'Business unit';
     } else if (id === 'employee_level') {
       title = 'Employee level';
+      setMaxLengthForModal(70);
     }
     setAddModalData(_extends({}, addModalData, {
       isOpen: true,
@@ -5851,24 +5865,6 @@ var UserAddEdit = function UserAddEdit(props) {
                   return _extends({}, prevState, expenseApprovers);
                 });
               }
-              var _uploadedDocs2 = [];
-              res.files.forEach(function (_file) {
-                _uploadedDocs2.push({
-                  user_file_name: _file.user_file_name,
-                  id: _file.id,
-                  isExistingFile: true,
-                  file_type: _file.file_type
-                });
-              });
-              if (res && res.profile_pic) {
-                _uploadedDocs2.push({
-                  user_file_name: res.profile_pic.user_file_name,
-                  id: res.profile_pic.id,
-                  isExistingFile: true,
-                  file_type: res.profile_pic.file_type
-                });
-              }
-              setUploadedFiles(_uploadedDocs2);
             }
           })["catch"](function () {})["finally"](function () {
             dispatch(stopLoader());
@@ -5960,7 +5956,7 @@ var UserAddEdit = function UserAddEdit(props) {
         IUIToastMessageService$4.warningNotify(checkAnyError);
         return Promise.resolve();
       }
-      console.log(employeeInfoInput, "data");
+      console.log(employeeInfoInput, 'data');
       if (employeeInfoInput.manager_id.value !== '') {
         employeeInfoInput.manager_id = employeeInfoInput.manager.value;
       }
@@ -6454,6 +6450,9 @@ var UserAddEdit = function UserAddEdit(props) {
     if (!p.visibility) {
       return null;
     }
+    if (p.name === 'profile_pic' && config.env.isExpenseProduct) {
+      return null;
+    }
     return /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
       item: true,
       sm: 12,
@@ -8807,10 +8806,8 @@ var UndoButton = function UndoButton(_ref) {
 };
 var UserList = function UserList(_ref2) {
   var config = _ref2.config,
-    isProfile = _ref2.isProfile,
-    _ref2$tabVal = _ref2.tabVal,
-    tabVal = _ref2$tabVal === void 0 ? 'current' : _ref2$tabVal;
-  env$7.init(config, isProfile, tabVal);
+    isProfile = _ref2.isProfile;
+  env$7.init(config, isProfile);
   var history = reactRouterDom.useHistory();
   var _useSelector = reactRedux.useSelector(function (state) {
       return state.userList;
@@ -8820,18 +8817,15 @@ var UserList = function UserList(_ref2) {
     deactivatedUsers = _useSelector.deactivatedUsers,
     tabValue = _useSelector.tabValue;
   var newSelecteds = userListInfo.results;
-  var _React$useState = React__default.useState(0),
-    activeTab = _React$useState[0],
-    setActiveTab = _React$useState[1];
-  var _React$useState2 = React__default.useState(''),
-    deactivateUser = _React$useState2[0],
-    setDeactivateUser = _React$useState2[1];
-  var _React$useState3 = React__default.useState(null),
-    defaultId = _React$useState3[0],
-    setDefaultId = _React$useState3[1];
-  var _React$useState4 = React__default.useState(1),
-    page = _React$useState4[0],
-    setPage = _React$useState4[1];
+  var _React$useState = React__default.useState(''),
+    deactivateUser = _React$useState[0],
+    setDeactivateUser = _React$useState[1];
+  var _React$useState2 = React__default.useState(null),
+    defaultId = _React$useState2[0],
+    setDefaultId = _React$useState2[1];
+  var _React$useState3 = React__default.useState(1),
+    page = _React$useState3[0],
+    setPage = _React$useState3[1];
   var _useState = React.useState([]),
     selectedUsersNotApprover = _useState[0],
     setSelectedUsersNotApprover = _useState[1];
@@ -8841,24 +8835,24 @@ var UserList = function UserList(_ref2) {
   var _useState3 = React.useState(false),
     isBulkDeactivateModalOpen = _useState3[0],
     setIsBulkDeactivateModalOpen = _useState3[1];
-  var _React$useState5 = React__default.useState(''),
-    user = _React$useState5[0],
-    setUser = _React$useState5[1];
+  var _React$useState4 = React__default.useState(''),
+    user = _React$useState4[0],
+    setUser = _React$useState4[1];
   var _useState4 = React.useState(10),
     rowsPerPage = _useState4[0],
     setRowsPerPage = _useState4[1];
-  var _React$useState6 = React__default.useState({}),
-    selected = _React$useState6[0],
-    setSelected = _React$useState6[1];
-  var _React$useState7 = React__default.useState('asc'),
-    order = _React$useState7[0],
-    setOrder = _React$useState7[1];
-  var _React$useState8 = React__default.useState(false),
-    deactivateSingle = _React$useState8[0],
-    setDeactivateSingle = _React$useState8[1];
-  var _React$useState9 = React__default.useState('first_name'),
-    orderBy = _React$useState9[0],
-    setOrderBy = _React$useState9[1];
+  var _React$useState5 = React__default.useState({}),
+    selected = _React$useState5[0],
+    setSelected = _React$useState5[1];
+  var _React$useState6 = React__default.useState('asc'),
+    order = _React$useState6[0],
+    setOrder = _React$useState6[1];
+  var _React$useState7 = React__default.useState(false),
+    deactivateSingle = _React$useState7[0],
+    setDeactivateSingle = _React$useState7[1];
+  var _React$useState8 = React__default.useState('first_name'),
+    orderBy = _React$useState8[0],
+    setOrderBy = _React$useState8[1];
   var _useState5 = React.useState(''),
     searchValue = _useState5[0],
     setSearchValue = _useState5[1];
@@ -8908,9 +8902,9 @@ var UserList = function UserList(_ref2) {
   var _useState17 = React.useState(''),
     userIds = _useState17[0],
     setUserIds = _useState17[1];
-  var _React$useState10 = React__default.useState(false),
-    overlayMenu = _React$useState10[0],
-    setOverlayMenu = _React$useState10[1];
+  var _React$useState9 = React__default.useState(false),
+    overlayMenu = _React$useState9[0],
+    setOverlayMenu = _React$useState9[1];
   var _useState18 = React.useState(''),
     userFirstName = _useState18[0],
     setUserFirstName = _useState18[1];
@@ -8920,14 +8914,6 @@ var UserList = function UserList(_ref2) {
   var _useState20 = React.useState(true),
     isDisabledSubmitBtn = _useState20[0],
     setIsDisabledSubmitBtn = _useState20[1];
-  React.useEffect(function () {
-    setActiveTab(tabValue);
-  }, [tabValue]);
-  React.useEffect(function () {
-    if (tabVal === 'sign-up') {
-      dispatch(updateTabValue(1));
-    }
-  }, []);
   useScrollPosition.useScrollPosition(function (_ref3) {
     var prevPos = _ref3.prevPos,
       currPos = _ref3.currPos;
@@ -8948,18 +8934,18 @@ var UserList = function UserList(_ref2) {
       behavior: 'smooth'
     });
   };
-  var _React$useState11 = React__default.useState(1),
-    signup_page = _React$useState11[0],
-    setSignUpPage = _React$useState11[1];
+  var _React$useState10 = React__default.useState(1),
+    signup_page = _React$useState10[0],
+    setSignUpPage = _React$useState10[1];
   var _useState21 = React.useState(5),
     signup_rowsPerPage = _useState21[0],
     setSignUpRowsPerPage = _useState21[1];
-  var _React$useState12 = React__default.useState('asc'),
-    signup_order = _React$useState12[0],
-    setSignUpOrder = _React$useState12[1];
-  var _React$useState13 = React__default.useState('fname'),
-    signup_orderBy = _React$useState13[0],
-    setSignUpOrderBy = _React$useState13[1];
+  var _React$useState11 = React__default.useState('asc'),
+    signup_order = _React$useState11[0],
+    setSignUpOrder = _React$useState11[1];
+  var _React$useState12 = React__default.useState('fname'),
+    signup_orderBy = _React$useState12[0],
+    setSignUpOrderBy = _React$useState12[1];
   var _useState22 = React.useState(''),
     signup_searchValue = _useState22[0],
     set_signup_SearchValue = _useState22[1];
@@ -8991,31 +8977,14 @@ var UserList = function UserList(_ref2) {
       var _SelectedUsersNotApprover = [].concat(selectedUsersNotApprover);
       var _SelectedUsersApprover = [].concat(selectedUsersApprover);
       var _selected = Object.values(selected).flat();
-      var temp1 = {};
-      var temp2 = {};
-      var tempArray1 = [];
-      var tempArray2 = [];
-      _SelectedUsersNotApprover.map(function (item) {
-        if (temp1[item.id] !== item) {
-          temp1[item.id] = item;
-        }
+      _SelectedUsersNotApprover = _SelectedUsersNotApprover.filter(function (item) {
+        return _selected.includes(item.id.toString());
       });
-      _SelectedUsersApprover.map(function (item) {
-        if (temp2[item.id] !== item) {
-          temp2[item.id] = item;
-        }
+      _SelectedUsersApprover = _SelectedUsersApprover.filter(function (item) {
+        return _selected.includes(item.id.toString());
       });
-      for (var i = 0; i < _selected.length; i++) {
-        if (temp1[_selected[i]] != undefined) {
-          if (_selected[i] == temp1[_selected[i]].id) {
-            tempArray1.push(temp1[_selected[i]]);
-          }
-        } else if (temp2[_selected[i]].id != undefined) {
-          if (_selected[i] == temp2[_selected[i]].id) tempArray2.push(temp2[_selected[i]]);
-        }
-      }
-      setSelectedUsersNotApprover(tempArray1);
-      setSelectedUsersApprover(tempArray2);
+      setSelectedUsersNotApprover(_SelectedUsersNotApprover);
+      setSelectedUsersApprover(_SelectedUsersApprover);
       setIsBulkDeactivateModalOpen(true);
     } else {
       setOpenDeActivateModalFlag(true);
@@ -9558,7 +9527,7 @@ var UserList = function UserList(_ref2) {
   })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     className: styles$5.tablewrapper
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUITabs, {
-    value: activeTab,
+    value: tabValue,
     customTabHandler: function customTabHandler(value) {
       return dispatch(updateTabValue(value));
     },
@@ -10473,12 +10442,20 @@ var UserPanel = function UserPanel(_ref) {
     var validatedValue = _value.replace(/\s+/g, ' ').trim();
     setDataList(validatedValue);
   };
+  var _useState17 = React.useState(70),
+    maxLengthForModal = _useState17[0],
+    setMaxLengthForModal = _useState17[1];
+  React.useEffect(function () {
+    if (title === 'Business unit') {
+      setMaxLengthForModal(150);
+    }
+  }, []);
   var validation = {
     regexOnChange: /^[(A-Z)(a-z)(0-9)&'\-_.,/: ]*$/,
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
-    maxLength: 70,
+    maxLength: maxLengthForModal,
     minLength: 0
   };
   React.useEffect(function () {