code7-leia 0.1.144 → 0.1.146

package/dist/code7-leia.esm.js

@@ -469,7 +469,8 @@ var enTranslation = {
     cancel: 'Cancel',
     send: 'Send',
     "delete": 'Delete',
-    test: 'Test'
+    test: 'Test',
+    addNewOpinion: 'Add new Opinion'
   },
   testArea: {
     description: 'Type a sentence to test artificial intelligence',
@@ -537,7 +538,8 @@ var ptTranslation = {
     cancel: 'Cancelar',
     send: 'Enviar',
     "delete": 'Excluir',
-    test: 'Teste'
+    test: 'Teste',
+    addNewOpinion: 'Adicionar nova predefinição'
   },
   testArea: {
     description: 'Digite uma frase para testar a inteligência artificial.',
@@ -605,7 +607,8 @@ var esTranslation = {
     cancel: 'Cancelar',
     send: 'Enviar',
     "delete": 'Eliminar',
-    test: 'Prueba'
+    test: 'Prueba',
+    addNewOpinion: 'Agregar nueva preconfiguración'
   },
   testArea: {
     description: 'Escribe una frase para probar la inteligencia artificial.',
@@ -661,8 +664,8 @@ 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  }\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"])), 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 #35373f; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 15px;\n        height: 15px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
+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  .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      weight: 600;\n      padding: 4px 0;\n    }\n  }\n\n  #warning {\n    padding: 10px;\n    background: #FAE0D2;\n    color: #871821;\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"])));
 
@@ -951,24 +954,26 @@ EmptyState.defaultProps = {
 };
 
 var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1;
-var MultiSelectWrapper = /*#__PURE__*/styled.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 200px;\n"])));
-var SelectBox = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  select {\n    width: 100%;\n    font-weight: bold;\n  }\n"])));
-var OverSelect = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n"])));
+var MultiSelectWrapper = /*#__PURE__*/styled.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 40px;\n"])));
+var SelectBox = /*#__PURE__*/styled.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  select {\n    width: 100%;\n    font-weight: bold;\n    height: 40px;\n    border-radius: 4px;\n  }\n"])));
+var OverSelect = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n\n  input {\n    height: 38px;\n    width: 95%;\n    border: none;\n    margin: 1px;\n\n    &:focus {\n      outline: none;\n      box-shadow: 0 0 0 3px #6690ff;\n    }\n  }\n"])));
 var Checkboxes = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  border: 1px #dadada solid;\n"])));
-var CheckboxLabel = /*#__PURE__*/styled.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  &:hover {\n    background-color: #1e90ff;\n  }\n"])));
+var CheckboxLabel = /*#__PURE__*/styled.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: block;\n\n  &:hover {\n    background-color: #6690ff;\n  }\n"])));
 
 var MultiSelect = function MultiSelect(_ref) {
   var options = _ref.options,
     presset = _ref.presset,
     setPresset = _ref.setPresset,
     setOptions = _ref.setOptions,
-    modal = _ref.modal;
+    modal = _ref.modal,
+    language = _ref.language;
   var _useState = useState(false),
     expanded = _useState[0],
     setExpanded = _useState[1];
   var _useState2 = useState(''),
     newOption = _useState2[0],
     setNewOption = _useState2[1];
+  var t = getLanguage(language);
   useEffect(function () {
     setExpanded(false);
   }, [modal]);
@@ -1018,7 +1023,7 @@ var MultiSelect = function MultiSelect(_ref) {
     }, option.label);
   })), React.createElement(OverSelect, null, React.createElement("input", {
     type: "text",
-    placeholder: "Add new option",
+    placeholder: t.buttons.addNewOpinion,
     value: newOption,
     onChange: handleInputChange,
     onKeyPress: handleInputKeyPress
@@ -1523,12 +1528,13 @@ var FileArea = function FileArea() {
       file: uploadFile == null ? void 0 : uploadFile.properties.name
     })), React.createElement("div", {
       className: 'presset'
-    }, React.createElement("p", null, "Presset"), React.createElement(MultiSelect, {
+    }, React.createElement("p", null, t.fileArea.presset), React.createElement(MultiSelect, {
       setOptions: setOptionsPresset,
       options: optionsPresset,
       presset: presset,
       setPresset: setPresset,
-      modal: modal
+      modal: modal,
+      language: language
     }))), React.createElement(ModalFooter, null, React.createElement("button", {
       className: 'button cancel',
       onClick: handleOpenModal
@@ -1576,7 +1582,7 @@ var FileArea = function FileArea() {
 
 var _templateObject$9, _templateObject2$6, _templateObject3$5, _templateObject4$2, _templateObject5$2;
 var Container$3 = /*#__PURE__*/styled.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  ", "\n\n"])), function (props) {
-  return props.isloading && css(_templateObject2$6 || (_templateObject2$6 = _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 #35373f; /* Cor do s\xEDmbolo de carregamento */\n        border-radius: 50%;\n        width: 15px;\n        height: 15px;\n        animation: spin 1s linear infinite;\n      }\n\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    "])));
+  return props.isloading && css(_templateObject2$6 || (_templateObject2$6 = _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$1 = /*#__PURE__*/styled.div(_templateObject3$5 || (_templateObject3$5 = /*#__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(_templateObject4$2 || (_templateObject4$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"])));