code7-leia 0.1.165 → 0.1.167
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/code7-leia.cjs.development.js +7 -2
- package/dist/code7-leia.cjs.development.js.map +1 -1
- package/dist/code7-leia.cjs.production.min.js +1 -1
- package/dist/code7-leia.cjs.production.min.js.map +1 -1
- package/dist/code7-leia.esm.js +8 -3
- package/dist/code7-leia.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FileArea/index.tsx +7 -5
- package/src/components/FileArea/styles.tsx +4 -0
|
@@ -688,7 +688,7 @@ var _templateObject$1, _templateObject2$1, _templateObject3;
|
|
|
688
688
|
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 }\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) {
|
|
689
689
|
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 "])));
|
|
690
690
|
});
|
|
691
|
-
var Header = /*#__PURE__*/styled__default.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"])));
|
|
691
|
+
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"])));
|
|
692
692
|
|
|
693
693
|
var _templateObject$2, _templateObject2$2, _templateObject3$1;
|
|
694
694
|
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"])));
|
|
@@ -1469,7 +1469,11 @@ var FileArea = function FileArea() {
|
|
|
1469
1469
|
var pressetTag = function pressetTag(tags) {
|
|
1470
1470
|
var html = '';
|
|
1471
1471
|
html += tags.map(function (tag) {
|
|
1472
|
-
|
|
1472
|
+
var checkIcon = tag.trained ? React__default.createElement(fa.FaCheck, {
|
|
1473
|
+
size: 14
|
|
1474
|
+
}) : null;
|
|
1475
|
+
var tagClass = tag.trained ? 'trained' : '';
|
|
1476
|
+
return "<p class='tag " + tagClass + "'>" + tag.name + " " + checkIcon + "</p>";
|
|
1473
1477
|
}).join('');
|
|
1474
1478
|
return html;
|
|
1475
1479
|
};
|
|
@@ -1515,6 +1519,7 @@ var FileArea = function FileArea() {
|
|
|
1515
1519
|
setFiles: setFiles,
|
|
1516
1520
|
initialFiles: initialFiles
|
|
1517
1521
|
}), React__default.createElement("div", null, React__default.createElement("button", {
|
|
1522
|
+
id: 'button-upload',
|
|
1518
1523
|
onClick: handleOpenModal
|
|
1519
1524
|
}, React__default.createElement(fa.FaUpload, {
|
|
1520
1525
|
size: 14
|