code7-leia 0.1.105 → 0.1.106

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

@@ -466,6 +466,7 @@ var defaultLanguage = {
       descriptionUpload: 'Drag and drop files here or',
       chooseFile: 'Choose a file',
       uploadFile: 'Upload a file',
+      deleteFileTitle: 'Delete a file',
       deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.'
     }
   },
@@ -505,6 +506,7 @@ var getLanguage = function getLanguage(language) {
           descriptionUpload: 'Arraste e solte os arquivos aqui ou',
           chooseFile: 'Escolha um arquivo',
           uploadFile: 'Enviar um arquivo',
+          deleteFileTitle: 'Deletar um arquivo',
           deleteFile: 'Importante! Ao deletar esse arquivo você perderá todas as informações dele e não terá como recuperá-las.'
         })
       }),
@@ -540,6 +542,7 @@ var getLanguage = function getLanguage(language) {
         modal: _extends({}, defaultLanguage.fileArea.modal, {
           descriptionUpload: 'Arrastre y suelte los archivos aquí o',
           chooseFile: 'Elegir un archivo',
+          deleteFileTitle: 'Eliminar un archivo',
           deleteFile: '¡Importante! Al borrar este archivo perderás toda la información contenida en él y no podrás recuperarla.'
         })
       }),
@@ -565,7 +568,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\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\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  .delete {\n    background: #871821;\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;
@@ -1193,6 +1196,9 @@ var FileArea = function FileArea() {
   var _useState6 = React.useState(''),
     fileDelete = _useState6[0],
     setFileDelete = _useState6[1];
+  var _useState7 = React.useState(''),
+    presset = _useState7[0],
+    setPresset = _useState7[1];
   var t = getLanguage(language);
   var dispatch = reactRedux.useDispatch();
   var initFiles = reactRedux.useSelector(function (state) {
@@ -1214,7 +1220,7 @@ var FileArea = function FileArea() {
       value: tag
     };
   });
-  var presset = function presset(tags) {
+  var pressetTag = function pressetTag(tags) {
     var tagsSplit = tags.split(',');
     var html = '';
     html += tagsSplit.map(function (tag) {
@@ -1232,9 +1238,8 @@ var FileArea = function FileArea() {
   var deleteFile = function deleteFile() {
     dispatch(deleteFilesAction(fileDelete, id));
   };
-  var handleSelect = function handleSelect(value) {
-    console.log(value);
-    console.log(uploadFile);
+  var handleUploadFile = function handleUploadFile() {
+    console.log('uploadFile: ', uploadFile, 'presset: ', presset, 'id: ', id);
   };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, null, React__default.createElement(Header, null, React__default.createElement("div", {
@@ -1270,7 +1275,7 @@ var FileArea = function FileArea() {
       return React__default.createElement("tr", null, React__default.createElement("td", null, object.name), React__default.createElement("td", {
         className: 'tags',
         dangerouslySetInnerHTML: {
-          __html: presset(object.tags)
+          __html: pressetTag(object.tags)
         }
       }), React__default.createElement("td", null, React__default.createElement("div", {
         className: 'divDelete'
@@ -1295,11 +1300,14 @@ var FileArea = function FileArea() {
     }, React__default.createElement("p", null, "Presset"), React__default.createElement(Select, {
       placeholder: t.testArea.selectPresset,
       options: optionsPresset,
-      onSelect: handleSelect
+      onSelect: setPresset
     }))), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
       className: 'button cancel',
       onClick: handleOpenModal
     }, t.buttons.cancel), React__default.createElement("button", {
+      onClick: function onClick() {
+        return handleUploadFile();
+      },
       className: 'button send',
       type: "submit",
       form: "form-tts"
@@ -1307,8 +1315,10 @@ var FileArea = function FileArea() {
       isOpen: modalDelete,
       maxWidth: "600px",
       maxHeight: "max-content",
-      onClose: handleOpenModal,
-      title: t.fileArea.modal.uploadFile
+      onClose: function onClose() {
+        return handleOpenModalDelete('');
+      },
+      title: t.fileArea.modal.deleteFileTitle
     }, React__default.createElement(ModalContent, null, React__default.createElement("p", {
       id: 'warning'
     }, t.fileArea.modal.deleteFile)), React__default.createElement(ModalFooter, null, React__default.createElement("button", {
@@ -1317,7 +1327,7 @@ var FileArea = function FileArea() {
         return handleOpenModalDelete('');
       }
     }, t.buttons.cancel), React__default.createElement("button", {
-      className: 'button send',
+      className: 'button delete',
       type: "submit",
       form: "form-tts",
       onClick: deleteFile
@@ -1337,7 +1347,7 @@ var _templateObject$8, _templateObject2$4, _templateObject3$2, _templateObject4$
 var Container$4 = /*#__PURE__*/styled.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])));
 var Header$1 = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\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"])));
 var Inputs = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n\n  button {\n    background: #102693;\n    padding: 10px 20px;\n    color: white;\n    border-radius: 4px;\n    width: 190px;\n    height: 40px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    svg {\n      width: 23px;\n      height: 23px;\n    }\n  }\n"])));
-var Result = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: left;\n  background: #F3F5F9;\n  padding: 15px;\n  border-radius: 5px;\n  margin-top: 15px;\n\n  .text{\n    margin-left: 5px;\n    font-size: 14px;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 5px;\n\n    svg {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n"])));
+var Result = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: left;\n  background: #F3F5F9;\n  padding: 15px;\n  border-radius: 5px;\n  margin-top: 15px;\n\n  .text{\n    margin-left: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-right: 5px;\n\n    svg {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n"])));
 
 var _templateObject$9, _templateObject2$5, _templateObject3$3, _templateObject4$2;
 var Container$5 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  margin-right: 5px;\n"])));