magneto365.ui 2.75.1-job-details.11 → 2.75.1-job-details.12

package/dist/cjs/components/UI/organism/LogoutJobsHeader/LogoutJobsHeader.component.js

@@ -1,7 +1,10 @@
 'use strict';
 
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 require('../../atoms/BarChart/enums.js');
+require('../../../../utils/classNameManager/classNameManager.util.js');
+require('../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../constants/stories/common.constants.js');
 require('../../../../constants/stories/DatePicker.constants.js');
 var headers_constants = require('../../../../constants/stories/headers.constants.js');
@@ -11,7 +14,6 @@ require('../../../../constants/stories/sideFilter.constants.js');
 require('../../../../constants/stories/vacancies.constants.js');
 require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
-require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../utils/date/dateInput.util.js');
 require('../../atoms/InputFile/InputFile.component.js');
 var Link_component = require('../../atoms/Link/Link.component.js');
@@ -37,8 +39,9 @@ require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/Expandable
 require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
 require('../../molecules/SharePopover/SharePopover.js');
+require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 require('../../template/MegaMenu/MegaMenu.context.js');
 var MobileSearchbar_component = require('../../molecules/MobileSearchbar/MobileSearchbar.component.js');
 require('../../molecules/Modal/Modal.component.js');
@@ -60,52 +63,53 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Muiclass = 'magneto-ui';
-const LogoutJobsHeader = ({ searchbar, mobileSearchbar, signInLink, signUpButton, breadcrumbProps, onMenuClick, homeUrl, brandMenuProps, gif, allJobsText, allJobsLink }) => {
-    var _a;
-    const { type, href, text } = signInLink;
-    const { buttonText, loadingState, onClick } = signUpButton;
-    const { companySlug, companyLogo, companyUrl, brandsProps } = brandMenuProps;
-    const [showSearchBar, setShowSearchBar] = React.useState(false);
-    const isMobileButton = index.useMediaQuery(false, {
+var Muiclass = 'magneto-ui';
+var LogoutJobsHeader = function (_a) {
+    var _b;
+    var searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, brandMenuProps = _a.brandMenuProps, gif = _a.gif, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink;
+    var type = signInLink.type, href = signInLink.href, text = signInLink.text;
+    var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
+    var companySlug = brandMenuProps.companySlug, companyLogo = brandMenuProps.companyLogo, companyUrl = brandMenuProps.companyUrl, brandsProps = brandMenuProps.brandsProps;
+    var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
+    var isMobileButton = index.useMediaQuery(false, {
         md: true
     });
-    const toggleSearchBar = () => {
+    var toggleSearchBar = function () {
         setShowSearchBar(!showSearchBar);
     };
-    const LogoutHeaderMobileSearchbar = index.useMediaQuery(null, {
-        md: (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, { ...mobileSearchbar, onClick: () => setShowSearchBar(false), showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar }))
+    var LogoutHeaderMobileSearchbar = index.useMediaQuery(null, {
+        md: (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, tslib_es6.__assign({}, mobileSearchbar, { onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))
     });
-    const LogoutHeaderMenuButton = index.useMediaQuery(React__default["default"].createElement(MainButton_component.MainButton, { ...headers_constants.MenuButtonProps, onClick: onMenuClick }));
-    const LogoutHeaderMobileSearchbarButton = index.useMediaQuery(null, {
-        md: React__default["default"].createElement(SearchButton_component.SearchButton, { searchValue: searchbar.termValue, onClick: toggleSearchBar, ...headers_constants.MobileSearchbarButtonProps })
+    var LogoutHeaderMenuButton = index.useMediaQuery(React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({}, headers_constants.MenuButtonProps, { onClick: onMenuClick })));
+    var LogoutHeaderMobileSearchbarButton = index.useMediaQuery(null, {
+        md: React__default["default"].createElement(SearchButton_component.SearchButton, tslib_es6.__assign({ searchValue: searchbar.termValue, onClick: toggleSearchBar }, headers_constants.MobileSearchbarButtonProps))
     });
-    const LogoutHeaderSearchbar = index.useMediaQuery(React__default["default"].createElement(Searchbar_component.Searchbar, { ...searchbar, searchButtonProps: headers_constants.searchPropsButton, removeButtonProps: headers_constants.removePropsButton }), {
+    var LogoutHeaderSearchbar = index.useMediaQuery(React__default["default"].createElement(Searchbar_component.Searchbar, tslib_es6.__assign({}, searchbar, { searchButtonProps: headers_constants.searchPropsButton, removeButtonProps: headers_constants.removePropsButton })), {
         md: null
     });
-    const LogoutHeaderLinkSignIn = index.useMediaQuery(React__default["default"].createElement(Link_component.Link, { type: type, href: href, text: text, iconProps: common_constants.SignInIcon, linkStyles: common_constants.SignInStyles, isMobile: isMobileButton }));
-    const LogoutHeaderButtonSignUp = index.useMediaQuery(React__default["default"].createElement(MainButton_component.MainButton, { buttonSize: "full", ...common_constants.SignUpButtonStyle, buttonText: buttonText, onClick: onClick, loadingState: loadingState, isMobile: isMobileButton }));
-    const LogoutHeaderBreadcrumbs = index.useMediaQuery(React__default["default"].createElement(Breadcrumbs_component.Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
+    var LogoutHeaderLinkSignIn = index.useMediaQuery(React__default["default"].createElement(Link_component.Link, { type: type, href: href, text: text, iconProps: common_constants.SignInIcon, linkStyles: common_constants.SignInStyles, isMobile: isMobileButton }));
+    var LogoutHeaderButtonSignUp = index.useMediaQuery(React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ buttonSize: "full" }, common_constants.SignUpButtonStyle, { buttonText: buttonText, onClick: onClick, loadingState: loadingState, isMobile: isMobileButton })));
+    var LogoutHeaderBreadcrumbs = index.useMediaQuery(React__default["default"].createElement(Breadcrumbs_component.Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
         md: null
     });
-    return (React__default["default"].createElement("header", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header`] },
+    return (React__default["default"].createElement("header", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header")] },
         LogoutHeaderMobileSearchbar,
-        React__default["default"].createElement("div", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row`] },
-            React__default["default"].createElement("div", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row__left-section`] },
+        React__default["default"].createElement("div", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row")] },
+            React__default["default"].createElement("div", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row__left-section")] },
                 LogoutHeaderMenuButton,
                 React__default["default"].createElement("a", { href: homeUrl },
-                    React__default["default"].createElement(Logo_component.LogoComponent, { ...common_constants.logoProps, isoView: true })),
-                brandsProps.brands && ((_a = brandsProps.brands) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (React__default["default"].createElement(BrandMenu_component, { ...brandMenuProps })) : (React__default["default"].createElement("a", { href: companyUrl },
-                    React__default["default"].createElement("img", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row__left-section--company-logo`], src: companyLogo, alt: companySlug ? companySlug : '' }))),
-                gif && (React__default["default"].createElement("img", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row__left-section--gif`], alt: companySlug ? companySlug : '', src: gif })),
+                    React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps, { isoView: true }))),
+                brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu_component, tslib_es6.__assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
+                    React__default["default"].createElement("img", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
+                gif && (React__default["default"].createElement("img", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
                 LogoutHeaderMobileSearchbarButton),
-            React__default["default"].createElement("div", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row__middle-section`] },
+            React__default["default"].createElement("div", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row__middle-section")] },
                 LogoutHeaderSearchbar,
                 React__default["default"].createElement(SearchItem_component.SearchItem, { tag: allJobsText, url: allJobsLink })),
-            React__default["default"].createElement("div", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--second-row__right-section`] },
+            React__default["default"].createElement("div", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--second-row__right-section")] },
                 LogoutHeaderLinkSignIn,
                 LogoutHeaderButtonSignUp)),
-        React__default["default"].createElement("div", { className: LogoutJobsHeader_module[`${Muiclass}-logout-jobs-header--third-row`] }, LogoutHeaderBreadcrumbs)));
+        React__default["default"].createElement("div", { className: LogoutJobsHeader_module["".concat(Muiclass, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
 };
 
 module.exports = LogoutJobsHeader;

package/dist/cjs/components/UI/organism/LogoutJobsHeader/LogoutJobsHeader.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutJobsHeader.component.js","sources":["../../../../../../src/components/UI/organism/LogoutJobsHeader/LogoutJobsHeader.component.tsx"],"sourcesContent":[null],"names":["useState","useMediaQuery","React","MobileSearchbar","MainButton","MenuButtonProps","SearchButton","MobileSearchbarButtonProps","Searchbar","searchPropsButton","removePropsButton","Link","SignInIcon","SignInStyles","SignUpButtonStyle","Breadcrumbs","styles","LogoComponent","logoProps","BrandMenu","SearchItem"],"mappings":"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"}
+{"version":3,"file":"LogoutJobsHeader.component.js","sources":["../../../../../../src/components/UI/organism/LogoutJobsHeader/LogoutJobsHeader.component.tsx"],"sourcesContent":[null],"names":["useState","useMediaQuery","React","MobileSearchbar","MainButton","MenuButtonProps","SearchButton","MobileSearchbarButtonProps","Searchbar","searchPropsButton","removePropsButton","Link","SignInIcon","SignInStyles","SignUpButtonStyle","Breadcrumbs","styles","LogoComponent","logoProps","BrandMenu","SearchItem"],"mappings":"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"}

package/dist/cjs/components/UI/organism/MagnetoSocialMedia/MagnetoSocialMedia.component.js

@@ -3,6 +3,8 @@
 var React = require('react');
 require('../../molecules/Actions/Actions.component.js');
 require('../../atoms/BarChart/enums.js');
+require('../../../../utils/classNameManager/classNameManager.util.js');
+require('../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../constants/stories/common.constants.js');
 require('../../../../constants/stories/DatePicker.constants.js');
 var drawer_constants = require('../../../../constants/stories/drawer.constants.js');
@@ -13,7 +15,6 @@ require('../../../../constants/stories/sideFilter.constants.js');
 require('../../../../constants/stories/vacancies.constants.js');
 require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
-require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../utils/date/dateInput.util.js');
 require('../../atoms/InputFile/InputFile.component.js');
 require('../../atoms/Paragraph/Paragraph.component.js');
@@ -33,9 +34,10 @@ require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/Expandable
 require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
 require('../../molecules/SharePopover/SharePopover.js');
 var ListIconLink_component = require('../../molecules/ListIconLink/ListIconLink.component.js');
+require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 require('../../template/MegaMenu/MegaMenu.context.js');
 require('../../molecules/Modal/Modal.component.js');
 require('../../molecules/SimilarCard/SimilarCard.component.js');
@@ -53,12 +55,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MagnetoSocialMedia = ({ followText }) => {
-    return (React__default["default"].createElement("div", { className: `${MagnetoSocialMedia_module[`${common_constants.classMUI}-magneto-social-media`]}` },
-        React__default["default"].createElement("p", { className: `${MagnetoSocialMedia_module[`${common_constants.classMUI}-magneto-social-media__follow-text`]}` }, followText),
+var MagnetoSocialMedia = function (_a) {
+    var followText = _a.followText;
+    return (React__default["default"].createElement("div", { className: "".concat(MagnetoSocialMedia_module["".concat(common_constants.classMUI, "-magneto-social-media")]) },
+        React__default["default"].createElement("p", { className: "".concat(MagnetoSocialMedia_module["".concat(common_constants.classMUI, "-magneto-social-media__follow-text")]) }, followText),
         React__default["default"].createElement(ListIconLink_component.ListIconLink, { spacing: 10, size: 36, listIcon: drawer_constants.ListIcon }),
-        React__default["default"].createElement("div", { className: `${MagnetoSocialMedia_module[`${common_constants.classMUI}-magneto-social-media__app-links-container`]}` }, footer_constants.SocialMediaProps.map(({ alt, href, img }, i) => (React__default["default"].createElement("a", { key: i, target: "blank", href: href },
-            React__default["default"].createElement("img", { className: `${MagnetoSocialMedia_module[`${common_constants.classMUI}-magneto-social-media__app-links-container--img`]}`, src: img, alt: alt, loading: "lazy", width: '150px', height: '45px' })))))));
+        React__default["default"].createElement("div", { className: "".concat(MagnetoSocialMedia_module["".concat(common_constants.classMUI, "-magneto-social-media__app-links-container")]) }, footer_constants.SocialMediaProps.map(function (_a, i) {
+            var alt = _a.alt, href = _a.href, img = _a.img;
+            return (React__default["default"].createElement("a", { key: i, target: "blank", href: href },
+                React__default["default"].createElement("img", { className: "".concat(MagnetoSocialMedia_module["".concat(common_constants.classMUI, "-magneto-social-media__app-links-container--img")]), src: img, alt: alt, loading: "lazy", width: '150px', height: '45px' })));
+        }))));
 };
 
 module.exports = MagnetoSocialMedia;

package/dist/cjs/components/UI/organism/MagnetoSocialMedia/MagnetoSocialMedia.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MagnetoSocialMedia.component.js","sources":["../../../../../../src/components/UI/organism/MagnetoSocialMedia/MagnetoSocialMedia.component.tsx"],"sourcesContent":[null],"names":["React","style","classMUI","ListIconLink","ListIcon","SocialMediaProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAMM,kBAAkB,GAAkC,CAAC,EAAE,UAAU,EAAE;IACvE,QACEA,iDAAK,SAAS,EAAE,GAAGC,yBAAK,CAAC,GAAGC,yBAAQ,uBAAuB,CAAC,EAAE;QAC5DF,+CAAG,SAAS,EAAE,GAAGC,yBAAK,CAAC,GAAGC,yBAAQ,oCAAoC,CAAC,EAAE,IAAG,UAAU,CAAK;QAC3FF,wCAACG,mCAAY,IAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAEC,yBAAQ,GAAI;QAC3DJ,iDAAK,SAAS,EAAE,GAAGC,yBAAK,CAAC,GAAGC,yBAAQ,4CAA4C,CAAC,EAAE,IAChFG,iCAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,MAC1CL,+CAAG,GAAG,EAAE,CAAC,EAAE,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI;YAClCA,iDACE,SAAS,EAAE,GAAGC,yBAAK,CAAC,GAAGC,yBAAQ,iDAAiD,CAAC,EAAE,EACnF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,GACd,CACA,CACL,CAAC,CACE,CACF,EACP;AACH;;;;"}
+{"version":3,"file":"MagnetoSocialMedia.component.js","sources":["../../../../../../src/components/UI/organism/MagnetoSocialMedia/MagnetoSocialMedia.component.tsx"],"sourcesContent":[null],"names":["React","style","classMUI","ListIconLink","ListIcon","SocialMediaProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMM,kBAAkB,GAAkC,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACrE,QACEA,iDAAK,SAAS,EAAE,UAAGC,yBAAK,CAAC,UAAGC,yBAAQ,0BAAuB,CAAC,CAAE;QAC5DF,+CAAG,SAAS,EAAE,UAAGC,yBAAK,CAAC,UAAGC,yBAAQ,uCAAoC,CAAC,CAAE,IAAG,UAAU,CAAK;QAC3FF,wCAACG,mCAAY,IAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAEC,yBAAQ,GAAI;QAC3DJ,iDAAK,SAAS,EAAE,UAAGC,yBAAK,CAAC,UAAGC,yBAAQ,+CAA4C,CAAC,CAAE,IAChFG,iCAAgB,CAAC,GAAG,CAAC,UAAC,EAAkB,EAAE,CAAC;gBAAnB,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,GAAG,SAAA;YAAU,QAC/CL,+CAAG,GAAG,EAAE,CAAC,EAAE,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI;gBAClCA,iDACE,SAAS,EAAE,UAAGC,yBAAK,CAAC,UAAGC,yBAAQ,oDAAiD,CAAC,CAAE,EACnF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,GACd,CACA;SACL,CAAC,CACE,CACF,EACP;AACH;;;;"}

package/dist/cjs/components/UI/organism/MegaMenuCards/MegaMenuCards.component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var MegaMenuCards_module = require('./MegaMenuCards.module.scss.js');
 var ArrowRight2 = require('../../../../assets/ArrowRight2.svg.js');
@@ -7,6 +8,8 @@ var ArrowRightWhite = require('../../../../assets/ArrowRightWhite.svg.js');
 var ButtonLink_component = require('../../atoms/ButtonLink/ButtonLink.component.js');
 require('../../molecules/Actions/Actions.component.js');
 require('../../atoms/BarChart/enums.js');
+require('../../../../utils/classNameManager/classNameManager.util.js');
+require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../constants/stories/DatePicker.constants.js');
 require('../../../../constants/stories/jobVideo.constants.js');
 require('../../../../constants/stories/megaMenu.constants.js');
@@ -14,7 +17,6 @@ require('../../../../constants/stories/sideFilter.constants.js');
 require('../../../../constants/stories/vacancies.constants.js');
 require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
-require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../utils/date/dateInput.util.js');
 require('../../atoms/InputFile/InputFile.component.js');
 require('../../atoms/Paragraph/Paragraph.component.js');
@@ -34,9 +36,10 @@ require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/Expandable
 require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
 require('../../molecules/SharePopover/SharePopover.js');
 var MegaMenuCard_component = require('../../molecules/MegaMenuCard/MegaMenuCard.component.js');
+require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 require('../../template/MegaMenu/MegaMenu.context.js');
 require('../../molecules/Modal/Modal.component.js');
 require('../../molecules/SimilarCard/SimilarCard.component.js');
@@ -53,6 +56,7 @@ var AlphabetFilter_component = require('../AlphabetFilter/AlphabetFilter.compone
 require('../ApplicationSummary/ApplicationSummary.component.js');
 require('../../../Domain/Jobs/SimilarJobs/index.js');
 require('../JobSuggestedDrawer/JobSuggestedDrawer.component.js');
+require('../JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.js');
 require('../Swipe/Swipe.interface.js');
 require('../ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.constants.js');
 require('../ModalAnalyst/children/ModalAnalystFooter/ModalAnalystFooter.interface.js');
@@ -66,20 +70,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MegaMenuCards = ({ jobs, action, title, actionTitle, className, filterProps, maxCards = 39 }) => {
-    var _a;
-    const renderTitle = index.useMediaQuery(title && (React__default["default"].createElement("div", { className: `${MegaMenuCards_module[`mega-menu-cards__title`]}` },
+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 = index.useMediaQuery(title && (React__default["default"].createElement("div", { className: "".concat(MegaMenuCards_module["mega-menu-cards__title"]) },
         React__default["default"].createElement("p", null, title),
-        actionTitle && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: `${MegaMenuCards_module[`mega-menu-cards__action--grey`]}` })))), {
-        md: title && actionTitle && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: `${MegaMenuCards_module[`mega-menu-cards__action--grey`]}` }))
+        actionTitle && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(MegaMenuCards_module["mega-menu-cards__action--grey"]) })))), {
+        md: title && actionTitle && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(MegaMenuCards_module["mega-menu-cards__action--grey"]) }))
     });
     return (React__default["default"].createElement("nav", { className: className },
         renderTitle,
-        filterProps && React__default["default"].createElement(AlphabetFilter_component, { className: MegaMenuCards_module[`mega-menu-cards__filter`], ...filterProps }),
-        React__default["default"].createElement("ul", { className: `${MegaMenuCards_module[`mega-menu-cards`]}` }, jobs &&
-            jobs.slice(0, maxCards).map((job, key) => (React__default["default"].createElement("li", { key: key },
-                React__default["default"].createElement(MegaMenuCard_component, { ...job }))))),
-        action && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { buttonText: action.label, href: action.url, onClick: action.onClick, target: (_a = action.target) !== null && _a !== void 0 ? _a : '_self', prefixIcon: ArrowRightWhite, className: `${MegaMenuCards_module[`mega-menu-cards__action`]}` }))));
+        filterProps && React__default["default"].createElement(AlphabetFilter_component, tslib_es6.__assign({ className: MegaMenuCards_module["mega-menu-cards__filter"] }, filterProps)),
+        React__default["default"].createElement("ul", { className: "".concat(MegaMenuCards_module["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_component, tslib_es6.__assign({}, job)))); })),
+        action && (React__default["default"].createElement(ButtonLink_component.ButtonLink, { buttonText: action.label, href: action.url, onClick: action.onClick, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', prefixIcon: ArrowRightWhite, className: "".concat(MegaMenuCards_module["mega-menu-cards__action"]) }))));
 };
 
 module.exports = MegaMenuCards;

package/dist/cjs/components/UI/organism/MegaMenuCards/MegaMenuCards.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenuCards.component.js","sources":["../../../../../../src/components/UI/organism/MegaMenuCards/MegaMenuCards.component.tsx"],"sourcesContent":[null],"names":["useMediaQuery","React","style","ButtonLink","AlphabetFilter","MegaMenuCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MASM,aAAa,GAA6B,CAAC,EAC/C,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GAAG,EAAE,EACd;;IACC,MAAM,WAAW,GAAGA,mBAAa,CAC/B,KAAK,KACHC,iDAAK,SAAS,EAAE,GAAGC,oBAAK,CAAC,wBAAwB,CAAC,EAAE;QAClDD,mDAAI,KAAK,CAAK;QACb,WAAW,KACVA,wCAACE,+BAAU,IACT,IAAI,EAAE,WAAW,CAAC,GAAG,EACrB,UAAU,EAAE,WAAW,CAAC,KAAK,EAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,GAAGD,oBAAK,CAAC,+BAA+B,CAAC,EAAE,GACtD,CACH,CACG,CACP,EACD;QACE,EAAE,EAAE,KAAK,IAAI,WAAW,KACtBD,wCAACE,+BAAU,IACT,IAAI,EAAE,WAAW,CAAC,GAAG,EACrB,UAAU,EAAE,WAAW,CAAC,KAAK,EAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,GAAGD,oBAAK,CAAC,+BAA+B,CAAC,EAAE,GACtD,CACH;KACF,CACF,CAAA;IAED,QACED,iDAAK,SAAS,EAAE,SAAS;QACtB,WAAW;QACX,WAAW,IAAIA,wCAACG,wBAAc,IAAC,SAAS,EAAEF,oBAAK,CAAC,yBAAyB,CAAC,KAAM,WAAW,GAAI;QAChGD,gDAAI,SAAS,EAAE,GAAGC,oBAAK,CAAC,iBAAiB,CAAC,EAAE,IACzC,IAAI;YACH,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,MACnCD,gDAAI,GAAG,EAAE,GAAG;gBACVA,wCAACI,sBAAY,OAAK,GAAG,GAAI,CACtB,CACN,CAAC,CACD;QACJ,MAAM,KACLJ,wCAACE,+BAAU,IACT,UAAU,EAAE,MAAM,CAAC,KAAK,EACxB,IAAI,EAAE,MAAM,CAAC,GAAG,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,MAAM,EAAE,MAAA,MAAM,CAAC,MAAM,mCAAI,OAAO,EAChC,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,GAAGD,oBAAK,CAAC,yBAAyB,CAAC,EAAE,GAChD,CACH,CACG,EACP;AACH;;;;"}
+{"version":3,"file":"MegaMenuCards.component.js","sources":["../../../../../../src/components/UI/organism/MegaMenuCards/MegaMenuCards.component.tsx"],"sourcesContent":[null],"names":["useMediaQuery","React","style","ButtonLink","AlphabetFilter","MegaMenuCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASM,aAAa,GAA6B,UAAC,EAQhD;;QAPC,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;IAEb,IAAM,WAAW,GAAGA,mBAAa,CAC/B,KAAK,KACHC,iDAAK,SAAS,EAAE,UAAGC,oBAAK,CAAC,wBAAwB,CAAC,CAAE;QAClDD,mDAAI,KAAK,CAAK;QACb,WAAW,KACVA,wCAACE,+BAAU,IACT,IAAI,EAAE,WAAW,CAAC,GAAG,EACrB,UAAU,EAAE,WAAW,CAAC,KAAK,EAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,UAAGD,oBAAK,CAAC,+BAA+B,CAAC,CAAE,GACtD,CACH,CACG,CACP,EACD;QACE,EAAE,EAAE,KAAK,IAAI,WAAW,KACtBD,wCAACE,+BAAU,IACT,IAAI,EAAE,WAAW,CAAC,GAAG,EACrB,UAAU,EAAE,WAAW,CAAC,KAAK,EAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,UAAGD,oBAAK,CAAC,+BAA+B,CAAC,CAAE,GACtD,CACH;KACF,CACF,CAAA;IAED,QACED,iDAAK,SAAS,EAAE,SAAS;QACtB,WAAW;QACX,WAAW,IAAIA,wCAACG,wBAAc,uBAAC,SAAS,EAAEF,oBAAK,CAAC,yBAAyB,CAAC,IAAM,WAAW,EAAI;QAChGD,gDAAI,SAAS,EAAE,UAAGC,oBAAK,CAAC,iBAAiB,CAAC,CAAE,IACzC,IAAI;YACH,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,QACxCD,gDAAI,GAAG,EAAE,GAAG;gBACVA,wCAACI,sBAAY,yBAAK,GAAG,EAAI,CACtB,IACN,CAAC,CACD;QACJ,MAAM,KACLJ,wCAACE,+BAAU,IACT,UAAU,EAAE,MAAM,CAAC,KAAK,EACxB,IAAI,EAAE,MAAM,CAAC,GAAG,EAChB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,MAAM,EAAE,MAAA,MAAM,CAAC,MAAM,mCAAI,OAAO,EAChC,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,UAAGD,oBAAK,CAAC,yBAAyB,CAAC,CAAE,GAChD,CACH,CACG,EACP;AACH;;;;"}

package/dist/cjs/components/UI/organism/MegaMenuDrawer/MegaMenuDrawer.component.js

@@ -2,11 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var Icon_component = require('../../atoms/Icon/Icon.component.js');
 var Add = require('../../../../assets/Add.svg.js');
 var home = require('../../../../assets/home.svg.js');
 require('../../atoms/BarChart/enums.js');
+require('../../../../utils/classNameManager/classNameManager.util.js');
+var ButtonLink_component = require('../../atoms/ButtonLink/ButtonLink.component.js');
+require('../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../constants/stories/common.constants.js');
 require('../../../../constants/stories/DatePicker.constants.js');
 var drawer_constants = require('../../../../constants/stories/drawer.constants.js');
@@ -17,8 +21,6 @@ require('../../../../constants/stories/sideFilter.constants.js');
 require('../../../../constants/stories/vacancies.constants.js');
 require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
-var ButtonLink_component = require('../../atoms/ButtonLink/ButtonLink.component.js');
-require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../utils/date/dateInput.util.js');
 require('../../atoms/InputFile/InputFile.component.js');
 var Logo_component = require('../../atoms/Logo/Logo.component.js');
@@ -42,9 +44,10 @@ require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/Expandable
 require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-var MegaMenuDrawerItem_component = require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
 require('../../molecules/SharePopover/SharePopover.js');
 var ListIconLink_component = require('../../molecules/ListIconLink/ListIconLink.component.js');
+var MegaMenuDrawerItem_component = require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 var MegaMenu_context = require('../../template/MegaMenu/MegaMenu.context.js');
 require('../../molecules/Modal/Modal.component.js');
 require('../../molecules/SimilarCard/SimilarCard.component.js');
@@ -63,46 +66,51 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Component = ({ isOpen = false, onClose }) => {
-    const [currentPage, setCurrentPage] = React.useState('');
-    const { homeUrl, homeText, loginProps } = MegaMenu_context.useMegaMenuMain();
-    const { tabs, allJobsAction, onChangeTab } = MegaMenu_context.useMegaMenuJobs();
-    const { socialHeaderProps: { blog, helpOptions } } = MegaMenu_context.useMegaMenu();
-    const handleClose = () => {
+var Component = function (_a) {
+    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
+    var _c = React.useState(''), currentPage = _c[0], setCurrentPage = _c[1];
+    var _d = MegaMenu_context.useMegaMenuMain(), homeUrl = _d.homeUrl, homeText = _d.homeText, loginProps = _d.loginProps;
+    var _e = MegaMenu_context.useMegaMenuJobs(), tabs = _e.tabs, allJobsAction = _e.allJobsAction, onChangeTab = _e.onChangeTab;
+    var _f = MegaMenu_context.useMegaMenu().socialHeaderProps, blog = _f.blog, helpOptions = _f.helpOptions;
+    var handleClose = function () {
         if (onClose) {
             onClose();
         }
     };
-    const onClickOption = React.useCallback((index) => () => onChangeTab && onChangeTab(index), [onChangeTab]);
-    const closeButton = React.useMemo(() => (React__default["default"].createElement("button", { onClick: onClose },
-        React__default["default"].createElement(Icon_component.IconItem, { icon: Add, hover: false }))), [onClose]);
-    const isActiveOption = React.useCallback((url) => {
+    var onClickOption = React.useCallback(function (index) { return function () { return onChangeTab && onChangeTab(index); }; }, [onChangeTab]);
+    var closeButton = React.useMemo(function () { return (React__default["default"].createElement("button", { onClick: onClose },
+        React__default["default"].createElement(Icon_component.IconItem, { icon: Add, hover: false }))); }, [onClose]);
+    var isActiveOption = React.useCallback(function (url) {
         return currentPage == url;
     }, [currentPage]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         if (typeof window == 'undefined')
             return;
         setCurrentPage(window.location.href);
     }, []);
-    const options = React.useMemo(() => tabs.map((tab, index) => (React__default["default"].createElement(MegaMenuDrawerItem_component.MegaMenuDrawerItem, { text: tab.label, url: tab.url, content: {
-            child: tab.content,
-            title: tab.label
-        }, onClickOption: onClickOption(index), isActive: isActiveOption(tab.url), key: index, icon: megaMenu_constants.megaMenuJobsIcons[index] }))), [isActiveOption, onClickOption, tabs]);
-    const socialOptions = React.useMemo(() => [blog, ...helpOptions].map((tab, index) => {
-        var _a, _b, _c;
-        return (React__default["default"].createElement(MegaMenuDrawerItem_component.MegaMenuDrawerItem, { text: (_a = tab === null || tab === void 0 ? void 0 : tab.label) !== null && _a !== void 0 ? _a : '', url: (_b = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _b !== void 0 ? _b : '', isActive: isActiveOption((_c = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _c !== void 0 ? _c : ''), key: index, icon: megaMenu_constants.mobileSocialIcons[index] }));
-    }), [blog, helpOptions, isActiveOption]);
-    const signUpActions = React.useMemo(() => (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(MainButton_component.MainButton, { buttonSize: "full", ...headers_constants.CreateAccountButton, buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined }),
-        React__default["default"].createElement(MainButton_component.MainButton, { buttonSize: "full", ...common_constants.LoginButton, buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', onClick: () => {
+    var options = React.useMemo(function () {
+        return tabs.map(function (tab, index) { return (React__default["default"].createElement(MegaMenuDrawerItem_component.MegaMenuDrawerItem, { text: tab.label, url: tab.url, content: {
+                child: tab.content,
+                title: tab.label
+            }, onClickOption: onClickOption(index), isActive: isActiveOption(tab.url), key: index, icon: megaMenu_constants.megaMenuJobsIcons[index] })); });
+    }, [isActiveOption, onClickOption, tabs]);
+    var socialOptions = React.useMemo(function () {
+        return tslib_es6.__spreadArray([blog], helpOptions, true).map(function (tab, index) {
+            var _a, _b, _c;
+            return (React__default["default"].createElement(MegaMenuDrawerItem_component.MegaMenuDrawerItem, { text: (_a = tab === null || tab === void 0 ? void 0 : tab.label) !== null && _a !== void 0 ? _a : '', url: (_b = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _b !== void 0 ? _b : '', isActive: isActiveOption((_c = tab === null || tab === void 0 ? void 0 : tab.url) !== null && _c !== void 0 ? _c : ''), key: index, icon: megaMenu_constants.mobileSocialIcons[index] }));
+        });
+    }, [blog, helpOptions, isActiveOption]);
+    var signUpActions = React.useMemo(function () { return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ buttonSize: "full" }, headers_constants.CreateAccountButton, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined })),
+        React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({ buttonSize: "full" }, common_constants.LoginButton, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', onClick: function () {
                 var _a;
                 window.location.replace((_a = loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) !== null && _a !== void 0 ? _a : '');
-            }, buttonStyles: { buttonColor: '#f0f1f3' } }))), [loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText, loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl, loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp, loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText]);
+            }, buttonStyles: { buttonColor: '#f0f1f3' } })))); }, [loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText, loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl, loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp, loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText]);
     return (React__default["default"].createElement(Drawer_component.Drawer, { isOpen: isOpen, onClose: handleClose, customPadding: 0, isFull: true, hideButton: true, className: MegaMenuDrawer_module['mega-menu-drawer'] },
         React__default["default"].createElement("div", { className: MegaMenuDrawer_module['mega-menu-drawer__close'] }, closeButton),
         React__default["default"].createElement(MegaMenuTabs_component, { className: MegaMenuDrawer_module['mega-menu-drawer__tabs'], showArrows: false }),
         React__default["default"].createElement("div", { className: MegaMenuDrawer_module['mega-menu-drawer__content'] },
-            React__default["default"].createElement(Logo_component.LogoComponent, { ...common_constants.logoProps }),
+            React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps)),
             React__default["default"].createElement("div", { className: MegaMenuDrawer_module['mega-menu-drawer__options'] },
                 React__default["default"].createElement(MegaMenuDrawerItem_component.MegaMenuDrawerItem, { text: homeText !== null && homeText !== void 0 ? homeText : 'Inicio', url: homeUrl || '', isActive: isActiveOption(homeUrl || ''), key: 'home-action', icon: home }),
                 options,
@@ -111,7 +119,7 @@ const Component = ({ isOpen = false, onClose }) => {
             React__default["default"].createElement("div", { className: MegaMenuDrawer_module['mega-menu-drawer__actions'] }, signUpActions)),
         React__default["default"].createElement(ListIconLink_component.ListIconLink, { listIcon: drawer_constants.ListIcon, size: 34, spacing: 20, className: MegaMenuDrawer_module['mega-menu-drawer__links'] })));
 };
-const MegaMenuDrawer = Component;
+var MegaMenuDrawer = Component;
 
 exports.MegaMenuDrawer = MegaMenuDrawer;
 //# sourceMappingURL=MegaMenuDrawer.component.js.map

package/dist/cjs/components/UI/organism/MegaMenuDrawer/MegaMenuDrawer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"MegaMenuDrawer.component.js","sources":["../../../../../../src/components/UI/organism/MegaMenuDrawer/MegaMenuDrawer.component.tsx"],"sourcesContent":[null],"names":["useState","useMegaMenuMain","useMegaMenuJobs","useMegaMenu","useCallback","useMemo","React","IconItem","useEffect","MegaMenuDrawerItem","megaMenuJobsIcons","mobileSocialIcons","MainButton","CreateAccountButton","LoginButton","Drawer","style","MegaMenuTabs","LogoComponent","logoProps","Home2","ButtonLink","ListIconLink","ListIcon"],"mappings":"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"}
+{"version":3,"file":"MegaMenuDrawer.component.js","sources":["../../../../../../src/components/UI/organism/MegaMenuDrawer/MegaMenuDrawer.component.tsx"],"sourcesContent":[null],"names":["useState","useMegaMenuMain","useMegaMenuJobs","useMegaMenu","useCallback","useMemo","React","IconItem","useEffect","MegaMenuDrawerItem","megaMenuJobsIcons","__spreadArray","mobileSocialIcons","MainButton","CreateAccountButton","LoginButton","Drawer","style","MegaMenuTabs","LogoComponent","logoProps","Home2","ButtonLink","ListIconLink","ListIcon"],"mappings":"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"}

package/dist/cjs/components/UI/organism/MegaMenuMainHeader/MegaMenuMainHeader.component.js

@@ -2,9 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
 var React = require('react');
 var Avatar_component = require('../../atoms/Avatar/Avatar.component.js');
 require('../../atoms/BarChart/enums.js');
+require('../../../../utils/classNameManager/classNameManager.util.js');
+require('../../atoms/Collapse/Collapse.component.js');
 var common_constants = require('../../../../constants/stories/common.constants.js');
 require('../../../../constants/stories/DatePicker.constants.js');
 var headers_constants = require('../../../../constants/stories/headers.constants.js');
@@ -14,7 +17,6 @@ require('../../../../constants/stories/sideFilter.constants.js');
 require('../../../../constants/stories/vacancies.constants.js');
 require('../../../../constants/stories/vacantPositionsCategory.constants.js');
 require('../../../../constants/img.constants.js');
-require('../../atoms/Collapse/Collapse.component.js');
 require('../../../../utils/date/dateInput.util.js');
 require('../../atoms/InputFile/InputFile.component.js');
 var Link_component = require('../../atoms/Link/Link.component.js');
@@ -39,9 +41,10 @@ require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/Expandable
 require('../../molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.js');
 require('../../molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.constants.js');
 require('../../molecules/ExpandableInfo/ExpandableInfo.interface.js');
-require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
+require('../../../hoc/megaMenu/withSideCardsDrawer.mobile.js');
 require('../../molecules/SharePopover/SharePopover.js');
 var ListMenuIcons_component = require('../../molecules/ListMenuIcons/ListMenuIcons.component.js');
+require('../../molecules/MegaMenuDrawerItem/MegaMenuDrawerItem.component.js');
 var MegaMenuJobsTabs_component = require('../../molecules/MegaMenuJobsTabs/MegaMenuJobsTabs.component.js');
 var MegaMenuPopover_component = require('../../molecules/MegaMenuPopover/MegaMenuPopover.component.js');
 var MobileSearchbar_component = require('../../molecules/MobileSearchbar/MobileSearchbar.component.js');
@@ -66,50 +69,51 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Component = ({ toggleDrawerMenu }) => {
-    const [showSearchBar, setShowSearchBar] = React.useState(false);
-    const [toggleMobileDrawer, setToggleMobileDrawer] = React.useState(false);
-    const { homeUrl, searchBarProps, loginProps, selectCountry, mobileSearchBarProps } = MegaMenu_context.useMegaMenuMain();
-    const { popoverRef } = MegaMenu_context.useMegaMenuJobs();
-    const listMenuUserProps = MegaMenu_context.useLoggedInUser();
-    const { profileImage = {}, isAuthenticated } = listMenuUserProps;
-    const toggleSearchBar = () => {
+var Component = function (_a) {
+    var toggleDrawerMenu = _a.toggleDrawerMenu;
+    var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
+    var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
+    var _d = MegaMenu_context.useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry, mobileSearchBarProps = _d.mobileSearchBarProps;
+    var popoverRef = MegaMenu_context.useMegaMenuJobs().popoverRef;
+    var listMenuUserProps = MegaMenu_context.useLoggedInUser();
+    var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
+    var toggleSearchBar = function () {
         setShowSearchBar(!showSearchBar);
     };
-    const renderLogo = index.useMediaQuery(React__default["default"].createElement(Logo_component.LogoComponent, { ...common_constants.logoProps }), {
-        sm: React__default["default"].createElement(Logo_component.LogoComponent, { ...common_constants.logoProps, isoView: true })
+    var renderLogo = index.useMediaQuery(React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps)), {
+        sm: React__default["default"].createElement(Logo_component.LogoComponent, tslib_es6.__assign({}, common_constants.logoProps, { isoView: true }))
     });
-    const LogoutHeaderMobileSearchbar = index.useMediaQuery(null, {
-        md: (React__default["default"].createElement(React__default["default"].Fragment, null, searchBarProps && (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, { ...mobileSearchBarProps, termValue: mobileSearchBarProps === null || mobileSearchBarProps === void 0 ? void 0 : mobileSearchBarProps.termValue, onClick: () => setShowSearchBar(false), showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar }))))
+    var LogoutHeaderMobileSearchbar = index.useMediaQuery(null, {
+        md: (React__default["default"].createElement(React__default["default"].Fragment, null, searchBarProps && (React__default["default"].createElement(MobileSearchbar_component.MobileSearchbar, tslib_es6.__assign({}, mobileSearchBarProps, { termValue: mobileSearchBarProps === null || mobileSearchBarProps === void 0 ? void 0 : mobileSearchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
     });
-    const renderSearchBar = index.useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
-        searchBarProps && React__default["default"].createElement(MegaMenuSearchBar_component, { ...searchBarProps }),
+    var renderSearchBar = index.useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
+        searchBarProps && React__default["default"].createElement(MegaMenuSearchBar_component, tslib_es6.__assign({}, searchBarProps)),
         React__default["default"].createElement(MegaMenuPopover_component, { popoverRef: popoverRef },
             React__default["default"].createElement(MegaMenuJobsTabs_component, null))), {
-        md: searchBarProps && (React__default["default"].createElement(SearchButton_component.SearchButton, { searchValue: searchBarProps.occupation.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: MegaMenuMainHeader_modules['mega-menu-main-header__search-button'], ...headers_constants.MobileSearchbarButtonProps }))
+        md: searchBarProps && (React__default["default"].createElement(SearchButton_component.SearchButton, tslib_es6.__assign({ searchValue: searchBarProps.occupation.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: MegaMenuMainHeader_modules['mega-menu-main-header__search-button'] }, headers_constants.MobileSearchbarButtonProps)))
     });
-    const LogoutHeaderMenuButton = index.useMediaQuery(null, {
-        md: React__default["default"].createElement(MainButton_component.MainButton, { ...headers_constants.MenuButtonProps, className: MegaMenuMainHeader_modules['mega-menu-main-header__menu'], onClick: toggleDrawerMenu })
+    var LogoutHeaderMenuButton = index.useMediaQuery(null, {
+        md: React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({}, headers_constants.MenuButtonProps, { className: MegaMenuMainHeader_modules['mega-menu-main-header__menu'], onClick: toggleDrawerMenu }))
     });
-    const loginAction = (React__default["default"].createElement(Link_component.Link, { type: 'button', href: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) || '', text: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', iconProps: { ...common_constants.SignInIcon, size: 15 }, linkStyles: { ...common_constants.SignInStyles, buttonColor: '#FFFFFF' } }));
-    const logoutAction = (React__default["default"].createElement(MainButton_component.MainButton, { ...common_constants.SignUpButtonStyle, buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined, buttonSize: 'medium', iconProps: { ...common_constants.SignUpButtonStyle.iconProps, size: 15 } }));
-    const loginHeaderPopover = index.useMediaQuery(React__default["default"].createElement(UserMenu_component.UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
-        md: React__default["default"].createElement(Avatar_component.Avatar, { ...profileImage, onClick: () => setToggleMobileDrawer(true) })
+    var loginAction = (React__default["default"].createElement(Link_component.Link, { type: 'button', href: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) || '', text: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', iconProps: tslib_es6.__assign(tslib_es6.__assign({}, common_constants.SignInIcon), { size: 15 }), linkStyles: tslib_es6.__assign(tslib_es6.__assign({}, common_constants.SignInStyles), { buttonColor: '#FFFFFF' }) }));
+    var logoutAction = (React__default["default"].createElement(MainButton_component.MainButton, tslib_es6.__assign({}, common_constants.SignUpButtonStyle, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined, buttonSize: 'medium', iconProps: tslib_es6.__assign(tslib_es6.__assign({}, common_constants.SignUpButtonStyle.iconProps), { size: 15 }) })));
+    var loginHeaderPopover = index.useMediaQuery(React__default["default"].createElement(UserMenu_component.UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
+        md: React__default["default"].createElement(Avatar_component.Avatar, tslib_es6.__assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
     });
     return (React__default["default"].createElement("div", { className: MegaMenuMainHeader_modules['mega-menu-main-header'] },
         React__default["default"].createElement("div", { className: MegaMenuMainHeader_modules['mega-menu-main-header__main'] },
             LogoutHeaderMobileSearchbar,
             LogoutHeaderMenuButton,
             React__default["default"].createElement("a", { href: homeUrl }, renderLogo),
-            selectCountry && React__default["default"].createElement(Select2_component.Select2, { haveTags: false, isMultiple: false, ...selectCountry }),
+            selectCountry && React__default["default"].createElement(Select2_component.Select2, tslib_es6.__assign({ haveTags: false, isMultiple: false }, selectCountry)),
             React__default["default"].createElement("div", { className: MegaMenuMainHeader_modules['mega-menu-main-header__search'] }, renderSearchBar)),
         React__default["default"].createElement("div", { className: MegaMenuMainHeader_modules['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React__default["default"].createElement(React__default["default"].Fragment, null,
             loginAction,
             logoutAction))),
-        React__default["default"].createElement(MobileDrawer_component.MobileDrawer, { isOpen: toggleMobileDrawer, onClose: () => setToggleMobileDrawer(false) },
-            React__default["default"].createElement(ListMenuIcons_component.ListMenuIcons, { ...listMenuUserProps }))));
+        React__default["default"].createElement(MobileDrawer_component.MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
+            React__default["default"].createElement(ListMenuIcons_component.ListMenuIcons, tslib_es6.__assign({}, listMenuUserProps)))));
 };
-const MegaMenuMainHeader = Component;
+var MegaMenuMainHeader = Component;
 
 exports.MegaMenuMainHeader = MegaMenuMainHeader;
 //# sourceMappingURL=MegaMenuMainHeader.component.js.map