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/esm/index.js
CHANGED
|
@@ -260,7 +260,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
260
260
|
return component;
|
|
261
261
|
};
|
|
262
262
|
|
|
263
|
-
var styles$
|
|
263
|
+
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"};
|
|
264
264
|
|
|
265
265
|
function formatNumber(num) {
|
|
266
266
|
if (typeof num !== 'number')
|
|
@@ -307,7 +307,7 @@ var classNames = {
|
|
|
307
307
|
}
|
|
308
308
|
};
|
|
309
309
|
|
|
310
|
-
var cx$1d = classNames.bind(styles$
|
|
310
|
+
var cx$1d = classNames.bind(styles$2_);
|
|
311
311
|
var Component$37 = function (_a) {
|
|
312
312
|
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;
|
|
313
313
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -326,7 +326,7 @@ var Component$37 = function (_a) {
|
|
|
326
326
|
*/
|
|
327
327
|
var IconItem = Component$37;
|
|
328
328
|
|
|
329
|
-
var styles$
|
|
329
|
+
var styles$2Z = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
330
330
|
|
|
331
331
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
332
332
|
|
|
@@ -656,15 +656,17 @@ var FilterIcon = "https://static.magneto365.com/lib/assets/a9f25ebc43dd2922.svg"
|
|
|
656
656
|
|
|
657
657
|
var SortIcon = "https://static.magneto365.com/lib/assets/3c9ef5949d25901a.svg";
|
|
658
658
|
|
|
659
|
+
var CurrentLocation = "https://static.magneto365.com/lib/assets/3f84ef2fa90fc06b.svg";
|
|
660
|
+
|
|
659
661
|
var Component$36 = function (_a) {
|
|
660
662
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
661
663
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
662
664
|
var handleError = function () {
|
|
663
665
|
setImageError(true);
|
|
664
666
|
};
|
|
665
|
-
return (React.createElement("div", { className: styles$
|
|
667
|
+
return (React.createElement("div", { className: styles$2Z.avatarComponent, onClick: onClick },
|
|
666
668
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
667
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
669
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2Z['magneto-ui-default-avatar'] },
|
|
668
670
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
669
671
|
};
|
|
670
672
|
/**
|
|
@@ -672,17 +674,17 @@ var Component$36 = function (_a) {
|
|
|
672
674
|
*/
|
|
673
675
|
var Avatar = Component$36;
|
|
674
676
|
|
|
675
|
-
var styles$
|
|
677
|
+
var styles$2Y = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
676
678
|
|
|
677
679
|
var Component$35 = function (_a) {
|
|
678
680
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
679
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
680
|
-
React.createElement("span", { className: styles$
|
|
681
|
+
return (React.createElement("p", { className: "".concat(styles$2Y['badge-count'], " ").concat(className) },
|
|
682
|
+
React.createElement("span", { className: styles$2Y['badge-count__animation'] }),
|
|
681
683
|
number && number));
|
|
682
684
|
};
|
|
683
685
|
var Badge = Component$35;
|
|
684
686
|
|
|
685
|
-
var styles$
|
|
687
|
+
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"};
|
|
686
688
|
|
|
687
689
|
var numberToCurrency = function (currency, withSymbol) {
|
|
688
690
|
if (withSymbol === void 0) { withSymbol = true; }
|
|
@@ -720,14 +722,14 @@ var Component$34 = function (_a) {
|
|
|
720
722
|
}
|
|
721
723
|
}, [isHover]);
|
|
722
724
|
var popoverContent = useMemo(function () {
|
|
723
|
-
return isHover && (React.createElement("div", { className: "".concat(styles$
|
|
725
|
+
return isHover && (React.createElement("div", { className: "".concat(styles$2X['magneto-ui-chart-bar__popover'], " ").concat(styles$2X["popover-".concat(popoverPosition)]) },
|
|
724
726
|
React.createElement("div", null, "".concat(numberToCurrency(minRange), " - ").concat(numberToCurrency(maxRange))),
|
|
725
727
|
React.createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
|
|
726
728
|
}, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
|
|
727
729
|
return (React.createElement("div", { style: {
|
|
728
730
|
height: Math.max((percentage / maxPercentage) * maxHeight, 1)
|
|
729
|
-
}, ref: barRef, className: styles$
|
|
730
|
-
React.createElement("div", { className: styles$
|
|
731
|
+
}, ref: barRef, className: styles$2X['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
|
|
732
|
+
React.createElement("div", { className: styles$2X['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
|
|
731
733
|
popoverContent));
|
|
732
734
|
};
|
|
733
735
|
var BarChart = Component$34;
|
|
@@ -1552,7 +1554,7 @@ var CNM = /** @class */ (function () {
|
|
|
1552
1554
|
return CNM;
|
|
1553
1555
|
}());
|
|
1554
1556
|
|
|
1555
|
-
var styles$
|
|
1557
|
+
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"};
|
|
1556
1558
|
|
|
1557
1559
|
var Component$33 = function (_a) {
|
|
1558
1560
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1574,10 +1576,10 @@ var Component$33 = function (_a) {
|
|
|
1574
1576
|
var _a;
|
|
1575
1577
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1576
1578
|
}, [percent, validateCompleted]);
|
|
1577
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1578
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1579
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2W, cls: [className] }) },
|
|
1580
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2W, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1579
1581
|
React.createElement("div", { className: CNM.get({
|
|
1580
|
-
styles: styles$
|
|
1582
|
+
styles: styles$2W,
|
|
1581
1583
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1582
1584
|
}) }))));
|
|
1583
1585
|
};
|
|
@@ -1586,7 +1588,7 @@ var Component$33 = function (_a) {
|
|
|
1586
1588
|
*/
|
|
1587
1589
|
var BarLoader = Component$33;
|
|
1588
1590
|
|
|
1589
|
-
var styles$
|
|
1591
|
+
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"};
|
|
1590
1592
|
|
|
1591
1593
|
var Component$32 = function (_a) {
|
|
1592
1594
|
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;
|
|
@@ -1594,7 +1596,7 @@ var Component$32 = function (_a) {
|
|
|
1594
1596
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1595
1597
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1596
1598
|
var haveDetailTitle = detailTitle !== '';
|
|
1597
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1599
|
+
var detailTileStyle = detailTitle ? styles$2V['no-transform'] : '';
|
|
1598
1600
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1599
1601
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1600
1602
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1606,9 +1608,9 @@ var Component$32 = function (_a) {
|
|
|
1606
1608
|
"/ ",
|
|
1607
1609
|
href)));
|
|
1608
1610
|
}),
|
|
1609
|
-
React.createElement("p", { className: "".concat(styles$
|
|
1611
|
+
React.createElement("p", { className: "".concat(styles$2V['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1610
1612
|
"/ ",
|
|
1611
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1613
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$2V['magneto-ui-bc-active'] : '', " ").concat(styles$2V['magneto-ui-bc']), key: i },
|
|
1612
1614
|
i > 0 && '/',
|
|
1613
1615
|
" ",
|
|
1614
1616
|
bc)); })));
|
|
@@ -1624,28 +1626,28 @@ var Component$32 = function (_a) {
|
|
|
1624
1626
|
queryParams,
|
|
1625
1627
|
lastIndexBC
|
|
1626
1628
|
]);
|
|
1627
|
-
return React.createElement("div", { className: styles$
|
|
1629
|
+
return React.createElement("div", { className: styles$2V.breadcrumbComponent }, breadCrumbsRender);
|
|
1628
1630
|
};
|
|
1629
1631
|
/**
|
|
1630
1632
|
* Atom UI of breadcrumb
|
|
1631
1633
|
*/
|
|
1632
1634
|
var Breadcrumb = Component$32;
|
|
1633
1635
|
|
|
1634
|
-
var styles$
|
|
1636
|
+
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"};
|
|
1635
1637
|
|
|
1636
1638
|
var Component$31 = function (_a) {
|
|
1637
1639
|
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;
|
|
1638
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1639
|
-
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1640
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1641
|
-
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1640
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$2U['magneto-ui-button'], " ").concat(addHover ? styles$2U['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1641
|
+
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2U['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1642
|
+
buttonText && React.createElement("p", { className: styles$2U['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1643
|
+
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2U['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1642
1644
|
};
|
|
1643
1645
|
/**
|
|
1644
1646
|
* UI Atom Component of Save Button
|
|
1645
1647
|
*/
|
|
1646
1648
|
var Button = Component$31;
|
|
1647
1649
|
|
|
1648
|
-
var styles$
|
|
1650
|
+
var styles$2T = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1649
1651
|
|
|
1650
1652
|
var Component$30 = function (_a) {
|
|
1651
1653
|
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;
|
|
@@ -1655,19 +1657,19 @@ var Component$30 = function (_a) {
|
|
|
1655
1657
|
onClick();
|
|
1656
1658
|
}
|
|
1657
1659
|
}, [onClick]);
|
|
1658
|
-
return (React.createElement("a", { className: "".concat(className ? className : styles$
|
|
1659
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1660
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1661
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1660
|
+
return (React.createElement("a", { className: "".concat(className ? className : styles$2T['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1661
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2T['button-link__icon'] })),
|
|
1662
|
+
buttonText && React.createElement("p", { className: styles$2T['button-link__text'] }, buttonText),
|
|
1663
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2T['button-link__icon'] }))));
|
|
1662
1664
|
};
|
|
1663
1665
|
/**
|
|
1664
1666
|
* UI Atom Component of Save Button
|
|
1665
1667
|
*/
|
|
1666
1668
|
var ButtonLink = Component$30;
|
|
1667
1669
|
|
|
1668
|
-
var styles$
|
|
1670
|
+
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"};
|
|
1669
1671
|
|
|
1670
|
-
var cx$1c = classNames.bind(styles$
|
|
1672
|
+
var cx$1c = classNames.bind(styles$2S);
|
|
1671
1673
|
var defaultCheck = function (_a) {
|
|
1672
1674
|
var type = _a.type, checked = _a.checked;
|
|
1673
1675
|
if (type === 'background')
|
|
@@ -1719,9 +1721,9 @@ var context$2 = /*#__PURE__*/Object.freeze({
|
|
|
1719
1721
|
useCollapse: useCollapse
|
|
1720
1722
|
});
|
|
1721
1723
|
|
|
1722
|
-
var styles$
|
|
1724
|
+
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"};
|
|
1723
1725
|
|
|
1724
|
-
var cx$1b = classNames.bind(styles$
|
|
1726
|
+
var cx$1b = classNames.bind(styles$2R);
|
|
1725
1727
|
var Component$2_ = function (_a) {
|
|
1726
1728
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1727
1729
|
var open = useCollapse().open;
|
|
@@ -1740,9 +1742,9 @@ var Component$2_ = function (_a) {
|
|
|
1740
1742
|
*/
|
|
1741
1743
|
var CollapseBody = Component$2_;
|
|
1742
1744
|
|
|
1743
|
-
var styles$
|
|
1745
|
+
var styles$2Q = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
|
|
1744
1746
|
|
|
1745
|
-
var cx$1a = classNames.bind(styles$
|
|
1747
|
+
var cx$1a = classNames.bind(styles$2Q);
|
|
1746
1748
|
var Component$2Z = function (_a) {
|
|
1747
1749
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
1748
1750
|
return (React.createElement("header", __assign({ className: cx$1a('magneto-ui-collapse-header', className) }, props), children));
|
|
@@ -1752,9 +1754,9 @@ var Component$2Z = function (_a) {
|
|
|
1752
1754
|
*/
|
|
1753
1755
|
var CollapseHeader = Component$2Z;
|
|
1754
1756
|
|
|
1755
|
-
var styles$
|
|
1757
|
+
var styles$2P = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
|
|
1756
1758
|
|
|
1757
|
-
var cx$19 = classNames.bind(styles$
|
|
1759
|
+
var cx$19 = classNames.bind(styles$2P);
|
|
1758
1760
|
var Component$2Y = function (_a) {
|
|
1759
1761
|
var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
|
|
1760
1762
|
var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -1780,7 +1782,7 @@ var Component$2X = function (_a) {
|
|
|
1780
1782
|
*/
|
|
1781
1783
|
var Collapse = Object.assign(Component$2X, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
|
|
1782
1784
|
|
|
1783
|
-
var styles$
|
|
1785
|
+
var styles$2O = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1784
1786
|
|
|
1785
1787
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1786
1788
|
var Component$2W = function (_a) {
|
|
@@ -1788,7 +1790,7 @@ var Component$2W = function (_a) {
|
|
|
1788
1790
|
var currentHigherMax = useMemo(function () {
|
|
1789
1791
|
return current > max;
|
|
1790
1792
|
}, [current, max]);
|
|
1791
|
-
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1793
|
+
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$2O["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2O['error-label'] : '') },
|
|
1792
1794
|
nf.format(current),
|
|
1793
1795
|
React.createElement("span", null,
|
|
1794
1796
|
" / ",
|
|
@@ -1796,23 +1798,23 @@ var Component$2W = function (_a) {
|
|
|
1796
1798
|
};
|
|
1797
1799
|
var ComparativeCounter = Component$2W;
|
|
1798
1800
|
|
|
1799
|
-
var styles$
|
|
1801
|
+
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"};
|
|
1800
1802
|
|
|
1801
1803
|
var Component$2V = function (_a) {
|
|
1802
1804
|
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;
|
|
1803
1805
|
var disabledArrow = useMemo(function () {
|
|
1804
1806
|
if (disabled)
|
|
1805
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1807
|
+
return (React.createElement(IconItem, { className: styles$2N['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1806
1808
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1807
1809
|
}, [disabled]);
|
|
1808
|
-
return (React.createElement("div", { className: styles$
|
|
1809
|
-
React.createElement("select", { className: styles$
|
|
1810
|
-
React.createElement("option", { className: styles$
|
|
1810
|
+
return (React.createElement("div", { className: styles$2N['magneto-ui--date-dropdown__wrapper'] },
|
|
1811
|
+
React.createElement("select", { className: styles$2N["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1812
|
+
React.createElement("option", { className: styles$2N['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1811
1813
|
dateOptions.map(function (_a) {
|
|
1812
1814
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1813
|
-
return (React.createElement("option", { className: styles$
|
|
1815
|
+
return (React.createElement("option", { className: styles$2N['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1814
1816
|
})),
|
|
1815
|
-
React.createElement("span", { className: styles$
|
|
1817
|
+
React.createElement("span", { className: styles$2N['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1816
1818
|
};
|
|
1817
1819
|
var DateDropdown = Component$2V;
|
|
1818
1820
|
|
|
@@ -1869,7 +1871,7 @@ var fixArrayDate = function (array) {
|
|
|
1869
1871
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1870
1872
|
};
|
|
1871
1873
|
|
|
1872
|
-
var styles$
|
|
1874
|
+
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"};
|
|
1873
1875
|
|
|
1874
1876
|
// placeholder to every input.
|
|
1875
1877
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1980,21 +1982,21 @@ var Component$2U = function (_a) {
|
|
|
1980
1982
|
}
|
|
1981
1983
|
}, []);
|
|
1982
1984
|
return (React.createElement("div", { className: [
|
|
1983
|
-
styles$
|
|
1985
|
+
styles$2M['date-input'],
|
|
1984
1986
|
className,
|
|
1985
|
-
fit ? styles$
|
|
1986
|
-
hasError ? styles$
|
|
1987
|
+
fit ? styles$2M['date-input--fit'] : '',
|
|
1988
|
+
hasError ? styles$2M['date-input--error'] : ''
|
|
1987
1989
|
].join(' ') },
|
|
1988
|
-
React.createElement("div", { className: styles$
|
|
1990
|
+
React.createElement("div", { className: styles$2M['date-input__left'], onClick: function () {
|
|
1989
1991
|
var _a;
|
|
1990
1992
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1991
1993
|
} }),
|
|
1992
1994
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
1993
1995
|
[2, 4].includes(index) ? (
|
|
1994
1996
|
// include / separator in date (DD / MM / YYYY)
|
|
1995
|
-
React.createElement("span", { className: [styles$
|
|
1996
|
-
React.createElement("input", { className: styles$
|
|
1997
|
-
React.createElement("div", { className: styles$
|
|
1997
|
+
React.createElement("span", { className: [styles$2M['date-input__separator'], value ? styles$2M['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
1998
|
+
React.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" }))); }),
|
|
1999
|
+
React.createElement("div", { className: styles$2M['date-input__right'], onClick: function () {
|
|
1998
2000
|
var _a;
|
|
1999
2001
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2000
2002
|
} })));
|
|
@@ -2015,15 +2017,15 @@ var Component$2T = function (_a) {
|
|
|
2015
2017
|
*/
|
|
2016
2018
|
var Divider = Component$2T;
|
|
2017
2019
|
|
|
2018
|
-
var styles$
|
|
2020
|
+
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"};
|
|
2019
2021
|
|
|
2020
2022
|
var Component$2S = function (_a) {
|
|
2021
2023
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
2022
|
-
return (React.createElement("div", { className: styles$
|
|
2024
|
+
return (React.createElement("div", { className: styles$2L['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React.createElement("span", { key: index, className: styles$2L['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
2023
2025
|
};
|
|
2024
2026
|
var DotsLoader = Component$2S;
|
|
2025
2027
|
|
|
2026
|
-
var styles$
|
|
2028
|
+
var styles$2K = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
2027
2029
|
|
|
2028
2030
|
var Component$2R = function (_a) {
|
|
2029
2031
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -2039,33 +2041,33 @@ var Component$2R = function (_a) {
|
|
|
2039
2041
|
height: '15px'
|
|
2040
2042
|
};
|
|
2041
2043
|
}, [size]);
|
|
2042
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
2044
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2K["".concat(classMUI, "-flat-loader")] }));
|
|
2043
2045
|
};
|
|
2044
2046
|
var FlatLoader = Component$2R;
|
|
2045
2047
|
|
|
2046
|
-
var styles$
|
|
2048
|
+
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"};
|
|
2047
2049
|
|
|
2048
2050
|
var Component$2Q = function (_a) {
|
|
2049
2051
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
2050
2052
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
2051
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$
|
|
2052
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
2053
|
-
React.createElement("p", { className: styles$
|
|
2054
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
2055
|
-
React.createElement("p", { className: styles$
|
|
2053
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$2J.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
2054
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2J['headerTabComponent__count'] }),
|
|
2055
|
+
React.createElement("p", { className: styles$2J['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$2J.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
2056
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2J['headerTabComponent__count'] }),
|
|
2057
|
+
React.createElement("p", { className: styles$2J['headerTabComponent__text'] }, tabText)))));
|
|
2056
2058
|
};
|
|
2057
2059
|
/**
|
|
2058
2060
|
* UI Atom component for HeaderTab
|
|
2059
2061
|
*/
|
|
2060
2062
|
var HeaderTab = Component$2Q;
|
|
2061
2063
|
|
|
2062
|
-
var styles$
|
|
2064
|
+
var styles$2I = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2063
2065
|
|
|
2064
2066
|
var Image = function (_a) {
|
|
2065
2067
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2066
2068
|
return (React.createElement(React.Fragment, null,
|
|
2067
2069
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2068
|
-
playIcon && React.createElement("div", { className: styles$
|
|
2070
|
+
playIcon && React.createElement("div", { className: styles$2I['magneto-ui-play-button'] }, playIcon)));
|
|
2069
2071
|
};
|
|
2070
2072
|
|
|
2071
2073
|
var style$13 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
|
|
@@ -2147,22 +2149,22 @@ var InputSearch = function (_a) {
|
|
|
2147
2149
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
2148
2150
|
};
|
|
2149
2151
|
|
|
2150
|
-
var styles$
|
|
2152
|
+
var styles$2H = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
2151
2153
|
|
|
2152
2154
|
var Component$2M = function (_a) {
|
|
2153
2155
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
2154
2156
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
2155
|
-
return (React.createElement("div", { className: styles$
|
|
2157
|
+
return (React.createElement("div", { className: styles$2H['magneto-ui-job-company-logo'] },
|
|
2156
2158
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
2157
2159
|
}
|
|
2158
|
-
return React.createElement("div", { className: styles$
|
|
2160
|
+
return React.createElement("div", { className: styles$2H['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
2159
2161
|
};
|
|
2160
2162
|
/**
|
|
2161
2163
|
* UI Atom component of Company Logo
|
|
2162
2164
|
*/
|
|
2163
2165
|
var JobCompanyLogo = Component$2M;
|
|
2164
2166
|
|
|
2165
|
-
var styles$
|
|
2167
|
+
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"};
|
|
2166
2168
|
|
|
2167
2169
|
var Component$2L = function (_a) {
|
|
2168
2170
|
var title = _a.title, styles = _a.styles;
|
|
@@ -2188,16 +2190,16 @@ var Component$2J = function (_a) {
|
|
|
2188
2190
|
if (isHidden || !offerCompanyName)
|
|
2189
2191
|
return React.createElement(Fragment, null);
|
|
2190
2192
|
if (offerCompanyLink) {
|
|
2191
|
-
return (React.createElement("a", { className: styles$
|
|
2193
|
+
return (React.createElement("a", { className: styles$2G['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
2192
2194
|
}
|
|
2193
|
-
return React.createElement("h2", { className: styles$
|
|
2195
|
+
return React.createElement("h2", { className: styles$2G['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
2194
2196
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
2195
2197
|
var GenerateTitle = function () {
|
|
2196
2198
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
2197
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
2198
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
2199
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$2G['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2200
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$2G['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2199
2201
|
};
|
|
2200
|
-
return (React.createElement("div", { className: styles$
|
|
2202
|
+
return (React.createElement("div", { className: styles$2G['magneto-ui-job-header'] },
|
|
2201
2203
|
GenerateTitle(),
|
|
2202
2204
|
showCompanyName));
|
|
2203
2205
|
};
|
|
@@ -2206,7 +2208,7 @@ var Component$2J = function (_a) {
|
|
|
2206
2208
|
*/
|
|
2207
2209
|
var JobHeader = Component$2J;
|
|
2208
2210
|
|
|
2209
|
-
var styles$
|
|
2211
|
+
var styles$2F = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
2210
2212
|
|
|
2211
2213
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2212
2214
|
var toCSSVariables = function (input) {
|
|
@@ -2225,7 +2227,7 @@ var toCSSVariables = function (input) {
|
|
|
2225
2227
|
var Component$2I = function (_a) {
|
|
2226
2228
|
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;
|
|
2227
2229
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
2228
|
-
return (React.createElement("a", { className: styles$
|
|
2230
|
+
return (React.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 },
|
|
2229
2231
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
2230
2232
|
!isMobile && React.createElement("p", null, text)));
|
|
2231
2233
|
};
|
|
@@ -2234,11 +2236,11 @@ var Component$2I = function (_a) {
|
|
|
2234
2236
|
*/
|
|
2235
2237
|
var Link = Component$2I;
|
|
2236
2238
|
|
|
2237
|
-
var styles$
|
|
2239
|
+
var styles$2E = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
2238
2240
|
|
|
2239
2241
|
var Component$2H = function (_a) {
|
|
2240
2242
|
var loadingIcon = _a.loadingIcon;
|
|
2241
|
-
return (React.createElement("div", { className: styles$
|
|
2243
|
+
return (React.createElement("div", { className: styles$2E.loadingComponent },
|
|
2242
2244
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
2243
2245
|
};
|
|
2244
2246
|
/**
|
|
@@ -2262,7 +2264,7 @@ var Component$2G = function (_a) {
|
|
|
2262
2264
|
};
|
|
2263
2265
|
var LogoComponent = Component$2G;
|
|
2264
2266
|
|
|
2265
|
-
var styles$
|
|
2267
|
+
var styles$2D = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
2266
2268
|
|
|
2267
2269
|
var Component$2F = function (_a) {
|
|
2268
2270
|
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;
|
|
@@ -2277,21 +2279,21 @@ var Component$2F = function (_a) {
|
|
|
2277
2279
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
2278
2280
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
2279
2281
|
};
|
|
2280
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
2282
|
+
return (React.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()));
|
|
2281
2283
|
};
|
|
2282
2284
|
/**
|
|
2283
2285
|
* Atom UI component of button for general purpose
|
|
2284
2286
|
*/
|
|
2285
2287
|
var MainButton = Component$2F;
|
|
2286
2288
|
|
|
2287
|
-
var styles$
|
|
2289
|
+
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"};
|
|
2288
2290
|
|
|
2289
|
-
var styles$
|
|
2291
|
+
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"};
|
|
2290
2292
|
|
|
2291
2293
|
var Component$2E = function (_a) {
|
|
2292
2294
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
2293
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
2294
|
-
React.createElement("p", { className: styles$
|
|
2295
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$2B['magneto-ui--search-item']), href: url },
|
|
2296
|
+
React.createElement("p", { className: styles$2B['magneto-ui--search-item__text'] }, tag),
|
|
2295
2297
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
2296
2298
|
};
|
|
2297
2299
|
/**
|
|
@@ -2306,21 +2308,21 @@ var MegaMenuTab = function (_a) {
|
|
|
2306
2308
|
return '';
|
|
2307
2309
|
return ArrowDown2;
|
|
2308
2310
|
}, [selected, showArrow]);
|
|
2309
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2310
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
2311
|
+
return (React.createElement("div", { className: "".concat(styles$2C["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2C["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
2312
|
+
React.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")] : '') })));
|
|
2311
2313
|
};
|
|
2312
2314
|
|
|
2313
|
-
var styles$
|
|
2315
|
+
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"};
|
|
2314
2316
|
|
|
2315
2317
|
var Component$2D = function (_a) {
|
|
2316
2318
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
2317
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2319
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2A, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
2318
2320
|
React.createElement("div", { className: CNM.get({
|
|
2319
|
-
styles: styles$
|
|
2321
|
+
styles: styles$2A,
|
|
2320
2322
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
2321
2323
|
}) },
|
|
2322
2324
|
React.createElement("div", { className: CNM.get({
|
|
2323
|
-
styles: styles$
|
|
2325
|
+
styles: styles$2A,
|
|
2324
2326
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
2325
2327
|
}) }, children))));
|
|
2326
2328
|
};
|
|
@@ -2329,7 +2331,7 @@ var Component$2D = function (_a) {
|
|
|
2329
2331
|
*/
|
|
2330
2332
|
var MenuDropdownList = Component$2D;
|
|
2331
2333
|
|
|
2332
|
-
var styles$
|
|
2334
|
+
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"};
|
|
2333
2335
|
|
|
2334
2336
|
var Component$2C = function (_a) {
|
|
2335
2337
|
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;
|
|
@@ -2346,13 +2348,13 @@ var Component$2C = function (_a) {
|
|
|
2346
2348
|
var handleButtonClick = useCallback(function (e) {
|
|
2347
2349
|
e.stopPropagation();
|
|
2348
2350
|
}, []);
|
|
2349
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2350
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2351
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2351
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
2352
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__content'] }) },
|
|
2353
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__container'] }) },
|
|
2352
2354
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2353
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2355
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2z, cls: ['menu-dropdown__title'] }) }, title),
|
|
2354
2356
|
React.createElement("div", { className: CNM.get({
|
|
2355
|
-
styles: styles$
|
|
2357
|
+
styles: styles$2z,
|
|
2356
2358
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
2357
2359
|
}) },
|
|
2358
2360
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -2375,7 +2377,7 @@ var MenuItem = function (_a) {
|
|
|
2375
2377
|
React.createElement("p", null, text))));
|
|
2376
2378
|
};
|
|
2377
2379
|
|
|
2378
|
-
var styles$
|
|
2380
|
+
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"};
|
|
2379
2381
|
|
|
2380
2382
|
var MultiRangeSlider = function (_a) {
|
|
2381
2383
|
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;
|
|
@@ -2433,39 +2435,39 @@ var MultiRangeSlider = function (_a) {
|
|
|
2433
2435
|
var handleMouseUpValues = useCallback(function () {
|
|
2434
2436
|
onChange({ min: minVal, max: maxVal });
|
|
2435
2437
|
}, [minVal, maxVal, onChange]);
|
|
2436
|
-
return (React.createElement("div", { className: styles$
|
|
2438
|
+
return (React.createElement("div", { className: styles$2y.container },
|
|
2437
2439
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2438
2440
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
2439
2441
|
setMinVal(value);
|
|
2440
2442
|
event.target.value = value.toString();
|
|
2441
|
-
}, className: "\n ".concat(styles$
|
|
2443
|
+
}, className: "\n ".concat(styles$2y.thumb, " \n ").concat(styles$2y.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$2y.zIndex_5 : '', "\n ") }),
|
|
2442
2444
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2443
2445
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
2444
2446
|
setMaxVal(value);
|
|
2445
2447
|
event.target.value = value.toString();
|
|
2446
|
-
}, className: "".concat(styles$
|
|
2447
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
2448
|
-
React.createElement("div", { className: styles$
|
|
2449
|
-
React.createElement("div", { ref: range, className: styles$
|
|
2450
|
-
showValues && (React.createElement("div", { className: styles$
|
|
2451
|
-
React.createElement("div", { className: styles$
|
|
2452
|
-
React.createElement("div", { className: styles$
|
|
2448
|
+
}, className: "".concat(styles$2y.thumb, " ").concat(styles$2y.zIndex_4) }),
|
|
2449
|
+
React.createElement("div", { style: { width: size }, className: styles$2y.slider },
|
|
2450
|
+
React.createElement("div", { className: styles$2y.track }),
|
|
2451
|
+
React.createElement("div", { ref: range, className: styles$2y.range }),
|
|
2452
|
+
showValues && (React.createElement("div", { className: styles$2y.values },
|
|
2453
|
+
React.createElement("div", { className: styles$2y.left_value }, hasCurrency),
|
|
2454
|
+
React.createElement("div", { className: styles$2y.right_value }, maxVal.toLocaleString()))))));
|
|
2453
2455
|
};
|
|
2454
2456
|
|
|
2455
|
-
var styles$
|
|
2457
|
+
var styles$2x = {"content":"mg_paragraph_content_1mtnz"};
|
|
2456
2458
|
|
|
2457
2459
|
var Component$2B = function (_a) {
|
|
2458
2460
|
var paragraph = _a.paragraph;
|
|
2459
|
-
return React.createElement("p", { className: styles$
|
|
2461
|
+
return React.createElement("p", { className: styles$2x.content }, paragraph);
|
|
2460
2462
|
};
|
|
2461
2463
|
var Paragraph = memo(Component$2B);
|
|
2462
2464
|
|
|
2463
|
-
var styles$
|
|
2465
|
+
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"};
|
|
2464
2466
|
|
|
2465
2467
|
var Component$2A = function (_a) {
|
|
2466
2468
|
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;
|
|
2467
2469
|
var showMenu = show ? 'show' : 'hidden';
|
|
2468
|
-
var staticContentClass = staticContent ? styles$
|
|
2470
|
+
var staticContentClass = staticContent ? styles$2w['static-content'] : '';
|
|
2469
2471
|
var _c = useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
2470
2472
|
useEffect(function () {
|
|
2471
2473
|
if (show) {
|
|
@@ -2477,9 +2479,9 @@ var Component$2A = function (_a) {
|
|
|
2477
2479
|
}, 300);
|
|
2478
2480
|
return function () { return clearTimeout(timer); };
|
|
2479
2481
|
}, [show]);
|
|
2480
|
-
return (React.createElement("div", { style: { width: widthBase }, className: [styles$
|
|
2481
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2482
|
-
React.createElement("div", { style: style, className: styles$
|
|
2482
|
+
return (React.createElement("div", { style: { width: widthBase }, className: [styles$2w['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
2483
|
+
React.createElement("div", { className: "".concat(styles$2w['magneto-ui-popover'], " ").concat(styles$2w[positionX], " ").concat(styles$2w[positionY], " ").concat(styles$2w[showMenu]) }, hideComponent && content),
|
|
2484
|
+
React.createElement("div", { style: style, className: styles$2w['magneto-ui-popover-children'] }, children)));
|
|
2483
2485
|
};
|
|
2484
2486
|
/**
|
|
2485
2487
|
* Atom Ui component of popover
|
|
@@ -2493,12 +2495,12 @@ var ERadioType;
|
|
|
2493
2495
|
ERadioType["button"] = "button";
|
|
2494
2496
|
})(ERadioType || (ERadioType = {}));
|
|
2495
2497
|
|
|
2496
|
-
var styles$
|
|
2498
|
+
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"};
|
|
2497
2499
|
|
|
2498
2500
|
var Component$2z = function (_a) {
|
|
2499
2501
|
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;
|
|
2500
2502
|
return (React.createElement("label", { className: CNM.get({
|
|
2501
|
-
styles: styles$
|
|
2503
|
+
styles: styles$2v,
|
|
2502
2504
|
cls: [
|
|
2503
2505
|
'radio-button',
|
|
2504
2506
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -2508,7 +2510,7 @@ var Component$2z = function (_a) {
|
|
|
2508
2510
|
}), htmlFor: id },
|
|
2509
2511
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2510
2512
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
2511
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2513
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$2v, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
2512
2514
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
2513
2515
|
};
|
|
2514
2516
|
/**
|
|
@@ -2516,21 +2518,21 @@ var Component$2z = function (_a) {
|
|
|
2516
2518
|
*/
|
|
2517
2519
|
var RadioButton = Component$2z;
|
|
2518
2520
|
|
|
2519
|
-
var styles$
|
|
2521
|
+
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"};
|
|
2520
2522
|
|
|
2521
2523
|
var Component$2y = function (_a) {
|
|
2522
2524
|
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;
|
|
2523
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
2525
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$2u, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
2524
2526
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
2525
2527
|
React.createElement("div", { className: CNM.get({
|
|
2526
|
-
styles: styles$
|
|
2528
|
+
styles: styles$2u,
|
|
2527
2529
|
cls: [
|
|
2528
2530
|
'radio-default__indicator',
|
|
2529
2531
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
2530
2532
|
indicatorClassName
|
|
2531
2533
|
]
|
|
2532
2534
|
}) }),
|
|
2533
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2535
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$2u, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
2534
2536
|
};
|
|
2535
2537
|
/**
|
|
2536
2538
|
* Molecule UI component for radio default
|
|
@@ -2556,9 +2558,9 @@ var Component$2x = function (_a) {
|
|
|
2556
2558
|
*/
|
|
2557
2559
|
var Radio = Component$2x;
|
|
2558
2560
|
|
|
2559
|
-
var styles$
|
|
2561
|
+
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"};
|
|
2560
2562
|
|
|
2561
|
-
var cx$15 = classNames.bind(styles$
|
|
2563
|
+
var cx$15 = classNames.bind(styles$2t);
|
|
2562
2564
|
var Component$2w = function (_a) {
|
|
2563
2565
|
var score = _a.score;
|
|
2564
2566
|
return (React.createElement("div", { className: cx$15('magneto-ui-rating-badge') },
|
|
@@ -2571,21 +2573,21 @@ var Component$2w = function (_a) {
|
|
|
2571
2573
|
*/
|
|
2572
2574
|
var RatingBadge = Component$2w;
|
|
2573
2575
|
|
|
2574
|
-
var styles$
|
|
2576
|
+
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"};
|
|
2575
2577
|
|
|
2576
2578
|
var Component$2v = function (_a) {
|
|
2577
2579
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
2578
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
2579
|
-
React.createElement("div", { className: styles$
|
|
2580
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$2s['magneto-ui-save-button'], " ").concat(addHover && styles$2s['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
2581
|
+
React.createElement("div", { className: styles$2s['button-content'] },
|
|
2580
2582
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
2581
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2583
|
+
buttonText && React.createElement("p", { className: styles$2s['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
2582
2584
|
};
|
|
2583
2585
|
/**
|
|
2584
2586
|
* UI Atom Component of Save Button
|
|
2585
2587
|
*/
|
|
2586
2588
|
var SaveButton = Component$2v;
|
|
2587
2589
|
|
|
2588
|
-
var styles$
|
|
2590
|
+
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"};
|
|
2589
2591
|
|
|
2590
2592
|
var Component$2u = function (_a) {
|
|
2591
2593
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
@@ -2594,14 +2596,14 @@ var Component$2u = function (_a) {
|
|
|
2594
2596
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
2595
2597
|
}
|
|
2596
2598
|
};
|
|
2597
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
2598
|
-
React.createElement("div", { className: styles$
|
|
2599
|
+
return (React.createElement("button", { className: "".concat(styles$2r['magneto-ui-share-button'], " ").concat(addHover && styles$2r['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
2600
|
+
React.createElement("div", { className: styles$2r['button-content'] },
|
|
2599
2601
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
2600
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2602
|
+
buttonText && React.createElement("p", { className: styles$2r['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
2601
2603
|
};
|
|
2602
2604
|
var ShareButton = Component$2u;
|
|
2603
2605
|
|
|
2604
|
-
var styles$
|
|
2606
|
+
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"};
|
|
2605
2607
|
|
|
2606
2608
|
var Component$2t = function (_a) {
|
|
2607
2609
|
var name = _a.name, score = _a.score;
|
|
@@ -2639,15 +2641,15 @@ var Component$2t = function (_a) {
|
|
|
2639
2641
|
4: 'four'
|
|
2640
2642
|
};
|
|
2641
2643
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2642
|
-
var fillAnimation = animationApplied ? styles$
|
|
2643
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2644
|
-
React.createElement("div", { className: styles$
|
|
2644
|
+
var fillAnimation = animationApplied ? styles$2q[levelClass] : '';
|
|
2645
|
+
return (React.createElement("div", { ref: skillRef, className: styles$2q['magneto-ui-skill'] },
|
|
2646
|
+
React.createElement("div", { className: styles$2q['magneto-ui-skill__wrapper'] },
|
|
2645
2647
|
React.createElement("p", null, name),
|
|
2646
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2648
|
+
React.createElement("div", { className: "".concat(styles$2q['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$2q['magneto-ui-skill--no-animation']) }))));
|
|
2647
2649
|
};
|
|
2648
2650
|
var Skill = Component$2t;
|
|
2649
2651
|
|
|
2650
|
-
var styles$
|
|
2652
|
+
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"};
|
|
2651
2653
|
|
|
2652
2654
|
var Switch = function (_a) {
|
|
2653
2655
|
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;
|
|
@@ -2661,10 +2663,10 @@ var Switch = function (_a) {
|
|
|
2661
2663
|
setChecked(function (state) { return !state; });
|
|
2662
2664
|
setIsActive(!isActive);
|
|
2663
2665
|
}, [isDisabled, setIsActive, isActive]);
|
|
2664
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2665
|
-
React.createElement("label", { className: styles$
|
|
2666
|
+
return (React.createElement("div", { className: "".concat(styles$2p['magneto-ui-switch_container'], " ").concat(className) },
|
|
2667
|
+
React.createElement("label", { className: styles$2p['magneto-ui-switch'] },
|
|
2666
2668
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
2667
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2669
|
+
React.createElement("span", { className: "".concat(styles$2p['magneto-ui-slider'], " ").concat(styles$2p['magneto-ui-round']) })),
|
|
2668
2670
|
title && React.createElement("p", null, title)));
|
|
2669
2671
|
};
|
|
2670
2672
|
|
|
@@ -2692,7 +2694,7 @@ var TextCustom = function (_a) {
|
|
|
2692
2694
|
return React.createElement(React.Fragment, null, textRender);
|
|
2693
2695
|
};
|
|
2694
2696
|
|
|
2695
|
-
var styles$
|
|
2697
|
+
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"};
|
|
2696
2698
|
|
|
2697
2699
|
var Component$2s = function (_a) {
|
|
2698
2700
|
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;
|
|
@@ -2725,15 +2727,15 @@ var Component$2s = function (_a) {
|
|
|
2725
2727
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
2726
2728
|
};
|
|
2727
2729
|
}, [baseColor, color, currentSelect]);
|
|
2728
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
2729
|
-
customIcon && (React.createElement("img", { className: "".concat(styles$
|
|
2730
|
+
return (React.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" },
|
|
2731
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$2o["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$2o['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
2730
2732
|
name));
|
|
2731
2733
|
};
|
|
2732
2734
|
var ToggleButton = Component$2s;
|
|
2733
2735
|
|
|
2734
|
-
var styles$
|
|
2736
|
+
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"};
|
|
2735
2737
|
|
|
2736
|
-
var cx$14 = classNames.bind(styles$
|
|
2738
|
+
var cx$14 = classNames.bind(styles$2n);
|
|
2737
2739
|
var typographyStyles = function (_a) {
|
|
2738
2740
|
var _b;
|
|
2739
2741
|
var className = _a.className, color = _a.color, ellipsis = _a.ellipsis, size = _a.size, style = _a.style, weight = _a.weight;
|
|
@@ -2868,14 +2870,14 @@ var ETypographyFontColor;
|
|
|
2868
2870
|
ETypographyFontColor["BLUE"] = "blue";
|
|
2869
2871
|
})(ETypographyFontColor || (ETypographyFontColor = {}));
|
|
2870
2872
|
|
|
2871
|
-
var styles$
|
|
2873
|
+
var styles$2m = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
2872
2874
|
|
|
2873
2875
|
var Component$2n = function (_a) {
|
|
2874
2876
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
2875
2877
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
2876
2878
|
sm: null
|
|
2877
2879
|
});
|
|
2878
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
2880
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$2m, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
2879
2881
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
2880
2882
|
userInfo,
|
|
2881
2883
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -2885,7 +2887,7 @@ var Component$2n = function (_a) {
|
|
|
2885
2887
|
*/
|
|
2886
2888
|
var UserMenuButtonAnalyst = Component$2n;
|
|
2887
2889
|
|
|
2888
|
-
var styles$
|
|
2890
|
+
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"};
|
|
2889
2891
|
|
|
2890
2892
|
var ShareIcons = {
|
|
2891
2893
|
Facebook: {
|
|
@@ -2936,39 +2938,39 @@ var Component$2m = function (_a) {
|
|
|
2936
2938
|
};
|
|
2937
2939
|
if (component)
|
|
2938
2940
|
return component;
|
|
2939
|
-
return (React.createElement("div", { className: styles$
|
|
2940
|
-
React.createElement("div", { id: styles$
|
|
2941
|
+
return (React.createElement("div", { className: styles$2l['magneto-ui-actions'] },
|
|
2942
|
+
React.createElement("div", { id: styles$2l['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
2941
2943
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
2942
|
-
React.createElement("button", { className: styles$
|
|
2944
|
+
React.createElement("button", { className: styles$2l['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
2943
2945
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
2944
2946
|
} },
|
|
2945
2947
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
2946
2948
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
2947
2949
|
actionsLinkList.map(function (_a, index) {
|
|
2948
2950
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
2949
|
-
return (React.createElement("a", { className: styles$
|
|
2951
|
+
return (React.createElement("a", { className: styles$2l['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
2950
2952
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
2951
2953
|
React.createElement("p", { key: index }, text)));
|
|
2952
2954
|
}),
|
|
2953
|
-
React.createElement("div", { className: styles$
|
|
2954
|
-
React.createElement("p", { className: styles$
|
|
2955
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
2955
|
+
React.createElement("div", { className: styles$2l['magneto-ui-actions__header'] },
|
|
2956
|
+
React.createElement("p", { className: styles$2l['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2957
|
+
offerCompanyName ? React.createElement("p", { className: styles$2l['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
2956
2958
|
};
|
|
2957
2959
|
var ShareLinksAction = function (_a) {
|
|
2958
2960
|
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;
|
|
2959
|
-
return (React.createElement("div", { className: styles$
|
|
2960
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
2961
|
+
return (React.createElement("div", { className: styles$2l['magneto-ui-actions'] },
|
|
2962
|
+
React.createElement(ShareButton, __assign({ className: styles$2l['magneto-ui-actions__share'] }, shareProps)),
|
|
2961
2963
|
shareLinks.map(function (_a, index) {
|
|
2962
2964
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
2963
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
2965
|
+
return (React.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(' ') },
|
|
2964
2966
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
2965
2967
|
React.createElement("span", null, title)));
|
|
2966
2968
|
}),
|
|
2967
|
-
React.createElement("div", { className: styles$
|
|
2968
|
-
React.createElement("p", { className: styles$
|
|
2969
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
2970
|
-
React.createElement("div", { className: styles$
|
|
2971
|
-
React.createElement("button", { className: styles$
|
|
2969
|
+
React.createElement("div", { className: styles$2l['magneto-ui-actions__header'] },
|
|
2970
|
+
React.createElement("p", { className: styles$2l['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2971
|
+
offerCompanyName ? React.createElement("p", { className: styles$2l['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
2972
|
+
React.createElement("div", { className: styles$2l['magneto-ui-actions__back'] },
|
|
2973
|
+
React.createElement("button", { className: styles$2l['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
2972
2974
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
2973
2975
|
backText)));
|
|
2974
2976
|
};
|
|
@@ -2999,22 +3001,22 @@ var Component$2l = function (_a) {
|
|
|
2999
3001
|
};
|
|
3000
3002
|
var Alert = Component$2l;
|
|
3001
3003
|
|
|
3002
|
-
var styles$
|
|
3004
|
+
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"};
|
|
3003
3005
|
|
|
3004
|
-
var cx$13 = classNames.bind(styles$
|
|
3006
|
+
var cx$13 = classNames.bind(styles$2k);
|
|
3005
3007
|
var AlertJobModalIcon = function (_a) {
|
|
3006
3008
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3007
3009
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3008
3010
|
return (React.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" }));
|
|
3009
3011
|
};
|
|
3010
3012
|
|
|
3011
|
-
var cx$12 = classNames.bind(styles$
|
|
3013
|
+
var cx$12 = classNames.bind(styles$2k);
|
|
3012
3014
|
var AlertJobModalHeader = function (_a) {
|
|
3013
3015
|
var className = _a.className, children = _a.children;
|
|
3014
3016
|
return React.createElement("div", { className: cx$12('alert-modal__header', className) }, children);
|
|
3015
3017
|
};
|
|
3016
3018
|
|
|
3017
|
-
var cx$11 = classNames.bind(styles$
|
|
3019
|
+
var cx$11 = classNames.bind(styles$2k);
|
|
3018
3020
|
var AlertJobModalTitle = function (_a) {
|
|
3019
3021
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3020
3022
|
return (React.createElement("div", { className: cx$11('alert-modal__title', className) },
|
|
@@ -3023,19 +3025,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
3023
3025
|
children));
|
|
3024
3026
|
};
|
|
3025
3027
|
|
|
3026
|
-
var cx$10 = classNames.bind(styles$
|
|
3028
|
+
var cx$10 = classNames.bind(styles$2k);
|
|
3027
3029
|
var AlertJobModalBody = function (_a) {
|
|
3028
3030
|
var className = _a.className, children = _a.children;
|
|
3029
3031
|
return React.createElement("div", { className: cx$10('alert-modal__body', className) }, children);
|
|
3030
3032
|
};
|
|
3031
3033
|
|
|
3032
|
-
var cx$$ = classNames.bind(styles$
|
|
3034
|
+
var cx$$ = classNames.bind(styles$2k);
|
|
3033
3035
|
var AlertJobModalFooter = function (_a) {
|
|
3034
3036
|
var className = _a.className, children = _a.children;
|
|
3035
3037
|
return React.createElement("div", { className: cx$$('alert-modal__footer', className) }, children);
|
|
3036
3038
|
};
|
|
3037
3039
|
|
|
3038
|
-
var cx$_ = classNames.bind(styles$
|
|
3040
|
+
var cx$_ = classNames.bind(styles$2k);
|
|
3039
3041
|
var AlertJobModalButton = function (_a) {
|
|
3040
3042
|
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"]);
|
|
3041
3043
|
return (React.createElement("button", __assign({ className: cx$_('alert-modal__button', className) }, buttonProps),
|
|
@@ -3105,7 +3107,7 @@ var Component$2k = function (_a) {
|
|
|
3105
3107
|
*/
|
|
3106
3108
|
var MobileDrawer = Component$2k;
|
|
3107
3109
|
|
|
3108
|
-
var styles$
|
|
3110
|
+
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"};
|
|
3109
3111
|
|
|
3110
3112
|
var ModalPortal = function (_a) {
|
|
3111
3113
|
var children = _a.children;
|
|
@@ -3139,21 +3141,21 @@ var Modal = function (_a) {
|
|
|
3139
3141
|
if (!isOpen)
|
|
3140
3142
|
return null;
|
|
3141
3143
|
return (React.createElement(ModalPortal, null,
|
|
3142
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3143
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
3144
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
3144
|
+
React.createElement("div", { className: "".concat(styles$2j["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
3145
|
+
title ? React.createElement("h2", { className: "".concat(styles$2j["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
3146
|
+
description ? React.createElement("p", { className: "".concat(styles$2j["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
3145
3147
|
children,
|
|
3146
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
3148
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$2j["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
3147
3149
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3148
|
-
React.createElement("span", { className: "".concat(styles$
|
|
3150
|
+
React.createElement("span", { className: "".concat(styles$2j["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
3149
3151
|
};
|
|
3150
3152
|
var Title = function (_a) {
|
|
3151
3153
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3152
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
3154
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$2j["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
3153
3155
|
};
|
|
3154
3156
|
var Description = function (_a) {
|
|
3155
3157
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3156
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
3158
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$2j["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
3157
3159
|
};
|
|
3158
3160
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
3159
3161
|
|
|
@@ -3166,7 +3168,7 @@ var Component$2j = function (_a) {
|
|
|
3166
3168
|
};
|
|
3167
3169
|
var ModalResponsive = Component$2j;
|
|
3168
3170
|
|
|
3169
|
-
var cx$Y = classNames.bind(styles$
|
|
3171
|
+
var cx$Y = classNames.bind(styles$2k);
|
|
3170
3172
|
var Component$2i = function (_a) {
|
|
3171
3173
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
3172
3174
|
return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$Y('alert-modal', className), mobileDrawerClassName: cx$Y('alert-modal__mobile', mobileClassName) }, children));
|
|
@@ -3180,19 +3182,19 @@ var AlertJobModal = Object.assign(Component$2i, {
|
|
|
3180
3182
|
Button: AlertJobModalButton
|
|
3181
3183
|
});
|
|
3182
3184
|
|
|
3183
|
-
var styles$
|
|
3185
|
+
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"};
|
|
3184
3186
|
|
|
3185
|
-
var styles$
|
|
3187
|
+
var styles$2h = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3186
3188
|
|
|
3187
|
-
var cx$X = classNames.bind(styles$
|
|
3189
|
+
var cx$X = classNames.bind(styles$2h);
|
|
3188
3190
|
var AlertJobStatusContainer = function (_a) {
|
|
3189
3191
|
var className = _a.className, children = _a.children;
|
|
3190
3192
|
return React.createElement("div", { className: cx$X('alert-job__content', className) }, children);
|
|
3191
3193
|
};
|
|
3192
3194
|
|
|
3193
|
-
var styles$
|
|
3195
|
+
var styles$2g = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3194
3196
|
|
|
3195
|
-
var cx$W = classNames.bind(styles$
|
|
3197
|
+
var cx$W = classNames.bind(styles$2g);
|
|
3196
3198
|
var alertIcons = {
|
|
3197
3199
|
success: Checked2,
|
|
3198
3200
|
warning: Warning3D
|
|
@@ -3204,9 +3206,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3204
3206
|
return (React.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" }));
|
|
3205
3207
|
};
|
|
3206
3208
|
|
|
3207
|
-
var styles$
|
|
3209
|
+
var styles$2f = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3208
3210
|
|
|
3209
|
-
var cx$V = classNames.bind(styles$
|
|
3211
|
+
var cx$V = classNames.bind(styles$2f);
|
|
3210
3212
|
var AlertJobStatusButton = function (_a) {
|
|
3211
3213
|
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"]);
|
|
3212
3214
|
return (React.createElement("button", __assign({ className: cx$V('alert-modal__button', className) }, buttonProps),
|
|
@@ -3214,7 +3216,7 @@ var AlertJobStatusButton = function (_a) {
|
|
|
3214
3216
|
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3215
3217
|
};
|
|
3216
3218
|
|
|
3217
|
-
var cx$U = classNames.bind(styles$
|
|
3219
|
+
var cx$U = classNames.bind(styles$2i);
|
|
3218
3220
|
var Component$2h = function (_a) {
|
|
3219
3221
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3220
3222
|
return React.createElement("div", { className: cx$U('alert-job', className, type) }, children);
|
|
@@ -3226,7 +3228,7 @@ var AlertJobStatus = Object.assign(Component$2h, {
|
|
|
3226
3228
|
Text: TextCustom
|
|
3227
3229
|
});
|
|
3228
3230
|
|
|
3229
|
-
var styles$
|
|
3231
|
+
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"};
|
|
3230
3232
|
|
|
3231
3233
|
var Component$2g = function (_a) {
|
|
3232
3234
|
var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
|
|
@@ -3241,9 +3243,9 @@ var Component$2g = function (_a) {
|
|
|
3241
3243
|
var talestBar = Math.max.apply(Math, data.map(getHeightPercentage));
|
|
3242
3244
|
return { talestBar: talestBar, shorterBar: shorterBar };
|
|
3243
3245
|
}, [data]), talestBar = _b.talestBar, shorterBar = _b.shorterBar;
|
|
3244
|
-
return (React.createElement("div", { className: styles$
|
|
3245
|
-
React.createElement("div", { className: styles$
|
|
3246
|
-
React.createElement("div", { className: styles$
|
|
3246
|
+
return (React.createElement("div", { className: styles$2e['magneto-ui-chart-bars'] },
|
|
3247
|
+
React.createElement("div", { className: styles$2e['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React.createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
|
|
3248
|
+
React.createElement("div", { className: styles$2e['magneto-ui-chart-bars__minmax'] },
|
|
3247
3249
|
React.createElement("p", null,
|
|
3248
3250
|
" ",
|
|
3249
3251
|
numberToCurrency(minValue)),
|
|
@@ -3253,7 +3255,7 @@ var Component$2g = function (_a) {
|
|
|
3253
3255
|
React.createElement("p", null,
|
|
3254
3256
|
" ",
|
|
3255
3257
|
numberToCurrency(maxValue))),
|
|
3256
|
-
React.createElement("div", { className: styles$
|
|
3258
|
+
React.createElement("div", { className: styles$2e['magneto-ui-chart-bars__mean'] },
|
|
3257
3259
|
React.createElement("p", null,
|
|
3258
3260
|
" ",
|
|
3259
3261
|
numberToCurrency(mean) + ' / ' + texts.month))));
|
|
@@ -3335,11 +3337,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
3335
3337
|
};
|
|
3336
3338
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
3337
3339
|
|
|
3338
|
-
var styles$
|
|
3340
|
+
var styles$2d = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
3339
3341
|
|
|
3340
3342
|
var Component$2f = function (_a) {
|
|
3341
3343
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
3342
|
-
return (React.createElement("div", { className: styles$
|
|
3344
|
+
return (React.createElement("div", { className: styles$2d.BreadcrumbsComponent },
|
|
3343
3345
|
React.createElement("a", { href: homeUrl },
|
|
3344
3346
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
3345
3347
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -3371,9 +3373,9 @@ var context$1 = /*#__PURE__*/Object.freeze({
|
|
|
3371
3373
|
useCandidateNav: useCandidateNav
|
|
3372
3374
|
});
|
|
3373
3375
|
|
|
3374
|
-
var styles$
|
|
3376
|
+
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"};
|
|
3375
3377
|
|
|
3376
|
-
var cs$4 = classNames.bind(styles$
|
|
3378
|
+
var cs$4 = classNames.bind(styles$2c);
|
|
3377
3379
|
var Component$2e = function (_a) {
|
|
3378
3380
|
var _b;
|
|
3379
3381
|
var children = _a.children, className = _a.className, toggler = _a.toggler, onClick = _a.onClick, variant = _a.variant, props = __rest(_a, ["children", "className", "toggler", "onClick", "variant"]);
|
|
@@ -3403,9 +3405,9 @@ var ECandidateNavButtonVariant;
|
|
|
3403
3405
|
ECandidateNavButtonVariant["ARROW"] = "arrow";
|
|
3404
3406
|
})(ECandidateNavButtonVariant || (ECandidateNavButtonVariant = {}));
|
|
3405
3407
|
|
|
3406
|
-
var styles$
|
|
3408
|
+
var styles$2b = {"magneto-ui-candidate-nav-option":"mg_candidate_nav_option_magneto-ui-candidate-nav-option_1o9op"};
|
|
3407
3409
|
|
|
3408
|
-
var cs$3 = classNames.bind(styles$
|
|
3410
|
+
var cs$3 = classNames.bind(styles$2b);
|
|
3409
3411
|
var Component$2d = function (_a) {
|
|
3410
3412
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3411
3413
|
var onChangeOpen = useCandidateNav().onChangeOpen;
|
|
@@ -3418,9 +3420,9 @@ var Component$2d = function (_a) {
|
|
|
3418
3420
|
*/
|
|
3419
3421
|
var CandidateNavOption = Component$2d;
|
|
3420
3422
|
|
|
3421
|
-
var styles$
|
|
3423
|
+
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"};
|
|
3422
3424
|
|
|
3423
|
-
var cs$2 = classNames.bind(styles$
|
|
3425
|
+
var cs$2 = classNames.bind(styles$2a);
|
|
3424
3426
|
var customScrollbarButtonsStyle$1 = {
|
|
3425
3427
|
'--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
|
|
3426
3428
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
@@ -3469,9 +3471,9 @@ var Component$2c = function (_a) {
|
|
|
3469
3471
|
*/
|
|
3470
3472
|
var CandidateNavOptions = Component$2c;
|
|
3471
3473
|
|
|
3472
|
-
var styles$
|
|
3474
|
+
var styles$29 = {"magneto-ui-candidate-nav-step":"mg_candidate_nav_step_magneto-ui-candidate-nav-step_3a00i"};
|
|
3473
3475
|
|
|
3474
|
-
var cs$1 = classNames.bind(styles$
|
|
3476
|
+
var cs$1 = classNames.bind(styles$29);
|
|
3475
3477
|
var Component$2b = function (_a) {
|
|
3476
3478
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3477
3479
|
return (React.createElement("div", __assign({}, props, { className: cs$1('magneto-ui-candidate-nav-step', className) }), children));
|
|
@@ -3481,9 +3483,9 @@ var Component$2b = function (_a) {
|
|
|
3481
3483
|
*/
|
|
3482
3484
|
var CandidateNavStep = Component$2b;
|
|
3483
3485
|
|
|
3484
|
-
var styles$
|
|
3486
|
+
var styles$28 = {"magneto-ui-candidate-nav":"mg_candidate_nav_magneto-ui-candidate-nav_1on5i"};
|
|
3485
3487
|
|
|
3486
|
-
var cs = classNames.bind(styles$
|
|
3488
|
+
var cs = classNames.bind(styles$28);
|
|
3487
3489
|
var Component$2a = function (_a) {
|
|
3488
3490
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3489
3491
|
return (React.createElement(Provider$1, null,
|
|
@@ -3494,11 +3496,11 @@ var Component$2a = function (_a) {
|
|
|
3494
3496
|
*/
|
|
3495
3497
|
var CandidateNav = Object.assign(Component$2a, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
|
|
3496
3498
|
|
|
3497
|
-
var styles$
|
|
3499
|
+
var styles$27 = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
|
|
3498
3500
|
|
|
3499
|
-
var styles$
|
|
3501
|
+
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"};
|
|
3500
3502
|
|
|
3501
|
-
var cx$T = classNames.bind(styles$
|
|
3503
|
+
var cx$T = classNames.bind(styles$26);
|
|
3502
3504
|
var Component$29 = function (_a) {
|
|
3503
3505
|
var avatar = _a.avatar, score = _a.score, props = __rest(_a, ["avatar", "score"]);
|
|
3504
3506
|
return (React.createElement("div", __assign({ className: cx$T('magneto-ui-candidate-profile-avatar') }, props),
|
|
@@ -3512,9 +3514,9 @@ var Component$29 = function (_a) {
|
|
|
3512
3514
|
*/
|
|
3513
3515
|
var CandidateProfileAvatar = Component$29;
|
|
3514
3516
|
|
|
3515
|
-
var styles$
|
|
3517
|
+
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"};
|
|
3516
3518
|
|
|
3517
|
-
var cx$S = classNames.bind(styles$
|
|
3519
|
+
var cx$S = classNames.bind(styles$25);
|
|
3518
3520
|
var Component$28 = function (_a) {
|
|
3519
3521
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
3520
3522
|
var open = Collapse.useCollapse().open;
|
|
@@ -3527,9 +3529,9 @@ var Component$28 = function (_a) {
|
|
|
3527
3529
|
*/
|
|
3528
3530
|
var CandidateProfileBody = Component$28;
|
|
3529
3531
|
|
|
3530
|
-
var styles$
|
|
3532
|
+
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"};
|
|
3531
3533
|
|
|
3532
|
-
var cx$R = classNames.bind(styles$
|
|
3534
|
+
var cx$R = classNames.bind(styles$24);
|
|
3533
3535
|
var Component$27 = function (_a) {
|
|
3534
3536
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
3535
3537
|
var open = Collapse.useCollapse().open;
|
|
@@ -3542,9 +3544,9 @@ var Component$27 = function (_a) {
|
|
|
3542
3544
|
*/
|
|
3543
3545
|
var CandidateProfileHeader = Component$27;
|
|
3544
3546
|
|
|
3545
|
-
var styles$
|
|
3547
|
+
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"};
|
|
3546
3548
|
|
|
3547
|
-
var cx$Q = classNames.bind(styles$
|
|
3549
|
+
var cx$Q = classNames.bind(styles$23);
|
|
3548
3550
|
var Component$26 = function (_a) {
|
|
3549
3551
|
var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
|
|
3550
3552
|
var _b = Collapse.useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -3570,7 +3572,7 @@ var children = /*#__PURE__*/Object.freeze({
|
|
|
3570
3572
|
Toggler: CandidateProfileToggler
|
|
3571
3573
|
});
|
|
3572
3574
|
|
|
3573
|
-
var cx$P = classNames.bind(styles$
|
|
3575
|
+
var cx$P = classNames.bind(styles$27);
|
|
3574
3576
|
var Component$25 = function (_a) {
|
|
3575
3577
|
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"]);
|
|
3576
3578
|
return (React.createElement(Collapse.Provider, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
|
|
@@ -3581,19 +3583,19 @@ var Component$25 = function (_a) {
|
|
|
3581
3583
|
*/
|
|
3582
3584
|
var CandidateProfile = Object.assign(Component$25, children);
|
|
3583
3585
|
|
|
3584
|
-
var styles$
|
|
3586
|
+
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"};
|
|
3585
3587
|
|
|
3586
3588
|
var CitiesDetailDrawer = function (_a) {
|
|
3587
3589
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
3588
|
-
return (React.createElement("div", { className: styles$
|
|
3589
|
-
React.createElement("div", { className: styles$
|
|
3590
|
+
return (React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
3591
|
+
React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
3590
3592
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
3591
|
-
React.createElement("div", { className: styles$
|
|
3592
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
3593
|
+
React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
3594
|
+
isRemote && (React.createElement("p", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
3593
3595
|
cities &&
|
|
3594
3596
|
cities.map(function (_a, index) {
|
|
3595
3597
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
3596
|
-
return (React.createElement("div", { className: styles$
|
|
3598
|
+
return (React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
3597
3599
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
3598
3600
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
3599
3601
|
})))) : null));
|
|
@@ -3601,21 +3603,21 @@ var CitiesDetailDrawer = function (_a) {
|
|
|
3601
3603
|
|
|
3602
3604
|
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
3603
3605
|
|
|
3604
|
-
var styles$
|
|
3606
|
+
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"};
|
|
3605
3607
|
|
|
3606
3608
|
var Component$24 = function (_a) {
|
|
3607
3609
|
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
3608
|
-
return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$
|
|
3610
|
+
return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$21['create-account-cta'] }, isLoading ? (React.createElement("div", { className: styles$21['create-account-cta__loader'] },
|
|
3609
3611
|
React.createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React.createElement(React.Fragment, null,
|
|
3610
|
-
React.createElement("img", { className: styles$
|
|
3611
|
-
React.createElement("div", { className: styles$
|
|
3612
|
+
React.createElement("img", { className: styles$21['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
3613
|
+
React.createElement("div", { className: styles$21['create-account-cta__summary'] },
|
|
3612
3614
|
React.createElement("h4", null, title),
|
|
3613
3615
|
React.createElement("p", null, description)),
|
|
3614
|
-
React.createElement("img", { className: styles$
|
|
3616
|
+
React.createElement("img", { className: styles$21['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
3615
3617
|
};
|
|
3616
3618
|
var CreateAccountCTA = Component$24;
|
|
3617
3619
|
|
|
3618
|
-
var styles$
|
|
3620
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
3619
3621
|
|
|
3620
3622
|
var defaultValue$1 = function (value) {
|
|
3621
3623
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -3654,7 +3656,7 @@ var Component$23 = function (_a) {
|
|
|
3654
3656
|
}
|
|
3655
3657
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3656
3658
|
}, [disabled]);
|
|
3657
|
-
return (React.createElement("div", { className: styles$
|
|
3659
|
+
return (React.createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
3658
3660
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
3659
3661
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
3660
3662
|
};
|
|
@@ -3772,7 +3774,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
3772
3774
|
_c)
|
|
3773
3775
|
};
|
|
3774
3776
|
|
|
3775
|
-
var styles$
|
|
3777
|
+
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"};
|
|
3776
3778
|
|
|
3777
3779
|
var Component$21 = function (_a) {
|
|
3778
3780
|
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;
|
|
@@ -3780,7 +3782,7 @@ var Component$21 = function (_a) {
|
|
|
3780
3782
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
3781
3783
|
var componentProps = useMemo(function () {
|
|
3782
3784
|
var className = CNM.get({
|
|
3783
|
-
styles: styles$
|
|
3785
|
+
styles: styles$1$,
|
|
3784
3786
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
3785
3787
|
});
|
|
3786
3788
|
if (isUrl)
|
|
@@ -3802,11 +3804,11 @@ var Component$21 = function (_a) {
|
|
|
3802
3804
|
}
|
|
3803
3805
|
return;
|
|
3804
3806
|
}, [loading, variant]);
|
|
3805
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3806
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3807
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action', className] }) },
|
|
3808
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__container'] }) },
|
|
3807
3809
|
React.createElement(Component, __assign({}, componentProps),
|
|
3808
3810
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
3809
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3811
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
3810
3812
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
3811
3813
|
};
|
|
3812
3814
|
/**
|
|
@@ -3814,36 +3816,36 @@ var Component$21 = function (_a) {
|
|
|
3814
3816
|
*/
|
|
3815
3817
|
var ExpandableInfoAction = Component$21;
|
|
3816
3818
|
|
|
3817
|
-
var styles$
|
|
3819
|
+
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"};
|
|
3818
3820
|
|
|
3819
3821
|
var Component$20 = function (_a) {
|
|
3820
3822
|
var sections = _a.sections, footer = _a.footer;
|
|
3821
3823
|
var sectionStyles = useCallback(function (multiple) {
|
|
3822
3824
|
return CNM.get({
|
|
3823
|
-
styles: styles$
|
|
3825
|
+
styles: styles$1_,
|
|
3824
3826
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
3825
3827
|
});
|
|
3826
3828
|
}, []);
|
|
3827
3829
|
var subSectionStyles = useCallback(function (initial) {
|
|
3828
3830
|
return CNM.get({
|
|
3829
|
-
styles: styles$
|
|
3831
|
+
styles: styles$1_,
|
|
3830
3832
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
3831
3833
|
});
|
|
3832
3834
|
}, []);
|
|
3833
3835
|
var itemStyles = useCallback(function (first) {
|
|
3834
3836
|
return CNM.get({
|
|
3835
|
-
styles: styles$
|
|
3837
|
+
styles: styles$1_,
|
|
3836
3838
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
3837
3839
|
});
|
|
3838
3840
|
}, []);
|
|
3839
3841
|
var textStyles = useCallback(function (bold) {
|
|
3840
3842
|
return CNM.get({
|
|
3841
|
-
styles: styles$
|
|
3843
|
+
styles: styles$1_,
|
|
3842
3844
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
3843
3845
|
});
|
|
3844
3846
|
}, []);
|
|
3845
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3846
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3847
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details'] }) },
|
|
3848
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
3847
3849
|
sections.map(function (section, index) {
|
|
3848
3850
|
var _a, _b;
|
|
3849
3851
|
return (React.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) {
|
|
@@ -3857,8 +3859,8 @@ var Component$20 = function (_a) {
|
|
|
3857
3859
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
3858
3860
|
})));
|
|
3859
3861
|
}),
|
|
3860
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3861
|
-
React.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$
|
|
3862
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__footer'] }) },
|
|
3863
|
+
React.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'] }) }))))));
|
|
3862
3864
|
};
|
|
3863
3865
|
/**
|
|
3864
3866
|
* Molecule UI child component of expandable info
|
|
@@ -3884,7 +3886,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
3884
3886
|
_a$2)
|
|
3885
3887
|
};
|
|
3886
3888
|
|
|
3887
|
-
var styles$
|
|
3889
|
+
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"};
|
|
3888
3890
|
|
|
3889
3891
|
var Component$1$ = function (_a) {
|
|
3890
3892
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -3899,11 +3901,11 @@ var Component$1$ = function (_a) {
|
|
|
3899
3901
|
}, [variant]);
|
|
3900
3902
|
if (!title)
|
|
3901
3903
|
return null;
|
|
3902
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3903
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3904
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message', className] }) },
|
|
3905
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message__container'] }) },
|
|
3904
3906
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
3905
3907
|
React.createElement("span", { className: CNM.get({
|
|
3906
|
-
styles: styles$
|
|
3908
|
+
styles: styles$1Z,
|
|
3907
3909
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
3908
3910
|
}) }, title))));
|
|
3909
3911
|
};
|
|
@@ -3912,7 +3914,7 @@ var Component$1$ = function (_a) {
|
|
|
3912
3914
|
*/
|
|
3913
3915
|
var ExpandableInfoMessage = Component$1$;
|
|
3914
3916
|
|
|
3915
|
-
var styles$
|
|
3917
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
3916
3918
|
|
|
3917
3919
|
var Component$1_ = function (_a) {
|
|
3918
3920
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -3922,7 +3924,7 @@ var Component$1_ = function (_a) {
|
|
|
3922
3924
|
}, []);
|
|
3923
3925
|
return (React.createElement(React.Fragment, null,
|
|
3924
3926
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
3925
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
3927
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-modal'] }) },
|
|
3926
3928
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
3927
3929
|
};
|
|
3928
3930
|
/**
|
|
@@ -3930,23 +3932,23 @@ var Component$1_ = function (_a) {
|
|
|
3930
3932
|
*/
|
|
3931
3933
|
var ExpandableInfoModal = Component$1_;
|
|
3932
3934
|
|
|
3933
|
-
var styles$
|
|
3935
|
+
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"};
|
|
3934
3936
|
|
|
3935
|
-
var styles$
|
|
3937
|
+
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"};
|
|
3936
3938
|
|
|
3937
3939
|
var DesktopSideCards = function (_a) {
|
|
3938
3940
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
3939
|
-
return (React.createElement("div", { className: styles$
|
|
3940
|
-
React.createElement("div", { className: styles$
|
|
3941
|
+
return (React.createElement("div", { className: styles$1W['mega-menu-side-container'] },
|
|
3942
|
+
React.createElement("div", { className: styles$1W['mega-menu-side-container__side'] },
|
|
3941
3943
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
3942
|
-
React.createElement("div", { className: styles$
|
|
3944
|
+
React.createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
3943
3945
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
3944
3946
|
};
|
|
3945
3947
|
|
|
3946
3948
|
var MobileSideCards = function (_a) {
|
|
3947
3949
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
3948
|
-
return (React.createElement("div", { className: styles$
|
|
3949
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$
|
|
3950
|
+
return (React.createElement("div", { className: styles$1W['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
3951
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$1W['mega-menu-side-container__side'] },
|
|
3950
3952
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
3951
3953
|
};
|
|
3952
3954
|
|
|
@@ -4003,9 +4005,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
4003
4005
|
updateDrawerContent(index);
|
|
4004
4006
|
toogleDrawer();
|
|
4005
4007
|
}, [toogleDrawer, updateDrawerContent]);
|
|
4006
|
-
return (React.createElement("div", { className: styles$
|
|
4008
|
+
return (React.createElement("div", { className: styles$1W['mega-menu-side-container'] },
|
|
4007
4009
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
4008
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$
|
|
4010
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$1W['mega-menu-side-container__main'] },
|
|
4009
4011
|
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
4010
4012
|
};
|
|
4011
4013
|
|
|
@@ -4023,7 +4025,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
4023
4025
|
var Component$1Y = function (_a) {
|
|
4024
4026
|
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;
|
|
4025
4027
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
4026
|
-
styles: styles$
|
|
4028
|
+
styles: styles$1X,
|
|
4027
4029
|
cls: [
|
|
4028
4030
|
'expandable-info-popover',
|
|
4029
4031
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -4031,7 +4033,7 @@ var Component$1Y = function (_a) {
|
|
|
4031
4033
|
]
|
|
4032
4034
|
}), content: React.createElement(React.Fragment, null,
|
|
4033
4035
|
React.createElement("span", { className: CNM.get({
|
|
4034
|
-
styles: styles$
|
|
4036
|
+
styles: styles$1X,
|
|
4035
4037
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
4036
4038
|
}) }),
|
|
4037
4039
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -4046,13 +4048,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
4046
4048
|
coin: CoinBlackOutline
|
|
4047
4049
|
};
|
|
4048
4050
|
|
|
4049
|
-
var styles$
|
|
4051
|
+
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"};
|
|
4050
4052
|
|
|
4051
4053
|
var Component$1X = function (_a) {
|
|
4052
4054
|
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;
|
|
4053
4055
|
var styleGenerator = useCallback(function (base) {
|
|
4054
4056
|
return CNM.get({
|
|
4055
|
-
styles: styles$
|
|
4057
|
+
styles: styles$1V,
|
|
4056
4058
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
4057
4059
|
});
|
|
4058
4060
|
}, [variant]);
|
|
@@ -4084,7 +4086,7 @@ var Component$1X = function (_a) {
|
|
|
4084
4086
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
4085
4087
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
4086
4088
|
React.createElement("div", { className: CNM.get({
|
|
4087
|
-
styles: styles$
|
|
4089
|
+
styles: styles$1V,
|
|
4088
4090
|
cls: [
|
|
4089
4091
|
'expandable-info-toggler__summary',
|
|
4090
4092
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -4099,7 +4101,7 @@ var Component$1X = function (_a) {
|
|
|
4099
4101
|
*/
|
|
4100
4102
|
var ExpandableInfoToggler = Component$1X;
|
|
4101
4103
|
|
|
4102
|
-
var styles$
|
|
4104
|
+
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"};
|
|
4103
4105
|
|
|
4104
4106
|
var Component$1W = function (_a) {
|
|
4105
4107
|
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;
|
|
@@ -4115,9 +4117,9 @@ var Component$1W = function (_a) {
|
|
|
4115
4117
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
4116
4118
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
4117
4119
|
});
|
|
4118
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4120
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1U, cls: ['expandable-info'] }) },
|
|
4119
4121
|
React.createElement("div", { className: CNM.get({
|
|
4120
|
-
styles: styles$
|
|
4122
|
+
styles: styles$1U,
|
|
4121
4123
|
cls: [
|
|
4122
4124
|
'expandable-info__container',
|
|
4123
4125
|
"expandable-info__container--".concat(variant),
|
|
@@ -4127,7 +4129,7 @@ var Component$1W = function (_a) {
|
|
|
4127
4129
|
}) },
|
|
4128
4130
|
container,
|
|
4129
4131
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
4130
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4132
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.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.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
4131
4133
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
4132
4134
|
};
|
|
4133
4135
|
/**
|
|
@@ -4161,7 +4163,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
4161
4163
|
return React.createElement("div", { className: style$P["".concat(classMUI, "-filter-container")] }, children);
|
|
4162
4164
|
};
|
|
4163
4165
|
|
|
4164
|
-
var styles$
|
|
4166
|
+
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"};
|
|
4165
4167
|
|
|
4166
4168
|
var FilterMenuItem = function (_a) {
|
|
4167
4169
|
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"]);
|
|
@@ -4170,55 +4172,55 @@ var FilterMenuItem = function (_a) {
|
|
|
4170
4172
|
return React.createElement(IconItem, { icon: SmallClose, size: 17 });
|
|
4171
4173
|
if (!hasTotal || hiddenCount)
|
|
4172
4174
|
return React.createElement(Fragment, null);
|
|
4173
|
-
return React.createElement("div", { className: styles$
|
|
4175
|
+
return React.createElement("div", { className: styles$1T['magneto-ui-filter-item__counter'] }, formatNumber(total));
|
|
4174
4176
|
}, [total, isApplied, hasTotal, hiddenCount]);
|
|
4175
4177
|
var disabled = useMemo(function () {
|
|
4176
4178
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
4177
4179
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
4178
4180
|
var className = useMemo(function () {
|
|
4179
|
-
return isApplied ? styles$
|
|
4181
|
+
return isApplied ? styles$1T.selected : isSearched ? styles$1T.isSearched : hiddenCount ? '' : !total && styles$1T.disabled;
|
|
4180
4182
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
4181
4183
|
var handleClick = useCallback(function () {
|
|
4182
4184
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
4183
4185
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
4184
4186
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
4185
4187
|
if (loading)
|
|
4186
|
-
return React.createElement("div", { className: styles$
|
|
4187
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
4188
|
+
return React.createElement("div", { className: styles$1T.skeleton });
|
|
4189
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1T['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
4188
4190
|
React.createElement("span", null, label),
|
|
4189
4191
|
displayOutput));
|
|
4190
4192
|
};
|
|
4191
4193
|
|
|
4192
|
-
var styles$
|
|
4194
|
+
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"};
|
|
4193
4195
|
|
|
4194
4196
|
var FilterSearchItem = function (_a) {
|
|
4195
4197
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
4196
4198
|
var inputRef = useRef(null);
|
|
4197
4199
|
if (loading)
|
|
4198
|
-
return (React.createElement("div", { className: styles$
|
|
4200
|
+
return (React.createElement("div", { className: styles$1S.skeleton },
|
|
4199
4201
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
4200
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4202
|
+
return (React.createElement("div", { className: "".concat(styles$1S['magneto-ui-filter-search'], " ").concat(disabled ? styles$1S.disabled : '') },
|
|
4201
4203
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
4202
4204
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
4203
4205
|
};
|
|
4204
4206
|
|
|
4205
|
-
var styles$
|
|
4207
|
+
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"};
|
|
4206
4208
|
|
|
4207
4209
|
var Component$1V = function (_a) {
|
|
4208
4210
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
4209
|
-
return (React.createElement("div", { className: styles$
|
|
4210
|
-
React.createElement("div", { className: styles$
|
|
4211
|
+
return (React.createElement("div", { className: styles$1R['fraud-card-job'] },
|
|
4212
|
+
React.createElement("div", { className: styles$1R['fraud-card-job__header'] },
|
|
4211
4213
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
4212
4214
|
React.createElement("h4", null, title)),
|
|
4213
4215
|
React.createElement("div", null,
|
|
4214
|
-
React.createElement("p", { className: styles$
|
|
4215
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
4216
|
+
React.createElement("p", { className: styles$1R['fraud-card-job__text'] }, content),
|
|
4217
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1R['fraud-card-job__link'], href: link },
|
|
4216
4218
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
4217
4219
|
linkText))));
|
|
4218
4220
|
};
|
|
4219
4221
|
var FraudCardJob = Component$1V;
|
|
4220
4222
|
|
|
4221
|
-
var styles$
|
|
4223
|
+
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"};
|
|
4222
4224
|
|
|
4223
4225
|
var Component$1U = function (_a) {
|
|
4224
4226
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -4230,17 +4232,17 @@ var Component$1U = function (_a) {
|
|
|
4230
4232
|
return searchList;
|
|
4231
4233
|
}, [searchList, showFullList]);
|
|
4232
4234
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
4233
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
4234
|
-
React.createElement("h2", { className: styles$
|
|
4235
|
-
React.createElement("div", { className: styles$
|
|
4235
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1Q['magneto-ui-frequent-search'] },
|
|
4236
|
+
React.createElement("h2", { className: styles$1Q['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
4237
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
4236
4238
|
var props = __rest(_a, []);
|
|
4237
4239
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
4238
4240
|
})),
|
|
4239
|
-
React.createElement("div", { className: styles$
|
|
4241
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1Q['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
4240
4242
|
showMore,
|
|
4241
4243
|
" (",
|
|
4242
4244
|
searchList.length,
|
|
4243
|
-
")")) : (React.createElement("button", { className: styles$
|
|
4245
|
+
")")) : (React.createElement("button", { className: styles$1Q['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
4244
4246
|
};
|
|
4245
4247
|
/**
|
|
4246
4248
|
* UI Atom component of Frequent Search
|
|
@@ -4258,35 +4260,35 @@ var Component$1T = function (_a) {
|
|
|
4258
4260
|
};
|
|
4259
4261
|
var HeaderDrawerCompany = Component$1T;
|
|
4260
4262
|
|
|
4261
|
-
var styles$
|
|
4263
|
+
var styles$1P = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
4262
4264
|
|
|
4263
4265
|
var Component$1S = function (_a) {
|
|
4264
4266
|
var children = _a.children;
|
|
4265
|
-
return React.createElement("div", { className: styles$
|
|
4267
|
+
return React.createElement("div", { className: styles$1P.TabComponent }, children);
|
|
4266
4268
|
};
|
|
4267
4269
|
/**
|
|
4268
4270
|
* Molecule UI for Tab
|
|
4269
4271
|
*/
|
|
4270
4272
|
var Tab = Component$1S;
|
|
4271
4273
|
|
|
4272
|
-
var styles$
|
|
4274
|
+
var styles$1O = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
4273
4275
|
|
|
4274
4276
|
var Component$1R = function (_a) {
|
|
4275
4277
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
4276
4278
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
4277
4279
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
4278
|
-
return (React.createElement("div", { className: styles$
|
|
4280
|
+
return (React.createElement("div", { className: styles$1O.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
4279
4281
|
};
|
|
4280
4282
|
/**
|
|
4281
4283
|
* Molecule UI component for Tab Button
|
|
4282
4284
|
*/
|
|
4283
4285
|
var TabButton = Component$1R;
|
|
4284
4286
|
|
|
4285
|
-
var styles$
|
|
4287
|
+
var styles$1N = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
4286
4288
|
|
|
4287
4289
|
var Component$1Q = function (_a) {
|
|
4288
4290
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
4289
|
-
return (React.createElement("div", { className: styles$
|
|
4291
|
+
return (React.createElement("div", { className: styles$1N.HeaderDrawerTabsComponent },
|
|
4290
4292
|
React.createElement("a", { href: homeUrl },
|
|
4291
4293
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
4292
4294
|
React.createElement(Tab, null,
|
|
@@ -4295,11 +4297,11 @@ var Component$1Q = function (_a) {
|
|
|
4295
4297
|
};
|
|
4296
4298
|
var HeaderDrawerTabs = Component$1Q;
|
|
4297
4299
|
|
|
4298
|
-
var styles$
|
|
4300
|
+
var styles$1M = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
4299
4301
|
|
|
4300
4302
|
var Component$1P = function (_a) {
|
|
4301
4303
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
4302
|
-
return (React.createElement("div", { className: styles$
|
|
4304
|
+
return (React.createElement("div", { className: styles$1M.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
4303
4305
|
var headerTabProps = __rest(_a, []);
|
|
4304
4306
|
return (React.createElement(React.Fragment, { key: index },
|
|
4305
4307
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -4312,9 +4314,9 @@ var Component$1P = function (_a) {
|
|
|
4312
4314
|
*/
|
|
4313
4315
|
var HeaderTabs = Component$1P;
|
|
4314
4316
|
|
|
4315
|
-
var styles$
|
|
4317
|
+
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"};
|
|
4316
4318
|
|
|
4317
|
-
var cx$O = classNames.bind(styles$
|
|
4319
|
+
var cx$O = classNames.bind(styles$1L);
|
|
4318
4320
|
var Component$1O = function (_a) {
|
|
4319
4321
|
var className = _a.className, options = _a.options, onChange = _a.onChange, onClick = _a.onClick;
|
|
4320
4322
|
var _b = useState(0), selectedItem = _b[0], setSelectedItem = _b[1];
|
|
@@ -4342,10 +4344,10 @@ var Component$1O = function (_a) {
|
|
|
4342
4344
|
*/
|
|
4343
4345
|
var HorizontalMenu = Component$1O;
|
|
4344
4346
|
|
|
4345
|
-
var styles$
|
|
4347
|
+
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"};
|
|
4346
4348
|
|
|
4347
4349
|
var Input = function (_a) {
|
|
4348
|
-
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"]);
|
|
4350
|
+
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"]);
|
|
4349
4351
|
var _k = useState(false), onFocus = _k[0], setOnFocus = _k[1];
|
|
4350
4352
|
var _l = useState(''), inputValue = _l[0], setInputValue = _l[1];
|
|
4351
4353
|
var haveValueOrFocus = useMemo(function () {
|
|
@@ -4377,26 +4379,26 @@ var Input = function (_a) {
|
|
|
4377
4379
|
setInputValue(e.target.value);
|
|
4378
4380
|
}, [onChange]);
|
|
4379
4381
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
4380
|
-
React.createElement("div", { className: styles$
|
|
4382
|
+
React.createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input")], " ").concat(mainClassName) },
|
|
4381
4383
|
React.createElement("div", null,
|
|
4382
|
-
React.createElement("div", { className: styles$
|
|
4384
|
+
React.createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
4383
4385
|
React.createElement("label", { htmlFor: name, style: {
|
|
4384
4386
|
left: hideIcon ? '10px' : '40px',
|
|
4385
4387
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
4386
4388
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
4387
|
-
}, className: styles$
|
|
4389
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
4388
4390
|
React.createElement("input", __assign({}, props, { style: {
|
|
4389
4391
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
4390
|
-
}, disabled: disabled, className: styles$
|
|
4391
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
4392
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
4392
|
+
}, 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" })),
|
|
4393
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1K["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
4394
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1K["".concat(classMUI, "-input--container__icon-action")] },
|
|
4393
4395
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
4394
|
-
React.createElement("div", { className: "".concat(styles$
|
|
4395
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
4396
|
+
React.createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1K['footer-without-error'] : '') },
|
|
4397
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1K["".concat(classMUI, "-input--container__error")] }, error)),
|
|
4396
4398
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
4397
4399
|
};
|
|
4398
4400
|
|
|
4399
|
-
var styles$
|
|
4401
|
+
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"};
|
|
4400
4402
|
|
|
4401
4403
|
var InputPlus = function (_a) {
|
|
4402
4404
|
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;
|
|
@@ -4440,23 +4442,23 @@ var InputPlus = function (_a) {
|
|
|
4440
4442
|
}
|
|
4441
4443
|
}
|
|
4442
4444
|
}, [disabledBtn, handleSubmit]);
|
|
4443
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4445
|
+
return (React.createElement("div", { className: "".concat(styles$1J["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
4444
4446
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text", maxLength: maxLength }),
|
|
4445
|
-
React.createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$
|
|
4447
|
+
React.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.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1J['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
4446
4448
|
};
|
|
4447
4449
|
|
|
4448
|
-
var styles$
|
|
4450
|
+
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"};
|
|
4449
4451
|
|
|
4450
4452
|
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"};
|
|
4451
4453
|
|
|
4452
|
-
var styles$
|
|
4454
|
+
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"};
|
|
4453
4455
|
|
|
4454
4456
|
var Tooltip = function (_a) {
|
|
4455
4457
|
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;
|
|
4456
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4457
|
-
React.createElement("div", { className: "".concat(styles$
|
|
4458
|
+
return (React.createElement("div", { className: "".concat(styles$1H['tooltip-container'], " ").concat(styles$1H["tooltip-".concat(position)]) },
|
|
4459
|
+
React.createElement("div", { className: "".concat(styles$1H['tooltip'], " ").concat(styles$1H["tooltip-".concat(position)]) },
|
|
4458
4460
|
children,
|
|
4459
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
4461
|
+
visible && (React.createElement("span", { className: "".concat(styles$1H['tooltip-text'], " ").concat(styles$1H["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
4460
4462
|
};
|
|
4461
4463
|
|
|
4462
4464
|
var Component$1N = function (_a) {
|
|
@@ -4491,20 +4493,20 @@ var Component$1M = function (_a) {
|
|
|
4491
4493
|
var isMobile = useMediaQuery(true, { md: false });
|
|
4492
4494
|
var ActionLink = function (_a) {
|
|
4493
4495
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
4494
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
4496
|
+
var iconContent = (React.createElement("a", { className: styles$1I['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
4495
4497
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
4496
4498
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
4497
4499
|
};
|
|
4498
4500
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
4499
|
-
return (React.createElement("div", { className: styles$
|
|
4500
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
4501
|
-
React.createElement("div", { className: styles$
|
|
4501
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-job-actions'] },
|
|
4502
|
+
!isApplied && React.createElement("div", { id: styles$1I['magneto-ui__external-child'] }, externalButtonChild),
|
|
4503
|
+
React.createElement("div", { className: styles$1I['magneto-ui-job-actions__buttons-wrapper'] },
|
|
4502
4504
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
4503
4505
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
4504
4506
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
4505
4507
|
filteredActionsLinkList.map(function (_a) {
|
|
4506
4508
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
4507
|
-
return (React.createElement("div", { className: styles$
|
|
4509
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
4508
4510
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
4509
4511
|
}))));
|
|
4510
4512
|
};
|
|
@@ -4513,13 +4515,13 @@ var Component$1M = function (_a) {
|
|
|
4513
4515
|
*/
|
|
4514
4516
|
var JobActions = Component$1M;
|
|
4515
4517
|
|
|
4516
|
-
var styles$
|
|
4518
|
+
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"};
|
|
4517
4519
|
|
|
4518
4520
|
var Component$1L = function (_a) {
|
|
4519
4521
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
4520
|
-
return (React.createElement("div", { className: styles$
|
|
4521
|
-
React.createElement("div", { className: styles$
|
|
4522
|
-
React.createElement("div", { className: styles$
|
|
4522
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
4523
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
4524
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__header'] },
|
|
4523
4525
|
React.createElement("p", null, offerApplyHeader),
|
|
4524
4526
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
4525
4527
|
offerApplyElements
|
|
@@ -4529,20 +4531,20 @@ var Component$1L = function (_a) {
|
|
|
4529
4531
|
})
|
|
4530
4532
|
.map(function (_a) {
|
|
4531
4533
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
4532
|
-
return (React.createElement("div", { className: styles$
|
|
4534
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
4533
4535
|
React.createElement("p", null, offerApplyLabel),
|
|
4534
4536
|
React.createElement("p", null, offerApplyInfo)));
|
|
4535
4537
|
})),
|
|
4536
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
4538
|
+
!isApplied && React.createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
4537
4539
|
};
|
|
4538
4540
|
/**
|
|
4539
4541
|
* UI Molecule Component for Job Apply Card
|
|
4540
4542
|
*/
|
|
4541
4543
|
var JobApplyCard = Component$1L;
|
|
4542
4544
|
|
|
4543
|
-
var styles$
|
|
4545
|
+
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"};
|
|
4544
4546
|
|
|
4545
|
-
var cx$N = classNames.bind(styles$
|
|
4547
|
+
var cx$N = classNames.bind(styles$1F);
|
|
4546
4548
|
var VacantOptionMobile = function (_a) {
|
|
4547
4549
|
var option = _a.option, onClick = _a.onClick, onMenu = _a.onMenu;
|
|
4548
4550
|
var handleClick = function () {
|
|
@@ -4573,9 +4575,9 @@ var VacantOptionMobile = function (_a) {
|
|
|
4573
4575
|
return React.createElement(React.Fragment, null);
|
|
4574
4576
|
};
|
|
4575
4577
|
|
|
4576
|
-
var styles$
|
|
4578
|
+
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"};
|
|
4577
4579
|
|
|
4578
|
-
var cx$M = classNames.bind(styles$
|
|
4580
|
+
var cx$M = classNames.bind(styles$1E);
|
|
4579
4581
|
var JobCardOptionDrawer = function (_a) {
|
|
4580
4582
|
var title = _a.title, company = _a.company, menu = _a.menu, backText = _a.backText;
|
|
4581
4583
|
var _b = useState(false), isOpen = _b[0], setOpen = _b[1];
|
|
@@ -4617,9 +4619,9 @@ var JobCardOptionDrawer = function (_a) {
|
|
|
4617
4619
|
} })); })))));
|
|
4618
4620
|
};
|
|
4619
4621
|
|
|
4620
|
-
var styles$
|
|
4622
|
+
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"};
|
|
4621
4623
|
|
|
4622
|
-
var cx$L = classNames.bind(styles$
|
|
4624
|
+
var cx$L = classNames.bind(styles$1D);
|
|
4623
4625
|
var VacantOption = function (_a) {
|
|
4624
4626
|
var option = _a.option, onClick = _a.onClick;
|
|
4625
4627
|
var _b = useState(false), open = _b[0], setOpen = _b[1];
|
|
@@ -4651,9 +4653,9 @@ var VacantOption = function (_a) {
|
|
|
4651
4653
|
return React.createElement(React.Fragment, null);
|
|
4652
4654
|
};
|
|
4653
4655
|
|
|
4654
|
-
var styles$
|
|
4656
|
+
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"};
|
|
4655
4657
|
|
|
4656
|
-
var cx$K = classNames.bind(styles$
|
|
4658
|
+
var cx$K = classNames.bind(styles$1C);
|
|
4657
4659
|
var JobCardOption = function (_a) {
|
|
4658
4660
|
var _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? stubUndefined : _c, menu = _a.menu;
|
|
4659
4661
|
var ref = useRef(null);
|
|
@@ -4683,7 +4685,7 @@ var JobCardOption = function (_a) {
|
|
|
4683
4685
|
};
|
|
4684
4686
|
var JobCardOption$1 = withClickOut(JobCardOption);
|
|
4685
4687
|
|
|
4686
|
-
var style$M = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-
|
|
4688
|
+
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"};
|
|
4687
4689
|
|
|
4688
4690
|
var useWithElement = function (ref) {
|
|
4689
4691
|
var _a = useState(null), width = _a[0], setWidth = _a[1];
|
|
@@ -4797,13 +4799,13 @@ var JobCardMobile = function (_a) {
|
|
|
4797
4799
|
React.createElement("p", null, educationLevel))))));
|
|
4798
4800
|
};
|
|
4799
4801
|
|
|
4800
|
-
var styles$
|
|
4802
|
+
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"};
|
|
4801
4803
|
|
|
4802
4804
|
var Component$1K = function (_a) {
|
|
4803
4805
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
4804
|
-
return (React.createElement("div", { className: styles$
|
|
4806
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-job-company-header'] },
|
|
4805
4807
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
4806
|
-
React.createElement("div", { className: styles$
|
|
4808
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-company-header__data-actions'] },
|
|
4807
4809
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
4808
4810
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
4809
4811
|
};
|
|
@@ -4812,11 +4814,11 @@ var Component$1K = function (_a) {
|
|
|
4812
4814
|
*/
|
|
4813
4815
|
var JobCompanyHeader = Component$1K;
|
|
4814
4816
|
|
|
4815
|
-
var styles$
|
|
4817
|
+
var styles$1A = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
4816
4818
|
|
|
4817
4819
|
var Component$1J = function (_a) {
|
|
4818
4820
|
var offerDescription = _a.offerDescription;
|
|
4819
|
-
return (React.createElement("div", { className: styles$
|
|
4821
|
+
return (React.createElement("div", { className: styles$1A['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
4820
4822
|
};
|
|
4821
4823
|
/**
|
|
4822
4824
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -4836,7 +4838,7 @@ var JobDetailContainer = function (_a) {
|
|
|
4836
4838
|
children));
|
|
4837
4839
|
};
|
|
4838
4840
|
|
|
4839
|
-
var styles$
|
|
4841
|
+
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"};
|
|
4840
4842
|
|
|
4841
4843
|
var Component$1I = function (_a) {
|
|
4842
4844
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -4848,15 +4850,15 @@ var Component$1I = function (_a) {
|
|
|
4848
4850
|
var offerDetailText = _a.offerDetailText;
|
|
4849
4851
|
return !!offerDetailText && index !== 1;
|
|
4850
4852
|
});
|
|
4851
|
-
return (React.createElement("div", { className: styles$
|
|
4852
|
-
React.createElement("div", { className: styles$
|
|
4853
|
+
return (React.createElement("div", { className: styles$1z['magneto-ui-job-details'] },
|
|
4854
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-details__wrapper'] },
|
|
4853
4855
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
4854
4856
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
4855
4857
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
4856
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
4857
|
-
React.createElement("div", { className: styles$
|
|
4858
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1z['magneto-ui-job-details__item-detail'] },
|
|
4859
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-details__item-detail-icon'] },
|
|
4858
4860
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
4859
|
-
React.createElement("p", { className: styles$
|
|
4861
|
+
React.createElement("p", { className: styles$1z['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
4860
4862
|
})),
|
|
4861
4863
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
4862
4864
|
};
|
|
@@ -4866,7 +4868,7 @@ var Component$1I = function (_a) {
|
|
|
4866
4868
|
Component$1I.displayName = 'JobDetails';
|
|
4867
4869
|
var JobDetails = Component$1I;
|
|
4868
4870
|
|
|
4869
|
-
var styles$
|
|
4871
|
+
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"};
|
|
4870
4872
|
|
|
4871
4873
|
var Component$1H = function (_a) {
|
|
4872
4874
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -4879,18 +4881,18 @@ var Component$1H = function (_a) {
|
|
|
4879
4881
|
title: title
|
|
4880
4882
|
});
|
|
4881
4883
|
});
|
|
4882
|
-
return (React.createElement("div", { className: styles$
|
|
4884
|
+
return (React.createElement("div", { className: styles$1y['magneto-ui-job-footer-card'] },
|
|
4883
4885
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
4884
|
-
React.createElement("div", { className: styles$
|
|
4886
|
+
React.createElement("div", { className: styles$1y['magneto-ui-job-footer-card__icons'] },
|
|
4885
4887
|
React.createElement("p", null, offerFooterHeader),
|
|
4886
|
-
React.createElement("div", { className: styles$
|
|
4888
|
+
React.createElement("div", { className: styles$1y['magneto-ui-job-footer-card__wrapper'] },
|
|
4887
4889
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
4888
4890
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
4889
4891
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
4890
4892
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
4891
4893
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
4892
4894
|
})),
|
|
4893
|
-
React.createElement("div", { className: styles$
|
|
4895
|
+
React.createElement("div", { className: styles$1y['magneto-ui__share-button'] },
|
|
4894
4896
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
4895
4897
|
};
|
|
4896
4898
|
/**
|
|
@@ -4898,13 +4900,13 @@ var Component$1H = function (_a) {
|
|
|
4898
4900
|
*/
|
|
4899
4901
|
var JobFooterCard = Component$1H;
|
|
4900
4902
|
|
|
4901
|
-
var styles$
|
|
4903
|
+
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"};
|
|
4902
4904
|
|
|
4903
4905
|
var Component$1G = function (_a) {
|
|
4904
4906
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
4905
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
4907
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1x['magneto-ui-job-skills-card'] },
|
|
4906
4908
|
React.createElement("p", null, offerSkillsLabel),
|
|
4907
|
-
React.createElement("div", { className: styles$
|
|
4909
|
+
React.createElement("div", { className: styles$1x['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
4908
4910
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
4909
4911
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
4910
4912
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -4915,7 +4917,7 @@ var Component$1G = function (_a) {
|
|
|
4915
4917
|
*/
|
|
4916
4918
|
var JobSkillsCard = Component$1G;
|
|
4917
4919
|
|
|
4918
|
-
var styles$
|
|
4920
|
+
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"};
|
|
4919
4921
|
|
|
4920
4922
|
var JobVideo = function (_a) {
|
|
4921
4923
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -4930,7 +4932,7 @@ var JobVideo = function (_a) {
|
|
|
4930
4932
|
setLoadVideo && setLoadVideo(false);
|
|
4931
4933
|
}
|
|
4932
4934
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
4933
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
4935
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1w[videoClassName] })) : (React.createElement("div", { className: styles$1w['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
4934
4936
|
React.createElement(Image, __assign({}, imageProps))));
|
|
4935
4937
|
};
|
|
4936
4938
|
|
|
@@ -5037,7 +5039,7 @@ var MagnetoResolution = function (_a) {
|
|
|
5037
5039
|
React.createElement("a", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
5038
5040
|
};
|
|
5039
5041
|
|
|
5040
|
-
var styles$
|
|
5042
|
+
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"};
|
|
5041
5043
|
|
|
5042
5044
|
var MegaMenuCard = function (_a) {
|
|
5043
5045
|
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;
|
|
@@ -5047,19 +5049,19 @@ var MegaMenuCard = function (_a) {
|
|
|
5047
5049
|
onClick();
|
|
5048
5050
|
}
|
|
5049
5051
|
}, [onClick]);
|
|
5050
|
-
var rigthArrow = (React.createElement("div", { className: styles$
|
|
5052
|
+
var rigthArrow = (React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__arrow"] },
|
|
5051
5053
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
5052
5054
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
5053
5055
|
md: rigthArrow
|
|
5054
5056
|
});
|
|
5055
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
5056
|
-
icon && (React.createElement("div", { className: styles$
|
|
5057
|
+
return (React.createElement("a", { className: "".concat(styles$1v["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
5058
|
+
icon && (React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__icon"] },
|
|
5057
5059
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
5058
|
-
logo && (React.createElement("div", { className: styles$
|
|
5059
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
5060
|
-
React.createElement("div", { className: styles$
|
|
5061
|
-
React.createElement("div", { className: styles$
|
|
5062
|
-
React.createElement("div", { className: styles$
|
|
5060
|
+
logo && (React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__logo"] },
|
|
5061
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1v["magneto-ui-mega-menu-card__logo"] }))),
|
|
5062
|
+
React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__content"] },
|
|
5063
|
+
React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__title"] }, title),
|
|
5064
|
+
React.createElement("div", { className: styles$1v["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas, false), " cupos"))),
|
|
5063
5065
|
arrow));
|
|
5064
5066
|
};
|
|
5065
5067
|
|
|
@@ -5083,7 +5085,13 @@ var initialContext = {
|
|
|
5083
5085
|
jobsProps: {
|
|
5084
5086
|
tabs: []
|
|
5085
5087
|
},
|
|
5086
|
-
mainHeaderProps: {
|
|
5088
|
+
mainHeaderProps: {
|
|
5089
|
+
mobileSearchBarProps: {
|
|
5090
|
+
termValue: '',
|
|
5091
|
+
onSearch: function () { return ({}); },
|
|
5092
|
+
placeholder: ''
|
|
5093
|
+
}
|
|
5094
|
+
},
|
|
5087
5095
|
listMenuUserProps: {
|
|
5088
5096
|
urlParam: '',
|
|
5089
5097
|
menuItems: [],
|
|
@@ -5149,7 +5157,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
5149
5157
|
React.createElement("div", { className: "".concat(style$C["mega-menu-jobs-tabs__content"]) }, content)));
|
|
5150
5158
|
};
|
|
5151
5159
|
|
|
5152
|
-
var styles$
|
|
5160
|
+
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"};
|
|
5153
5161
|
|
|
5154
5162
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
5155
5163
|
var MegaMenuPopover = function (_a) {
|
|
@@ -5171,12 +5179,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
5171
5179
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
5172
5180
|
}, [showContent]);
|
|
5173
5181
|
return (React.createElement(React.Fragment, null,
|
|
5174
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
5175
|
-
React.createElement("p", { className: "".concat(styles$
|
|
5176
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
5177
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5178
|
-
React.createElement("div", { className: styles$
|
|
5179
|
-
React.createElement("div", { className: styles$
|
|
5182
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1u["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
5183
|
+
React.createElement("p", { className: "".concat(styles$1u["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
5184
|
+
React.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 }))),
|
|
5185
|
+
React.createElement("div", { className: "".concat(styles$1u["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1u["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
5186
|
+
React.createElement("div", { className: styles$1u["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
5187
|
+
React.createElement("div", { className: styles$1u["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
5180
5188
|
event.stopPropagation();
|
|
5181
5189
|
} }, children))));
|
|
5182
5190
|
};
|
|
@@ -5201,17 +5209,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
5201
5209
|
React.createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$B["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
5202
5210
|
};
|
|
5203
5211
|
|
|
5204
|
-
var styles$
|
|
5212
|
+
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"};
|
|
5205
5213
|
|
|
5206
5214
|
var MenuSearch = function (_a) {
|
|
5207
5215
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
5208
5216
|
var onBlur = useCallback(function () {
|
|
5209
5217
|
handleOnBlur && handleOnBlur();
|
|
5210
5218
|
}, [handleOnBlur]);
|
|
5211
|
-
return (React.createElement("div", { className: styles$
|
|
5212
|
-
React.createElement("div", { className: styles$
|
|
5219
|
+
return (React.createElement("div", { className: styles$1t['magneto-ui-menu-search'], onBlur: onBlur },
|
|
5220
|
+
React.createElement("div", { className: styles$1t['magneto-ui-menu-search_container'] },
|
|
5213
5221
|
children,
|
|
5214
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5222
|
+
React.createElement("div", { className: "".concat(styles$1t['magneto-ui-menu-search_content'], " ").concat(show && styles$1t.open) }, content))));
|
|
5215
5223
|
};
|
|
5216
5224
|
|
|
5217
5225
|
var iconByType = {
|
|
@@ -5222,7 +5230,7 @@ var iconByType = {
|
|
|
5222
5230
|
};
|
|
5223
5231
|
var transitionDuration = 300;
|
|
5224
5232
|
|
|
5225
|
-
var styles$
|
|
5233
|
+
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"};
|
|
5226
5234
|
|
|
5227
5235
|
var Component$1B = function (_a) {
|
|
5228
5236
|
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;
|
|
@@ -5237,7 +5245,7 @@ var Component$1B = function (_a) {
|
|
|
5237
5245
|
}); }, []);
|
|
5238
5246
|
var containerStyles = useMemo(function () {
|
|
5239
5247
|
return CNM.get({
|
|
5240
|
-
styles: styles$
|
|
5248
|
+
styles: styles$1s,
|
|
5241
5249
|
cls: [
|
|
5242
5250
|
'message__container',
|
|
5243
5251
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -5245,7 +5253,7 @@ var Component$1B = function (_a) {
|
|
|
5245
5253
|
]
|
|
5246
5254
|
});
|
|
5247
5255
|
}, [type, toggleAnimation]);
|
|
5248
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
5256
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1s, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
5249
5257
|
useEffect(function () {
|
|
5250
5258
|
if (!localVisible)
|
|
5251
5259
|
return;
|
|
@@ -5277,9 +5285,9 @@ var Component$1B = function (_a) {
|
|
|
5277
5285
|
setIsAnimating(visible);
|
|
5278
5286
|
}, [isAnimating, visible]);
|
|
5279
5287
|
return localVisible && container
|
|
5280
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
5288
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1s, cls: [className] }) },
|
|
5281
5289
|
React.createElement("div", { className: containerStyles },
|
|
5282
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
5290
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1s, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
5283
5291
|
React.createElement("div", null,
|
|
5284
5292
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
5285
5293
|
description && React.createElement("span", { className: textStyles() }, description)))), container)
|
|
@@ -5290,11 +5298,11 @@ var Component$1B = function (_a) {
|
|
|
5290
5298
|
*/
|
|
5291
5299
|
var Message = Component$1B;
|
|
5292
5300
|
|
|
5293
|
-
var styles$
|
|
5301
|
+
var styles$1r = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
5294
5302
|
|
|
5295
5303
|
var Component$1A = function (_a) {
|
|
5296
5304
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
5297
|
-
return (React.createElement("div", { className: styles$
|
|
5305
|
+
return (React.createElement("div", { className: styles$1r['magneto-ui-mobile-job-details-header'] },
|
|
5298
5306
|
React.createElement("button", { onClick: onClick },
|
|
5299
5307
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
5300
5308
|
React.createElement("p", null, returnText)));
|
|
@@ -5304,7 +5312,7 @@ var Component$1A = function (_a) {
|
|
|
5304
5312
|
*/
|
|
5305
5313
|
var MobileJobDetailsHeader = Component$1A;
|
|
5306
5314
|
|
|
5307
|
-
var styles$
|
|
5315
|
+
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"};
|
|
5308
5316
|
|
|
5309
5317
|
var Component$1z = function (_a) {
|
|
5310
5318
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -5328,20 +5336,20 @@ var Component$1z = function (_a) {
|
|
|
5328
5336
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
5329
5337
|
}
|
|
5330
5338
|
}, [focusSearchInput]);
|
|
5331
|
-
return (React.createElement("div", { className: styles$
|
|
5339
|
+
return (React.createElement("div", { className: styles$1q.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
5332
5340
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
5333
|
-
searchValue && React.createElement("div", { className: styles$
|
|
5334
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
5341
|
+
searchValue && React.createElement("div", { className: styles$1q['search-badge'] }),
|
|
5342
|
+
React.createElement(MainButton, __assign({ className: styles$1q['magneto-ui-search-button'] }, searchMobileProps)),
|
|
5335
5343
|
React.createElement("label", { htmlFor: "search" }),
|
|
5336
5344
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
5337
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
5345
|
+
React.createElement(MainButton, __assign({ className: styles$1q['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
5338
5346
|
};
|
|
5339
5347
|
/**
|
|
5340
5348
|
* Molecule UI component for MobileSearchbar
|
|
5341
5349
|
*/
|
|
5342
5350
|
var MobileSearchbar = Component$1z;
|
|
5343
5351
|
|
|
5344
|
-
var styles$
|
|
5352
|
+
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"};
|
|
5345
5353
|
|
|
5346
5354
|
var Notification = function (_a) {
|
|
5347
5355
|
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;
|
|
@@ -5352,30 +5360,30 @@ var Notification = function (_a) {
|
|
|
5352
5360
|
}
|
|
5353
5361
|
}, [autoCloseDuration, onClose]);
|
|
5354
5362
|
return (React.createElement(ModalPortal, null,
|
|
5355
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5356
|
-
React.createElement("div", { className: styles$
|
|
5357
|
-
React.createElement("div", { className: styles$
|
|
5358
|
-
React.createElement("button", { className: styles$
|
|
5363
|
+
React.createElement("div", { className: "".concat(styles$1p.notification, " ").concat(styles$1p[position], " ").concat(className), role: "alert" },
|
|
5364
|
+
React.createElement("div", { className: styles$1p['notification__content'] },
|
|
5365
|
+
React.createElement("div", { className: styles$1p['notification__message'] }, message),
|
|
5366
|
+
React.createElement("button", { className: styles$1p['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
5359
5367
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
5360
5368
|
extraContent && extraContent)));
|
|
5361
5369
|
};
|
|
5362
5370
|
|
|
5363
|
-
var styles$
|
|
5371
|
+
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"};
|
|
5364
5372
|
|
|
5365
5373
|
var BtnPagination = function (_a) {
|
|
5366
5374
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
5367
5375
|
var displayContent = useMemo(function () {
|
|
5368
5376
|
if (loading && value && current === value)
|
|
5369
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
5377
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1o['magneto-ui-btn-pagination_spinner'] });
|
|
5370
5378
|
return value;
|
|
5371
5379
|
}, [loading, current, value]);
|
|
5372
5380
|
var pageQueryParam = 'paginator[page]=';
|
|
5373
5381
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
5374
5382
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
5375
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
5376
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
5383
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1o['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
5384
|
+
React.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 },
|
|
5377
5385
|
displayContent,
|
|
5378
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
5386
|
+
displayIcon))) : (React.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 },
|
|
5379
5387
|
displayContent,
|
|
5380
5388
|
displayIcon))));
|
|
5381
5389
|
};
|
|
@@ -5426,7 +5434,7 @@ var createPagination = function (_a) {
|
|
|
5426
5434
|
};
|
|
5427
5435
|
};
|
|
5428
5436
|
|
|
5429
|
-
var styles$
|
|
5437
|
+
var styles$1n = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
5430
5438
|
|
|
5431
5439
|
var Pagination = function (_a) {
|
|
5432
5440
|
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;
|
|
@@ -5445,16 +5453,16 @@ var Pagination = function (_a) {
|
|
|
5445
5453
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
5446
5454
|
if (total <= pageSize)
|
|
5447
5455
|
return React.createElement(Fragment, null);
|
|
5448
|
-
return (React.createElement("div", { className: styles$
|
|
5456
|
+
return (React.createElement("div", { className: styles$1n['magneto-ui-pagination'] },
|
|
5449
5457
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
5450
5458
|
React.createElement("ul", null,
|
|
5451
5459
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
5452
5460
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
5453
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
5461
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1n['magneto-ui-pagination_ellipsis'] }))),
|
|
5454
5462
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
5455
5463
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
5456
5464
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
5457
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
5465
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1n['magneto-ui-pagination_ellipsis'] }),
|
|
5458
5466
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
5459
5467
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
5460
5468
|
};
|
|
@@ -5492,9 +5500,9 @@ var QUALIFICATION = [
|
|
|
5492
5500
|
}
|
|
5493
5501
|
];
|
|
5494
5502
|
|
|
5495
|
-
var styles$
|
|
5503
|
+
var styles$1m = {"magneto-ui-qualification":"mg_qualification_magneto-ui-qualification_a2ncq","magneto-ui-qualification__star":"mg_qualification_magneto-ui-qualification_star_a2ncq"};
|
|
5496
5504
|
|
|
5497
|
-
var cx$I = classNames.bind(styles$
|
|
5505
|
+
var cx$I = classNames.bind(styles$1m);
|
|
5498
5506
|
var Component$1y = function (_a) {
|
|
5499
5507
|
var _b = _a.rating, rating = _b === void 0 ? -1 : _b, onClick = _a.onClick;
|
|
5500
5508
|
var _c = useState(-1), qualification = _c[0], setQualification = _c[1];
|
|
@@ -5528,7 +5536,7 @@ var RightsReservedText = function (_a) {
|
|
|
5528
5536
|
React.createElement("p", null, magnetoRightsText)));
|
|
5529
5537
|
};
|
|
5530
5538
|
|
|
5531
|
-
var styles$
|
|
5539
|
+
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"};
|
|
5532
5540
|
|
|
5533
5541
|
var Component$1x = function (_a) {
|
|
5534
5542
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -5558,17 +5566,17 @@ var Component$1x = function (_a) {
|
|
|
5558
5566
|
}
|
|
5559
5567
|
return { backgroundColor: '#c4c4c4' };
|
|
5560
5568
|
}, [color, score, spanHover]);
|
|
5561
|
-
return (React.createElement("div", { className: styles$
|
|
5562
|
-
React.createElement("p", { className: styles$
|
|
5563
|
-
React.createElement("div", { className: styles$
|
|
5569
|
+
return (React.createElement("div", { className: styles$1l['magneto-ui-score-level'] },
|
|
5570
|
+
React.createElement("p", { className: styles$1l['magneto-ui-score-level__p'] }, name),
|
|
5571
|
+
React.createElement("div", { className: styles$1l['magneto-ui-score-level__summary'] },
|
|
5564
5572
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
5565
5573
|
React.createElement("p", null, labelScore)),
|
|
5566
|
-
React.createElement("button", { className: styles$
|
|
5574
|
+
React.createElement("button", { className: styles$1l['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
5567
5575
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
5568
5576
|
};
|
|
5569
5577
|
var ScoreLevel = Component$1x;
|
|
5570
5578
|
|
|
5571
|
-
var styles$
|
|
5579
|
+
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"};
|
|
5572
5580
|
|
|
5573
5581
|
var Component$1w = function (_a) {
|
|
5574
5582
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -5585,15 +5593,15 @@ var Component$1w = function (_a) {
|
|
|
5585
5593
|
}
|
|
5586
5594
|
return { backgroundColor: '#c4c4c4' };
|
|
5587
5595
|
}, [color, scoreValue]);
|
|
5588
|
-
return (React.createElement("div", { className: styles$
|
|
5596
|
+
return (React.createElement("div", { className: styles$1k['magneto-ui-score-level'] },
|
|
5589
5597
|
React.createElement("p", null, name),
|
|
5590
|
-
React.createElement("div", { className: styles$
|
|
5598
|
+
React.createElement("div", { className: styles$1k['magneto-ui-score-level__summary'] },
|
|
5591
5599
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
5592
5600
|
React.createElement("p", null, labelScore))));
|
|
5593
5601
|
};
|
|
5594
5602
|
var ScoreLevelStatic = Component$1w;
|
|
5595
5603
|
|
|
5596
|
-
var styles$
|
|
5604
|
+
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"};
|
|
5597
5605
|
|
|
5598
5606
|
var Component$1v = function (_a) {
|
|
5599
5607
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -5611,13 +5619,13 @@ var Component$1v = function (_a) {
|
|
|
5611
5619
|
setSearchValue('');
|
|
5612
5620
|
onSearch('');
|
|
5613
5621
|
};
|
|
5614
|
-
return (React.createElement("div", { className: styles$
|
|
5622
|
+
return (React.createElement("div", { className: styles$1j.SearchbarComponent },
|
|
5615
5623
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
5616
5624
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
5617
|
-
searchValue && React.createElement("div", { className: styles$
|
|
5618
|
-
React.createElement("div", { className: styles$
|
|
5625
|
+
searchValue && React.createElement("div", { className: styles$1j['SearchbarComponent__badge'] }),
|
|
5626
|
+
React.createElement("div", { className: styles$1j['magneto-ui-searchbar-buttons'] },
|
|
5619
5627
|
searchValue && (React.createElement(React.Fragment, null,
|
|
5620
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
5628
|
+
React.createElement(MainButton, __assign({ className: styles$1j['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
5621
5629
|
React.createElement("span", null, "|"))),
|
|
5622
5630
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
5623
5631
|
};
|
|
@@ -5626,21 +5634,21 @@ var Component$1v = function (_a) {
|
|
|
5626
5634
|
*/
|
|
5627
5635
|
var Searchbar = Component$1v;
|
|
5628
5636
|
|
|
5629
|
-
var styles$
|
|
5637
|
+
var styles$1i = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
5630
5638
|
|
|
5631
5639
|
var Component$1u = function (_a) {
|
|
5632
5640
|
var props = __rest(_a, []);
|
|
5633
|
-
return (React.createElement("div", { className: styles$
|
|
5634
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
5641
|
+
return (React.createElement("div", { className: styles$1i['search-button'] },
|
|
5642
|
+
props.searchValue && React.createElement("div", { className: styles$1i['search-button__badge'] }),
|
|
5635
5643
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
5636
5644
|
};
|
|
5637
5645
|
var SearchButton = Component$1u;
|
|
5638
5646
|
|
|
5639
|
-
var styles$
|
|
5647
|
+
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"};
|
|
5640
5648
|
|
|
5641
|
-
var styles$
|
|
5649
|
+
var styles$1g = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
5642
5650
|
|
|
5643
|
-
var cx$H = classNames.bind(styles$
|
|
5651
|
+
var cx$H = classNames.bind(styles$1g);
|
|
5644
5652
|
var Component$1t = function (_a) {
|
|
5645
5653
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
5646
5654
|
if (hideLogo)
|
|
@@ -5649,7 +5657,7 @@ var Component$1t = function (_a) {
|
|
|
5649
5657
|
};
|
|
5650
5658
|
var SimilarCardLogo = Component$1t;
|
|
5651
5659
|
|
|
5652
|
-
var cx$G = classNames.bind(styles$
|
|
5660
|
+
var cx$G = classNames.bind(styles$1h);
|
|
5653
5661
|
var Component$1s = function (_a) {
|
|
5654
5662
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
5655
5663
|
return (React.createElement(React.Fragment, null,
|
|
@@ -5657,7 +5665,7 @@ var Component$1s = function (_a) {
|
|
|
5657
5665
|
};
|
|
5658
5666
|
var SimilarCardIcon = Component$1s;
|
|
5659
5667
|
|
|
5660
|
-
var cx$F = classNames.bind(styles$
|
|
5668
|
+
var cx$F = classNames.bind(styles$1h);
|
|
5661
5669
|
var Component$1r = function (_a) {
|
|
5662
5670
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
5663
5671
|
return (React.createElement("a", { className: cx$F("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -5668,7 +5676,7 @@ var SimilarCard = Object.assign(Component$1r, {
|
|
|
5668
5676
|
Icon: SimilarCardIcon
|
|
5669
5677
|
});
|
|
5670
5678
|
|
|
5671
|
-
var styles$
|
|
5679
|
+
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"};
|
|
5672
5680
|
|
|
5673
5681
|
var SimilarJobsCard = function (_a) {
|
|
5674
5682
|
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;
|
|
@@ -5678,12 +5686,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
5678
5686
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
5679
5687
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
5680
5688
|
}, [cities, salary, experience]);
|
|
5681
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
5682
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
5689
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
5690
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
5683
5691
|
React.createElement("div", null,
|
|
5684
|
-
React.createElement("p", { className: "".concat(styles$
|
|
5685
|
-
React.createElement("p", { className: "".concat(styles$
|
|
5686
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
5692
|
+
React.createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
5693
|
+
React.createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
5694
|
+
React.createElement(IconItem, { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
5687
5695
|
};
|
|
5688
5696
|
|
|
5689
5697
|
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"};
|
|
@@ -5713,7 +5721,7 @@ var SortMenu = function (_a) {
|
|
|
5713
5721
|
};
|
|
5714
5722
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
5715
5723
|
|
|
5716
|
-
var styles$
|
|
5724
|
+
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"};
|
|
5717
5725
|
|
|
5718
5726
|
var TextArea = function (_a) {
|
|
5719
5727
|
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"]);
|
|
@@ -5739,15 +5747,15 @@ var TextArea = function (_a) {
|
|
|
5739
5747
|
return;
|
|
5740
5748
|
setShowPlaceholder(scrollTop === 0);
|
|
5741
5749
|
}, [showPlaceholder]);
|
|
5742
|
-
return (React.createElement("div", { className: styles$
|
|
5743
|
-
React.createElement("div", { className: styles$
|
|
5750
|
+
return (React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area")] },
|
|
5751
|
+
React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area--container")] },
|
|
5744
5752
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
5745
5753
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
5746
5754
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
5747
|
-
}, className: styles$
|
|
5748
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
5749
|
-
React.createElement("div", { className: styles$
|
|
5750
|
-
React.createElement("span", { className: styles$
|
|
5755
|
+
}, className: styles$1e["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
5756
|
+
React.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 }))),
|
|
5757
|
+
React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area__footer")] },
|
|
5758
|
+
React.createElement("span", { className: styles$1e["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
5751
5759
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
5752
5760
|
};
|
|
5753
5761
|
|
|
@@ -5783,7 +5791,7 @@ var Component$1q = function (_a) {
|
|
|
5783
5791
|
};
|
|
5784
5792
|
var TimelineEvent = Component$1q;
|
|
5785
5793
|
|
|
5786
|
-
var styles$
|
|
5794
|
+
var styles$1d = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
5787
5795
|
|
|
5788
5796
|
var Component$1p = function (_a) {
|
|
5789
5797
|
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;
|
|
@@ -5808,7 +5816,7 @@ var Component$1p = function (_a) {
|
|
|
5808
5816
|
}
|
|
5809
5817
|
return false;
|
|
5810
5818
|
};
|
|
5811
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
5819
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1d['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
5812
5820
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
5813
5821
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
5814
5822
|
})));
|
|
@@ -5835,9 +5843,9 @@ var userMenuAnalystIcons = {
|
|
|
5835
5843
|
recoverPassword: Security
|
|
5836
5844
|
};
|
|
5837
5845
|
|
|
5838
|
-
var styles$
|
|
5846
|
+
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"};
|
|
5839
5847
|
|
|
5840
|
-
var styles$
|
|
5848
|
+
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"};
|
|
5841
5849
|
|
|
5842
5850
|
var Component$1n = function (_a) {
|
|
5843
5851
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -5853,12 +5861,12 @@ var Component$1n = function (_a) {
|
|
|
5853
5861
|
}
|
|
5854
5862
|
}, [handleModal, handleMenuOpen, option]);
|
|
5855
5863
|
return (React.createElement("span", { className: CNM.get({
|
|
5856
|
-
styles: styles$
|
|
5864
|
+
styles: styles$1b,
|
|
5857
5865
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
5858
5866
|
}) },
|
|
5859
5867
|
prefix,
|
|
5860
5868
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
5861
|
-
styles: styles$
|
|
5869
|
+
styles: styles$1b,
|
|
5862
5870
|
cls: ['user-menu-analyst-option-default__container']
|
|
5863
5871
|
}), 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 }),
|
|
5864
5872
|
suffix));
|
|
@@ -5868,16 +5876,16 @@ var Component$1n = function (_a) {
|
|
|
5868
5876
|
*/
|
|
5869
5877
|
var UserMenuAnalystOptionDefault = React.memo(Component$1n);
|
|
5870
5878
|
|
|
5871
|
-
var styles$
|
|
5879
|
+
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"};
|
|
5872
5880
|
|
|
5873
5881
|
var Component$1m = function (_a) {
|
|
5874
5882
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
5875
5883
|
return (React.createElement("span", { className: CNM.get({
|
|
5876
|
-
styles: styles$
|
|
5884
|
+
styles: styles$1a,
|
|
5877
5885
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
5878
5886
|
}) },
|
|
5879
5887
|
prefix,
|
|
5880
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
5888
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
5881
5889
|
suffix));
|
|
5882
5890
|
};
|
|
5883
5891
|
/**
|
|
@@ -5885,12 +5893,12 @@ var Component$1m = function (_a) {
|
|
|
5885
5893
|
*/
|
|
5886
5894
|
var UserMenuAnalystOptionHover = React.memo(Component$1m);
|
|
5887
5895
|
|
|
5888
|
-
var styles$
|
|
5896
|
+
var styles$19 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
5889
5897
|
|
|
5890
5898
|
var Component$1l = function (_a) {
|
|
5891
5899
|
var option = _a.option, className = _a.className;
|
|
5892
5900
|
return (React.createElement("span", { className: CNM.get({
|
|
5893
|
-
styles: styles$
|
|
5901
|
+
styles: styles$19,
|
|
5894
5902
|
cls: [className, 'user-menu-analyst-option-text']
|
|
5895
5903
|
}) },
|
|
5896
5904
|
React.createElement("p", null, option.title)));
|
|
@@ -5946,26 +5954,26 @@ var optionTypes = (_b = {},
|
|
|
5946
5954
|
_b);
|
|
5947
5955
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
5948
5956
|
|
|
5949
|
-
var styles$
|
|
5957
|
+
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"};
|
|
5950
5958
|
|
|
5951
5959
|
var Component$1j = function (_a) {
|
|
5952
5960
|
var subTitle = _a.subTitle, title = _a.title;
|
|
5953
5961
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
5954
5962
|
return (React.createElement("div", null,
|
|
5955
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
5963
|
+
React.createElement("span", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
5956
5964
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
5957
5965
|
React.createElement("span", { className: CNM.get({
|
|
5958
|
-
styles: styles$
|
|
5966
|
+
styles: styles$18,
|
|
5959
5967
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
5960
5968
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
5961
5969
|
React.createElement("span", { className: CNM.get({
|
|
5962
|
-
styles: styles$
|
|
5970
|
+
styles: styles$18,
|
|
5963
5971
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
5964
5972
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
5965
5973
|
};
|
|
5966
5974
|
var UserMenuAnalystTitle = Component$1j;
|
|
5967
5975
|
|
|
5968
|
-
var styles$
|
|
5976
|
+
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"};
|
|
5969
5977
|
|
|
5970
5978
|
var Component$1i = function (_a) {
|
|
5971
5979
|
var _b;
|
|
@@ -5993,13 +6001,13 @@ var Component$1i = function (_a) {
|
|
|
5993
6001
|
var OptionType = getOptionType(option.type);
|
|
5994
6002
|
if (!OptionType)
|
|
5995
6003
|
return null;
|
|
5996
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5997
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
6004
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__object'] }) },
|
|
6005
|
+
React.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.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
5998
6006
|
}
|
|
5999
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
6007
|
+
return (React.createElement(MenuDropdown, { title: React.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: {
|
|
6000
6008
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
6001
6009
|
}, className: CNM.get({
|
|
6002
|
-
styles: styles$
|
|
6010
|
+
styles: styles$17,
|
|
6003
6011
|
cls: [
|
|
6004
6012
|
'user-menu-analyst-option__dropdown',
|
|
6005
6013
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -6008,7 +6016,7 @@ var Component$1i = function (_a) {
|
|
|
6008
6016
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
6009
6017
|
var _a;
|
|
6010
6018
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6011
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
6019
|
+
item.title && (React.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 :
|
|
6012
6020
|
_a.map(function (child, j) { return (React.createElement(Component$1i, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
6013
6021
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
6014
6022
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -6023,11 +6031,11 @@ var UserMenuAnalystOption = Component$1i;
|
|
|
6023
6031
|
var Component$1h = function (_a) {
|
|
6024
6032
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
6025
6033
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
6026
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6034
|
+
return (React.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) {
|
|
6027
6035
|
var _a;
|
|
6028
6036
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
6029
6037
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
6030
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6038
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options__divider'] }) },
|
|
6031
6039
|
React.createElement(Divider, null)))));
|
|
6032
6040
|
})));
|
|
6033
6041
|
};
|
|
@@ -6036,7 +6044,7 @@ var Component$1h = function (_a) {
|
|
|
6036
6044
|
*/
|
|
6037
6045
|
var UserMenuAnalystOptions = Component$1h;
|
|
6038
6046
|
|
|
6039
|
-
var styles$
|
|
6047
|
+
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"};
|
|
6040
6048
|
|
|
6041
6049
|
var Component$1g = function (_a) {
|
|
6042
6050
|
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;
|
|
@@ -6056,22 +6064,22 @@ var Component$1g = function (_a) {
|
|
|
6056
6064
|
: action.data;
|
|
6057
6065
|
}
|
|
6058
6066
|
}, [action, queryString]);
|
|
6059
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6060
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
6061
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6067
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst'] }) },
|
|
6068
|
+
React.createElement("header", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__header'] }) },
|
|
6069
|
+
React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user'] }) },
|
|
6062
6070
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
6063
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6064
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
6065
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
6066
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
6071
|
+
React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info'] }) },
|
|
6072
|
+
React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
6073
|
+
React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
6074
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
6067
6075
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
6068
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
6076
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
6069
6077
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
6070
|
-
styles: styles$
|
|
6078
|
+
styles: styles$16,
|
|
6071
6079
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
6072
6080
|
}), optionClassNames: {
|
|
6073
|
-
link: CNM.get({ styles: styles$
|
|
6074
|
-
dropdown: CNM.get({ styles: styles$
|
|
6081
|
+
link: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-link'] }),
|
|
6082
|
+
dropdown: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-dropdown'] })
|
|
6075
6083
|
} }))),
|
|
6076
6084
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
6077
6085
|
};
|
|
@@ -6080,11 +6088,11 @@ var Component$1g = function (_a) {
|
|
|
6080
6088
|
*/
|
|
6081
6089
|
var UserMenuAnalyst = Component$1g;
|
|
6082
6090
|
|
|
6083
|
-
var styles$
|
|
6091
|
+
var styles$15 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
6084
6092
|
|
|
6085
6093
|
var Component$1f = function (_a) {
|
|
6086
6094
|
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;
|
|
6087
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6095
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$15, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
6088
6096
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
6089
6097
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
6090
6098
|
};
|
|
@@ -6093,12 +6101,12 @@ var Component$1f = function (_a) {
|
|
|
6093
6101
|
*/
|
|
6094
6102
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1f);
|
|
6095
6103
|
|
|
6096
|
-
var styles$
|
|
6104
|
+
var styles$14 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
6097
6105
|
|
|
6098
6106
|
var Component$1e = function (_a) {
|
|
6099
6107
|
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;
|
|
6100
6108
|
return (React.createElement(React.Fragment, null,
|
|
6101
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
6109
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$14, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
6102
6110
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
6103
6111
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
6104
6112
|
};
|
|
@@ -6131,15 +6139,15 @@ var Component$1d = function (_a) {
|
|
|
6131
6139
|
*/
|
|
6132
6140
|
var UserMenuWrapperAnalyst = Component$1d;
|
|
6133
6141
|
|
|
6134
|
-
var styles$
|
|
6142
|
+
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"};
|
|
6135
6143
|
|
|
6136
|
-
var cx$D = classNames.bind(styles$
|
|
6144
|
+
var cx$D = classNames.bind(styles$13);
|
|
6137
6145
|
var AlertsPanelList = function (_a) {
|
|
6138
6146
|
var children = _a.children, className = _a.className;
|
|
6139
6147
|
return React.createElement("ul", { className: cx$D('alerts-panel__list', className) }, children);
|
|
6140
6148
|
};
|
|
6141
6149
|
|
|
6142
|
-
var cx$C = classNames.bind(styles$
|
|
6150
|
+
var cx$C = classNames.bind(styles$13);
|
|
6143
6151
|
var AlertsPanelItem = function (_a) {
|
|
6144
6152
|
var text = _a.text, onDelete = _a.onDelete, className = _a.className;
|
|
6145
6153
|
return (React.createElement("li", { className: cx$C('alerts-panel__item', className) },
|
|
@@ -6148,7 +6156,7 @@ var AlertsPanelItem = function (_a) {
|
|
|
6148
6156
|
React.createElement(IconItem, { icon: Trash })))));
|
|
6149
6157
|
};
|
|
6150
6158
|
|
|
6151
|
-
var cx$B = classNames.bind(styles$
|
|
6159
|
+
var cx$B = classNames.bind(styles$13);
|
|
6152
6160
|
var Component$1c = function (_a) {
|
|
6153
6161
|
var title = _a.title, children = _a.children, className = _a.className;
|
|
6154
6162
|
return (React.createElement("div", { className: cx$B('alerts-panel', className) },
|
|
@@ -6171,57 +6179,57 @@ var AlphabetFilter = function (_a) {
|
|
|
6171
6179
|
React.createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
6172
6180
|
};
|
|
6173
6181
|
|
|
6174
|
-
var styles$
|
|
6182
|
+
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"};
|
|
6175
6183
|
|
|
6176
|
-
var cx$A = classNames.bind(styles$
|
|
6184
|
+
var cx$A = classNames.bind(styles$12);
|
|
6177
6185
|
var Component$1b = function (_a) {
|
|
6178
6186
|
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
6179
6187
|
return React.createElement("div", { className: cx$A('section-summary', aligned, className) }, children);
|
|
6180
6188
|
};
|
|
6181
6189
|
var ApplicationSection = Component$1b;
|
|
6182
6190
|
|
|
6183
|
-
var styles$
|
|
6191
|
+
var styles$11 = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
6184
6192
|
|
|
6185
|
-
var cx$z = classNames.bind(styles$
|
|
6193
|
+
var cx$z = classNames.bind(styles$11);
|
|
6186
6194
|
var Component$1a = function (_a) {
|
|
6187
6195
|
var children = _a.children, className = _a.className;
|
|
6188
6196
|
return React.createElement("div", { className: cx$z('title-summary', className) }, children);
|
|
6189
6197
|
};
|
|
6190
6198
|
var ApplicationTitle = Component$1a;
|
|
6191
6199
|
|
|
6192
|
-
var styles
|
|
6200
|
+
var styles$10 = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
6193
6201
|
|
|
6194
|
-
var cx$y = classNames.bind(styles
|
|
6202
|
+
var cx$y = classNames.bind(styles$10);
|
|
6195
6203
|
var Component$19 = function (_a) {
|
|
6196
6204
|
var children = _a.children, className = _a.className;
|
|
6197
6205
|
return React.createElement("div", { className: cx$y('subtitle-summary', className) }, children);
|
|
6198
6206
|
};
|
|
6199
6207
|
var ApplicationSubtitle = Component$19;
|
|
6200
6208
|
|
|
6201
|
-
var styles
|
|
6209
|
+
var styles$$ = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
6202
6210
|
|
|
6203
|
-
var cx$x = classNames.bind(styles
|
|
6211
|
+
var cx$x = classNames.bind(styles$$);
|
|
6204
6212
|
var Component$18 = function (_a) {
|
|
6205
6213
|
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
6206
6214
|
return (React.createElement("button", __assign({}, props, { className: cx$x('button-summary', variant, className) }), children));
|
|
6207
6215
|
};
|
|
6208
6216
|
var ApplicationButton = Component$18;
|
|
6209
6217
|
|
|
6210
|
-
var styles$
|
|
6218
|
+
var styles$_ = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
6211
6219
|
|
|
6212
|
-
var cx$w = classNames.bind(styles$
|
|
6220
|
+
var cx$w = classNames.bind(styles$_);
|
|
6213
6221
|
var Component$17 = function (_a) {
|
|
6214
6222
|
var children = _a.children, className = _a.className;
|
|
6215
6223
|
return React.createElement("p", { className: cx$w('text-summary', className) }, children);
|
|
6216
6224
|
};
|
|
6217
6225
|
var ApplicationText = Component$17;
|
|
6218
6226
|
|
|
6219
|
-
var styles$
|
|
6227
|
+
var styles$Z = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
6220
6228
|
|
|
6221
|
-
var cx$v = classNames.bind(styles$
|
|
6229
|
+
var cx$v = classNames.bind(styles$Z);
|
|
6222
6230
|
var Component$16 = function (_a) {
|
|
6223
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
6224
|
-
return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$v('summary-modal'), mobileDrawerClassName: cx$v('summary-drawer') }, props), children));
|
|
6231
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
6232
|
+
return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$v('summary-modal', className), mobileDrawerClassName: cx$v('summary-drawer') }, props), children));
|
|
6225
6233
|
};
|
|
6226
6234
|
var ApplicationSummary = Object.assign(Component$16, {
|
|
6227
6235
|
Section: ApplicationSection,
|
|
@@ -6254,40 +6262,40 @@ var CategoryGrid = function (_a) {
|
|
|
6254
6262
|
return (React.createElement("div", { className: style$w['magneto-ui-category-grid-wrapper'], style: gridStyle }, elements.map(function (props, key) { return (React.createElement(Component, __assign({ key: key }, props))); })));
|
|
6255
6263
|
};
|
|
6256
6264
|
|
|
6257
|
-
var styles$
|
|
6265
|
+
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"};
|
|
6258
6266
|
|
|
6259
|
-
var styles$
|
|
6267
|
+
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"};
|
|
6260
6268
|
|
|
6261
6269
|
var Component$15 = function (_a) {
|
|
6262
6270
|
var list = _a.list, isOpen = _a.isOpen, onClick = _a.onClick, seeAllText = _a.seeAllText, href = _a.href;
|
|
6263
|
-
var rightArrow = (React.createElement("div", { className: styles$
|
|
6271
|
+
var rightArrow = (React.createElement("div", { className: styles$X["magneto-ui-category-menu-list-seeAll__arrow"] },
|
|
6264
6272
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
6265
6273
|
if (!list.length)
|
|
6266
6274
|
return null;
|
|
6267
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
6275
|
+
return (React.createElement("div", { className: "".concat(styles$X["magneto-ui-category-menu-list"], " ").concat(isOpen ? styles$X["magneto-ui-category-menu-list--is-open"] : '') },
|
|
6268
6276
|
list.map(function (_a) {
|
|
6269
6277
|
var id = _a.id, name = _a.name, href = _a.href, onClick = _a.onClick;
|
|
6270
|
-
return (React.createElement(ButtonLink, { key: id, onClick: onClick, href: href, className: styles$
|
|
6278
|
+
return (React.createElement(ButtonLink, { key: id, onClick: onClick, href: href, className: styles$X["magneto-ui-category-menu-list-listItem"], buttonText: name }));
|
|
6271
6279
|
}),
|
|
6272
|
-
React.createElement("div", { className: "".concat(styles$
|
|
6273
|
-
React.createElement(ButtonLink, { onClick: onClick, href: href, className: "".concat(styles$
|
|
6280
|
+
React.createElement("div", { className: "".concat(styles$X["magneto-ui-category-menu-list-seeAll"]) },
|
|
6281
|
+
React.createElement(ButtonLink, { onClick: onClick, href: href, className: "".concat(styles$X["magneto-ui-category-menu-list-seeAll__item"]), buttonText: seeAllText }),
|
|
6274
6282
|
rightArrow)));
|
|
6275
6283
|
};
|
|
6276
6284
|
var CategoryMenuList = Component$15;
|
|
6277
6285
|
|
|
6278
6286
|
var CategoryMenuCard = function (_a) {
|
|
6279
6287
|
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;
|
|
6280
|
-
var downArrow = (React.createElement("div", { className: "".concat(styles$
|
|
6288
|
+
var downArrow = (React.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"] : '') },
|
|
6281
6289
|
React.createElement(IconItem, { icon: ArrowDown2, size: 16 })));
|
|
6282
6290
|
var handleToggle = function () {
|
|
6283
6291
|
setClickOut(!clickOut);
|
|
6284
6292
|
};
|
|
6285
|
-
return (React.createElement("div", { className: styles$
|
|
6286
|
-
React.createElement("div", { className: "".concat(styles$
|
|
6287
|
-
icon && (React.createElement("div", { className: styles$
|
|
6293
|
+
return (React.createElement("div", { className: styles$Y['magneto-ui-category-menu-container'], onClick: handleToggle },
|
|
6294
|
+
React.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"] : '') },
|
|
6295
|
+
icon && (React.createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__icon"] },
|
|
6288
6296
|
React.createElement(IconItem, { icon: getIcon(programaticIcons, icon), size: 16 }))),
|
|
6289
|
-
React.createElement("div", { className: styles$
|
|
6290
|
-
React.createElement("div", { className: styles$
|
|
6297
|
+
React.createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__content"] },
|
|
6298
|
+
React.createElement("div", { className: styles$Y["magneto-ui-category-menu-container-card__title"] }, name)),
|
|
6291
6299
|
downArrow),
|
|
6292
6300
|
React.createElement(CategoryMenuList, { list: list, seeAllText: seeAllText, onClick: onClick, isOpen: clickOut, href: href })));
|
|
6293
6301
|
};
|
|
@@ -6328,7 +6336,7 @@ var Component$13 = function (_a) {
|
|
|
6328
6336
|
};
|
|
6329
6337
|
var DrawerMenu = Component$13;
|
|
6330
6338
|
|
|
6331
|
-
var styles$
|
|
6339
|
+
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"};
|
|
6332
6340
|
|
|
6333
6341
|
var FilterCard = function (_a) {
|
|
6334
6342
|
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"]);
|
|
@@ -6382,17 +6390,17 @@ var FilterCard = function (_a) {
|
|
|
6382
6390
|
}, [showFilters, appliedOption, hasntOptions, showItems]);
|
|
6383
6391
|
if (!values.length)
|
|
6384
6392
|
return React.createElement(Fragment, null);
|
|
6385
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
6386
|
-
React.createElement("div", { className: "".concat(styles$
|
|
6393
|
+
return (React.createElement("article", { className: "".concat(styles$W["magneto-ui-filter-card"], " ").concat(hasSearch && showItems && isInteractiveSection ? styles$W.hasSearch : '') },
|
|
6394
|
+
React.createElement("div", { className: "".concat(styles$W["magneto-ui-filter-card_header"], " ").concat(styles$W[showItems ? '--open' : '']), onClick: isInteractiveSection ? handleShowItems : undefined },
|
|
6387
6395
|
React.createElement("p", null, label),
|
|
6388
6396
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6389
|
-
isInteractiveSection && (React.createElement(IconItem, { icon: ArrowDown2, size: 16, className: styles$
|
|
6390
|
-
showItems && isInteractiveSection && hasSearch && (React.createElement("div", { className: styles$
|
|
6397
|
+
isInteractiveSection && (React.createElement(IconItem, { icon: ArrowDown2, size: 16, className: styles$W["magneto-ui-filter-card_header--arrow"] }))),
|
|
6398
|
+
showItems && isInteractiveSection && hasSearch && (React.createElement("div", { className: styles$W['magneto-ui-filter-card__search'] },
|
|
6391
6399
|
React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch }))),
|
|
6392
|
-
showItems && React.createElement("div", { className: styles$
|
|
6400
|
+
showItems && React.createElement("div", { className: styles$W['magneto-ui-filter-card_options'] }, optionsRendered)));
|
|
6393
6401
|
};
|
|
6394
6402
|
|
|
6395
|
-
var styles$
|
|
6403
|
+
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"};
|
|
6396
6404
|
|
|
6397
6405
|
var FilterHeader = function (_a) {
|
|
6398
6406
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -6401,21 +6409,21 @@ var FilterHeader = function (_a) {
|
|
|
6401
6409
|
buttonText: buttonText,
|
|
6402
6410
|
title: buttonText,
|
|
6403
6411
|
iconProps: { icon: Broom, size: 18 },
|
|
6404
|
-
className: styles$
|
|
6412
|
+
className: styles$V['magneto-ui-filter-header_btn'],
|
|
6405
6413
|
disabled: !totalApplied,
|
|
6406
6414
|
onClick: function () { return clearFilters(); }
|
|
6407
6415
|
};
|
|
6408
6416
|
}, [buttonText, totalApplied, clearFilters]);
|
|
6409
6417
|
var displayBtnClear = useMemo(function () {
|
|
6410
|
-
return (React.createElement("div", { className: styles$
|
|
6418
|
+
return (React.createElement("div", { className: styles$V['magneto-ui-filter-header_clean'] },
|
|
6411
6419
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
6412
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
6420
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$V.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
6413
6421
|
}, [totalApplied, mainBtnProps]);
|
|
6414
6422
|
var displayFilterSummary = useMemo(function () {
|
|
6415
|
-
return React.createElement("span", { className: styles$
|
|
6423
|
+
return React.createElement("span", { className: styles$V['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
6416
6424
|
}, [filterSummary]);
|
|
6417
|
-
return (React.createElement("article", { className: styles$
|
|
6418
|
-
React.createElement("div", { className: styles$
|
|
6425
|
+
return (React.createElement("article", { className: styles$V['magneto-ui-filter-header'] },
|
|
6426
|
+
React.createElement("div", { className: styles$V['magneto-ui-filter-header_title'] },
|
|
6419
6427
|
React.createElement("p", null,
|
|
6420
6428
|
React.createElement(IconItem, { icon: FilterIcon, size: 16 }),
|
|
6421
6429
|
title),
|
|
@@ -6424,7 +6432,7 @@ var FilterHeader = function (_a) {
|
|
|
6424
6432
|
//TODO: review isActive, setIsActive
|
|
6425
6433
|
, {
|
|
6426
6434
|
//TODO: review isActive, setIsActive
|
|
6427
|
-
title: switchText, className: styles$
|
|
6435
|
+
title: switchText, className: styles$V['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6428
6436
|
displayFilterSummary));
|
|
6429
6437
|
};
|
|
6430
6438
|
|
|
@@ -6484,9 +6492,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
6484
6492
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
6485
6493
|
};
|
|
6486
6494
|
|
|
6487
|
-
var styles$
|
|
6495
|
+
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"};
|
|
6488
6496
|
|
|
6489
|
-
var cx$u = classNames.bind(styles$
|
|
6497
|
+
var cx$u = classNames.bind(styles$U);
|
|
6490
6498
|
var Component$12 = function (_a) {
|
|
6491
6499
|
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;
|
|
6492
6500
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
@@ -6514,7 +6522,7 @@ var Component$12 = function (_a) {
|
|
|
6514
6522
|
*/
|
|
6515
6523
|
var HeaderAnalyst = Component$12;
|
|
6516
6524
|
|
|
6517
|
-
var styles$
|
|
6525
|
+
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"};
|
|
6518
6526
|
|
|
6519
6527
|
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"};
|
|
6520
6528
|
|
|
@@ -6544,7 +6552,7 @@ var Component$11 = function () {
|
|
|
6544
6552
|
*/
|
|
6545
6553
|
var JobDetailsSkeleton = Component$11;
|
|
6546
6554
|
|
|
6547
|
-
var styles$
|
|
6555
|
+
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"};
|
|
6548
6556
|
|
|
6549
6557
|
var SimilarJobs = function (_a) {
|
|
6550
6558
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -6552,8 +6560,8 @@ var SimilarJobs = function (_a) {
|
|
|
6552
6560
|
var pageExists = false;
|
|
6553
6561
|
if (similarJobsCard.length <= 0)
|
|
6554
6562
|
return null;
|
|
6555
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
6556
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
6563
|
+
return (React.createElement("div", { className: "".concat(styles$S["".concat(classMUI, "-similar-jobs-section")]) },
|
|
6564
|
+
React.createElement("h3", { className: "".concat(styles$S["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
6557
6565
|
similarJobsCard.map(function (_a) {
|
|
6558
6566
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
6559
6567
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -6572,12 +6580,12 @@ var Component$10 = function (_a) {
|
|
|
6572
6580
|
if (isLoading)
|
|
6573
6581
|
return React.createElement(JobDetailsSkeleton, null);
|
|
6574
6582
|
return (React.createElement(Fragment, null,
|
|
6575
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
6576
|
-
React.createElement("div", { className: styles$
|
|
6583
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$T.JobDetailsDrawerComponent },
|
|
6584
|
+
React.createElement("div", { className: styles$T['JobHeaderCardWrapper'] },
|
|
6577
6585
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps, { isApplied: isApplied, jobActionsProps: jobActionsProps })),
|
|
6578
|
-
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$
|
|
6586
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$T.JobLockedAlert })),
|
|
6579
6587
|
isApplied ? (React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps))) : (React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps)))),
|
|
6580
|
-
React.createElement("div", { className: styles$
|
|
6588
|
+
React.createElement("div", { className: styles$T['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
6581
6589
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
6582
6590
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
6583
6591
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -6593,17 +6601,17 @@ var Component$10 = function (_a) {
|
|
|
6593
6601
|
*/
|
|
6594
6602
|
var JobDetailsDrawer = Component$10;
|
|
6595
6603
|
|
|
6596
|
-
var styles$
|
|
6604
|
+
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"};
|
|
6597
6605
|
|
|
6598
|
-
var styles$
|
|
6606
|
+
var styles$Q = {"magneto-ui-job-company-header":"mg_job_suggested_header_magneto-ui-job-company-header_1vzc6"};
|
|
6599
6607
|
|
|
6600
|
-
var cx$t = classNames.bind(styles$
|
|
6608
|
+
var cx$t = classNames.bind(styles$Q);
|
|
6601
6609
|
var JobSuggestedHeader = function (jobCompanySuggestedHeaderProps) {
|
|
6602
6610
|
return (React.createElement("div", { className: cx$t('magneto-ui-job-company-header', jobCompanySuggestedHeaderProps.className) },
|
|
6603
6611
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanySuggestedHeaderProps))));
|
|
6604
6612
|
};
|
|
6605
6613
|
|
|
6606
|
-
var styles$
|
|
6614
|
+
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"};
|
|
6607
6615
|
|
|
6608
6616
|
var similarJobTextAdapter = function (job) {
|
|
6609
6617
|
var text = [
|
|
@@ -6618,7 +6626,7 @@ var similarJobTextAdapter = function (job) {
|
|
|
6618
6626
|
return text;
|
|
6619
6627
|
};
|
|
6620
6628
|
|
|
6621
|
-
var cx$s = classNames.bind(styles$
|
|
6629
|
+
var cx$s = classNames.bind(styles$P);
|
|
6622
6630
|
var Icon = SimilarCard.Icon, Logo = SimilarCard.Logo, Text = SimilarCard.Text;
|
|
6623
6631
|
var JobSuggestedSimilarJobs = function (_a) {
|
|
6624
6632
|
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;
|
|
@@ -6639,7 +6647,7 @@ var JobSuggestedSimilarJobs = function (_a) {
|
|
|
6639
6647
|
showMoreOption && React.createElement(SearchItem, { className: cx$s('job-suggested-similar-jobs__search'), tag: tag, url: url })));
|
|
6640
6648
|
};
|
|
6641
6649
|
|
|
6642
|
-
var cx$r = classNames.bind(styles$
|
|
6650
|
+
var cx$r = classNames.bind(styles$R);
|
|
6643
6651
|
var Component$$ = function (_a) {
|
|
6644
6652
|
var isLoading = _a.isLoading, children = _a.children, className = _a.className;
|
|
6645
6653
|
if (isLoading)
|
|
@@ -6652,7 +6660,7 @@ var JobSuggestedDrawer = Object.assign(Component$$, {
|
|
|
6652
6660
|
SimilarJobs: JobSuggestedSimilarJobs
|
|
6653
6661
|
});
|
|
6654
6662
|
|
|
6655
|
-
var styles$
|
|
6663
|
+
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"};
|
|
6656
6664
|
|
|
6657
6665
|
var Component$_ = function (_a) {
|
|
6658
6666
|
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;
|
|
@@ -6686,19 +6694,19 @@ var Component$_ = function (_a) {
|
|
|
6686
6694
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6687
6695
|
md: null
|
|
6688
6696
|
});
|
|
6689
|
-
return (React.createElement("header", { className: styles$
|
|
6697
|
+
return (React.createElement("header", { className: styles$O.LoginHeaderComponent },
|
|
6690
6698
|
loginHeaderMobileSearchbar,
|
|
6691
|
-
React.createElement("div", { className: styles$
|
|
6692
|
-
React.createElement("div", { className: styles$
|
|
6693
|
-
React.createElement("div", { className: styles$
|
|
6699
|
+
React.createElement("div", { className: styles$O['magneto-ui-first-row'] }),
|
|
6700
|
+
React.createElement("div", { className: styles$O['magneto-ui-second-row'] },
|
|
6701
|
+
React.createElement("div", { className: styles$O['magneto-ui-left-section'] },
|
|
6694
6702
|
loginHeaderMenuButton,
|
|
6695
6703
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
6696
6704
|
loginHeaderMobileSearchbarButton),
|
|
6697
|
-
React.createElement("div", { className: styles$
|
|
6698
|
-
React.createElement("div", { className: styles$
|
|
6705
|
+
React.createElement("div", { className: styles$O['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
6706
|
+
React.createElement("div", { className: styles$O['magneto-ui-user-section'] },
|
|
6699
6707
|
loginHeaderOptionTabs,
|
|
6700
6708
|
loginHeaderPopover)),
|
|
6701
|
-
React.createElement("div", { className: styles$
|
|
6709
|
+
React.createElement("div", { className: styles$O['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
6702
6710
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
6703
6711
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
6704
6712
|
};
|
|
@@ -6707,7 +6715,7 @@ var Component$_ = function (_a) {
|
|
|
6707
6715
|
*/
|
|
6708
6716
|
var LoginHeader = Component$_;
|
|
6709
6717
|
|
|
6710
|
-
var styles$
|
|
6718
|
+
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"};
|
|
6711
6719
|
|
|
6712
6720
|
var Muiclass$4 = 'magneto-ui';
|
|
6713
6721
|
var LoginJobsHeader = function (_a) {
|
|
@@ -6717,7 +6725,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
6717
6725
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
6718
6726
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
6719
6727
|
var haveGif = useMemo(function () {
|
|
6720
|
-
return gif ? styles$
|
|
6728
|
+
return gif ? styles$N['have-gif'] : '';
|
|
6721
6729
|
}, [gif]);
|
|
6722
6730
|
var toggleSearchBar = function () {
|
|
6723
6731
|
setShowSearchBar(!showSearchBar);
|
|
@@ -6745,28 +6753,28 @@ var LoginJobsHeader = function (_a) {
|
|
|
6745
6753
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6746
6754
|
md: null
|
|
6747
6755
|
});
|
|
6748
|
-
return (React.createElement("header", { className: styles$
|
|
6756
|
+
return (React.createElement("header", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header")] },
|
|
6749
6757
|
LogoutHeaderMobileSearchbar,
|
|
6750
|
-
React.createElement("div", { className: styles$
|
|
6751
|
-
React.createElement("div", { className: styles$
|
|
6758
|
+
React.createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row")] },
|
|
6759
|
+
React.createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section")] },
|
|
6752
6760
|
LoginHeaderMenuButton,
|
|
6753
6761
|
React.createElement("a", { href: homeUrl },
|
|
6754
6762
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
6755
6763
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
6756
|
-
React.createElement("img", { className: styles$
|
|
6757
|
-
gif && (React.createElement("img", { className: styles$
|
|
6764
|
+
React.createElement("img", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
6765
|
+
gif && (React.createElement("img", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
6758
6766
|
LogoutHeaderMobileSearchbarButton),
|
|
6759
|
-
React.createElement("div", { className: "".concat(styles$
|
|
6760
|
-
React.createElement("div", { className: styles$
|
|
6767
|
+
React.createElement("div", { className: "".concat(styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
6768
|
+
React.createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--second-row__right-section")] },
|
|
6761
6769
|
!gif && loginHeaderOptionTabs,
|
|
6762
6770
|
" ",
|
|
6763
6771
|
loginHeaderPopover)),
|
|
6764
|
-
React.createElement("div", { className: styles$
|
|
6772
|
+
React.createElement("div", { className: styles$N["".concat(Muiclass$4, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
6765
6773
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
6766
6774
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
6767
6775
|
};
|
|
6768
6776
|
|
|
6769
|
-
var styles$
|
|
6777
|
+
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"};
|
|
6770
6778
|
|
|
6771
6779
|
var Component$Z = function (_a) {
|
|
6772
6780
|
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;
|
|
@@ -6811,29 +6819,29 @@ var Component$Z = function (_a) {
|
|
|
6811
6819
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6812
6820
|
md: null
|
|
6813
6821
|
});
|
|
6814
|
-
return (React.createElement("header", { className: styles$
|
|
6822
|
+
return (React.createElement("header", { className: styles$M.LogoutHeaderComponent },
|
|
6815
6823
|
LogoutHeaderMobileSearchbar,
|
|
6816
|
-
React.createElement("div", { className: styles$
|
|
6817
|
-
React.createElement("div", { className: styles$
|
|
6818
|
-
React.createElement("div", { className: styles$
|
|
6824
|
+
React.createElement("div", { className: styles$M['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
6825
|
+
React.createElement("div", { className: styles$M['magneto-ui-second-row'] },
|
|
6826
|
+
React.createElement("div", { className: styles$M['magneto-ui-left-section'] },
|
|
6819
6827
|
LogoutHeaderMenuButton,
|
|
6820
6828
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
6821
6829
|
LogoutHeaderMobileSearchbarButton),
|
|
6822
|
-
React.createElement("div", { className: styles$
|
|
6830
|
+
React.createElement("div", { className: styles$M['magneto-ui-middle-section'] },
|
|
6823
6831
|
LogoutHeaderSearchbar,
|
|
6824
6832
|
" ",
|
|
6825
6833
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
6826
|
-
React.createElement("div", { className: styles$
|
|
6834
|
+
React.createElement("div", { className: styles$M['magneto-ui-right-section'] },
|
|
6827
6835
|
LogoutHeaderLinkSignIn,
|
|
6828
6836
|
LogoutHeaderButtonSignUp)),
|
|
6829
|
-
React.createElement("div", { className: styles$
|
|
6837
|
+
React.createElement("div", { className: styles$M['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
6830
6838
|
};
|
|
6831
6839
|
/**
|
|
6832
6840
|
* UI Header Organisim for 1024 resolution/size
|
|
6833
6841
|
*/
|
|
6834
6842
|
var LogoutHeader = Component$Z;
|
|
6835
6843
|
|
|
6836
|
-
var styles$
|
|
6844
|
+
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"};
|
|
6837
6845
|
|
|
6838
6846
|
var Muiclass$3 = 'magneto-ui';
|
|
6839
6847
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -6864,24 +6872,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
6864
6872
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
6865
6873
|
md: null
|
|
6866
6874
|
});
|
|
6867
|
-
return (React.createElement("header", { className: styles$
|
|
6875
|
+
return (React.createElement("header", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header")] },
|
|
6868
6876
|
LogoutHeaderMobileSearchbar,
|
|
6869
|
-
React.createElement("div", { className: styles$
|
|
6870
|
-
React.createElement("div", { className: styles$
|
|
6877
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row")] },
|
|
6878
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section")] },
|
|
6871
6879
|
LogoutHeaderMenuButton,
|
|
6872
6880
|
React.createElement("a", { href: homeUrl },
|
|
6873
6881
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
6874
6882
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
6875
|
-
React.createElement("img", { className: styles$
|
|
6876
|
-
gif && (React.createElement("img", { className: styles$
|
|
6883
|
+
React.createElement("img", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
6884
|
+
gif && (React.createElement("img", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
6877
6885
|
LogoutHeaderMobileSearchbarButton),
|
|
6878
|
-
React.createElement("div", { className: styles$
|
|
6886
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__middle-section")] },
|
|
6879
6887
|
LogoutHeaderSearchbar,
|
|
6880
6888
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
6881
|
-
React.createElement("div", { className: styles$
|
|
6889
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--second-row__right-section")] },
|
|
6882
6890
|
LogoutHeaderLinkSignIn,
|
|
6883
6891
|
LogoutHeaderButtonSignUp)),
|
|
6884
|
-
React.createElement("div", { className: styles$
|
|
6892
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
6885
6893
|
};
|
|
6886
6894
|
|
|
6887
6895
|
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"};
|
|
@@ -6982,7 +6990,7 @@ var Component$Y = function (_a) {
|
|
|
6982
6990
|
};
|
|
6983
6991
|
var MegaMenuDrawer = Component$Y;
|
|
6984
6992
|
|
|
6985
|
-
var styles$
|
|
6993
|
+
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"};
|
|
6986
6994
|
|
|
6987
6995
|
var Component$X = function (_a) {
|
|
6988
6996
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
@@ -6990,10 +6998,10 @@ var Component$X = function (_a) {
|
|
|
6990
6998
|
handleOnClick(optionValue);
|
|
6991
6999
|
};
|
|
6992
7000
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
6993
|
-
return (React.createElement("div", { className: styles$
|
|
6994
|
-
React.createElement("ul", { className: styles$
|
|
7001
|
+
return (React.createElement("div", { className: styles$K['magneto-ui--date-options'] },
|
|
7002
|
+
React.createElement("ul", { className: styles$K['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
6995
7003
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
6996
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
7004
|
+
return (React.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));
|
|
6997
7005
|
}))));
|
|
6998
7006
|
};
|
|
6999
7007
|
/**
|
|
@@ -7001,7 +7009,7 @@ var Component$X = function (_a) {
|
|
|
7001
7009
|
*/
|
|
7002
7010
|
var DateOptions = Component$X;
|
|
7003
7011
|
|
|
7004
|
-
var styles$
|
|
7012
|
+
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"};
|
|
7005
7013
|
|
|
7006
7014
|
var Component$W = function (_a) {
|
|
7007
7015
|
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;
|
|
@@ -7025,18 +7033,18 @@ var Component$W = function (_a) {
|
|
|
7025
7033
|
setInitialSelectedOption(null);
|
|
7026
7034
|
}
|
|
7027
7035
|
}, [disabled]);
|
|
7028
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
7029
|
-
React.createElement("div", { className: styles$
|
|
7036
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$J['magneto-ui--date-selection'] },
|
|
7037
|
+
React.createElement("div", { className: styles$J['magneto-ui--date-selection__header'] },
|
|
7030
7038
|
React.createElement("h2", null, selectionHeader)),
|
|
7031
|
-
React.createElement("div", { className: styles$
|
|
7039
|
+
React.createElement("div", { className: styles$J['magneto-ui--date-selection__options'] },
|
|
7032
7040
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
7033
|
-
React.createElement("div", { className: styles$
|
|
7034
|
-
React.createElement("button", { className: styles$
|
|
7035
|
-
React.createElement("button", { className: styles$
|
|
7041
|
+
React.createElement("div", { className: styles$J['magneto-ui--date-selection__btn--wrapper'] },
|
|
7042
|
+
React.createElement("button", { className: styles$J['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
7043
|
+
React.createElement("button", { className: styles$J['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
7036
7044
|
};
|
|
7037
7045
|
var DateSelection = Component$W;
|
|
7038
7046
|
|
|
7039
|
-
var styles$
|
|
7047
|
+
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"};
|
|
7040
7048
|
|
|
7041
7049
|
var defaultValue = function (value) {
|
|
7042
7050
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -7106,18 +7114,18 @@ var Component$V = function (_a) {
|
|
|
7106
7114
|
}
|
|
7107
7115
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
7108
7116
|
}, [disabled]);
|
|
7109
|
-
return (React.createElement("section", { className: styles$
|
|
7110
|
-
React.createElement("div", { className: styles$
|
|
7111
|
-
React.createElement("div", { className: styles$
|
|
7112
|
-
React.createElement("span", { className: styles$
|
|
7113
|
-
React.createElement("p", { className: styles$
|
|
7114
|
-
React.createElement("span", { className: styles$
|
|
7117
|
+
return (React.createElement("section", { className: styles$I['magneto-ui--mobile-date-picker'] },
|
|
7118
|
+
React.createElement("div", { className: styles$I["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
7119
|
+
React.createElement("div", { className: styles$I['magneto-ui--mobile-date-picker__input'] },
|
|
7120
|
+
React.createElement("span", { className: styles$I["".concat(placeholderClass)] }, monthPlaceholder),
|
|
7121
|
+
React.createElement("p", { className: styles$I['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
7122
|
+
React.createElement("span", { className: styles$I["".concat(iconClass)] }, disabledArrow)),
|
|
7115
7123
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
7116
|
-
React.createElement("div", { className: styles$
|
|
7117
|
-
React.createElement("div", { className: styles$
|
|
7118
|
-
React.createElement("span", { className: styles$
|
|
7119
|
-
React.createElement("p", { className: styles$
|
|
7120
|
-
React.createElement("span", { className: styles$
|
|
7124
|
+
React.createElement("div", { className: styles$I["".concat(componentClass)], onClick: toggleYearPicker },
|
|
7125
|
+
React.createElement("div", { className: styles$I['magneto-ui--mobile-date-picker__input'] },
|
|
7126
|
+
React.createElement("span", { className: styles$I["".concat(placeholderClass)] }, yearPlaceholder),
|
|
7127
|
+
React.createElement("p", { className: styles$I['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
7128
|
+
React.createElement("span", { className: styles$I["".concat(iconClass)] }, disabledArrow)),
|
|
7121
7129
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
7122
7130
|
};
|
|
7123
7131
|
var MobileDatePicker = Component$V;
|
|
@@ -7129,7 +7137,7 @@ var Component$U = function (_a) {
|
|
|
7129
7137
|
};
|
|
7130
7138
|
var MobileDrawerMenu = Component$U;
|
|
7131
7139
|
|
|
7132
|
-
var styles$
|
|
7140
|
+
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"};
|
|
7133
7141
|
|
|
7134
7142
|
var Component$T = function (_a) {
|
|
7135
7143
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose, isApplied = _a.isApplied;
|
|
@@ -7137,10 +7145,10 @@ var Component$T = function (_a) {
|
|
|
7137
7145
|
var onOpenClick = function () {
|
|
7138
7146
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
7139
7147
|
};
|
|
7140
|
-
var showButtonContainer = onClose ? styles$
|
|
7141
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
7142
|
-
React.createElement("div", { id: styles$
|
|
7143
|
-
React.createElement("div", { className: styles$
|
|
7148
|
+
var showButtonContainer = onClose ? styles$H['showContainer'] : styles$H['hideContainer'];
|
|
7149
|
+
return (React.createElement("div", { className: "".concat(styles$H.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
7150
|
+
React.createElement("div", { id: styles$H['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
7151
|
+
React.createElement("div", { className: styles$H['DrawerButtonWrapper'] },
|
|
7144
7152
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
7145
7153
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
7146
7154
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -7243,7 +7251,7 @@ var Swipe = function (_a) {
|
|
|
7243
7251
|
} }))));
|
|
7244
7252
|
};
|
|
7245
7253
|
|
|
7246
|
-
var styles$
|
|
7254
|
+
var styles$G = {"job-locked-alert":"mg_mobile_job_details_drawer_job-locked-alert_srb1t"};
|
|
7247
7255
|
|
|
7248
7256
|
var Component$R = function (_a) {
|
|
7249
7257
|
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;
|
|
@@ -7256,7 +7264,7 @@ var Component$R = function (_a) {
|
|
|
7256
7264
|
return jobDetailAction ? (jobDetailAction) : isLoading ? (React.createElement(MobileJobDetailsDrawerSkeleton, null)) : (React.createElement(Fragment, null,
|
|
7257
7265
|
React.createElement(MobileJobDetailsHeader, { returnText: jobDetailsHeaderText, onClick: handleClose }),
|
|
7258
7266
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
7259
|
-
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$
|
|
7267
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$G['job-locked-alert'] })),
|
|
7260
7268
|
isApplied && React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps)),
|
|
7261
7269
|
jobDetailsProps && (React.createElement(JobDetails, { iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
7262
7270
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
@@ -7324,19 +7332,19 @@ var MobileSortMenu = function (_a) {
|
|
|
7324
7332
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
7325
7333
|
};
|
|
7326
7334
|
|
|
7327
|
-
var styles$
|
|
7335
|
+
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"};
|
|
7328
7336
|
|
|
7329
7337
|
var Component$Q = function (_a) {
|
|
7330
7338
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
7331
7339
|
var component = useMemo(function () {
|
|
7332
7340
|
var _a, _b, _c;
|
|
7333
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7341
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container'] }) },
|
|
7334
7342
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
7335
7343
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
7336
7344
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
7337
7345
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
7338
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
7339
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
7346
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
7347
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$F, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
7340
7348
|
});
|
|
7341
7349
|
return container;
|
|
7342
7350
|
};
|
|
@@ -7354,7 +7362,7 @@ var Component$P = function (_a) {
|
|
|
7354
7362
|
*/
|
|
7355
7363
|
var ModalAnalystContent = Component$P;
|
|
7356
7364
|
|
|
7357
|
-
var styles$
|
|
7365
|
+
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"};
|
|
7358
7366
|
|
|
7359
7367
|
var EModalAnalystActionType;
|
|
7360
7368
|
(function (EModalAnalystActionType) {
|
|
@@ -7417,12 +7425,12 @@ var Component$O = function (_a) {
|
|
|
7417
7425
|
});
|
|
7418
7426
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
7419
7427
|
return (React.createElement("div", { className: CNM.get({
|
|
7420
|
-
styles: styles$
|
|
7428
|
+
styles: styles$E,
|
|
7421
7429
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
7422
7430
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
7423
7431
|
var _a, _b, _c, _d, _e;
|
|
7424
7432
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
7425
|
-
styles: styles$
|
|
7433
|
+
styles: styles$E,
|
|
7426
7434
|
cls: [
|
|
7427
7435
|
'modal-analyst-footer__button',
|
|
7428
7436
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -7430,7 +7438,7 @@ var Component$O = function (_a) {
|
|
|
7430
7438
|
]
|
|
7431
7439
|
}) },
|
|
7432
7440
|
React.createElement("div", { className: CNM.get({
|
|
7433
|
-
styles: styles$
|
|
7441
|
+
styles: styles$E,
|
|
7434
7442
|
cls: [
|
|
7435
7443
|
'modal-analyst-footer__prefix-icon-container',
|
|
7436
7444
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -7438,7 +7446,7 @@ var Component$O = function (_a) {
|
|
|
7438
7446
|
]
|
|
7439
7447
|
}) },
|
|
7440
7448
|
React.createElement("span", { className: CNM.get({
|
|
7441
|
-
styles: styles$
|
|
7449
|
+
styles: styles$E,
|
|
7442
7450
|
cls: [
|
|
7443
7451
|
'modal-analyst-footer__prefix-loading',
|
|
7444
7452
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -7447,7 +7455,7 @@ var Component$O = function (_a) {
|
|
|
7447
7455
|
}) },
|
|
7448
7456
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
7449
7457
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
7450
|
-
styles: styles$
|
|
7458
|
+
styles: styles$E,
|
|
7451
7459
|
cls: [
|
|
7452
7460
|
'modal-analyst-footer__prefix-icon',
|
|
7453
7461
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -7464,11 +7472,11 @@ var Component$O = function (_a) {
|
|
|
7464
7472
|
*/
|
|
7465
7473
|
var ModalAnalystFooter = Component$O;
|
|
7466
7474
|
|
|
7467
|
-
var styles$
|
|
7475
|
+
var styles$D = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
7468
7476
|
|
|
7469
7477
|
var Component$N = function (_a) {
|
|
7470
7478
|
var header = _a.header;
|
|
7471
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7479
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$D, cls: ['modal-analyst-header'] }) },
|
|
7472
7480
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.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]
|
|
7473
7481
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
7474
7482
|
: header.prefixIcon.icon }))),
|
|
@@ -7713,13 +7721,13 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
7713
7721
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
7714
7722
|
};
|
|
7715
7723
|
|
|
7716
|
-
var styles$
|
|
7724
|
+
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"};
|
|
7717
7725
|
|
|
7718
7726
|
var Component$L = function (_a) {
|
|
7719
7727
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
7720
7728
|
if (!title)
|
|
7721
7729
|
return null;
|
|
7722
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7730
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$C, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$C, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
|
|
7723
7731
|
};
|
|
7724
7732
|
/**
|
|
7725
7733
|
* Organism UI child component of nav menu analyst
|
|
@@ -7773,7 +7781,7 @@ var navMenuAnalystIcons = {
|
|
|
7773
7781
|
}
|
|
7774
7782
|
};
|
|
7775
7783
|
|
|
7776
|
-
var styles$
|
|
7784
|
+
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"};
|
|
7777
7785
|
|
|
7778
7786
|
var Component$K = function (_a) {
|
|
7779
7787
|
var _b;
|
|
@@ -7858,7 +7866,7 @@ var Component$K = function (_a) {
|
|
|
7858
7866
|
}
|
|
7859
7867
|
}, [option.data, queryString, useQueryString]);
|
|
7860
7868
|
var linkStyles = CNM.get({
|
|
7861
|
-
styles: styles$
|
|
7869
|
+
styles: styles$B,
|
|
7862
7870
|
cls: [
|
|
7863
7871
|
'nav-menu-analyst-option__link',
|
|
7864
7872
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -7866,7 +7874,7 @@ var Component$K = function (_a) {
|
|
|
7866
7874
|
]
|
|
7867
7875
|
});
|
|
7868
7876
|
var dropdownStyles = CNM.get({
|
|
7869
|
-
styles: styles$
|
|
7877
|
+
styles: styles$B,
|
|
7870
7878
|
cls: [
|
|
7871
7879
|
'nav-menu-analyst-option__dropdown',
|
|
7872
7880
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -7884,13 +7892,13 @@ var Component$K = function (_a) {
|
|
|
7884
7892
|
}
|
|
7885
7893
|
return (React.createElement("div", { title: option.title, ref: optionRef },
|
|
7886
7894
|
React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
7887
|
-
styles: styles$
|
|
7895
|
+
styles: styles$B,
|
|
7888
7896
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
7889
7897
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
7890
7898
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
7891
7899
|
size: 18
|
|
7892
7900
|
} }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
7893
|
-
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$
|
|
7901
|
+
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$B, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
7894
7902
|
item.children.map(function (child, j) { return (React.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 })); }))); }))));
|
|
7895
7903
|
};
|
|
7896
7904
|
/**
|
|
@@ -7898,7 +7906,7 @@ var Component$K = function (_a) {
|
|
|
7898
7906
|
*/
|
|
7899
7907
|
var NavMenuAnalystOption = Component$K;
|
|
7900
7908
|
|
|
7901
|
-
var styles$
|
|
7909
|
+
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"};
|
|
7902
7910
|
|
|
7903
7911
|
var useAnalystModal = function (modals) {
|
|
7904
7912
|
var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -7972,17 +7980,17 @@ var Component$J = function (_a) {
|
|
|
7972
7980
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
7973
7981
|
};
|
|
7974
7982
|
return (React.createElement("div", { className: CNM.get({
|
|
7975
|
-
styles: styles$
|
|
7983
|
+
styles: styles$A,
|
|
7976
7984
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
7977
7985
|
}) },
|
|
7978
|
-
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
7986
|
+
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__header'] }) },
|
|
7979
7987
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
7980
|
-
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
7981
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7988
|
+
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__container'] }) },
|
|
7989
|
+
React.createElement("div", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__section'] }) },
|
|
7982
7990
|
React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
7983
7991
|
section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
7984
7992
|
React.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 }))); }))); })),
|
|
7985
|
-
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7993
|
+
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__region'] }) },
|
|
7986
7994
|
React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
7987
7995
|
icons: {
|
|
7988
7996
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -7993,9 +8001,9 @@ var Component$J = function (_a) {
|
|
|
7993
8001
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
7994
8002
|
} }))),
|
|
7995
8003
|
React.createElement("footer", { className: CNM.get({
|
|
7996
|
-
styles: styles$
|
|
8004
|
+
styles: styles$A,
|
|
7997
8005
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
7998
|
-
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
8006
|
+
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$A, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
7999
8007
|
React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
8000
8008
|
option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
8001
8009
|
};
|
|
@@ -8004,16 +8012,16 @@ var Component$J = function (_a) {
|
|
|
8004
8012
|
*/
|
|
8005
8013
|
var NavMenuAnalyst = Component$J;
|
|
8006
8014
|
|
|
8007
|
-
var styles$
|
|
8015
|
+
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"};
|
|
8008
8016
|
|
|
8009
8017
|
var Component$I = function (_a) {
|
|
8010
8018
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
8011
8019
|
var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
8012
|
-
styles: styles$
|
|
8020
|
+
styles: styles$z,
|
|
8013
8021
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
8014
8022
|
}), onClick: function () { return handleClose(null); } }), {
|
|
8015
8023
|
sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
8016
|
-
styles: styles$
|
|
8024
|
+
styles: styles$z,
|
|
8017
8025
|
cls: [
|
|
8018
8026
|
'nav-menu-analyst-region-modal-content__button',
|
|
8019
8027
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -8021,23 +8029,23 @@ var Component$I = function (_a) {
|
|
|
8021
8029
|
}), onClick: function () { return handleClose(null); } }))
|
|
8022
8030
|
});
|
|
8023
8031
|
return (React.createElement(React.Fragment, null,
|
|
8024
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8032
|
+
React.createElement("div", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
8025
8033
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
8026
8034
|
return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
8027
8035
|
icon: flag,
|
|
8028
8036
|
alt: lang,
|
|
8029
|
-
className: CNM.get({ styles: styles$
|
|
8030
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
8037
|
+
className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
8038
|
+
}, childrenClassName: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
8031
8039
|
var lang = _a.lang;
|
|
8032
8040
|
return lang === defaultRegion;
|
|
8033
8041
|
}) ? defaultRegion === lang : index === 0) &&
|
|
8034
8042
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
8035
8043
|
React.createElement("span", null, name)));
|
|
8036
8044
|
})),
|
|
8037
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8045
|
+
React.createElement("div", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
8038
8046
|
cancelButton,
|
|
8039
8047
|
React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
8040
|
-
styles: styles$
|
|
8048
|
+
styles: styles$z,
|
|
8041
8049
|
cls: [
|
|
8042
8050
|
'nav-menu-analyst-region-modal-content__button',
|
|
8043
8051
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
@@ -8046,7 +8054,7 @@ var Component$I = function (_a) {
|
|
|
8046
8054
|
};
|
|
8047
8055
|
var NavMenuAnalystRegionModalContent = Component$I;
|
|
8048
8056
|
|
|
8049
|
-
var styles$
|
|
8057
|
+
var styles$y = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_110ci"};
|
|
8050
8058
|
|
|
8051
8059
|
var Component$H = function (_a) {
|
|
8052
8060
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
@@ -8056,9 +8064,9 @@ var Component$H = function (_a) {
|
|
|
8056
8064
|
setSelectedRegion(null);
|
|
8057
8065
|
handleRegionChange(region);
|
|
8058
8066
|
}, [handleRegionChange]);
|
|
8059
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
8067
|
+
var container = useMediaQuery(React.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'] }) },
|
|
8060
8068
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
8061
|
-
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
8069
|
+
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$y, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
8062
8070
|
React.createElement("h2", null, regionModal.title),
|
|
8063
8071
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
8064
8072
|
});
|
|
@@ -8069,7 +8077,7 @@ var Component$H = function (_a) {
|
|
|
8069
8077
|
*/
|
|
8070
8078
|
var NavMenuAnalystRegionModal = Component$H;
|
|
8071
8079
|
|
|
8072
|
-
var styles$
|
|
8080
|
+
var styles$x = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
8073
8081
|
|
|
8074
8082
|
var Component$G = function (_a) {
|
|
8075
8083
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
@@ -8078,7 +8086,7 @@ var Component$G = function (_a) {
|
|
|
8078
8086
|
onClose();
|
|
8079
8087
|
}
|
|
8080
8088
|
}, [onClose]);
|
|
8081
|
-
return (React.createElement(Drawer$1, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
8089
|
+
return (React.createElement(Drawer$1, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$x, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
8082
8090
|
React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
8083
8091
|
};
|
|
8084
8092
|
/**
|
|
@@ -8283,16 +8291,16 @@ var OneSelectionEntry = function (_a) {
|
|
|
8283
8291
|
React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
8284
8292
|
};
|
|
8285
8293
|
|
|
8286
|
-
var styles$
|
|
8294
|
+
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"};
|
|
8287
8295
|
|
|
8288
|
-
var cx$q = classNames.bind(styles$
|
|
8296
|
+
var cx$q = classNames.bind(styles$w);
|
|
8289
8297
|
var Component$F = function (_a) {
|
|
8290
8298
|
var children = _a.children, className = _a.className;
|
|
8291
8299
|
return React.createElement("div", { className: cx$q('processes-card__section', className) }, children);
|
|
8292
8300
|
};
|
|
8293
8301
|
var ProcessesCardSection = Component$F;
|
|
8294
8302
|
|
|
8295
|
-
var cx$p = classNames.bind(styles$
|
|
8303
|
+
var cx$p = classNames.bind(styles$w);
|
|
8296
8304
|
var Component$E = function (_a) {
|
|
8297
8305
|
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;
|
|
8298
8306
|
return (React.createElement("div", { className: cx$p('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
|
|
@@ -8301,21 +8309,21 @@ var Component$E = function (_a) {
|
|
|
8301
8309
|
};
|
|
8302
8310
|
var ProcessesCardStatus = Component$E;
|
|
8303
8311
|
|
|
8304
|
-
var cx$o = classNames.bind(styles$
|
|
8312
|
+
var cx$o = classNames.bind(styles$w);
|
|
8305
8313
|
var Component$D = function (_a) {
|
|
8306
8314
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
8307
8315
|
return React.createElement("img", __assign({ className: cx$o('processes-card__brand', className) }, props));
|
|
8308
8316
|
};
|
|
8309
8317
|
var ProcessesCardBrand = Component$D;
|
|
8310
8318
|
|
|
8311
|
-
var cx$n = classNames.bind(styles$
|
|
8319
|
+
var cx$n = classNames.bind(styles$w);
|
|
8312
8320
|
var Component$C = function (_a) {
|
|
8313
8321
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
|
|
8314
8322
|
return React.createElement("h3", { className: cx$n('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
|
|
8315
8323
|
};
|
|
8316
8324
|
var ProcessesCardTitle = Component$C;
|
|
8317
8325
|
|
|
8318
|
-
var cx$m = classNames.bind(styles$
|
|
8326
|
+
var cx$m = classNames.bind(styles$w);
|
|
8319
8327
|
var Component$B = function (_a) {
|
|
8320
8328
|
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;
|
|
8321
8329
|
return (React.createElement("p", { className: cx$m('processes-card__text', className, "processes-text-status--".concat(status), {
|
|
@@ -8324,14 +8332,14 @@ var Component$B = function (_a) {
|
|
|
8324
8332
|
};
|
|
8325
8333
|
var ProcessesCardText = Component$B;
|
|
8326
8334
|
|
|
8327
|
-
var cx$l = classNames.bind(styles$
|
|
8335
|
+
var cx$l = classNames.bind(styles$w);
|
|
8328
8336
|
var Component$A = function (_a) {
|
|
8329
8337
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
8330
8338
|
return React.createElement("img", __assign({ className: cx$l('processes-card__arrow-left', className), src: ArrowRight2 }, props));
|
|
8331
8339
|
};
|
|
8332
8340
|
var ProcessesCardArrow = Component$A;
|
|
8333
8341
|
|
|
8334
|
-
var cx$k = classNames.bind(styles$
|
|
8342
|
+
var cx$k = classNames.bind(styles$w);
|
|
8335
8343
|
var Component$z = function (_a) {
|
|
8336
8344
|
var status = _a.status, props = __rest(_a, ["status"]);
|
|
8337
8345
|
var iconByStatus = function (status) {
|
|
@@ -8350,7 +8358,7 @@ var Component$z = function (_a) {
|
|
|
8350
8358
|
};
|
|
8351
8359
|
var ProcessesCardIconStatus = Component$z;
|
|
8352
8360
|
|
|
8353
|
-
var cx$j = classNames.bind(styles$
|
|
8361
|
+
var cx$j = classNames.bind(styles$w);
|
|
8354
8362
|
var Component$y = function (_a) {
|
|
8355
8363
|
var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
|
|
8356
8364
|
return (React.createElement("button", __assign({}, props, { className: cx$j('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
|
|
@@ -8377,9 +8385,9 @@ var SelectContext = React.createContext({
|
|
|
8377
8385
|
});
|
|
8378
8386
|
var useSelectContext = function () { return useContext(SelectContext); };
|
|
8379
8387
|
|
|
8380
|
-
var styles$
|
|
8388
|
+
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"};
|
|
8381
8389
|
|
|
8382
|
-
var cx$i = classNames.bind(styles$
|
|
8390
|
+
var cx$i = classNames.bind(styles$v);
|
|
8383
8391
|
var getDefaulSelected = function (selected) {
|
|
8384
8392
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
8385
8393
|
};
|
|
@@ -8418,9 +8426,9 @@ var Component$x = function (_a) {
|
|
|
8418
8426
|
};
|
|
8419
8427
|
var SelectInput = Component$x;
|
|
8420
8428
|
|
|
8421
|
-
var styles$
|
|
8429
|
+
var styles$u = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
8422
8430
|
|
|
8423
|
-
var cx$h = classNames.bind(styles$
|
|
8431
|
+
var cx$h = classNames.bind(styles$u);
|
|
8424
8432
|
var SelectClickout = function (_a) {
|
|
8425
8433
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
8426
8434
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -8442,18 +8450,18 @@ var SelectClickout = function (_a) {
|
|
|
8442
8450
|
};
|
|
8443
8451
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
8444
8452
|
|
|
8445
|
-
var styles$
|
|
8453
|
+
var styles$t = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
8446
8454
|
|
|
8447
|
-
var cx$g = classNames.bind(styles$
|
|
8455
|
+
var cx$g = classNames.bind(styles$t);
|
|
8448
8456
|
var SelectDrawer = function (_a) {
|
|
8449
8457
|
var className = _a.className, children = _a.children;
|
|
8450
8458
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
8451
8459
|
return (React.createElement(MobileDrawer, { className: cx$g('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
8452
8460
|
};
|
|
8453
8461
|
|
|
8454
|
-
var styles$
|
|
8462
|
+
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"};
|
|
8455
8463
|
|
|
8456
|
-
var cx$f = classNames.bind(styles$
|
|
8464
|
+
var cx$f = classNames.bind(styles$s);
|
|
8457
8465
|
var defaultRenderItem = function (option) { return React.createElement(React.Fragment, null, option.label); };
|
|
8458
8466
|
var isSelected = function (option, value) {
|
|
8459
8467
|
return value.findIndex(function (_a) {
|
|
@@ -8482,9 +8490,9 @@ var Component$w = function (_a) {
|
|
|
8482
8490
|
};
|
|
8483
8491
|
var SelectListCheck = Component$w;
|
|
8484
8492
|
|
|
8485
|
-
var styles$
|
|
8493
|
+
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"};
|
|
8486
8494
|
|
|
8487
|
-
var cx$e = classNames.bind(styles$
|
|
8495
|
+
var cx$e = classNames.bind(styles$r);
|
|
8488
8496
|
var defaultSelect = function (props) {
|
|
8489
8497
|
return (React.createElement(Select.Input, __assign({ hideIcon: true, className: cx$e('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
|
|
8490
8498
|
};
|
|
@@ -8536,11 +8544,11 @@ var Component$u = function (_a) {
|
|
|
8536
8544
|
*/
|
|
8537
8545
|
var Select2Container = Component$u;
|
|
8538
8546
|
|
|
8539
|
-
var styles$
|
|
8547
|
+
var styles$q = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
|
|
8540
8548
|
|
|
8541
8549
|
var Component$t = function (_a) {
|
|
8542
8550
|
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;
|
|
8543
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8551
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$q, cls: ['select2-desktop', className] }) },
|
|
8544
8552
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
|
|
8545
8553
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8546
8554
|
React.createElement(Select2List, { disabledList: disableList, list: list, onSelected: handleChange, selected: valueSelected, visible: clickOut, render: render })));
|
|
@@ -8550,14 +8558,14 @@ var Component$t = function (_a) {
|
|
|
8550
8558
|
*/
|
|
8551
8559
|
var Select2Desktop = Component$t;
|
|
8552
8560
|
|
|
8553
|
-
var styles$
|
|
8561
|
+
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"};
|
|
8554
8562
|
|
|
8555
8563
|
var Component$s = function (_a) {
|
|
8556
8564
|
var _b, _c;
|
|
8557
8565
|
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;
|
|
8558
8566
|
var arrowRotate = useMemo(function () {
|
|
8559
8567
|
return CNM.get({
|
|
8560
|
-
styles: styles$
|
|
8568
|
+
styles: styles$p,
|
|
8561
8569
|
cls: [
|
|
8562
8570
|
'select2-input__suffix-icon',
|
|
8563
8571
|
clickOut ? 'select2-input__suffix-icon--rotate-arrow' : 'select2-input__suffix-icon--static-arrow'
|
|
@@ -8570,23 +8578,23 @@ var Component$s = function (_a) {
|
|
|
8570
8578
|
return React.createElement("span", null, placeholder);
|
|
8571
8579
|
}
|
|
8572
8580
|
if ((_a = valueSelected[0]) === null || _a === void 0 ? void 0 : _a.name) {
|
|
8573
|
-
return (React.createElement("span", { className: styles$
|
|
8581
|
+
return (React.createElement("span", { className: styles$p['select-label'] },
|
|
8574
8582
|
React.createElement("span", null, placeholder),
|
|
8575
8583
|
React.createElement("span", null, (_b = valueSelected[0]) === null || _b === void 0 ? void 0 : _b.name)));
|
|
8576
8584
|
}
|
|
8577
8585
|
return React.createElement("span", null, placeholder);
|
|
8578
8586
|
}, [isMultiple, placeholder, valueSelected]);
|
|
8579
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8587
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$p, cls: ['select2-input'] }) },
|
|
8580
8588
|
React.createElement("div", { style: { display: clickOut ? 'block' : 'none' } },
|
|
8581
8589
|
React.createElement(Input, { type: "text", value: searchValue, placeholder: placeholder, name: name || placeholder, hideIcon: true, onChange: handleSearch, disabled: disabled, autoFocus: clickOut })),
|
|
8582
8590
|
React.createElement("button", { style: { display: clickOut ? 'none' : 'flex' }, type: "button", onClick: function () { return setClickOut(!clickOut); }, disabled: disableList || disabled, className: CNM.get({
|
|
8583
|
-
styles: styles$
|
|
8591
|
+
styles: styles$p,
|
|
8584
8592
|
cls: ['select2-input__button', (disableList || disabled) && 'select2-input__button--disabled']
|
|
8585
8593
|
}) },
|
|
8586
8594
|
React.createElement("span", null,
|
|
8587
8595
|
icon && React.createElement("img", { src: icon, alt: "select-icon" }),
|
|
8588
8596
|
React.createElement("p", { className: CNM.get({
|
|
8589
|
-
styles: styles$
|
|
8597
|
+
styles: styles$p,
|
|
8590
8598
|
cls: [
|
|
8591
8599
|
'select2-input__button-text',
|
|
8592
8600
|
valueSelected.length
|
|
@@ -8603,13 +8611,13 @@ var Component$s = function (_a) {
|
|
|
8603
8611
|
*/
|
|
8604
8612
|
var Select2Input = Component$s;
|
|
8605
8613
|
|
|
8606
|
-
var styles$
|
|
8614
|
+
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"};
|
|
8607
8615
|
|
|
8608
8616
|
var Component$r = function (_a) {
|
|
8609
8617
|
var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
|
|
8610
8618
|
var itemStyles = useCallback(function (localId) {
|
|
8611
8619
|
return CNM.get({
|
|
8612
|
-
styles: styles$
|
|
8620
|
+
styles: styles$o,
|
|
8613
8621
|
cls: [
|
|
8614
8622
|
'select2-list__item',
|
|
8615
8623
|
(selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
@@ -8632,7 +8640,7 @@ var Component$r = function (_a) {
|
|
|
8632
8640
|
return null;
|
|
8633
8641
|
if (!list.length)
|
|
8634
8642
|
return null;
|
|
8635
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8643
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$o, cls: ['select2-list', !isMobile && 'select2-list--desktop'] }) }, list.map(function (_a, index) {
|
|
8636
8644
|
var props = __rest(_a, []);
|
|
8637
8645
|
return (React.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) {
|
|
8638
8646
|
var id = _a.id;
|
|
@@ -8645,7 +8653,7 @@ var Component$r = function (_a) {
|
|
|
8645
8653
|
*/
|
|
8646
8654
|
var Select2List = Component$r;
|
|
8647
8655
|
|
|
8648
|
-
var styles$
|
|
8656
|
+
var styles$n = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
|
|
8649
8657
|
|
|
8650
8658
|
var Component$q = function (_a) {
|
|
8651
8659
|
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;
|
|
@@ -8661,7 +8669,7 @@ var Component$q = function (_a) {
|
|
|
8661
8669
|
return (React.createElement(React.Fragment, null,
|
|
8662
8670
|
React.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 }),
|
|
8663
8671
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8664
|
-
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$
|
|
8672
|
+
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$n, cls: ['select2-desktop', className] }) },
|
|
8665
8673
|
React.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 }),
|
|
8666
8674
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
8667
8675
|
React.createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
|
|
@@ -8671,13 +8679,13 @@ var Component$q = function (_a) {
|
|
|
8671
8679
|
*/
|
|
8672
8680
|
var Select2Mobile = Component$q;
|
|
8673
8681
|
|
|
8674
|
-
var styles$
|
|
8682
|
+
var styles$m = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
|
|
8675
8683
|
|
|
8676
8684
|
var Component$p = function (_a) {
|
|
8677
8685
|
var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
|
|
8678
8686
|
if (!visible || tags.length === 0)
|
|
8679
8687
|
return null;
|
|
8680
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8688
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$m, cls: ['select2-tags'] }) }, tags.map(function (_a) {
|
|
8681
8689
|
var id = _a.id, name = _a.name;
|
|
8682
8690
|
return (React.createElement(Tags, { onClick: function () { return onRemove(id); }, icon: Close, key: id, text: name }));
|
|
8683
8691
|
})));
|
|
@@ -8807,9 +8815,9 @@ var Component$n = function (_a) {
|
|
|
8807
8815
|
};
|
|
8808
8816
|
var Timeline = Component$n;
|
|
8809
8817
|
|
|
8810
|
-
var styles$
|
|
8818
|
+
var styles$l = {"user-term-check":"mg_user_term_check_user-term-check_1mjdt"};
|
|
8811
8819
|
|
|
8812
|
-
var cx$d = classNames.bind(styles$
|
|
8820
|
+
var cx$d = classNames.bind(styles$l);
|
|
8813
8821
|
var Component$m = function (_a) {
|
|
8814
8822
|
var children = _a.children, className = _a.className, isChecked = _a.isChecked, onChange = _a.onChange;
|
|
8815
8823
|
return (React.createElement("div", { className: cx$d('user-term-check', className) },
|
|
@@ -8817,36 +8825,36 @@ var Component$m = function (_a) {
|
|
|
8817
8825
|
};
|
|
8818
8826
|
var UserTermCheck = Component$m;
|
|
8819
8827
|
|
|
8820
|
-
var styles$
|
|
8828
|
+
var styles$k = {"user-term-content":"mg_user_term_content_user-term-content_7556y"};
|
|
8821
8829
|
|
|
8822
|
-
var cx$c = classNames.bind(styles$
|
|
8830
|
+
var cx$c = classNames.bind(styles$k);
|
|
8823
8831
|
var Component$l = function (_a) {
|
|
8824
8832
|
var children = _a.children, className = _a.className;
|
|
8825
8833
|
return React.createElement("div", { className: cx$c('user-term-content', className) }, children);
|
|
8826
8834
|
};
|
|
8827
8835
|
var UserTermContent = Component$l;
|
|
8828
8836
|
|
|
8829
|
-
var styles$
|
|
8837
|
+
var styles$j = {"user-term-subtitle":"mg_user_term_subtitle_user-term-subtitle_n7gfk"};
|
|
8830
8838
|
|
|
8831
|
-
var cx$b = classNames.bind(styles$
|
|
8839
|
+
var cx$b = classNames.bind(styles$j);
|
|
8832
8840
|
var Component$k = function (_a) {
|
|
8833
8841
|
var children = _a.children, className = _a.className;
|
|
8834
8842
|
return React.createElement("h3", { className: cx$b('user-term-subtitle', className) }, children);
|
|
8835
8843
|
};
|
|
8836
8844
|
var UserTermSubTitle = Component$k;
|
|
8837
8845
|
|
|
8838
|
-
var styles$
|
|
8846
|
+
var styles$i = {"user-term-title":"mg_user_term_title_user-term-title_1krun"};
|
|
8839
8847
|
|
|
8840
|
-
var cx$a = classNames.bind(styles$
|
|
8848
|
+
var cx$a = classNames.bind(styles$i);
|
|
8841
8849
|
var Component$j = function (_a) {
|
|
8842
8850
|
var children = _a.children, className = _a.className;
|
|
8843
8851
|
return React.createElement("h2", { className: cx$a('user-term-title', className) }, children);
|
|
8844
8852
|
};
|
|
8845
8853
|
var UserTermTitle = Component$j;
|
|
8846
8854
|
|
|
8847
|
-
var styles$
|
|
8855
|
+
var styles$h = {"user-term-submit":"mg_user_term_submit_user-term-submit_1f0wt"};
|
|
8848
8856
|
|
|
8849
|
-
var cx$9 = classNames.bind(styles$
|
|
8857
|
+
var cx$9 = classNames.bind(styles$h);
|
|
8850
8858
|
var Component$i = function (_a) {
|
|
8851
8859
|
var isLoading = _a.isLoading, children = _a.children, className = _a.className, props = __rest(_a, ["isLoading", "children", "className"]);
|
|
8852
8860
|
return (React.createElement("button", __assign({ className: cx$9('user-term-submit', className) }, props),
|
|
@@ -8855,36 +8863,36 @@ var Component$i = function (_a) {
|
|
|
8855
8863
|
};
|
|
8856
8864
|
var UserTermSubmit = Component$i;
|
|
8857
8865
|
|
|
8858
|
-
var styles$
|
|
8866
|
+
var styles$g = {"user-term-highlight":"mg_user_term_highlight_user-term-highlight_1qjh2"};
|
|
8859
8867
|
|
|
8860
|
-
var cx$8 = classNames.bind(styles$
|
|
8868
|
+
var cx$8 = classNames.bind(styles$g);
|
|
8861
8869
|
var Component$h = function (_a) {
|
|
8862
8870
|
var children = _a.children, className = _a.className;
|
|
8863
8871
|
return React.createElement("h4", { className: cx$8('user-term-highlight', className) }, children);
|
|
8864
8872
|
};
|
|
8865
8873
|
var UserTermHighlight = Component$h;
|
|
8866
8874
|
|
|
8867
|
-
var styles$
|
|
8875
|
+
var styles$f = {"user-term-text":"mg_user_term_text_user-term-text_19pna"};
|
|
8868
8876
|
|
|
8869
|
-
var cx$7 = classNames.bind(styles$
|
|
8877
|
+
var cx$7 = classNames.bind(styles$f);
|
|
8870
8878
|
var Component$g = function (_a) {
|
|
8871
8879
|
var children = _a.children, className = _a.className;
|
|
8872
8880
|
return React.createElement("p", { className: cx$7('user-term-text', className) }, children);
|
|
8873
8881
|
};
|
|
8874
8882
|
var UserTermText = Component$g;
|
|
8875
8883
|
|
|
8876
|
-
var styles$
|
|
8884
|
+
var styles$e = {"user-term-modal":"mg_user_terms_user-term-modal_1ykq6","user-term-drawer":"mg_user_terms_user-term-drawer_1ykq6"};
|
|
8877
8885
|
|
|
8878
|
-
var styles$
|
|
8886
|
+
var styles$d = {"user-term-u-list":"mg_user_term_u_list_user-term-u-list_1ib2u"};
|
|
8879
8887
|
|
|
8880
|
-
var cx$6 = classNames.bind(styles$
|
|
8888
|
+
var cx$6 = classNames.bind(styles$d);
|
|
8881
8889
|
var Component$f = function (_a) {
|
|
8882
8890
|
var children = _a.children, className = _a.className;
|
|
8883
8891
|
return React.createElement("ul", { className: cx$6('user-term-u-list', className) }, children);
|
|
8884
8892
|
};
|
|
8885
8893
|
var UserTermUList = Component$f;
|
|
8886
8894
|
|
|
8887
|
-
var cx$5 = classNames.bind(styles$
|
|
8895
|
+
var cx$5 = classNames.bind(styles$e);
|
|
8888
8896
|
var Component$e = function (_a) {
|
|
8889
8897
|
var children = _a.children, isOpen = _a.isOpen, _b = _a.onClose, onClose = _b === void 0 ? function () { return ({}); } : _b;
|
|
8890
8898
|
var container = useMediaQuery(React.createElement(Modal$1, { className: cx$5('user-term-modal'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children), {
|
|
@@ -8903,7 +8911,7 @@ var UserTerms = Object.assign(Component$e, {
|
|
|
8903
8911
|
UlList: UserTermUList
|
|
8904
8912
|
});
|
|
8905
8913
|
|
|
8906
|
-
var styles$
|
|
8914
|
+
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"};
|
|
8907
8915
|
|
|
8908
8916
|
var Component$d = function (_a) {
|
|
8909
8917
|
var _b, _c, _d, _e;
|
|
@@ -8943,14 +8951,14 @@ var Component$d = function (_a) {
|
|
|
8943
8951
|
sm: null
|
|
8944
8952
|
});
|
|
8945
8953
|
return (React.createElement(AnalystProvider, { modals: modals, onRegionChange: navigationMenuProps.onRegionChange },
|
|
8946
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8954
|
+
React.createElement("div", { className: CNM.get({ styles: styles$c, cls: ['analyst-template', className] }) },
|
|
8947
8955
|
React.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 }),
|
|
8948
8956
|
React.createElement(NavMenuAnalystRegionModal, { defaultRegion: navigationMenuProps.defaultRegion, regionModal: navigationMenuProps.regionModal, regions: navigationMenuProps.regions }),
|
|
8949
|
-
React.createElement(HeaderAnalyst, __assign({ onMainMenuClick: function () { return toggleMenu(true, true); } }, headerProps, { handleModal: handleModal, className: CNM.get({ styles: styles$
|
|
8950
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
8957
|
+
React.createElement(HeaderAnalyst, __assign({ onMainMenuClick: function () { return toggleMenu(true, true); } }, headerProps, { handleModal: handleModal, className: CNM.get({ styles: styles$c, cls: ["analyst-template__header", headerProps.className] }) })),
|
|
8958
|
+
React.createElement("div", { className: CNM.get({ styles: styles$c, cls: ['analyst-template__container', containerClassName] }) },
|
|
8951
8959
|
React.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)),
|
|
8952
8960
|
sideMenu,
|
|
8953
|
-
React.createElement("main", { className: CNM.get({ styles: styles$
|
|
8961
|
+
React.createElement("main", { className: CNM.get({ styles: styles$c, cls: ['analyst-template__children', childrenClassName] }) }, children)))));
|
|
8954
8962
|
};
|
|
8955
8963
|
/**
|
|
8956
8964
|
* Template UI component of analyst template
|
|
@@ -8985,11 +8993,11 @@ var context = /*#__PURE__*/Object.freeze({
|
|
|
8985
8993
|
useCandidateProfile: useCandidateProfile
|
|
8986
8994
|
});
|
|
8987
8995
|
|
|
8988
|
-
var styles$
|
|
8996
|
+
var styles$b = {"magneto-ui-candidate-profile-page":"mg_candidate_profile_template_magneto-ui-candidate-profile-page_18fjx"};
|
|
8989
8997
|
|
|
8990
|
-
var styles$
|
|
8998
|
+
var styles$a = {"magneto-ui-candidate-profile-nav":"mg_candidate_profile_template_header_magneto-ui-candidate-profile-nav_5lvm9"};
|
|
8991
8999
|
|
|
8992
|
-
var cx$4 = classNames.bind(styles$
|
|
9000
|
+
var cx$4 = classNames.bind(styles$a);
|
|
8993
9001
|
var Component$c = function (_a) {
|
|
8994
9002
|
var props = __rest(_a, []);
|
|
8995
9003
|
var _b = useCandidateProfile(), setActiveScreen = _b.setActiveScreen, screens = _b.screens;
|
|
@@ -9004,9 +9012,9 @@ var Component$c = function (_a) {
|
|
|
9004
9012
|
*/
|
|
9005
9013
|
var CandidateProfileTemplateHeader = Component$c;
|
|
9006
9014
|
|
|
9007
|
-
var styles$
|
|
9015
|
+
var styles$9 = {"magneto-ui-candidate-profile-template-nav":"mg_candidate_profile_template_nav_magneto-ui-candidate-profile-template-nav_tbkvv"};
|
|
9008
9016
|
|
|
9009
|
-
var cx$3 = classNames.bind(styles$
|
|
9017
|
+
var cx$3 = classNames.bind(styles$9);
|
|
9010
9018
|
var Component$b = function (_a) {
|
|
9011
9019
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
9012
9020
|
var setNavHeight = useCandidateProfile().setNavHeight;
|
|
@@ -9047,9 +9055,9 @@ var Component$b = function (_a) {
|
|
|
9047
9055
|
*/
|
|
9048
9056
|
var CandidateProfileTemplateNav = Component$b;
|
|
9049
9057
|
|
|
9050
|
-
var styles$
|
|
9058
|
+
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"};
|
|
9051
9059
|
|
|
9052
|
-
var cx$2 = classNames.bind(styles$
|
|
9060
|
+
var cx$2 = classNames.bind(styles$8);
|
|
9053
9061
|
var customScrollbarButtonsStyle = {
|
|
9054
9062
|
'--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
|
|
9055
9063
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
@@ -9115,9 +9123,9 @@ var Component$a = function (_a) {
|
|
|
9115
9123
|
*/
|
|
9116
9124
|
var CandidateProfileTemplateProfile = Component$a;
|
|
9117
9125
|
|
|
9118
|
-
var styles$
|
|
9126
|
+
var styles$7 = {"magneto-ui-candidate-profile-template-screen":"mg_candidate_profile_template_screen_magneto-ui-candidate-profile-template-screen_oaf20"};
|
|
9119
9127
|
|
|
9120
|
-
var cx$1 = classNames.bind(styles$
|
|
9128
|
+
var cx$1 = classNames.bind(styles$7);
|
|
9121
9129
|
var Component$9 = function (_a) {
|
|
9122
9130
|
var props = __rest(_a, []);
|
|
9123
9131
|
var _b = useCandidateProfile(), activeScreen = _b.activeScreen, screens = _b.screens, navHeight = _b.navHeight;
|
|
@@ -9132,7 +9140,7 @@ var Component$9 = function (_a) {
|
|
|
9132
9140
|
*/
|
|
9133
9141
|
var CandidateProfileTemplateScreen = Component$9;
|
|
9134
9142
|
|
|
9135
|
-
var cx = classNames.bind(styles$
|
|
9143
|
+
var cx = classNames.bind(styles$b);
|
|
9136
9144
|
var Component$8 = function (_a) {
|
|
9137
9145
|
var children = _a.children, onChangeScreen = _a.onChangeScreen, screens = _a.screens;
|
|
9138
9146
|
return (React.createElement(Provider, { screens: screens, onChangeScreen: onChangeScreen },
|
|
@@ -9230,43 +9238,128 @@ var Component$6 = function (_a) {
|
|
|
9230
9238
|
};
|
|
9231
9239
|
var LogoutTemplate = Component$6;
|
|
9232
9240
|
|
|
9233
|
-
var styles$
|
|
9241
|
+
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"};
|
|
9234
9242
|
|
|
9235
9243
|
var Component$5 = function () {
|
|
9236
9244
|
var _a = useState(false), showHelpOptions = _a[0], setShowHelpOptions = _a[1];
|
|
9237
9245
|
var _b = useMegaMenuSocialHeader(), helpOptions = _b.helpOptions, blog = _b.blog, helpAction = _b.helpAction;
|
|
9238
9246
|
var linkButton = useMemo(function () {
|
|
9239
|
-
return blog && (React.createElement("a", { title: blog.label, className: styles$
|
|
9247
|
+
return blog && (React.createElement("a", { title: blog.label, className: styles$6['mega-menu-social-header__blog'], href: blog.url, target: '_blank', rel: "noreferrer" },
|
|
9240
9248
|
React.createElement("p", null, blog.label)));
|
|
9241
9249
|
}, [blog]);
|
|
9242
9250
|
var handleClickHelpOption = useCallback(function (show) { return function () {
|
|
9243
9251
|
setShowHelpOptions(show);
|
|
9244
9252
|
}; }, []);
|
|
9245
|
-
var makeHelpOption = useMemo(function () { return (React.createElement("ul", { className: styles$
|
|
9253
|
+
var makeHelpOption = useMemo(function () { return (React.createElement("ul", { className: styles$6['mega-menu-social-header__help--options'] }, helpOptions &&
|
|
9246
9254
|
helpOptions.length > 0 &&
|
|
9247
|
-
helpOptions.map(function (option, key) { return (React.createElement("li", { key: key, className: styles$
|
|
9255
|
+
helpOptions.map(function (option, key) { return (React.createElement("li", { key: key, className: styles$6['mega-menu-social-header__help--option'] },
|
|
9248
9256
|
React.createElement("a", { href: option.url },
|
|
9249
9257
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: megaMenuHelpIcons[key], size: 16 }),
|
|
9250
|
-
React.createElement("p", { className: styles$
|
|
9251
|
-
return (React.createElement("div", { className: styles$
|
|
9258
|
+
React.createElement("p", { className: styles$6['mega-menu-social-header__help--option-text'] }, option.label)))); }))); }, [helpOptions]);
|
|
9259
|
+
return (React.createElement("div", { className: styles$6['mega-menu-social-header'] },
|
|
9252
9260
|
React.createElement(MegaMenuTabs, null),
|
|
9253
|
-
React.createElement("div", { className: styles$
|
|
9261
|
+
React.createElement("div", { className: styles$6['mega-menu-social-header__options'] },
|
|
9254
9262
|
React.createElement(ListIconLink, { listIcon: ListMegaMenu, size: 20, spacing: 10 }),
|
|
9255
9263
|
linkButton,
|
|
9256
|
-
React.createElement(Popover, { positionY: 'bottom', positionX: 'left', content: makeHelpOption, show: showHelpOptions, widthBase: 60, className: "".concat(styles$
|
|
9257
|
-
React.createElement(React.Fragment, null, helpAction && (React.createElement("button", { onClick: handleClickHelpOption(!showHelpOptions), onBlur: handleClickHelpOption(false), className: styles$
|
|
9264
|
+
React.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']) },
|
|
9265
|
+
React.createElement(React.Fragment, null, helpAction && (React.createElement("button", { onClick: handleClickHelpOption(!showHelpOptions), onBlur: handleClickHelpOption(false), className: styles$6['mega-menu-social-header__help--button'] },
|
|
9258
9266
|
React.createElement("p", null, helpAction.label),
|
|
9259
9267
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: ArrowDown2, size: 14 }))))))));
|
|
9260
9268
|
};
|
|
9261
9269
|
var MegaMenuSocialHeader = Component$5;
|
|
9262
9270
|
|
|
9263
|
-
var styles$
|
|
9271
|
+
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"};
|
|
9272
|
+
|
|
9273
|
+
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"};
|
|
9274
|
+
|
|
9275
|
+
var useClickOutside = function (ref, handler) {
|
|
9276
|
+
useEffect(function () {
|
|
9277
|
+
function handleClickOutside(event) {
|
|
9278
|
+
if (ref.current && !ref.current.contains(event.target)) {
|
|
9279
|
+
handler();
|
|
9280
|
+
}
|
|
9281
|
+
}
|
|
9282
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
9283
|
+
return function () {
|
|
9284
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
9285
|
+
};
|
|
9286
|
+
}, [ref, handler]);
|
|
9287
|
+
};
|
|
9288
|
+
|
|
9289
|
+
var AVAILABLE_KEYS = ['Enter', 'ArrowDown', 'ArrowUp'];
|
|
9290
|
+
var SearchBar = function (_a) {
|
|
9291
|
+
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;
|
|
9292
|
+
var _b = useState(0), selectedOption = _b[0], setSelectedOption = _b[1];
|
|
9293
|
+
var _c = useState(false), showOptions = _c[0], setShowOptions = _c[1];
|
|
9294
|
+
var linkRef = useRef(null);
|
|
9295
|
+
var optionsRef = useRef(null);
|
|
9296
|
+
var contentRef = useRef(null);
|
|
9297
|
+
var renderSectionTitle = useMemo(function () {
|
|
9298
|
+
if (!sectionTitle || termValue)
|
|
9299
|
+
return;
|
|
9300
|
+
var _a = sectionTitle, title = _a.title, url = _a.url, onClick = _a.onClick;
|
|
9301
|
+
return (React.createElement("div", { className: styles$4['mega-menu-search-bar__input-title'], key: 'main title', onClick: onClick },
|
|
9302
|
+
React.createElement("a", { href: url },
|
|
9303
|
+
React.createElement(IconItem, { icon: CurrentLocation, size: 16 }),
|
|
9304
|
+
React.createElement("p", { className: styles$4['mega-menu-search-bar__input-option__title'] }, title))));
|
|
9305
|
+
}, [sectionTitle, termValue]);
|
|
9306
|
+
var onSearchValues = useCallback(function (event) {
|
|
9307
|
+
var term = event.target.value;
|
|
9308
|
+
onSearch(term);
|
|
9309
|
+
}, [onSearch]);
|
|
9310
|
+
var onPressKey = useCallback(function (_a) {
|
|
9311
|
+
var key = _a.key;
|
|
9312
|
+
if (!AVAILABLE_KEYS.includes(key) || !optionsRef.current)
|
|
9313
|
+
return;
|
|
9314
|
+
setSelectedOption(function (current) {
|
|
9315
|
+
if (key == 'ArrowDown' && current < options.length - 1) {
|
|
9316
|
+
optionsRef.current.scrollTop += 38;
|
|
9317
|
+
return current + 1;
|
|
9318
|
+
}
|
|
9319
|
+
if (key == 'ArrowUp' && current > 0) {
|
|
9320
|
+
optionsRef.current.scrollTop -= 38;
|
|
9321
|
+
return current - 1;
|
|
9322
|
+
}
|
|
9323
|
+
return current;
|
|
9324
|
+
});
|
|
9325
|
+
if (key == 'Enter' && linkRef.current)
|
|
9326
|
+
return linkRef.current.click();
|
|
9327
|
+
}, [options.length]);
|
|
9328
|
+
var handleShowOptions = useCallback(function (show) { return function () { return setShowOptions(show); }; }, []);
|
|
9329
|
+
var onPressOption = useCallback(function (option) { return function (event) {
|
|
9330
|
+
if (!onSelectOption)
|
|
9331
|
+
return;
|
|
9332
|
+
event.stopPropagation();
|
|
9333
|
+
event.preventDefault();
|
|
9334
|
+
onSelectOption(option);
|
|
9335
|
+
}; }, [onSelectOption]);
|
|
9336
|
+
useClickOutside(contentRef, handleShowOptions(false));
|
|
9337
|
+
return (React.createElement("div", { className: "".concat(styles$4['mega-menu-search-bar__input-content']), onClick: handleShowOptions(true), ref: contentRef },
|
|
9338
|
+
React.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 }),
|
|
9339
|
+
showOptions && (React.createElement("div", { className: styles$4['mega-menu-search-bar__input-options'], ref: optionsRef },
|
|
9340
|
+
sectionTitle && renderSectionTitle,
|
|
9341
|
+
options.length > 0 &&
|
|
9342
|
+
options.map(function (_a, index) {
|
|
9343
|
+
var title = _a.title, subtitle = _a.subtitle, url = _a.url;
|
|
9344
|
+
return (React.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 },
|
|
9345
|
+
React.createElement("a", { href: url, ref: linkRef },
|
|
9346
|
+
React.createElement("p", { className: styles$4['mega-menu-search-bar__input-option__title'] }, title),
|
|
9347
|
+
React.createElement("p", { className: styles$4['mega-menu-search-bar__input-option__subtitle'] }, subtitle))));
|
|
9348
|
+
})))));
|
|
9349
|
+
};
|
|
9350
|
+
|
|
9351
|
+
var MegaMenuSearchBar = function (_a) {
|
|
9352
|
+
var location = _a.location, occupation = _a.occupation;
|
|
9353
|
+
return (React.createElement("div", { className: styles$4['mega-menu-search-bar'] },
|
|
9354
|
+
React.createElement(SearchBar, __assign({ className: styles$4['mega-menu-search-bar__input--left'], icon: Briefcase }, occupation)),
|
|
9355
|
+
React.createElement(SearchBar, __assign({ className: styles$4['mega-menu-search-bar__input--rigth'], icon: Location, actionIcon: SearchIcon }, location))));
|
|
9356
|
+
};
|
|
9264
9357
|
|
|
9265
9358
|
var Component$4 = function (_a) {
|
|
9266
9359
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
9267
9360
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
9268
9361
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
9269
|
-
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry;
|
|
9362
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps, selectCountry = _d.selectCountry, mobileSearchBarProps = _d.mobileSearchBarProps;
|
|
9270
9363
|
var popoverRef = useMegaMenuJobs().popoverRef;
|
|
9271
9364
|
var listMenuUserProps = useLoggedInUser();
|
|
9272
9365
|
var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
@@ -9277,30 +9370,30 @@ var Component$4 = function (_a) {
|
|
|
9277
9370
|
sm: React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))
|
|
9278
9371
|
});
|
|
9279
9372
|
var LogoutHeaderMobileSearchbar = useMediaQuery(null, {
|
|
9280
|
-
md: (React.createElement(React.Fragment, null, searchBarProps && (React.createElement(MobileSearchbar, __assign({},
|
|
9373
|
+
md: (React.createElement(React.Fragment, null, searchBarProps && (React.createElement(MobileSearchbar, __assign({}, mobileSearchBarProps, { termValue: mobileSearchBarProps === null || mobileSearchBarProps === void 0 ? void 0 : mobileSearchBarProps.termValue, onClick: function () { return setShowSearchBar(false); }, showMobileSearchbar: showSearchBar, focusSearchInput: showSearchBar })))))
|
|
9281
9374
|
});
|
|
9282
9375
|
var renderSearchBar = useMediaQuery(React.createElement(React.Fragment, null,
|
|
9283
|
-
searchBarProps &&
|
|
9376
|
+
searchBarProps && React.createElement(MegaMenuSearchBar, __assign({}, searchBarProps)),
|
|
9284
9377
|
React.createElement(MegaMenuPopover, { popoverRef: popoverRef },
|
|
9285
9378
|
React.createElement(MegaMenuJobsTabs, null))), {
|
|
9286
|
-
md: searchBarProps && (React.createElement(SearchButton, __assign({ searchValue: searchBarProps.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$
|
|
9379
|
+
md: searchBarProps && (React.createElement(SearchButton, __assign({ searchValue: searchBarProps.occupation.termValue, buttonSize: 'small', onClick: toggleSearchBar, className: styles$5['mega-menu-main-header__search-button'] }, MobileSearchbarButtonProps)))
|
|
9287
9380
|
});
|
|
9288
9381
|
var LogoutHeaderMenuButton = useMediaQuery(null, {
|
|
9289
|
-
md: React.createElement(MainButton, __assign({}, MenuButtonProps, { className: styles$
|
|
9382
|
+
md: React.createElement(MainButton, __assign({}, MenuButtonProps, { className: styles$5['mega-menu-main-header__menu'], onClick: toggleDrawerMenu }))
|
|
9290
9383
|
});
|
|
9291
9384
|
var loginAction = (React.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' }) }));
|
|
9292
9385
|
var logoutAction = (React.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 }) })));
|
|
9293
9386
|
var loginHeaderPopover = useMediaQuery(React.createElement(UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
|
|
9294
9387
|
md: React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
|
|
9295
9388
|
});
|
|
9296
|
-
return (React.createElement("div", { className: styles$
|
|
9297
|
-
React.createElement("div", { className: styles$
|
|
9389
|
+
return (React.createElement("div", { className: styles$5['mega-menu-main-header'] },
|
|
9390
|
+
React.createElement("div", { className: styles$5['mega-menu-main-header__main'] },
|
|
9298
9391
|
LogoutHeaderMobileSearchbar,
|
|
9299
9392
|
LogoutHeaderMenuButton,
|
|
9300
9393
|
React.createElement("a", { href: homeUrl }, renderLogo),
|
|
9301
9394
|
selectCountry && React.createElement(Select2, __assign({ haveTags: false, isMultiple: false }, selectCountry)),
|
|
9302
|
-
React.createElement("div", { className: styles$
|
|
9303
|
-
React.createElement("div", { className: styles$
|
|
9395
|
+
React.createElement("div", { className: styles$5['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
9396
|
+
React.createElement("div", { className: styles$5['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React.createElement(React.Fragment, null,
|
|
9304
9397
|
loginAction,
|
|
9305
9398
|
logoutAction))),
|
|
9306
9399
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|