magneto365.ui 2.56.1 → 2.56.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +134 -126
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/Tooltip/Tooltip.interface.d.ts +7 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +134 -126
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/Tooltip/Tooltip.interface.d.ts +7 -0
- package/dist/index.d.ts +7 -0
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -706,7 +706,7 @@ var Component$2m = function (_a) {
|
|
|
706
706
|
return (React.createElement("div", { className: styles$2d['magneto-ui-actions'] },
|
|
707
707
|
React.createElement("div", { id: styles$2d['magneto-ui__external-child'] }, externalButtonChild),
|
|
708
708
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
709
|
-
React.createElement("button", { className: styles$2d['magneto-ui-actions__button'],
|
|
709
|
+
React.createElement("button", { className: styles$2d['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
710
710
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
711
711
|
} },
|
|
712
712
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
@@ -1821,9 +1821,19 @@ var InputPlus = function (_a) {
|
|
|
1821
1821
|
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1Q["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1Q.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1Q['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1822
1822
|
};
|
|
1823
1823
|
|
|
1824
|
-
var styles$1P = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-
|
|
1824
|
+
var styles$1P = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1825
1825
|
|
|
1826
|
-
var style$O = {"popover":"
|
|
1826
|
+
var style$O = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1827
|
+
|
|
1828
|
+
var styles$1O = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
1829
|
+
|
|
1830
|
+
var Tooltip = function (_a) {
|
|
1831
|
+
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1832
|
+
return (React.createElement("div", { className: "".concat(styles$1O['tooltip-container'], " ").concat(styles$1O["tooltip-".concat(position)]) },
|
|
1833
|
+
React.createElement("div", { className: "".concat(styles$1O['tooltip'], " ").concat(styles$1O["tooltip-".concat(position)]) },
|
|
1834
|
+
children,
|
|
1835
|
+
visible && (React.createElement("span", { className: "".concat(styles$1O['tooltip-text'], " ").concat(styles$1O["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1836
|
+
};
|
|
1827
1837
|
|
|
1828
1838
|
var Component$20 = function (_a) {
|
|
1829
1839
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
@@ -1836,12 +1846,13 @@ var Component$20 = function (_a) {
|
|
|
1836
1846
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1837
1847
|
React.createElement("span", null, title))));
|
|
1838
1848
|
}),
|
|
1839
|
-
React.createElement("li",
|
|
1849
|
+
React.createElement("li", { className: style$O['content__share'] },
|
|
1840
1850
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1841
1851
|
rest.onCopySuccess();
|
|
1842
1852
|
} })))) },
|
|
1843
|
-
React.createElement(
|
|
1844
|
-
React.createElement(
|
|
1853
|
+
React.createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
|
|
1854
|
+
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1855
|
+
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1845
1856
|
};
|
|
1846
1857
|
Component$20.displayName = 'SharePopover';
|
|
1847
1858
|
var SharePopover = Component$20;
|
|
@@ -1853,17 +1864,24 @@ var Component$1$ = function (_a) {
|
|
|
1853
1864
|
url: actionsAnchorLinks === null || actionsAnchorLinks === void 0 ? void 0 : actionsAnchorLinks[index],
|
|
1854
1865
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1855
1866
|
}); });
|
|
1867
|
+
var isMobile = useMediaQuery(true, { md: false });
|
|
1868
|
+
var ActionLink = function (_a) {
|
|
1869
|
+
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1870
|
+
var iconContent = (React.createElement("a", { className: styles$1P['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1871
|
+
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1872
|
+
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1873
|
+
};
|
|
1856
1874
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1857
1875
|
return (React.createElement("div", { className: styles$1P['magneto-ui-job-actions'] },
|
|
1858
1876
|
React.createElement("div", { id: styles$1P['magneto-ui__external-child'] }, externalButtonChild),
|
|
1859
1877
|
React.createElement("div", { className: styles$1P['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1860
|
-
React.createElement(
|
|
1878
|
+
React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1879
|
+
React.createElement(SaveButton, __assign({}, saveButtonProps))),
|
|
1861
1880
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1862
1881
|
filteredActionsLinkList.map(function (_a) {
|
|
1863
1882
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1864
1883
|
return (React.createElement("div", { className: styles$1P['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1865
|
-
React.createElement(
|
|
1866
|
-
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1884
|
+
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1867
1885
|
}))));
|
|
1868
1886
|
};
|
|
1869
1887
|
/**
|
|
@@ -1871,13 +1889,13 @@ var Component$1$ = function (_a) {
|
|
|
1871
1889
|
*/
|
|
1872
1890
|
var JobActions = Component$1$;
|
|
1873
1891
|
|
|
1874
|
-
var styles$
|
|
1892
|
+
var styles$1N = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1875
1893
|
|
|
1876
1894
|
var Component$1_ = function (_a) {
|
|
1877
1895
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1878
|
-
return (React.createElement("div", { className: styles$
|
|
1879
|
-
React.createElement("div", { className: styles$
|
|
1880
|
-
React.createElement("div", { className: styles$
|
|
1896
|
+
return (React.createElement("div", { className: styles$1N['magneto-ui-job-apply-card'] },
|
|
1897
|
+
React.createElement("div", { className: styles$1N['magneto-ui-job-apply-card__wrapper'] },
|
|
1898
|
+
React.createElement("div", { className: styles$1N['magneto-ui-job-apply-card__header'] },
|
|
1881
1899
|
React.createElement("p", null, offerApplyHeader),
|
|
1882
1900
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1883
1901
|
offerApplyElements
|
|
@@ -1887,11 +1905,11 @@ var Component$1_ = function (_a) {
|
|
|
1887
1905
|
})
|
|
1888
1906
|
.map(function (_a) {
|
|
1889
1907
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1890
|
-
return (React.createElement("div", { className: styles$
|
|
1908
|
+
return (React.createElement("div", { className: styles$1N['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1891
1909
|
React.createElement("p", null, offerApplyLabel),
|
|
1892
1910
|
React.createElement("p", null, offerApplyInfo)));
|
|
1893
1911
|
})),
|
|
1894
|
-
React.createElement("div", { id: styles$
|
|
1912
|
+
React.createElement("div", { id: styles$1N['magneto-ui__external-child'] }, externalChild))));
|
|
1895
1913
|
};
|
|
1896
1914
|
/**
|
|
1897
1915
|
* UI Molecule Component for Job Apply Card
|
|
@@ -1980,11 +1998,11 @@ var JobCard = function (_a) {
|
|
|
1980
1998
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1981
1999
|
};
|
|
1982
2000
|
|
|
1983
|
-
var styles$
|
|
2001
|
+
var styles$1M = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1984
2002
|
|
|
1985
2003
|
var Component$1Z = function (_a) {
|
|
1986
2004
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1987
|
-
return (React.createElement("div", { className: styles$
|
|
2005
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-job-company-header'] },
|
|
1988
2006
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1989
2007
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1990
2008
|
};
|
|
@@ -1993,11 +2011,11 @@ var Component$1Z = function (_a) {
|
|
|
1993
2011
|
*/
|
|
1994
2012
|
var JobCompanyHeader = Component$1Z;
|
|
1995
2013
|
|
|
1996
|
-
var styles$
|
|
2014
|
+
var styles$1L = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1997
2015
|
|
|
1998
2016
|
var Component$1Y = function (_a) {
|
|
1999
2017
|
var offerDescription = _a.offerDescription;
|
|
2000
|
-
return (React.createElement("div", { className: styles$
|
|
2018
|
+
return (React.createElement("div", { className: styles$1L['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2001
2019
|
};
|
|
2002
2020
|
/**
|
|
2003
2021
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -2017,7 +2035,7 @@ var JobDetailContainer = function (_a) {
|
|
|
2017
2035
|
children));
|
|
2018
2036
|
};
|
|
2019
2037
|
|
|
2020
|
-
var styles$
|
|
2038
|
+
var styles$1K = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
2021
2039
|
|
|
2022
2040
|
var Component$1X = function (_a) {
|
|
2023
2041
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -2029,15 +2047,15 @@ var Component$1X = function (_a) {
|
|
|
2029
2047
|
var offerDetailText = _a.offerDetailText;
|
|
2030
2048
|
return !!offerDetailText && index !== 1;
|
|
2031
2049
|
});
|
|
2032
|
-
return (React.createElement("div", { className: styles$
|
|
2033
|
-
React.createElement("div", { className: styles$
|
|
2050
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui-job-details'] },
|
|
2051
|
+
React.createElement("div", { className: styles$1K['magneto-ui-job-details__wrapper'] },
|
|
2034
2052
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2035
2053
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2036
2054
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2037
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2038
|
-
React.createElement("div", { className: styles$
|
|
2055
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1K['magneto-ui-job-details__item-detail'] },
|
|
2056
|
+
React.createElement("div", { className: styles$1K['magneto-ui-job-details__item-detail-icon'] },
|
|
2039
2057
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2040
|
-
React.createElement("p", { className: styles$
|
|
2058
|
+
React.createElement("p", { className: styles$1K['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2041
2059
|
})),
|
|
2042
2060
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2043
2061
|
};
|
|
@@ -2047,7 +2065,7 @@ var Component$1X = function (_a) {
|
|
|
2047
2065
|
Component$1X.displayName = 'JobDetails';
|
|
2048
2066
|
var JobDetails = Component$1X;
|
|
2049
2067
|
|
|
2050
|
-
var styles$
|
|
2068
|
+
var styles$1J = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2051
2069
|
|
|
2052
2070
|
var Component$1W = function (_a) {
|
|
2053
2071
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -2060,18 +2078,18 @@ var Component$1W = function (_a) {
|
|
|
2060
2078
|
title: title
|
|
2061
2079
|
});
|
|
2062
2080
|
});
|
|
2063
|
-
return (React.createElement("div", { className: styles$
|
|
2081
|
+
return (React.createElement("div", { className: styles$1J['magneto-ui-job-footer-card'] },
|
|
2064
2082
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2065
|
-
React.createElement("div", { className: styles$
|
|
2083
|
+
React.createElement("div", { className: styles$1J['magneto-ui-job-footer-card__icons'] },
|
|
2066
2084
|
React.createElement("p", null, offerFooterHeader),
|
|
2067
|
-
React.createElement("div", { className: styles$
|
|
2085
|
+
React.createElement("div", { className: styles$1J['magneto-ui-job-footer-card__wrapper'] },
|
|
2068
2086
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2069
2087
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2070
2088
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2071
2089
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2072
2090
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2073
2091
|
})),
|
|
2074
|
-
React.createElement("div", { className: styles$
|
|
2092
|
+
React.createElement("div", { className: styles$1J['magneto-ui__share-button'] },
|
|
2075
2093
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2076
2094
|
};
|
|
2077
2095
|
/**
|
|
@@ -2079,7 +2097,7 @@ var Component$1W = function (_a) {
|
|
|
2079
2097
|
*/
|
|
2080
2098
|
var JobFooterCard = Component$1W;
|
|
2081
2099
|
|
|
2082
|
-
var styles$
|
|
2100
|
+
var styles$1I = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2083
2101
|
|
|
2084
2102
|
var Component$1V = function (_a) {
|
|
2085
2103
|
var name = _a.name, score = _a.score;
|
|
@@ -2117,21 +2135,21 @@ var Component$1V = function (_a) {
|
|
|
2117
2135
|
4: 'four'
|
|
2118
2136
|
};
|
|
2119
2137
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2120
|
-
var fillAnimation = animationApplied ? styles$
|
|
2121
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2122
|
-
React.createElement("div", { className: styles$
|
|
2138
|
+
var fillAnimation = animationApplied ? styles$1I[levelClass] : '';
|
|
2139
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1I['magneto-ui-skill'] },
|
|
2140
|
+
React.createElement("div", { className: styles$1I['magneto-ui-skill__wrapper'] },
|
|
2123
2141
|
React.createElement("p", null, name),
|
|
2124
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2142
|
+
React.createElement("div", { className: "".concat(styles$1I['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1I['magneto-ui-skill--no-animation']) }))));
|
|
2125
2143
|
};
|
|
2126
2144
|
var Skill = Component$1V;
|
|
2127
2145
|
|
|
2128
|
-
var styles$
|
|
2146
|
+
var styles$1H = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2129
2147
|
|
|
2130
2148
|
var Component$1U = function (_a) {
|
|
2131
2149
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2132
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2150
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1H['magneto-ui-job-skills-card'] },
|
|
2133
2151
|
React.createElement("p", null, offerSkillsLabel),
|
|
2134
|
-
React.createElement("div", { className: styles$
|
|
2152
|
+
React.createElement("div", { className: styles$1H['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2135
2153
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2136
2154
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2137
2155
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2142,7 +2160,7 @@ var Component$1U = function (_a) {
|
|
|
2142
2160
|
*/
|
|
2143
2161
|
var JobSkillsCard = Component$1U;
|
|
2144
2162
|
|
|
2145
|
-
var styles$
|
|
2163
|
+
var styles$1G = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2146
2164
|
|
|
2147
2165
|
var JobVideo = function (_a) {
|
|
2148
2166
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2157,7 +2175,7 @@ var JobVideo = function (_a) {
|
|
|
2157
2175
|
setLoadVideo && setLoadVideo(false);
|
|
2158
2176
|
}
|
|
2159
2177
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2160
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2178
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1G[videoClassName] })) : (React.createElement("div", { className: styles$1G['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2161
2179
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2162
2180
|
};
|
|
2163
2181
|
|
|
@@ -2292,7 +2310,7 @@ var useMegaMenuMain = function () {
|
|
|
2292
2310
|
return mainHeaderProps;
|
|
2293
2311
|
};
|
|
2294
2312
|
|
|
2295
|
-
var styles$
|
|
2313
|
+
var styles$1F = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2296
2314
|
|
|
2297
2315
|
var Component$1P = function (_a) {
|
|
2298
2316
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
@@ -2302,10 +2320,10 @@ var Component$1P = function (_a) {
|
|
|
2302
2320
|
onClick();
|
|
2303
2321
|
}
|
|
2304
2322
|
}, [onClick]);
|
|
2305
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2306
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2307
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2308
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2323
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1F['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2324
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1F['button-link__icon'] })),
|
|
2325
|
+
buttonText && React.createElement("p", { className: styles$1F['button-link__text'] }, buttonText),
|
|
2326
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1F['button-link__icon'] }))));
|
|
2309
2327
|
};
|
|
2310
2328
|
/**
|
|
2311
2329
|
* UI Atom Component of Save Button
|
|
@@ -2337,7 +2355,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2337
2355
|
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2338
2356
|
};
|
|
2339
2357
|
|
|
2340
|
-
var styles$
|
|
2358
|
+
var styles$1E = {"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"};
|
|
2341
2359
|
|
|
2342
2360
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2343
2361
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2356,27 +2374,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2356
2374
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2357
2375
|
}, [showContent]);
|
|
2358
2376
|
return (React.createElement(React.Fragment, null,
|
|
2359
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2360
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2361
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2362
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2363
|
-
React.createElement("div", { className: styles$
|
|
2364
|
-
React.createElement("div", { className: styles$
|
|
2377
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1E["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2378
|
+
React.createElement("p", { className: "".concat(styles$1E["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2379
|
+
React.createElement(IconItem, { className: "".concat(styles$1E["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1E["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2380
|
+
React.createElement("div", { className: "".concat(styles$1E["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1E["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2381
|
+
React.createElement("div", { className: styles$1E["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2382
|
+
React.createElement("div", { className: styles$1E["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2365
2383
|
event.stopPropagation();
|
|
2366
2384
|
} }, children))));
|
|
2367
2385
|
};
|
|
2368
2386
|
|
|
2369
|
-
var styles$
|
|
2387
|
+
var styles$1D = {"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"};
|
|
2370
2388
|
|
|
2371
2389
|
var MenuSearch = function (_a) {
|
|
2372
2390
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2373
2391
|
var onBlur = useCallback(function () {
|
|
2374
2392
|
handleOnBlur && handleOnBlur();
|
|
2375
2393
|
}, [handleOnBlur]);
|
|
2376
|
-
return (React.createElement("div", { className: styles$
|
|
2377
|
-
React.createElement("div", { className: styles$
|
|
2394
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2395
|
+
React.createElement("div", { className: styles$1D['magneto-ui-menu-search_container'] },
|
|
2378
2396
|
children,
|
|
2379
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2397
|
+
React.createElement("div", { className: "".concat(styles$1D['magneto-ui-menu-search_content'], " ").concat(show && styles$1D.open) }, content))));
|
|
2380
2398
|
};
|
|
2381
2399
|
|
|
2382
2400
|
var iconByType = {
|
|
@@ -2387,7 +2405,7 @@ var iconByType = {
|
|
|
2387
2405
|
};
|
|
2388
2406
|
var transitionDuration = 300;
|
|
2389
2407
|
|
|
2390
|
-
var styles$
|
|
2408
|
+
var styles$1C = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2391
2409
|
|
|
2392
2410
|
var Component$1O = function (_a) {
|
|
2393
2411
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
@@ -2401,7 +2419,7 @@ var Component$1O = function (_a) {
|
|
|
2401
2419
|
}); }, []);
|
|
2402
2420
|
var containerStyles = useMemo(function () {
|
|
2403
2421
|
return CNM.get({
|
|
2404
|
-
styles: styles$
|
|
2422
|
+
styles: styles$1C,
|
|
2405
2423
|
cls: [
|
|
2406
2424
|
'message__container',
|
|
2407
2425
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2409,7 +2427,7 @@ var Component$1O = function (_a) {
|
|
|
2409
2427
|
]
|
|
2410
2428
|
});
|
|
2411
2429
|
}, [type, toggleAnimation]);
|
|
2412
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2430
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1C, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2413
2431
|
useEffect(function () {
|
|
2414
2432
|
if (!localVisible)
|
|
2415
2433
|
return;
|
|
@@ -2441,9 +2459,9 @@ var Component$1O = function (_a) {
|
|
|
2441
2459
|
setIsAnimating(visible);
|
|
2442
2460
|
}, [isAnimating, visible]);
|
|
2443
2461
|
return localVisible
|
|
2444
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2462
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1C, cls: [className] }) },
|
|
2445
2463
|
React.createElement("div", { className: containerStyles },
|
|
2446
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2464
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1C, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2447
2465
|
React.createElement("div", null,
|
|
2448
2466
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2449
2467
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2454,11 +2472,11 @@ var Component$1O = function (_a) {
|
|
|
2454
2472
|
*/
|
|
2455
2473
|
var Message = Component$1O;
|
|
2456
2474
|
|
|
2457
|
-
var styles$
|
|
2475
|
+
var styles$1B = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2458
2476
|
|
|
2459
2477
|
var Component$1N = function (_a) {
|
|
2460
2478
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2461
|
-
return (React.createElement("div", { className: styles$
|
|
2479
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-mobile-job-details-header'] },
|
|
2462
2480
|
React.createElement("button", { onClick: onClick },
|
|
2463
2481
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2464
2482
|
React.createElement("p", null, returnText)));
|
|
@@ -2468,7 +2486,7 @@ var Component$1N = function (_a) {
|
|
|
2468
2486
|
*/
|
|
2469
2487
|
var MobileJobDetailsHeader = Component$1N;
|
|
2470
2488
|
|
|
2471
|
-
var styles$
|
|
2489
|
+
var styles$1A = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2472
2490
|
|
|
2473
2491
|
var Component$1M = function (_a) {
|
|
2474
2492
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -2492,20 +2510,20 @@ var Component$1M = function (_a) {
|
|
|
2492
2510
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2493
2511
|
}
|
|
2494
2512
|
}, [focusSearchInput]);
|
|
2495
|
-
return (React.createElement("div", { className: styles$
|
|
2513
|
+
return (React.createElement("div", { className: styles$1A.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2496
2514
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2497
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2498
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2515
|
+
searchValue && React.createElement("div", { className: styles$1A['search-badge'] }),
|
|
2516
|
+
React.createElement(MainButton, __assign({ className: styles$1A['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2499
2517
|
React.createElement("label", { htmlFor: "search" }),
|
|
2500
2518
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2501
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2519
|
+
React.createElement(MainButton, __assign({ className: styles$1A['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2502
2520
|
};
|
|
2503
2521
|
/**
|
|
2504
2522
|
* Molecule UI component for MobileSearchbar
|
|
2505
2523
|
*/
|
|
2506
2524
|
var MobileSearchbar = Component$1M;
|
|
2507
2525
|
|
|
2508
|
-
var styles$
|
|
2526
|
+
var styles$1z = {"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"};
|
|
2509
2527
|
|
|
2510
2528
|
var Modal = function (_a) {
|
|
2511
2529
|
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;
|
|
@@ -2518,21 +2536,21 @@ var Modal = function (_a) {
|
|
|
2518
2536
|
if (!isOpen)
|
|
2519
2537
|
return null;
|
|
2520
2538
|
return (React.createElement(Fragment, null,
|
|
2521
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2522
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2523
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2539
|
+
React.createElement("div", { className: "".concat(styles$1z["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2540
|
+
title ? React.createElement("h2", { className: "".concat(styles$1z["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2541
|
+
description ? React.createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2524
2542
|
children,
|
|
2525
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2543
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1z["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2526
2544
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2527
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2545
|
+
React.createElement("span", { className: "".concat(styles$1z["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2528
2546
|
};
|
|
2529
2547
|
var Title = function (_a) {
|
|
2530
2548
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2531
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2549
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1z["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2532
2550
|
};
|
|
2533
2551
|
var Description = function (_a) {
|
|
2534
2552
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2535
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2553
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1z["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2536
2554
|
};
|
|
2537
2555
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2538
2556
|
|
|
@@ -2545,22 +2563,22 @@ var Component$1L = function (_a) {
|
|
|
2545
2563
|
};
|
|
2546
2564
|
var ModalResponsive = Component$1L;
|
|
2547
2565
|
|
|
2548
|
-
var styles$
|
|
2566
|
+
var styles$1y = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2549
2567
|
|
|
2550
2568
|
var BtnPagination = function (_a) {
|
|
2551
2569
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2552
2570
|
var displayContent = useMemo(function () {
|
|
2553
2571
|
if (loading && value && current === value)
|
|
2554
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2572
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1y['magneto-ui-btn-pagination_spinner'] });
|
|
2555
2573
|
return value;
|
|
2556
2574
|
}, [loading, current, value]);
|
|
2557
2575
|
var pageQueryParam = 'paginator[page]=';
|
|
2558
2576
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2559
2577
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2560
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2561
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2578
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1y['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2579
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1y['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1y['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1y['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1y['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2562
2580
|
displayContent,
|
|
2563
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2581
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1y['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1y['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1y['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1y['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2564
2582
|
displayContent,
|
|
2565
2583
|
displayIcon))));
|
|
2566
2584
|
};
|
|
@@ -2611,7 +2629,7 @@ var createPagination = function (_a) {
|
|
|
2611
2629
|
};
|
|
2612
2630
|
};
|
|
2613
2631
|
|
|
2614
|
-
var styles$
|
|
2632
|
+
var styles$1x = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2615
2633
|
|
|
2616
2634
|
var Pagination = function (_a) {
|
|
2617
2635
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -2630,16 +2648,16 @@ var Pagination = function (_a) {
|
|
|
2630
2648
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2631
2649
|
if (total <= pageSize)
|
|
2632
2650
|
return React.createElement(Fragment, null);
|
|
2633
|
-
return (React.createElement("div", { className: styles$
|
|
2651
|
+
return (React.createElement("div", { className: styles$1x['magneto-ui-pagination'] },
|
|
2634
2652
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2635
2653
|
React.createElement("ul", null,
|
|
2636
2654
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2637
2655
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2638
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2656
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1x['magneto-ui-pagination_ellipsis'] }))),
|
|
2639
2657
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2640
2658
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2641
2659
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2642
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2660
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1x['magneto-ui-pagination_ellipsis'] }),
|
|
2643
2661
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2644
2662
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2645
2663
|
};
|
|
@@ -2659,7 +2677,7 @@ var generateID = function () {
|
|
|
2659
2677
|
return uniqueID;
|
|
2660
2678
|
};
|
|
2661
2679
|
|
|
2662
|
-
var styles$
|
|
2680
|
+
var styles$1w = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2663
2681
|
|
|
2664
2682
|
var Component$1K = function (_a) {
|
|
2665
2683
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -2689,17 +2707,17 @@ var Component$1K = function (_a) {
|
|
|
2689
2707
|
}
|
|
2690
2708
|
return { backgroundColor: '#c4c4c4' };
|
|
2691
2709
|
}, [color, score, spanHover]);
|
|
2692
|
-
return (React.createElement("div", { className: styles$
|
|
2710
|
+
return (React.createElement("div", { className: styles$1w['magneto-ui-score-level'] },
|
|
2693
2711
|
React.createElement("p", null, name),
|
|
2694
|
-
React.createElement("div", { className: styles$
|
|
2712
|
+
React.createElement("div", { className: styles$1w['magneto-ui-score-level__summary'] },
|
|
2695
2713
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2696
2714
|
React.createElement("p", null, labelScore)),
|
|
2697
|
-
React.createElement("button", { className: styles$
|
|
2715
|
+
React.createElement("button", { className: styles$1w['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2698
2716
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2699
2717
|
};
|
|
2700
2718
|
var ScoreLevel = Component$1K;
|
|
2701
2719
|
|
|
2702
|
-
var styles$
|
|
2720
|
+
var styles$1v = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2703
2721
|
|
|
2704
2722
|
var Component$1J = function (_a) {
|
|
2705
2723
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -2716,15 +2734,15 @@ var Component$1J = function (_a) {
|
|
|
2716
2734
|
}
|
|
2717
2735
|
return { backgroundColor: '#c4c4c4' };
|
|
2718
2736
|
}, [color, scoreValue]);
|
|
2719
|
-
return (React.createElement("div", { className: styles$
|
|
2737
|
+
return (React.createElement("div", { className: styles$1v['magneto-ui-score-level'] },
|
|
2720
2738
|
React.createElement("p", null, name),
|
|
2721
|
-
React.createElement("div", { className: styles$
|
|
2739
|
+
React.createElement("div", { className: styles$1v['magneto-ui-score-level__summary'] },
|
|
2722
2740
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2723
2741
|
React.createElement("p", null, labelScore))));
|
|
2724
2742
|
};
|
|
2725
2743
|
var ScoreLevelStatic = Component$1J;
|
|
2726
2744
|
|
|
2727
|
-
var styles$
|
|
2745
|
+
var styles$1u = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2728
2746
|
|
|
2729
2747
|
var Component$1I = function (_a) {
|
|
2730
2748
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -2742,13 +2760,13 @@ var Component$1I = function (_a) {
|
|
|
2742
2760
|
setSearchValue('');
|
|
2743
2761
|
onSearch('');
|
|
2744
2762
|
};
|
|
2745
|
-
return (React.createElement("div", { className: styles$
|
|
2763
|
+
return (React.createElement("div", { className: styles$1u.SearchbarComponent },
|
|
2746
2764
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2747
2765
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2748
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2749
|
-
React.createElement("div", { className: styles$
|
|
2766
|
+
searchValue && React.createElement("div", { className: styles$1u['SearchbarComponent__badge'] }),
|
|
2767
|
+
React.createElement("div", { className: styles$1u['magneto-ui-searchbar-buttons'] },
|
|
2750
2768
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2751
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2769
|
+
React.createElement(MainButton, __assign({ className: styles$1u['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2752
2770
|
React.createElement("span", null, "|"))),
|
|
2753
2771
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2754
2772
|
};
|
|
@@ -2757,17 +2775,17 @@ var Component$1I = function (_a) {
|
|
|
2757
2775
|
*/
|
|
2758
2776
|
var Searchbar = Component$1I;
|
|
2759
2777
|
|
|
2760
|
-
var styles$
|
|
2778
|
+
var styles$1t = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2761
2779
|
|
|
2762
2780
|
var Component$1H = function (_a) {
|
|
2763
2781
|
var props = __rest(_a, []);
|
|
2764
|
-
return (React.createElement("div", { className: styles$
|
|
2765
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2782
|
+
return (React.createElement("div", { className: styles$1t['search-button'] },
|
|
2783
|
+
props.searchValue && React.createElement("div", { className: styles$1t['search-button__badge'] }),
|
|
2766
2784
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2767
2785
|
};
|
|
2768
2786
|
var SearchButton = Component$1H;
|
|
2769
2787
|
|
|
2770
|
-
var styles$
|
|
2788
|
+
var styles$1s = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2771
2789
|
|
|
2772
2790
|
var SimilarJobsCard = function (_a) {
|
|
2773
2791
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -2777,12 +2795,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2777
2795
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2778
2796
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2779
2797
|
}, [cities, salary, experience]);
|
|
2780
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2781
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2798
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2799
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2782
2800
|
React.createElement("div", null,
|
|
2783
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2784
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2785
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2801
|
+
React.createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2802
|
+
React.createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2803
|
+
React.createElement(IconItem, { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2786
2804
|
};
|
|
2787
2805
|
|
|
2788
2806
|
var style$C = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
@@ -2804,7 +2822,7 @@ var SortMenu = function (_a) {
|
|
|
2804
2822
|
};
|
|
2805
2823
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2806
2824
|
|
|
2807
|
-
var styles$
|
|
2825
|
+
var styles$1r = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2808
2826
|
|
|
2809
2827
|
var TextArea = function (_a) {
|
|
2810
2828
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -2830,15 +2848,15 @@ var TextArea = function (_a) {
|
|
|
2830
2848
|
return;
|
|
2831
2849
|
setShowPlaceholder(scrollTop === 0);
|
|
2832
2850
|
}, [showPlaceholder]);
|
|
2833
|
-
return (React.createElement("div", { className: styles$
|
|
2834
|
-
React.createElement("div", { className: styles$
|
|
2851
|
+
return (React.createElement("div", { className: styles$1r["".concat(classMUI, "-text-area")] },
|
|
2852
|
+
React.createElement("div", { className: styles$1r["".concat(classMUI, "-text-area--container")] },
|
|
2835
2853
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2836
2854
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2837
2855
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2838
|
-
}, className: styles$
|
|
2839
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2840
|
-
React.createElement("div", { className: styles$
|
|
2841
|
-
React.createElement("span", { className: styles$
|
|
2856
|
+
}, className: styles$1r["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2857
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1r["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2858
|
+
React.createElement("div", { className: styles$1r["".concat(classMUI, "-text-area__footer")] },
|
|
2859
|
+
React.createElement("span", { className: styles$1r["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2842
2860
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2843
2861
|
};
|
|
2844
2862
|
|
|
@@ -2864,7 +2882,7 @@ var Component$1G = function (_a) {
|
|
|
2864
2882
|
};
|
|
2865
2883
|
var TimelineEvent = Component$1G;
|
|
2866
2884
|
|
|
2867
|
-
var styles$
|
|
2885
|
+
var styles$1q = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2868
2886
|
|
|
2869
2887
|
var Component$1F = function (_a) {
|
|
2870
2888
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
@@ -2889,23 +2907,13 @@ var Component$1F = function (_a) {
|
|
|
2889
2907
|
}
|
|
2890
2908
|
return false;
|
|
2891
2909
|
};
|
|
2892
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2910
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1q['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2893
2911
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2894
2912
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2895
2913
|
})));
|
|
2896
2914
|
};
|
|
2897
2915
|
var ToggleButtonList = Component$1F;
|
|
2898
2916
|
|
|
2899
|
-
var styles$1q = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2900
|
-
|
|
2901
|
-
var Tooltip = function (_a) {
|
|
2902
|
-
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c;
|
|
2903
|
-
return (React.createElement("div", { className: "".concat(styles$1q['tooltip-container'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2904
|
-
React.createElement("div", { className: "".concat(styles$1q['tooltip'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2905
|
-
children,
|
|
2906
|
-
React.createElement("span", { className: "".concat(styles$1q['tooltip-text'], " ").concat(styles$1q["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2907
|
-
};
|
|
2908
|
-
|
|
2909
2917
|
var Component$1E = function (_a) {
|
|
2910
2918
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2911
2919
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
@@ -4926,7 +4934,7 @@ var styles$R = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_
|
|
|
4926
4934
|
|
|
4927
4935
|
var Component$Y = function (_a) {
|
|
4928
4936
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4929
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$R['magneto-ui-save-button'], " ").concat(addHover && styles$R['hover-effect']), type: "button", onClick: onClick,
|
|
4937
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$R['magneto-ui-save-button'], " ").concat(addHover && styles$R['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
4930
4938
|
React.createElement("div", { className: styles$R['button-content'] },
|
|
4931
4939
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4932
4940
|
buttonText && React.createElement("p", { className: styles$R['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|