code7-leia 0.1.166 → 0.1.168

package/dist/code7-leia.esm.js

@@ -4,6 +4,7 @@ import { useRouteMatch, useLocation, useHistory, Switch, Route } from 'react-rou
 import PropTypes from 'prop-types';
 import cc from 'classcat';
 import styled, { css } from 'styled-components';
+import { renderToString } from 'react-dom/server';
 import { FaSearch, FaUpload, FaList, FaPlus, FaCheck } from 'react-icons/fa';
 import { GiWeightLiftingUp } from 'react-icons/gi';
 import unorm from 'unorm';
@@ -680,7 +681,7 @@ var _templateObject$1, _templateObject2$1, _templateObject3;
 var Container = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n\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  .buttonTraining {\n    color: #023906;\n    background: #e3f8cc;\n    padding: 12px 20px;\n    border-radius: 4px;\n    margin-right: 10px;\n  }\n\n  .buttonTraining:hover {\n      background: #90d665;\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    p {\n      font-size: 14px;\n      font-weight: 600;\n      padding: 4px 0;\n    }\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\n  }\n\n  #info {\n    padding: 10px;\n    background: #c7f9ed;\n    color: #00344e;\n  }\n\n"])), function (props) {
   return props.isloading && css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n      #loading {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgb(151,154,165, 0.7);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 9999;\n      }\n\n      #loading::after {\n        content: \"\";\n        border: 4px solid #f3f3f3; /* Cor do s\xEDmbolo de carregamento */\n        border-top: 4px solid #5a5d68; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 13px;\n        height: 13px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
 });
-var Header = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__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 Header = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n\n  #button-upload {\n    margin-right: 10px;\n  }\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$1;
 var TableWrapper = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
@@ -1461,9 +1462,11 @@ var FileArea = function FileArea() {
   var pressetTag = function pressetTag(tags) {
     var html = '';
     html += tags.map(function (tag) {
-      return "<p class='tag " + (tag.trained ? 'trained' : '') + "'>" + tag.name + " " + (tag.trained ? React.createElement(FaCheck, {
+      var checkIcon = tag.trained ? renderToString(React.createElement(FaCheck, {
         size: 14
-      }) : '') + "</p>";
+      })) : '';
+      var tagClass = tag.trained ? 'trained' : '';
+      return "<p class='tag " + tagClass + "'>" + tag.name + " " + checkIcon + "</p>";
     }).join('');
     return html;
   };
@@ -1509,6 +1512,7 @@ var FileArea = function FileArea() {
       setFiles: setFiles,
       initialFiles: initialFiles
     }), React.createElement("div", null, React.createElement("button", {
+      id: 'button-upload',
       onClick: handleOpenModal
     }, React.createElement(FaUpload, {
       size: 14
@@ -1541,7 +1545,9 @@ var FileArea = function FileArea() {
       key: "th_actions",
       className: "th_actions"
     }, t.fileArea.actions))), React.createElement("tbody", null, files.map(function (object) {
-      return React.createElement("tr", null, React.createElement("td", null, object.name), React.createElement("td", {
+      return React.createElement("tr", null, React.createElement("td", null, object.name, " ", object.trained ? React.createElement(FaCheck, {
+        size: 14
+      }) : ''), React.createElement("td", {
         className: 'tags',
         dangerouslySetInnerHTML: {
           __html: pressetTag(object.tags)