pge-front-common 7.0.3 → 7.0.4
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 +9 -6
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +9 -6
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -2529,8 +2529,8 @@ var css_248z$3 = ".header-module__separator_background___lYfCd {\r\n background
|
|
|
2529
2529
|
var styles$3 = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","IconMenu":"header-module__IconMenu___7JWj-","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y"};
|
|
2530
2530
|
styleInject(css_248z$3);
|
|
2531
2531
|
|
|
2532
|
-
var css_248z$2 = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid
|
|
2533
|
-
var styles$2 = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","
|
|
2532
|
+
var css_248z$2 = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: #fff;\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 280px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 280px;\r\n color: #303030;\r\n font-size: 16px;\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 50px;\r\n border: none;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: #005a921a;\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: 16px;\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
|
|
2533
|
+
var styles$2 = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","primaryDropdown__disabled":"dropdown-module__primaryDropdown__disabled___McFgs","primaryDropdown__home":"dropdown-module__primaryDropdown__home___4Odwr","primaryDropdown__submenu":"dropdown-module__primaryDropdown__submenu___eXCiN","contentIcon":"dropdown-module__contentIcon___aqI89","active":"dropdown-module__active___RRrmk","inactive":"dropdown-module__inactive___AQdLm"};
|
|
2534
2534
|
styleInject(css_248z$2);
|
|
2535
2535
|
|
|
2536
2536
|
var DropDown = function (_a) {
|
|
@@ -2544,8 +2544,8 @@ var DropDown = function (_a) {
|
|
|
2544
2544
|
var nome = _a.nome, id = _a.id, submenu = _a.submenu, checked = _a.checked, chave = _a.chave;
|
|
2545
2545
|
return (React__default.createElement("div", { key: id },
|
|
2546
2546
|
React__default.createElement("button", { className: "".concat(styles$2.primaryDropdown, " ").concat(checked
|
|
2547
|
-
? styles$2.
|
|
2548
|
-
: styles$2.
|
|
2547
|
+
? styles$2.primaryDropdown__menu
|
|
2548
|
+
: styles$2.primaryDropdown__disabled), key: id, onClick: function (ev) {
|
|
2549
2549
|
if (checked) {
|
|
2550
2550
|
setShowSubMenu(true);
|
|
2551
2551
|
setKeyMenu(keyMenu === id ? 0 : id);
|
|
@@ -2554,12 +2554,15 @@ var DropDown = function (_a) {
|
|
|
2554
2554
|
}
|
|
2555
2555
|
ev.stopPropagation();
|
|
2556
2556
|
}
|
|
2557
|
-
}, disabled: !checked },
|
|
2557
|
+
}, disabled: !checked },
|
|
2558
|
+
nome,
|
|
2559
|
+
checked && submenu.length > 0 && (React__default.createElement("div", { className: "".concat(styles$2.contentIcon, " ").concat(showSubMenu && keyMenu === id ? styles$2.active : styles$2.inactive) },
|
|
2560
|
+
React__default.createElement(IconTriangleExpand, null)))),
|
|
2558
2561
|
showSubMenu &&
|
|
2559
2562
|
keyMenu === id &&
|
|
2560
2563
|
submenu.map(function (_a) {
|
|
2561
2564
|
var id = _a.id, nome = _a.nome, checked = _a.checked;
|
|
2562
|
-
return (React__default.createElement("button", { key: id, className: "".concat(styles$2.primaryDropdown, " ").concat(styles$2.
|
|
2565
|
+
return (React__default.createElement("button", { key: id, className: "".concat(styles$2.primaryDropdown, " ").concat(styles$2.primaryDropdown__submenu, " ").concat(checked ? "" : styles$2.primaryDropdown__disabled), onClick: function (ev) {
|
|
2563
2566
|
if (checked) {
|
|
2564
2567
|
onClickHandler(chave, id);
|
|
2565
2568
|
ev.stopPropagation();
|