code7-leia 0.1.166 → 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 +6 -3
- 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 +6 -3
- package/dist/code7-leia.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FileArea/index.tsx +6 -4
- 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,9 +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
1473
|
size: 14
|
|
1474
|
-
}) :
|
|
1474
|
+
}) : null;
|
|
1475
|
+
var tagClass = tag.trained ? 'trained' : '';
|
|
1476
|
+
return "<p class='tag " + tagClass + "'>" + tag.name + " " + checkIcon + "</p>";
|
|
1475
1477
|
}).join('');
|
|
1476
1478
|
return html;
|
|
1477
1479
|
};
|
|
@@ -1517,6 +1519,7 @@ var FileArea = function FileArea() {
|
|
|
1517
1519
|
setFiles: setFiles,
|
|
1518
1520
|
initialFiles: initialFiles
|
|
1519
1521
|
}), React__default.createElement("div", null, React__default.createElement("button", {
|
|
1522
|
+
id: 'button-upload',
|
|
1520
1523
|
onClick: handleOpenModal
|
|
1521
1524
|
}, React__default.createElement(fa.FaUpload, {
|
|
1522
1525
|
size: 14
|