code7-leia 0.1.177 → 0.1.179

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

@@ -952,7 +952,7 @@ Modal$1.defaultProps = {
 };
 
 var _templateObject$6;
-var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 24px 0;\n  height: 193px;\n\n  background: ", ";\n  background-position: top, right, bottom, left;\n  background-repeat: repeat-x, repeat-y;\n  background-size: 40px 1px, 1px 40px;\n  background-color: ", ";\n\n  & .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > .icon {\n      background-color: ", ";\n      border-radius: 16px;\n      width: 145px;\n      height: 145px;\n\n      display: flex;\n      justify-content: center;\n\n      & svg {\n        width: 100%;\n        height: 70%;\n        margin: 20px;\n      }\n    }\n\n    & .description {\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 8px 0 8px 24px;\n\n      .button-add {\n        cursor: pointer;\n      }\n\n      .start-icon {\n        display: flex;\n        align-items: center;\n      }\n    }\n  }\n"])), function (_ref) {
+var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 24px 0;\n  height: 193px;\n\n  background: ", ";\n  background-position: top, right, bottom, left;\n  background-repeat: repeat-x, repeat-y;\n  background-size: 40px 1px, 1px 40px;\n  background-color: ", ";\n\n  button {\n    background: #102693;\n    color: white;\n    width: fit-content;\n    padding: 10px 20px;\n    border-radius: 4px;\n  }\n\n  & .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    & > .icon {\n      background-color: ", ";\n      border-radius: 16px;\n      width: 145px;\n      height: 145px;\n\n      display: flex;\n      justify-content: center;\n\n      & svg {\n        width: 100%;\n        height: 70%;\n        margin: 20px;\n      }\n    }\n\n    & .description {\n      max-width: 600px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 8px 0 8px 24px;\n\n      .button-add {\n        cursor: pointer;\n      }\n\n      .start-icon {\n        display: flex;\n        align-items: center;\n      }\n    }\n  }\n"])), function (_ref) {
   var hasborder = _ref.hasborder;
   return hasborder && "linear-gradient(\n        to right,\n        #dadce3 50%,\n        rgba(255, 255, 255, 0) 0%\n      ),\n      linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%),\n      linear-gradient(to right, #dadce3 50%, rgba(255, 255, 255, 0) 0%),\n      linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%)";
 }, function (_ref2) {
@@ -969,6 +969,7 @@ var EmptyState = function EmptyState(_ref) {
     title = _ref.title,
     description = _ref.description,
     activeButton = _ref.activeButton,
+    iconButton = _ref.iconButton,
     descriptionButton = _ref.descriptionButton,
     button = _ref.button,
     backgroundIcon = _ref.backgroundIcon,
@@ -985,7 +986,7 @@ var EmptyState = function EmptyState(_ref) {
     className: "icon"
   }, icon), React__default.createElement("div", {
     className: "description"
-  }, React__default.createElement("h5", null, " ", title), React__default.createElement("p", null, description), activeButton ? React__default.createElement("button", null, descriptionButton) : null, button)));
+  }, React__default.createElement("h5", null, " ", title), React__default.createElement("p", null, description), activeButton ? React__default.createElement("button", null, iconButton, " ", descriptionButton) : null, button)));
 };
 EmptyState.propTypes = {
   icon: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
@@ -1563,14 +1564,14 @@ var FileArea = function FileArea() {
     setModalTraining(false);
     setPresset([]);
   };
-  var viewFile = function viewFile(link) {
+  var viewFile = function viewFile(link, name) {
     if (link) {
       var checkIcon = server.renderToString(React__default.createElement(fa.FaFile, {
         size: 14
       }));
-      return "<a href='" + link + "' target='_blank'>" + checkIcon + "</a>";
+      return "<a href='" + link + "' target='_blank'>" + checkIcon + "</a> " + name;
     }
-    return null;
+    return name;
   };
   var renderFiles = function renderFiles() {
     return React__default.createElement(Container, {
@@ -1601,13 +1602,10 @@ var FileArea = function FileArea() {
       title: t.fileArea.emptyState.title,
       description: t.fileArea.emptyState.description,
       activeButton: true,
-      iconButton: React__default.createElement(fa.FaPlus, {
-        style: {
-          width: '15px',
-          height: '15px'
-        }
+      iconButton: React__default.createElement(fa.FaUpload, {
+        size: 14
       }),
-      descriptionButton: t.fileArea.modal.chooseFile,
+      descriptionButton: t.fileArea.fileUpload,
       widthButton: "230px"
     }) : React__default.createElement(Table$1, null, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
       key: "th_file_name",
@@ -1622,7 +1620,11 @@ var FileArea = function FileArea() {
       key: "th_actions",
       className: "th_actions"
     }, t.fileArea.actions))), React__default.createElement("tbody", null, files.map(function (object) {
-      return React__default.createElement("tr", null, React__default.createElement("td", null, " ", viewFile(object.link), " ", object.name), React__default.createElement("td", null, object.trained ? React__default.createElement(fa.FaCheck, {
+      return React__default.createElement("tr", null, React__default.createElement("td", {
+        dangerouslySetInnerHTML: {
+          __html: viewFile(object.link, object.name)
+        }
+      }), React__default.createElement("td", null, object.trained ? React__default.createElement(fa.FaCheck, {
         size: 14,
         style: {
           color: 'green'