code7-leia 0.1.126 → 0.1.127
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 +37 -44
- 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 +37 -44
- package/dist/code7-leia.esm.js.map +1 -1
- package/dist/components/FileArea/components/Search/styles.d.ts +4 -0
- package/package.json +1 -1
- package/src/components/FileArea/components/Search/index.tsx +20 -31
- package/src/components/FileArea/components/Search/styles.tsx +26 -0
- package/src/components/FileArea/index.tsx +4 -0
|
@@ -720,6 +720,11 @@ Table$1.propTypes = {
|
|
|
720
720
|
isLoading: PropTypes.bool
|
|
721
721
|
};
|
|
722
722
|
|
|
723
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
724
|
+
var InputContainer = /*#__PURE__*/styled__default.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 300px;\n"])));
|
|
725
|
+
var Input = /*#__PURE__*/styled__default.input(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 40px;\n border-radius: 5px;\n border: 1px solid #ccc;\n height: 40px;\n width: 100%;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n"])));
|
|
726
|
+
var IconContainer = /*#__PURE__*/styled__default.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 10px;\n left: 10px;\n pointer-events: none;\n"])));
|
|
727
|
+
|
|
723
728
|
var SearchInput = function SearchInput(_ref) {
|
|
724
729
|
var placeholder = _ref.placeholder,
|
|
725
730
|
setFiles = _ref.setFiles,
|
|
@@ -733,36 +738,17 @@ var SearchInput = function SearchInput(_ref) {
|
|
|
733
738
|
});
|
|
734
739
|
setFiles(searchTerm !== '' ? newFiles : initialFiles);
|
|
735
740
|
};
|
|
736
|
-
return React__default.createElement(
|
|
737
|
-
style: {
|
|
738
|
-
position: 'relative',
|
|
739
|
-
width: '300px'
|
|
740
|
-
}
|
|
741
|
-
}, React__default.createElement("input", {
|
|
741
|
+
return React__default.createElement(InputContainer, null, React__default.createElement(Input, {
|
|
742
742
|
type: "text",
|
|
743
743
|
onChange: function onChange(e) {
|
|
744
744
|
return searchName(e);
|
|
745
745
|
},
|
|
746
|
-
placeholder: placeholder
|
|
747
|
-
|
|
748
|
-
paddingLeft: '40px',
|
|
749
|
-
borderRadius: '5px',
|
|
750
|
-
border: '1px solid #ccc',
|
|
751
|
-
height: '40px',
|
|
752
|
-
width: '100%'
|
|
753
|
-
}
|
|
754
|
-
}), React__default.createElement("div", {
|
|
755
|
-
style: {
|
|
756
|
-
position: 'absolute',
|
|
757
|
-
top: '10px',
|
|
758
|
-
left: '10px',
|
|
759
|
-
pointerEvents: 'none'
|
|
760
|
-
}
|
|
761
|
-
}, React__default.createElement(fa.FaSearch, null)));
|
|
746
|
+
placeholder: placeholder
|
|
747
|
+
}), React__default.createElement(IconContainer, null, React__default.createElement(fa.FaSearch, null)));
|
|
762
748
|
};
|
|
763
749
|
|
|
764
|
-
var _templateObject$
|
|
765
|
-
var FullScreen = /*#__PURE__*/styled__default.div(_templateObject$
|
|
750
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
751
|
+
var FullScreen = /*#__PURE__*/styled__default.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: ", ";\n cursor: ", ";\n\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n justify-content: center;\n align-items: center;\n z-index: ", ";\n animation: fadeIn 380ms ease-in-out 1;\n background-color: #2f3845b8;\n backdrop-filter: blur(2px);\n\n @keyframes fadeIn {\n from {\n background-color: #2f384521;\n }\n to {\n background-color: #2f3845b8;\n }\n }\n"])), function (_ref) {
|
|
766
752
|
var isOpen = _ref.isOpen;
|
|
767
753
|
return isOpen === 1 ? 'flex' : 'none';
|
|
768
754
|
}, function (_ref2) {
|
|
@@ -772,11 +758,11 @@ var FullScreen = /*#__PURE__*/styled__default.div(_templateObject$4 || (_templat
|
|
|
772
758
|
var zIndex = _ref3.zIndex;
|
|
773
759
|
return zIndex;
|
|
774
760
|
});
|
|
775
|
-
var Modal = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
761
|
+
var Modal = /*#__PURE__*/styled__default.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #fff;\n border-radius: 3px;\n position: relative;\n cursor: default;\n width: 100%;\n max-width: ", ";\n animation: slideIn 350ms cubic-bezier(0.42, 0, 0.21, 1) 1;\n\n @keyframes slideIn {\n from {\n transform: translateY(-120px);\n opacity: 0;\n }\n\n 20% {\n opacity: 0;\n }\n\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n"])), function (_ref4) {
|
|
776
762
|
var maxWidth = _ref4.maxWidth;
|
|
777
763
|
return maxWidth;
|
|
778
764
|
});
|
|
779
|
-
var ModalContainer = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
765
|
+
var ModalContainer = /*#__PURE__*/styled__default.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n overflow-y: auto;\n max-height: ", ";\n"])), function (_ref5) {
|
|
780
766
|
var maxHeight = _ref5.maxHeight;
|
|
781
767
|
return maxHeight;
|
|
782
768
|
});
|
|
@@ -911,8 +897,8 @@ Modal$1.defaultProps = {
|
|
|
911
897
|
zIndex: 9999
|
|
912
898
|
};
|
|
913
899
|
|
|
914
|
-
var _templateObject$
|
|
915
|
-
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
900
|
+
var _templateObject$6;
|
|
901
|
+
var Container$1 = /*#__PURE__*/styled__default.div(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n justify-content: center;\n padding: 24px 0;\n height: 193px;\n\n background: ", ";\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: 40px 1px, 1px 40px;\n background-color: ", ";\n\n & .content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n & > .icon {\n background-color: ", ";\n border-radius: 16px;\n width: 145px;\n height: 145px;\n\n display: flex;\n justify-content: center;\n\n & svg {\n width: 100%;\n height: 70%;\n margin: 20px;\n }\n }\n\n & .description {\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 8px 0 8px 24px;\n\n .button-add {\n cursor: pointer;\n }\n\n .start-icon {\n display: flex;\n align-items: center;\n }\n }\n }\n"])), function (_ref) {
|
|
916
902
|
var hasBorder = _ref.hasBorder;
|
|
917
903
|
return hasBorder && "linear-gradient(\n to right,\n #dadce3 50%,\n rgba(255, 255, 255, 0) 0%\n ),\n linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, #dadce3 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(#dadce3 50%, rgba(255, 255, 255, 0) 0%)";
|
|
918
904
|
}, function (_ref2) {
|
|
@@ -972,10 +958,10 @@ EmptyState.defaultProps = {
|
|
|
972
958
|
hasBorder: true
|
|
973
959
|
};
|
|
974
960
|
|
|
975
|
-
var _templateObject$
|
|
976
|
-
var MultiSelectWrapper = /*#__PURE__*/styled__default.div(_templateObject$
|
|
977
|
-
var SelectBox = /*#__PURE__*/styled__default.div(_templateObject2$
|
|
978
|
-
var OverSelect = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
961
|
+
var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$1, _templateObject5$1;
|
|
962
|
+
var MultiSelectWrapper = /*#__PURE__*/styled__default.div(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 200px;\n"])));
|
|
963
|
+
var SelectBox = /*#__PURE__*/styled__default.div(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n\n select {\n width: 100%;\n font-weight: bold;\n }\n"])));
|
|
964
|
+
var OverSelect = /*#__PURE__*/styled__default.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n"])));
|
|
979
965
|
var Checkboxes = /*#__PURE__*/styled__default.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: none;\n border: 1px #dadada solid;\n"])));
|
|
980
966
|
var CheckboxLabel = /*#__PURE__*/styled__default.label(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: block;\n\n &:hover {\n background-color: #1e90ff;\n }\n"])));
|
|
981
967
|
|
|
@@ -1059,7 +1045,7 @@ var MultiSelect = function MultiSelect(_ref) {
|
|
|
1059
1045
|
}))));
|
|
1060
1046
|
};
|
|
1061
1047
|
|
|
1062
|
-
var _templateObject$
|
|
1048
|
+
var _templateObject$8;
|
|
1063
1049
|
var getColor = function getColor(props) {
|
|
1064
1050
|
if (props.isDragAccept) {
|
|
1065
1051
|
return '#6690ff';
|
|
@@ -1072,7 +1058,7 @@ var getColor = function getColor(props) {
|
|
|
1072
1058
|
}
|
|
1073
1059
|
return '#979aa5';
|
|
1074
1060
|
};
|
|
1075
|
-
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
1061
|
+
var Container$2 = /*#__PURE__*/styled__default.div(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background-color: #f3f5f9;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: 20px;\n border-width: 2px;\n border-radius: 4px;\n border-color: var(", ");\n border-style: dashed;\n color: #5a5d68;\n outline: none;\n transition: border 0.24s ease-in-out;\n\n & > span {\n margin: 8px 10px 0 0;\n display: flex;\n }\n\n button {\n padding: 8px 16px 8px 16px;\n border-radius: 4px;\n border: 2px #102693 solid;\n margin-top: 10px;\n }\n"])), function (props) {
|
|
1076
1062
|
return getColor(props);
|
|
1077
1063
|
});
|
|
1078
1064
|
|
|
@@ -1446,6 +1432,13 @@ var FileArea = function FileArea() {
|
|
|
1446
1432
|
if (modal) {
|
|
1447
1433
|
setUploadFile(undefined);
|
|
1448
1434
|
setPresset([]);
|
|
1435
|
+
var tag = optionsPresset.map(function (tag) {
|
|
1436
|
+
return {
|
|
1437
|
+
label: tag,
|
|
1438
|
+
value: tag
|
|
1439
|
+
};
|
|
1440
|
+
});
|
|
1441
|
+
setOptionsPresset(tag);
|
|
1449
1442
|
}
|
|
1450
1443
|
setModal(!modal);
|
|
1451
1444
|
};
|
|
@@ -1572,16 +1565,16 @@ var FileArea = function FileArea() {
|
|
|
1572
1565
|
}, React__default.createElement(Container, null, renderFiles()));
|
|
1573
1566
|
};
|
|
1574
1567
|
|
|
1575
|
-
var _templateObject$
|
|
1576
|
-
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
1577
|
-
return props.isLoading && styled.css(_templateObject2$
|
|
1568
|
+
var _templateObject$9, _templateObject2$6, _templateObject3$5, _templateObject4$2, _templateObject5$2;
|
|
1569
|
+
var Container$3 = /*#__PURE__*/styled__default.div(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n\n"])), function (props) {
|
|
1570
|
+
return props.isLoading && styled.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 #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 "])));
|
|
1578
1571
|
});
|
|
1579
|
-
var Header$1 = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
1572
|
+
var Header$1 = /*#__PURE__*/styled__default.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"])));
|
|
1580
1573
|
var Inputs = /*#__PURE__*/styled__default.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"])));
|
|
1581
1574
|
var Result = /*#__PURE__*/styled__default.div(_templateObject5$2 || (_templateObject5$2 = /*#__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"])));
|
|
1582
1575
|
|
|
1583
|
-
var _templateObject$
|
|
1584
|
-
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
1576
|
+
var _templateObject$a;
|
|
1577
|
+
var Container$4 = /*#__PURE__*/styled__default.div(_templateObject$a || (_templateObject$a = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 50%;\n margin-right: 5px;\n select {\n padding: 12px;\n border-radius: 4px;\n border: 1px solid #979AA5;\n width: 100%;\n height: 40px;\n \n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n\n option {\n background: white;\n font-size: 14px;\n color: #5a5d68;\n }\n\n option:checked, option:hover {\n background: #6690ff;\n font-size: 14px;\n color: white;\n }\n }\n"])));
|
|
1585
1578
|
|
|
1586
1579
|
var Select = function Select(_ref) {
|
|
1587
1580
|
var options = _ref.options,
|
|
@@ -1610,10 +1603,10 @@ var Select = function Select(_ref) {
|
|
|
1610
1603
|
})));
|
|
1611
1604
|
};
|
|
1612
1605
|
|
|
1613
|
-
var _templateObject$
|
|
1614
|
-
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$
|
|
1615
|
-
var StyledInput = /*#__PURE__*/styled__default.input(_templateObject2$
|
|
1616
|
-
var RecordAudioButton = /*#__PURE__*/styled__default.div(_templateObject3$
|
|
1606
|
+
var _templateObject$b, _templateObject2$7, _templateObject3$6, _templateObject4$3;
|
|
1607
|
+
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$b || (_templateObject$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n margin-right: 5px;\n"])));
|
|
1608
|
+
var StyledInput = /*#__PURE__*/styled__default.input(_templateObject2$7 || (_templateObject2$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-left: 10px;\n padding-right: 40px;\n border-radius: 5px;\n border: 1px solid #ccc;\n height: 40px;\n width: 100%;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 3px #6690ff;\n }\n"])));
|
|
1609
|
+
var RecordAudioButton = /*#__PURE__*/styled__default.div(_templateObject3$6 || (_templateObject3$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: absolute;\n top: 10px;\n right: 10px;\n cursor: pointer;\n"])));
|
|
1617
1610
|
var StyledMicrophoneIcon = /*#__PURE__*/styled__default(fa.FaMicrophone)(_templateObject4$3 || (_templateObject4$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n"])));
|
|
1618
1611
|
|
|
1619
1612
|
var InputTest = function InputTest(_ref) {
|