@itilite/iui-user-management 0.0.11 → 0.0.13

package/dist/index.css

@@ -756,6 +756,9 @@
 ._3WNHx ._1-RPw ._3Ghgw {
   color: #6b7280;
 }
+._3WNHx ._1-RPw ._2qO_X {
+  font-weight: normal;
+}
 
 ._25xUk {
   gap: 25px;

package/dist/index.js

@@ -3307,6 +3307,7 @@ var initialState = {
   maxTravelApprovers: 10,
   maxExpenseApprovers: 10,
   maxCustomAttributes: 10,
+  maxMembershipInput: 15,
   dateFormat: 'dd MMM yyyy',
   countryCode: 'IN',
   defaultCurrency: 'INR',
@@ -4132,6 +4133,11 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       secureTravelInfo = _useSelector.secureTravelInfo,
       travelPreference = _useSelector.travelPreference;
 
+  var _useSelector2 = reactRedux.useSelector(function (state) {
+    return state.userAddEdit;
+  }),
+      maxMembershipInput = _useSelector2.maxMembershipInput;
+
   var dropdownList = reactRedux.useSelector(function (state) {
     return state.userAddEdit.dropdownList;
   });
@@ -4219,7 +4225,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
     label: "Membership information",
     headerType: true,
-    description: "You can add up to 5 membership details"
+    description: "You can add up to " + maxMembershipInput + " membership details"
   })), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     item: true,
     sm: 12,
@@ -4261,7 +4267,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       return addMemInfoInput('hotel');
     }
   }))), membershipInfoInput.length > 0 && membershipInfoInput.map(function (val, index) {
-    if (index > 4) {
+    if (index >= maxMembershipInput) {
       return null;
     }
 
@@ -4309,7 +4315,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       width: "14",
       height: "14"
     })))));
-  }), membershipInfoInput.length < 5 && membershipInfoInput.length > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
+  }), membershipInfoInput.length < maxMembershipInput && membershipInfoInput.length > 0 && /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     item: true,
     md: 8,
     lg: 8,
@@ -4516,7 +4522,8 @@ var UserAddEdit = function UserAddEdit(props) {
       fieldsVisibility = _useSelector.fieldsVisibility,
       isRendered = _useSelector.isRendered,
       maxTravelApprovers = _useSelector.maxTravelApprovers,
-      maxExpenseApprovers = _useSelector.maxExpenseApprovers;
+      maxExpenseApprovers = _useSelector.maxExpenseApprovers,
+      maxMembershipInput = _useSelector.maxMembershipInput;
 
   var _useSelector2 = reactRedux.useSelector(function (state) {
     return state.common;
@@ -4856,7 +4863,7 @@ var UserAddEdit = function UserAddEdit(props) {
   };
 
   var addMemInfoInput = function addMemInfoInput(membershipType) {
-    if (membershipInfoInput.length >= 5) return;
+    if (membershipInfoInput.length >= maxMembershipInput) return;
     setMembershipInfoInput([].concat(membershipInfoInput, [{
       membership_type: membershipType,
       name: '',
@@ -6419,7 +6426,7 @@ var fetchBulkactionHistory = function fetchBulkactionHistory(url) {
   };
 };
 
-var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if"};
+var styles$5 = {"UUIUserManagementList":"_3WNHx","pageHeader":"_1WLpc","buttonWrapper":"_2egTG","headingWrapper":"_1He01","heading":"_1uPaO","headingLarge":"_2FsLd","headingMedium":"_nGXA9","headingSmall":"_2rpwF","description":"_25vb9","headerText":"_1Ny9J","letterImage":"_2hr3R","tablewrapper":"_1-RPw","rowText":"_1LXyO","textTransform":"_3kFQS","lightColor":"_3Ghgw","avatarClassName":"_2qO_X","importModalBodyContainer":"_25xUk","dividerColor":"_2HZv9","w100":"_3vGmU","downloadTemplateContainer":"_3-Xu_","downloadTemplateDescContainer":"_tLw43","labelContainer":"_7TYUZ","downlTempHeader":"__CZpe","downlTempDescription":"_19jEe","colGap":"_3vnY5","deActivateModalContainer":"_28H9H","backdrop":"_1ky1x","errorText":"_26_if"};
 
 var BulkUploadModal = function BulkUploadModal(props) {
   var isOpenImportUsersModal = props.isOpenImportUsersModal,
@@ -7273,7 +7280,9 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
       _props$handleDownload = props.handleDownloadRecords,
       handleDownloadRecords = _props$handleDownload === void 0 ? function () {} : _props$handleDownload,
       _props$handleNavigate = props.handleNavigateToImportUserPage,
-      handleNavigateToImportUserPage = _props$handleNavigate === void 0 ? function () {} : _props$handleNavigate;
+      handleNavigateToImportUserPage = _props$handleNavigate === void 0 ? function () {} : _props$handleNavigate,
+      _props$isRowClickable = props.isRowClickable,
+      isRowClickable = _props$isRowClickable === void 0 ? function () {} : _props$isRowClickable;
 
   var getStatusIcon = function getStatusIcon(status) {
     switch (status) {
@@ -7472,7 +7481,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleRowClick: handleNavigateToImportUserPage,
-    isRowClickable: true
+    isRowClickable: isRowClickable
   });
 };
 
@@ -7602,8 +7611,13 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
     setSearchingChangeTemp(!isSearchingChangeTemp);
   };
 
-  var handleNavigateToImportUserPage = function handleNavigateToImportUserPage(event, jobId) {
-    history.push(config.routes.bulkUpload["import"].path.replace(":" + config.routes.bulkUpload["import"].paramKeys.jobId, jobId));
+  var handleNavigateToImportUserPage = function handleNavigateToImportUserPage(event, data) {
+    if (data.history_info.type === 'deactivate') return false;
+    history.push(config.routes.bulkUpload["import"].path.replace(":" + config.routes.bulkUpload["import"].paramKeys.jobId, data.id));
+  };
+
+  var isRowClickable = function isRowClickable(data) {
+    return data.history_info.type !== 'deactivate';
   };
 
   var handleDownloadRecords = function handleDownloadRecords(e, type, jobId) {
@@ -7733,7 +7747,8 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleDownloadRecords: handleDownloadRecords,
-    handleNavigateToImportUserPage: handleNavigateToImportUserPage
+    handleNavigateToImportUserPage: handleNavigateToImportUserPage,
+    isRowClickable: isRowClickable
   }))));
 };
 
@@ -7818,37 +7833,22 @@ var StickyHeadTable = function StickyHeadTable(props) {
       _props$disableRowChec = props.disableRowCheckbox,
       disableRowCheckbox = _props$disableRowChec === void 0 ? false : _props$disableRowChec,
       searchValue = props.searchValue;
-
-  var getFirstLetterofName = function getFirstLetterofName(firstName, lastName) {
-    return firstName.charAt(0).toUpperCase() + lastName.charAt(0).toUpperCase();
-  };
-
   var columns = [{
     id: 'first_name',
     label: 'Name',
     minWidth: 250,
     sortable: true,
     cell: function cell(row) {
-      return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-        component: "div",
-        display: "flex",
-        alignItems: "center"
-      }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-        component: "div",
-        width: 50
-      }, /*#__PURE__*/React__default.createElement("p", {
-        "data-letters": getFirstLetterofName(row.first_name, row.last_name),
-        className: styles$5.letterImage
-      })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-        component: "div",
-        display: "flex",
-        flexDirection: "column",
-        width: 200
-      }, /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
-        className: clsx(styles$5.rowText, styles$5.textTransform)
-      }, row.first_name + ' ' + row.last_name), /*#__PURE__*/React__default.createElement(iuistyles.IUITypography, {
-        className: clsx(styles$5.rowText, styles$5.lightColor)
-      }, row.email)));
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIProfileBox, {
+        firstName: row.first_name,
+        lastName: row.last_name,
+        isLetterAvatar: true,
+        primaryText: row.first_name + ' ' + row.last_name,
+        secondaryText: row.email,
+        letterAvatarTextColor: "black",
+        letterAvatarBackgroundColor: "#d3d3d3",
+        avatarClassName: styles$5.avatarClassName
+      });
     }
   }, {
     id: 'emp_info__department__name',