magneto365.ui 2.56.0 → 2.56.2
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 +135 -127
- 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 +135 -127
- 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/cjs/index.js
CHANGED
|
@@ -715,7 +715,7 @@ var Component$2m = function (_a) {
|
|
|
715
715
|
return (React__default["default"].createElement("div", { className: styles$2d['magneto-ui-actions'] },
|
|
716
716
|
React__default["default"].createElement("div", { id: styles$2d['magneto-ui__external-child'] }, externalButtonChild),
|
|
717
717
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
718
|
-
React__default["default"].createElement("button", { className: styles$2d['magneto-ui-actions__button'],
|
|
718
|
+
React__default["default"].createElement("button", { className: styles$2d['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
719
719
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
720
720
|
} },
|
|
721
721
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
@@ -1830,9 +1830,19 @@ var InputPlus = function (_a) {
|
|
|
1830
1830
|
React__default["default"].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__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1Q['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1831
1831
|
};
|
|
1832
1832
|
|
|
1833
|
-
var styles$1P = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-
|
|
1833
|
+
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"};
|
|
1834
1834
|
|
|
1835
|
-
var style$O = {"popover":"
|
|
1835
|
+
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"};
|
|
1836
|
+
|
|
1837
|
+
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"};
|
|
1838
|
+
|
|
1839
|
+
var Tooltip = function (_a) {
|
|
1840
|
+
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;
|
|
1841
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1O['tooltip-container'], " ").concat(styles$1O["tooltip-".concat(position)]) },
|
|
1842
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1O['tooltip'], " ").concat(styles$1O["tooltip-".concat(position)]) },
|
|
1843
|
+
children,
|
|
1844
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1O['tooltip-text'], " ").concat(styles$1O["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1845
|
+
};
|
|
1836
1846
|
|
|
1837
1847
|
var Component$20 = function (_a) {
|
|
1838
1848
|
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"]);
|
|
@@ -1845,12 +1855,13 @@ var Component$20 = function (_a) {
|
|
|
1845
1855
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1846
1856
|
React__default["default"].createElement("span", null, title))));
|
|
1847
1857
|
}),
|
|
1848
|
-
React__default["default"].createElement("li",
|
|
1858
|
+
React__default["default"].createElement("li", { className: style$O['content__share'] },
|
|
1849
1859
|
React__default["default"].createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1850
1860
|
rest.onCopySuccess();
|
|
1851
1861
|
} })))) },
|
|
1852
|
-
React__default["default"].createElement(
|
|
1853
|
-
React__default["default"].createElement(
|
|
1862
|
+
React__default["default"].createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", hidden: !show },
|
|
1863
|
+
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1864
|
+
React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
|
|
1854
1865
|
};
|
|
1855
1866
|
Component$20.displayName = 'SharePopover';
|
|
1856
1867
|
var SharePopover = Component$20;
|
|
@@ -1862,17 +1873,24 @@ var Component$1$ = function (_a) {
|
|
|
1862
1873
|
url: actionsAnchorLinks === null || actionsAnchorLinks === void 0 ? void 0 : actionsAnchorLinks[index],
|
|
1863
1874
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1864
1875
|
}); });
|
|
1876
|
+
var isMobile = useMediaQuery(true, { md: false });
|
|
1877
|
+
var ActionLink = function (_a) {
|
|
1878
|
+
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1879
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1P['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1880
|
+
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1881
|
+
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", hidden: isMobile }, iconContent));
|
|
1882
|
+
};
|
|
1865
1883
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1866
1884
|
return (React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-actions'] },
|
|
1867
1885
|
React__default["default"].createElement("div", { id: styles$1P['magneto-ui__external-child'] }, externalButtonChild),
|
|
1868
1886
|
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1869
|
-
React__default["default"].createElement(
|
|
1887
|
+
React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", hidden: isMobile },
|
|
1888
|
+
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps))),
|
|
1870
1889
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1871
1890
|
filteredActionsLinkList.map(function (_a) {
|
|
1872
1891
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1873
1892
|
return (React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1874
|
-
React__default["default"].createElement(
|
|
1875
|
-
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1893
|
+
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1876
1894
|
}))));
|
|
1877
1895
|
};
|
|
1878
1896
|
/**
|
|
@@ -1880,13 +1898,13 @@ var Component$1$ = function (_a) {
|
|
|
1880
1898
|
*/
|
|
1881
1899
|
var JobActions = Component$1$;
|
|
1882
1900
|
|
|
1883
|
-
var styles$
|
|
1901
|
+
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"};
|
|
1884
1902
|
|
|
1885
1903
|
var Component$1_ = function (_a) {
|
|
1886
1904
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1887
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1888
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1889
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1905
|
+
return (React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-apply-card'] },
|
|
1906
|
+
React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-apply-card__wrapper'] },
|
|
1907
|
+
React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-apply-card__header'] },
|
|
1890
1908
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1891
1909
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1892
1910
|
offerApplyElements
|
|
@@ -1896,11 +1914,11 @@ var Component$1_ = function (_a) {
|
|
|
1896
1914
|
})
|
|
1897
1915
|
.map(function (_a) {
|
|
1898
1916
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1899
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1917
|
+
return (React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1900
1918
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1901
1919
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1902
1920
|
})),
|
|
1903
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1921
|
+
React__default["default"].createElement("div", { id: styles$1N['magneto-ui__external-child'] }, externalChild))));
|
|
1904
1922
|
};
|
|
1905
1923
|
/**
|
|
1906
1924
|
* UI Molecule Component for Job Apply Card
|
|
@@ -1989,11 +2007,11 @@ var JobCard = function (_a) {
|
|
|
1989
2007
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
1990
2008
|
};
|
|
1991
2009
|
|
|
1992
|
-
var styles$
|
|
2010
|
+
var styles$1M = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1993
2011
|
|
|
1994
2012
|
var Component$1Z = function (_a) {
|
|
1995
2013
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1996
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2014
|
+
return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-company-header'] },
|
|
1997
2015
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1998
2016
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1999
2017
|
};
|
|
@@ -2002,11 +2020,11 @@ var Component$1Z = function (_a) {
|
|
|
2002
2020
|
*/
|
|
2003
2021
|
var JobCompanyHeader = Component$1Z;
|
|
2004
2022
|
|
|
2005
|
-
var styles$
|
|
2023
|
+
var styles$1L = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2006
2024
|
|
|
2007
2025
|
var Component$1Y = function (_a) {
|
|
2008
2026
|
var offerDescription = _a.offerDescription;
|
|
2009
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2027
|
+
return (React__default["default"].createElement("div", { className: styles$1L['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
2010
2028
|
};
|
|
2011
2029
|
/**
|
|
2012
2030
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -2026,7 +2044,7 @@ var JobDetailContainer = function (_a) {
|
|
|
2026
2044
|
children));
|
|
2027
2045
|
};
|
|
2028
2046
|
|
|
2029
|
-
var styles$
|
|
2047
|
+
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"};
|
|
2030
2048
|
|
|
2031
2049
|
var Component$1X = function (_a) {
|
|
2032
2050
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -2038,15 +2056,15 @@ var Component$1X = function (_a) {
|
|
|
2038
2056
|
var offerDetailText = _a.offerDetailText;
|
|
2039
2057
|
return !!offerDetailText && index !== 1;
|
|
2040
2058
|
});
|
|
2041
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2042
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2059
|
+
return (React__default["default"].createElement("div", { className: styles$1K['magneto-ui-job-details'] },
|
|
2060
|
+
React__default["default"].createElement("div", { className: styles$1K['magneto-ui-job-details__wrapper'] },
|
|
2043
2061
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2044
2062
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2045
2063
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2046
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2047
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2064
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1K['magneto-ui-job-details__item-detail'] },
|
|
2065
|
+
React__default["default"].createElement("div", { className: styles$1K['magneto-ui-job-details__item-detail-icon'] },
|
|
2048
2066
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2049
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2067
|
+
React__default["default"].createElement("p", { className: styles$1K['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2050
2068
|
})),
|
|
2051
2069
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2052
2070
|
};
|
|
@@ -2056,7 +2074,7 @@ var Component$1X = function (_a) {
|
|
|
2056
2074
|
Component$1X.displayName = 'JobDetails';
|
|
2057
2075
|
var JobDetails = Component$1X;
|
|
2058
2076
|
|
|
2059
|
-
var styles$
|
|
2077
|
+
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"};
|
|
2060
2078
|
|
|
2061
2079
|
var Component$1W = function (_a) {
|
|
2062
2080
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -2069,18 +2087,18 @@ var Component$1W = function (_a) {
|
|
|
2069
2087
|
title: title
|
|
2070
2088
|
});
|
|
2071
2089
|
});
|
|
2072
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2090
|
+
return (React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-footer-card'] },
|
|
2073
2091
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2074
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2092
|
+
React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-footer-card__icons'] },
|
|
2075
2093
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2076
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2094
|
+
React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-footer-card__wrapper'] },
|
|
2077
2095
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2078
2096
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2079
2097
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2080
2098
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2081
2099
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2082
2100
|
})),
|
|
2083
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2101
|
+
React__default["default"].createElement("div", { className: styles$1J['magneto-ui__share-button'] },
|
|
2084
2102
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2085
2103
|
};
|
|
2086
2104
|
/**
|
|
@@ -2088,7 +2106,7 @@ var Component$1W = function (_a) {
|
|
|
2088
2106
|
*/
|
|
2089
2107
|
var JobFooterCard = Component$1W;
|
|
2090
2108
|
|
|
2091
|
-
var styles$
|
|
2109
|
+
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"};
|
|
2092
2110
|
|
|
2093
2111
|
var Component$1V = function (_a) {
|
|
2094
2112
|
var name = _a.name, score = _a.score;
|
|
@@ -2126,21 +2144,21 @@ var Component$1V = function (_a) {
|
|
|
2126
2144
|
4: 'four'
|
|
2127
2145
|
};
|
|
2128
2146
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2129
|
-
var fillAnimation = animationApplied ? styles$
|
|
2130
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2131
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2147
|
+
var fillAnimation = animationApplied ? styles$1I[levelClass] : '';
|
|
2148
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1I['magneto-ui-skill'] },
|
|
2149
|
+
React__default["default"].createElement("div", { className: styles$1I['magneto-ui-skill__wrapper'] },
|
|
2132
2150
|
React__default["default"].createElement("p", null, name),
|
|
2133
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2151
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1I['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1I['magneto-ui-skill--no-animation']) }))));
|
|
2134
2152
|
};
|
|
2135
2153
|
var Skill = Component$1V;
|
|
2136
2154
|
|
|
2137
|
-
var styles$
|
|
2155
|
+
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"};
|
|
2138
2156
|
|
|
2139
2157
|
var Component$1U = function (_a) {
|
|
2140
2158
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2141
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2159
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-skills-card'] },
|
|
2142
2160
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2143
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2161
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2144
2162
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2145
2163
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2146
2164
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2151,7 +2169,7 @@ var Component$1U = function (_a) {
|
|
|
2151
2169
|
*/
|
|
2152
2170
|
var JobSkillsCard = Component$1U;
|
|
2153
2171
|
|
|
2154
|
-
var styles$
|
|
2172
|
+
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"};
|
|
2155
2173
|
|
|
2156
2174
|
var JobVideo = function (_a) {
|
|
2157
2175
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2166,7 +2184,7 @@ var JobVideo = function (_a) {
|
|
|
2166
2184
|
setLoadVideo && setLoadVideo(false);
|
|
2167
2185
|
}
|
|
2168
2186
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2169
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2187
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1G[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2170
2188
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2171
2189
|
};
|
|
2172
2190
|
|
|
@@ -2301,7 +2319,7 @@ var useMegaMenuMain = function () {
|
|
|
2301
2319
|
return mainHeaderProps;
|
|
2302
2320
|
};
|
|
2303
2321
|
|
|
2304
|
-
var styles$
|
|
2322
|
+
var styles$1F = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2305
2323
|
|
|
2306
2324
|
var Component$1P = function (_a) {
|
|
2307
2325
|
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;
|
|
@@ -2311,10 +2329,10 @@ var Component$1P = function (_a) {
|
|
|
2311
2329
|
onClick();
|
|
2312
2330
|
}
|
|
2313
2331
|
}, [onClick]);
|
|
2314
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2315
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2316
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2317
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2332
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1F['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2333
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1F['button-link__icon'] })),
|
|
2334
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1F['button-link__text'] }, buttonText),
|
|
2335
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1F['button-link__icon'] }))));
|
|
2318
2336
|
};
|
|
2319
2337
|
/**
|
|
2320
2338
|
* UI Atom Component of Save Button
|
|
@@ -2346,7 +2364,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2346
2364
|
React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2347
2365
|
};
|
|
2348
2366
|
|
|
2349
|
-
var styles$
|
|
2367
|
+
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"};
|
|
2350
2368
|
|
|
2351
2369
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2352
2370
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2365,27 +2383,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2365
2383
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2366
2384
|
}, [showContent]);
|
|
2367
2385
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2368
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2369
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2370
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2371
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2372
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2373
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2386
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1E["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2387
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1E["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2388
|
+
React__default["default"].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 }))),
|
|
2389
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1E["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1E["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2390
|
+
React__default["default"].createElement("div", { className: styles$1E["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2391
|
+
React__default["default"].createElement("div", { className: styles$1E["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2374
2392
|
event.stopPropagation();
|
|
2375
2393
|
} }, children))));
|
|
2376
2394
|
};
|
|
2377
2395
|
|
|
2378
|
-
var styles$
|
|
2396
|
+
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"};
|
|
2379
2397
|
|
|
2380
2398
|
var MenuSearch = function (_a) {
|
|
2381
2399
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2382
2400
|
var onBlur = React.useCallback(function () {
|
|
2383
2401
|
handleOnBlur && handleOnBlur();
|
|
2384
2402
|
}, [handleOnBlur]);
|
|
2385
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2386
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2403
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2404
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-menu-search_container'] },
|
|
2387
2405
|
children,
|
|
2388
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2406
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1D['magneto-ui-menu-search_content'], " ").concat(show && styles$1D.open) }, content))));
|
|
2389
2407
|
};
|
|
2390
2408
|
|
|
2391
2409
|
var iconByType = {
|
|
@@ -2396,7 +2414,7 @@ var iconByType = {
|
|
|
2396
2414
|
};
|
|
2397
2415
|
var transitionDuration = 300;
|
|
2398
2416
|
|
|
2399
|
-
var styles$
|
|
2417
|
+
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"};
|
|
2400
2418
|
|
|
2401
2419
|
var Component$1O = function (_a) {
|
|
2402
2420
|
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;
|
|
@@ -2410,7 +2428,7 @@ var Component$1O = function (_a) {
|
|
|
2410
2428
|
}); }, []);
|
|
2411
2429
|
var containerStyles = React.useMemo(function () {
|
|
2412
2430
|
return CNM.get({
|
|
2413
|
-
styles: styles$
|
|
2431
|
+
styles: styles$1C,
|
|
2414
2432
|
cls: [
|
|
2415
2433
|
'message__container',
|
|
2416
2434
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2418,7 +2436,7 @@ var Component$1O = function (_a) {
|
|
|
2418
2436
|
]
|
|
2419
2437
|
});
|
|
2420
2438
|
}, [type, toggleAnimation]);
|
|
2421
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2439
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1C, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2422
2440
|
React.useEffect(function () {
|
|
2423
2441
|
if (!localVisible)
|
|
2424
2442
|
return;
|
|
@@ -2450,9 +2468,9 @@ var Component$1O = function (_a) {
|
|
|
2450
2468
|
setIsAnimating(visible);
|
|
2451
2469
|
}, [isAnimating, visible]);
|
|
2452
2470
|
return localVisible
|
|
2453
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2471
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1C, cls: [className] }) },
|
|
2454
2472
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2455
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2473
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1C, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2456
2474
|
React__default["default"].createElement("div", null,
|
|
2457
2475
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2458
2476
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2463,11 +2481,11 @@ var Component$1O = function (_a) {
|
|
|
2463
2481
|
*/
|
|
2464
2482
|
var Message = Component$1O;
|
|
2465
2483
|
|
|
2466
|
-
var styles$
|
|
2484
|
+
var styles$1B = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2467
2485
|
|
|
2468
2486
|
var Component$1N = function (_a) {
|
|
2469
2487
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2470
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2488
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-mobile-job-details-header'] },
|
|
2471
2489
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2472
2490
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2473
2491
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2477,7 +2495,7 @@ var Component$1N = function (_a) {
|
|
|
2477
2495
|
*/
|
|
2478
2496
|
var MobileJobDetailsHeader = Component$1N;
|
|
2479
2497
|
|
|
2480
|
-
var styles$
|
|
2498
|
+
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"};
|
|
2481
2499
|
|
|
2482
2500
|
var Component$1M = function (_a) {
|
|
2483
2501
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -2501,20 +2519,20 @@ var Component$1M = function (_a) {
|
|
|
2501
2519
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2502
2520
|
}
|
|
2503
2521
|
}, [focusSearchInput]);
|
|
2504
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2522
|
+
return (React__default["default"].createElement("div", { className: styles$1A.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2505
2523
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2506
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2507
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2524
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1A['search-badge'] }),
|
|
2525
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1A['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2508
2526
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2509
2527
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2510
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2528
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1A['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2511
2529
|
};
|
|
2512
2530
|
/**
|
|
2513
2531
|
* Molecule UI component for MobileSearchbar
|
|
2514
2532
|
*/
|
|
2515
2533
|
var MobileSearchbar = Component$1M;
|
|
2516
2534
|
|
|
2517
|
-
var styles$
|
|
2535
|
+
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"};
|
|
2518
2536
|
|
|
2519
2537
|
var Modal = function (_a) {
|
|
2520
2538
|
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;
|
|
@@ -2527,21 +2545,21 @@ var Modal = function (_a) {
|
|
|
2527
2545
|
if (!isOpen)
|
|
2528
2546
|
return null;
|
|
2529
2547
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2530
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2531
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2532
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2548
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1z["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2549
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1z["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2550
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2533
2551
|
children,
|
|
2534
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2552
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1z["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2535
2553
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2536
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2554
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1z["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2537
2555
|
};
|
|
2538
2556
|
var Title = function (_a) {
|
|
2539
2557
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2540
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2558
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1z["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2541
2559
|
};
|
|
2542
2560
|
var Description = function (_a) {
|
|
2543
2561
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2544
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2562
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1z["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2545
2563
|
};
|
|
2546
2564
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2547
2565
|
|
|
@@ -2554,22 +2572,22 @@ var Component$1L = function (_a) {
|
|
|
2554
2572
|
};
|
|
2555
2573
|
var ModalResponsive = Component$1L;
|
|
2556
2574
|
|
|
2557
|
-
var styles$
|
|
2575
|
+
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"};
|
|
2558
2576
|
|
|
2559
2577
|
var BtnPagination = function (_a) {
|
|
2560
2578
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2561
2579
|
var displayContent = React.useMemo(function () {
|
|
2562
2580
|
if (loading && value && current === value)
|
|
2563
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2581
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1y['magneto-ui-btn-pagination_spinner'] });
|
|
2564
2582
|
return value;
|
|
2565
2583
|
}, [loading, current, value]);
|
|
2566
2584
|
var pageQueryParam = 'paginator[page]=';
|
|
2567
2585
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2568
2586
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2569
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2570
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2587
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1y['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2588
|
+
React__default["default"].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 },
|
|
2571
2589
|
displayContent,
|
|
2572
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2590
|
+
displayIcon))) : (React__default["default"].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 },
|
|
2573
2591
|
displayContent,
|
|
2574
2592
|
displayIcon))));
|
|
2575
2593
|
};
|
|
@@ -2620,7 +2638,7 @@ var createPagination = function (_a) {
|
|
|
2620
2638
|
};
|
|
2621
2639
|
};
|
|
2622
2640
|
|
|
2623
|
-
var styles$
|
|
2641
|
+
var styles$1x = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2624
2642
|
|
|
2625
2643
|
var Pagination = function (_a) {
|
|
2626
2644
|
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;
|
|
@@ -2639,16 +2657,16 @@ var Pagination = function (_a) {
|
|
|
2639
2657
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2640
2658
|
if (total <= pageSize)
|
|
2641
2659
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2642
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2660
|
+
return (React__default["default"].createElement("div", { className: styles$1x['magneto-ui-pagination'] },
|
|
2643
2661
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2644
2662
|
React__default["default"].createElement("ul", null,
|
|
2645
2663
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2646
2664
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2647
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2665
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1x['magneto-ui-pagination_ellipsis'] }))),
|
|
2648
2666
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2649
2667
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2650
2668
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2651
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2669
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1x['magneto-ui-pagination_ellipsis'] }),
|
|
2652
2670
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2653
2671
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2654
2672
|
};
|
|
@@ -2668,7 +2686,7 @@ var generateID = function () {
|
|
|
2668
2686
|
return uniqueID;
|
|
2669
2687
|
};
|
|
2670
2688
|
|
|
2671
|
-
var styles$
|
|
2689
|
+
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"};
|
|
2672
2690
|
|
|
2673
2691
|
var Component$1K = function (_a) {
|
|
2674
2692
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -2698,17 +2716,17 @@ var Component$1K = function (_a) {
|
|
|
2698
2716
|
}
|
|
2699
2717
|
return { backgroundColor: '#c4c4c4' };
|
|
2700
2718
|
}, [color, score, spanHover]);
|
|
2701
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2719
|
+
return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-score-level'] },
|
|
2702
2720
|
React__default["default"].createElement("p", null, name),
|
|
2703
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2721
|
+
React__default["default"].createElement("div", { className: styles$1w['magneto-ui-score-level__summary'] },
|
|
2704
2722
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].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); } })); })),
|
|
2705
2723
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2706
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2724
|
+
React__default["default"].createElement("button", { className: styles$1w['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2707
2725
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2708
2726
|
};
|
|
2709
2727
|
var ScoreLevel = Component$1K;
|
|
2710
2728
|
|
|
2711
|
-
var styles$
|
|
2729
|
+
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"};
|
|
2712
2730
|
|
|
2713
2731
|
var Component$1J = function (_a) {
|
|
2714
2732
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -2725,15 +2743,15 @@ var Component$1J = function (_a) {
|
|
|
2725
2743
|
}
|
|
2726
2744
|
return { backgroundColor: '#c4c4c4' };
|
|
2727
2745
|
}, [color, scoreValue]);
|
|
2728
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2746
|
+
return (React__default["default"].createElement("div", { className: styles$1v['magneto-ui-score-level'] },
|
|
2729
2747
|
React__default["default"].createElement("p", null, name),
|
|
2730
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2748
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-score-level__summary'] },
|
|
2731
2749
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2732
2750
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2733
2751
|
};
|
|
2734
2752
|
var ScoreLevelStatic = Component$1J;
|
|
2735
2753
|
|
|
2736
|
-
var styles$
|
|
2754
|
+
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"};
|
|
2737
2755
|
|
|
2738
2756
|
var Component$1I = function (_a) {
|
|
2739
2757
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -2751,13 +2769,13 @@ var Component$1I = function (_a) {
|
|
|
2751
2769
|
setSearchValue('');
|
|
2752
2770
|
onSearch('');
|
|
2753
2771
|
};
|
|
2754
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2772
|
+
return (React__default["default"].createElement("div", { className: styles$1u.SearchbarComponent },
|
|
2755
2773
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2756
2774
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2757
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2758
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2775
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1u['SearchbarComponent__badge'] }),
|
|
2776
|
+
React__default["default"].createElement("div", { className: styles$1u['magneto-ui-searchbar-buttons'] },
|
|
2759
2777
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2760
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2778
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1u['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2761
2779
|
React__default["default"].createElement("span", null, "|"))),
|
|
2762
2780
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2763
2781
|
};
|
|
@@ -2766,17 +2784,17 @@ var Component$1I = function (_a) {
|
|
|
2766
2784
|
*/
|
|
2767
2785
|
var Searchbar = Component$1I;
|
|
2768
2786
|
|
|
2769
|
-
var styles$
|
|
2787
|
+
var styles$1t = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2770
2788
|
|
|
2771
2789
|
var Component$1H = function (_a) {
|
|
2772
2790
|
var props = __rest(_a, []);
|
|
2773
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2774
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2791
|
+
return (React__default["default"].createElement("div", { className: styles$1t['search-button'] },
|
|
2792
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1t['search-button__badge'] }),
|
|
2775
2793
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2776
2794
|
};
|
|
2777
2795
|
var SearchButton = Component$1H;
|
|
2778
2796
|
|
|
2779
|
-
var styles$
|
|
2797
|
+
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"};
|
|
2780
2798
|
|
|
2781
2799
|
var SimilarJobsCard = function (_a) {
|
|
2782
2800
|
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;
|
|
@@ -2786,12 +2804,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2786
2804
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2787
2805
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2788
2806
|
}, [cities, salary, experience]);
|
|
2789
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2790
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2807
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2808
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2791
2809
|
React__default["default"].createElement("div", null,
|
|
2792
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2793
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2794
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2810
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2811
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2812
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1s["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2795
2813
|
};
|
|
2796
2814
|
|
|
2797
2815
|
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"};
|
|
@@ -2813,7 +2831,7 @@ var SortMenu = function (_a) {
|
|
|
2813
2831
|
};
|
|
2814
2832
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2815
2833
|
|
|
2816
|
-
var styles$
|
|
2834
|
+
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"};
|
|
2817
2835
|
|
|
2818
2836
|
var TextArea = function (_a) {
|
|
2819
2837
|
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"]);
|
|
@@ -2839,15 +2857,15 @@ var TextArea = function (_a) {
|
|
|
2839
2857
|
return;
|
|
2840
2858
|
setShowPlaceholder(scrollTop === 0);
|
|
2841
2859
|
}, [showPlaceholder]);
|
|
2842
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2843
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2860
|
+
return (React__default["default"].createElement("div", { className: styles$1r["".concat(classMUI, "-text-area")] },
|
|
2861
|
+
React__default["default"].createElement("div", { className: styles$1r["".concat(classMUI, "-text-area--container")] },
|
|
2844
2862
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2845
2863
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2846
2864
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2847
|
-
}, className: styles$
|
|
2848
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2849
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2850
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2865
|
+
}, className: styles$1r["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2866
|
+
React__default["default"].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 }))),
|
|
2867
|
+
React__default["default"].createElement("div", { className: styles$1r["".concat(classMUI, "-text-area__footer")] },
|
|
2868
|
+
React__default["default"].createElement("span", { className: styles$1r["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2851
2869
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2852
2870
|
};
|
|
2853
2871
|
|
|
@@ -2873,7 +2891,7 @@ var Component$1G = function (_a) {
|
|
|
2873
2891
|
};
|
|
2874
2892
|
var TimelineEvent = Component$1G;
|
|
2875
2893
|
|
|
2876
|
-
var styles$
|
|
2894
|
+
var styles$1q = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2877
2895
|
|
|
2878
2896
|
var Component$1F = function (_a) {
|
|
2879
2897
|
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;
|
|
@@ -2898,23 +2916,13 @@ var Component$1F = function (_a) {
|
|
|
2898
2916
|
}
|
|
2899
2917
|
return false;
|
|
2900
2918
|
};
|
|
2901
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2919
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1q['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2902
2920
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2903
2921
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2904
2922
|
})));
|
|
2905
2923
|
};
|
|
2906
2924
|
var ToggleButtonList = Component$1F;
|
|
2907
2925
|
|
|
2908
|
-
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"};
|
|
2909
|
-
|
|
2910
|
-
var Tooltip = function (_a) {
|
|
2911
|
-
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;
|
|
2912
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$1q['tooltip-container'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2913
|
-
React__default["default"].createElement("div", { className: "".concat(styles$1q['tooltip'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2914
|
-
children,
|
|
2915
|
-
React__default["default"].createElement("span", { className: "".concat(styles$1q['tooltip-text'], " ").concat(styles$1q["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2916
|
-
};
|
|
2917
|
-
|
|
2918
2926
|
var Component$1E = function (_a) {
|
|
2919
2927
|
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;
|
|
2920
2928
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
@@ -4935,7 +4943,7 @@ var styles$R = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_
|
|
|
4935
4943
|
|
|
4936
4944
|
var Component$Y = function (_a) {
|
|
4937
4945
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4938
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$R['magneto-ui-save-button'], " ").concat(addHover && styles$R['hover-effect']), type: "button", onClick: onClick,
|
|
4946
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$R['magneto-ui-save-button'], " ").concat(addHover && styles$R['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
4939
4947
|
React__default["default"].createElement("div", { className: styles$R['button-content'] },
|
|
4940
4948
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4941
4949
|
buttonText && React__default["default"].createElement("p", { className: styles$R['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
@@ -6728,7 +6736,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6728
6736
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6729
6737
|
};
|
|
6730
6738
|
|
|
6731
|
-
var styles$t = {"processes-text-common":"mg_processes_card_processes-text-
|
|
6739
|
+
var styles$t = {"processes-text-common":"mg_processes_card_processes-text-common_4tzc0","processes-card__text":"mg_processes_card_processes-card_text_4tzc0","processes-card__title":"mg_processes_card_processes-card_title_4tzc0","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_4tzc0","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_4tzc0","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_4tzc0","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_4tzc0","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_4tzc0","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_4tzc0","processes-card":"mg_processes_card_processes-card_4tzc0","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_4tzc0","processes-card__section":"mg_processes_card_processes-card_section_4tzc0","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_4tzc0","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_4tzc0","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_4tzc0","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_4tzc0","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_4tzc0","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_4tzc0","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_4tzc0","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_4tzc0","processes-card__status-card":"mg_processes_card_processes-card_status-card_4tzc0","processes-card__brand":"mg_processes_card_processes-card_brand_4tzc0","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_4tzc0","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_4tzc0"};
|
|
6732
6740
|
|
|
6733
6741
|
var cx$o = classNames.bind(styles$t);
|
|
6734
6742
|
var Component$z = function (_a) {
|