@itilite/iui-user-management 0.0.11 → 0.0.13

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
+import { IUIAsyncSelect, IUIBox, IUILabel, IUIFileUpload, IUICheckboxButton, IUIPhone, IUISelect, IUIDatePicker, IUIInput, IUIDivider, IUIGrid, IUITypography, IUIRadio, IUIButton, IUIModal, IUIAccordion, IUIAccordionSummary, IUIAccordionDetails, IUIIconButton, IUICard, IUIBackdrop, IUICircularProgress, IUIBreadCrumb, IUIDropzone, IUIStepper, IUIFormControlLabel, IUICheckBox, IUIPrimaryRadio, IUITable, IUISkeleton, IUIProfileBox, IUIFormGroup, IUIDropdownButton } from '@itilite/iuistyles';
 import React, { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { configs, services, utilUrls } from '@itilite/utils';
 import moment from 'moment';
@@ -3304,6 +3304,7 @@ var initialState = {
   maxTravelApprovers: 10,
   maxExpenseApprovers: 10,
   maxCustomAttributes: 10,
+  maxMembershipInput: 15,
   dateFormat: 'dd MMM yyyy',
   countryCode: 'IN',
   defaultCurrency: 'INR',
@@ -4129,6 +4130,11 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       secureTravelInfo = _useSelector.secureTravelInfo,
       travelPreference = _useSelector.travelPreference;
 
+  var _useSelector2 = useSelector(function (state) {
+    return state.userAddEdit;
+  }),
+      maxMembershipInput = _useSelector2.maxMembershipInput;
+
   var dropdownList = useSelector(function (state) {
     return state.userAddEdit.dropdownList;
   });
@@ -4216,7 +4222,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   }, /*#__PURE__*/React.createElement(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.createElement(IUIGrid, {
     item: true,
     sm: 12,
@@ -4258,7 +4264,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;
     }
 
@@ -4306,7 +4312,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
       width: "14",
       height: "14"
     })))));
-  }), membershipInfoInput.length < 5 && membershipInfoInput.length > 0 && /*#__PURE__*/React.createElement(IUIGrid, {
+  }), membershipInfoInput.length < maxMembershipInput && membershipInfoInput.length > 0 && /*#__PURE__*/React.createElement(IUIGrid, {
     item: true,
     md: 8,
     lg: 8,
@@ -4513,7 +4519,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 = useSelector(function (state) {
     return state.common;
@@ -4853,7 +4860,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: '',
@@ -6416,7 +6423,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,
@@ -7270,7 +7277,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) {
@@ -7469,7 +7478,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleRowClick: handleNavigateToImportUserPage,
-    isRowClickable: true
+    isRowClickable: isRowClickable
   });
 };
 
@@ -7599,8 +7608,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) {
@@ -7730,7 +7744,8 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleDownloadRecords: handleDownloadRecords,
-    handleNavigateToImportUserPage: handleNavigateToImportUserPage
+    handleNavigateToImportUserPage: handleNavigateToImportUserPage,
+    isRowClickable: isRowClickable
   }))));
 };
 
@@ -7815,37 +7830,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.createElement(IUIBox, {
-        component: "div",
-        display: "flex",
-        alignItems: "center"
-      }, /*#__PURE__*/React.createElement(IUIBox, {
-        component: "div",
-        width: 50
-      }, /*#__PURE__*/React.createElement("p", {
-        "data-letters": getFirstLetterofName(row.first_name, row.last_name),
-        className: styles$5.letterImage
-      })), /*#__PURE__*/React.createElement(IUIBox, {
-        component: "div",
-        display: "flex",
-        flexDirection: "column",
-        width: 200
-      }, /*#__PURE__*/React.createElement(IUITypography, {
-        className: clsx(styles$5.rowText, styles$5.textTransform)
-      }, row.first_name + ' ' + row.last_name), /*#__PURE__*/React.createElement(IUITypography, {
-        className: clsx(styles$5.rowText, styles$5.lightColor)
-      }, row.email)));
+      return /*#__PURE__*/React.createElement(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',