magneto365.ui 2.69.0-beta.2 → 2.69.0-beta.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/assets/3f84ef2fa90fc06b.svg +17 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +822 -729
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/Input/Input.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface.d.ts +54 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/MobileSearchbar/MobileSearchbar.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +3 -1
- package/dist/cjs/types/components/hooks/useClickOutside/index.d.ts +1 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +1 -0
- package/dist/cjs/types/constants/stories/headers.constants.d.ts +4 -3
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +822 -729
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/Input/Input.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface.d.ts +54 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSearchBar/SearchBar.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/MobileSearchbar/MobileSearchbar.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +3 -1
- package/dist/esm/types/components/hooks/useClickOutside/index.d.ts +1 -0
- package/dist/esm/types/constants/icons.constants.d.ts +1 -0
- package/dist/esm/types/constants/stories/headers.constants.d.ts +4 -3
- package/dist/index.d.ts +15 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -269,7 +269,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
269
269
|
return component;
|
|
270
270
|
};
|
|
271
271
|
|
|
272
|
-
var styles$
|
|
272
|
+
var styles$2_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
|
|
273
273
|
|
|
274
274
|
function formatNumber(num) {
|
|
275
275
|
if (typeof num !== 'number')
|
|
@@ -316,7 +316,7 @@ var classNames = {
|
|
|
316
316
|
}
|
|
317
317
|
};
|
|
318
318
|
|
|
319
|
-
var cx$1d = classNames.bind(styles$
|
|
319
|
+
var cx$1d = classNames.bind(styles$2_);
|
|
320
320
|
var Component$37 = function (_a) {
|
|
321
321
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
|
|
322
322
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -335,7 +335,7 @@ var Component$37 = function (_a) {
|
|
|
335
335
|
*/
|
|
336
336
|
var IconItem = Component$37;
|
|
337
337
|
|
|
338
|
-
var styles$
|
|
338
|
+
var styles$2Z = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
339
339
|
|
|
340
340
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
341
341
|
|
|
@@ -665,15 +665,17 @@ var FilterIcon = "https://static.magneto365.com/lib/assets/a9f25ebc43dd2922.svg"
|
|
|
665
665
|
|
|
666
666
|
var SortIcon = "https://static.magneto365.com/lib/assets/3c9ef5949d25901a.svg";
|
|
667
667
|
|
|
668
|
+
var CurrentLocation = "https://static.magneto365.com/lib/assets/3f84ef2fa90fc06b.svg";
|
|
669
|
+
|
|
668
670
|
var Component$36 = function (_a) {
|
|
669
671
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
670
672
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
671
673
|
var handleError = function () {
|
|
672
674
|
setImageError(true);
|
|
673
675
|
};
|
|
674
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
676
|
+
return (React__default["default"].createElement("div", { className: styles$2Z.avatarComponent, onClick: onClick },
|
|
675
677
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
676
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
678
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2Z['magneto-ui-default-avatar'] },
|
|
677
679
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
678
680
|
};
|
|
679
681
|
/**
|
|
@@ -681,17 +683,17 @@ var Component$36 = function (_a) {
|
|
|
681
683
|
*/
|
|
682
684
|
var Avatar = Component$36;
|
|
683
685
|
|
|
684
|
-
var styles$
|
|
686
|
+
var styles$2Y = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
685
687
|
|
|
686
688
|
var Component$35 = function (_a) {
|
|
687
689
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
688
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
689
|
-
React__default["default"].createElement("span", { className: styles$
|
|
690
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2Y['badge-count'], " ").concat(className) },
|
|
691
|
+
React__default["default"].createElement("span", { className: styles$2Y['badge-count__animation'] }),
|
|
690
692
|
number && number));
|
|
691
693
|
};
|
|
692
694
|
var Badge = Component$35;
|
|
693
695
|
|
|
694
|
-
var styles$
|
|
696
|
+
var styles$2X = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_1jzzq","magneto-ui-chart-bar__point":"mg_bar_chart_magneto-ui-chart-bar_point_1jzzq","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_1jzzq","popover-left":"mg_bar_chart_popover-left_1jzzq","popover-right":"mg_bar_chart_popover-right_1jzzq"};
|
|
695
697
|
|
|
696
698
|
var numberToCurrency = function (currency, withSymbol) {
|
|
697
699
|
if (withSymbol === void 0) { withSymbol = true; }
|
|
@@ -729,14 +731,14 @@ var Component$34 = function (_a) {
|
|
|
729
731
|
}
|
|
730
732
|
}, [isHover]);
|
|
731
733
|
var popoverContent = React.useMemo(function () {
|
|
732
|
-
return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
734
|
+
return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$2X['magneto-ui-chart-bar__popover'], " ").concat(styles$2X["popover-".concat(popoverPosition)]) },
|
|
733
735
|
React__default["default"].createElement("div", null, "".concat(numberToCurrency(minRange), " - ").concat(numberToCurrency(maxRange))),
|
|
734
736
|
React__default["default"].createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
|
|
735
737
|
}, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
|
|
736
738
|
return (React__default["default"].createElement("div", { style: {
|
|
737
739
|
height: Math.max((percentage / maxPercentage) * maxHeight, 1)
|
|
738
|
-
}, ref: barRef, className: styles$
|
|
739
|
-
React__default["default"].createElement("div", { className: styles$
|
|
740
|
+
}, ref: barRef, className: styles$2X['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
|
|
741
|
+
React__default["default"].createElement("div", { className: styles$2X['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
|
|
740
742
|
popoverContent));
|
|
741
743
|
};
|
|
742
744
|
var BarChart = Component$34;
|
|
@@ -1561,7 +1563,7 @@ var CNM = /** @class */ (function () {
|
|
|
1561
1563
|
return CNM;
|
|
1562
1564
|
}());
|
|
1563
1565
|
|
|
1564
|
-
var styles$
|
|
1566
|
+
var styles$2W = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
1565
1567
|
|
|
1566
1568
|
var Component$33 = function (_a) {
|
|
1567
1569
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1583,10 +1585,10 @@ var Component$33 = function (_a) {
|
|
|
1583
1585
|
var _a;
|
|
1584
1586
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1585
1587
|
}, [percent, validateCompleted]);
|
|
1586
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1587
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1588
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2W, cls: [className] }) },
|
|
1589
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2W, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1588
1590
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1589
|
-
styles: styles$
|
|
1591
|
+
styles: styles$2W,
|
|
1590
1592
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1591
1593
|
}) }))));
|
|
1592
1594
|
};
|
|
@@ -1595,7 +1597,7 @@ var Component$33 = function (_a) {
|
|
|
1595
1597
|
*/
|
|
1596
1598
|
var BarLoader = Component$33;
|
|
1597
1599
|
|
|
1598
|
-
var styles$
|
|
1600
|
+
var styles$2V = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
1599
1601
|
|
|
1600
1602
|
var Component$32 = function (_a) {
|
|
1601
1603
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
@@ -1603,7 +1605,7 @@ var Component$32 = function (_a) {
|
|
|
1603
1605
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1604
1606
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1605
1607
|
var haveDetailTitle = detailTitle !== '';
|
|
1606
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1608
|
+
var detailTileStyle = detailTitle ? styles$2V['no-transform'] : '';
|
|
1607
1609
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1608
1610
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1609
1611
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1615,9 +1617,9 @@ var Component$32 = function (_a) {
|
|
|
1615
1617
|
"/ ",
|
|
1616
1618
|
href)));
|
|
1617
1619
|
}),
|
|
1618
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
1620
|
+
React__default["default"].createElement("p", { className: "".concat(styles$2V['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1619
1621
|
"/ ",
|
|
1620
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1622
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2V['magneto-ui-bc-active'] : '', " ").concat(styles$2V['magneto-ui-bc']), key: i },
|
|
1621
1623
|
i > 0 && '/',
|
|
1622
1624
|
" ",
|
|
1623
1625
|
bc)); })));
|
|
@@ -1633,28 +1635,28 @@ var Component$32 = function (_a) {
|
|
|
1633
1635
|
queryParams,
|
|
1634
1636
|
lastIndexBC
|
|
1635
1637
|
]);
|
|
1636
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1638
|
+
return React__default["default"].createElement("div", { className: styles$2V.breadcrumbComponent }, breadCrumbsRender);
|
|
1637
1639
|
};
|
|
1638
1640
|
/**
|
|
1639
1641
|
* Atom UI of breadcrumb
|
|
1640
1642
|
*/
|
|
1641
1643
|
var Breadcrumb = Component$32;
|
|
1642
1644
|
|
|
1643
|
-
var styles$
|
|
1645
|
+
var styles$2U = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
1644
1646
|
|
|
1645
1647
|
var Component$31 = function (_a) {
|
|
1646
1648
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
1647
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1648
|
-
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1649
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1650
|
-
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1649
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2U['magneto-ui-button'], " ").concat(addHover ? styles$2U['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1650
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2U['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1651
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2U['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1652
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2U['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1651
1653
|
};
|
|
1652
1654
|
/**
|
|
1653
1655
|
* UI Atom Component of Save Button
|
|
1654
1656
|
*/
|
|
1655
1657
|
var Button = Component$31;
|
|
1656
1658
|
|
|
1657
|
-
var styles$
|
|
1659
|
+
var styles$2T = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1658
1660
|
|
|
1659
1661
|
var Component$30 = function (_a) {
|
|
1660
1662
|
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;
|
|
@@ -1664,19 +1666,19 @@ var Component$30 = function (_a) {
|
|
|
1664
1666
|
onClick();
|
|
1665
1667
|
}
|
|
1666
1668
|
}, [onClick]);
|
|
1667
|
-
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$
|
|
1668
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1669
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1670
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1669
|
+
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2T['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1670
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2T['button-link__icon'] })),
|
|
1671
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2T['button-link__text'] }, buttonText),
|
|
1672
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2T['button-link__icon'] }))));
|
|
1671
1673
|
};
|
|
1672
1674
|
/**
|
|
1673
1675
|
* UI Atom Component of Save Button
|
|
1674
1676
|
*/
|
|
1675
1677
|
var ButtonLink = Component$30;
|
|
1676
1678
|
|
|
1677
|
-
var styles$
|
|
1679
|
+
var styles$2S = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
1678
1680
|
|
|
1679
|
-
var cx$1c = classNames.bind(styles$
|
|
1681
|
+
var cx$1c = classNames.bind(styles$2S);
|
|
1680
1682
|
var defaultCheck = function (_a) {
|
|
1681
1683
|
var type = _a.type, checked = _a.checked;
|
|
1682
1684
|
if (type === 'background')
|
|
@@ -1728,9 +1730,9 @@ var context$2 = /*#__PURE__*/Object.freeze({
|
|
|
1728
1730
|
useCollapse: useCollapse
|
|
1729
1731
|
});
|
|
1730
1732
|
|
|
1731
|
-
var styles$
|
|
1733
|
+
var styles$2R = {"magneto-ui-collapse-body":"mg_collapse_body_magneto-ui-collapse-body_1sj1m","magneto-ui-collapse-body--visible":"mg_collapse_body_magneto-ui-collapse-body--visible_1sj1m","magneto-ui-collapse-body__container":"mg_collapse_body_magneto-ui-collapse-body_container_1sj1m","magneto-ui-collapse-body__container--visible":"mg_collapse_body_magneto-ui-collapse-body_container--visible_1sj1m","magneto-ui-collapse-body__content":"mg_collapse_body_magneto-ui-collapse-body_content_1sj1m","magneto-ui-collapse-body__content--visible":"mg_collapse_body_magneto-ui-collapse-body_content--visible_1sj1m"};
|
|
1732
1734
|
|
|
1733
|
-
var cx$1b = classNames.bind(styles$
|
|
1735
|
+
var cx$1b = classNames.bind(styles$2R);
|
|
1734
1736
|
var Component$2_ = function (_a) {
|
|
1735
1737
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1736
1738
|
var open = useCollapse().open;
|
|
@@ -1749,9 +1751,9 @@ var Component$2_ = function (_a) {
|
|
|
1749
1751
|
*/
|
|
1750
1752
|
var CollapseBody = Component$2_;
|
|
1751
1753
|
|
|
1752
|
-
var styles$
|
|
1754
|
+
var styles$2Q = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
|
|
1753
1755
|
|
|
1754
|
-
var cx$1a = classNames.bind(styles$
|
|
1756
|
+
var cx$1a = classNames.bind(styles$2Q);
|
|
1755
1757
|
var Component$2Z = function (_a) {
|
|
1756
1758
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
1757
1759
|
return (React__default["default"].createElement("header", __assign({ className: cx$1a('magneto-ui-collapse-header', className) }, props), children));
|
|
@@ -1761,9 +1763,9 @@ var Component$2Z = function (_a) {
|
|
|
1761
1763
|
*/
|
|
1762
1764
|
var CollapseHeader = Component$2Z;
|
|
1763
1765
|
|
|
1764
|
-
var styles$
|
|
1766
|
+
var styles$2P = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
|
|
1765
1767
|
|
|
1766
|
-
var cx$19 = classNames.bind(styles$
|
|
1768
|
+
var cx$19 = classNames.bind(styles$2P);
|
|
1767
1769
|
var Component$2Y = function (_a) {
|
|
1768
1770
|
var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
|
|
1769
1771
|
var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -1789,7 +1791,7 @@ var Component$2X = function (_a) {
|
|
|
1789
1791
|
*/
|
|
1790
1792
|
var Collapse = Object.assign(Component$2X, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
|
|
1791
1793
|
|
|
1792
|
-
var styles$
|
|
1794
|
+
var styles$2O = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1793
1795
|
|
|
1794
1796
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1795
1797
|
var Component$2W = function (_a) {
|
|
@@ -1797,7 +1799,7 @@ var Component$2W = function (_a) {
|
|
|
1797
1799
|
var currentHigherMax = React.useMemo(function () {
|
|
1798
1800
|
return current > max;
|
|
1799
1801
|
}, [current, max]);
|
|
1800
|
-
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1802
|
+
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2O["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2O['error-label'] : '') },
|
|
1801
1803
|
nf.format(current),
|
|
1802
1804
|
React__default["default"].createElement("span", null,
|
|
1803
1805
|
" / ",
|
|
@@ -1805,23 +1807,23 @@ var Component$2W = function (_a) {
|
|
|
1805
1807
|
};
|
|
1806
1808
|
var ComparativeCounter = Component$2W;
|
|
1807
1809
|
|
|
1808
|
-
var styles$
|
|
1810
|
+
var styles$2N = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
1809
1811
|
|
|
1810
1812
|
var Component$2V = function (_a) {
|
|
1811
1813
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
1812
1814
|
var disabledArrow = React.useMemo(function () {
|
|
1813
1815
|
if (disabled)
|
|
1814
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1816
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2N['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1815
1817
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1816
1818
|
}, [disabled]);
|
|
1817
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1818
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1819
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1819
|
+
return (React__default["default"].createElement("div", { className: styles$2N['magneto-ui--date-dropdown__wrapper'] },
|
|
1820
|
+
React__default["default"].createElement("select", { className: styles$2N["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1821
|
+
React__default["default"].createElement("option", { className: styles$2N['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1820
1822
|
dateOptions.map(function (_a) {
|
|
1821
1823
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1822
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1824
|
+
return (React__default["default"].createElement("option", { className: styles$2N['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1823
1825
|
})),
|
|
1824
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1826
|
+
React__default["default"].createElement("span", { className: styles$2N['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1825
1827
|
};
|
|
1826
1828
|
var DateDropdown = Component$2V;
|
|
1827
1829
|
|
|
@@ -1878,7 +1880,7 @@ var fixArrayDate = function (array) {
|
|
|
1878
1880
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1879
1881
|
};
|
|
1880
1882
|
|
|
1881
|
-
var styles$
|
|
1883
|
+
var styles$2M = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
1882
1884
|
|
|
1883
1885
|
// placeholder to every input.
|
|
1884
1886
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1989,21 +1991,21 @@ var Component$2U = function (_a) {
|
|
|
1989
1991
|
}
|
|
1990
1992
|
}, []);
|
|
1991
1993
|
return (React__default["default"].createElement("div", { className: [
|
|
1992
|
-
styles$
|
|
1994
|
+
styles$2M['date-input'],
|
|
1993
1995
|
className,
|
|
1994
|
-
fit ? styles$
|
|
1995
|
-
hasError ? styles$
|
|
1996
|
+
fit ? styles$2M['date-input--fit'] : '',
|
|
1997
|
+
hasError ? styles$2M['date-input--error'] : ''
|
|
1996
1998
|
].join(' ') },
|
|
1997
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1999
|
+
React__default["default"].createElement("div", { className: styles$2M['date-input__left'], onClick: function () {
|
|
1998
2000
|
var _a;
|
|
1999
2001
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2000
2002
|
} }),
|
|
2001
2003
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
2002
2004
|
[2, 4].includes(index) ? (
|
|
2003
2005
|
// include / separator in date (DD / MM / YYYY)
|
|
2004
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
2005
|
-
React__default["default"].createElement("input", { className: styles$
|
|
2006
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2006
|
+
React__default["default"].createElement("span", { className: [styles$2M['date-input__separator'], value ? styles$2M['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
2007
|
+
React__default["default"].createElement("input", { className: styles$2M['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
2008
|
+
React__default["default"].createElement("div", { className: styles$2M['date-input__right'], onClick: function () {
|
|
2007
2009
|
var _a;
|
|
2008
2010
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2009
2011
|
} })));
|
|
@@ -2024,15 +2026,15 @@ var Component$2T = function (_a) {
|
|
|
2024
2026
|
*/
|
|
2025
2027
|
var Divider = Component$2T;
|
|
2026
2028
|
|
|
2027
|
-
var styles$
|
|
2029
|
+
var styles$2L = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
|
|
2028
2030
|
|
|
2029
2031
|
var Component$2S = function (_a) {
|
|
2030
2032
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
2031
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2033
|
+
return (React__default["default"].createElement("div", { className: styles$2L['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2L['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
2032
2034
|
};
|
|
2033
2035
|
var DotsLoader = Component$2S;
|
|
2034
2036
|
|
|
2035
|
-
var styles$
|
|
2037
|
+
var styles$2K = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
2036
2038
|
|
|
2037
2039
|
var Component$2R = function (_a) {
|
|
2038
2040
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -2048,33 +2050,33 @@ var Component$2R = function (_a) {
|
|
|
2048
2050
|
height: '15px'
|
|
2049
2051
|
};
|
|
2050
2052
|
}, [size]);
|
|
2051
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
2053
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2K["".concat(classMUI, "-flat-loader")] }));
|
|
2052
2054
|
};
|
|
2053
2055
|
var FlatLoader = Component$2R;
|
|
2054
2056
|
|
|
2055
|
-
var styles$
|
|
2057
|
+
var styles$2J = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
2056
2058
|
|
|
2057
2059
|
var Component$2Q = function (_a) {
|
|
2058
2060
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
2059
2061
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
2060
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
2061
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
2062
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2063
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
2064
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2062
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2J.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
2063
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2J['headerTabComponent__count'] }),
|
|
2064
|
+
React__default["default"].createElement("p", { className: styles$2J['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2J.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
2065
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2J['headerTabComponent__count'] }),
|
|
2066
|
+
React__default["default"].createElement("p", { className: styles$2J['headerTabComponent__text'] }, tabText)))));
|
|
2065
2067
|
};
|
|
2066
2068
|
/**
|
|
2067
2069
|
* UI Atom component for HeaderTab
|
|
2068
2070
|
*/
|
|
2069
2071
|
var HeaderTab = Component$2Q;
|
|
2070
2072
|
|
|
2071
|
-
var styles$
|
|
2073
|
+
var styles$2I = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2072
2074
|
|
|
2073
2075
|
var Image = function (_a) {
|
|
2074
2076
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2075
2077
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2076
2078
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2077
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
2079
|
+
playIcon && React__default["default"].createElement("div", { className: styles$2I['magneto-ui-play-button'] }, playIcon)));
|
|
2078
2080
|
};
|
|
2079
2081
|
|
|
2080
2082
|
var style$13 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
|
|
@@ -2156,22 +2158,22 @@ var InputSearch = function (_a) {
|
|
|
2156
2158
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
2157
2159
|
};
|
|
2158
2160
|
|
|
2159
|
-
var styles$
|
|
2161
|
+
var styles$2H = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
2160
2162
|
|
|
2161
2163
|
var Component$2M = function (_a) {
|
|
2162
2164
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
2163
2165
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
2164
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2166
|
+
return (React__default["default"].createElement("div", { className: styles$2H['magneto-ui-job-company-logo'] },
|
|
2165
2167
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
2166
2168
|
}
|
|
2167
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
2169
|
+
return React__default["default"].createElement("div", { className: styles$2H['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
2168
2170
|
};
|
|
2169
2171
|
/**
|
|
2170
2172
|
* UI Atom component of Company Logo
|
|
2171
2173
|
*/
|
|
2172
2174
|
var JobCompanyLogo = Component$2M;
|
|
2173
2175
|
|
|
2174
|
-
var styles$
|
|
2176
|
+
var styles$2G = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
2175
2177
|
|
|
2176
2178
|
var Component$2L = function (_a) {
|
|
2177
2179
|
var title = _a.title, styles = _a.styles;
|
|
@@ -2197,16 +2199,16 @@ var Component$2J = function (_a) {
|
|
|
2197
2199
|
if (isHidden || !offerCompanyName)
|
|
2198
2200
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2199
2201
|
if (offerCompanyLink) {
|
|
2200
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2202
|
+
return (React__default["default"].createElement("a", { className: styles$2G['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
2201
2203
|
}
|
|
2202
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
2204
|
+
return React__default["default"].createElement("h2", { className: styles$2G['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
2203
2205
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
2204
2206
|
var GenerateTitle = function () {
|
|
2205
2207
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
2206
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
2207
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
2208
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2G['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2209
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2G['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2208
2210
|
};
|
|
2209
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2211
|
+
return (React__default["default"].createElement("div", { className: styles$2G['magneto-ui-job-header'] },
|
|
2210
2212
|
GenerateTitle(),
|
|
2211
2213
|
showCompanyName));
|
|
2212
2214
|
};
|
|
@@ -2215,7 +2217,7 @@ var Component$2J = function (_a) {
|
|
|
2215
2217
|
*/
|
|
2216
2218
|
var JobHeader = Component$2J;
|
|
2217
2219
|
|
|
2218
|
-
var styles$
|
|
2220
|
+
var styles$2F = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
2219
2221
|
|
|
2220
2222
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2221
2223
|
var toCSSVariables = function (input) {
|
|
@@ -2234,7 +2236,7 @@ var toCSSVariables = function (input) {
|
|
|
2234
2236
|
var Component$2I = function (_a) {
|
|
2235
2237
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
2236
2238
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
2237
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2239
|
+
return (React__default["default"].createElement("a", { className: styles$2F.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
2238
2240
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
2239
2241
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
2240
2242
|
};
|
|
@@ -2243,11 +2245,11 @@ var Component$2I = function (_a) {
|
|
|
2243
2245
|
*/
|
|
2244
2246
|
var Link = Component$2I;
|
|
2245
2247
|
|
|
2246
|
-
var styles$
|
|
2248
|
+
var styles$2E = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
2247
2249
|
|
|
2248
2250
|
var Component$2H = function (_a) {
|
|
2249
2251
|
var loadingIcon = _a.loadingIcon;
|
|
2250
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2252
|
+
return (React__default["default"].createElement("div", { className: styles$2E.loadingComponent },
|
|
2251
2253
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
2252
2254
|
};
|
|
2253
2255
|
/**
|
|
@@ -2271,7 +2273,7 @@ var Component$2G = function (_a) {
|
|
|
2271
2273
|
};
|
|
2272
2274
|
var LogoComponent = Component$2G;
|
|
2273
2275
|
|
|
2274
|
-
var styles$
|
|
2276
|
+
var styles$2D = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
2275
2277
|
|
|
2276
2278
|
var Component$2F = function (_a) {
|
|
2277
2279
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -2286,21 +2288,21 @@ var Component$2F = function (_a) {
|
|
|
2286
2288
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
2287
2289
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
2288
2290
|
};
|
|
2289
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2291
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$2D.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2D.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
2290
2292
|
};
|
|
2291
2293
|
/**
|
|
2292
2294
|
* Atom UI component of button for general purpose
|
|
2293
2295
|
*/
|
|
2294
2296
|
var MainButton = Component$2F;
|
|
2295
2297
|
|
|
2296
|
-
var styles$
|
|
2298
|
+
var styles$2C = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
2297
2299
|
|
|
2298
|
-
var styles$
|
|
2300
|
+
var styles$2B = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
2299
2301
|
|
|
2300
2302
|
var Component$2E = function (_a) {
|
|
2301
2303
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
2302
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
2303
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2304
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$2B['magneto-ui--search-item']), href: url },
|
|
2305
|
+
React__default["default"].createElement("p", { className: styles$2B['magneto-ui--search-item__text'] }, tag),
|
|
2304
2306
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
2305
2307
|
};
|
|
2306
2308
|
/**
|
|
@@ -2315,21 +2317,21 @@ var MegaMenuTab = function (_a) {
|
|
|
2315
2317
|
return '';
|
|
2316
2318
|
return ArrowDown2;
|
|
2317
2319
|
}, [selected, showArrow]);
|
|
2318
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2319
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
2320
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2C["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2C["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
2321
|
+
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2C["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2C["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
2320
2322
|
};
|
|
2321
2323
|
|
|
2322
|
-
var styles$
|
|
2324
|
+
var styles$2A = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
2323
2325
|
|
|
2324
2326
|
var Component$2D = function (_a) {
|
|
2325
2327
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
2326
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2328
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2A, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
2327
2329
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2328
|
-
styles: styles$
|
|
2330
|
+
styles: styles$2A,
|
|
2329
2331
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
2330
2332
|
}) },
|
|
2331
2333
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2332
|
-
styles: styles$
|
|
2334
|
+
styles: styles$2A,
|
|
2333
2335
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
2334
2336
|
}) }, children))));
|
|
2335
2337
|
};
|
|
@@ -2338,7 +2340,7 @@ var Component$2D = function (_a) {
|
|
|
2338
2340
|
*/
|
|
2339
2341
|
var MenuDropdownList = Component$2D;
|
|
2340
2342
|
|
|
2341
|
-
var styles$
|
|
2343
|
+
var styles$2z = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
2342
2344
|
|
|
2343
2345
|
var Component$2C = function (_a) {
|
|
2344
2346
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
@@ -2355,13 +2357,13 @@ var Component$2C = function (_a) {
|
|
|
2355
2357
|
var handleButtonClick = React.useCallback(function (e) {
|
|
2356
2358
|
e.stopPropagation();
|
|
2357
2359
|
}, []);
|
|
2358
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2359
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2360
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2360
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
2361
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__content'] }) },
|
|
2362
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__container'] }) },
|
|
2361
2363
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2362
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2364
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__title'] }) }, title),
|
|
2363
2365
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2364
|
-
styles: styles$
|
|
2366
|
+
styles: styles$2z,
|
|
2365
2367
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
2366
2368
|
}) },
|
|
2367
2369
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -2384,7 +2386,7 @@ var MenuItem = function (_a) {
|
|
|
2384
2386
|
React__default["default"].createElement("p", null, text))));
|
|
2385
2387
|
};
|
|
2386
2388
|
|
|
2387
|
-
var styles$
|
|
2389
|
+
var styles$2y = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
2388
2390
|
|
|
2389
2391
|
var MultiRangeSlider = function (_a) {
|
|
2390
2392
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -2442,39 +2444,39 @@ var MultiRangeSlider = function (_a) {
|
|
|
2442
2444
|
var handleMouseUpValues = React.useCallback(function () {
|
|
2443
2445
|
onChange({ min: minVal, max: maxVal });
|
|
2444
2446
|
}, [minVal, maxVal, onChange]);
|
|
2445
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2447
|
+
return (React__default["default"].createElement("div", { className: styles$2y.container },
|
|
2446
2448
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2447
2449
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
2448
2450
|
setMinVal(value);
|
|
2449
2451
|
event.target.value = value.toString();
|
|
2450
|
-
}, className: "\n ".concat(styles$
|
|
2452
|
+
}, className: "\n ".concat(styles$2y.thumb, " \n ").concat(styles$2y.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$2y.zIndex_5 : '', "\n ") }),
|
|
2451
2453
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2452
2454
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
2453
2455
|
setMaxVal(value);
|
|
2454
2456
|
event.target.value = value.toString();
|
|
2455
|
-
}, className: "".concat(styles$
|
|
2456
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
2457
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2458
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
2459
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
2460
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2461
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2457
|
+
}, className: "".concat(styles$2y.thumb, " ").concat(styles$2y.zIndex_4) }),
|
|
2458
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$2y.slider },
|
|
2459
|
+
React__default["default"].createElement("div", { className: styles$2y.track }),
|
|
2460
|
+
React__default["default"].createElement("div", { ref: range, className: styles$2y.range }),
|
|
2461
|
+
showValues && (React__default["default"].createElement("div", { className: styles$2y.values },
|
|
2462
|
+
React__default["default"].createElement("div", { className: styles$2y.left_value }, hasCurrency),
|
|
2463
|
+
React__default["default"].createElement("div", { className: styles$2y.right_value }, maxVal.toLocaleString()))))));
|
|
2462
2464
|
};
|
|
2463
2465
|
|
|
2464
|
-
var styles$
|
|
2466
|
+
var styles$2x = {"content":"mg_paragraph_content_1mtnz"};
|
|
2465
2467
|
|
|
2466
2468
|
var Component$2B = function (_a) {
|
|
2467
2469
|
var paragraph = _a.paragraph;
|
|
2468
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
2470
|
+
return React__default["default"].createElement("p", { className: styles$2x.content }, paragraph);
|
|
2469
2471
|
};
|
|
2470
2472
|
var Paragraph = React.memo(Component$2B);
|
|
2471
2473
|
|
|
2472
|
-
var styles$
|
|
2474
|
+
var styles$2w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
2473
2475
|
|
|
2474
2476
|
var Component$2A = function (_a) {
|
|
2475
2477
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b, style = _a.style;
|
|
2476
2478
|
var showMenu = show ? 'show' : 'hidden';
|
|
2477
|
-
var staticContentClass = staticContent ? styles$
|
|
2479
|
+
var staticContentClass = staticContent ? styles$2w['static-content'] : '';
|
|
2478
2480
|
var _c = React.useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
2479
2481
|
React.useEffect(function () {
|
|
2480
2482
|
if (show) {
|
|
@@ -2486,9 +2488,9 @@ var Component$2A = function (_a) {
|
|
|
2486
2488
|
}, 300);
|
|
2487
2489
|
return function () { return clearTimeout(timer); };
|
|
2488
2490
|
}, [show]);
|
|
2489
|
-
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [styles$
|
|
2490
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2491
|
-
React__default["default"].createElement("div", { style: style, className: styles$
|
|
2491
|
+
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [styles$2w['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
2492
|
+
React__default["default"].createElement("div", { className: "".concat(styles$2w['magneto-ui-popover'], " ").concat(styles$2w[positionX], " ").concat(styles$2w[positionY], " ").concat(styles$2w[showMenu]) }, hideComponent && content),
|
|
2493
|
+
React__default["default"].createElement("div", { style: style, className: styles$2w['magneto-ui-popover-children'] }, children)));
|
|
2492
2494
|
};
|
|
2493
2495
|
/**
|
|
2494
2496
|
* Atom Ui component of popover
|
|
@@ -2502,12 +2504,12 @@ exports.ERadioType = void 0;
|
|
|
2502
2504
|
ERadioType["button"] = "button";
|
|
2503
2505
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
2504
2506
|
|
|
2505
|
-
var styles$
|
|
2507
|
+
var styles$2v = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
2506
2508
|
|
|
2507
2509
|
var Component$2z = function (_a) {
|
|
2508
2510
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
2509
2511
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
2510
|
-
styles: styles$
|
|
2512
|
+
styles: styles$2v,
|
|
2511
2513
|
cls: [
|
|
2512
2514
|
'radio-button',
|
|
2513
2515
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -2517,7 +2519,7 @@ var Component$2z = function (_a) {
|
|
|
2517
2519
|
}), htmlFor: id },
|
|
2518
2520
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2519
2521
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
2520
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2522
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2v, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
2521
2523
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
2522
2524
|
};
|
|
2523
2525
|
/**
|
|
@@ -2525,21 +2527,21 @@ var Component$2z = function (_a) {
|
|
|
2525
2527
|
*/
|
|
2526
2528
|
var RadioButton = Component$2z;
|
|
2527
2529
|
|
|
2528
|
-
var styles$
|
|
2530
|
+
var styles$2u = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
2529
2531
|
|
|
2530
2532
|
var Component$2y = function (_a) {
|
|
2531
2533
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
2532
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
2534
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$2u, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
2533
2535
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
2534
2536
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2535
|
-
styles: styles$
|
|
2537
|
+
styles: styles$2u,
|
|
2536
2538
|
cls: [
|
|
2537
2539
|
'radio-default__indicator',
|
|
2538
2540
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
2539
2541
|
indicatorClassName
|
|
2540
2542
|
]
|
|
2541
2543
|
}) }),
|
|
2542
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2544
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2u, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
2543
2545
|
};
|
|
2544
2546
|
/**
|
|
2545
2547
|
* Molecule UI component for radio default
|
|
@@ -2565,9 +2567,9 @@ var Component$2x = function (_a) {
|
|
|
2565
2567
|
*/
|
|
2566
2568
|
var Radio = Component$2x;
|
|
2567
2569
|
|
|
2568
|
-
var styles$
|
|
2570
|
+
var styles$2t = {"magneto-ui-rating-badge__container":"mg_rating_badge_magneto-ui-rating-badge_container_1b19u","magneto-ui-rating-badge__icon":"mg_rating_badge_magneto-ui-rating-badge_icon_1b19u","magneto-ui-rating-badge__score":"mg_rating_badge_magneto-ui-rating-badge_score_1b19u"};
|
|
2569
2571
|
|
|
2570
|
-
var cx$15 = classNames.bind(styles$
|
|
2572
|
+
var cx$15 = classNames.bind(styles$2t);
|
|
2571
2573
|
var Component$2w = function (_a) {
|
|
2572
2574
|
var score = _a.score;
|
|
2573
2575
|
return (React__default["default"].createElement("div", { className: cx$15('magneto-ui-rating-badge') },
|
|
@@ -2580,21 +2582,21 @@ var Component$2w = function (_a) {
|
|
|
2580
2582
|
*/
|
|
2581
2583
|
var RatingBadge = Component$2w;
|
|
2582
2584
|
|
|
2583
|
-
var styles$
|
|
2585
|
+
var styles$2s = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
2584
2586
|
|
|
2585
2587
|
var Component$2v = function (_a) {
|
|
2586
2588
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
2587
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2588
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2589
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$2s['magneto-ui-save-button'], " ").concat(addHover && styles$2s['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
2590
|
+
React__default["default"].createElement("div", { className: styles$2s['button-content'] },
|
|
2589
2591
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
2590
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2592
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2s['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
2591
2593
|
};
|
|
2592
2594
|
/**
|
|
2593
2595
|
* UI Atom Component of Save Button
|
|
2594
2596
|
*/
|
|
2595
2597
|
var SaveButton = Component$2v;
|
|
2596
2598
|
|
|
2597
|
-
var styles$
|
|
2599
|
+
var styles$2r = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
2598
2600
|
|
|
2599
2601
|
var Component$2u = function (_a) {
|
|
2600
2602
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
@@ -2603,14 +2605,14 @@ var Component$2u = function (_a) {
|
|
|
2603
2605
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
2604
2606
|
}
|
|
2605
2607
|
};
|
|
2606
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2607
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2608
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$2r['magneto-ui-share-button'], " ").concat(addHover && styles$2r['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
2609
|
+
React__default["default"].createElement("div", { className: styles$2r['button-content'] },
|
|
2608
2610
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
2609
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2611
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2r['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
2610
2612
|
};
|
|
2611
2613
|
var ShareButton = Component$2u;
|
|
2612
2614
|
|
|
2613
|
-
var styles$
|
|
2615
|
+
var styles$2q = {"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"};
|
|
2614
2616
|
|
|
2615
2617
|
var Component$2t = function (_a) {
|
|
2616
2618
|
var name = _a.name, score = _a.score;
|
|
@@ -2648,15 +2650,15 @@ var Component$2t = function (_a) {
|
|
|
2648
2650
|
4: 'four'
|
|
2649
2651
|
};
|
|
2650
2652
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2651
|
-
var fillAnimation = animationApplied ? styles$
|
|
2652
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2653
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2653
|
+
var fillAnimation = animationApplied ? styles$2q[levelClass] : '';
|
|
2654
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$2q['magneto-ui-skill'] },
|
|
2655
|
+
React__default["default"].createElement("div", { className: styles$2q['magneto-ui-skill__wrapper'] },
|
|
2654
2656
|
React__default["default"].createElement("p", null, name),
|
|
2655
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2657
|
+
React__default["default"].createElement("div", { className: "".concat(styles$2q['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$2q['magneto-ui-skill--no-animation']) }))));
|
|
2656
2658
|
};
|
|
2657
2659
|
var Skill = Component$2t;
|
|
2658
2660
|
|
|
2659
|
-
var styles$
|
|
2661
|
+
var styles$2p = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
2660
2662
|
|
|
2661
2663
|
var Switch = function (_a) {
|
|
2662
2664
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -2670,10 +2672,10 @@ var Switch = function (_a) {
|
|
|
2670
2672
|
setChecked(function (state) { return !state; });
|
|
2671
2673
|
setIsActive(!isActive);
|
|
2672
2674
|
}, [isDisabled, setIsActive, isActive]);
|
|
2673
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2674
|
-
React__default["default"].createElement("label", { className: styles$
|
|
2675
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2p['magneto-ui-switch_container'], " ").concat(className) },
|
|
2676
|
+
React__default["default"].createElement("label", { className: styles$2p['magneto-ui-switch'] },
|
|
2675
2677
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
2676
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2678
|
+
React__default["default"].createElement("span", { className: "".concat(styles$2p['magneto-ui-slider'], " ").concat(styles$2p['magneto-ui-round']) })),
|
|
2677
2679
|
title && React__default["default"].createElement("p", null, title)));
|
|
2678
2680
|
};
|
|
2679
2681
|
|
|
@@ -2701,7 +2703,7 @@ var TextCustom = function (_a) {
|
|
|
2701
2703
|
return React__default["default"].createElement(React__default["default"].Fragment, null, textRender);
|
|
2702
2704
|
};
|
|
2703
2705
|
|
|
2704
|
-
var styles$
|
|
2706
|
+
var styles$2o = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
2705
2707
|
|
|
2706
2708
|
var Component$2s = function (_a) {
|
|
2707
2709
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
@@ -2734,15 +2736,15 @@ var Component$2s = function (_a) {
|
|
|
2734
2736
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
2735
2737
|
};
|
|
2736
2738
|
}, [baseColor, color, currentSelect]);
|
|
2737
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2738
|
-
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2739
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$2o["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$2o['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
2740
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$2o["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$2o['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
2739
2741
|
name));
|
|
2740
2742
|
};
|
|
2741
2743
|
var ToggleButton = Component$2s;
|
|
2742
2744
|
|
|
2743
|
-
var styles$
|
|
2745
|
+
var styles$2n = {"magneto-ui-typography":"mg_typography_magneto-ui-typography_tpbip","magneto-ui-typography--size-xs":"mg_typography_magneto-ui-typography--size-xs_tpbip","magneto-ui-typography--size-sm":"mg_typography_magneto-ui-typography--size-sm_tpbip","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_tpbip","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_tpbip","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_tpbip","magneto-ui-typography--size-xl-2":"mg_typography_magneto-ui-typography--size-xl-2_tpbip","magneto-ui-typography--size-xl-3":"mg_typography_magneto-ui-typography--size-xl-3_tpbip","magneto-ui-typography--size-xl-4":"mg_typography_magneto-ui-typography--size-xl-4_tpbip","magneto-ui-typography--size-xl-5":"mg_typography_magneto-ui-typography--size-xl-5_tpbip","magneto-ui-typography--size-xl-6":"mg_typography_magneto-ui-typography--size-xl-6_tpbip","magneto-ui-typography--size-xl-7":"mg_typography_magneto-ui-typography--size-xl-7_tpbip","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_tpbip","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_tpbip","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_tpbip","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_tpbip","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_tpbip","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_tpbip","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_tpbip","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_tpbip","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_tpbip","magneto-ui-typography--color-gray":"mg_typography_magneto-ui-typography--color-gray_tpbip","magneto-ui-typography--color-white":"mg_typography_magneto-ui-typography--color-white_tpbip","magneto-ui-typography--color-black":"mg_typography_magneto-ui-typography--color-black_tpbip","magneto-ui-typography--color-green":"mg_typography_magneto-ui-typography--color-green_tpbip","magneto-ui-typography--color-blue":"mg_typography_magneto-ui-typography--color-blue_tpbip","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_tpbip","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_tpbip","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_tpbip","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_tpbip","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_tpbip","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_tpbip","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_tpbip","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_tpbip","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_tpbip"};
|
|
2744
2746
|
|
|
2745
|
-
var cx$14 = classNames.bind(styles$
|
|
2747
|
+
var cx$14 = classNames.bind(styles$2n);
|
|
2746
2748
|
var typographyStyles = function (_a) {
|
|
2747
2749
|
var _b;
|
|
2748
2750
|
var className = _a.className, color = _a.color, ellipsis = _a.ellipsis, size = _a.size, style = _a.style, weight = _a.weight;
|
|
@@ -2877,14 +2879,14 @@ exports.ETypographyFontColor = void 0;
|
|
|
2877
2879
|
ETypographyFontColor["BLUE"] = "blue";
|
|
2878
2880
|
})(exports.ETypographyFontColor || (exports.ETypographyFontColor = {}));
|
|
2879
2881
|
|
|
2880
|
-
var styles$
|
|
2882
|
+
var styles$2m = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
2881
2883
|
|
|
2882
2884
|
var Component$2n = function (_a) {
|
|
2883
2885
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
2884
2886
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
2885
2887
|
sm: null
|
|
2886
2888
|
});
|
|
2887
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
2889
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$2m, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
2888
2890
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
2889
2891
|
userInfo,
|
|
2890
2892
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -2894,7 +2896,7 @@ var Component$2n = function (_a) {
|
|
|
2894
2896
|
*/
|
|
2895
2897
|
var UserMenuButtonAnalyst = Component$2n;
|
|
2896
2898
|
|
|
2897
|
-
var styles$
|
|
2899
|
+
var styles$2l = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
2898
2900
|
|
|
2899
2901
|
var ShareIcons = {
|
|
2900
2902
|
Facebook: {
|
|
@@ -2945,39 +2947,39 @@ var Component$2m = function (_a) {
|
|
|
2945
2947
|
};
|
|
2946
2948
|
if (component)
|
|
2947
2949
|
return component;
|
|
2948
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2949
|
-
React__default["default"].createElement("div", { id: styles$
|
|
2950
|
+
return (React__default["default"].createElement("div", { className: styles$2l['magneto-ui-actions'] },
|
|
2951
|
+
React__default["default"].createElement("div", { id: styles$2l['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
2950
2952
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
2951
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2953
|
+
React__default["default"].createElement("button", { className: styles$2l['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
2952
2954
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
2953
2955
|
} },
|
|
2954
2956
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
2955
2957
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
2956
2958
|
actionsLinkList.map(function (_a, index) {
|
|
2957
2959
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
2958
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2960
|
+
return (React__default["default"].createElement("a", { className: styles$2l['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
2959
2961
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
2960
2962
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
2961
2963
|
}),
|
|
2962
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2963
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2964
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2964
|
+
React__default["default"].createElement("div", { className: styles$2l['magneto-ui-actions__header'] },
|
|
2965
|
+
React__default["default"].createElement("p", { className: styles$2l['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2966
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2l['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
2965
2967
|
};
|
|
2966
2968
|
var ShareLinksAction = function (_a) {
|
|
2967
2969
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
2968
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2969
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
2970
|
+
return (React__default["default"].createElement("div", { className: styles$2l['magneto-ui-actions'] },
|
|
2971
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$2l['magneto-ui-actions__share'] }, shareProps)),
|
|
2970
2972
|
shareLinks.map(function (_a, index) {
|
|
2971
2973
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
2972
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
2974
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2l['magneto-ui-actions__link'], styles$2l['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
2973
2975
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
2974
2976
|
React__default["default"].createElement("span", null, title)));
|
|
2975
2977
|
}),
|
|
2976
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2977
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2978
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2979
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2980
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2978
|
+
React__default["default"].createElement("div", { className: styles$2l['magneto-ui-actions__header'] },
|
|
2979
|
+
React__default["default"].createElement("p", { className: styles$2l['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2980
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2l['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
2981
|
+
React__default["default"].createElement("div", { className: styles$2l['magneto-ui-actions__back'] },
|
|
2982
|
+
React__default["default"].createElement("button", { className: styles$2l['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
2981
2983
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
2982
2984
|
backText)));
|
|
2983
2985
|
};
|
|
@@ -3008,22 +3010,22 @@ var Component$2l = function (_a) {
|
|
|
3008
3010
|
};
|
|
3009
3011
|
var Alert = Component$2l;
|
|
3010
3012
|
|
|
3011
|
-
var styles$
|
|
3013
|
+
var styles$2k = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
|
|
3012
3014
|
|
|
3013
|
-
var cx$13 = classNames.bind(styles$
|
|
3015
|
+
var cx$13 = classNames.bind(styles$2k);
|
|
3014
3016
|
var AlertJobModalIcon = function (_a) {
|
|
3015
3017
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3016
3018
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3017
3019
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$13('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3018
3020
|
};
|
|
3019
3021
|
|
|
3020
|
-
var cx$12 = classNames.bind(styles$
|
|
3022
|
+
var cx$12 = classNames.bind(styles$2k);
|
|
3021
3023
|
var AlertJobModalHeader = function (_a) {
|
|
3022
3024
|
var className = _a.className, children = _a.children;
|
|
3023
3025
|
return React__default["default"].createElement("div", { className: cx$12('alert-modal__header', className) }, children);
|
|
3024
3026
|
};
|
|
3025
3027
|
|
|
3026
|
-
var cx$11 = classNames.bind(styles$
|
|
3028
|
+
var cx$11 = classNames.bind(styles$2k);
|
|
3027
3029
|
var AlertJobModalTitle = function (_a) {
|
|
3028
3030
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3029
3031
|
return (React__default["default"].createElement("div", { className: cx$11('alert-modal__title', className) },
|
|
@@ -3032,19 +3034,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
3032
3034
|
children));
|
|
3033
3035
|
};
|
|
3034
3036
|
|
|
3035
|
-
var cx$10 = classNames.bind(styles$
|
|
3037
|
+
var cx$10 = classNames.bind(styles$2k);
|
|
3036
3038
|
var AlertJobModalBody = function (_a) {
|
|
3037
3039
|
var className = _a.className, children = _a.children;
|
|
3038
3040
|
return React__default["default"].createElement("div", { className: cx$10('alert-modal__body', className) }, children);
|
|
3039
3041
|
};
|
|
3040
3042
|
|
|
3041
|
-
var cx$$ = classNames.bind(styles$
|
|
3043
|
+
var cx$$ = classNames.bind(styles$2k);
|
|
3042
3044
|
var AlertJobModalFooter = function (_a) {
|
|
3043
3045
|
var className = _a.className, children = _a.children;
|
|
3044
3046
|
return React__default["default"].createElement("div", { className: cx$$('alert-modal__footer', className) }, children);
|
|
3045
3047
|
};
|
|
3046
3048
|
|
|
3047
|
-
var cx$_ = classNames.bind(styles$
|
|
3049
|
+
var cx$_ = classNames.bind(styles$2k);
|
|
3048
3050
|
var AlertJobModalButton = function (_a) {
|
|
3049
3051
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3050
3052
|
return (React__default["default"].createElement("button", __assign({ className: cx$_('alert-modal__button', className) }, buttonProps),
|
|
@@ -3114,7 +3116,7 @@ var Component$2k = function (_a) {
|
|
|
3114
3116
|
*/
|
|
3115
3117
|
var MobileDrawer = Component$2k;
|
|
3116
3118
|
|
|
3117
|
-
var styles$
|
|
3119
|
+
var styles$2j = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1ffsw","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1ffsw","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1ffsw","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1ffsw","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1ffsw","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1ffsw","fadeIn":"mg_modal_fadeIn_1ffsw"};
|
|
3118
3120
|
|
|
3119
3121
|
var ModalPortal = function (_a) {
|
|
3120
3122
|
var children = _a.children;
|
|
@@ -3148,21 +3150,21 @@ var Modal = function (_a) {
|
|
|
3148
3150
|
if (!isOpen)
|
|
3149
3151
|
return null;
|
|
3150
3152
|
return (React__default["default"].createElement(ModalPortal, null,
|
|
3151
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3152
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
3153
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
3153
|
+
React__default["default"].createElement("div", { className: "".concat(styles$2j["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
3154
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$2j["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
3155
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$2j["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
3154
3156
|
children,
|
|
3155
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
3157
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$2j["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
3156
3158
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
3157
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
3159
|
+
React__default["default"].createElement("span", { className: "".concat(styles$2j["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
3158
3160
|
};
|
|
3159
3161
|
var Title = function (_a) {
|
|
3160
3162
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3161
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
3163
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$2j["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
3162
3164
|
};
|
|
3163
3165
|
var Description = function (_a) {
|
|
3164
3166
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3165
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
3167
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$2j["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
3166
3168
|
};
|
|
3167
3169
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
3168
3170
|
|
|
@@ -3175,7 +3177,7 @@ var Component$2j = function (_a) {
|
|
|
3175
3177
|
};
|
|
3176
3178
|
var ModalResponsive = Component$2j;
|
|
3177
3179
|
|
|
3178
|
-
var cx$Y = classNames.bind(styles$
|
|
3180
|
+
var cx$Y = classNames.bind(styles$2k);
|
|
3179
3181
|
var Component$2i = function (_a) {
|
|
3180
3182
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
3181
3183
|
return (React__default["default"].createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$Y('alert-modal', className), mobileDrawerClassName: cx$Y('alert-modal__mobile', mobileClassName) }, children));
|
|
@@ -3189,19 +3191,19 @@ var AlertJobModal = Object.assign(Component$2i, {
|
|
|
3189
3191
|
Button: AlertJobModalButton
|
|
3190
3192
|
});
|
|
3191
3193
|
|
|
3192
|
-
var styles$
|
|
3194
|
+
var styles$2i = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
3193
3195
|
|
|
3194
|
-
var styles$
|
|
3196
|
+
var styles$2h = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3195
3197
|
|
|
3196
|
-
var cx$X = classNames.bind(styles$
|
|
3198
|
+
var cx$X = classNames.bind(styles$2h);
|
|
3197
3199
|
var AlertJobStatusContainer = function (_a) {
|
|
3198
3200
|
var className = _a.className, children = _a.children;
|
|
3199
3201
|
return React__default["default"].createElement("div", { className: cx$X('alert-job__content', className) }, children);
|
|
3200
3202
|
};
|
|
3201
3203
|
|
|
3202
|
-
var styles$
|
|
3204
|
+
var styles$2g = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3203
3205
|
|
|
3204
|
-
var cx$W = classNames.bind(styles$
|
|
3206
|
+
var cx$W = classNames.bind(styles$2g);
|
|
3205
3207
|
var alertIcons = {
|
|
3206
3208
|
success: Checked2,
|
|
3207
3209
|
warning: Warning3D
|
|
@@ -3213,9 +3215,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3213
3215
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$W('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3214
3216
|
};
|
|
3215
3217
|
|
|
3216
|
-
var styles$
|
|
3218
|
+
var styles$2f = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3217
3219
|
|
|
3218
|
-
var cx$V = classNames.bind(styles$
|
|
3220
|
+
var cx$V = classNames.bind(styles$2f);
|
|
3219
3221
|
var AlertJobStatusButton = function (_a) {
|
|
3220
3222
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3221
3223
|
return (React__default["default"].createElement("button", __assign({ className: cx$V('alert-modal__button', className) }, buttonProps),
|
|
@@ -3223,7 +3225,7 @@ var AlertJobStatusButton = function (_a) {
|
|
|
3223
3225
|
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3224
3226
|
};
|
|
3225
3227
|
|
|
3226
|
-
var cx$U = classNames.bind(styles$
|
|
3228
|
+
var cx$U = classNames.bind(styles$2i);
|
|
3227
3229
|
var Component$2h = function (_a) {
|
|
3228
3230
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3229
3231
|
return React__default["default"].createElement("div", { className: cx$U('alert-job', className, type) }, children);
|
|
@@ -3235,7 +3237,7 @@ var AlertJobStatus = Object.assign(Component$2h, {
|
|
|
3235
3237
|
Text: TextCustom
|
|
3236
3238
|
});
|
|
3237
3239
|
|
|
3238
|
-
var styles$
|
|
3240
|
+
var styles$2e = {"magneto-ui-chart-bars":"mg_bars_chart_magneto-ui-chart-bars_17if2","magneto-ui-chart-bars__chart":"mg_bars_chart_magneto-ui-chart-bars_chart_17if2","magneto-ui-chart-bars__minmax":"mg_bars_chart_magneto-ui-chart-bars_minmax_17if2","magneto-ui-chart-bars__mean":"mg_bars_chart_magneto-ui-chart-bars_mean_17if2"};
|
|
3239
3241
|
|
|
3240
3242
|
var Component$2g = function (_a) {
|
|
3241
3243
|
var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
|
|
@@ -3250,9 +3252,9 @@ var Component$2g = function (_a) {
|
|
|
3250
3252
|
var talestBar = Math.max.apply(Math, data.map(getHeightPercentage));
|
|
3251
3253
|
return { talestBar: talestBar, shorterBar: shorterBar };
|
|
3252
3254
|
}, [data]), talestBar = _b.talestBar, shorterBar = _b.shorterBar;
|
|
3253
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3254
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3255
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3255
|
+
return (React__default["default"].createElement("div", { className: styles$2e['magneto-ui-chart-bars'] },
|
|
3256
|
+
React__default["default"].createElement("div", { className: styles$2e['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React__default["default"].createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
|
|
3257
|
+
React__default["default"].createElement("div", { className: styles$2e['magneto-ui-chart-bars__minmax'] },
|
|
3256
3258
|
React__default["default"].createElement("p", null,
|
|
3257
3259
|
" ",
|
|
3258
3260
|
numberToCurrency(minValue)),
|
|
@@ -3262,7 +3264,7 @@ var Component$2g = function (_a) {
|
|
|
3262
3264
|
React__default["default"].createElement("p", null,
|
|
3263
3265
|
" ",
|
|
3264
3266
|
numberToCurrency(maxValue))),
|
|
3265
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3267
|
+
React__default["default"].createElement("div", { className: styles$2e['magneto-ui-chart-bars__mean'] },
|
|
3266
3268
|
React__default["default"].createElement("p", null,
|
|
3267
3269
|
" ",
|
|
3268
3270
|
numberToCurrency(mean) + ' / ' + texts.month))));
|
|
@@ -3344,11 +3346,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
3344
3346
|
};
|
|
3345
3347
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
3346
3348
|
|
|
3347
|
-
var styles$
|
|
3349
|
+
var styles$2d = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
3348
3350
|
|
|
3349
3351
|
var Component$2f = function (_a) {
|
|
3350
3352
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
3351
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3353
|
+
return (React__default["default"].createElement("div", { className: styles$2d.BreadcrumbsComponent },
|
|
3352
3354
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
3353
3355
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
3354
3356
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -3380,9 +3382,9 @@ var context$1 = /*#__PURE__*/Object.freeze({
|
|
|
3380
3382
|
useCandidateNav: useCandidateNav
|
|
3381
3383
|
});
|
|
3382
3384
|
|
|
3383
|
-
var styles$
|
|
3385
|
+
var styles$2c = {"magneto-ui-candidate-nav-button":"mg_candidate_nav_button_magneto-ui-candidate-nav-button_s4lu3","magneto-ui-candidate-nav-button--red":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--red_s4lu3","magneto-ui-candidate-nav-button--dark-blue":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--dark-blue_s4lu3","magneto-ui-candidate-nav-button--gray":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--gray_s4lu3","magneto-ui-candidate-nav-button--arrow":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--arrow_s4lu3"};
|
|
3384
3386
|
|
|
3385
|
-
var cs$4 = classNames.bind(styles$
|
|
3387
|
+
var cs$4 = classNames.bind(styles$2c);
|
|
3386
3388
|
var Component$2e = function (_a) {
|
|
3387
3389
|
var _b;
|
|
3388
3390
|
var children = _a.children, className = _a.className, toggler = _a.toggler, onClick = _a.onClick, variant = _a.variant, props = __rest(_a, ["children", "className", "toggler", "onClick", "variant"]);
|
|
@@ -3412,9 +3414,9 @@ var ECandidateNavButtonVariant;
|
|
|
3412
3414
|
ECandidateNavButtonVariant["ARROW"] = "arrow";
|
|
3413
3415
|
})(ECandidateNavButtonVariant || (ECandidateNavButtonVariant = {}));
|
|
3414
3416
|
|
|
3415
|
-
var styles$
|
|
3417
|
+
var styles$2b = {"magneto-ui-candidate-nav-option":"mg_candidate_nav_option_magneto-ui-candidate-nav-option_1o9op"};
|
|
3416
3418
|
|
|
3417
|
-
var cs$3 = classNames.bind(styles$
|
|
3419
|
+
var cs$3 = classNames.bind(styles$2b);
|
|
3418
3420
|
var Component$2d = function (_a) {
|
|
3419
3421
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3420
3422
|
var onChangeOpen = useCandidateNav().onChangeOpen;
|
|
@@ -3427,9 +3429,9 @@ var Component$2d = function (_a) {
|
|
|
3427
3429
|
*/
|
|
3428
3430
|
var CandidateNavOption = Component$2d;
|
|
3429
3431
|
|
|
3430
|
-
var styles$
|
|
3432
|
+
var styles$2a = {"magneto-ui-candidate-nav-options":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_1iyit","magneto-ui-candidate-nav-options--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options--visible_1iyit","magneto-ui-candidate-nav-options__container":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container_1iyit","magneto-ui-candidate-nav-options__container--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container--visible_1iyit","magneto-ui-candidate-nav-options__content":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content_1iyit","magneto-ui-candidate-nav-options__content--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content--visible_1iyit","magneto-ui-candidate-nav-options__list":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_list_1iyit","magneto-ui-candidate-nav-options__closable-area":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_closable-area_1iyit","magneto-ui-candidate-nav-options__line":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_line_1iyit"};
|
|
3431
3433
|
|
|
3432
|
-
var cs$2 = classNames.bind(styles$
|
|
3434
|
+
var cs$2 = classNames.bind(styles$2a);
|
|
3433
3435
|
var customScrollbarButtonsStyle$1 = {
|
|
3434
3436
|
'--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
|
|
3435
3437
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
@@ -3478,9 +3480,9 @@ var Component$2c = function (_a) {
|
|
|
3478
3480
|
*/
|
|
3479
3481
|
var CandidateNavOptions = Component$2c;
|
|
3480
3482
|
|
|
3481
|
-
var styles$
|
|
3483
|
+
var styles$29 = {"magneto-ui-candidate-nav-step":"mg_candidate_nav_step_magneto-ui-candidate-nav-step_3a00i"};
|
|
3482
3484
|
|
|
3483
|
-
var cs$1 = classNames.bind(styles$
|
|
3485
|
+
var cs$1 = classNames.bind(styles$29);
|
|
3484
3486
|
var Component$2b = function (_a) {
|
|
3485
3487
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3486
3488
|
return (React__default["default"].createElement("div", __assign({}, props, { className: cs$1('magneto-ui-candidate-nav-step', className) }), children));
|
|
@@ -3490,9 +3492,9 @@ var Component$2b = function (_a) {
|
|
|
3490
3492
|
*/
|
|
3491
3493
|
var CandidateNavStep = Component$2b;
|
|
3492
3494
|
|
|
3493
|
-
var styles$
|
|
3495
|
+
var styles$28 = {"magneto-ui-candidate-nav":"mg_candidate_nav_magneto-ui-candidate-nav_1on5i"};
|
|
3494
3496
|
|
|
3495
|
-
var cs = classNames.bind(styles$
|
|
3497
|
+
var cs = classNames.bind(styles$28);
|
|
3496
3498
|
var Component$2a = function (_a) {
|
|
3497
3499
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3498
3500
|
return (React__default["default"].createElement(Provider$1, null,
|
|
@@ -3503,11 +3505,11 @@ var Component$2a = function (_a) {
|
|
|
3503
3505
|
*/
|
|
3504
3506
|
var CandidateNav = Object.assign(Component$2a, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
|
|
3505
3507
|
|
|
3506
|
-
var styles$
|
|
3508
|
+
var styles$27 = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
|
|
3507
3509
|
|
|
3508
|
-
var styles$
|
|
3510
|
+
var styles$26 = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_1849j","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_1849j","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_1849j"};
|
|
3509
3511
|
|
|
3510
|
-
var cx$T = classNames.bind(styles$
|
|
3512
|
+
var cx$T = classNames.bind(styles$26);
|
|
3511
3513
|
var Component$29 = function (_a) {
|
|
3512
3514
|
var avatar = _a.avatar, score = _a.score, props = __rest(_a, ["avatar", "score"]);
|
|
3513
3515
|
return (React__default["default"].createElement("div", __assign({ className: cx$T('magneto-ui-candidate-profile-avatar') }, props),
|
|
@@ -3521,9 +3523,9 @@ var Component$29 = function (_a) {
|
|
|
3521
3523
|
*/
|
|
3522
3524
|
var CandidateProfileAvatar = Component$29;
|
|
3523
3525
|
|
|
3524
|
-
var styles$
|
|
3526
|
+
var styles$25 = {"magneto-ui-candidate-profile-body":"mg_candidate_profile_body_magneto-ui-candidate-profile-body_z5hdu","magneto-ui-candidate-profile-body--open":"mg_candidate_profile_body_magneto-ui-candidate-profile-body--open_z5hdu"};
|
|
3525
3527
|
|
|
3526
|
-
var cx$S = classNames.bind(styles$
|
|
3528
|
+
var cx$S = classNames.bind(styles$25);
|
|
3527
3529
|
var Component$28 = function (_a) {
|
|
3528
3530
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
3529
3531
|
var open = Collapse.useCollapse().open;
|
|
@@ -3536,9 +3538,9 @@ var Component$28 = function (_a) {
|
|
|
3536
3538
|
*/
|
|
3537
3539
|
var CandidateProfileBody = Component$28;
|
|
3538
3540
|
|
|
3539
|
-
var styles$
|
|
3541
|
+
var styles$24 = {"magneto-ui-candidate-profile-header":"mg_candidate_profile_header_magneto-ui-candidate-profile-header_1x5m8","magneto-ui-candidate-profile-header--open":"mg_candidate_profile_header_magneto-ui-candidate-profile-header--open_1x5m8"};
|
|
3540
3542
|
|
|
3541
|
-
var cx$R = classNames.bind(styles$
|
|
3543
|
+
var cx$R = classNames.bind(styles$24);
|
|
3542
3544
|
var Component$27 = function (_a) {
|
|
3543
3545
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3544
3546
|
var open = Collapse.useCollapse().open;
|
|
@@ -3551,9 +3553,9 @@ var Component$27 = function (_a) {
|
|
|
3551
3553
|
*/
|
|
3552
3554
|
var CandidateProfileHeader = Component$27;
|
|
3553
3555
|
|
|
3554
|
-
var styles$
|
|
3556
|
+
var styles$23 = {"magneto-ui-candidate-profile-toggler":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler_r3x9t","magneto-ui-candidate-profile-toggler--open":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler--open_r3x9t"};
|
|
3555
3557
|
|
|
3556
|
-
var cx$Q = classNames.bind(styles$
|
|
3558
|
+
var cx$Q = classNames.bind(styles$23);
|
|
3557
3559
|
var Component$26 = function (_a) {
|
|
3558
3560
|
var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
|
|
3559
3561
|
var _b = Collapse.useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -3579,7 +3581,7 @@ var children = /*#__PURE__*/Object.freeze({
|
|
|
3579
3581
|
Toggler: CandidateProfileToggler
|
|
3580
3582
|
});
|
|
3581
3583
|
|
|
3582
|
-
var cx$P = classNames.bind(styles$
|
|
3584
|
+
var cx$P = classNames.bind(styles$27);
|
|
3583
3585
|
var Component$25 = function (_a) {
|
|
3584
3586
|
var children = _a.children, className = _a.className, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b, onChangeOpen = _a.onChangeOpen, open = _a.open, props = __rest(_a, ["children", "className", "defaultOpen", "onChangeOpen", "open"]);
|
|
3585
3587
|
return (React__default["default"].createElement(Collapse.Provider, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
|
|
@@ -3590,19 +3592,19 @@ var Component$25 = function (_a) {
|
|
|
3590
3592
|
*/
|
|
3591
3593
|
var CandidateProfile = Object.assign(Component$25, children);
|
|
3592
3594
|
|
|
3593
|
-
var styles$
|
|
3595
|
+
var styles$22 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
3594
3596
|
|
|
3595
3597
|
var CitiesDetailDrawer = function (_a) {
|
|
3596
3598
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
3597
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3598
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3599
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3600
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
3599
3601
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
3600
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3601
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
3602
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
3603
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
3602
3604
|
cities &&
|
|
3603
3605
|
cities.map(function (_a, index) {
|
|
3604
3606
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
3605
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3607
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
3606
3608
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
3607
3609
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
3608
3610
|
})))) : null));
|
|
@@ -3610,21 +3612,21 @@ var CitiesDetailDrawer = function (_a) {
|
|
|
3610
3612
|
|
|
3611
3613
|
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
3612
3614
|
|
|
3613
|
-
var styles$
|
|
3615
|
+
var styles$21 = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
|
|
3614
3616
|
|
|
3615
3617
|
var Component$24 = function (_a) {
|
|
3616
3618
|
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
3617
|
-
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$
|
|
3619
|
+
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$21['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$21['create-account-cta__loader'] },
|
|
3618
3620
|
React__default["default"].createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3619
|
-
React__default["default"].createElement("img", { className: styles$
|
|
3620
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3621
|
+
React__default["default"].createElement("img", { className: styles$21['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
3622
|
+
React__default["default"].createElement("div", { className: styles$21['create-account-cta__summary'] },
|
|
3621
3623
|
React__default["default"].createElement("h4", null, title),
|
|
3622
3624
|
React__default["default"].createElement("p", null, description)),
|
|
3623
|
-
React__default["default"].createElement("img", { className: styles$
|
|
3625
|
+
React__default["default"].createElement("img", { className: styles$21['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
3624
3626
|
};
|
|
3625
3627
|
var CreateAccountCTA = Component$24;
|
|
3626
3628
|
|
|
3627
|
-
var styles$
|
|
3629
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
3628
3630
|
|
|
3629
3631
|
var defaultValue$1 = function (value) {
|
|
3630
3632
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -3663,7 +3665,7 @@ var Component$23 = function (_a) {
|
|
|
3663
3665
|
}
|
|
3664
3666
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3665
3667
|
}, [disabled]);
|
|
3666
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3668
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
3667
3669
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
3668
3670
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
3669
3671
|
};
|
|
@@ -3781,7 +3783,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
3781
3783
|
_c)
|
|
3782
3784
|
};
|
|
3783
3785
|
|
|
3784
|
-
var styles$
|
|
3786
|
+
var styles$1$ = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
3785
3787
|
|
|
3786
3788
|
var Component$21 = function (_a) {
|
|
3787
3789
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
@@ -3789,7 +3791,7 @@ var Component$21 = function (_a) {
|
|
|
3789
3791
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
3790
3792
|
var componentProps = React.useMemo(function () {
|
|
3791
3793
|
var className = CNM.get({
|
|
3792
|
-
styles: styles$
|
|
3794
|
+
styles: styles$1$,
|
|
3793
3795
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
3794
3796
|
});
|
|
3795
3797
|
if (isUrl)
|
|
@@ -3811,11 +3813,11 @@ var Component$21 = function (_a) {
|
|
|
3811
3813
|
}
|
|
3812
3814
|
return;
|
|
3813
3815
|
}, [loading, variant]);
|
|
3814
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3815
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3816
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action', className] }) },
|
|
3817
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__container'] }) },
|
|
3816
3818
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
3817
3819
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
3818
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3820
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
3819
3821
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
3820
3822
|
};
|
|
3821
3823
|
/**
|
|
@@ -3823,36 +3825,36 @@ var Component$21 = function (_a) {
|
|
|
3823
3825
|
*/
|
|
3824
3826
|
var ExpandableInfoAction = Component$21;
|
|
3825
3827
|
|
|
3826
|
-
var styles$
|
|
3828
|
+
var styles$1_ = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
3827
3829
|
|
|
3828
3830
|
var Component$20 = function (_a) {
|
|
3829
3831
|
var sections = _a.sections, footer = _a.footer;
|
|
3830
3832
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
3831
3833
|
return CNM.get({
|
|
3832
|
-
styles: styles$
|
|
3834
|
+
styles: styles$1_,
|
|
3833
3835
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
3834
3836
|
});
|
|
3835
3837
|
}, []);
|
|
3836
3838
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
3837
3839
|
return CNM.get({
|
|
3838
|
-
styles: styles$
|
|
3840
|
+
styles: styles$1_,
|
|
3839
3841
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
3840
3842
|
});
|
|
3841
3843
|
}, []);
|
|
3842
3844
|
var itemStyles = React.useCallback(function (first) {
|
|
3843
3845
|
return CNM.get({
|
|
3844
|
-
styles: styles$
|
|
3846
|
+
styles: styles$1_,
|
|
3845
3847
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
3846
3848
|
});
|
|
3847
3849
|
}, []);
|
|
3848
3850
|
var textStyles = React.useCallback(function (bold) {
|
|
3849
3851
|
return CNM.get({
|
|
3850
|
-
styles: styles$
|
|
3852
|
+
styles: styles$1_,
|
|
3851
3853
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
3852
3854
|
});
|
|
3853
3855
|
}, []);
|
|
3854
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3855
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3856
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details'] }) },
|
|
3857
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
3856
3858
|
sections.map(function (section, index) {
|
|
3857
3859
|
var _a, _b;
|
|
3858
3860
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -3866,8 +3868,8 @@ var Component$20 = function (_a) {
|
|
|
3866
3868
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
3867
3869
|
})));
|
|
3868
3870
|
}),
|
|
3869
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3870
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
3871
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__footer'] }) },
|
|
3872
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__action'] }) }))))));
|
|
3871
3873
|
};
|
|
3872
3874
|
/**
|
|
3873
3875
|
* Molecule UI child component of expandable info
|
|
@@ -3893,7 +3895,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
3893
3895
|
_a$2)
|
|
3894
3896
|
};
|
|
3895
3897
|
|
|
3896
|
-
var styles$
|
|
3898
|
+
var styles$1Z = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
3897
3899
|
|
|
3898
3900
|
var Component$1$ = function (_a) {
|
|
3899
3901
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -3908,11 +3910,11 @@ var Component$1$ = function (_a) {
|
|
|
3908
3910
|
}, [variant]);
|
|
3909
3911
|
if (!title)
|
|
3910
3912
|
return null;
|
|
3911
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3912
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3913
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message', className] }) },
|
|
3914
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message__container'] }) },
|
|
3913
3915
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
3914
3916
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3915
|
-
styles: styles$
|
|
3917
|
+
styles: styles$1Z,
|
|
3916
3918
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
3917
3919
|
}) }, title))));
|
|
3918
3920
|
};
|
|
@@ -3921,7 +3923,7 @@ var Component$1$ = function (_a) {
|
|
|
3921
3923
|
*/
|
|
3922
3924
|
var ExpandableInfoMessage = Component$1$;
|
|
3923
3925
|
|
|
3924
|
-
var styles$
|
|
3926
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
3925
3927
|
|
|
3926
3928
|
var Component$1_ = function (_a) {
|
|
3927
3929
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -3931,7 +3933,7 @@ var Component$1_ = function (_a) {
|
|
|
3931
3933
|
}, []);
|
|
3932
3934
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3933
3935
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
3934
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
3936
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-modal'] }) },
|
|
3935
3937
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
3936
3938
|
};
|
|
3937
3939
|
/**
|
|
@@ -3939,23 +3941,23 @@ var Component$1_ = function (_a) {
|
|
|
3939
3941
|
*/
|
|
3940
3942
|
var ExpandableInfoModal = Component$1_;
|
|
3941
3943
|
|
|
3942
|
-
var styles$
|
|
3944
|
+
var styles$1X = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
3943
3945
|
|
|
3944
|
-
var styles$
|
|
3946
|
+
var styles$1W = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
3945
3947
|
|
|
3946
3948
|
var DesktopSideCards = function (_a) {
|
|
3947
3949
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
3948
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3949
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3950
|
+
return (React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container'] },
|
|
3951
|
+
React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container__side'] },
|
|
3950
3952
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
3951
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3953
|
+
React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
3952
3954
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
3953
3955
|
};
|
|
3954
3956
|
|
|
3955
3957
|
var MobileSideCards = function (_a) {
|
|
3956
3958
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
3957
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3958
|
-
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$
|
|
3959
|
+
return (React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
3960
|
+
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container__side'] },
|
|
3959
3961
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
3960
3962
|
};
|
|
3961
3963
|
|
|
@@ -4012,9 +4014,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
4012
4014
|
updateDrawerContent(index);
|
|
4013
4015
|
toogleDrawer();
|
|
4014
4016
|
}, [toogleDrawer, updateDrawerContent]);
|
|
4015
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4017
|
+
return (React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container'] },
|
|
4016
4018
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
4017
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
4019
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
4018
4020
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
4019
4021
|
};
|
|
4020
4022
|
|
|
@@ -4032,7 +4034,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
4032
4034
|
var Component$1Y = function (_a) {
|
|
4033
4035
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
4034
4036
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
4035
|
-
styles: styles$
|
|
4037
|
+
styles: styles$1X,
|
|
4036
4038
|
cls: [
|
|
4037
4039
|
'expandable-info-popover',
|
|
4038
4040
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -4040,7 +4042,7 @@ var Component$1Y = function (_a) {
|
|
|
4040
4042
|
]
|
|
4041
4043
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
4042
4044
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
4043
|
-
styles: styles$
|
|
4045
|
+
styles: styles$1X,
|
|
4044
4046
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
4045
4047
|
}) }),
|
|
4046
4048
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -4055,13 +4057,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
4055
4057
|
coin: CoinBlackOutline
|
|
4056
4058
|
};
|
|
4057
4059
|
|
|
4058
|
-
var styles$
|
|
4060
|
+
var styles$1V = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
4059
4061
|
|
|
4060
4062
|
var Component$1X = function (_a) {
|
|
4061
4063
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
4062
4064
|
var styleGenerator = React.useCallback(function (base) {
|
|
4063
4065
|
return CNM.get({
|
|
4064
|
-
styles: styles$
|
|
4066
|
+
styles: styles$1V,
|
|
4065
4067
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
4066
4068
|
});
|
|
4067
4069
|
}, [variant]);
|
|
@@ -4093,7 +4095,7 @@ var Component$1X = function (_a) {
|
|
|
4093
4095
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
4094
4096
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
4095
4097
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4096
|
-
styles: styles$
|
|
4098
|
+
styles: styles$1V,
|
|
4097
4099
|
cls: [
|
|
4098
4100
|
'expandable-info-toggler__summary',
|
|
4099
4101
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -4108,7 +4110,7 @@ var Component$1X = function (_a) {
|
|
|
4108
4110
|
*/
|
|
4109
4111
|
var ExpandableInfoToggler = Component$1X;
|
|
4110
4112
|
|
|
4111
|
-
var styles$
|
|
4113
|
+
var styles$1U = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
4112
4114
|
|
|
4113
4115
|
var Component$1W = function (_a) {
|
|
4114
4116
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
@@ -4124,9 +4126,9 @@ var Component$1W = function (_a) {
|
|
|
4124
4126
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
4125
4127
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
4126
4128
|
});
|
|
4127
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4129
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1U, cls: ['expandable-info'] }) },
|
|
4128
4130
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4129
|
-
styles: styles$
|
|
4131
|
+
styles: styles$1U,
|
|
4130
4132
|
cls: [
|
|
4131
4133
|
'expandable-info__container',
|
|
4132
4134
|
"expandable-info__container--".concat(variant),
|
|
@@ -4136,7 +4138,7 @@ var Component$1W = function (_a) {
|
|
|
4136
4138
|
}) },
|
|
4137
4139
|
container,
|
|
4138
4140
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
4139
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4141
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1U, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
4140
4142
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
4141
4143
|
};
|
|
4142
4144
|
/**
|
|
@@ -4170,7 +4172,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
4170
4172
|
return React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-filter-container")] }, children);
|
|
4171
4173
|
};
|
|
4172
4174
|
|
|
4173
|
-
var styles$
|
|
4175
|
+
var styles$1T = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_1wlwy","magneto-ui-filter-item__counter":"mg_filter_menu_item_magneto-ui-filter-item_counter_1wlwy","selected":"mg_filter_menu_item_selected_1wlwy","disabled":"mg_filter_menu_item_disabled_1wlwy","isSearched":"mg_filter_menu_item_isSearched_1wlwy","skeleton":"mg_filter_menu_item_skeleton_1wlwy","shimmer":"mg_filter_menu_item_shimmer_1wlwy"};
|
|
4174
4176
|
|
|
4175
4177
|
var FilterMenuItem = function (_a) {
|
|
4176
4178
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -4179,55 +4181,55 @@ var FilterMenuItem = function (_a) {
|
|
|
4179
4181
|
return React__default["default"].createElement(IconItem, { icon: SmallClose, size: 17 });
|
|
4180
4182
|
if (!hasTotal || hiddenCount)
|
|
4181
4183
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4182
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4184
|
+
return React__default["default"].createElement("div", { className: styles$1T['magneto-ui-filter-item__counter'] }, formatNumber(total));
|
|
4183
4185
|
}, [total, isApplied, hasTotal, hiddenCount]);
|
|
4184
4186
|
var disabled = React.useMemo(function () {
|
|
4185
4187
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
4186
4188
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
4187
4189
|
var className = React.useMemo(function () {
|
|
4188
|
-
return isApplied ? styles$
|
|
4190
|
+
return isApplied ? styles$1T.selected : isSearched ? styles$1T.isSearched : hiddenCount ? '' : !total && styles$1T.disabled;
|
|
4189
4191
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
4190
4192
|
var handleClick = React.useCallback(function () {
|
|
4191
4193
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
4192
4194
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
4193
4195
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
4194
4196
|
if (loading)
|
|
4195
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4196
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
4197
|
+
return React__default["default"].createElement("div", { className: styles$1T.skeleton });
|
|
4198
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1T['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
4197
4199
|
React__default["default"].createElement("span", null, label),
|
|
4198
4200
|
displayOutput));
|
|
4199
4201
|
};
|
|
4200
4202
|
|
|
4201
|
-
var styles$
|
|
4203
|
+
var styles$1S = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_14sdz","disabled":"mg_filter_search_item_disabled_14sdz","skeleton":"mg_filter_search_item_skeleton_14sdz","shimmer":"mg_filter_search_item_shimmer_14sdz"};
|
|
4202
4204
|
|
|
4203
4205
|
var FilterSearchItem = function (_a) {
|
|
4204
4206
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
4205
4207
|
var inputRef = React.useRef(null);
|
|
4206
4208
|
if (loading)
|
|
4207
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4209
|
+
return (React__default["default"].createElement("div", { className: styles$1S.skeleton },
|
|
4208
4210
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
4209
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4211
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1S['magneto-ui-filter-search'], " ").concat(disabled ? styles$1S.disabled : '') },
|
|
4210
4212
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
4211
4213
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
4212
4214
|
};
|
|
4213
4215
|
|
|
4214
|
-
var styles$
|
|
4216
|
+
var styles$1R = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
4215
4217
|
|
|
4216
4218
|
var Component$1V = function (_a) {
|
|
4217
4219
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
4218
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4219
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4220
|
+
return (React__default["default"].createElement("div", { className: styles$1R['fraud-card-job'] },
|
|
4221
|
+
React__default["default"].createElement("div", { className: styles$1R['fraud-card-job__header'] },
|
|
4220
4222
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
4221
4223
|
React__default["default"].createElement("h4", null, title)),
|
|
4222
4224
|
React__default["default"].createElement("div", null,
|
|
4223
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4224
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
4225
|
+
React__default["default"].createElement("p", { className: styles$1R['fraud-card-job__text'] }, content),
|
|
4226
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1R['fraud-card-job__link'], href: link },
|
|
4225
4227
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
4226
4228
|
linkText))));
|
|
4227
4229
|
};
|
|
4228
4230
|
var FraudCardJob = Component$1V;
|
|
4229
4231
|
|
|
4230
|
-
var styles$
|
|
4232
|
+
var styles$1Q = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
4231
4233
|
|
|
4232
4234
|
var Component$1U = function (_a) {
|
|
4233
4235
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -4239,17 +4241,17 @@ var Component$1U = function (_a) {
|
|
|
4239
4241
|
return searchList;
|
|
4240
4242
|
}, [searchList, showFullList]);
|
|
4241
4243
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
4242
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
4243
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
4244
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4244
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-frequent-search'] },
|
|
4245
|
+
React__default["default"].createElement("h2", { className: styles$1Q['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
4246
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
4245
4247
|
var props = __rest(_a, []);
|
|
4246
4248
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
4247
4249
|
})),
|
|
4248
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4250
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1Q['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
4249
4251
|
showMore,
|
|
4250
4252
|
" (",
|
|
4251
4253
|
searchList.length,
|
|
4252
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
4254
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1Q['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
4253
4255
|
};
|
|
4254
4256
|
/**
|
|
4255
4257
|
* UI Atom component of Frequent Search
|
|
@@ -4267,35 +4269,35 @@ var Component$1T = function (_a) {
|
|
|
4267
4269
|
};
|
|
4268
4270
|
var HeaderDrawerCompany = Component$1T;
|
|
4269
4271
|
|
|
4270
|
-
var styles$
|
|
4272
|
+
var styles$1P = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
4271
4273
|
|
|
4272
4274
|
var Component$1S = function (_a) {
|
|
4273
4275
|
var children = _a.children;
|
|
4274
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4276
|
+
return React__default["default"].createElement("div", { className: styles$1P.TabComponent }, children);
|
|
4275
4277
|
};
|
|
4276
4278
|
/**
|
|
4277
4279
|
* Molecule UI for Tab
|
|
4278
4280
|
*/
|
|
4279
4281
|
var Tab = Component$1S;
|
|
4280
4282
|
|
|
4281
|
-
var styles$
|
|
4283
|
+
var styles$1O = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
4282
4284
|
|
|
4283
4285
|
var Component$1R = function (_a) {
|
|
4284
4286
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
4285
4287
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
4286
4288
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
4287
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4289
|
+
return (React__default["default"].createElement("div", { className: styles$1O.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
4288
4290
|
};
|
|
4289
4291
|
/**
|
|
4290
4292
|
* Molecule UI component for Tab Button
|
|
4291
4293
|
*/
|
|
4292
4294
|
var TabButton = Component$1R;
|
|
4293
4295
|
|
|
4294
|
-
var styles$
|
|
4296
|
+
var styles$1N = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
4295
4297
|
|
|
4296
4298
|
var Component$1Q = function (_a) {
|
|
4297
4299
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
4298
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4300
|
+
return (React__default["default"].createElement("div", { className: styles$1N.HeaderDrawerTabsComponent },
|
|
4299
4301
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
4300
4302
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4301
4303
|
React__default["default"].createElement(Tab, null,
|
|
@@ -4304,11 +4306,11 @@ var Component$1Q = function (_a) {
|
|
|
4304
4306
|
};
|
|
4305
4307
|
var HeaderDrawerTabs = Component$1Q;
|
|
4306
4308
|
|
|
4307
|
-
var styles$
|
|
4309
|
+
var styles$1M = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
4308
4310
|
|
|
4309
4311
|
var Component$1P = function (_a) {
|
|
4310
4312
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
4311
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4313
|
+
return (React__default["default"].createElement("div", { className: styles$1M.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
4312
4314
|
var headerTabProps = __rest(_a, []);
|
|
4313
4315
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4314
4316
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -4321,9 +4323,9 @@ var Component$1P = function (_a) {
|
|
|
4321
4323
|
*/
|
|
4322
4324
|
var HeaderTabs = Component$1P;
|
|
4323
4325
|
|
|
4324
|
-
var styles$
|
|
4326
|
+
var styles$1L = {"magneto-ui-horizontal-menu":"mg_horizontal_menu_magneto-ui-horizontal-menu_1m6q0","magneto-ui-horizontal-menu__back":"mg_horizontal_menu_magneto-ui-horizontal-menu_back_1m6q0","magneto-ui-horizontal-menu__nav":"mg_horizontal_menu_magneto-ui-horizontal-menu_nav_1m6q0","magneto-ui-horizontal-menu__list":"mg_horizontal_menu_magneto-ui-horizontal-menu_list_1m6q0","magneto-ui-horizontal-menu__button":"mg_horizontal_menu_magneto-ui-horizontal-menu_button_1m6q0","magneto-ui-horizontal-menu__button--active":"mg_horizontal_menu_magneto-ui-horizontal-menu_button--active_1m6q0"};
|
|
4325
4327
|
|
|
4326
|
-
var cx$O = classNames.bind(styles$
|
|
4328
|
+
var cx$O = classNames.bind(styles$1L);
|
|
4327
4329
|
var Component$1O = function (_a) {
|
|
4328
4330
|
var className = _a.className, options = _a.options, onChange = _a.onChange, onClick = _a.onClick;
|
|
4329
4331
|
var _b = React.useState(0), selectedItem = _b[0], setSelectedItem = _b[1];
|
|
@@ -4351,10 +4353,10 @@ var Component$1O = function (_a) {
|
|
|
4351
4353
|
*/
|
|
4352
4354
|
var HorizontalMenu = Component$1O;
|
|
4353
4355
|
|
|
4354
|
-
var styles$
|
|
4356
|
+
var styles$1K = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
4355
4357
|
|
|
4356
4358
|
var Input = function (_a) {
|
|
4357
|
-
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
4359
|
+
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, mainClassName = _a.mainClassName, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "mainClassName", "actionInputIcon"]);
|
|
4358
4360
|
var _k = React.useState(false), onFocus = _k[0], setOnFocus = _k[1];
|
|
4359
4361
|
var _l = React.useState(''), inputValue = _l[0], setInputValue = _l[1];
|
|
4360
4362
|
var haveValueOrFocus = React.useMemo(function () {
|
|
@@ -4386,26 +4388,26 @@ var Input = function (_a) {
|
|
|
4386
4388
|
setInputValue(e.target.value);
|
|
4387
4389
|
}, [onChange]);
|
|
4388
4390
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
4389
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4391
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input")], " ").concat(mainClassName) },
|
|
4390
4392
|
React__default["default"].createElement("div", null,
|
|
4391
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4393
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
4392
4394
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
4393
4395
|
left: hideIcon ? '10px' : '40px',
|
|
4394
4396
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
4395
4397
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
4396
|
-
}, className: styles$
|
|
4398
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
4397
4399
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
4398
4400
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
4399
|
-
}, disabled: disabled, className: styles$
|
|
4400
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
4401
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
4401
|
+
}, disabled: disabled, className: styles$1K["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
4402
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1K["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
4403
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1K["".concat(classMUI, "-input--container__icon-action")] },
|
|
4402
4404
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
4403
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4404
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
4405
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1K['footer-without-error'] : '') },
|
|
4406
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1K["".concat(classMUI, "-input--container__error")] }, error)),
|
|
4405
4407
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
4406
4408
|
};
|
|
4407
4409
|
|
|
4408
|
-
var styles$
|
|
4410
|
+
var styles$1J = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
4409
4411
|
|
|
4410
4412
|
var InputPlus = function (_a) {
|
|
4411
4413
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue, maxLength = _a.maxLength;
|
|
@@ -4449,23 +4451,23 @@ var InputPlus = function (_a) {
|
|
|
4449
4451
|
}
|
|
4450
4452
|
}
|
|
4451
4453
|
}, [disabledBtn, handleSubmit]);
|
|
4452
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4454
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1J["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
4453
4455
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text", maxLength: maxLength }),
|
|
4454
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$
|
|
4456
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$1J["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1J.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1J['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
4455
4457
|
};
|
|
4456
4458
|
|
|
4457
|
-
var styles$
|
|
4459
|
+
var styles$1I = {"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"};
|
|
4458
4460
|
|
|
4459
4461
|
var style$N = {"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"};
|
|
4460
4462
|
|
|
4461
|
-
var styles$
|
|
4463
|
+
var styles$1H = {"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"};
|
|
4462
4464
|
|
|
4463
4465
|
var Tooltip = function (_a) {
|
|
4464
4466
|
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;
|
|
4465
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4466
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4467
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1H['tooltip-container'], " ").concat(styles$1H["tooltip-".concat(position)]) },
|
|
4468
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1H['tooltip'], " ").concat(styles$1H["tooltip-".concat(position)]) },
|
|
4467
4469
|
children,
|
|
4468
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4470
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1H['tooltip-text'], " ").concat(styles$1H["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
4469
4471
|
};
|
|
4470
4472
|
|
|
4471
4473
|
var Component$1N = function (_a) {
|
|
@@ -4500,20 +4502,20 @@ var Component$1M = function (_a) {
|
|
|
4500
4502
|
var isMobile = useMediaQuery(true, { md: false });
|
|
4501
4503
|
var ActionLink = function (_a) {
|
|
4502
4504
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
4503
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
4505
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1I['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
4504
4506
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
4505
4507
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
4506
4508
|
};
|
|
4507
4509
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
4508
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4509
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
4510
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4510
|
+
return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-job-actions'] },
|
|
4511
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1I['magneto-ui__external-child'] }, externalButtonChild),
|
|
4512
|
+
React__default["default"].createElement("div", { className: styles$1I['magneto-ui-job-actions__buttons-wrapper'] },
|
|
4511
4513
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
4512
4514
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
4513
4515
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
4514
4516
|
filteredActionsLinkList.map(function (_a) {
|
|
4515
4517
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
4516
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4518
|
+
return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
4517
4519
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
4518
4520
|
}))));
|
|
4519
4521
|
};
|
|
@@ -4522,13 +4524,13 @@ var Component$1M = function (_a) {
|
|
|
4522
4524
|
*/
|
|
4523
4525
|
var JobActions = Component$1M;
|
|
4524
4526
|
|
|
4525
|
-
var styles$
|
|
4527
|
+
var styles$1G = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
|
|
4526
4528
|
|
|
4527
4529
|
var Component$1L = function (_a) {
|
|
4528
4530
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
4529
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4530
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4531
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4531
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
4532
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
4533
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__header'] },
|
|
4532
4534
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
4533
4535
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
4534
4536
|
offerApplyElements
|
|
@@ -4538,20 +4540,20 @@ var Component$1L = function (_a) {
|
|
|
4538
4540
|
})
|
|
4539
4541
|
.map(function (_a) {
|
|
4540
4542
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
4541
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4543
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
4542
4544
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
4543
4545
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
4544
4546
|
})),
|
|
4545
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
4547
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
4546
4548
|
};
|
|
4547
4549
|
/**
|
|
4548
4550
|
* UI Molecule Component for Job Apply Card
|
|
4549
4551
|
*/
|
|
4550
4552
|
var JobApplyCard = Component$1L;
|
|
4551
4553
|
|
|
4552
|
-
var styles$
|
|
4554
|
+
var styles$1F = {"option":"mg_vacant_option_mobile_option_10cgk","option--link":"mg_vacant_option_mobile_option--link_10cgk","option--button":"mg_vacant_option_mobile_option--button_10cgk","icon--big":"mg_vacant_option_mobile_icon--big_10cgk"};
|
|
4553
4555
|
|
|
4554
|
-
var cx$N = classNames.bind(styles$
|
|
4556
|
+
var cx$N = classNames.bind(styles$1F);
|
|
4555
4557
|
var VacantOptionMobile = function (_a) {
|
|
4556
4558
|
var option = _a.option, onClick = _a.onClick, onMenu = _a.onMenu;
|
|
4557
4559
|
var handleClick = function () {
|
|
@@ -4582,9 +4584,9 @@ var VacantOptionMobile = function (_a) {
|
|
|
4582
4584
|
return React__default["default"].createElement(React__default["default"].Fragment, null);
|
|
4583
4585
|
};
|
|
4584
4586
|
|
|
4585
|
-
var styles$
|
|
4587
|
+
var styles$1E = {"button":"mg_job_card_option_drawer_button_1b6xo","button-back":"mg_job_card_option_drawer_button-back_1b6xo","drawer":"mg_job_card_option_drawer_drawer_1b6xo","drawer__title":"mg_job_card_option_drawer_drawer_title_1b6xo","drawer__company":"mg_job_card_option_drawer_drawer_company_1b6xo","drawer__header":"mg_job_card_option_drawer_drawer_header_1b6xo"};
|
|
4586
4588
|
|
|
4587
|
-
var cx$M = classNames.bind(styles$
|
|
4589
|
+
var cx$M = classNames.bind(styles$1E);
|
|
4588
4590
|
var JobCardOptionDrawer = function (_a) {
|
|
4589
4591
|
var title = _a.title, company = _a.company, menu = _a.menu, backText = _a.backText;
|
|
4590
4592
|
var _b = React.useState(false), isOpen = _b[0], setOpen = _b[1];
|
|
@@ -4626,9 +4628,9 @@ var JobCardOptionDrawer = function (_a) {
|
|
|
4626
4628
|
} })); })))));
|
|
4627
4629
|
};
|
|
4628
4630
|
|
|
4629
|
-
var styles$
|
|
4631
|
+
var styles$1D = {"option":"mg_vacant_option_option_14jrn","option--link":"mg_vacant_option_option--link_14jrn","option--menu":"mg_vacant_option_option--menu_14jrn","option--menu-open":"mg_vacant_option_option--menu-open_14jrn","option__menu-list":"mg_vacant_option_option_menu-list_14jrn","option--button":"mg_vacant_option_option--button_14jrn","icon--big":"mg_vacant_option_icon--big_14jrn"};
|
|
4630
4632
|
|
|
4631
|
-
var cx$L = classNames.bind(styles$
|
|
4633
|
+
var cx$L = classNames.bind(styles$1D);
|
|
4632
4634
|
var VacantOption = function (_a) {
|
|
4633
4635
|
var option = _a.option, onClick = _a.onClick;
|
|
4634
4636
|
var _b = React.useState(false), open = _b[0], setOpen = _b[1];
|
|
@@ -4660,9 +4662,9 @@ var VacantOption = function (_a) {
|
|
|
4660
4662
|
return React__default["default"].createElement(React__default["default"].Fragment, null);
|
|
4661
4663
|
};
|
|
4662
4664
|
|
|
4663
|
-
var styles$
|
|
4665
|
+
var styles$1C = {"popover--open":"mg_job_card_option_popover--open_12kph","popover":"mg_job_card_option_popover_12kph","button":"mg_job_card_option_button_12kph"};
|
|
4664
4666
|
|
|
4665
|
-
var cx$K = classNames.bind(styles$
|
|
4667
|
+
var cx$K = classNames.bind(styles$1C);
|
|
4666
4668
|
var JobCardOption = function (_a) {
|
|
4667
4669
|
var _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? stubUndefined : _c, menu = _a.menu;
|
|
4668
4670
|
var ref = React.useRef(null);
|
|
@@ -4692,7 +4694,7 @@ var JobCardOption = function (_a) {
|
|
|
4692
4694
|
};
|
|
4693
4695
|
var JobCardOption$1 = withClickOut(JobCardOption);
|
|
4694
4696
|
|
|
4695
|
-
var style$M = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-
|
|
4697
|
+
var style$M = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_74rzt","magneto-ui-card-jobs--urgent":"mg_job_card_desktop_magneto-ui-card-jobs--urgent_74rzt","magneto-ui-card-jobs__container":"mg_job_card_desktop_magneto-ui-card-jobs_container_74rzt","magneto-ui-card-jobs--job-open":"mg_job_card_desktop_magneto-ui-card-jobs--job-open_74rzt","magneto-ui-card-jobs__render-right":"mg_job_card_desktop_magneto-ui-card-jobs_render-right_74rzt","magneto-ui-card-jobs__options":"mg_job_card_desktop_magneto-ui-card-jobs_options_74rzt","magneto-ui-card-jobs__data":"mg_job_card_desktop_magneto-ui-card-jobs_data_74rzt","magneto-ui-card-jobs__button":"mg_job_card_desktop_magneto-ui-card-jobs_button_74rzt","magneto-ui-card-jobs__white-space":"mg_job_card_desktop_magneto-ui-card-jobs_white-space_74rzt","magneto-ui-card-jobs__header":"mg_job_card_desktop_magneto-ui-card-jobs_header_74rzt","magneto-ui-card-jobs__arrow":"mg_job_card_desktop_magneto-ui-card-jobs_arrow_74rzt","magneto-ui-card-jobs__text":"mg_job_card_desktop_magneto-ui-card-jobs_text_74rzt","magneto-ui-card-jobs__text--bold":"mg_job_card_desktop_magneto-ui-card-jobs_text--bold_74rzt","magneto-ui-card-jobs__text--big":"mg_job_card_desktop_magneto-ui-card-jobs_text--big_74rzt","magneto-ui-card-jobs__text--small":"mg_job_card_desktop_magneto-ui-card-jobs_text--small_74rzt","magneto-ui-card-jobs__published":"mg_job_card_desktop_magneto-ui-card-jobs_published_74rzt","magneto-ui-card-jobs__urgent":"mg_job_card_desktop_magneto-ui-card-jobs_urgent_74rzt","magneto-ui-card-jobs__urgent-icon":"mg_job_card_desktop_magneto-ui-card-jobs_urgent-icon_74rzt","magneto-ui-card-jobs__a":"mg_job_card_desktop_magneto-ui-card-jobs_a_74rzt","magneto-ui-card-jobs__company":"mg_job_card_desktop_magneto-ui-card-jobs_company_74rzt","magneto-ui-card-jobs__brand":"mg_job_card_desktop_magneto-ui-card-jobs_brand_74rzt","magneto-ui-card-jobs__brand-img":"mg_job_card_desktop_magneto-ui-card-jobs_brand-img_74rzt"};
|
|
4696
4698
|
|
|
4697
4699
|
var useWithElement = function (ref) {
|
|
4698
4700
|
var _a = React.useState(null), width = _a[0], setWidth = _a[1];
|
|
@@ -4806,13 +4808,13 @@ var JobCardMobile = function (_a) {
|
|
|
4806
4808
|
React__default["default"].createElement("p", null, educationLevel))))));
|
|
4807
4809
|
};
|
|
4808
4810
|
|
|
4809
|
-
var styles$
|
|
4811
|
+
var styles$1B = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
4810
4812
|
|
|
4811
4813
|
var Component$1K = function (_a) {
|
|
4812
4814
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
4813
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4815
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-company-header'] },
|
|
4814
4816
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
4815
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4817
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-company-header__data-actions'] },
|
|
4816
4818
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
4817
4819
|
isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
4818
4820
|
};
|
|
@@ -4821,11 +4823,11 @@ var Component$1K = function (_a) {
|
|
|
4821
4823
|
*/
|
|
4822
4824
|
var JobCompanyHeader = Component$1K;
|
|
4823
4825
|
|
|
4824
|
-
var styles$
|
|
4826
|
+
var styles$1A = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
4825
4827
|
|
|
4826
4828
|
var Component$1J = function (_a) {
|
|
4827
4829
|
var offerDescription = _a.offerDescription;
|
|
4828
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4830
|
+
return (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
4829
4831
|
};
|
|
4830
4832
|
/**
|
|
4831
4833
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -4845,7 +4847,7 @@ var JobDetailContainer = function (_a) {
|
|
|
4845
4847
|
children));
|
|
4846
4848
|
};
|
|
4847
4849
|
|
|
4848
|
-
var styles$
|
|
4850
|
+
var styles$1z = {"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"};
|
|
4849
4851
|
|
|
4850
4852
|
var Component$1I = function (_a) {
|
|
4851
4853
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -4857,15 +4859,15 @@ var Component$1I = function (_a) {
|
|
|
4857
4859
|
var offerDetailText = _a.offerDetailText;
|
|
4858
4860
|
return !!offerDetailText && index !== 1;
|
|
4859
4861
|
});
|
|
4860
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4861
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4862
|
+
return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-details'] },
|
|
4863
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-details__wrapper'] },
|
|
4862
4864
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
4863
4865
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
4864
4866
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
4865
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
4866
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4867
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1z['magneto-ui-job-details__item-detail'] },
|
|
4868
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-details__item-detail-icon'] },
|
|
4867
4869
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
4868
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4870
|
+
React__default["default"].createElement("p", { className: styles$1z['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
4869
4871
|
})),
|
|
4870
4872
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
4871
4873
|
};
|
|
@@ -4875,7 +4877,7 @@ var Component$1I = function (_a) {
|
|
|
4875
4877
|
Component$1I.displayName = 'JobDetails';
|
|
4876
4878
|
var JobDetails = Component$1I;
|
|
4877
4879
|
|
|
4878
|
-
var styles$
|
|
4880
|
+
var styles$1y = {"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"};
|
|
4879
4881
|
|
|
4880
4882
|
var Component$1H = function (_a) {
|
|
4881
4883
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -4888,18 +4890,18 @@ var Component$1H = function (_a) {
|
|
|
4888
4890
|
title: title
|
|
4889
4891
|
});
|
|
4890
4892
|
});
|
|
4891
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4893
|
+
return (React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-footer-card'] },
|
|
4892
4894
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
4893
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4895
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-footer-card__icons'] },
|
|
4894
4896
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
4895
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4897
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-footer-card__wrapper'] },
|
|
4896
4898
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
4897
4899
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
4898
4900
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
4899
4901
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
4900
4902
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
4901
4903
|
})),
|
|
4902
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4904
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui__share-button'] },
|
|
4903
4905
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
4904
4906
|
};
|
|
4905
4907
|
/**
|
|
@@ -4907,13 +4909,13 @@ var Component$1H = function (_a) {
|
|
|
4907
4909
|
*/
|
|
4908
4910
|
var JobFooterCard = Component$1H;
|
|
4909
4911
|
|
|
4910
|
-
var styles$
|
|
4912
|
+
var styles$1x = {"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"};
|
|
4911
4913
|
|
|
4912
4914
|
var Component$1G = function (_a) {
|
|
4913
4915
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
4914
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
4916
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1x['magneto-ui-job-skills-card'] },
|
|
4915
4917
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
4916
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4918
|
+
React__default["default"].createElement("div", { className: styles$1x['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
4917
4919
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
4918
4920
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
4919
4921
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -4924,7 +4926,7 @@ var Component$1G = function (_a) {
|
|
|
4924
4926
|
*/
|
|
4925
4927
|
var JobSkillsCard = Component$1G;
|
|
4926
4928
|
|
|
4927
|
-
var styles$
|
|
4929
|
+
var styles$1w = {"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"};
|
|
4928
4930
|
|
|
4929
4931
|
var JobVideo = function (_a) {
|
|
4930
4932
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -4939,7 +4941,7 @@ var JobVideo = function (_a) {
|
|
|
4939
4941
|
setLoadVideo && setLoadVideo(false);
|
|
4940
4942
|
}
|
|
4941
4943
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
4942
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
4944
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1w[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
4943
4945
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
4944
4946
|
};
|
|
4945
4947
|
|
|
@@ -5046,7 +5048,7 @@ var MagnetoResolution = function (_a) {
|
|
|
5046
5048
|
React__default["default"].createElement("a", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
5047
5049
|
};
|
|
5048
5050
|
|
|
5049
|
-
var styles$
|
|
5051
|
+
var styles$1v = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
5050
5052
|
|
|
5051
5053
|
var MegaMenuCard = function (_a) {
|
|
5052
5054
|
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
@@ -5056,19 +5058,19 @@ var MegaMenuCard = function (_a) {
|
|
|
5056
5058
|
onClick();
|
|
5057
5059
|
}
|
|
5058
5060
|
}, [onClick]);
|
|
5059
|
-
var rigthArrow = (React__default["default"].createElement("div", { className: styles$
|
|
5061
|
+
var rigthArrow = (React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__arrow"] },
|
|
5060
5062
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
5061
5063
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
5062
5064
|
md: rigthArrow
|
|
5063
5065
|
});
|
|
5064
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
5065
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
5066
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1v["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
5067
|
+
icon && (React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__icon"] },
|
|
5066
5068
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
5067
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
5068
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
5069
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5070
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5071
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5069
|
+
logo && (React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__logo"] },
|
|
5070
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1v["magneto-ui-mega-menu-card__logo"] }))),
|
|
5071
|
+
React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__content"] },
|
|
5072
|
+
React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__title"] }, title),
|
|
5073
|
+
React__default["default"].createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas, false), " cupos"))),
|
|
5072
5074
|
arrow));
|
|
5073
5075
|
};
|
|
5074
5076
|
|
|
@@ -5092,7 +5094,13 @@ var initialContext = {
|
|
|
5092
5094
|
jobsProps: {
|
|
5093
5095
|
tabs: []
|
|
5094
5096
|
},
|
|
5095
|
-
mainHeaderProps: {
|
|
5097
|
+
mainHeaderProps: {
|
|
5098
|
+
mobileSearchBarProps: {
|
|
5099
|
+
termValue: '',
|
|
5100
|
+
onSearch: function () { return ({}); },
|
|
5101
|
+
placeholder: ''
|
|
5102
|
+
}
|
|
5103
|
+
},
|
|
5096
5104
|
listMenuUserProps: {
|
|
5097
5105
|
urlParam: '',
|
|
5098
5106
|
menuItems: [],
|
|
@@ -5158,7 +5166,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
5158
5166
|
React__default["default"].createElement("div", { className: "".concat(style$C["mega-menu-jobs-tabs__content"]) }, content)));
|
|
5159
5167
|
};
|
|
5160
5168
|
|
|
5161
|
-
var styles$
|
|
5169
|
+
var styles$1u = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_78m8m","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_78m8m","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_78m8m","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_78m8m","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_78m8m","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_78m8m","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_78m8m","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_78m8m"};
|
|
5162
5170
|
|
|
5163
5171
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
5164
5172
|
var MegaMenuPopover = function (_a) {
|
|
@@ -5180,12 +5188,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
5180
5188
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
5181
5189
|
}, [showContent]);
|
|
5182
5190
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
5183
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
5184
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
5185
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
5186
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5187
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5188
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5191
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1u["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
5192
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1u["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
5193
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1u["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1u["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
5194
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1u["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1u["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
5195
|
+
React__default["default"].createElement("div", { className: styles$1u["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
5196
|
+
React__default["default"].createElement("div", { className: styles$1u["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
5189
5197
|
event.stopPropagation();
|
|
5190
5198
|
} }, children))));
|
|
5191
5199
|
};
|
|
@@ -5210,17 +5218,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
5210
5218
|
React__default["default"].createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$B["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
5211
5219
|
};
|
|
5212
5220
|
|
|
5213
|
-
var styles$
|
|
5221
|
+
var styles$1t = {"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"};
|
|
5214
5222
|
|
|
5215
5223
|
var MenuSearch = function (_a) {
|
|
5216
5224
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
5217
5225
|
var onBlur = React.useCallback(function () {
|
|
5218
5226
|
handleOnBlur && handleOnBlur();
|
|
5219
5227
|
}, [handleOnBlur]);
|
|
5220
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5221
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5228
|
+
return (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-menu-search'], onBlur: onBlur },
|
|
5229
|
+
React__default["default"].createElement("div", { className: styles$1t['magneto-ui-menu-search_container'] },
|
|
5222
5230
|
children,
|
|
5223
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5231
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1t['magneto-ui-menu-search_content'], " ").concat(show && styles$1t.open) }, content))));
|
|
5224
5232
|
};
|
|
5225
5233
|
|
|
5226
5234
|
var iconByType = {
|
|
@@ -5231,7 +5239,7 @@ var iconByType = {
|
|
|
5231
5239
|
};
|
|
5232
5240
|
var transitionDuration = 300;
|
|
5233
5241
|
|
|
5234
|
-
var styles$
|
|
5242
|
+
var styles$1s = {"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"};
|
|
5235
5243
|
|
|
5236
5244
|
var Component$1B = function (_a) {
|
|
5237
5245
|
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;
|
|
@@ -5246,7 +5254,7 @@ var Component$1B = function (_a) {
|
|
|
5246
5254
|
}); }, []);
|
|
5247
5255
|
var containerStyles = React.useMemo(function () {
|
|
5248
5256
|
return CNM.get({
|
|
5249
|
-
styles: styles$
|
|
5257
|
+
styles: styles$1s,
|
|
5250
5258
|
cls: [
|
|
5251
5259
|
'message__container',
|
|
5252
5260
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -5254,7 +5262,7 @@ var Component$1B = function (_a) {
|
|
|
5254
5262
|
]
|
|
5255
5263
|
});
|
|
5256
5264
|
}, [type, toggleAnimation]);
|
|
5257
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
5265
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1s, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
5258
5266
|
React.useEffect(function () {
|
|
5259
5267
|
if (!localVisible)
|
|
5260
5268
|
return;
|
|
@@ -5286,9 +5294,9 @@ var Component$1B = function (_a) {
|
|
|
5286
5294
|
setIsAnimating(visible);
|
|
5287
5295
|
}, [isAnimating, visible]);
|
|
5288
5296
|
return localVisible && container
|
|
5289
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
5297
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1s, cls: [className] }) },
|
|
5290
5298
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
5291
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
5299
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1s, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
5292
5300
|
React__default["default"].createElement("div", null,
|
|
5293
5301
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
5294
5302
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), container)
|
|
@@ -5299,11 +5307,11 @@ var Component$1B = function (_a) {
|
|
|
5299
5307
|
*/
|
|
5300
5308
|
var Message = Component$1B;
|
|
5301
5309
|
|
|
5302
|
-
var styles$
|
|
5310
|
+
var styles$1r = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
5303
5311
|
|
|
5304
5312
|
var Component$1A = function (_a) {
|
|
5305
5313
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
5306
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5314
|
+
return (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-mobile-job-details-header'] },
|
|
5307
5315
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
5308
5316
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
5309
5317
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -5313,7 +5321,7 @@ var Component$1A = function (_a) {
|
|
|
5313
5321
|
*/
|
|
5314
5322
|
var MobileJobDetailsHeader = Component$1A;
|
|
5315
5323
|
|
|
5316
|
-
var styles$
|
|
5324
|
+
var styles$1q = {"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"};
|
|
5317
5325
|
|
|
5318
5326
|
var Component$1z = function (_a) {
|
|
5319
5327
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -5337,20 +5345,20 @@ var Component$1z = function (_a) {
|
|
|
5337
5345
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
5338
5346
|
}
|
|
5339
5347
|
}, [focusSearchInput]);
|
|
5340
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5348
|
+
return (React__default["default"].createElement("div", { className: styles$1q.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
5341
5349
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
5342
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
5343
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
5350
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1q['search-badge'] }),
|
|
5351
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1q['magneto-ui-search-button'] }, searchMobileProps)),
|
|
5344
5352
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
5345
5353
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
5346
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
5354
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1q['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
5347
5355
|
};
|
|
5348
5356
|
/**
|
|
5349
5357
|
* Molecule UI component for MobileSearchbar
|
|
5350
5358
|
*/
|
|
5351
5359
|
var MobileSearchbar = Component$1z;
|
|
5352
5360
|
|
|
5353
|
-
var styles$
|
|
5361
|
+
var styles$1p = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
5354
5362
|
|
|
5355
5363
|
var Notification = function (_a) {
|
|
5356
5364
|
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
@@ -5361,30 +5369,30 @@ var Notification = function (_a) {
|
|
|
5361
5369
|
}
|
|
5362
5370
|
}, [autoCloseDuration, onClose]);
|
|
5363
5371
|
return (React__default["default"].createElement(ModalPortal, null,
|
|
5364
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5365
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5366
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5367
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5372
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1p.notification, " ").concat(styles$1p[position], " ").concat(className), role: "alert" },
|
|
5373
|
+
React__default["default"].createElement("div", { className: styles$1p['notification__content'] },
|
|
5374
|
+
React__default["default"].createElement("div", { className: styles$1p['notification__message'] }, message),
|
|
5375
|
+
React__default["default"].createElement("button", { className: styles$1p['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
5368
5376
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
5369
5377
|
extraContent && extraContent)));
|
|
5370
5378
|
};
|
|
5371
5379
|
|
|
5372
|
-
var styles$
|
|
5380
|
+
var styles$1o = {"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"};
|
|
5373
5381
|
|
|
5374
5382
|
var BtnPagination = function (_a) {
|
|
5375
5383
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
5376
5384
|
var displayContent = React.useMemo(function () {
|
|
5377
5385
|
if (loading && value && current === value)
|
|
5378
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
5386
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1o['magneto-ui-btn-pagination_spinner'] });
|
|
5379
5387
|
return value;
|
|
5380
5388
|
}, [loading, current, value]);
|
|
5381
5389
|
var pageQueryParam = 'paginator[page]=';
|
|
5382
5390
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
5383
5391
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
5384
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
5385
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
5392
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1o['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
5393
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1o['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1o['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1o['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1o['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
5386
5394
|
displayContent,
|
|
5387
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
5395
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1o['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1o['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1o['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1o['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
5388
5396
|
displayContent,
|
|
5389
5397
|
displayIcon))));
|
|
5390
5398
|
};
|
|
@@ -5435,7 +5443,7 @@ var createPagination = function (_a) {
|
|
|
5435
5443
|
};
|
|
5436
5444
|
};
|
|
5437
5445
|
|
|
5438
|
-
var styles$
|
|
5446
|
+
var styles$1n = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
5439
5447
|
|
|
5440
5448
|
var Pagination = function (_a) {
|
|
5441
5449
|
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;
|
|
@@ -5454,16 +5462,16 @@ var Pagination = function (_a) {
|
|
|
5454
5462
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
5455
5463
|
if (total <= pageSize)
|
|
5456
5464
|
return React__default["default"].createElement(React.Fragment, null);
|
|
5457
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5465
|
+
return (React__default["default"].createElement("div", { className: styles$1n['magneto-ui-pagination'] },
|
|
5458
5466
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
5459
5467
|
React__default["default"].createElement("ul", null,
|
|
5460
5468
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
5461
5469
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
5462
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
5470
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1n['magneto-ui-pagination_ellipsis'] }))),
|
|
5463
5471
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
5464
5472
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
5465
5473
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
5466
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
5474
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1n['magneto-ui-pagination_ellipsis'] }),
|
|
5467
5475
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
5468
5476
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
5469
5477
|
};
|
|
@@ -5501,9 +5509,9 @@ var QUALIFICATION = [
|
|
|
5501
5509
|
}
|
|
5502
5510
|
];
|
|
5503
5511
|
|
|
5504
|
-
var styles$
|
|
5512
|
+
var styles$1m = {"magneto-ui-qualification":"mg_qualification_magneto-ui-qualification_a2ncq","magneto-ui-qualification__star":"mg_qualification_magneto-ui-qualification_star_a2ncq"};
|
|
5505
5513
|
|
|
5506
|
-
var cx$I = classNames.bind(styles$
|
|
5514
|
+
var cx$I = classNames.bind(styles$1m);
|
|
5507
5515
|
var Component$1y = function (_a) {
|
|
5508
5516
|
var _b = _a.rating, rating = _b === void 0 ? -1 : _b, onClick = _a.onClick;
|
|
5509
5517
|
var _c = React.useState(-1), qualification = _c[0], setQualification = _c[1];
|
|
@@ -5537,7 +5545,7 @@ var RightsReservedText = function (_a) {
|
|
|
5537
5545
|
React__default["default"].createElement("p", null, magnetoRightsText)));
|
|
5538
5546
|
};
|
|
5539
5547
|
|
|
5540
|
-
var styles$
|
|
5548
|
+
var styles$1l = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_yz7nl","magneto-ui-score-level__p":"mg_score_level_magneto-ui-score-level_p_yz7nl","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_yz7nl","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_yz7nl"};
|
|
5541
5549
|
|
|
5542
5550
|
var Component$1x = function (_a) {
|
|
5543
5551
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -5567,17 +5575,17 @@ var Component$1x = function (_a) {
|
|
|
5567
5575
|
}
|
|
5568
5576
|
return { backgroundColor: '#c4c4c4' };
|
|
5569
5577
|
}, [color, score, spanHover]);
|
|
5570
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5571
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5572
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5578
|
+
return (React__default["default"].createElement("div", { className: styles$1l['magneto-ui-score-level'] },
|
|
5579
|
+
React__default["default"].createElement("p", { className: styles$1l['magneto-ui-score-level__p'] }, name),
|
|
5580
|
+
React__default["default"].createElement("div", { className: styles$1l['magneto-ui-score-level__summary'] },
|
|
5573
5581
|
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); } })); })),
|
|
5574
5582
|
React__default["default"].createElement("p", null, labelScore)),
|
|
5575
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5583
|
+
React__default["default"].createElement("button", { className: styles$1l['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
5576
5584
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
5577
5585
|
};
|
|
5578
5586
|
var ScoreLevel = Component$1x;
|
|
5579
5587
|
|
|
5580
|
-
var styles$
|
|
5588
|
+
var styles$1k = {"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"};
|
|
5581
5589
|
|
|
5582
5590
|
var Component$1w = function (_a) {
|
|
5583
5591
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -5594,15 +5602,15 @@ var Component$1w = function (_a) {
|
|
|
5594
5602
|
}
|
|
5595
5603
|
return { backgroundColor: '#c4c4c4' };
|
|
5596
5604
|
}, [color, scoreValue]);
|
|
5597
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5605
|
+
return (React__default["default"].createElement("div", { className: styles$1k['magneto-ui-score-level'] },
|
|
5598
5606
|
React__default["default"].createElement("p", null, name),
|
|
5599
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5607
|
+
React__default["default"].createElement("div", { className: styles$1k['magneto-ui-score-level__summary'] },
|
|
5600
5608
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
5601
5609
|
React__default["default"].createElement("p", null, labelScore))));
|
|
5602
5610
|
};
|
|
5603
5611
|
var ScoreLevelStatic = Component$1w;
|
|
5604
5612
|
|
|
5605
|
-
var styles$
|
|
5613
|
+
var styles$1j = {"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"};
|
|
5606
5614
|
|
|
5607
5615
|
var Component$1v = function (_a) {
|
|
5608
5616
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -5620,13 +5628,13 @@ var Component$1v = function (_a) {
|
|
|
5620
5628
|
setSearchValue('');
|
|
5621
5629
|
onSearch('');
|
|
5622
5630
|
};
|
|
5623
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5631
|
+
return (React__default["default"].createElement("div", { className: styles$1j.SearchbarComponent },
|
|
5624
5632
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
5625
5633
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
5626
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
5627
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5634
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1j['SearchbarComponent__badge'] }),
|
|
5635
|
+
React__default["default"].createElement("div", { className: styles$1j['magneto-ui-searchbar-buttons'] },
|
|
5628
5636
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
5629
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
5637
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1j['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
5630
5638
|
React__default["default"].createElement("span", null, "|"))),
|
|
5631
5639
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
5632
5640
|
};
|
|
@@ -5635,21 +5643,21 @@ var Component$1v = function (_a) {
|
|
|
5635
5643
|
*/
|
|
5636
5644
|
var Searchbar = Component$1v;
|
|
5637
5645
|
|
|
5638
|
-
var styles$
|
|
5646
|
+
var styles$1i = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
5639
5647
|
|
|
5640
5648
|
var Component$1u = function (_a) {
|
|
5641
5649
|
var props = __rest(_a, []);
|
|
5642
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5643
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
5650
|
+
return (React__default["default"].createElement("div", { className: styles$1i['search-button'] },
|
|
5651
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1i['search-button__badge'] }),
|
|
5644
5652
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
5645
5653
|
};
|
|
5646
5654
|
var SearchButton = Component$1u;
|
|
5647
5655
|
|
|
5648
|
-
var styles$
|
|
5656
|
+
var styles$1h = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
5649
5657
|
|
|
5650
|
-
var styles$
|
|
5658
|
+
var styles$1g = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
5651
5659
|
|
|
5652
|
-
var cx$H = classNames.bind(styles$
|
|
5660
|
+
var cx$H = classNames.bind(styles$1g);
|
|
5653
5661
|
var Component$1t = function (_a) {
|
|
5654
5662
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
5655
5663
|
if (hideLogo)
|
|
@@ -5658,7 +5666,7 @@ var Component$1t = function (_a) {
|
|
|
5658
5666
|
};
|
|
5659
5667
|
var SimilarCardLogo = Component$1t;
|
|
5660
5668
|
|
|
5661
|
-
var cx$G = classNames.bind(styles$
|
|
5669
|
+
var cx$G = classNames.bind(styles$1h);
|
|
5662
5670
|
var Component$1s = function (_a) {
|
|
5663
5671
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
5664
5672
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
@@ -5666,7 +5674,7 @@ var Component$1s = function (_a) {
|
|
|
5666
5674
|
};
|
|
5667
5675
|
var SimilarCardIcon = Component$1s;
|
|
5668
5676
|
|
|
5669
|
-
var cx$F = classNames.bind(styles$
|
|
5677
|
+
var cx$F = classNames.bind(styles$1h);
|
|
5670
5678
|
var Component$1r = function (_a) {
|
|
5671
5679
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
5672
5680
|
return (React__default["default"].createElement("a", { className: cx$F("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -5677,7 +5685,7 @@ var SimilarCard = Object.assign(Component$1r, {
|
|
|
5677
5685
|
Icon: SimilarCardIcon
|
|
5678
5686
|
});
|
|
5679
5687
|
|
|
5680
|
-
var styles$
|
|
5688
|
+
var styles$1f = {"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"};
|
|
5681
5689
|
|
|
5682
5690
|
var SimilarJobsCard = function (_a) {
|
|
5683
5691
|
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;
|
|
@@ -5687,12 +5695,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
5687
5695
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
5688
5696
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
5689
5697
|
}, [cities, salary, experience]);
|
|
5690
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
5691
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
5698
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
5699
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
5692
5700
|
React__default["default"].createElement("div", null,
|
|
5693
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
5694
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
5695
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
5701
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
5702
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
5703
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
5696
5704
|
};
|
|
5697
5705
|
|
|
5698
5706
|
var style$z = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_1g7nr","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_1g7nr","disabled":"mg_sort_menu_disabled_1g7nr"};
|
|
@@ -5722,7 +5730,7 @@ var SortMenu = function (_a) {
|
|
|
5722
5730
|
};
|
|
5723
5731
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
5724
5732
|
|
|
5725
|
-
var styles$
|
|
5733
|
+
var styles$1e = {"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"};
|
|
5726
5734
|
|
|
5727
5735
|
var TextArea = function (_a) {
|
|
5728
5736
|
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"]);
|
|
@@ -5748,15 +5756,15 @@ var TextArea = function (_a) {
|
|
|
5748
5756
|
return;
|
|
5749
5757
|
setShowPlaceholder(scrollTop === 0);
|
|
5750
5758
|
}, [showPlaceholder]);
|
|
5751
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5752
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5759
|
+
return (React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area")] },
|
|
5760
|
+
React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area--container")] },
|
|
5753
5761
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
5754
5762
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
5755
5763
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
5756
|
-
}, className: styles$
|
|
5757
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
5758
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5759
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5764
|
+
}, className: styles$1e["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
5765
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1e["".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 }))),
|
|
5766
|
+
React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area__footer")] },
|
|
5767
|
+
React__default["default"].createElement("span", { className: styles$1e["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
5760
5768
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
5761
5769
|
};
|
|
5762
5770
|
|
|
@@ -5792,7 +5800,7 @@ var Component$1q = function (_a) {
|
|
|
5792
5800
|
};
|
|
5793
5801
|
var TimelineEvent = Component$1q;
|
|
5794
5802
|
|
|
5795
|
-
var styles$
|
|
5803
|
+
var styles$1d = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
5796
5804
|
|
|
5797
5805
|
var Component$1p = function (_a) {
|
|
5798
5806
|
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;
|
|
@@ -5817,7 +5825,7 @@ var Component$1p = function (_a) {
|
|
|
5817
5825
|
}
|
|
5818
5826
|
return false;
|
|
5819
5827
|
};
|
|
5820
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
5828
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1d['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
5821
5829
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
5822
5830
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
5823
5831
|
})));
|
|
@@ -5844,9 +5852,9 @@ var userMenuAnalystIcons = {
|
|
|
5844
5852
|
recoverPassword: Security
|
|
5845
5853
|
};
|
|
5846
5854
|
|
|
5847
|
-
var styles$
|
|
5855
|
+
var styles$1c = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
5848
5856
|
|
|
5849
|
-
var styles$
|
|
5857
|
+
var styles$1b = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
5850
5858
|
|
|
5851
5859
|
var Component$1n = function (_a) {
|
|
5852
5860
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -5862,12 +5870,12 @@ var Component$1n = function (_a) {
|
|
|
5862
5870
|
}
|
|
5863
5871
|
}, [handleModal, handleMenuOpen, option]);
|
|
5864
5872
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
5865
|
-
styles: styles$
|
|
5873
|
+
styles: styles$1b,
|
|
5866
5874
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
5867
5875
|
}) },
|
|
5868
5876
|
prefix,
|
|
5869
5877
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
5870
|
-
styles: styles$
|
|
5878
|
+
styles: styles$1b,
|
|
5871
5879
|
cls: ['user-menu-analyst-option-default__container']
|
|
5872
5880
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
5873
5881
|
suffix));
|
|
@@ -5877,16 +5885,16 @@ var Component$1n = function (_a) {
|
|
|
5877
5885
|
*/
|
|
5878
5886
|
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1n);
|
|
5879
5887
|
|
|
5880
|
-
var styles$
|
|
5888
|
+
var styles$1a = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
5881
5889
|
|
|
5882
5890
|
var Component$1m = function (_a) {
|
|
5883
5891
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
5884
5892
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
5885
|
-
styles: styles$
|
|
5893
|
+
styles: styles$1a,
|
|
5886
5894
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
5887
5895
|
}) },
|
|
5888
5896
|
prefix,
|
|
5889
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
5897
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
5890
5898
|
suffix));
|
|
5891
5899
|
};
|
|
5892
5900
|
/**
|
|
@@ -5894,12 +5902,12 @@ var Component$1m = function (_a) {
|
|
|
5894
5902
|
*/
|
|
5895
5903
|
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1m);
|
|
5896
5904
|
|
|
5897
|
-
var styles$
|
|
5905
|
+
var styles$19 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
5898
5906
|
|
|
5899
5907
|
var Component$1l = function (_a) {
|
|
5900
5908
|
var option = _a.option, className = _a.className;
|
|
5901
5909
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
5902
|
-
styles: styles$
|
|
5910
|
+
styles: styles$19,
|
|
5903
5911
|
cls: [className, 'user-menu-analyst-option-text']
|
|
5904
5912
|
}) },
|
|
5905
5913
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -5955,26 +5963,26 @@ var optionTypes = (_b = {},
|
|
|
5955
5963
|
_b);
|
|
5956
5964
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
5957
5965
|
|
|
5958
|
-
var styles$
|
|
5966
|
+
var styles$18 = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
5959
5967
|
|
|
5960
5968
|
var Component$1j = function (_a) {
|
|
5961
5969
|
var subTitle = _a.subTitle, title = _a.title;
|
|
5962
5970
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
5963
5971
|
return (React__default["default"].createElement("div", null,
|
|
5964
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
5972
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
5965
5973
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
5966
5974
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
5967
|
-
styles: styles$
|
|
5975
|
+
styles: styles$18,
|
|
5968
5976
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
5969
5977
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
5970
5978
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
5971
|
-
styles: styles$
|
|
5979
|
+
styles: styles$18,
|
|
5972
5980
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
5973
5981
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
5974
5982
|
};
|
|
5975
5983
|
var UserMenuAnalystTitle = Component$1j;
|
|
5976
5984
|
|
|
5977
|
-
var styles$
|
|
5985
|
+
var styles$17 = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
5978
5986
|
|
|
5979
5987
|
var Component$1i = function (_a) {
|
|
5980
5988
|
var _b;
|
|
@@ -6002,13 +6010,13 @@ var Component$1i = function (_a) {
|
|
|
6002
6010
|
var OptionType = getOptionType(option.type);
|
|
6003
6011
|
if (!OptionType)
|
|
6004
6012
|
return null;
|
|
6005
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6006
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
6013
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__object'] }) },
|
|
6014
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$17, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
6007
6015
|
}
|
|
6008
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
6016
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
6009
6017
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
6010
6018
|
}, className: CNM.get({
|
|
6011
|
-
styles: styles$
|
|
6019
|
+
styles: styles$17,
|
|
6012
6020
|
cls: [
|
|
6013
6021
|
'user-menu-analyst-option__dropdown',
|
|
6014
6022
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -6017,7 +6025,7 @@ var Component$1i = function (_a) {
|
|
|
6017
6025
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
6018
6026
|
var _a;
|
|
6019
6027
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6020
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
6028
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
6021
6029
|
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1i, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
6022
6030
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
6023
6031
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -6032,11 +6040,11 @@ var UserMenuAnalystOption = Component$1i;
|
|
|
6032
6040
|
var Component$1h = function (_a) {
|
|
6033
6041
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
6034
6042
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
6035
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6043
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
6036
6044
|
var _a;
|
|
6037
6045
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
6038
6046
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
6039
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6047
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options__divider'] }) },
|
|
6040
6048
|
React__default["default"].createElement(Divider, null)))));
|
|
6041
6049
|
})));
|
|
6042
6050
|
};
|
|
@@ -6045,7 +6053,7 @@ var Component$1h = function (_a) {
|
|
|
6045
6053
|
*/
|
|
6046
6054
|
var UserMenuAnalystOptions = Component$1h;
|
|
6047
6055
|
|
|
6048
|
-
var styles$
|
|
6056
|
+
var styles$16 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
6049
6057
|
|
|
6050
6058
|
var Component$1g = function (_a) {
|
|
6051
6059
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
@@ -6065,22 +6073,22 @@ var Component$1g = function (_a) {
|
|
|
6065
6073
|
: action.data;
|
|
6066
6074
|
}
|
|
6067
6075
|
}, [action, queryString]);
|
|
6068
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6069
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
6070
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6076
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst'] }) },
|
|
6077
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__header'] }) },
|
|
6078
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user'] }) },
|
|
6071
6079
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
6072
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6073
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
6074
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
6075
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
6080
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info'] }) },
|
|
6081
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
6082
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
6083
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
6076
6084
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
6077
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
6085
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
6078
6086
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
6079
|
-
styles: styles$
|
|
6087
|
+
styles: styles$16,
|
|
6080
6088
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
6081
6089
|
}), optionClassNames: {
|
|
6082
|
-
link: CNM.get({ styles: styles$
|
|
6083
|
-
dropdown: CNM.get({ styles: styles$
|
|
6090
|
+
link: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-link'] }),
|
|
6091
|
+
dropdown: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-dropdown'] })
|
|
6084
6092
|
} }))),
|
|
6085
6093
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
6086
6094
|
};
|
|
@@ -6089,11 +6097,11 @@ var Component$1g = function (_a) {
|
|
|
6089
6097
|
*/
|
|
6090
6098
|
var UserMenuAnalyst = Component$1g;
|
|
6091
6099
|
|
|
6092
|
-
var styles$
|
|
6100
|
+
var styles$15 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
6093
6101
|
|
|
6094
6102
|
var Component$1f = function (_a) {
|
|
6095
6103
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
6096
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6104
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$15, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
6097
6105
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
6098
6106
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
6099
6107
|
};
|
|
@@ -6102,12 +6110,12 @@ var Component$1f = function (_a) {
|
|
|
6102
6110
|
*/
|
|
6103
6111
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1f);
|
|
6104
6112
|
|
|
6105
|
-
var styles$
|
|
6113
|
+
var styles$14 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
6106
6114
|
|
|
6107
6115
|
var Component$1e = function (_a) {
|
|
6108
6116
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
6109
6117
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6110
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
6118
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$14, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
6111
6119
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
6112
6120
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
6113
6121
|
};
|
|
@@ -6140,15 +6148,15 @@ var Component$1d = function (_a) {
|
|
|
6140
6148
|
*/
|
|
6141
6149
|
var UserMenuWrapperAnalyst = Component$1d;
|
|
6142
6150
|
|
|
6143
|
-
var styles$
|
|
6151
|
+
var styles$13 = {"alerts-panel":"mg_alerts_panel_alerts-panel_14tzp","alerts-panel__title":"mg_alerts_panel_alerts-panel_title_14tzp","alerts-panel__list":"mg_alerts_panel_alerts-panel_list_14tzp","alerts-panel__item":"mg_alerts_panel_alerts-panel_item_14tzp","alerts-panel__item-text":"mg_alerts_panel_alerts-panel_item-text_14tzp","alerts-panel__item-button":"mg_alerts_panel_alerts-panel_item-button_14tzp"};
|
|
6144
6152
|
|
|
6145
|
-
var cx$D = classNames.bind(styles$
|
|
6153
|
+
var cx$D = classNames.bind(styles$13);
|
|
6146
6154
|
var AlertsPanelList = function (_a) {
|
|
6147
6155
|
var children = _a.children, className = _a.className;
|
|
6148
6156
|
return React__default["default"].createElement("ul", { className: cx$D('alerts-panel__list', className) }, children);
|
|
6149
6157
|
};
|
|
6150
6158
|
|
|
6151
|
-
var cx$C = classNames.bind(styles$
|
|
6159
|
+
var cx$C = classNames.bind(styles$13);
|
|
6152
6160
|
var AlertsPanelItem = function (_a) {
|
|
6153
6161
|
var text = _a.text, onDelete = _a.onDelete, className = _a.className;
|
|
6154
6162
|
return (React__default["default"].createElement("li", { className: cx$C('alerts-panel__item', className) },
|
|
@@ -6157,7 +6165,7 @@ var AlertsPanelItem = function (_a) {
|
|
|
6157
6165
|
React__default["default"].createElement(IconItem, { icon: Trash })))));
|
|
6158
6166
|
};
|
|
6159
6167
|
|
|
6160
|
-
var cx$B = classNames.bind(styles$
|
|
6168
|
+
var cx$B = classNames.bind(styles$13);
|
|
6161
6169
|
var Component$1c = function (_a) {
|
|
6162
6170
|
var title = _a.title, children = _a.children, className = _a.className;
|
|
6163
6171
|
return (React__default["default"].createElement("div", { className: cx$B('alerts-panel', className) },
|
|
@@ -6180,57 +6188,57 @@ var AlphabetFilter = function (_a) {
|
|
|
6180
6188
|
React__default["default"].createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
6181
6189
|
};
|
|
6182
6190
|
|
|
6183
|
-
var styles$
|
|
6191
|
+
var styles$12 = {"section-summary":"mg_application_section_section-summary_1r3rt","start":"mg_application_section_start_1r3rt","center":"mg_application_section_center_1r3rt","end":"mg_application_section_end_1r3rt"};
|
|
6184
6192
|
|
|
6185
|
-
var cx$A = classNames.bind(styles$
|
|
6193
|
+
var cx$A = classNames.bind(styles$12);
|
|
6186
6194
|
var Component$1b = function (_a) {
|
|
6187
6195
|
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
6188
6196
|
return React__default["default"].createElement("div", { className: cx$A('section-summary', aligned, className) }, children);
|
|
6189
6197
|
};
|
|
6190
6198
|
var ApplicationSection = Component$1b;
|
|
6191
6199
|
|
|
6192
|
-
var styles$
|
|
6200
|
+
var styles$11 = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
6193
6201
|
|
|
6194
|
-
var cx$z = classNames.bind(styles$
|
|
6202
|
+
var cx$z = classNames.bind(styles$11);
|
|
6195
6203
|
var Component$1a = function (_a) {
|
|
6196
6204
|
var children = _a.children, className = _a.className;
|
|
6197
6205
|
return React__default["default"].createElement("div", { className: cx$z('title-summary', className) }, children);
|
|
6198
6206
|
};
|
|
6199
6207
|
var ApplicationTitle = Component$1a;
|
|
6200
6208
|
|
|
6201
|
-
var styles
|
|
6209
|
+
var styles$10 = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
6202
6210
|
|
|
6203
|
-
var cx$y = classNames.bind(styles
|
|
6211
|
+
var cx$y = classNames.bind(styles$10);
|
|
6204
6212
|
var Component$19 = function (_a) {
|
|
6205
6213
|
var children = _a.children, className = _a.className;
|
|
6206
6214
|
return React__default["default"].createElement("div", { className: cx$y('subtitle-summary', className) }, children);
|
|
6207
6215
|
};
|
|
6208
6216
|
var ApplicationSubtitle = Component$19;
|
|
6209
6217
|
|
|
6210
|
-
var styles
|
|
6218
|
+
var styles$$ = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
6211
6219
|
|
|
6212
|
-
var cx$x = classNames.bind(styles
|
|
6220
|
+
var cx$x = classNames.bind(styles$$);
|
|
6213
6221
|
var Component$18 = function (_a) {
|
|
6214
6222
|
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
6215
6223
|
return (React__default["default"].createElement("button", __assign({}, props, { className: cx$x('button-summary', variant, className) }), children));
|
|
6216
6224
|
};
|
|
6217
6225
|
var ApplicationButton = Component$18;
|
|
6218
6226
|
|
|
6219
|
-
var styles$
|
|
6227
|
+
var styles$_ = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
6220
6228
|
|
|
6221
|
-
var cx$w = classNames.bind(styles$
|
|
6229
|
+
var cx$w = classNames.bind(styles$_);
|
|
6222
6230
|
var Component$17 = function (_a) {
|
|
6223
6231
|
var children = _a.children, className = _a.className;
|
|
6224
6232
|
return React__default["default"].createElement("p", { className: cx$w('text-summary', className) }, children);
|
|
6225
6233
|
};
|
|
6226
6234
|
var ApplicationText = Component$17;
|
|
6227
6235
|
|
|
6228
|
-
var styles$
|
|
6236
|
+
var styles$Z = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
6229
6237
|
|
|
6230
|
-
var cx$v = classNames.bind(styles$
|
|
6238
|
+
var cx$v = classNames.bind(styles$Z);
|
|
6231
6239
|
var Component$16 = function (_a) {
|
|
6232
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
6233
|
-
return (React__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$v('summary-modal'), mobileDrawerClassName: cx$v('summary-drawer') }, props), children));
|
|
6240
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
6241
|
+
return (React__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$v('summary-modal', className), mobileDrawerClassName: cx$v('summary-drawer') }, props), children));
|
|
6234
6242
|
};
|
|
6235
6243
|
var ApplicationSummary = Object.assign(Component$16, {
|
|
6236
6244
|
Section: ApplicationSection,
|
|
@@ -6263,40 +6271,40 @@ var CategoryGrid = function (_a) {
|
|
|
6263
6271
|
return (React__default["default"].createElement("div", { className: style$w['magneto-ui-category-grid-wrapper'], style: gridStyle }, elements.map(function (props, key) { return (React__default["default"].createElement(Component, __assign({ key: key }, props))); })));
|
|
6264
6272
|
};
|
|
6265
6273
|
|
|
6266
|
-
var styles$
|
|
6274
|
+
var styles$Y = {"magneto-ui-category-menu-container":"mg_category_menu_card_magneto-ui-category-menu-container_1hzb9","magneto-ui-category-menu-container-card":"mg_category_menu_card_magneto-ui-category-menu-container-card_1hzb9","magneto-ui-category-menu-container-card--is-open":"mg_category_menu_card_magneto-ui-category-menu-container-card--is-open_1hzb9","magneto-ui-category-menu-container-card__content":"mg_category_menu_card_magneto-ui-category-menu-container-card_content_1hzb9","magneto-ui-category-menu-container-card__title":"mg_category_menu_card_magneto-ui-category-menu-container-card_title_1hzb9","magneto-ui-category-menu-container-card__icon":"mg_category_menu_card_magneto-ui-category-menu-container-card_icon_1hzb9","magneto-ui-category-menu-container-card__arrow":"mg_category_menu_card_magneto-ui-category-menu-container-card_arrow_1hzb9","magneto-ui-category-menu-container-card__arrow--rotate-arrow":"mg_category_menu_card_magneto-ui-category-menu-container-card_arrow--rotate-arrow_1hzb9"};
|
|
6267
6275
|
|
|
6268
|
-
var styles$
|
|
6276
|
+
var styles$X = {"magneto-ui-category-menu-list":"mg_category_menu_list_magneto-ui-category-menu-list_17ljg","magneto-ui-category-menu-list--is-open":"mg_category_menu_list_magneto-ui-category-menu-list--is-open_17ljg","magneto-ui-category-menu-list-listItem":"mg_category_menu_list_magneto-ui-category-menu-list-listItem_17ljg","magneto-ui-category-menu-list-seeAll":"mg_category_menu_list_magneto-ui-category-menu-list-seeAll_17ljg","magneto-ui-category-menu-list-seeAll__item":"mg_category_menu_list_magneto-ui-category-menu-list-seeAll_item_17ljg","magneto-ui-category-menu-list-seeAll__arrow":"mg_category_menu_list_magneto-ui-category-menu-list-seeAll_arrow_17ljg"};
|
|
6269
6277
|
|
|
6270
6278
|
var Component$15 = function (_a) {
|
|
6271
6279
|
var list = _a.list, isOpen = _a.isOpen, onClick = _a.onClick, seeAllText = _a.seeAllText, href = _a.href;
|
|
6272
|
-
var rightArrow = (React__default["default"].createElement("div", { className: styles$
|
|
6280
|
+
var rightArrow = (React__default["default"].createElement("div", { className: styles$X["magneto-ui-category-menu-list-seeAll__arrow"] },
|
|
6273
6281
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
6274
6282
|
if (!list.length)
|
|
6275
6283
|
return null;
|
|
6276
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6284
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$X["magneto-ui-category-menu-list"], " ").concat(isOpen ? styles$X["magneto-ui-category-menu-list--is-open"] : '') },
|
|
6277
6285
|
list.map(function (_a) {
|
|
6278
6286
|
var id = _a.id, name = _a.name, href = _a.href, onClick = _a.onClick;
|
|
6279
|
-
return (React__default["default"].createElement(ButtonLink, { key: id, onClick: onClick, href: href, className: styles$
|
|
6287
|
+
return (React__default["default"].createElement(ButtonLink, { key: id, onClick: onClick, href: href, className: styles$X["magneto-ui-category-menu-list-listItem"], buttonText: name }));
|
|
6280
6288
|
}),
|
|
6281
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6282
|
-
React__default["default"].createElement(ButtonLink, { onClick: onClick, href: href, className: "".concat(styles$
|
|
6289
|
+
React__default["default"].createElement("div", { className: "".concat(styles$X["magneto-ui-category-menu-list-seeAll"]) },
|
|
6290
|
+
React__default["default"].createElement(ButtonLink, { onClick: onClick, href: href, className: "".concat(styles$X["magneto-ui-category-menu-list-seeAll__item"]), buttonText: seeAllText }),
|
|
6283
6291
|
rightArrow)));
|
|
6284
6292
|
};
|
|
6285
6293
|
var CategoryMenuList = Component$15;
|
|
6286
6294
|
|
|
6287
6295
|
var CategoryMenuCard = function (_a) {
|
|
6288
6296
|
var name = _a.name, icon = _a.icon, onClick = _a.onClick, clickOut = _a.clickOut, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, list = _a.list, href = _a.href, seeAllText = _a.seeAllText;
|
|
6289
|
-
var downArrow = (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6297
|
+
var downArrow = (React__default["default"].createElement("div", { className: "".concat(styles$Y["magneto-ui-category-menu-container-card__arrow"], "\n ").concat(clickOut ? styles$Y["magneto-ui-category-menu-container-card__arrow--rotate-arrow"] : '') },
|
|
6290
6298
|
React__default["default"].createElement(IconItem, { icon: ArrowDown2, size: 16 })));
|
|
6291
6299
|
var handleToggle = function () {
|
|
6292
6300
|
setClickOut(!clickOut);
|
|
6293
6301
|
};
|
|
6294
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
6295
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6296
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
6302
|
+
return (React__default["default"].createElement("div", { className: styles$Y['magneto-ui-category-menu-container'], onClick: handleToggle },
|
|
6303
|
+
React__default["default"].createElement("div", { className: "".concat(styles$Y["magneto-ui-category-menu-container-card"], " \n ").concat(clickOut ? styles$Y["magneto-ui-category-menu-container-card--is-open"] : '') },
|
|
6304
|
+
icon && (React__default["default"].createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__icon"] },
|
|
6297
6305
|
React__default["default"].createElement(IconItem, { icon: getIcon(programaticIcons, icon), size: 16 }))),
|
|
6298
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6299
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6306
|
+
React__default["default"].createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__content"] },
|
|
6307
|
+
React__default["default"].createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__title"] }, name)),
|
|
6300
6308
|
downArrow),
|
|
6301
6309
|
React__default["default"].createElement(CategoryMenuList, { list: list, seeAllText: seeAllText, onClick: onClick, isOpen: clickOut, href: href })));
|
|
6302
6310
|
};
|
|
@@ -6337,7 +6345,7 @@ var Component$13 = function (_a) {
|
|
|
6337
6345
|
};
|
|
6338
6346
|
var DrawerMenu = Component$13;
|
|
6339
6347
|
|
|
6340
|
-
var styles$
|
|
6348
|
+
var styles$W = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_yypjj","magneto-ui-filter-card__search":"mg_filter_card_magneto-ui-filter-card_search_yypjj","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_yypjj","magneto-ui-filter-card_header--arrow":"mg_filter_card_magneto-ui-filter-card_header--arrow_yypjj","--open":"mg_filter_card_--open_yypjj","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_yypjj","hasSearch":"mg_filter_card_hasSearch_yypjj"};
|
|
6341
6349
|
|
|
6342
6350
|
var FilterCard = function (_a) {
|
|
6343
6351
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, index = _a.index, setCurrentOpenFilter = _a.setCurrentOpenFilter, showFilters = _a.showFilters, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied", "index", "setCurrentOpenFilter", "showFilters"]);
|
|
@@ -6391,17 +6399,17 @@ var FilterCard = function (_a) {
|
|
|
6391
6399
|
}, [showFilters, appliedOption, hasntOptions, showItems]);
|
|
6392
6400
|
if (!values.length)
|
|
6393
6401
|
return React__default["default"].createElement(React.Fragment, null);
|
|
6394
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
6395
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6402
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$W["magneto-ui-filter-card"], " ").concat(hasSearch && showItems && isInteractiveSection ? styles$W.hasSearch : '') },
|
|
6403
|
+
React__default["default"].createElement("div", { className: "".concat(styles$W["magneto-ui-filter-card_header"], " ").concat(styles$W[showItems ? '--open' : '']), onClick: isInteractiveSection ? handleShowItems : undefined },
|
|
6396
6404
|
React__default["default"].createElement("p", null, label),
|
|
6397
6405
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6398
|
-
isInteractiveSection && (React__default["default"].createElement(IconItem, { icon: ArrowDown2, size: 16, className: styles$
|
|
6399
|
-
showItems && isInteractiveSection && hasSearch && (React__default["default"].createElement("div", { className: styles$
|
|
6406
|
+
isInteractiveSection && (React__default["default"].createElement(IconItem, { icon: ArrowDown2, size: 16, className: styles$W["magneto-ui-filter-card_header--arrow"] }))),
|
|
6407
|
+
showItems && isInteractiveSection && hasSearch && (React__default["default"].createElement("div", { className: styles$W['magneto-ui-filter-card__search'] },
|
|
6400
6408
|
React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch }))),
|
|
6401
|
-
showItems && React__default["default"].createElement("div", { className: styles$
|
|
6409
|
+
showItems && React__default["default"].createElement("div", { className: styles$W['magneto-ui-filter-card_options'] }, optionsRendered)));
|
|
6402
6410
|
};
|
|
6403
6411
|
|
|
6404
|
-
var styles$
|
|
6412
|
+
var styles$V = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_dd3me","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_dd3me","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_dd3me","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_dd3me","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_dd3me","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_dd3me","disabled":"mg_filter_header_disabled_dd3me"};
|
|
6405
6413
|
|
|
6406
6414
|
var FilterHeader = function (_a) {
|
|
6407
6415
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -6410,21 +6418,21 @@ var FilterHeader = function (_a) {
|
|
|
6410
6418
|
buttonText: buttonText,
|
|
6411
6419
|
title: buttonText,
|
|
6412
6420
|
iconProps: { icon: Broom, size: 18 },
|
|
6413
|
-
className: styles$
|
|
6421
|
+
className: styles$V['magneto-ui-filter-header_btn'],
|
|
6414
6422
|
disabled: !totalApplied,
|
|
6415
6423
|
onClick: function () { return clearFilters(); }
|
|
6416
6424
|
};
|
|
6417
6425
|
}, [buttonText, totalApplied, clearFilters]);
|
|
6418
6426
|
var displayBtnClear = React.useMemo(function () {
|
|
6419
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
6427
|
+
return (React__default["default"].createElement("div", { className: styles$V['magneto-ui-filter-header_clean'] },
|
|
6420
6428
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
6421
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
6429
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$V.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
6422
6430
|
}, [totalApplied, mainBtnProps]);
|
|
6423
6431
|
var displayFilterSummary = React.useMemo(function () {
|
|
6424
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
6432
|
+
return React__default["default"].createElement("span", { className: styles$V['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
6425
6433
|
}, [filterSummary]);
|
|
6426
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
6427
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6434
|
+
return (React__default["default"].createElement("article", { className: styles$V['magneto-ui-filter-header'] },
|
|
6435
|
+
React__default["default"].createElement("div", { className: styles$V['magneto-ui-filter-header_title'] },
|
|
6428
6436
|
React__default["default"].createElement("p", null,
|
|
6429
6437
|
React__default["default"].createElement(IconItem, { icon: FilterIcon, size: 16 }),
|
|
6430
6438
|
title),
|
|
@@ -6433,7 +6441,7 @@ var FilterHeader = function (_a) {
|
|
|
6433
6441
|
//TODO: review isActive, setIsActive
|
|
6434
6442
|
, {
|
|
6435
6443
|
//TODO: review isActive, setIsActive
|
|
6436
|
-
title: switchText, className: styles$
|
|
6444
|
+
title: switchText, className: styles$V['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6437
6445
|
displayFilterSummary));
|
|
6438
6446
|
};
|
|
6439
6447
|
|
|
@@ -6493,9 +6501,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
6493
6501
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
6494
6502
|
};
|
|
6495
6503
|
|
|
6496
|
-
var styles$
|
|
6504
|
+
var styles$U = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_19p1u","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_19p1u","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_19p1u","magneto-ui-header-analyst__logo":"mg_header_analyst_magneto-ui-header-analyst_logo_19p1u","magneto-ui-header-analyst__legend":"mg_header_analyst_magneto-ui-header-analyst_legend_19p1u","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_19p1u"};
|
|
6497
6505
|
|
|
6498
|
-
var cx$u = classNames.bind(styles$
|
|
6506
|
+
var cx$u = classNames.bind(styles$U);
|
|
6499
6507
|
var Component$12 = function (_a) {
|
|
6500
6508
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, legend = _a.legend, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
6501
6509
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
@@ -6523,7 +6531,7 @@ var Component$12 = function (_a) {
|
|
|
6523
6531
|
*/
|
|
6524
6532
|
var HeaderAnalyst = Component$12;
|
|
6525
6533
|
|
|
6526
|
-
var styles$
|
|
6534
|
+
var styles$T = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_3tw3x","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_3tw3x","JobLockedAlert":"mg_job_details_drawer_JobLockedAlert_3tw3x","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_3tw3x"};
|
|
6527
6535
|
|
|
6528
6536
|
var style$q = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
6529
6537
|
|
|
@@ -6553,7 +6561,7 @@ var Component$11 = function () {
|
|
|
6553
6561
|
*/
|
|
6554
6562
|
var JobDetailsSkeleton = Component$11;
|
|
6555
6563
|
|
|
6556
|
-
var styles$
|
|
6564
|
+
var styles$S = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
6557
6565
|
|
|
6558
6566
|
var SimilarJobs = function (_a) {
|
|
6559
6567
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -6561,8 +6569,8 @@ var SimilarJobs = function (_a) {
|
|
|
6561
6569
|
var pageExists = false;
|
|
6562
6570
|
if (similarJobsCard.length <= 0)
|
|
6563
6571
|
return null;
|
|
6564
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6565
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
6572
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$S["".concat(classMUI, "-similar-jobs-section")]) },
|
|
6573
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$S["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
6566
6574
|
similarJobsCard.map(function (_a) {
|
|
6567
6575
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
6568
6576
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -6581,12 +6589,12 @@ var Component$10 = function (_a) {
|
|
|
6581
6589
|
if (isLoading)
|
|
6582
6590
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
6583
6591
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
6584
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
6585
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6592
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$T.JobDetailsDrawerComponent },
|
|
6593
|
+
React__default["default"].createElement("div", { className: styles$T['JobHeaderCardWrapper'] },
|
|
6586
6594
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps, { isApplied: isApplied, jobActionsProps: jobActionsProps })),
|
|
6587
|
-
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$
|
|
6595
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$T.JobLockedAlert })),
|
|
6588
6596
|
isApplied ? (React__default["default"].createElement(AlertJobStatus, __assign({}, alertJobStatusProps))) : (React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps)))),
|
|
6589
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6597
|
+
React__default["default"].createElement("div", { className: styles$T['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
6590
6598
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
6591
6599
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
6592
6600
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -6602,17 +6610,17 @@ var Component$10 = function (_a) {
|
|
|
6602
6610
|
*/
|
|
6603
6611
|
var JobDetailsDrawer = Component$10;
|
|
6604
6612
|
|
|
6605
|
-
var styles$
|
|
6613
|
+
var styles$R = {"magneto-ui--job-drawer":"mg_job_suggested_drawer_magneto-ui--job-drawer_ax183","magneto-ui--job-drawer__title":"mg_job_suggested_drawer_magneto-ui--job-drawer_title_ax183"};
|
|
6606
6614
|
|
|
6607
|
-
var styles$
|
|
6615
|
+
var styles$Q = {"magneto-ui-job-company-header":"mg_job_suggested_header_magneto-ui-job-company-header_1vzc6"};
|
|
6608
6616
|
|
|
6609
|
-
var cx$t = classNames.bind(styles$
|
|
6617
|
+
var cx$t = classNames.bind(styles$Q);
|
|
6610
6618
|
var JobSuggestedHeader = function (jobCompanySuggestedHeaderProps) {
|
|
6611
6619
|
return (React__default["default"].createElement("div", { className: cx$t('magneto-ui-job-company-header', jobCompanySuggestedHeaderProps.className) },
|
|
6612
6620
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanySuggestedHeaderProps))));
|
|
6613
6621
|
};
|
|
6614
6622
|
|
|
6615
|
-
var styles$
|
|
6623
|
+
var styles$P = {"job-suggested-similar-jobs":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_1n84u","job-suggested-similar-jobs__title":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_title_1n84u","job-suggested-similar-jobs__text":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_text_1n84u","job-suggested-similar-jobs__search":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search_1n84u","job-suggested-similar-jobs__search--alternative-bg":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search--alternative-bg_1n84u"};
|
|
6616
6624
|
|
|
6617
6625
|
var similarJobTextAdapter = function (job) {
|
|
6618
6626
|
var text = [
|
|
@@ -6627,7 +6635,7 @@ var similarJobTextAdapter = function (job) {
|
|
|
6627
6635
|
return text;
|
|
6628
6636
|
};
|
|
6629
6637
|
|
|
6630
|
-
var cx$s = classNames.bind(styles$
|
|
6638
|
+
var cx$s = classNames.bind(styles$P);
|
|
6631
6639
|
var Icon = SimilarCard.Icon, Logo = SimilarCard.Logo, Text = SimilarCard.Text;
|
|
6632
6640
|
var JobSuggestedSimilarJobs = function (_a) {
|
|
6633
6641
|
var hideLogo = _a.hideLogo, sectionTitle = _a.sectionTitle, similarJobsCard = _a.similarJobsCard, _b = _a.maxItemsToShow, maxItemsToShow = _b === void 0 ? 5 : _b, className = _a.className, tag = _a.tag, url = _a.url, _c = _a.notItemsDefaultAnchor, notItemsDefaultAnchor = _c === void 0 ? false : _c, tagDefaultAnchor = _a.tagDefaultAnchor, urlDefaultAnchor = _a.urlDefaultAnchor;
|
|
@@ -6648,7 +6656,7 @@ var JobSuggestedSimilarJobs = function (_a) {
|
|
|
6648
6656
|
showMoreOption && React__default["default"].createElement(SearchItem, { className: cx$s('job-suggested-similar-jobs__search'), tag: tag, url: url })));
|
|
6649
6657
|
};
|
|
6650
6658
|
|
|
6651
|
-
var cx$r = classNames.bind(styles$
|
|
6659
|
+
var cx$r = classNames.bind(styles$R);
|
|
6652
6660
|
var Component$$ = function (_a) {
|
|
6653
6661
|
var isLoading = _a.isLoading, children = _a.children, className = _a.className;
|
|
6654
6662
|
if (isLoading)
|
|
@@ -6661,7 +6669,7 @@ var JobSuggestedDrawer = Object.assign(Component$$, {
|
|
|
6661
6669
|
SimilarJobs: JobSuggestedSimilarJobs
|
|
6662
6670
|
});
|
|
6663
6671
|
|
|
6664
|
-
var styles$
|
|
6672
|
+
var styles$O = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
6665
6673
|
|
|
6666
6674
|
var Component$_ = function (_a) {
|
|
6667
6675
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
@@ -6695,19 +6703,19 @@ var Component$_ = function (_a) {
|
|
|
6695
6703
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6696
6704
|
md: null
|
|
6697
6705
|
});
|
|
6698
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
6706
|
+
return (React__default["default"].createElement("header", { className: styles$O.LoginHeaderComponent },
|
|
6699
6707
|
loginHeaderMobileSearchbar,
|
|
6700
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6701
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6702
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6708
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-first-row'] }),
|
|
6709
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-second-row'] },
|
|
6710
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-left-section'] },
|
|
6703
6711
|
loginHeaderMenuButton,
|
|
6704
6712
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
6705
6713
|
loginHeaderMobileSearchbarButton),
|
|
6706
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6707
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6714
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
6715
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-user-section'] },
|
|
6708
6716
|
loginHeaderOptionTabs,
|
|
6709
6717
|
loginHeaderPopover)),
|
|
6710
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6718
|
+
React__default["default"].createElement("div", { className: styles$O['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
6711
6719
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
6712
6720
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
6713
6721
|
};
|
|
@@ -6716,7 +6724,7 @@ var Component$_ = function (_a) {
|
|
|
6716
6724
|
*/
|
|
6717
6725
|
var LoginHeader = Component$_;
|
|
6718
6726
|
|
|
6719
|
-
var styles$
|
|
6727
|
+
var styles$N = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
6720
6728
|
|
|
6721
6729
|
var Muiclass$4 = 'magneto-ui';
|
|
6722
6730
|
var LoginJobsHeader = function (_a) {
|
|
@@ -6726,7 +6734,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
6726
6734
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
6727
6735
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
6728
6736
|
var haveGif = React.useMemo(function () {
|
|
6729
|
-
return gif ? styles$
|
|
6737
|
+
return gif ? styles$N['have-gif'] : '';
|
|
6730
6738
|
}, [gif]);
|
|
6731
6739
|
var toggleSearchBar = function () {
|
|
6732
6740
|
setShowSearchBar(!showSearchBar);
|
|
@@ -6754,28 +6762,28 @@ var LoginJobsHeader = function (_a) {
|
|
|
6754
6762
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6755
6763
|
md: null
|
|
6756
6764
|
});
|
|
6757
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
6765
|
+
return (React__default["default"].createElement("header", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header")] },
|
|
6758
6766
|
LogoutHeaderMobileSearchbar,
|
|
6759
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6760
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6767
|
+
React__default["default"].createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row")] },
|
|
6768
|
+
React__default["default"].createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section")] },
|
|
6761
6769
|
LoginHeaderMenuButton,
|
|
6762
6770
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
6763
6771
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
6764
6772
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
6765
|
-
React__default["default"].createElement("img", { className: styles$
|
|
6766
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
6773
|
+
React__default["default"].createElement("img", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
6774
|
+
gif && (React__default["default"].createElement("img", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
6767
6775
|
LogoutHeaderMobileSearchbarButton),
|
|
6768
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
6769
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6776
|
+
React__default["default"].createElement("div", { className: "".concat(styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
6777
|
+
React__default["default"].createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__right-section")] },
|
|
6770
6778
|
!gif && loginHeaderOptionTabs,
|
|
6771
6779
|
" ",
|
|
6772
6780
|
loginHeaderPopover)),
|
|
6773
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6781
|
+
React__default["default"].createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
6774
6782
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
6775
6783
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
6776
6784
|
};
|
|
6777
6785
|
|
|
6778
|
-
var styles$
|
|
6786
|
+
var styles$M = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
6779
6787
|
|
|
6780
6788
|
var Component$Z = function (_a) {
|
|
6781
6789
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
@@ -6820,29 +6828,29 @@ var Component$Z = function (_a) {
|
|
|
6820
6828
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6821
6829
|
md: null
|
|
6822
6830
|
});
|
|
6823
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
6831
|
+
return (React__default["default"].createElement("header", { className: styles$M.LogoutHeaderComponent },
|
|
6824
6832
|
LogoutHeaderMobileSearchbar,
|
|
6825
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6826
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6827
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6833
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
6834
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-second-row'] },
|
|
6835
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-left-section'] },
|
|
6828
6836
|
LogoutHeaderMenuButton,
|
|
6829
6837
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
6830
6838
|
LogoutHeaderMobileSearchbarButton),
|
|
6831
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6839
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-middle-section'] },
|
|
6832
6840
|
LogoutHeaderSearchbar,
|
|
6833
6841
|
" ",
|
|
6834
6842
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
6835
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6843
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-right-section'] },
|
|
6836
6844
|
LogoutHeaderLinkSignIn,
|
|
6837
6845
|
LogoutHeaderButtonSignUp)),
|
|
6838
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6846
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
6839
6847
|
};
|
|
6840
6848
|
/**
|
|
6841
6849
|
* UI Header Organisim for 1024 resolution/size
|
|
6842
6850
|
*/
|
|
6843
6851
|
var LogoutHeader = Component$Z;
|
|
6844
6852
|
|
|
6845
|
-
var styles$
|
|
6853
|
+
var styles$L = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
6846
6854
|
|
|
6847
6855
|
var Muiclass$3 = 'magneto-ui';
|
|
6848
6856
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -6873,24 +6881,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
6873
6881
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6874
6882
|
md: null
|
|
6875
6883
|
});
|
|
6876
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
6884
|
+
return (React__default["default"].createElement("header", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header")] },
|
|
6877
6885
|
LogoutHeaderMobileSearchbar,
|
|
6878
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6879
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6886
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row")] },
|
|
6887
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section")] },
|
|
6880
6888
|
LogoutHeaderMenuButton,
|
|
6881
6889
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
6882
6890
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
6883
6891
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
6884
|
-
React__default["default"].createElement("img", { className: styles$
|
|
6885
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
6892
|
+
React__default["default"].createElement("img", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
6893
|
+
gif && (React__default["default"].createElement("img", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
6886
6894
|
LogoutHeaderMobileSearchbarButton),
|
|
6887
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6895
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__middle-section")] },
|
|
6888
6896
|
LogoutHeaderSearchbar,
|
|
6889
6897
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
6890
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6898
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__right-section")] },
|
|
6891
6899
|
LogoutHeaderLinkSignIn,
|
|
6892
6900
|
LogoutHeaderButtonSignUp)),
|
|
6893
|
-
React__default["default"].createElement("div", { className: styles$
|
|
6901
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
6894
6902
|
};
|
|
6895
6903
|
|
|
6896
6904
|
var style$p = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -6991,7 +6999,7 @@ var Component$Y = function (_a) {
|
|
|
6991
6999
|
};
|
|
6992
7000
|
var MegaMenuDrawer = Component$Y;
|
|
6993
7001
|
|
|
6994
|
-
var styles$
|
|
7002
|
+
var styles$K = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
6995
7003
|
|
|
6996
7004
|
var Component$X = function (_a) {
|
|
6997
7005
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
@@ -6999,10 +7007,10 @@ var Component$X = function (_a) {
|
|
|
6999
7007
|
handleOnClick(optionValue);
|
|
7000
7008
|
};
|
|
7001
7009
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
7002
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
7003
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
7010
|
+
return (React__default["default"].createElement("div", { className: styles$K['magneto-ui--date-options'] },
|
|
7011
|
+
React__default["default"].createElement("ul", { className: styles$K['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
7004
7012
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
7005
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
7013
|
+
return (React__default["default"].createElement("li", { className: "".concat(styles$K['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$K['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
7006
7014
|
}))));
|
|
7007
7015
|
};
|
|
7008
7016
|
/**
|
|
@@ -7010,7 +7018,7 @@ var Component$X = function (_a) {
|
|
|
7010
7018
|
*/
|
|
7011
7019
|
var DateOptions = Component$X;
|
|
7012
7020
|
|
|
7013
|
-
var styles$
|
|
7021
|
+
var styles$J = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
7014
7022
|
|
|
7015
7023
|
var Component$W = function (_a) {
|
|
7016
7024
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
@@ -7034,18 +7042,18 @@ var Component$W = function (_a) {
|
|
|
7034
7042
|
setInitialSelectedOption(null);
|
|
7035
7043
|
}
|
|
7036
7044
|
}, [disabled]);
|
|
7037
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
7038
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7045
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$J['magneto-ui--date-selection'] },
|
|
7046
|
+
React__default["default"].createElement("div", { className: styles$J['magneto-ui--date-selection__header'] },
|
|
7039
7047
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
7040
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7048
|
+
React__default["default"].createElement("div", { className: styles$J['magneto-ui--date-selection__options'] },
|
|
7041
7049
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
7042
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7043
|
-
React__default["default"].createElement("button", { className: styles$
|
|
7044
|
-
React__default["default"].createElement("button", { className: styles$
|
|
7050
|
+
React__default["default"].createElement("div", { className: styles$J['magneto-ui--date-selection__btn--wrapper'] },
|
|
7051
|
+
React__default["default"].createElement("button", { className: styles$J['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
7052
|
+
React__default["default"].createElement("button", { className: styles$J['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
7045
7053
|
};
|
|
7046
7054
|
var DateSelection = Component$W;
|
|
7047
7055
|
|
|
7048
|
-
var styles$
|
|
7056
|
+
var styles$I = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
7049
7057
|
|
|
7050
7058
|
var defaultValue = function (value) {
|
|
7051
7059
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -7115,18 +7123,18 @@ var Component$V = function (_a) {
|
|
|
7115
7123
|
}
|
|
7116
7124
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
7117
7125
|
}, [disabled]);
|
|
7118
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
7119
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7120
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7121
|
-
React__default["default"].createElement("span", { className: styles$
|
|
7122
|
-
React__default["default"].createElement("p", { className: styles$
|
|
7123
|
-
React__default["default"].createElement("span", { className: styles$
|
|
7126
|
+
return (React__default["default"].createElement("section", { className: styles$I['magneto-ui--mobile-date-picker'] },
|
|
7127
|
+
React__default["default"].createElement("div", { className: styles$I["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
7128
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui--mobile-date-picker__input'] },
|
|
7129
|
+
React__default["default"].createElement("span", { className: styles$I["".concat(placeholderClass)] }, monthPlaceholder),
|
|
7130
|
+
React__default["default"].createElement("p", { className: styles$I['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
7131
|
+
React__default["default"].createElement("span", { className: styles$I["".concat(iconClass)] }, disabledArrow)),
|
|
7124
7132
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
7125
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7126
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7127
|
-
React__default["default"].createElement("span", { className: styles$
|
|
7128
|
-
React__default["default"].createElement("p", { className: styles$
|
|
7129
|
-
React__default["default"].createElement("span", { className: styles$
|
|
7133
|
+
React__default["default"].createElement("div", { className: styles$I["".concat(componentClass)], onClick: toggleYearPicker },
|
|
7134
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui--mobile-date-picker__input'] },
|
|
7135
|
+
React__default["default"].createElement("span", { className: styles$I["".concat(placeholderClass)] }, yearPlaceholder),
|
|
7136
|
+
React__default["default"].createElement("p", { className: styles$I['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
7137
|
+
React__default["default"].createElement("span", { className: styles$I["".concat(iconClass)] }, disabledArrow)),
|
|
7130
7138
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
7131
7139
|
};
|
|
7132
7140
|
var MobileDatePicker = Component$V;
|
|
@@ -7138,7 +7146,7 @@ var Component$U = function (_a) {
|
|
|
7138
7146
|
};
|
|
7139
7147
|
var MobileDrawerMenu = Component$U;
|
|
7140
7148
|
|
|
7141
|
-
var styles$
|
|
7149
|
+
var styles$H = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
7142
7150
|
|
|
7143
7151
|
var Component$T = function (_a) {
|
|
7144
7152
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose, isApplied = _a.isApplied;
|
|
@@ -7146,10 +7154,10 @@ var Component$T = function (_a) {
|
|
|
7146
7154
|
var onOpenClick = function () {
|
|
7147
7155
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
7148
7156
|
};
|
|
7149
|
-
var showButtonContainer = onClose ? styles$
|
|
7150
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
7151
|
-
React__default["default"].createElement("div", { id: styles$
|
|
7152
|
-
React__default["default"].createElement("div", { className: styles$
|
|
7157
|
+
var showButtonContainer = onClose ? styles$H['showContainer'] : styles$H['hideContainer'];
|
|
7158
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$H.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
7159
|
+
React__default["default"].createElement("div", { id: styles$H['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
7160
|
+
React__default["default"].createElement("div", { className: styles$H['DrawerButtonWrapper'] },
|
|
7153
7161
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
7154
7162
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
7155
7163
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -7252,7 +7260,7 @@ var Swipe = function (_a) {
|
|
|
7252
7260
|
} }))));
|
|
7253
7261
|
};
|
|
7254
7262
|
|
|
7255
|
-
var styles$
|
|
7263
|
+
var styles$G = {"job-locked-alert":"mg_mobile_job_details_drawer_job-locked-alert_srb1t"};
|
|
7256
7264
|
|
|
7257
7265
|
var Component$R = function (_a) {
|
|
7258
7266
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, isApplied = _a.isApplied, alertJobStatusProps = _a.alertJobStatusProps, canApply = _a.canApply;
|
|
@@ -7265,7 +7273,7 @@ var Component$R = function (_a) {
|
|
|
7265
7273
|
return jobDetailAction ? (jobDetailAction) : isLoading ? (React__default["default"].createElement(MobileJobDetailsDrawerSkeleton, null)) : (React__default["default"].createElement(React.Fragment, null,
|
|
7266
7274
|
React__default["default"].createElement(MobileJobDetailsHeader, { returnText: jobDetailsHeaderText, onClick: handleClose }),
|
|
7267
7275
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
7268
|
-
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$
|
|
7276
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$G['job-locked-alert'] })),
|
|
7269
7277
|
isApplied && React__default["default"].createElement(AlertJobStatus, __assign({}, alertJobStatusProps)),
|
|
7270
7278
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
7271
7279
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
@@ -7333,19 +7341,19 @@ var MobileSortMenu = function (_a) {
|
|
|
7333
7341
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
7334
7342
|
};
|
|
7335
7343
|
|
|
7336
|
-
var styles$
|
|
7344
|
+
var styles$F = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
7337
7345
|
|
|
7338
7346
|
var Component$Q = function (_a) {
|
|
7339
7347
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
7340
7348
|
var component = React.useMemo(function () {
|
|
7341
7349
|
var _a, _b, _c;
|
|
7342
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
7350
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container'] }) },
|
|
7343
7351
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
7344
7352
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
7345
7353
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
7346
7354
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
7347
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
7348
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
7355
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
7356
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
7349
7357
|
});
|
|
7350
7358
|
return container;
|
|
7351
7359
|
};
|
|
@@ -7363,7 +7371,7 @@ var Component$P = function (_a) {
|
|
|
7363
7371
|
*/
|
|
7364
7372
|
var ModalAnalystContent = Component$P;
|
|
7365
7373
|
|
|
7366
|
-
var styles$
|
|
7374
|
+
var styles$E = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
7367
7375
|
|
|
7368
7376
|
var EModalAnalystActionType;
|
|
7369
7377
|
(function (EModalAnalystActionType) {
|
|
@@ -7426,12 +7434,12 @@ var Component$O = function (_a) {
|
|
|
7426
7434
|
});
|
|
7427
7435
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
7428
7436
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
7429
|
-
styles: styles$
|
|
7437
|
+
styles: styles$E,
|
|
7430
7438
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
7431
7439
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
7432
7440
|
var _a, _b, _c, _d, _e;
|
|
7433
7441
|
return (React__default["default"].createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
7434
|
-
styles: styles$
|
|
7442
|
+
styles: styles$E,
|
|
7435
7443
|
cls: [
|
|
7436
7444
|
'modal-analyst-footer__button',
|
|
7437
7445
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -7439,7 +7447,7 @@ var Component$O = function (_a) {
|
|
|
7439
7447
|
]
|
|
7440
7448
|
}) },
|
|
7441
7449
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
7442
|
-
styles: styles$
|
|
7450
|
+
styles: styles$E,
|
|
7443
7451
|
cls: [
|
|
7444
7452
|
'modal-analyst-footer__prefix-icon-container',
|
|
7445
7453
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -7447,7 +7455,7 @@ var Component$O = function (_a) {
|
|
|
7447
7455
|
]
|
|
7448
7456
|
}) },
|
|
7449
7457
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
7450
|
-
styles: styles$
|
|
7458
|
+
styles: styles$E,
|
|
7451
7459
|
cls: [
|
|
7452
7460
|
'modal-analyst-footer__prefix-loading',
|
|
7453
7461
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -7456,7 +7464,7 @@ var Component$O = function (_a) {
|
|
|
7456
7464
|
}) },
|
|
7457
7465
|
React__default["default"].createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
7458
7466
|
React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
7459
|
-
styles: styles$
|
|
7467
|
+
styles: styles$E,
|
|
7460
7468
|
cls: [
|
|
7461
7469
|
'modal-analyst-footer__prefix-icon',
|
|
7462
7470
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -7473,11 +7481,11 @@ var Component$O = function (_a) {
|
|
|
7473
7481
|
*/
|
|
7474
7482
|
var ModalAnalystFooter = Component$O;
|
|
7475
7483
|
|
|
7476
|
-
var styles$
|
|
7484
|
+
var styles$D = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
7477
7485
|
|
|
7478
7486
|
var Component$N = function (_a) {
|
|
7479
7487
|
var header = _a.header;
|
|
7480
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
7488
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$D, cls: ['modal-analyst-header'] }) },
|
|
7481
7489
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
7482
7490
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
7483
7491
|
: header.prefixIcon.icon }))),
|
|
@@ -7722,13 +7730,13 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
7722
7730
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
7723
7731
|
};
|
|
7724
7732
|
|
|
7725
|
-
var styles$
|
|
7733
|
+
var styles$C = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
7726
7734
|
|
|
7727
7735
|
var Component$L = function (_a) {
|
|
7728
7736
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
7729
7737
|
if (!title)
|
|
7730
7738
|
return null;
|
|
7731
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
7739
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$C, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React__default["default"].createElement("h3", { className: CNM.get({ styles: styles$C, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React__default["default"].createElement(Divider, null))));
|
|
7732
7740
|
};
|
|
7733
7741
|
/**
|
|
7734
7742
|
* Organism UI child component of nav menu analyst
|
|
@@ -7782,7 +7790,7 @@ var navMenuAnalystIcons = {
|
|
|
7782
7790
|
}
|
|
7783
7791
|
};
|
|
7784
7792
|
|
|
7785
|
-
var styles$
|
|
7793
|
+
var styles$B = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
7786
7794
|
|
|
7787
7795
|
var Component$K = function (_a) {
|
|
7788
7796
|
var _b;
|
|
@@ -7867,7 +7875,7 @@ var Component$K = function (_a) {
|
|
|
7867
7875
|
}
|
|
7868
7876
|
}, [option.data, queryString, useQueryString]);
|
|
7869
7877
|
var linkStyles = CNM.get({
|
|
7870
|
-
styles: styles$
|
|
7878
|
+
styles: styles$B,
|
|
7871
7879
|
cls: [
|
|
7872
7880
|
'nav-menu-analyst-option__link',
|
|
7873
7881
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -7875,7 +7883,7 @@ var Component$K = function (_a) {
|
|
|
7875
7883
|
]
|
|
7876
7884
|
});
|
|
7877
7885
|
var dropdownStyles = CNM.get({
|
|
7878
|
-
styles: styles$
|
|
7886
|
+
styles: styles$B,
|
|
7879
7887
|
cls: [
|
|
7880
7888
|
'nav-menu-analyst-option__dropdown',
|
|
7881
7889
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -7893,13 +7901,13 @@ var Component$K = function (_a) {
|
|
|
7893
7901
|
}
|
|
7894
7902
|
return (React__default["default"].createElement("div", { title: option.title, ref: optionRef },
|
|
7895
7903
|
React__default["default"].createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
7896
|
-
styles: styles$
|
|
7904
|
+
styles: styles$B,
|
|
7897
7905
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
7898
7906
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
7899
7907
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
7900
7908
|
size: 18
|
|
7901
7909
|
} }, option.data.map(function (item, i) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
7902
|
-
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$
|
|
7910
|
+
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$B, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
7903
7911
|
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$K, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
7904
7912
|
};
|
|
7905
7913
|
/**
|
|
@@ -7907,7 +7915,7 @@ var Component$K = function (_a) {
|
|
|
7907
7915
|
*/
|
|
7908
7916
|
var NavMenuAnalystOption = Component$K;
|
|
7909
7917
|
|
|
7910
|
-
var styles$
|
|
7918
|
+
var styles$A = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
7911
7919
|
|
|
7912
7920
|
var useAnalystModal = function (modals) {
|
|
7913
7921
|
var _a = React.useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -7981,17 +7989,17 @@ var Component$J = function (_a) {
|
|
|
7981
7989
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
7982
7990
|
};
|
|
7983
7991
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
7984
|
-
styles: styles$
|
|
7992
|
+
styles: styles$A,
|
|
7985
7993
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
7986
7994
|
}) },
|
|
7987
|
-
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
7995
|
+
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__header'] }) },
|
|
7988
7996
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
7989
|
-
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
7990
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
7997
|
+
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__container'] }) },
|
|
7998
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React__default["default"].createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__section'] }) },
|
|
7991
7999
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
7992
8000
|
section.children.map(function (child, j) { return (React__default["default"].createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
7993
8001
|
React__default["default"].createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
7994
|
-
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8002
|
+
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__region'] }) },
|
|
7995
8003
|
React__default["default"].createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
7996
8004
|
icons: {
|
|
7997
8005
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -8002,9 +8010,9 @@ var Component$J = function (_a) {
|
|
|
8002
8010
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
8003
8011
|
} }))),
|
|
8004
8012
|
React__default["default"].createElement("footer", { className: CNM.get({
|
|
8005
|
-
styles: styles$
|
|
8013
|
+
styles: styles$A,
|
|
8006
8014
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
8007
|
-
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
8015
|
+
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
8008
8016
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
8009
8017
|
option.children.map(function (child, j) { return (React__default["default"].createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
8010
8018
|
};
|
|
@@ -8013,16 +8021,16 @@ var Component$J = function (_a) {
|
|
|
8013
8021
|
*/
|
|
8014
8022
|
var NavMenuAnalyst = Component$J;
|
|
8015
8023
|
|
|
8016
|
-
var styles$
|
|
8024
|
+
var styles$z = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
8017
8025
|
|
|
8018
8026
|
var Component$I = function (_a) {
|
|
8019
8027
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
8020
8028
|
var cancelButton = useMediaQuery(React__default["default"].createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
8021
|
-
styles: styles$
|
|
8029
|
+
styles: styles$z,
|
|
8022
8030
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
8023
8031
|
}), onClick: function () { return handleClose(null); } }), {
|
|
8024
8032
|
sm: (React__default["default"].createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
8025
|
-
styles: styles$
|
|
8033
|
+
styles: styles$z,
|
|
8026
8034
|
cls: [
|
|
8027
8035
|
'nav-menu-analyst-region-modal-content__button',
|
|
8028
8036
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -8030,23 +8038,23 @@ var Component$I = function (_a) {
|
|
|
8030
8038
|
}), onClick: function () { return handleClose(null); } }))
|
|
8031
8039
|
});
|
|
8032
8040
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
8033
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8041
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
8034
8042
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
8035
8043
|
return (React__default["default"].createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
8036
8044
|
icon: flag,
|
|
8037
8045
|
alt: lang,
|
|
8038
|
-
className: CNM.get({ styles: styles$
|
|
8039
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
8046
|
+
className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
8047
|
+
}, childrenClassName: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
8040
8048
|
var lang = _a.lang;
|
|
8041
8049
|
return lang === defaultRegion;
|
|
8042
8050
|
}) ? defaultRegion === lang : index === 0) &&
|
|
8043
8051
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
8044
8052
|
React__default["default"].createElement("span", null, name)));
|
|
8045
8053
|
})),
|
|
8046
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8054
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
8047
8055
|
cancelButton,
|
|
8048
8056
|
React__default["default"].createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
8049
|
-
styles: styles$
|
|
8057
|
+
styles: styles$z,
|
|
8050
8058
|
cls: [
|
|
8051
8059
|
'nav-menu-analyst-region-modal-content__button',
|
|
8052
8060
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
@@ -8055,7 +8063,7 @@ var Component$I = function (_a) {
|
|
|
8055
8063
|
};
|
|
8056
8064
|
var NavMenuAnalystRegionModalContent = Component$I;
|
|
8057
8065
|
|
|
8058
|
-
var styles$
|
|
8066
|
+
var styles$y = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_110ci"};
|
|
8059
8067
|
|
|
8060
8068
|
var Component$H = function (_a) {
|
|
8061
8069
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
@@ -8065,9 +8073,9 @@ var Component$H = function (_a) {
|
|
|
8065
8073
|
setSelectedRegion(null);
|
|
8066
8074
|
handleRegionChange(region);
|
|
8067
8075
|
}, [handleRegionChange]);
|
|
8068
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
8076
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$y, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
8069
8077
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
8070
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
8078
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$y, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
8071
8079
|
React__default["default"].createElement("h2", null, regionModal.title),
|
|
8072
8080
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
8073
8081
|
});
|
|
@@ -8078,7 +8086,7 @@ var Component$H = function (_a) {
|
|
|
8078
8086
|
*/
|
|
8079
8087
|
var NavMenuAnalystRegionModal = Component$H;
|
|
8080
8088
|
|
|
8081
|
-
var styles$
|
|
8089
|
+
var styles$x = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
8082
8090
|
|
|
8083
8091
|
var Component$G = function (_a) {
|
|
8084
8092
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
@@ -8087,7 +8095,7 @@ var Component$G = function (_a) {
|
|
|
8087
8095
|
onClose();
|
|
8088
8096
|
}
|
|
8089
8097
|
}, [onClose]);
|
|
8090
|
-
return (React__default["default"].createElement(Drawer$1, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
8098
|
+
return (React__default["default"].createElement(Drawer$1, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$x, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
8091
8099
|
React__default["default"].createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
8092
8100
|
};
|
|
8093
8101
|
/**
|
|
@@ -8292,16 +8300,16 @@ var OneSelectionEntry = function (_a) {
|
|
|
8292
8300
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
8293
8301
|
};
|
|
8294
8302
|
|
|
8295
|
-
var styles$
|
|
8303
|
+
var styles$w = {"processes-text-common":"mg_processes_card_processes-text-common_lpwdc","processes-card__text":"mg_processes_card_processes-card_text_lpwdc","processes-card__title":"mg_processes_card_processes-card_title_lpwdc","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_lpwdc","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_lpwdc","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_lpwdc","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_lpwdc","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_lpwdc","processes-text-status--Canceled":"mg_processes_card_processes-text-status--Canceled_lpwdc","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_lpwdc","processes-card":"mg_processes_card_processes-card_lpwdc","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_lpwdc","processes-card__section":"mg_processes_card_processes-card_section_lpwdc","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_lpwdc","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_lpwdc","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_lpwdc","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_lpwdc","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_lpwdc","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_lpwdc","processes-card__status-card--Canceled":"mg_processes_card_processes-card_status-card--Canceled_lpwdc","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_lpwdc","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_lpwdc","processes-card__status-card":"mg_processes_card_processes-card_status-card_lpwdc","processes-card__brand":"mg_processes_card_processes-card_brand_lpwdc","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_lpwdc","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_lpwdc"};
|
|
8296
8304
|
|
|
8297
|
-
var cx$q = classNames.bind(styles$
|
|
8305
|
+
var cx$q = classNames.bind(styles$w);
|
|
8298
8306
|
var Component$F = function (_a) {
|
|
8299
8307
|
var children = _a.children, className = _a.className;
|
|
8300
8308
|
return React__default["default"].createElement("div", { className: cx$q('processes-card__section', className) }, children);
|
|
8301
8309
|
};
|
|
8302
8310
|
var ProcessesCardSection = Component$F;
|
|
8303
8311
|
|
|
8304
|
-
var cx$p = classNames.bind(styles$
|
|
8312
|
+
var cx$p = classNames.bind(styles$w);
|
|
8305
8313
|
var Component$E = function (_a) {
|
|
8306
8314
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
|
|
8307
8315
|
return (React__default["default"].createElement("div", { className: cx$p('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
|
|
@@ -8310,21 +8318,21 @@ var Component$E = function (_a) {
|
|
|
8310
8318
|
};
|
|
8311
8319
|
var ProcessesCardStatus = Component$E;
|
|
8312
8320
|
|
|
8313
|
-
var cx$o = classNames.bind(styles$
|
|
8321
|
+
var cx$o = classNames.bind(styles$w);
|
|
8314
8322
|
var Component$D = function (_a) {
|
|
8315
8323
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
8316
8324
|
return React__default["default"].createElement("img", __assign({ className: cx$o('processes-card__brand', className) }, props));
|
|
8317
8325
|
};
|
|
8318
8326
|
var ProcessesCardBrand = Component$D;
|
|
8319
8327
|
|
|
8320
|
-
var cx$n = classNames.bind(styles$
|
|
8328
|
+
var cx$n = classNames.bind(styles$w);
|
|
8321
8329
|
var Component$C = function (_a) {
|
|
8322
8330
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
|
|
8323
8331
|
return React__default["default"].createElement("h3", { className: cx$n('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
|
|
8324
8332
|
};
|
|
8325
8333
|
var ProcessesCardTitle = Component$C;
|
|
8326
8334
|
|
|
8327
|
-
var cx$m = classNames.bind(styles$
|
|
8335
|
+
var cx$m = classNames.bind(styles$w);
|
|
8328
8336
|
var Component$B = function (_a) {
|
|
8329
8337
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.strong, strong = _c === void 0 ? false : _c;
|
|
8330
8338
|
return (React__default["default"].createElement("p", { className: cx$m('processes-card__text', className, "processes-text-status--".concat(status), {
|
|
@@ -8333,14 +8341,14 @@ var Component$B = function (_a) {
|
|
|
8333
8341
|
};
|
|
8334
8342
|
var ProcessesCardText = Component$B;
|
|
8335
8343
|
|
|
8336
|
-
var cx$l = classNames.bind(styles$
|
|
8344
|
+
var cx$l = classNames.bind(styles$w);
|
|
8337
8345
|
var Component$A = function (_a) {
|
|
8338
8346
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
8339
8347
|
return React__default["default"].createElement("img", __assign({ className: cx$l('processes-card__arrow-left', className), src: ArrowRight2 }, props));
|
|
8340
8348
|
};
|
|
8341
8349
|
var ProcessesCardArrow = Component$A;
|
|
8342
8350
|
|
|
8343
|
-
var cx$k = classNames.bind(styles$
|
|
8351
|
+
var cx$k = classNames.bind(styles$w);
|
|
8344
8352
|
var Component$z = function (_a) {
|
|
8345
8353
|
var status = _a.status, props = __rest(_a, ["status"]);
|
|
8346
8354
|
var iconByStatus = function (status) {
|
|
@@ -8359,7 +8367,7 @@ var Component$z = function (_a) {
|
|
|
8359
8367
|
};
|
|
8360
8368
|
var ProcessesCardIconStatus = Component$z;
|
|
8361
8369
|
|
|
8362
|
-
var cx$j = classNames.bind(styles$
|
|
8370
|
+
var cx$j = classNames.bind(styles$w);
|
|
8363
8371
|
var Component$y = function (_a) {
|
|
8364
8372
|
var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
|
|
8365
8373
|
return (React__default["default"].createElement("button", __assign({}, props, { className: cx$j('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
|
|
@@ -8386,9 +8394,9 @@ var SelectContext = React__default["default"].createContext({
|
|
|
8386
8394
|
});
|
|
8387
8395
|
var useSelectContext = function () { return React.useContext(SelectContext); };
|
|
8388
8396
|
|
|
8389
|
-
var styles$
|
|
8397
|
+
var styles$v = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
|
|
8390
8398
|
|
|
8391
|
-
var cx$i = classNames.bind(styles$
|
|
8399
|
+
var cx$i = classNames.bind(styles$v);
|
|
8392
8400
|
var getDefaulSelected = function (selected) {
|
|
8393
8401
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
8394
8402
|
};
|
|
@@ -8427,9 +8435,9 @@ var Component$x = function (_a) {
|
|
|
8427
8435
|
};
|
|
8428
8436
|
var SelectInput = Component$x;
|
|
8429
8437
|
|
|
8430
|
-
var styles$
|
|
8438
|
+
var styles$u = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
8431
8439
|
|
|
8432
|
-
var cx$h = classNames.bind(styles$
|
|
8440
|
+
var cx$h = classNames.bind(styles$u);
|
|
8433
8441
|
var SelectClickout = function (_a) {
|
|
8434
8442
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
8435
8443
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -8451,18 +8459,18 @@ var SelectClickout = function (_a) {
|
|
|
8451
8459
|
};
|
|
8452
8460
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
8453
8461
|
|
|
8454
|
-
var styles$
|
|
8462
|
+
var styles$t = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
8455
8463
|
|
|
8456
|
-
var cx$g = classNames.bind(styles$
|
|
8464
|
+
var cx$g = classNames.bind(styles$t);
|
|
8457
8465
|
var SelectDrawer = function (_a) {
|
|
8458
8466
|
var className = _a.className, children = _a.children;
|
|
8459
8467
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
8460
8468
|
return (React__default["default"].createElement(MobileDrawer, { className: cx$g('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
8461
8469
|
};
|
|
8462
8470
|
|
|
8463
|
-
var styles$
|
|
8471
|
+
var styles$s = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
|
|
8464
8472
|
|
|
8465
|
-
var cx$f = classNames.bind(styles$
|
|
8473
|
+
var cx$f = classNames.bind(styles$s);
|
|
8466
8474
|
var defaultRenderItem = function (option) { return React__default["default"].createElement(React__default["default"].Fragment, null, option.label); };
|
|
8467
8475
|
var isSelected = function (option, value) {
|
|
8468
8476
|
return value.findIndex(function (_a) {
|
|
@@ -8491,9 +8499,9 @@ var Component$w = function (_a) {
|
|
|
8491
8499
|
};
|
|
8492
8500
|
var SelectListCheck = Component$w;
|
|
8493
8501
|
|
|
8494
|
-
var styles$
|
|
8502
|
+
var styles$r = {"select__list-container":"mg_select_select_list-container_1kwcm","select-input":"mg_select_select-input_1kwcm","select-input--open":"mg_select_select-input--open_1kwcm"};
|
|
8495
8503
|
|
|
8496
|
-
var cx$e = classNames.bind(styles$
|
|
8504
|
+
var cx$e = classNames.bind(styles$r);
|
|
8497
8505
|
var defaultSelect = function (props) {
|
|
8498
8506
|
return (React__default["default"].createElement(Select.Input, __assign({ hideIcon: true, className: cx$e('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
|
|
8499
8507
|
};
|
|
@@ -8545,11 +8553,11 @@ var Component$u = function (_a) {
|
|
|
8545
8553
|
*/
|
|
8546
8554
|
var Select2Container = Component$u;
|
|
8547
8555
|
|
|
8548
|
-
var styles$
|
|
8556
|
+
var styles$q = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
|
|
8549
8557
|
|
|
8550
8558
|
var Component$t = function (_a) {
|
|
8551
8559
|
var className = _a.className, clickOut = _a.clickOut, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, isMultiple = _a.isMultiple, setTerm = _a.setTerm;
|
|
8552
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8560
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$q, cls: ['select2-desktop', className] }) },
|
|
8553
8561
|
React__default["default"].createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
|
|
8554
8562
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8555
8563
|
React__default["default"].createElement(Select2List, { disabledList: disableList, list: list, onSelected: handleChange, selected: valueSelected, visible: clickOut, render: render })));
|
|
@@ -8559,14 +8567,14 @@ var Component$t = function (_a) {
|
|
|
8559
8567
|
*/
|
|
8560
8568
|
var Select2Desktop = Component$t;
|
|
8561
8569
|
|
|
8562
|
-
var styles$
|
|
8570
|
+
var styles$p = {"magneto-ui-select2-input__button":"mg_select2_input_magneto-ui-select2-input_button_14gdi","magneto-ui-select2-input__button--disabled":"mg_select2_input_magneto-ui-select2-input_button--disabled_14gdi","magneto-ui-select2-input__button-text--selected":"mg_select2_input_magneto-ui-select2-input_button-text--selected_14gdi","magneto-ui-select2-input__button-text--placeholder":"mg_select2_input_magneto-ui-select2-input_button-text--placeholder_14gdi","magneto-ui-select2-input__suffix-icon--rotate-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--rotate-arrow_14gdi","magneto-ui-select2-input__suffix-icon--static-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--static-arrow_14gdi","select-label":"mg_select2_input_select-label_14gdi"};
|
|
8563
8571
|
|
|
8564
8572
|
var Component$s = function (_a) {
|
|
8565
8573
|
var _b, _c;
|
|
8566
8574
|
var clickOut = _a.clickOut, placeholder = _a.placeholder, searchValue = _a.searchValue, disabled = _a.disabled, handleSearch = _a.handleSearch, setClickOut = _a.setClickOut, disableList = _a.disableList, icon = _a.icon, valueSelected = _a.valueSelected, isMultiple = _a.isMultiple, name = _a.name, setTerm = _a.setTerm;
|
|
8567
8575
|
var arrowRotate = React.useMemo(function () {
|
|
8568
8576
|
return CNM.get({
|
|
8569
|
-
styles: styles$
|
|
8577
|
+
styles: styles$p,
|
|
8570
8578
|
cls: [
|
|
8571
8579
|
'select2-input__suffix-icon',
|
|
8572
8580
|
clickOut ? 'select2-input__suffix-icon--rotate-arrow' : 'select2-input__suffix-icon--static-arrow'
|
|
@@ -8579,23 +8587,23 @@ var Component$s = function (_a) {
|
|
|
8579
8587
|
return React__default["default"].createElement("span", null, placeholder);
|
|
8580
8588
|
}
|
|
8581
8589
|
if ((_a = valueSelected[0]) === null || _a === void 0 ? void 0 : _a.name) {
|
|
8582
|
-
return (React__default["default"].createElement("span", { className: styles$
|
|
8590
|
+
return (React__default["default"].createElement("span", { className: styles$p['select-label'] },
|
|
8583
8591
|
React__default["default"].createElement("span", null, placeholder),
|
|
8584
8592
|
React__default["default"].createElement("span", null, (_b = valueSelected[0]) === null || _b === void 0 ? void 0 : _b.name)));
|
|
8585
8593
|
}
|
|
8586
8594
|
return React__default["default"].createElement("span", null, placeholder);
|
|
8587
8595
|
}, [isMultiple, placeholder, valueSelected]);
|
|
8588
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8596
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$p, cls: ['select2-input'] }) },
|
|
8589
8597
|
React__default["default"].createElement("div", { style: { display: clickOut ? 'block' : 'none' } },
|
|
8590
8598
|
React__default["default"].createElement(Input, { type: "text", value: searchValue, placeholder: placeholder, name: name || placeholder, hideIcon: true, onChange: handleSearch, disabled: disabled, autoFocus: clickOut })),
|
|
8591
8599
|
React__default["default"].createElement("button", { style: { display: clickOut ? 'none' : 'flex' }, type: "button", onClick: function () { return setClickOut(!clickOut); }, disabled: disableList || disabled, className: CNM.get({
|
|
8592
|
-
styles: styles$
|
|
8600
|
+
styles: styles$p,
|
|
8593
8601
|
cls: ['select2-input__button', (disableList || disabled) && 'select2-input__button--disabled']
|
|
8594
8602
|
}) },
|
|
8595
8603
|
React__default["default"].createElement("span", null,
|
|
8596
8604
|
icon && React__default["default"].createElement("img", { src: icon, alt: "select-icon" }),
|
|
8597
8605
|
React__default["default"].createElement("p", { className: CNM.get({
|
|
8598
|
-
styles: styles$
|
|
8606
|
+
styles: styles$p,
|
|
8599
8607
|
cls: [
|
|
8600
8608
|
'select2-input__button-text',
|
|
8601
8609
|
valueSelected.length
|
|
@@ -8612,13 +8620,13 @@ var Component$s = function (_a) {
|
|
|
8612
8620
|
*/
|
|
8613
8621
|
var Select2Input = Component$s;
|
|
8614
8622
|
|
|
8615
|
-
var styles$
|
|
8623
|
+
var styles$o = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_vqso0","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_vqso0","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_vqso0","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_vqso0"};
|
|
8616
8624
|
|
|
8617
8625
|
var Component$r = function (_a) {
|
|
8618
8626
|
var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
|
|
8619
8627
|
var itemStyles = React.useCallback(function (localId) {
|
|
8620
8628
|
return CNM.get({
|
|
8621
|
-
styles: styles$
|
|
8629
|
+
styles: styles$o,
|
|
8622
8630
|
cls: [
|
|
8623
8631
|
'select2-list__item',
|
|
8624
8632
|
(selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
@@ -8641,7 +8649,7 @@ var Component$r = function (_a) {
|
|
|
8641
8649
|
return null;
|
|
8642
8650
|
if (!list.length)
|
|
8643
8651
|
return null;
|
|
8644
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8652
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$o, cls: ['select2-list', !isMobile && 'select2-list--desktop'] }) }, list.map(function (_a, index) {
|
|
8645
8653
|
var props = __rest(_a, []);
|
|
8646
8654
|
return (React__default["default"].createElement("button", { type: "button", key: props === null || props === void 0 ? void 0 : props.id, onClick: function () { return onSelected(props); }, disabled: (selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
8647
8655
|
var id = _a.id;
|
|
@@ -8654,7 +8662,7 @@ var Component$r = function (_a) {
|
|
|
8654
8662
|
*/
|
|
8655
8663
|
var Select2List = Component$r;
|
|
8656
8664
|
|
|
8657
|
-
var styles$
|
|
8665
|
+
var styles$n = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
|
|
8658
8666
|
|
|
8659
8667
|
var Component$q = function (_a) {
|
|
8660
8668
|
var className = _a.className, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, isMobile = _a.isMobile, isMultiple = _a.isMultiple, limitSelections = _a.limitSelections, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, setTerm = _a.setTerm;
|
|
@@ -8670,7 +8678,7 @@ var Component$q = function (_a) {
|
|
|
8670
8678
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
8671
8679
|
React__default["default"].createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: false, disabled: disabled, handleSearch: handleSearch, setClickOut: function () { return handleVisible(true); }, disableList: disableList, isMultiple: isMultiple, icon: icon, valueSelected: valueSelected, setTerm: setTerm }),
|
|
8672
8680
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8673
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$
|
|
8681
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$n, cls: ['select2-desktop', className] }) },
|
|
8674
8682
|
React__default["default"].createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: true, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, name: "".concat(placeholder, "-mobile"), isMultiple: isMultiple, setTerm: setTerm }),
|
|
8675
8683
|
React__default["default"].createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8676
8684
|
React__default["default"].createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
|
|
@@ -8680,13 +8688,13 @@ var Component$q = function (_a) {
|
|
|
8680
8688
|
*/
|
|
8681
8689
|
var Select2Mobile = Component$q;
|
|
8682
8690
|
|
|
8683
|
-
var styles$
|
|
8691
|
+
var styles$m = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
|
|
8684
8692
|
|
|
8685
8693
|
var Component$p = function (_a) {
|
|
8686
8694
|
var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
|
|
8687
8695
|
if (!visible || tags.length === 0)
|
|
8688
8696
|
return null;
|
|
8689
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8697
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$m, cls: ['select2-tags'] }) }, tags.map(function (_a) {
|
|
8690
8698
|
var id = _a.id, name = _a.name;
|
|
8691
8699
|
return (React__default["default"].createElement(Tags, { onClick: function () { return onRemove(id); }, icon: Close, key: id, text: name }));
|
|
8692
8700
|
})));
|
|
@@ -8816,9 +8824,9 @@ var Component$n = function (_a) {
|
|
|
8816
8824
|
};
|
|
8817
8825
|
var Timeline = Component$n;
|
|
8818
8826
|
|
|
8819
|
-
var styles$
|
|
8827
|
+
var styles$l = {"user-term-check":"mg_user_term_check_user-term-check_1mjdt"};
|
|
8820
8828
|
|
|
8821
|
-
var cx$d = classNames.bind(styles$
|
|
8829
|
+
var cx$d = classNames.bind(styles$l);
|
|
8822
8830
|
var Component$m = function (_a) {
|
|
8823
8831
|
var children = _a.children, className = _a.className, isChecked = _a.isChecked, onChange = _a.onChange;
|
|
8824
8832
|
return (React__default["default"].createElement("div", { className: cx$d('user-term-check', className) },
|
|
@@ -8826,36 +8834,36 @@ var Component$m = function (_a) {
|
|
|
8826
8834
|
};
|
|
8827
8835
|
var UserTermCheck = Component$m;
|
|
8828
8836
|
|
|
8829
|
-
var styles$
|
|
8837
|
+
var styles$k = {"user-term-content":"mg_user_term_content_user-term-content_7556y"};
|
|
8830
8838
|
|
|
8831
|
-
var cx$c = classNames.bind(styles$
|
|
8839
|
+
var cx$c = classNames.bind(styles$k);
|
|
8832
8840
|
var Component$l = function (_a) {
|
|
8833
8841
|
var children = _a.children, className = _a.className;
|
|
8834
8842
|
return React__default["default"].createElement("div", { className: cx$c('user-term-content', className) }, children);
|
|
8835
8843
|
};
|
|
8836
8844
|
var UserTermContent = Component$l;
|
|
8837
8845
|
|
|
8838
|
-
var styles$
|
|
8846
|
+
var styles$j = {"user-term-subtitle":"mg_user_term_subtitle_user-term-subtitle_n7gfk"};
|
|
8839
8847
|
|
|
8840
|
-
var cx$b = classNames.bind(styles$
|
|
8848
|
+
var cx$b = classNames.bind(styles$j);
|
|
8841
8849
|
var Component$k = function (_a) {
|
|
8842
8850
|
var children = _a.children, className = _a.className;
|
|
8843
8851
|
return React__default["default"].createElement("h3", { className: cx$b('user-term-subtitle', className) }, children);
|
|
8844
8852
|
};
|
|
8845
8853
|
var UserTermSubTitle = Component$k;
|
|
8846
8854
|
|
|
8847
|
-
var styles$
|
|
8855
|
+
var styles$i = {"user-term-title":"mg_user_term_title_user-term-title_1krun"};
|
|
8848
8856
|
|
|
8849
|
-
var cx$a = classNames.bind(styles$
|
|
8857
|
+
var cx$a = classNames.bind(styles$i);
|
|
8850
8858
|
var Component$j = function (_a) {
|
|
8851
8859
|
var children = _a.children, className = _a.className;
|
|
8852
8860
|
return React__default["default"].createElement("h2", { className: cx$a('user-term-title', className) }, children);
|
|
8853
8861
|
};
|
|
8854
8862
|
var UserTermTitle = Component$j;
|
|
8855
8863
|
|
|
8856
|
-
var styles$
|
|
8864
|
+
var styles$h = {"user-term-submit":"mg_user_term_submit_user-term-submit_1f0wt"};
|
|
8857
8865
|
|
|
8858
|
-
var cx$9 = classNames.bind(styles$
|
|
8866
|
+
var cx$9 = classNames.bind(styles$h);
|
|
8859
8867
|
var Component$i = function (_a) {
|
|
8860
8868
|
var isLoading = _a.isLoading, children = _a.children, className = _a.className, props = __rest(_a, ["isLoading", "children", "className"]);
|
|
8861
8869
|
return (React__default["default"].createElement("button", __assign({ className: cx$9('user-term-submit', className) }, props),
|
|
@@ -8864,36 +8872,36 @@ var Component$i = function (_a) {
|
|
|
8864
8872
|
};
|
|
8865
8873
|
var UserTermSubmit = Component$i;
|
|
8866
8874
|
|
|
8867
|
-
var styles$
|
|
8875
|
+
var styles$g = {"user-term-highlight":"mg_user_term_highlight_user-term-highlight_1qjh2"};
|
|
8868
8876
|
|
|
8869
|
-
var cx$8 = classNames.bind(styles$
|
|
8877
|
+
var cx$8 = classNames.bind(styles$g);
|
|
8870
8878
|
var Component$h = function (_a) {
|
|
8871
8879
|
var children = _a.children, className = _a.className;
|
|
8872
8880
|
return React__default["default"].createElement("h4", { className: cx$8('user-term-highlight', className) }, children);
|
|
8873
8881
|
};
|
|
8874
8882
|
var UserTermHighlight = Component$h;
|
|
8875
8883
|
|
|
8876
|
-
var styles$
|
|
8884
|
+
var styles$f = {"user-term-text":"mg_user_term_text_user-term-text_19pna"};
|
|
8877
8885
|
|
|
8878
|
-
var cx$7 = classNames.bind(styles$
|
|
8886
|
+
var cx$7 = classNames.bind(styles$f);
|
|
8879
8887
|
var Component$g = function (_a) {
|
|
8880
8888
|
var children = _a.children, className = _a.className;
|
|
8881
8889
|
return React__default["default"].createElement("p", { className: cx$7('user-term-text', className) }, children);
|
|
8882
8890
|
};
|
|
8883
8891
|
var UserTermText = Component$g;
|
|
8884
8892
|
|
|
8885
|
-
var styles$
|
|
8893
|
+
var styles$e = {"user-term-modal":"mg_user_terms_user-term-modal_1ykq6","user-term-drawer":"mg_user_terms_user-term-drawer_1ykq6"};
|
|
8886
8894
|
|
|
8887
|
-
var styles$
|
|
8895
|
+
var styles$d = {"user-term-u-list":"mg_user_term_u_list_user-term-u-list_1ib2u"};
|
|
8888
8896
|
|
|
8889
|
-
var cx$6 = classNames.bind(styles$
|
|
8897
|
+
var cx$6 = classNames.bind(styles$d);
|
|
8890
8898
|
var Component$f = function (_a) {
|
|
8891
8899
|
var children = _a.children, className = _a.className;
|
|
8892
8900
|
return React__default["default"].createElement("ul", { className: cx$6('user-term-u-list', className) }, children);
|
|
8893
8901
|
};
|
|
8894
8902
|
var UserTermUList = Component$f;
|
|
8895
8903
|
|
|
8896
|
-
var cx$5 = classNames.bind(styles$
|
|
8904
|
+
var cx$5 = classNames.bind(styles$e);
|
|
8897
8905
|
var Component$e = function (_a) {
|
|
8898
8906
|
var children = _a.children, isOpen = _a.isOpen, _b = _a.onClose, onClose = _b === void 0 ? function () { return ({}); } : _b;
|
|
8899
8907
|
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: cx$5('user-term-modal'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children), {
|
|
@@ -8912,7 +8920,7 @@ var UserTerms = Object.assign(Component$e, {
|
|
|
8912
8920
|
UlList: UserTermUList
|
|
8913
8921
|
});
|
|
8914
8922
|
|
|
8915
|
-
var styles$
|
|
8923
|
+
var styles$c = {"magneto-ui-analyst-template":"mg_analyst_template_magneto-ui-analyst-template_77xpr","magneto-ui-analyst-template__container":"mg_analyst_template_magneto-ui-analyst-template_container_77xpr","magneto-ui-analyst-template__children":"mg_analyst_template_magneto-ui-analyst-template_children_77xpr"};
|
|
8916
8924
|
|
|
8917
8925
|
var Component$d = function (_a) {
|
|
8918
8926
|
var _b, _c, _d, _e;
|
|
@@ -8952,14 +8960,14 @@ var Component$d = function (_a) {
|
|
|
8952
8960
|
sm: null
|
|
8953
8961
|
});
|
|
8954
8962
|
return (React__default["default"].createElement(AnalystProvider, { modals: modals, onRegionChange: navigationMenuProps.onRegionChange },
|
|
8955
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8963
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$c, cls: ['analyst-template', className] }) },
|
|
8956
8964
|
React__default["default"].createElement(ModalAnalyst, { isOpen: modal.some(function (modalLocal) { return modalLocal.visible === true; }), name: ((_b = modal.find(function (modalLocal) { return modalLocal.visible; })) === null || _b === void 0 ? void 0 : _b.name) || '', data: (_c = modal.find(function (modalLocal) { return modalLocal.visible; })) === null || _c === void 0 ? void 0 : _c.data, screens: (_e = (_d = modals === null || modals === void 0 ? void 0 : modals.find(function (modalLocal) { var _a; return modalLocal.name === ((_a = modal.find(function (modalLocal) { return modalLocal.visible; })) === null || _a === void 0 ? void 0 : _a.name); })) === null || _d === void 0 ? void 0 : _d.screens) !== null && _e !== void 0 ? _e : [], handleClose: handleModal }),
|
|
8957
8965
|
React__default["default"].createElement(NavMenuAnalystRegionModal, { defaultRegion: navigationMenuProps.defaultRegion, regionModal: navigationMenuProps.regionModal, regions: navigationMenuProps.regions }),
|
|
8958
|
-
React__default["default"].createElement(HeaderAnalyst, __assign({ onMainMenuClick: function () { return toggleMenu(true, true); } }, headerProps, { handleModal: handleModal, className: CNM.get({ styles: styles$
|
|
8959
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
8966
|
+
React__default["default"].createElement(HeaderAnalyst, __assign({ onMainMenuClick: function () { return toggleMenu(true, true); } }, headerProps, { handleModal: handleModal, className: CNM.get({ styles: styles$c, cls: ["analyst-template__header", headerProps.className] }) })),
|
|
8967
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$c, cls: ['analyst-template__container', containerClassName] }) },
|
|
8960
8968
|
React__default["default"].createElement(NavMenuDrawerAnalyst, __assign({ onDropdownClick: function (option) { return handleDropdownClick(option, true, true); }, activeDropdown: activeDropdown, isDrawerOpen: isDrawerOpen, onClose: function () { return toggleMenu(false); }, isScrollAnimated: isMenuScrollAnimated, isOpenedFromHeader: isOpenedFromHeader, setIsDrawerOpen: function (open) { return setIsDrawerOpen(open); }, logoProps: __assign({}, headerProps.logoProps) }, navigationMenuProps)),
|
|
8961
8969
|
sideMenu,
|
|
8962
|
-
React__default["default"].createElement("main", { className: CNM.get({ styles: styles$
|
|
8970
|
+
React__default["default"].createElement("main", { className: CNM.get({ styles: styles$c, cls: ['analyst-template__children', childrenClassName] }) }, children)))));
|
|
8963
8971
|
};
|
|
8964
8972
|
/**
|
|
8965
8973
|
* Template UI component of analyst template
|
|
@@ -8994,11 +9002,11 @@ var context = /*#__PURE__*/Object.freeze({
|
|
|
8994
9002
|
useCandidateProfile: useCandidateProfile
|
|
8995
9003
|
});
|
|
8996
9004
|
|
|
8997
|
-
var styles$
|
|
9005
|
+
var styles$b = {"magneto-ui-candidate-profile-page":"mg_candidate_profile_template_magneto-ui-candidate-profile-page_18fjx"};
|
|
8998
9006
|
|
|
8999
|
-
var styles$
|
|
9007
|
+
var styles$a = {"magneto-ui-candidate-profile-nav":"mg_candidate_profile_template_header_magneto-ui-candidate-profile-nav_5lvm9"};
|
|
9000
9008
|
|
|
9001
|
-
var cx$4 = classNames.bind(styles$
|
|
9009
|
+
var cx$4 = classNames.bind(styles$a);
|
|
9002
9010
|
var Component$c = function (_a) {
|
|
9003
9011
|
var props = __rest(_a, []);
|
|
9004
9012
|
var _b = useCandidateProfile(), setActiveScreen = _b.setActiveScreen, screens = _b.screens;
|
|
@@ -9013,9 +9021,9 @@ var Component$c = function (_a) {
|
|
|
9013
9021
|
*/
|
|
9014
9022
|
var CandidateProfileTemplateHeader = Component$c;
|
|
9015
9023
|
|
|
9016
|
-
var styles$
|
|
9024
|
+
var styles$9 = {"magneto-ui-candidate-profile-template-nav":"mg_candidate_profile_template_nav_magneto-ui-candidate-profile-template-nav_tbkvv"};
|
|
9017
9025
|
|
|
9018
|
-
var cx$3 = classNames.bind(styles$
|
|
9026
|
+
var cx$3 = classNames.bind(styles$9);
|
|
9019
9027
|
var Component$b = function (_a) {
|
|
9020
9028
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
9021
9029
|
var setNavHeight = useCandidateProfile().setNavHeight;
|
|
@@ -9056,9 +9064,9 @@ var Component$b = function (_a) {
|
|
|
9056
9064
|
*/
|
|
9057
9065
|
var CandidateProfileTemplateNav = Component$b;
|
|
9058
9066
|
|
|
9059
|
-
var styles$
|
|
9067
|
+
var styles$8 = {"magneto-ui-candidate-profile-template-profile":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_62n2p","magneto-ui-candidate-profile-template-profile__container":"mg_candidate_profile_template_profile_magneto-ui-candidate-profile-template-profile_container_62n2p"};
|
|
9060
9068
|
|
|
9061
|
-
var cx$2 = classNames.bind(styles$
|
|
9069
|
+
var cx$2 = classNames.bind(styles$8);
|
|
9062
9070
|
var customScrollbarButtonsStyle = {
|
|
9063
9071
|
'--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
|
|
9064
9072
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
@@ -9124,9 +9132,9 @@ var Component$a = function (_a) {
|
|
|
9124
9132
|
*/
|
|
9125
9133
|
var CandidateProfileTemplateProfile = Component$a;
|
|
9126
9134
|
|
|
9127
|
-
var styles$
|
|
9135
|
+
var styles$7 = {"magneto-ui-candidate-profile-template-screen":"mg_candidate_profile_template_screen_magneto-ui-candidate-profile-template-screen_oaf20"};
|
|
9128
9136
|
|
|
9129
|
-
var cx$1 = classNames.bind(styles$
|
|
9137
|
+
var cx$1 = classNames.bind(styles$7);
|
|
9130
9138
|
var Component$9 = function (_a) {
|
|
9131
9139
|
var props = __rest(_a, []);
|
|
9132
9140
|
var _b = useCandidateProfile(), activeScreen = _b.activeScreen, screens = _b.screens, navHeight = _b.navHeight;
|
|
@@ -9141,7 +9149,7 @@ var Component$9 = function (_a) {
|
|
|
9141
9149
|
*/
|
|
9142
9150
|
var CandidateProfileTemplateScreen = Component$9;
|
|
9143
9151
|
|
|
9144
|
-
var cx = classNames.bind(styles$
|
|
9152
|
+
var cx = classNames.bind(styles$b);
|
|
9145
9153
|
var Component$8 = function (_a) {
|
|
9146
9154
|
var children = _a.children, onChangeScreen = _a.onChangeScreen, screens = _a.screens;
|
|
9147
9155
|
return (React__default["default"].createElement(Provider, { screens: screens, onChangeScreen: onChangeScreen },
|
|
@@ -9239,43 +9247,128 @@ var Component$6 = function (_a) {
|
|
|
9239
9247
|
};
|
|
9240
9248
|
var LogoutTemplate = Component$6;
|
|
9241
9249
|
|
|
9242
|
-
var styles$
|
|
9250
|
+
var styles$6 = {"mega-menu-social-header":"mg_mega_menu_social_header_mega-menu-social-header_pptt4","mega-menu-social-header__options":"mg_mega_menu_social_header_mega-menu-social-header_options_pptt4","mega-menu-social-header__blog":"mg_mega_menu_social_header_mega-menu-social-header_blog_pptt4","mega-menu-social-header__help":"mg_mega_menu_social_header_mega-menu-social-header_help_pptt4","mega-menu-social-header__help--hidden":"mg_mega_menu_social_header_mega-menu-social-header_help--hidden_pptt4","mega-menu-social-header__help--button":"mg_mega_menu_social_header_mega-menu-social-header_help--button_pptt4","mega-menu-social-header__help--options":"mg_mega_menu_social_header_mega-menu-social-header_help--options_pptt4","mega-menu-social-header__help--option":"mg_mega_menu_social_header_mega-menu-social-header_help--option_pptt4","mega-menu-social-header__help--option-text":"mg_mega_menu_social_header_mega-menu-social-header_help--option-text_pptt4"};
|
|
9243
9251
|
|
|
9244
9252
|
var Component$5 = function () {
|
|
9245
9253
|
var _a = React.useState(false), showHelpOptions = _a[0], setShowHelpOptions = _a[1];
|
|
9246
9254
|
var _b = useMegaMenuSocialHeader(), helpOptions = _b.helpOptions, blog = _b.blog, helpAction = _b.helpAction;
|
|
9247
9255
|
var linkButton = React.useMemo(function () {
|
|
9248
|
-
return blog && (React__default["default"].createElement("a", { title: blog.label, className: styles$
|
|
9256
|
+
return blog && (React__default["default"].createElement("a", { title: blog.label, className: styles$6['mega-menu-social-header__blog'], href: blog.url, target: '_blank', rel: "noreferrer" },
|
|
9249
9257
|
React__default["default"].createElement("p", null, blog.label)));
|
|
9250
9258
|
}, [blog]);
|
|
9251
9259
|
var handleClickHelpOption = React.useCallback(function (show) { return function () {
|
|
9252
9260
|
setShowHelpOptions(show);
|
|
9253
9261
|
}; }, []);
|
|
9254
|
-
var makeHelpOption = React.useMemo(function () { return (React__default["default"].createElement("ul", { className: styles$
|
|
9262
|
+
var makeHelpOption = React.useMemo(function () { return (React__default["default"].createElement("ul", { className: styles$6['mega-menu-social-header__help--options'] }, helpOptions &&
|
|
9255
9263
|
helpOptions.length > 0 &&
|
|
9256
|
-
helpOptions.map(function (option, key) { return (React__default["default"].createElement("li", { key: key, className: styles$
|
|
9264
|
+
helpOptions.map(function (option, key) { return (React__default["default"].createElement("li", { key: key, className: styles$6['mega-menu-social-header__help--option'] },
|
|
9257
9265
|
React__default["default"].createElement("a", { href: option.url },
|
|
9258
9266
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: megaMenuHelpIcons[key], size: 16 }),
|
|
9259
|
-
React__default["default"].createElement("p", { className: styles$
|
|
9260
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
9267
|
+
React__default["default"].createElement("p", { className: styles$6['mega-menu-social-header__help--option-text'] }, option.label)))); }))); }, [helpOptions]);
|
|
9268
|
+
return (React__default["default"].createElement("div", { className: styles$6['mega-menu-social-header'] },
|
|
9261
9269
|
React__default["default"].createElement(MegaMenuTabs, null),
|
|
9262
|
-
React__default["default"].createElement("div", { className: styles$
|
|
9270
|
+
React__default["default"].createElement("div", { className: styles$6['mega-menu-social-header__options'] },
|
|
9263
9271
|
React__default["default"].createElement(ListIconLink, { listIcon: ListMegaMenu, size: 20, spacing: 10 }),
|
|
9264
9272
|
linkButton,
|
|
9265
|
-
React__default["default"].createElement(Popover, { positionY: 'bottom', positionX: 'left', content: makeHelpOption, show: showHelpOptions, widthBase: 60, className: "".concat(styles$
|
|
9266
|
-
React__default["default"].createElement(React__default["default"].Fragment, null, helpAction && (React__default["default"].createElement("button", { onClick: handleClickHelpOption(!showHelpOptions), onBlur: handleClickHelpOption(false), className: styles$
|
|
9273
|
+
React__default["default"].createElement(Popover, { positionY: 'bottom', positionX: 'left', content: makeHelpOption, show: showHelpOptions, widthBase: 60, className: "".concat(styles$6['mega-menu-social-header__help'], " ").concat(showHelpOptions ? '' : styles$6['mega-menu-social-header__help--hidden']) },
|
|
9274
|
+
React__default["default"].createElement(React__default["default"].Fragment, null, helpAction && (React__default["default"].createElement("button", { onClick: handleClickHelpOption(!showHelpOptions), onBlur: handleClickHelpOption(false), className: styles$6['mega-menu-social-header__help--button'] },
|
|
9267
9275
|
React__default["default"].createElement("p", null, helpAction.label),
|
|
9268
9276
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: ArrowDown2, size: 14 }))))))));
|
|
9269
9277
|
};
|
|
9270
9278
|
var MegaMenuSocialHeader = Component$5;
|
|
9271
9279
|
|
|
9272
|
-
var styles$
|
|
9280
|
+
var styles$5 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_p3ojk","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_p3ojk","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_p3ojk","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_p3ojk","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_p3ojk","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_p3ojk"};
|
|
9281
|
+
|
|
9282
|
+
var styles$4 = {"mega-menu-search-bar":"mg_mega_menu_search_bar_mega-menu-search-bar_1grw6","mega-menu-search-bar__input":"mg_mega_menu_search_bar_mega-menu-search-bar_input_1grw6","mega-menu-search-bar__input-title":"mg_mega_menu_search_bar_mega-menu-search-bar_input-title_1grw6","mega-menu-search-bar__input-content":"mg_mega_menu_search_bar_mega-menu-search-bar_input-content_1grw6","mega-menu-search-bar__input-options":"mg_mega_menu_search_bar_mega-menu-search-bar_input-options_1grw6","mega-menu-search-bar__input-option":"mg_mega_menu_search_bar_mega-menu-search-bar_input-option_1grw6","mega-menu-search-bar__input-option--selected":"mg_mega_menu_search_bar_mega-menu-search-bar_input-option--selected_1grw6","mega-menu-search-bar__input-option__title":"mg_mega_menu_search_bar_mega-menu-search-bar_input-option_title_1grw6","mega-menu-search-bar__input-option__subtitle":"mg_mega_menu_search_bar_mega-menu-search-bar_input-option_subtitle_1grw6","mega-menu-search-bar__input--left":"mg_mega_menu_search_bar_mega-menu-search-bar_input--left_1grw6","mega-menu-search-bar__input--rigth":"mg_mega_menu_search_bar_mega-menu-search-bar_input--rigth_1grw6"};
|
|
9283
|
+
|
|
9284
|
+
var useClickOutside = function (ref, handler) {
|
|
9285
|
+
React.useEffect(function () {
|
|
9286
|
+
function handleClickOutside(event) {
|
|
9287
|
+
if (ref.current && !ref.current.contains(event.target)) {
|
|
9288
|
+
handler();
|
|
9289
|
+
}
|
|
9290
|
+
}
|
|
9291
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
9292
|
+
return function () {
|
|
9293
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
9294
|
+
};
|
|
9295
|
+
}, [ref, handler]);
|
|
9296
|
+
};
|
|
9297
|
+
|
|
9298
|
+
var AVAILABLE_KEYS = ['Enter', 'ArrowDown', 'ArrowUp'];
|
|
9299
|
+
var SearchBar = function (_a) {
|
|
9300
|
+
var icon = _a.icon, onSearch = _a.onSearch, className = _a.className, placeholder = _a.placeholder, termValue = _a.termValue, actionIcon = _a.actionIcon, options = _a.options, sectionTitle = _a.sectionTitle, onSelectOption = _a.onSelectOption;
|
|
9301
|
+
var _b = React.useState(0), selectedOption = _b[0], setSelectedOption = _b[1];
|
|
9302
|
+
var _c = React.useState(false), showOptions = _c[0], setShowOptions = _c[1];
|
|
9303
|
+
var linkRef = React.useRef(null);
|
|
9304
|
+
var optionsRef = React.useRef(null);
|
|
9305
|
+
var contentRef = React.useRef(null);
|
|
9306
|
+
var renderSectionTitle = React.useMemo(function () {
|
|
9307
|
+
if (!sectionTitle || termValue)
|
|
9308
|
+
return;
|
|
9309
|
+
var _a = sectionTitle, title = _a.title, url = _a.url, onClick = _a.onClick;
|
|
9310
|
+
return (React__default["default"].createElement("div", { className: styles$4['mega-menu-search-bar__input-title'], key: 'main title', onClick: onClick },
|
|
9311
|
+
React__default["default"].createElement("a", { href: url },
|
|
9312
|
+
React__default["default"].createElement(IconItem, { icon: CurrentLocation, size: 16 }),
|
|
9313
|
+
React__default["default"].createElement("p", { className: styles$4['mega-menu-search-bar__input-option__title'] }, title))));
|
|
9314
|
+
}, [sectionTitle, termValue]);
|
|
9315
|
+
var onSearchValues = React.useCallback(function (event) {
|
|
9316
|
+
var term = event.target.value;
|
|
9317
|
+
onSearch(term);
|
|
9318
|
+
}, [onSearch]);
|
|
9319
|
+
var onPressKey = React.useCallback(function (_a) {
|
|
9320
|
+
var key = _a.key;
|
|
9321
|
+
if (!AVAILABLE_KEYS.includes(key) || !optionsRef.current)
|
|
9322
|
+
return;
|
|
9323
|
+
setSelectedOption(function (current) {
|
|
9324
|
+
if (key == 'ArrowDown' && current < options.length - 1) {
|
|
9325
|
+
optionsRef.current.scrollTop += 38;
|
|
9326
|
+
return current + 1;
|
|
9327
|
+
}
|
|
9328
|
+
if (key == 'ArrowUp' && current > 0) {
|
|
9329
|
+
optionsRef.current.scrollTop -= 38;
|
|
9330
|
+
return current - 1;
|
|
9331
|
+
}
|
|
9332
|
+
return current;
|
|
9333
|
+
});
|
|
9334
|
+
if (key == 'Enter' && linkRef.current)
|
|
9335
|
+
return linkRef.current.click();
|
|
9336
|
+
}, [options.length]);
|
|
9337
|
+
var handleShowOptions = React.useCallback(function (show) { return function () { return setShowOptions(show); }; }, []);
|
|
9338
|
+
var onPressOption = React.useCallback(function (option) { return function (event) {
|
|
9339
|
+
if (!onSelectOption)
|
|
9340
|
+
return;
|
|
9341
|
+
event.stopPropagation();
|
|
9342
|
+
event.preventDefault();
|
|
9343
|
+
onSelectOption(option);
|
|
9344
|
+
}; }, [onSelectOption]);
|
|
9345
|
+
useClickOutside(contentRef, handleShowOptions(false));
|
|
9346
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$4['mega-menu-search-bar__input-content']), onClick: handleShowOptions(true), ref: contentRef },
|
|
9347
|
+
React__default["default"].createElement(Input, { mainClassName: "".concat(styles$4['mega-menu-search-bar__input'], " ").concat(className ? className : ''), value: termValue, onChange: onSearchValues, customIcon: icon, type: "text", placeholder: placeholder, actionIcon: actionIcon, onKeyDown: onPressKey }),
|
|
9348
|
+
showOptions && (React__default["default"].createElement("div", { className: styles$4['mega-menu-search-bar__input-options'], ref: optionsRef },
|
|
9349
|
+
sectionTitle && renderSectionTitle,
|
|
9350
|
+
options.length > 0 &&
|
|
9351
|
+
options.map(function (_a, index) {
|
|
9352
|
+
var title = _a.title, subtitle = _a.subtitle, url = _a.url;
|
|
9353
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$4['mega-menu-search-bar__input-option'], " ").concat(selectedOption == index ? styles$4['mega-menu-search-bar__input-option--selected'] : ''), onClick: onPressOption({ title: title, subtitle: subtitle, url: url }), key: index },
|
|
9354
|
+
React__default["default"].createElement("a", { href: url, ref: linkRef },
|
|
9355
|
+
React__default["default"].createElement("p", { className: styles$4['mega-menu-search-bar__input-option__title'] }, title),
|
|
9356
|
+
React__default["default"].createElement("p", { className: styles$4['mega-menu-search-bar__input-option__subtitle'] }, subtitle))));
|
|
9357
|
+
})))));
|
|
9358
|
+
};
|
|
9359
|
+
|
|
9360
|
+
var MegaMenuSearchBar = function (_a) {
|
|
9361
|
+
var location = _a.location, occupation = _a.occupation;
|
|
9362
|
+
return (React__default["default"].createElement("div", { className: styles$4['mega-menu-search-bar'] },
|
|
9363
|
+
React__default["default"].createElement(SearchBar, __assign({ className: styles$4['mega-menu-search-bar__input--left'], icon: Briefcase }, occupation)),
|
|
9364
|
+
React__default["default"].createElement(SearchBar, __assign({ className: styles$4['mega-menu-search-bar__input--rigth'], icon: Location, actionIcon: SearchIcon }, location))));
|
|
9365
|
+
};
|
|
9273
9366
|
|
|
9274
9367
|
var Component$4 = function (_a) {
|
|
9275
9368
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
9276
9369
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
9277
9370
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
9278
|
-
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry;
|
|
9371
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry, mobileSearchBarProps = _d.mobileSearchBarProps;
|
|
9279
9372
|
var popoverRef = useMegaMenuJobs().popoverRef;
|
|
9280
9373
|
var listMenuUserProps = useLoggedInUser();
|
|
9281
9374
|
var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
@@ -9286,30 +9379,30 @@ var Component$4 = function (_a) {
|
|
|
9286
9379
|
sm: React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
|
|
9287
9380
|
});
|
|
9288
9381
|
var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
|
|
9289
|
-
md: (React__default["default"].createElement(React__default["default"].Fragment, null, searchBarProps && (React__default["default"].createElement(MobileSearchbar, __assign({},
|
|
9382
|
+
md: (React__default["default"].createElement(React__default["default"].Fragment, null, searchBarProps && (React__default["default"].createElement(MobileSearchbar, __assign({}, mobileSearchBarProps, { termValue: mobileSearchBarProps === null || mobileSearchBarProps === void 0 ? void 0 : mobileSearchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
|
|
9290
9383
|
});
|
|
9291
9384
|
var renderSearchBar = useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
9292
|
-
searchBarProps &&
|
|
9385
|
+
searchBarProps && React__default["default"].createElement(MegaMenuSearchBar, __assign({}, searchBarProps)),
|
|
9293
9386
|
React__default["default"].createElement(MegaMenuPopover, { popoverRef: popoverRef },
|
|
9294
9387
|
React__default["default"].createElement(MegaMenuJobsTabs, null))), {
|
|
9295
|
-
md: searchBarProps && (React__default["default"].createElement(SearchButton, __assign({ searchValue: searchBarProps.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$
|
|
9388
|
+
md: searchBarProps && (React__default["default"].createElement(SearchButton, __assign({ searchValue: searchBarProps.occupation.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$5['mega-menu-main-header__search-button'] }, MobileSearchbarButtonProps)))
|
|
9296
9389
|
});
|
|
9297
9390
|
var LogoutHeaderMenuButton = useMediaQuery(null, {
|
|
9298
|
-
md: React__default["default"].createElement(MainButton, __assign({}, MenuButtonProps, { className: styles$
|
|
9391
|
+
md: React__default["default"].createElement(MainButton, __assign({}, MenuButtonProps, { className: styles$5['mega-menu-main-header__menu'], onClick: toggleDrawerMenu }))
|
|
9299
9392
|
});
|
|
9300
9393
|
var loginAction = (React__default["default"].createElement(Link, { type: 'button', href: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) || '', text: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', iconProps: __assign(__assign({}, SignInIcon), { size: 15 }), linkStyles: __assign(__assign({}, SignInStyles), { buttonColor: '#FFFFFF' }) }));
|
|
9301
9394
|
var logoutAction = (React__default["default"].createElement(MainButton, __assign({}, SignUpButtonStyle, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined, buttonSize: 'medium', iconProps: __assign(__assign({}, SignUpButtonStyle.iconProps), { size: 15 }) })));
|
|
9302
9395
|
var loginHeaderPopover = useMediaQuery(React__default["default"].createElement(UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
|
|
9303
9396
|
md: React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
|
|
9304
9397
|
});
|
|
9305
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
9306
|
-
React__default["default"].createElement("div", { className: styles$
|
|
9398
|
+
return (React__default["default"].createElement("div", { className: styles$5['mega-menu-main-header'] },
|
|
9399
|
+
React__default["default"].createElement("div", { className: styles$5['mega-menu-main-header__main'] },
|
|
9307
9400
|
LogoutHeaderMobileSearchbar,
|
|
9308
9401
|
LogoutHeaderMenuButton,
|
|
9309
9402
|
React__default["default"].createElement("a", { href: homeUrl }, renderLogo),
|
|
9310
9403
|
selectCountry && React__default["default"].createElement(Select2, __assign({ haveTags: false, isMultiple: false }, selectCountry)),
|
|
9311
|
-
React__default["default"].createElement("div", { className: styles$
|
|
9312
|
-
React__default["default"].createElement("div", { className: styles$
|
|
9404
|
+
React__default["default"].createElement("div", { className: styles$5['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
9405
|
+
React__default["default"].createElement("div", { className: styles$5['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
9313
9406
|
loginAction,
|
|
9314
9407
|
logoutAction))),
|
|
9315
9408
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|