magneto365.ui 2.59.5 → 2.59.6-alpha

package/dist/cjs/index.js

@@ -2368,7 +2368,7 @@ var MegaMenuCard = function (_a) {
         arrow));
 };
 
-var style$H = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
+var style$H = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_1512z","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_1512z","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_1512z","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_1512z","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_1512z"};
 
 var initialContext = {
     socialHeaderProps: {
@@ -2428,7 +2428,7 @@ var Component$1Z = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1O['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
+    return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$1O['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
         suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1O['button-link__icon'] })),
         buttonText && React__default["default"].createElement("p", { className: styles$1O['button-link__text'] }, buttonText),
         prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1O['button-link__icon'] }))));
@@ -2459,7 +2459,7 @@ var MegaMenuJobsTabs = function () {
                     }),
                 React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
                 React__default["default"].createElement("li", null,
-                    React__default["default"].createElement(SearchItem, { tag: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', url: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '' })))),
+                    React__default["default"].createElement(ButtonLink, { buttonText: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', href: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '', onClick: allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.onClick, prefixIcon: ArrowRight2, iconSize: 14 })))),
         React__default["default"].createElement(Divider, null),
         React__default["default"].createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
 };
@@ -2468,7 +2468,7 @@ var styles$1N = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_
 
 var popoverClassName = 'magneto-ui-mega-menu-popover';
 var MegaMenuPopover = function (_a) {
-    var children = _a.children;
+    var children = _a.children, popoverRef = _a.popoverRef;
     var _b = React.useState(false), showContent = _b[0], setShowContent = _b[1];
     var jobAction = useMegaMenuJobs().jobAction;
     var handleShowContent = React.useCallback(function (show) { return function (event) {
@@ -2476,6 +2476,9 @@ var MegaMenuPopover = function (_a) {
         event.stopPropagation();
         setShowContent(show);
     }; }, []);
+    React.useImperativeHandle(popoverRef, function () { return ({
+        setShow: function (show) { return setShowContent(show); }
+    }); });
     React.useEffect(function () {
         var body = document.body;
         if (!body)
@@ -2493,7 +2496,7 @@ var MegaMenuPopover = function (_a) {
                 } }, children))));
 };
 
-var style$G = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
+var style$G = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_zkk49","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_zkk49","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_zkk49","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_zkk49"};
 
 var MegaMenuSideCards = function (_a) {
     var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b, cardsRef = _a.cardsRef;
@@ -2510,7 +2513,7 @@ var MegaMenuSideCards = function (_a) {
             jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
                 React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$G["mega-menu-side-cards__card"], " ").concat(selected == key ? style$G["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
         action && (React__default["default"].createElement("li", null,
-            React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+            React__default["default"].createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$G["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
 };
 
 var styles$1M = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
@@ -5909,15 +5912,15 @@ var MagnetoSocialMedia = function (_a) {
         }))));
 };
 
-var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_4a8aq","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_4a8aq","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_4a8aq","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_4a8aq","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_4a8aq"};
+var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_16j6z","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_16j6z","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_16j6z","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_16j6z","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_16j6z"};
 
 var MegaMenuCards = function (_a) {
     var _b;
     var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _c = _a.maxCards, maxCards = _c === void 0 ? 39 : _c;
     var renderTitle = useMediaQuery(title && (React__default["default"].createElement("div", { className: "".concat(style$n["mega-menu-cards__title"]) },
         React__default["default"].createElement("h4", null, title),
-        actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) })))), {
-        md: title && actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) }))
+        actionTitle && (React__default["default"].createElement(ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(style$n["mega-menu-cards__action--grey"]) })))), {
+        md: title && actionTitle && (React__default["default"].createElement(ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(style$n["mega-menu-cards__action--grey"]) }))
     });
     return (React__default["default"].createElement("nav", { className: className },
         renderTitle,
@@ -5925,7 +5928,7 @@ var MegaMenuCards = function (_a) {
         React__default["default"].createElement("ul", { className: "".concat(style$n["mega-menu-cards"]) }, jobs &&
             jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
                 React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
-        action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', prefixIcon: ArrowRightWhite, className: "".concat(style$n["mega-menu-cards__action"]) }))));
+        action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, onClick: action.onClick, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', prefixIcon: ArrowRightWhite, className: "".concat(style$n["mega-menu-cards__action"]) }))));
 };
 
 var styles$D = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
@@ -8250,20 +8253,23 @@ var Component$4 = function (_a) {
     var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
     var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
     var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
+    var popoverRef = useMegaMenuJobs().popoverRef;
     var listMenuUserProps = useLoggedInUser();
-    var profileImage = listMenuUserProps.profileImage, isAuthenticated = listMenuUserProps.isAuthenticated;
+    var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
     var toggleSearchBar = function () {
         setShowSearchBar(!showSearchBar);
     };
-    var renderLogo = useMediaQuery(React__default["default"].createElement(LogoComponent, __assign({}, logoProps)), {
-        sm: React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
+    var renderLogo = useMediaQuery(React__default["default"].createElement("a", { href: homeUrl },
+        React__default["default"].createElement(LogoComponent, __assign({}, logoProps))), {
+        sm: (React__default["default"].createElement("a", { href: homeUrl },
+            React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))))
     });
     var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
         md: (React__default["default"].createElement(React__default["default"].Fragment, null, searchBarProps && (React__default["default"].createElement(MobileSearchbar, __assign({}, searchBarProps, { termValue: searchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
     });
     var renderSearchBar = useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
         searchBarProps && (React__default["default"].createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchBarProps))),
-        React__default["default"].createElement(MegaMenuPopover, null,
+        React__default["default"].createElement(MegaMenuPopover, { popoverRef: popoverRef },
             React__default["default"].createElement(MegaMenuJobsTabs, null))), {
         md: searchBarProps && (React__default["default"].createElement(SearchButton, __assign({ searchValue: searchBarProps.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$1['mega-menu-main-header__search-button'] }, MobileSearchbarButtonProps)))
     });