magneto365.ui 2.65.4 → 2.65.6

package/dist/esm/index.js

@@ -2499,8 +2499,9 @@ var UserMenuButtonAnalyst = Component$27;
 
 var styles$24 = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_by1hf","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_by1hf","popover-left":"mg_bar_chart_popover-left_by1hf","popover-right":"mg_bar_chart_popover-right_by1hf"};
 
-var numberToCurrency = function (currency) {
-    return "$".concat(currency.toLocaleString('es-CO', {
+var numberToCurrency = function (currency, withSymbol) {
+    if (withSymbol === void 0) { withSymbol = true; }
+    return "".concat(withSymbol ? '$' : '').concat(currency.toLocaleString('es-CO', {
         maximumFractionDigits: 3
     }));
 };
@@ -2702,9 +2703,9 @@ var style$V = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-dr
 
 var cx$S = classNames.bind(style$V);
 var Component$23 = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
-    var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
-    var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
+    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
+    var _e = useState(false), showContent = _e[0], setShowContent = _e[1];
+    var _f = useState(isOpen), renderPortal = _f[0], setRenderPortal = _f[1];
     var showMenu = showContent ? 'show' : 'hidden';
     useEffect(function () {
         var timer = null;
@@ -2732,7 +2733,7 @@ var Component$23 = function (_a) {
                 React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$S('magneto-ui-close-button'), onClick: onClose },
                     React.createElement(IconItem, { icon: Add, hover: false })),
                 React.createElement("div", { className: cx$S('magneto-ui-container') }, children)),
-            isOpen && (React.createElement("span", { className: cx$S('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
+            isOpen && (React.createElement("span", { className: cx$S('background-drawer', backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
 };
 /**
  * Molecule UI component for Mobile Drawer
@@ -4255,7 +4256,7 @@ var MegaMenuCard = function (_a) {
             React.createElement(Image, { image: logo, alt: 'logo', className: styles$1v["magneto-ui-mega-menu-card__logo"] }))),
         React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__content"] },
             React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__title"] }, title),
-            React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas), " cupos"))),
+            React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas, false), " cupos"))),
         arrow));
 };
 
@@ -4335,7 +4336,7 @@ var MegaMenuJobsTabs = function () {
         React.createElement("div", { className: "".concat(style$D["mega-menu-jobs-tabs__content"]) }, content)));
 };
 
-var styles$1u = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
+var styles$1u = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_78m8m","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_78m8m","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_78m8m","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_78m8m","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_78m8m","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_78m8m","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_78m8m","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_78m8m"};
 
 var popoverClassName = 'magneto-ui-mega-menu-popover';
 var MegaMenuPopover = function (_a) {
@@ -4526,7 +4527,7 @@ var Component$1x = function (_a) {
  */
 var MobileSearchbar = Component$1x;
 
-var styles$1p = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
+var styles$1p = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1ffsw","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1ffsw","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1ffsw","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1ffsw","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1ffsw","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1ffsw","fadeIn":"mg_modal_fadeIn_1ffsw"};
 
 var ModalPortal = function (_a) {
     var children = _a.children;
@@ -4549,7 +4550,7 @@ var ModalPortal = function (_a) {
 };
 
 var Modal = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
+    var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
     useEffect(function () {
         var body = document.body;
         if (!body)
@@ -4565,7 +4566,7 @@ var Modal = function (_a) {
             children,
             React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1p["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
                 React.createElement("img", { src: Close, alt: "close icon" }))),
-        React.createElement("span", { className: "".concat(styles$1p["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
+        React.createElement("span", { className: "".concat(styles$1p["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
 };
 var Title = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
@@ -4578,9 +4579,9 @@ var Description = function (_a) {
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
 var Component$1w = function (_a) {
-    var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
-    var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
-        md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
+    var children = _a.children, open = _a.open, onClose = _a.onClose, _b = _a.modalClassName, modalClassName = _b === void 0 ? '' : _b, _c = _a.mobileDrawerClassName, mobileDrawerClassName = _c === void 0 ? '' : _c, _d = _a.backgroundClassNameDesktop, backgroundClassNameDesktop = _d === void 0 ? '' : _d, _e = _a.backgroundClassNameMobile, backgroundClassNameMobile = _e === void 0 ? '' : _e;
+    var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, backgroundClassName: backgroundClassNameDesktop, isOpen: open, onClose: onClose }, children), {
+        md: (React.createElement(MobileDrawer, { backgroundClassName: backgroundClassNameMobile, className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
     });
     return container;
 };