code7-leia 0.2.33 → 0.2.35

package/dist/code7-leia.esm.js

@@ -718,10 +718,10 @@ var getLanguage = function getLanguage(language) {
 };
 
 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    display: flex;\n    justify-content: center;\n    align-items: center;\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: flex-start;\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) {
+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    display: flex;\n    justify-content: center;\n    align-items: center;\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: flex-start;\n    gap: 4px;\n  }\n\n  .buttonDelete {\n    color: #5b0a1f;\n    background: #fae0d2;\n    padding: 12px 20px;\n    border-radius: 4px;\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.7;\n      }\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    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.7;\n      }\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  #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      &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n      }\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      &:disabled {\n        cursor: not-allowed;\n        opacity: 0.7;\n      }\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"])));
@@ -1620,15 +1620,15 @@ var FileArea = function FileArea() {
       initialFiles: initialFiles
     }), React.createElement("div", null, React.createElement("button", {
       id: 'button-upload',
-      onClick: handleOpenModal,
-      disabled: readonly
+      disabled: readonly,
+      onClick: handleOpenModal
     }, React.createElement(FaUpload, {
       size: 14
     }), " ", t.fileArea.fileUpload), React.createElement("button", {
+      disabled: readonly,
       onClick: function onClick() {
         return handleOpenModalTraining(undefined);
-      },
-      disabled: readonly
+      }
     }, React.createElement(GiWeightLiftingUp, {
       size: 14
     }), " ", t.fileArea.training)))), files.length === 0 ? React.createElement(EmptyState, {
@@ -1637,6 +1637,7 @@ var FileArea = function FileArea() {
       description: t.fileArea.emptyState.description,
       iconButton: React.createElement("button", {
         id: 'button-upload',
+        disabled: readonly,
         onClick: handleOpenModal
       }, React.createElement(FaUpload, {
         size: 14
@@ -1679,11 +1680,13 @@ var FileArea = function FileArea() {
         className: 'divDelete'
       }, React.createElement("button", {
         className: 'buttonTraining',
+        disabled: readonly,
         onClick: function onClick() {
           return handleOpenModalTraining(object.tags);
         }
       }, t.buttons.training), React.createElement("button", {
         className: 'buttonDelete',
+        disabled: readonly,
         onClick: function onClick() {
           return handleOpenModalDelete(object.name);
         }