@itilite/iui-user-management 0.3.10 → 0.3.12

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;

package/dist/index.js

@@ -1984,6 +1984,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 +2004,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 +2027,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 +2064,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) {
@@ -4234,6 +4272,7 @@ var initialState$5 = {
   loading: false,
   data: [],
   isOpenModal: false,
+  isOpenDeleteModal: false,
   editLabel: {
     isEditMode: false,
     attribute_column: null,
@@ -4264,6 +4303,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 +8223,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,
@@ -9932,6 +9978,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 +10039,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 +10105,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 +10127,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 +10146,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 +10155,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, {