pge-front-common 7.0.2 → 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.js
CHANGED
|
@@ -2549,8 +2549,8 @@ var css_248z$3 = ".header-module__separator_background___lYfCd {\r\n background
|
|
|
2549
2549
|
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"};
|
|
2550
2550
|
styleInject(css_248z$3);
|
|
2551
2551
|
|
|
2552
|
-
var css_248z$2 = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid
|
|
2553
|
-
var styles$2 = {"dropdown":"dropdown-module__dropdown___EIaq-","primaryDropdown":"dropdown-module__primaryDropdown___I7kas","
|
|
2552
|
+
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";
|
|
2553
|
+
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"};
|
|
2554
2554
|
styleInject(css_248z$2);
|
|
2555
2555
|
|
|
2556
2556
|
var DropDown = function (_a) {
|
|
@@ -2564,8 +2564,8 @@ var DropDown = function (_a) {
|
|
|
2564
2564
|
var nome = _a.nome, id = _a.id, submenu = _a.submenu, checked = _a.checked, chave = _a.chave;
|
|
2565
2565
|
return (React.createElement("div", { key: id },
|
|
2566
2566
|
React.createElement("button", { className: "".concat(styles$2.primaryDropdown, " ").concat(checked
|
|
2567
|
-
? styles$2.
|
|
2568
|
-
: styles$2.
|
|
2567
|
+
? styles$2.primaryDropdown__menu
|
|
2568
|
+
: styles$2.primaryDropdown__disabled), key: id, onClick: function (ev) {
|
|
2569
2569
|
if (checked) {
|
|
2570
2570
|
setShowSubMenu(true);
|
|
2571
2571
|
setKeyMenu(keyMenu === id ? 0 : id);
|
|
@@ -2574,12 +2574,15 @@ var DropDown = function (_a) {
|
|
|
2574
2574
|
}
|
|
2575
2575
|
ev.stopPropagation();
|
|
2576
2576
|
}
|
|
2577
|
-
}, disabled: !checked },
|
|
2577
|
+
}, disabled: !checked },
|
|
2578
|
+
nome,
|
|
2579
|
+
checked && submenu.length > 0 && (React.createElement("div", { className: "".concat(styles$2.contentIcon, " ").concat(showSubMenu && keyMenu === id ? styles$2.active : styles$2.inactive) },
|
|
2580
|
+
React.createElement(IconTriangleExpand, null)))),
|
|
2578
2581
|
showSubMenu &&
|
|
2579
2582
|
keyMenu === id &&
|
|
2580
2583
|
submenu.map(function (_a) {
|
|
2581
2584
|
var id = _a.id, nome = _a.nome, checked = _a.checked;
|
|
2582
|
-
return (React.createElement("button", { key: id, className: "".concat(styles$2.primaryDropdown, " ").concat(styles$2.
|
|
2585
|
+
return (React.createElement("button", { key: id, className: "".concat(styles$2.primaryDropdown, " ").concat(styles$2.primaryDropdown__submenu, " ").concat(checked ? "" : styles$2.primaryDropdown__disabled), onClick: function (ev) {
|
|
2583
2586
|
if (checked) {
|
|
2584
2587
|
onClickHandler(chave, id);
|
|
2585
2588
|
ev.stopPropagation();
|