code7-leia 0.1.106 → 0.1.108

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

@@ -925,6 +925,8 @@ var AreaUpload = function AreaUpload(_ref) {
     initialFiles = _ref$initialFiles === void 0 ? [] : _ref$initialFiles,
     _ref$setFile = _ref.setFile,
     setFile = _ref$setFile === void 0 ? function () {} : _ref$setFile,
+    _ref$file = _ref.file,
+    file = _ref$file === void 0 ? '' : _ref$file,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var _useState = React.useState([]),
@@ -982,7 +984,11 @@ var AreaUpload = function AreaUpload(_ref) {
   })), React__default.createElement("input", Object.assign({}, getInputProps())), React__default.createElement("span", null, React__default.createElement("p", null, t.fileArea.modal.descriptionUpload)), React__default.createElement("button", {
     type: "button",
     onClick: open
-  }, t.fileArea.modal.chooseFile)) : '');
+  }, t.fileArea.modal.chooseFile)) : React__default.createElement(Container$3, Object.assign({}, getRootProps({
+    isDragActive: isDragActive,
+    isDragAccept: isDragAccept,
+    isDragReject: isDragReject
+  })), React__default.createElement("p", null, file)));
 };
 AreaUpload.propTypes = {
   formatFile: PropTypes.string,
@@ -1112,6 +1118,8 @@ var Types = {
   GET_FILES_SUCCESS: 'GET_FILES_SUCCESS',
   DELETE_FILES_REQUEST: 'DELETE_FILES_REQUEST',
   DELETE_FILES_SUCCESS: 'DELETE_FILES_SUCCESS',
+  UPLOAD_FILES_REQUEST: 'UPLOAD_FILES_REQUEST',
+  UPLOAD_FILES_SUCCESS: 'UPLOAD_FILES_SUCCESS',
   TEST_REQUEST: 'TEST_REQUEST',
   TEST_SUCCESS: 'TEST_SUCCESS'
 };
@@ -1151,6 +1159,25 @@ var deleteFilesActionSuccess = function deleteFilesActionSuccess(_ref2) {
     }
   };
 };
+var uploadFilesAction = function uploadFilesAction(file, id, pressets) {
+  return {
+    type: Types.UPLOAD_FILES_REQUEST,
+    payload: {
+      file: file,
+      id: id,
+      pressets: pressets
+    }
+  };
+};
+var uploadFilesActionSuccess = function uploadFilesActionSuccess(_ref3) {
+  var files = _ref3.files;
+  return {
+    type: Types.UPLOAD_FILES_SUCCESS,
+    payload: {
+      files: files
+    }
+  };
+};
 var testAction = function testAction(question, profile, presset, files_directory) {
   return {
     type: Types.TEST_REQUEST,
@@ -1162,8 +1189,8 @@ var testAction = function testAction(question, profile, presset, files_directory
     }
   };
 };
-var testActionSuccess = function testActionSuccess(_ref3) {
-  var message = _ref3.message;
+var testActionSuccess = function testActionSuccess(_ref4) {
+  var message = _ref4.message;
   return {
     type: Types.TEST_SUCCESS,
     payload: {
@@ -1239,7 +1266,7 @@ var FileArea = function FileArea() {
     dispatch(deleteFilesAction(fileDelete, id));
   };
   var handleUploadFile = function handleUploadFile() {
-    console.log('uploadFile: ', uploadFile, 'presset: ', presset, 'id: ', id);
+    dispatch(uploadFilesAction(uploadFile, id, [presset]));
   };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, null, React__default.createElement(Header, null, React__default.createElement("div", {
@@ -1294,7 +1321,8 @@ var FileArea = function FileArea() {
     }, React__default.createElement(ModalContent, null, React__default.createElement("div", {
       className: 'choose-file'
     }, React__default.createElement(AreaUpload, {
-      setFile: setUploadFile
+      setFile: setUploadFile,
+      file: uploadFile == null ? void 0 : uploadFile.properties.name
     })), React__default.createElement("div", {
       className: 'presset'
     }, React__default.createElement("p", null, "Presset"), React__default.createElement(Select, {
@@ -1522,7 +1550,8 @@ function filesReducer(state, action) {
 var _marked = /*#__PURE__*/_regeneratorRuntime().mark(getFilesSaga),
   _marked2 = /*#__PURE__*/_regeneratorRuntime().mark(deleteFilesSaga),
   _marked3 = /*#__PURE__*/_regeneratorRuntime().mark(testSaga),
-  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
+  _marked4 = /*#__PURE__*/_regeneratorRuntime().mark(uploadFilesSaga),
+  _marked5 = /*#__PURE__*/_regeneratorRuntime().mark(filesSagas);
 function getFilesSaga(action) {
   var id, _yield$call, data;
   return _regeneratorRuntime().wrap(function getFilesSaga$(_context) {
@@ -1618,17 +1647,59 @@ function testSaga(action) {
     }
   }, _marked3, null, [[0, 10]]);
 }
-function filesSagas() {
-  return _regeneratorRuntime().wrap(function filesSagas$(_context4) {
+function uploadFilesSaga(action) {
+  var _action$payload3, id, file, pressets, tags, formData, queryParams, _yield$call4, data;
+  return _regeneratorRuntime().wrap(function uploadFilesSaga$(_context4) {
     while (1) switch (_context4.prev = _context4.next) {
       case 0:
-        _context4.next = 2;
-        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), effects.takeLatest(Types.TEST_REQUEST, testSaga)]);
-      case 2:
+        _context4.prev = 0;
+        _action$payload3 = action.payload, id = _action$payload3.id, file = _action$payload3.file, pressets = _action$payload3.pressets;
+        tags = pressets.join(',');
+        formData = new FormData();
+        formData.append('file', file);
+        queryParams = new URLSearchParams({
+          tags: tags
+        }).toString();
+        _context4.next = 8;
+        return effects.call(api.post, "/upload/" + id + "?" + queryParams, formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        });
+      case 8:
+        _context4.next = 10;
+        return effects.call(api.get, "/files/" + id);
+      case 10:
+        _yield$call4 = _context4.sent;
+        data = _yield$call4.data;
+        _context4.next = 14;
+        return effects.put(uploadFilesActionSuccess({
+          files: data.files
+        }));
+      case 14:
+        _context4.next = 19;
+        break;
+      case 16:
+        _context4.prev = 16;
+        _context4.t0 = _context4["catch"](0);
+        console.log('-----------uploadFilesSaga.error------------------->', _context4.t0);
+      case 19:
       case "end":
         return _context4.stop();
     }
-  }, _marked4);
+  }, _marked4, null, [[0, 16]]);
+}
+function filesSagas() {
+  return _regeneratorRuntime().wrap(function filesSagas$(_context5) {
+    while (1) switch (_context5.prev = _context5.next) {
+      case 0:
+        _context5.next = 2;
+        return effects.all([effects.takeLatest(Types.GET_FILES_REQUEST, getFilesSaga), effects.takeLatest(Types.DELETE_FILES_REQUEST, deleteFilesSaga), effects.takeLatest(Types.UPLOAD_FILES_REQUEST, uploadFilesSaga), effects.takeLatest(Types.TEST_REQUEST, testSaga)]);
+      case 2:
+      case "end":
+        return _context5.stop();
+    }
+  }, _marked5);
 }
 
 var sagaMiddleware = /*#__PURE__*/createSagaMiddleware();