@itilite/iui-user-management 0.3.11 → 0.3.13

package/dist/index.css

@@ -947,6 +947,35 @@
   width: 100%;
   font-size: initial;
 }
+
+._2W2Jo {
+  min-width: 0px !important;
+}
+
+._31IgO {
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  margin-top: 4px;
+}
+
+._342t1 {
+  gap: 12px;
+  border: 1px solid #FDE047;
+  background-color: #FEFCE8;
+  border-radius: 6px;
+  padding: 16px;
+  word-break: break-word;
+}
+
+._3hgYk {
+  position: absolute;
+  left: 8.33%;
+  right: 8.33%;
+  top: 8.33%;
+  bottom: 8.33%;
+  background: #CA8A04;
+}
 ._1EFxC {
   flex: 0.17;
   max-width: 218px;
@@ -1041,4 +1070,9 @@
   font-family: "Inter", sans-serif;
   font-size: 1rem;
   line-height: 150%;
+}
+
+._3xdGF table tbody tr:first-child {
+  height: 73px;
+  background-color: rgba(0, 0, 0, 0.04);
 }

package/dist/index.js

@@ -1789,6 +1789,7 @@ var STOP_LOADER$2 = 'STOP_LOADER';
 var OPEN_DIALOG = 'OPEN_DIALOG';
 var CLOSE_DIALOG = 'CLOSE_DIALOG';
 var FETCH_USERPANEL_DATA = 'FETCH_USERPANEL_DATA';
+var UNASSIGNED_USERS = 'Not assigned';
 
 var api$3 = utils.configs.api;
 var IUIToastMessageService$2 = utils.services.IUIToastMessageService;
@@ -1984,6 +1985,7 @@ var SET_MODAL = 'SET_MODAL';
 var RESET_EDIT_MODAL = 'RESET_EDIT_MODAL';
 var SET_EDIT_MODAL = 'SET_EDIT_MODAL';
 var UPDATE_CUSTOM_FIELD = 'UPDATE_CUSTOM_FIELD';
+var SET_DELETE_MODAL = 'SET_DELETE_MODAL';
 
 var api$5 = utils.configs.api;
 var IUIToastMessageService$3 = utils.services.IUIToastMessageService;
@@ -2003,6 +2005,12 @@ var toggleModal = function toggleModal(payload) {
     payload: payload
   };
 };
+var toggleDeleteModal = function toggleDeleteModal(payload) {
+  return {
+    type: SET_DELETE_MODAL,
+    payload: payload
+  };
+};
 var resetEditModal = function resetEditModal() {
   return {
     type: RESET_EDIT_MODAL
@@ -2020,6 +2028,12 @@ var setCustomFields = function setCustomFields(payload) {
     payload: payload
   };
 };
+var removeCustomField = function removeCustomField(payload) {
+  return {
+    type: REMOVE_CUSTOM_FIELD,
+    payload: payload
+  };
+};
 var updateCustomField = function updateCustomField(payload) {
   return {
     type: UPDATE_CUSTOM_FIELD,
@@ -2051,6 +2065,31 @@ var fetchCustomFields = function fetchCustomFields() {
     });
   };
 };
+var deleteCustomField = function deleteCustomField(attributeColumn) {
+  return function (dispatch) {
+    return new Promise(function (resolve, reject) {
+      api$5["delete"](customFieldsUrls.customFields(), {
+        data: {
+          attribute_column: attributeColumn
+        }
+      }).then(function (res) {
+        if (res.data.status === true) {
+          dispatch(removeCustomField(attributeColumn));
+          IUIToastMessageService$3.sNotify(res.data.message);
+          resolve();
+        } else {
+          IUIToastMessageService$3.warningNotify(res.data.message);
+          reject(res);
+        }
+      })["catch"](function (err) {
+        var _err$response2, _err$response2$data;
+
+        IUIToastMessageService$3.warningNotify((err === null || err === void 0 ? void 0 : (_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.message) || 'Opps, Something went wrong.');
+        reject(err);
+      });
+    });
+  };
+};
 var editCustomFieldLabel = function editCustomFieldLabel(payload) {
   return function (dispatch) {
     return new Promise(function (resolve, reject) {
@@ -4070,6 +4109,12 @@ var reducer$2 = function reducer(state, action) {
   switch (action.type) {
     case FETCH_USERPANEL_DATA:
       {
+        action.payload.previous === null && action.payload.results.unshift({
+          code: UNASSIGNED_USERS,
+          company: 4,
+          name: UNASSIGNED_USERS,
+          no_of_users: action.payload.unassigned_users
+        });
         return _extends({}, state, {
           userPanelData: action.payload
         });
@@ -4234,6 +4279,7 @@ var initialState$5 = {
   loading: false,
   data: [],
   isOpenModal: false,
+  isOpenDeleteModal: false,
   editLabel: {
     isEditMode: false,
     attribute_column: null,
@@ -4264,6 +4310,13 @@ var reducer$5 = function reducer(state, action) {
         });
       }
 
+    case SET_DELETE_MODAL:
+      {
+        return _extends({}, state, {
+          isOpenDeleteModal: action.payload
+        });
+      }
+
     case RESET_EDIT_MODAL:
       {
         return _extends({}, state, {
@@ -8177,7 +8230,7 @@ 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-"};
+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-","buttonWidth":"_2W2Jo","iconLayout":"_31IgO","baseAlert":"_342t1","iconStyle":"_3hgYk"};
 
 function SkeletonLoader(_ref) {
   var _ref$data = _ref.data,
@@ -9172,7 +9225,7 @@ function Header(props) {
   })));
 }
 
-var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","buttonWidth":"_13tv0","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV"};
+var styles$7 = {"sidebar__container":"_1EFxC","sidebar__wrapper":"_3Mk3_","sidebar__navlinks":"_29KVG","sidebar__navlinks-title":"_2Eg7m","MuiListItem-button":"_3yWwI","Mui-selected":"_3Ou88","buttonWidth":"_13tv0","onBoardText":"_HUoW-","iconStyle":"_3k0Fb","iconLayout":"_v3GT2","baseAlert":"_12zY5","headingWrapper":"_20Qv9","pageHeader":"_36au5","description":"_tULrl","headerText":"_3W_ZV","tableContainer":"_3xdGF"};
 
 function Listview(_ref) {
   var data = _ref.data,
@@ -9214,7 +9267,7 @@ function Listview(_ref) {
     label: 'Actions',
     width: '10%',
     cell: function cell(row) {
-      return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+      return row.code !== UNASSIGNED_USERS && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
         display: "flex"
       }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
         buttonText: "Edit",
@@ -9238,7 +9291,8 @@ function Listview(_ref) {
     }
   }];
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
-    p: 3
+    p: 3,
+    className: data !== null && data !== void 0 && data.results && data.results.length > 0 && data.results[0].code === UNASSIGNED_USERS ? styles$7.tableContainer : ''
   }, /*#__PURE__*/React__default.createElement(iuistyles.IUITable, {
     searchHide: true,
     hasFilter: true,
@@ -9932,6 +9986,60 @@ function UserAddEdit$1() {
   }, "Levels"));
 }
 
+var DeleteCustomFieldModal = function DeleteCustomFieldModal(_ref) {
+  var isOpenDeleteModal = _ref.isOpenDeleteModal,
+      _ref$closeModalHandle = _ref.closeModalHandler,
+      closeModalHandler = _ref$closeModalHandle === void 0 ? function () {} : _ref$closeModalHandle,
+      data = _ref.data;
+  var dispatch = reactRedux.useDispatch();
+
+  var deleteCustomFields = function deleteCustomFields() {
+    if (data.attribute_column) {
+      dispatch(deleteCustomField(data.attribute_column)).then(function (res) {
+        closeModalHandler();
+      });
+    }
+  };
+
+  return /*#__PURE__*/React__default.createElement(iuistyles.IUIModal, {
+    isOpen: isOpenDeleteModal,
+    closeHandler: closeModalHandler,
+    headerText: "Delete " + data.field_name + " ?",
+    cancelLabel: "Cancel",
+    submitLabel: "Delete",
+    submitHandler: deleteCustomFields,
+    width: "365px",
+    modalBodyStyle: {
+      maxHeight: '600px',
+      overflow: 'auto',
+      margin: '0px'
+    },
+    footerStyle: {
+      justifyContent: 'end'
+    }
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column"
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    display: "flex",
+    className: styles$6.baseAlert
+  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+    className: styles$6.iconLayout
+  }, /*#__PURE__*/React__default.createElement(BoldInfoIcon, {
+    color: "#CA8A04",
+    width: "25",
+    height: "20",
+    className: styles$6.iconStyle
+  })), /*#__PURE__*/React__default.createElement(iuistyles.IUILabel, {
+    label: "User data associated with the custom field \"" + data.field_name + "\" will get lost. It may also affect the reporting and rules associated with the field.",
+    style: {
+      fontWeight: 'normal'
+    }
+  }))));
+};
+
 var PageHeader = function PageHeader() {
   var dispatch = reactRedux.useDispatch();
 
@@ -9939,7 +10047,8 @@ var PageHeader = function PageHeader() {
     return state.customFields;
   }),
       editLabel = _useSelector.editLabel,
-      isOpenModal = _useSelector.isOpenModal;
+      isOpenModal = _useSelector.isOpenModal,
+      isOpenDeleteModal = _useSelector.isOpenDeleteModal;
 
   var _useSelector2 = reactRedux.useSelector(function (state) {
     return state.common;
@@ -10004,6 +10113,12 @@ var PageHeader = function PageHeader() {
     isEditMode: editLabel.isEditMode,
     editId: editLabel.attribute_column,
     defaultValue: editLabel.field_name
+  }), /*#__PURE__*/React__default.createElement(DeleteCustomFieldModal, {
+    isOpenDeleteModal: isOpenDeleteModal,
+    closeModalHandler: function closeModalHandler() {
+      return dispatch(toggleDeleteModal(false));
+    },
+    data: editLabel
   }));
 };
 
@@ -10020,10 +10135,16 @@ function Table() {
     dispatch(toggleModal(true));
   };
 
+  var handleDelete = function handleDelete(field) {
+    dispatch(setEditModal(field));
+    dispatch(toggleDeleteModal(true));
+  };
+
   var columns = [{
     id: 'sno',
     label: '#',
     sortable: false,
+    width: '45%',
     cell: function cell(row, i) {
       return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
         component: "div"
@@ -10033,6 +10154,7 @@ function Table() {
     id: 'name',
     label: 'Name',
     sortable: false,
+    width: '45%',
     cell: function cell(row) {
       return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
         component: "div"
@@ -10041,17 +10163,23 @@ function Table() {
   }, {
     id: 'actions',
     label: 'Actions',
-    align: 'left',
+    width: '10%',
     cell: function cell(row) {
-      return /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+      return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
+        display: "flex"
+      }, /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
         buttonText: "Edit",
+        className: styles$6.buttonWidth,
         onClick: function onClick() {
           return handleEdit(row);
         }
-      });
-    },
-    style: {
-      paddingLeft: '40px'
+      }), /*#__PURE__*/React__default.createElement(iuistyles.IUIButton, {
+        buttonText: "Delete",
+        className: styles$6.buttonWidth,
+        onClick: function onClick() {
+          return handleDelete(row);
+        }
+      }));
     }
   }];
   return /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {