magneto365.ui 2.70.2 → 2.70.4

package/dist/esm/index.js

@@ -3494,14 +3494,14 @@ var CandidateNav = Object.assign(Component$2a, __assign({ Button: CandidateNavBu
 
 var styles$26 = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
 
-var styles$25 = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_1849j","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_1849j","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_1849j"};
+var styles$25 = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_sa8bj","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_sa8bj","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_sa8bj"};
 
 var cx$T = classNames.bind(styles$25);
 var Component$29 = function (_a) {
-    var avatar = _a.avatar, score = _a.score, props = __rest(_a, ["avatar", "score"]);
+    var fallbackImage = _a.fallbackImage, onClick = _a.onClick, score = _a.score, userImage = _a.userImage, props = __rest(_a, ["fallbackImage", "onClick", "score", "userImage"]);
     return (React.createElement("div", __assign({ className: cx$T('magneto-ui-candidate-profile-avatar') }, props),
         React.createElement("picture", { className: cx$T('magneto-ui-candidate-profile-avatar__picture') },
-            React.createElement(Avatar, __assign({}, avatar))),
+            React.createElement(Avatar, { userImage: userImage, fallbackImage: fallbackImage, onClick: onClick })),
         score && (React.createElement("div", { className: cx$T('magneto-ui-candidate-profile-avatar__score') },
             React.createElement(RatingBadge, { score: score })))));
 };
@@ -4316,11 +4316,10 @@ var cx$O = classNames.bind(styles$1K);
 var Component$1O = function (_a) {
     var className = _a.className, options = _a.options, onChange = _a.onChange, onClick = _a.onClick;
     var _b = useState(0), selectedItem = _b[0], setSelectedItem = _b[1];
-    useEffect(function () {
-        if (onChange) {
-            onChange(selectedItem);
-        }
-    }, [selectedItem, onChange]);
+    var handleOnSelect = useCallback(function (key) {
+        setSelectedItem(key);
+        onChange === null || onChange === void 0 ? void 0 : onChange(key);
+    }, [onChange]);
     if (!options || !Array.isArray(options))
         return null;
     return (React.createElement("header", { className: cx$O('magneto-ui-horizontal-menu', className) },
@@ -4332,7 +4331,7 @@ var Component$1O = function (_a) {
                 return (React.createElement("li", { key: key, className: cx$O('magneto-ui-horizontal-menu__button', {
                         'magneto-ui-horizontal-menu__button--active': selectedItem === key
                     }) },
-                    React.createElement(Button, { suffixIcon: icon, buttonText: title, onClick: function () { return setSelectedItem(key); } })));
+                    React.createElement(Button, { suffixIcon: icon, buttonText: title, onClick: function () { return handleOnSelect(key); } })));
             })))));
 };
 /**
@@ -8947,11 +8946,12 @@ var styles$9 = {"magneto-ui-candidate-profile-nav":"mg_candidate_profile_templat
 var cx$4 = classNames.bind(styles$9);
 var Component$c = function (_a) {
     var props = __rest(_a, []);
-    var _b = useCandidateProfile(), setActiveScreen = _b.setActiveScreen, screens = _b.screens;
+    var _b = useCandidateProfile(), setActiveScreen = _b.setActiveScreen, screens = _b.screens, setIsProfileOpen = _b.setIsProfileOpen;
     var menuOptions = useMemo(function () { return screens.map(function (screen) { return ({ title: screen.title, icon: screen.icon }); }); }, [screens]);
     var onMenuOptionClick = useCallback(function (selectedOption) {
         setActiveScreen(selectedOption);
-    }, [setActiveScreen]);
+        setIsProfileOpen(false);
+    }, [setActiveScreen, setIsProfileOpen]);
     return (React.createElement(HorizontalMenu, __assign({}, props, { options: menuOptions, onChange: onMenuOptionClick, className: cx$4('magneto-ui-candidate-profile-template__nav') })));
 };
 /**
@@ -9002,7 +9002,7 @@ var Component$b = function (_a) {
  */
 var CandidateProfileTemplateNav = Component$b;
 
-var styles$7 = {"magneto-ui-candidate-profile-template-profile":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_62n2p","magneto-ui-candidate-profile-template-profile__container":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_container_62n2p"};
+var styles$7 = {"magneto-ui-candidate-profile-template-profile":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_191ox","magneto-ui-candidate-profile-template-profile__container":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_container_191ox"};
 
 var cx$2 = classNames.bind(styles$7);
 var customScrollbarButtonsStyle = {