magneto365.ui 2.59.5 → 2.59.6-alpha

package/dist/esm/index.js

@@ -2359,7 +2359,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: {
@@ -2419,7 +2419,7 @@ var Component$1Z = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1O['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
+    return (React.createElement("a", { className: "".concat(className ? className : styles$1O['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
         suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1O['button-link__icon'] })),
         buttonText && React.createElement("p", { className: styles$1O['button-link__text'] }, buttonText),
         prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1O['button-link__icon'] }))));
@@ -2450,7 +2450,7 @@ var MegaMenuJobsTabs = function () {
                     }),
                 React.createElement(Divider, { direction: 'VERTICAL' }),
                 React.createElement("li", null,
-                    React.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.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.createElement(Divider, null),
         React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
 };
@@ -2459,7 +2459,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 = useState(false), showContent = _b[0], setShowContent = _b[1];
     var jobAction = useMegaMenuJobs().jobAction;
     var handleShowContent = useCallback(function (show) { return function (event) {
@@ -2467,6 +2467,9 @@ var MegaMenuPopover = function (_a) {
         event.stopPropagation();
         setShowContent(show);
     }; }, []);
+    useImperativeHandle(popoverRef, function () { return ({
+        setShow: function (show) { return setShowContent(show); }
+    }); });
     useEffect(function () {
         var body = document.body;
         if (!body)
@@ -2484,7 +2487,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;
@@ -2501,7 +2504,7 @@ var MegaMenuSideCards = function (_a) {
             jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
                 React.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.createElement("li", null,
-            React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
+            React.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"};
@@ -5900,15 +5903,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.createElement("div", { className: "".concat(style$n["mega-menu-cards__title"]) },
         React.createElement("h4", null, title),
-        actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) })))), {
-        md: title && actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) }))
+        actionTitle && (React.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.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.createElement("nav", { className: className },
         renderTitle,
@@ -5916,7 +5919,7 @@ var MegaMenuCards = function (_a) {
         React.createElement("ul", { className: "".concat(style$n["mega-menu-cards"]) }, jobs &&
             jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
                 React.createElement(MegaMenuCard, __assign({}, job)))); })),
-        action && (React.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.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"};
@@ -8241,20 +8244,23 @@ var Component$4 = function (_a) {
     var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
     var _c = 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.createElement(LogoComponent, __assign({}, logoProps)), {
-        sm: React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
+    var renderLogo = useMediaQuery(React.createElement("a", { href: homeUrl },
+        React.createElement(LogoComponent, __assign({}, logoProps))), {
+        sm: (React.createElement("a", { href: homeUrl },
+            React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))))
     });
     var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
         md: (React.createElement(React.Fragment, null, searchBarProps && (React.createElement(MobileSearchbar, __assign({}, searchBarProps, { termValue: searchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
     });
     var renderSearchBar = useMediaQuery(React.createElement(React.Fragment, null,
         searchBarProps && (React.createElement(Searchbar, __assign({ searchButtonProps: searchPropsButton, removeButtonProps: removePropsButton }, searchBarProps))),
-        React.createElement(MegaMenuPopover, null,
+        React.createElement(MegaMenuPopover, { popoverRef: popoverRef },
             React.createElement(MegaMenuJobsTabs, null))), {
         md: searchBarProps && (React.createElement(SearchButton, __assign({ searchValue: searchBarProps.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$1['mega-menu-main-header__search-button'] }, MobileSearchbarButtonProps)))
     });