code7-leia 0.1.117 → 0.1.118
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 +14 -7
- 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 +14 -7
- package/dist/code7-leia.esm.js.map +1 -1
- package/dist/components/TestArea/styles.d.ts +5 -1
- package/package.json +1 -1
- package/src/components/FileArea/styles.tsx +1 -1
- package/src/components/TestArea/index.tsx +2 -1
- package/src/components/TestArea/styles.tsx +38 -2
|
@@ -656,7 +656,7 @@ var getLanguage = function getLanguage(language) {
|
|
|
656
656
|
|
|
657
657
|
var _templateObject$1, _templateObject2$1, _templateObject3;
|
|
658
658
|
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 .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) {
|
|
659
|
-
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:
|
|
659
|
+
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 #3498db; /* Cor do s\xEDmbolo de carregamento */\n border-radius: 50%;\n width: 30px;\n height: 30px;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "])));
|
|
660
660
|
});
|
|
661
661
|
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"])));
|
|
662
662
|
|
|
@@ -1489,11 +1489,13 @@ var FileArea = function FileArea() {
|
|
|
1489
1489
|
}, React__default.createElement(Container, null, renderFiles()));
|
|
1490
1490
|
};
|
|
1491
1491
|
|
|
1492
|
-
var _templateObject$8, _templateObject2$4, _templateObject3$3, _templateObject4$1;
|
|
1493
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n\n"])))
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
var
|
|
1492
|
+
var _templateObject$8, _templateObject2$4, _templateObject3$3, _templateObject4$1, _templateObject5$1;
|
|
1493
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n"])), function (props) {
|
|
1494
|
+
return props.isLoading && styled.css(_templateObject2$4 || (_templateObject2$4 = _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 #3498db; /* Cor do s\xEDmbolo de carregamento */\n border-radius: 50%;\n width: 30px;\n height: 30px;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n "])));
|
|
1495
|
+
});
|
|
1496
|
+
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__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"])));
|
|
1497
|
+
var Inputs = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__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"])));
|
|
1498
|
+
var Result = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: left;\n background: #F3F5F9;\n padding: 15px;\n border-radius: 5px;\n margin-top: 15px;\n\n .text{\n margin-left: 5px;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 5px;\n\n svg {\n width: 35px;\n height: 35px;\n }\n }\n\n"])));
|
|
1497
1499
|
|
|
1498
1500
|
var _templateObject$9, _templateObject2$5, _templateObject3$4, _templateObject4$2;
|
|
1499
1501
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n margin-right: 5px;\n"])));
|
|
@@ -1526,6 +1528,9 @@ var TestArea = function TestArea() {
|
|
|
1526
1528
|
var results = reactRedux.useSelector(function (state) {
|
|
1527
1529
|
return state.message;
|
|
1528
1530
|
});
|
|
1531
|
+
var isLoading = reactRedux.useSelector(function (state) {
|
|
1532
|
+
return state.isLoading;
|
|
1533
|
+
});
|
|
1529
1534
|
var _useState = React.useState(''),
|
|
1530
1535
|
search = _useState[0],
|
|
1531
1536
|
setSearch = _useState[1];
|
|
@@ -1571,7 +1576,9 @@ var TestArea = function TestArea() {
|
|
|
1571
1576
|
tags: []
|
|
1572
1577
|
},
|
|
1573
1578
|
personas: personas
|
|
1574
|
-
}, React__default.createElement(Container$4,
|
|
1579
|
+
}, React__default.createElement(Container$4, {
|
|
1580
|
+
isLoading: isLoading
|
|
1581
|
+
}, React__default.createElement(Header$1, null, React__default.createElement("div", {
|
|
1575
1582
|
className: 'infos'
|
|
1576
1583
|
}, React__default.createElement("h2", null, t.test), React__default.createElement("p", null, t.testArea.description))), React__default.createElement(Inputs, null, React__default.createElement(InputTest, {
|
|
1577
1584
|
placeholder: t.testArea.typeSentence,
|