@itilite/iui-user-management 0.0.11 → 0.0.12

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';
@@ -6416,7 +6416,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 +7270,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 +7471,7 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleRowClick: handleNavigateToImportUserPage,
-    isRowClickable: true
+    isRowClickable: isRowClickable
   });
 };
 
@@ -7599,8 +7601,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 +7737,8 @@ var BulkActionHistory = function BulkActionHistory(_ref) {
     onRequestSort: onRequestSort,
     onSearchHandler: onSearchHandler,
     handleDownloadRecords: handleDownloadRecords,
-    handleNavigateToImportUserPage: handleNavigateToImportUserPage
+    handleNavigateToImportUserPage: handleNavigateToImportUserPage,
+    isRowClickable: isRowClickable
   }))));
 };
 
@@ -7815,37 +7823,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',