@itilite/iui-user-management 0.3.10 → 0.3.12

package/dist/index.modern.js

@@ -1981,6 +1981,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 = configs.api;
 var IUIToastMessageService$3 = services.IUIToastMessageService;
@@ -2000,6 +2001,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
@@ -2017,6 +2024,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,
@@ -2048,6 +2061,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) {
@@ -4231,6 +4269,7 @@ var initialState$5 = {
   loading: false,
   data: [],
   isOpenModal: false,
+  isOpenDeleteModal: false,
   editLabel: {
     isEditMode: false,
     attribute_column: null,
@@ -4261,6 +4300,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, {
@@ -8174,7 +8220,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,
@@ -9929,6 +9975,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 = useDispatch();
+
+  var deleteCustomFields = function deleteCustomFields() {
+    if (data.attribute_column) {
+      dispatch(deleteCustomField(data.attribute_column)).then(function (res) {
+        closeModalHandler();
+      });
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(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.createElement(IUIBox, {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    display: "flex",
+    className: styles$6.baseAlert
+  }, /*#__PURE__*/React.createElement(IUIBox, {
+    className: styles$6.iconLayout
+  }, /*#__PURE__*/React.createElement(BoldInfoIcon, {
+    color: "#CA8A04",
+    width: "25",
+    height: "20",
+    className: styles$6.iconStyle
+  })), /*#__PURE__*/React.createElement(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 = useDispatch();
 
@@ -9936,7 +10036,8 @@ var PageHeader = function PageHeader() {
     return state.customFields;
   }),
       editLabel = _useSelector.editLabel,
-      isOpenModal = _useSelector.isOpenModal;
+      isOpenModal = _useSelector.isOpenModal,
+      isOpenDeleteModal = _useSelector.isOpenDeleteModal;
 
   var _useSelector2 = useSelector(function (state) {
     return state.common;
@@ -10001,6 +10102,12 @@ var PageHeader = function PageHeader() {
     isEditMode: editLabel.isEditMode,
     editId: editLabel.attribute_column,
     defaultValue: editLabel.field_name
+  }), /*#__PURE__*/React.createElement(DeleteCustomFieldModal, {
+    isOpenDeleteModal: isOpenDeleteModal,
+    closeModalHandler: function closeModalHandler() {
+      return dispatch(toggleDeleteModal(false));
+    },
+    data: editLabel
   }));
 };
 
@@ -10017,10 +10124,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.createElement(IUIBox, {
         component: "div"
@@ -10030,6 +10143,7 @@ function Table() {
     id: 'name',
     label: 'Name',
     sortable: false,
+    width: '45%',
     cell: function cell(row) {
       return /*#__PURE__*/React.createElement(IUIBox, {
         component: "div"
@@ -10038,17 +10152,23 @@ function Table() {
   }, {
     id: 'actions',
     label: 'Actions',
-    align: 'left',
+    width: '10%',
     cell: function cell(row) {
-      return /*#__PURE__*/React.createElement(IUIButton, {
+      return /*#__PURE__*/React.createElement(IUIBox, {
+        display: "flex"
+      }, /*#__PURE__*/React.createElement(IUIButton, {
         buttonText: "Edit",
+        className: styles$6.buttonWidth,
         onClick: function onClick() {
           return handleEdit(row);
         }
-      });
-    },
-    style: {
-      paddingLeft: '40px'
+      }), /*#__PURE__*/React.createElement(IUIButton, {
+        buttonText: "Delete",
+        className: styles$6.buttonWidth,
+        onClick: function onClick() {
+          return handleDelete(row);
+        }
+      }));
     }
   }];
   return /*#__PURE__*/React.createElement(IUIBox, {