code7-leia 0.1.91 → 0.1.93

package/dist/code7-leia.cjs.development.js

@@ -435,7 +435,8 @@ var defaultLanguage = {
     modal: {
       descriptionUpload: 'Drag and drop files here or',
       chooseFile: 'Choose a file',
-      uploadFile: 'Upload a file'
+      uploadFile: 'Upload a file',
+      deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.'
     }
   },
   buttons: {
@@ -473,7 +474,8 @@ var getLanguage = function getLanguage(language) {
         modal: _extends({}, defaultLanguage.fileArea.modal, {
           descriptionUpload: 'Arraste e solte os arquivos aqui ou',
           chooseFile: 'Escolha um arquivo',
-          uploadFile: 'Enviar um arquivo'
+          uploadFile: 'Enviar um arquivo',
+          deleteFile: 'Importante! Ao deletar esse arquivo você perderá todas as informações dele e não terá como recuperá-las.'
         })
       }),
       buttons: _extends({}, defaultLanguage.buttons, {
@@ -507,7 +509,8 @@ var getLanguage = function getLanguage(language) {
         }),
         modal: _extends({}, defaultLanguage.fileArea.modal, {
           descriptionUpload: 'Arrastre y suelte los archivos aquí o',
-          chooseFile: 'Elegir un archivo'
+          chooseFile: 'Elegir un archivo',
+          deleteFile: '¡Importante! Al borrar este archivo perderás toda la información contenida en él y no podrás recuperarla.'
         })
       }),
       buttons: _extends({}, defaultLanguage.buttons, {
@@ -532,7 +535,7 @@ var getLanguage = function getLanguage(language) {
 };
 
 var _templateObject$1, _templateObject2$1;
-var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: left;\n    gap: 4px;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n\n  .buttonDelete:hover {\n      background: #f5bba7;\n  }\n\n  .button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  .cancel {\n    background: #F3F5F9;\n    color: #5A5D68;\n  }\n\n  .send {\n    background: #102693;\n    color: white;\n  }\n\n  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n  }\n"])));
+var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .tag {\n    padding: 4px 8px 4px 8px;\n    background: #C7F9ED;\n    border-radius: 4px;\n  }\n\n  .tags {\n    display: flex;\n    justify-content: left;\n    gap: 4px;\n  }\n\n  .divDelete {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n  }\n\n  .buttonDelete:hover {\n      background: #f5bba7;\n  }\n\n  .button {\n    padding: 8px 16px 8px 16px;\n    border-radius: 4px;\n    gap: 10px;\n  }\n\n  .cancel {\n    background: #F3F5F9;\n    color: #5A5D68;\n  }\n\n  .send {\n    background: #102693;\n    color: white;\n  }\n\n  .presset {\n    padding-top: 10px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n"])));
 var Header = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  .infos {\n    display: flex;\n    flex-direction: column;\n    padding: 14px 0;\n\n    h2 {\n      font-size: 20px\n    }\n\n    p {\n      font-size: 14px\n    }\n  }\n\n  .actions {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 14px;\n\n    button {\n      background: #102693;\n      padding: 10px 20px;\n      color: white;\n      border-radius: 4px;\n    }\n  }\n\n"])));
 
 var _templateObject$2, _templateObject2$2, _templateObject3;
@@ -988,7 +991,9 @@ var SharedPropsProvider = function SharedPropsProvider(_ref) {
 
 var Types = {
   GET_FILES_REQUEST: '@files/GET_FILES_REQUEST',
-  GET_FILES_SUCCESS: '@files/GET_FILES_SUCCESS'
+  GET_FILES_SUCCESS: '@files/GET_FILES_SUCCESS',
+  DELETE_FILES_REQUEST: '@files/DELETE_FILES_REQUEST',
+  DELETE_FILES_SUCCESS: '@files/DELETE_FILES_SUCCESS'
 };
 
 var getFilesAction = function getFilesAction(id) {
@@ -1008,6 +1013,24 @@ var getFilesActionSuccess = function getFilesActionSuccess(_ref) {
     }
   };
 };
+var deleteFilesAction = function deleteFilesAction(name, id) {
+  return {
+    type: Types.DELETE_FILES_REQUEST,
+    payload: {
+      name: name,
+      id: id
+    }
+  };
+};
+var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
+  var files = _ref2.files;
+  return {
+    type: Types.DELETE_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
 
 var FileArea = function FileArea() {
   var _useState = React.useState([]),
@@ -1022,25 +1045,29 @@ var FileArea = function FileArea() {
   var _useState4 = React.useState(false),
     modal = _useState4[0],
     setModal = _useState4[1];
+  var _useState5 = React.useState(false),
+    modalDelete = _useState5[0],
+    setModalDelete = _useState5[1];
+  var _useState6 = React.useState(''),
+    fileDelete = _useState6[0],
+    setFileDelete = _useState6[1];
   var _useSharedProps = useSharedProps(),
     id = _useSharedProps.id,
     language = _useSharedProps.language;
-  console.log('-----language----->', language);
   var t = getLanguage(language);
-  console.log('-----t----->', t);
   var dispatch = reactRedux.useDispatch();
   var initFiles = reactRedux.useSelector(function (state) {
     return state.files;
   });
   var tags = ["pae", "boteria", "vr", "code7", "vidalink"];
   React.useEffect(function () {
-    console.log('useEffect, []');
     dispatch(getFilesAction(id));
   }, []);
   React.useEffect(function () {
-    console.log('----------initFiles------------>', initFiles);
-    console.log('----------!!initFiles------------>', !!initFiles);
-    setInitialFiles([]);
+    if (!!initFiles) {
+      setFiles(initFiles);
+      setInitialFiles(initFiles);
+    }
   }, [initFiles]);
   var optionsPresset = tags.map(function (tag) {
     return {
@@ -1059,6 +1086,13 @@ var FileArea = function FileArea() {
   var handleOpenModal = function handleOpenModal() {
     setModal(!modal);
   };
+  var handleOpenModalDelete = function handleOpenModalDelete(name) {
+    setFileDelete(name);
+    setModalDelete(!modalDelete);
+  };
+  var deleteFile = function deleteFile() {
+    dispatch(deleteFilesAction(fileDelete, id));
+  };
   var handleSelect = function handleSelect(value) {
     console.log(value);
     console.log(uploadFile);
@@ -1102,7 +1136,10 @@ var FileArea = function FileArea() {
       }), React__default.createElement("td", null, React__default.createElement("div", {
         className: 'divDelete'
       }, React__default.createElement("button", {
-        className: 'buttonDelete'
+        className: 'buttonDelete',
+        onClick: function onClick() {
+          return handleOpenModalDelete(object.name);
+        }
       }, t.buttons["delete"]))));
     }))), React__default.createElement(Modal$1, {
       isOpen: modal,
@@ -1127,7 +1164,25 @@ var FileArea = function FileArea() {
       className: 'button send',
       type: "submit",
       form: "form-tts"
-    }, t.buttons.send))));
+    }, t.buttons.send))), React__default.createElement(Modal$1, {
+      isOpen: modal,
+      maxWidth: "600px",
+      maxHeight: "max-content",
+      onClose: handleOpenModal,
+      title: t.fileArea.modal.uploadFile
+    }, React__default.createElement(ModalContent, null, React__default.createElement("p", {
+      id: 'warning'
+    }, t.fileArea.modal.deleteFile)), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
+      className: 'button cancel',
+      onClick: function onClick() {
+        return handleOpenModalDelete('');
+      }
+    }, t.buttons.cancel), React__default.createElement("button", {
+      className: 'button send',
+      type: "submit",
+      form: "form-tts",
+      onClick: deleteFile
+    }, t.buttons["delete"]))));
   };
   return React__default.createElement(Container, null, renderFiles());
 };
@@ -1286,6 +1341,9 @@ function filesReducer(state, action) {
       case Types.GET_FILES_SUCCESS:
         draft.files = action.payload.files;
         break;
+      case Types.DELETE_FILES_SUCCESS:
+        draft.files = action.payload.files;
+        break;
       default:
         return action.payload;
     }
@@ -1297,7 +1355,8 @@ axios.defaults.baseURL = "" + url;
 var api = /*#__PURE__*/axios.create();
 
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
-  _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+  _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
+  _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
 function getFilesSaga(action) {
   var id, _yield$call, data;
   return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
@@ -1327,17 +1386,49 @@ function getFilesSaga(action) {
     }
   }, _marked, null, [[0, 10]]);
 }
-function filesSagas() {
-  return _regeneratorRuntime().wrap(function filesSagas$(_context2) {
+function deleteFilesSaga(action) {
+  var _action$payload, id, name, _yield$call2, data;
+  return _regeneratorRuntime().wrap(function deleteFilesSaga$(_context2) {
     while (1) switch (_context2.prev = _context2.next) {
       case 0:
-        _context2.next = 2;
-        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga)]);
-      case 2:
+        _context2.prev = 0;
+        _action$payload = action.payload, id = _action$payload.id, name = _action$payload.name;
+        _context2.next = 4;
+        return effects.call(api["delete"], "/delete/" + id + "/" + name);
+      case 4:
+        _context2.next = 6;
+        return effects.call(api.get, "/files/" + id);
+      case 6:
+        _yield$call2 = _context2.sent;
+        data = _yield$call2.data;
+        _context2.next = 10;
+        return effects.put(deleteFilesActionSuccess({
+          files: data.files
+        }));
+      case 10:
+        _context2.next = 15;
+        break;
+      case 12:
+        _context2.prev = 12;
+        _context2.t0 = _context2["catch"](0);
+        console.log('-----------getFiles.error------------------->', _context2.t0);
+      case 15:
       case "end":
         return _context2.stop();
     }
-  }, _marked2);
+  }, _marked2, null, [[0, 12]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_context3) {
+    while (1) switch (_context3.prev = _context3.next) {
+      case 0:
+        _context3.next = 2;
+        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga)]);
+      case 2:
+      case "end":
+        return _context3.stop();
+    }
+  }, _marked3);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();