@itilite/iui-user-management 0.0.7 → 0.0.9

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, 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, 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';
@@ -12,7 +12,6 @@ import { composeWithDevTools } from 'redux-devtools-extension';
 import { useHistory } from 'react-router-dom';
 import { withStyles } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
-import { TableContainer, Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -4425,7 +4424,7 @@ var AdditionalInfo = function AdditionalInfo(_ref) {
   }))))));
 };
 
-var styles$3 = {"root":"_b_muK","minWidth":"_3OQXs","bullet":"_1Q5vL","pos":"_6wGWA","cardHeader":"_SWCfJ","pageHeader":"_2ZeWp","buttonHover":"_2Iuy1","cardHeaderBackground":"_3NJWF"};
+var styles$3 = {"root":"_b_muK","minWidth":"_3OQXs","bullet":"_1Q5vL","pos":"_6wGWA","cardHeader":"_SWCfJ","pageHeader":"_2ZeWp","buttonHover":"_2Iuy1","cardHeaderBackground":"_3NJWF","actionCustom":"_3Kbfm"};
 
 var VerificationError = function VerificationError(_ref) {
   var config = _ref.config,
@@ -4448,8 +4447,8 @@ var VerificationError = function VerificationError(_ref) {
     description: errMsg,
     actionComponent: /*#__PURE__*/React.createElement(IUIButton, {
       className: styles$3.buttonHover,
-      buttonText: "Back to Homepage",
-      size: "small",
+      buttonText: "BACK TO HOMEPAGE",
+      type: "outlined",
       onClick: function onClick() {
         return history.push(config.routes.fallbackUrl);
       }
@@ -6827,8 +6826,8 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
   };
 
   var CustomStepIcon = function CustomStepIcon(step) {
-    if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step.step === Number(activeStep)) {
-      return /*#__PURE__*/React.createElement(IUIRadio, {
+    if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step === Number(activeStep)) {
+      return /*#__PURE__*/React.createElement(IUIPrimaryRadio, {
         checked: true,
         className: clsx(styles$4.customRadioEach),
         size: "small",
@@ -6836,16 +6835,16 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
       });
     }
 
-    if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step.step !== Number(activeStep)) {
-      return /*#__PURE__*/React.createElement(IUIRadio, {
+    if ((importStatus === 1 || importStatus === 2 || importStatus === 4) && step !== Number(activeStep)) {
+      return /*#__PURE__*/React.createElement(IUIPrimaryRadio, {
         className: clsx(styles$4.customRadioEach),
         size: "small",
         disabled: true
       });
     }
 
-    if (importStatus === 3 && step.step === Number(activeStep)) {
-      return /*#__PURE__*/React.createElement(IUIRadio, {
+    if (importStatus === 3 && step === Number(activeStep)) {
+      return /*#__PURE__*/React.createElement(IUIPrimaryRadio, {
         checked: true,
         className: clsx(styles$4.customRadioEach),
         size: "small",
@@ -6853,7 +6852,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
       });
     }
 
-    if (importStatus === 3 && step.step !== Number(activeStep)) {
+    if (importStatus === 3 && step !== Number(activeStep)) {
       return /*#__PURE__*/React.createElement(CheckCircleIcon, {
         width: "20",
         height: "20",
@@ -6958,7 +6957,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
     activeStep: activeStep,
     nonLinear: true,
     className: styles$4.stepper,
-    icon: /*#__PURE__*/React.createElement(CustomStepIcon, null),
+    CustomStepIcon: CustomStepIcon,
     steps: steps
   }), importStatus === 1 && /*#__PURE__*/React.createElement(IUIBox, {
     display: "flex",
@@ -7138,7 +7137,7 @@ var UserBulkUpload = function UserBulkUpload(_ref) {
   }, /*#__PURE__*/React.createElement(IUIFormControlLabel, {
     control: /*#__PURE__*/React.createElement(IUICheckBox, {
       handleCheckBoxHandler: handleExistingUserUpdation,
-      checkboxFlag: canUpdateExistingUsers
+      checked: canUpdateExistingUsers
     }),
     label: "Update any existing users",
     className: clsx(styles$4.checkboxlabel, (_clsx5 = {}, _clsx5[styles$4.disabledText] = +userBulkImportInfo.exist_users === 0, _clsx5)),
@@ -7476,31 +7475,35 @@ var BulkActionHistoryTable = function BulkActionHistoryTable(props) {
 
 var styles$6 = {"UUICustomFields":"_tdVCY","pageHeader":"_8iQvL","buttonWrapper":"_2k_GJ","headingWrapper":"_1rYVz","heading":"_2nxXO","headingLarge":"_2auvl","headingMedium":"_Wjaw1","headingSmall":"_1UmTe","description":"_2BS2i","headerText":"_3SZ_X","letterImage":"_2AwAF","tablewrapper":"_3qSxj","rowText":"_2ZSw6","textTransform":"_1F6ss","lightColor":"_2Wjom","importModalBodyContainer":"_2JCWP","dividerColor":"_3EsJG","downloadTemplateContainer":"_2uRic","downloadTemplateDescContainer":"_55kg5","labelContainer":"_78mCn","downlTempHeader":"_lqUA2","downlTempDescription":"_1vT5l","colGap":"_1x_9W","tableHead":"_5SygC","actionButtons":"_3PeqN","emptyData":"_1bHs-"};
 
-function SkeletonLoader() {
-  return /*#__PURE__*/React.createElement(IUIBox, {
-    className: styles$6.tablewrapper,
+function SkeletonLoader(_ref) {
+  var _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [{
+    variant: 'rect',
+    height: 100,
     style: {
-      margin: 20
+      top: 20,
+      bottom: 20
     }
-  }, /*#__PURE__*/React.createElement(IUISkeleton, {
-    variant: "rect",
-    height: 120,
-    style: {
-      marginTop: 40,
-      marginBottom: 20
-    }
-  }), /*#__PURE__*/React.createElement(IUISkeleton, {
-    variant: "rect",
+  }, {
+    variant: 'rect',
     height: 50,
     style: {
-      marginBottom: 20
+      bottom: 20
     }
-  }), /*#__PURE__*/React.createElement(IUISkeleton, {
-    variant: "rect",
+  }, {
+    variant: 'rect',
     height: 500,
     style: {
-      marginBottom: 20
+      bottom: 20
     }
+  }] : _ref$data;
+  return /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$6.tablewrapper,
+    style: {
+      margin: 20
+    }
+  }, /*#__PURE__*/React.createElement(IUISkeleton, {
+    data: data
   }));
 }
 
@@ -9274,7 +9277,7 @@ var PageHeader = function PageHeader() {
   }));
 };
 
-function CustomFieldsTable() {
+function Table() {
   var _useSelector = useSelector(function (state) {
     return state.customFields;
   }),
@@ -9287,41 +9290,51 @@ function CustomFieldsTable() {
     dispatch(toggleModal(true));
   };
 
+  var columns = [{
+    id: 'sno',
+    label: '#',
+    sortable: false,
+    cell: function cell(row, i) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div"
+      }, /*#__PURE__*/React.createElement(IUITypography, null, i + 1));
+    }
+  }, {
+    id: 'name',
+    label: 'Name',
+    sortable: false,
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        component: "div"
+      }, /*#__PURE__*/React.createElement(IUITypography, null, row.field_name));
+    }
+  }, {
+    id: 'actions',
+    label: 'Actions',
+    align: 'left',
+    cell: function cell(row) {
+      return /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Edit",
+        onClick: function onClick() {
+          return handleEdit(row);
+        }
+      });
+    },
+    style: {
+      paddingLeft: '40px'
+    }
+  }];
   return /*#__PURE__*/React.createElement(IUIBox, {
     className: styles$6.tablewrapper
-  }, /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
-    "aria-label": "simple table",
-    style: {
-      height: 'auto !important'
-    }
-  }, /*#__PURE__*/React.createElement(TableHead, {
-    className: styles$6.tableHead
-  }, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, {
-    align: "left",
-    width: "40%"
-  }, "#"), /*#__PURE__*/React.createElement(TableCell, {
-    width: "40%"
-  }, "Name"), /*#__PURE__*/React.createElement(TableCell, {
-    width: "20%",
-    style: {
-      paddingLeft: '3%'
-    }
-  }, "Action"))), /*#__PURE__*/React.createElement(TableBody, null, data.length === 0 ? /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, null), /*#__PURE__*/React.createElement(TableCell, null, /*#__PURE__*/React.createElement(IUIBox, {
-    className: styles$6.emptyData
-  }, "No data available")), /*#__PURE__*/React.createElement(TableCell, null)) : data.map(function (row, i) {
-    return /*#__PURE__*/React.createElement(TableRow, {
-      key: row.id.toString()
-    }, /*#__PURE__*/React.createElement(TableCell, {
-      align: "left"
-    }, i + 1), /*#__PURE__*/React.createElement(TableCell, null, row.field_name), /*#__PURE__*/React.createElement(TableCell, {
-      className: styles$6.actionButtons
-    }, /*#__PURE__*/React.createElement(IUIButton, {
-      buttonText: "Edit",
-      onClick: function onClick() {
-        return handleEdit(row);
-      }
-    })));
-  })))));
+  }, /*#__PURE__*/React.createElement(IUITable, {
+    hasFilter: false,
+    isCheckboxTable: false,
+    columns: columns,
+    rows: data,
+    count: data.length,
+    searchHide: true,
+    hidePagination: true
+  }));
 }
 
 var env$9 = configs.env;
@@ -9337,27 +9350,40 @@ var CustomFields$1 = function CustomFields(_ref) {
   }),
       isTokenVerified = _useSelector.isTokenVerified;
 
-  var _useSelector2 = useSelector(function (state) {
-    return state.customFields;
-  }),
-      loading = _useSelector2.loading;
+  var _useState = useState(true),
+      loading = _useState[0],
+      setLoading = _useState[1];
 
   useEffect(function () {
-    dispatch(showLoader$1());
+    setLoading(true);
     var roleCanAccess = ['travel_itilite_admin', 'travel_admin', 'expense_itilite_admin', 'expense_admin'];
     dispatch(verifyAccessToken(roleCanAccess));
   }, []);
   useEffect(function () {
     if (isTokenVerified) {
       dispatch(fetchCustomFields())["finally"](function () {
-        dispatch(stopLoader$1());
+        setLoading(false);
       });
     }
   }, [isTokenVerified]);
   return /*#__PURE__*/React.createElement(IUIBox, {
     component: "div",
     className: styles$6.UUICustomFields
-  }, /*#__PURE__*/React.createElement(PageHeader, null), loading ? /*#__PURE__*/React.createElement(SkeletonLoader, null) : /*#__PURE__*/React.createElement(CustomFieldsTable, null));
+  }, /*#__PURE__*/React.createElement(PageHeader, null), loading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    data: [{
+      variant: 'rect',
+      height: 50,
+      style: {
+        bottom: 20
+      }
+    }, {
+      variant: 'rect',
+      height: 500,
+      style: {
+        bottom: 20
+      }
+    }]
+  }) : /*#__PURE__*/React.createElement(Table, null));
 };
 
 var index$4 = withStore(CustomFields$1);