pge-front-common 14.0.42 → 14.0.44
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/lib/index.esm.js +17 -9
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +17 -9
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -8598,8 +8598,8 @@ var Title$1 = function (_a) {
|
|
|
8598
8598
|
return React__default.createElement("h1", { className: styles$d.title__home }, title);
|
|
8599
8599
|
};
|
|
8600
8600
|
|
|
8601
|
-
var css_248z$c = ".styles-module__tableResponsive___X3Pht {\r\n overflow-x: auto;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponsive___X3Pht.styles-module__hadBottomRounded___DUWJQ {\r\n border-bottom-left-radius: 0.75rem;\r\n border-bottom-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponse__setBorderRadius___KbRux {\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__table___u86d0 {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-radius: 8px 8px 0px 0px;\r\n}\r\n\r\n.styles-module__thead___31Y6o {\r\n background-color: var(--color-primary);\r\n color: #fff;\r\n border-radius: 8px 8px 0px 0px;\r\n height: 40px;\r\n}\r\n\r\n.styles-module__th___HfMyp {\r\n padding: 16px 30px 16px 24px;\r\n
|
|
8602
|
-
var styles$c = {"tableResponsive":"styles-module__tableResponsive___X3Pht","hadBottomRounded":"styles-module__hadBottomRounded___DUWJQ","tableResponse__setBorderRadius":"styles-module__tableResponse__setBorderRadius___KbRux","table":"styles-module__table___u86d0","thead":"styles-module__thead___31Y6o","th":"styles-module__th___HfMyp","left":"styles-module__left___aIlAN","center":"styles-module__center___ATHmE","right":"styles-module__right___gFq1h","tableHeadContainer":"styles-module__tableHeadContainer___npyid","sortIndicator":"styles-module__sortIndicator___TCKlV","sortAsc":"styles-module__sortAsc___FSCqV","sortDesc":"styles-module__sortDesc___gqFDu","tbody":"styles-module__tbody___gl0AK","rowWhite":"styles-module__rowWhite___ANenF","rowGray":"styles-module__rowGray___Fq6QZ","tr":"styles-module__tr___0ZMLo","td":"styles-module__td___qg16D","noRecords":"styles-module__noRecords___rkZTs","actionHeader":"styles-module__actionHeader___GMevA","actionCell":"styles-module__actionCell___kijis","actionIcon":"styles-module__actionIcon___knjpp"};
|
|
8601
|
+
var css_248z$c = ".styles-module__tableResponsive___X3Pht {\r\n overflow-x: auto;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponsive___X3Pht.styles-module__hadBottomRounded___DUWJQ {\r\n border-bottom-left-radius: 0.75rem;\r\n border-bottom-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__tableResponse__setBorderRadius___KbRux {\r\n border-radius: 0;\r\n border-top-left-radius: 0.75rem;\r\n border-top-right-radius: 0.75rem;\r\n}\r\n\r\n.styles-module__table___u86d0 {\r\n width: 100%;\r\n border-collapse: collapse;\r\n border-radius: 8px 8px 0px 0px;\r\n}\r\n\r\n.styles-module__thead___31Y6o {\r\n background-color: var(--color-primary);\r\n color: #fff;\r\n border-radius: 8px 8px 0px 0px;\r\n height: 40px;\r\n}\r\n\r\n.styles-module__th___HfMyp {\r\n padding: 16px 30px 16px 24px;\r\n position: relative;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 19.07px;\r\n text-align: left;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__sortableTh___qUpBb {\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__th___HfMyp.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__left___aIlAN {\r\n justify-content: left;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__center___ATHmE {\r\n justify-content: center;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid.styles-module__right___gFq1h {\r\n justify-content: right;\r\n}\r\n\r\n.styles-module__tableHeadContainer___npyid {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__sortIndicator___TCKlV {\r\n display: inline-flex;\r\n align-items: center;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__sortAsc___FSCqV,\r\n.styles-module__sortDesc___gqFDu {\r\n margin: 0 2px;\r\n}\r\n\r\n.styles-module__tbody___gl0AK {\r\n border-top: 1px solid #e0e0e0;\r\n}\r\n\r\n.styles-module__rowWhite___ANenF {\r\n background-color: var(--background-color-table-primary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__rowGray___Fq6QZ {\r\n background-color: var(--background-color-table-secondary);\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__tr___0ZMLo:hover {\r\n background-color: #e0f7fa;\r\n}\r\n\r\n.styles-module__td___qg16D {\r\n text-align: start;\r\n padding: 8px 24px;\r\n white-space: nowrap;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__td___qg16D.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__noRecords___rkZTs {\r\n padding: 28px;\r\n text-align: center;\r\n color: #777;\r\n}\r\n\r\n.styles-module__actionHeader___GMevA {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__left___aIlAN {\r\n text-align: left;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__center___ATHmE {\r\n text-align: center;\r\n}\r\n\r\n.styles-module__actionCell___kijis.styles-module__right___gFq1h {\r\n text-align: right;\r\n}\r\n\r\n.styles-module__actionIcon___knjpp {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #ff0000;\r\n font-size: var(--font-size-16, 16px);\r\n padding: 0;\r\n margin: 0;\r\n}\r\n";
|
|
8602
|
+
var styles$c = {"tableResponsive":"styles-module__tableResponsive___X3Pht","hadBottomRounded":"styles-module__hadBottomRounded___DUWJQ","tableResponse__setBorderRadius":"styles-module__tableResponse__setBorderRadius___KbRux","table":"styles-module__table___u86d0","thead":"styles-module__thead___31Y6o","th":"styles-module__th___HfMyp","sortableTh":"styles-module__sortableTh___qUpBb","left":"styles-module__left___aIlAN","center":"styles-module__center___ATHmE","right":"styles-module__right___gFq1h","tableHeadContainer":"styles-module__tableHeadContainer___npyid","sortIndicator":"styles-module__sortIndicator___TCKlV","sortAsc":"styles-module__sortAsc___FSCqV","sortDesc":"styles-module__sortDesc___gqFDu","tbody":"styles-module__tbody___gl0AK","rowWhite":"styles-module__rowWhite___ANenF","rowGray":"styles-module__rowGray___Fq6QZ","tr":"styles-module__tr___0ZMLo","td":"styles-module__td___qg16D","noRecords":"styles-module__noRecords___rkZTs","actionHeader":"styles-module__actionHeader___GMevA","actionCell":"styles-module__actionCell___kijis","actionIcon":"styles-module__actionIcon___knjpp"};
|
|
8603
8603
|
styleInject(css_248z$c);
|
|
8604
8604
|
|
|
8605
8605
|
var TableComponent = function (_a) {
|
|
@@ -8629,7 +8629,7 @@ var TableComponent = function (_a) {
|
|
|
8629
8629
|
React__default.createElement("table", { className: styles$c.table },
|
|
8630
8630
|
React__default.createElement("thead", { className: styles$c.thead },
|
|
8631
8631
|
React__default.createElement("tr", null,
|
|
8632
|
-
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: "".concat(styles$c.th), onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8632
|
+
columns.map(function (column) { return (React__default.createElement("th", { key: column.uid, className: "".concat(styles$c.th, " ").concat(column.sortable ? styles$c.sortableTh : ""), onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8633
8633
|
React__default.createElement("div", { className: "".concat(styles$c.tableHeadContainer, " ").concat(styles$c[textAlignment]) }, handleRenderHeaderCell(column.name, column.sortable, columnIcon)))); }),
|
|
8634
8634
|
hasIcon && (React__default.createElement("th", { className: "".concat(styles$c.th, " ").concat(styles$c[textAlignment]) },
|
|
8635
8635
|
iconColumnName || "Ações",
|
|
@@ -20971,7 +20971,7 @@ var DateInput = function (_a) {
|
|
|
20971
20971
|
restrictionMessage && (React__default.createElement("div", { className: styles$b.restrictionMessage }, restrictionMessage))));
|
|
20972
20972
|
};
|
|
20973
20973
|
|
|
20974
|
-
var css_248z$8 = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n";
|
|
20974
|
+
var css_248z$8 = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n";
|
|
20975
20975
|
var styles$6 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-"};
|
|
20976
20976
|
styleInject(css_248z$8);
|
|
20977
20977
|
|
|
@@ -21437,7 +21437,7 @@ function useController(props) {
|
|
|
21437
21437
|
};
|
|
21438
21438
|
}
|
|
21439
21439
|
|
|
21440
|
-
var selectColourStyles = function (isInvalid) { return ({
|
|
21440
|
+
var selectColourStyles = function (isInvalid, isMobile) { return ({
|
|
21441
21441
|
control: function (styles, _a) {
|
|
21442
21442
|
var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
|
|
21443
21443
|
return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
|
|
@@ -21460,8 +21460,8 @@ var selectColourStyles = function (isInvalid) { return ({
|
|
|
21460
21460
|
backgroundColor: "#005a921a",
|
|
21461
21461
|
color: "#30303090",
|
|
21462
21462
|
} })); },
|
|
21463
|
-
placeholder: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#30303066" : "#30303066", fontSize: "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21464
|
-
singleValue: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : "#303030CC", fontSize: "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21463
|
+
placeholder: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#30303066" : "#30303066", fontSize: isMobile ? "12px" : "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21464
|
+
singleValue: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : "#303030CC", fontSize: isMobile ? "12px" : "14px", fontWeight: "700", lineHeight: "24px" })); },
|
|
21465
21465
|
indicatorSeparator: function (styles, _a) {
|
|
21466
21466
|
var hasValue = _a.hasValue;
|
|
21467
21467
|
return (__assign(__assign({}, styles), { display: hasValue ? "block" : "none" }));
|
|
@@ -21470,10 +21470,18 @@ var selectColourStyles = function (isInvalid) { return ({
|
|
|
21470
21470
|
var SelectDefault = function (_a) {
|
|
21471
21471
|
var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange;
|
|
21472
21472
|
var _d = useController({ name: name, control: control }), _e = _d.field; _e.onChange; _e.value; var rest = __rest(_e, ["onChange", "value"]), error = _d.fieldState.error;
|
|
21473
|
+
var _f = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _f[0], setIsMobile = _f[1];
|
|
21473
21474
|
var CustomDropdownIndicator = function () {
|
|
21474
21475
|
return (React.createElement("div", { className: styles$6.contentIcon },
|
|
21475
21476
|
React.createElement(IconTriangleRecall, { className: styles$6.iconChefron })));
|
|
21476
21477
|
};
|
|
21478
|
+
React.useEffect(function () {
|
|
21479
|
+
function onResize() {
|
|
21480
|
+
setIsMobile(window.innerWidth <= 768);
|
|
21481
|
+
}
|
|
21482
|
+
window.addEventListener("resize", onResize);
|
|
21483
|
+
return function () { return window.removeEventListener("resize", onResize); };
|
|
21484
|
+
}, []);
|
|
21477
21485
|
return (React.createElement("div", { className: "".concat(styles$6.selectContainer) },
|
|
21478
21486
|
label && (React.createElement("label", null,
|
|
21479
21487
|
label,
|
|
@@ -21484,7 +21492,7 @@ var SelectDefault = function (_a) {
|
|
|
21484
21492
|
if (inputValue) {
|
|
21485
21493
|
handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
|
|
21486
21494
|
}
|
|
21487
|
-
}, placeholder: placeholder, styles: selectColourStyles(hasError || !!error), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator } }, rest))),
|
|
21495
|
+
}, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator } }, rest))),
|
|
21488
21496
|
error && React.createElement("span", { className: styles$6.errorText }, error.message)));
|
|
21489
21497
|
};
|
|
21490
21498
|
|
|
@@ -23622,7 +23630,7 @@ var ModalUI = function (_a) {
|
|
|
23622
23630
|
React__default.createElement("div", { className: styles$5.childrenContainer }, children)))));
|
|
23623
23631
|
};
|
|
23624
23632
|
|
|
23625
|
-
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width:
|
|
23633
|
+
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 0 16px 16px;\r\n max-height: 500px;\r\n padding-right: 16px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n}\r\n";
|
|
23626
23634
|
var styl = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23627
23635
|
styleInject(css_248z$6);
|
|
23628
23636
|
|