code7-leia 0.2.31 → 0.2.34

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

@@ -729,7 +729,7 @@ var _templateObject$1, _templateObject2$1, _templateObject3;
 var Container = /*#__PURE__*/styled__default.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) {
   return props.isloading && styled.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__default.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 Header = /*#__PURE__*/styled__default.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 _templateObject$2, _templateObject2$2, _templateObject3$1;
 var TableWrapper = /*#__PURE__*/styled__default.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  min-height: 50px;\n  position: relative;\n"])));
@@ -1486,7 +1486,8 @@ var FileArea = function FileArea() {
     language = _useSharedProps.language,
     propTags = _useSharedProps.propTags,
     token = _useSharedProps.token,
-    env = _useSharedProps.env;
+    env = _useSharedProps.env,
+    readonly = _useSharedProps.readonly;
   var _useState = React.useState([]),
     files = _useState[0],
     setFiles = _useState[1];
@@ -1627,10 +1628,12 @@ var FileArea = function FileArea() {
       initialFiles: initialFiles
     }), React__default.createElement("div", null, React__default.createElement("button", {
       id: 'button-upload',
+      disabled: readonly,
       onClick: handleOpenModal
     }, React__default.createElement(fa.FaUpload, {
       size: 14
     }), " ", t.fileArea.fileUpload), React__default.createElement("button", {
+      disabled: readonly,
       onClick: function onClick() {
         return handleOpenModalTraining(undefined);
       }
@@ -1642,6 +1645,7 @@ var FileArea = function FileArea() {
       description: t.fileArea.emptyState.description,
       iconButton: React__default.createElement("button", {
         id: 'button-upload',
+        disabled: readonly,
         onClick: handleOpenModal
       }, React__default.createElement(fa.FaUpload, {
         size: 14
@@ -1684,11 +1688,13 @@ var FileArea = function FileArea() {
         className: 'divDelete'
       }, React__default.createElement("button", {
         className: 'buttonTraining',
+        disabled: readonly,
         onClick: function onClick() {
           return handleOpenModalTraining(object.tags);
         }
       }, t.buttons.training), React__default.createElement("button", {
         className: 'buttonDelete',
+        disabled: readonly,
         onClick: function onClick() {
           return handleOpenModalDelete(object.name);
         }
@@ -1779,6 +1785,7 @@ var FileArea = function FileArea() {
     }, t.buttons.send))));
   };
   return React__default.createElement(SharedPropsProvider, {
+    readonly: readonly,
     id: id,
     language: language,
     token: token,
@@ -1938,7 +1945,8 @@ var TestArea = function TestArea() {
     personas = _useSharedProps.personas,
     propTags = _useSharedProps.propTags,
     token = _useSharedProps.token,
-    env = _useSharedProps.env;
+    env = _useSharedProps.env,
+    readonly = _useSharedProps.readonly;
   var t = getLanguage(language);
   var results = reactRedux.useSelector(function (state) {
     return state.message;
@@ -2028,6 +2036,7 @@ var TestArea = function TestArea() {
   return React__default.createElement(SharedPropsProvider, {
     id: id,
     token: token,
+    readonly: readonly,
     language: language,
     env: env,
     propTags: {