magneto365.ui 2.69.0-beta.2 → 2.70.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +178 -230
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Popover/Popover.interface.d.ts +0 -2
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/FilterCard/FilterCard.interface.d.ts +0 -12
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +0 -2
- package/dist/cjs/types/constants/icons.constants.d.ts +0 -2
- package/dist/cjs/types/constants/stories/sideFilter.constants.d.ts +123 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +178 -230
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Popover/Popover.interface.d.ts +0 -2
- package/dist/esm/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/FilterCard/FilterCard.interface.d.ts +0 -12
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +0 -2
- package/dist/esm/types/constants/icons.constants.d.ts +0 -2
- package/dist/esm/types/constants/stories/sideFilter.constants.d.ts +123 -0
- package/dist/index.d.ts +4 -15
- package/package.json +1 -1
- package/dist/assets/3c9ef5949d25901a.svg +0 -11
- package/dist/assets/a9f25ebc43dd2922.svg +0 -9
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$2Y = {"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$2Y);
|
|
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$2X = {"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
|
|
|
@@ -368,6 +368,8 @@ var ArrowRight2 = "https://static.magneto365.com/lib/assets/ce1843403fbc32ff.svg
|
|
|
368
368
|
|
|
369
369
|
var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
|
|
370
370
|
|
|
371
|
+
var ArrowSwapVertical = "https://static.magneto365.com/lib/assets/11314346afd968cf.svg";
|
|
372
|
+
|
|
371
373
|
var Bell = "https://static.magneto365.com/lib/assets/b8b5d3e12f55ef1a.svg";
|
|
372
374
|
|
|
373
375
|
var BookBlueBold = "https://static.magneto365.com/lib/assets/1d63e2974f98ed3e.svg";
|
|
@@ -652,19 +654,15 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
652
654
|
|
|
653
655
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
654
656
|
|
|
655
|
-
var FilterIcon = "https://static.magneto365.com/lib/assets/a9f25ebc43dd2922.svg";
|
|
656
|
-
|
|
657
|
-
var SortIcon = "https://static.magneto365.com/lib/assets/3c9ef5949d25901a.svg";
|
|
658
|
-
|
|
659
657
|
var Component$36 = function (_a) {
|
|
660
658
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
661
659
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
662
660
|
var handleError = function () {
|
|
663
661
|
setImageError(true);
|
|
664
662
|
};
|
|
665
|
-
return (React.createElement("div", { className: styles$
|
|
663
|
+
return (React.createElement("div", { className: styles$2X.avatarComponent, onClick: onClick },
|
|
666
664
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
667
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
665
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2X['magneto-ui-default-avatar'] },
|
|
668
666
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
669
667
|
};
|
|
670
668
|
/**
|
|
@@ -672,17 +670,17 @@ var Component$36 = function (_a) {
|
|
|
672
670
|
*/
|
|
673
671
|
var Avatar = Component$36;
|
|
674
672
|
|
|
675
|
-
var styles$
|
|
673
|
+
var styles$2W = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
676
674
|
|
|
677
675
|
var Component$35 = function (_a) {
|
|
678
676
|
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$
|
|
677
|
+
return (React.createElement("p", { className: "".concat(styles$2W['badge-count'], " ").concat(className) },
|
|
678
|
+
React.createElement("span", { className: styles$2W['badge-count__animation'] }),
|
|
681
679
|
number && number));
|
|
682
680
|
};
|
|
683
681
|
var Badge = Component$35;
|
|
684
682
|
|
|
685
|
-
var styles$
|
|
683
|
+
var styles$2V = {"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
684
|
|
|
687
685
|
var numberToCurrency = function (currency, withSymbol) {
|
|
688
686
|
if (withSymbol === void 0) { withSymbol = true; }
|
|
@@ -720,14 +718,14 @@ var Component$34 = function (_a) {
|
|
|
720
718
|
}
|
|
721
719
|
}, [isHover]);
|
|
722
720
|
var popoverContent = useMemo(function () {
|
|
723
|
-
return isHover && (React.createElement("div", { className: "".concat(styles$
|
|
721
|
+
return isHover && (React.createElement("div", { className: "".concat(styles$2V['magneto-ui-chart-bar__popover'], " ").concat(styles$2V["popover-".concat(popoverPosition)]) },
|
|
724
722
|
React.createElement("div", null, "".concat(numberToCurrency(minRange), " - ").concat(numberToCurrency(maxRange))),
|
|
725
723
|
React.createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
|
|
726
724
|
}, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
|
|
727
725
|
return (React.createElement("div", { style: {
|
|
728
726
|
height: Math.max((percentage / maxPercentage) * maxHeight, 1)
|
|
729
|
-
}, ref: barRef, className: styles$
|
|
730
|
-
React.createElement("div", { className: styles$
|
|
727
|
+
}, ref: barRef, className: styles$2V['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
|
|
728
|
+
React.createElement("div", { className: styles$2V['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
|
|
731
729
|
popoverContent));
|
|
732
730
|
};
|
|
733
731
|
var BarChart = Component$34;
|
|
@@ -1128,7 +1126,7 @@ var menuSortButton = {
|
|
|
1128
1126
|
size: 17
|
|
1129
1127
|
};
|
|
1130
1128
|
var iconFilterOrder = {
|
|
1131
|
-
icon:
|
|
1129
|
+
icon: ArrowSwapVertical,
|
|
1132
1130
|
hover: false,
|
|
1133
1131
|
size: 20
|
|
1134
1132
|
};
|
|
@@ -1552,7 +1550,7 @@ var CNM = /** @class */ (function () {
|
|
|
1552
1550
|
return CNM;
|
|
1553
1551
|
}());
|
|
1554
1552
|
|
|
1555
|
-
var styles$
|
|
1553
|
+
var styles$2U = {"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
1554
|
|
|
1557
1555
|
var Component$33 = function (_a) {
|
|
1558
1556
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1574,10 +1572,10 @@ var Component$33 = function (_a) {
|
|
|
1574
1572
|
var _a;
|
|
1575
1573
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1576
1574
|
}, [percent, validateCompleted]);
|
|
1577
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1578
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1575
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2U, cls: [className] }) },
|
|
1576
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2U, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1579
1577
|
React.createElement("div", { className: CNM.get({
|
|
1580
|
-
styles: styles$
|
|
1578
|
+
styles: styles$2U,
|
|
1581
1579
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1582
1580
|
}) }))));
|
|
1583
1581
|
};
|
|
@@ -1586,7 +1584,7 @@ var Component$33 = function (_a) {
|
|
|
1586
1584
|
*/
|
|
1587
1585
|
var BarLoader = Component$33;
|
|
1588
1586
|
|
|
1589
|
-
var styles$
|
|
1587
|
+
var styles$2T = {"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
1588
|
|
|
1591
1589
|
var Component$32 = function (_a) {
|
|
1592
1590
|
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 +1592,7 @@ var Component$32 = function (_a) {
|
|
|
1594
1592
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1595
1593
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1596
1594
|
var haveDetailTitle = detailTitle !== '';
|
|
1597
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1595
|
+
var detailTileStyle = detailTitle ? styles$2T['no-transform'] : '';
|
|
1598
1596
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1599
1597
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1600
1598
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1606,9 +1604,9 @@ var Component$32 = function (_a) {
|
|
|
1606
1604
|
"/ ",
|
|
1607
1605
|
href)));
|
|
1608
1606
|
}),
|
|
1609
|
-
React.createElement("p", { className: "".concat(styles$
|
|
1607
|
+
React.createElement("p", { className: "".concat(styles$2T['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1610
1608
|
"/ ",
|
|
1611
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1609
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$2T['magneto-ui-bc-active'] : '', " ").concat(styles$2T['magneto-ui-bc']), key: i },
|
|
1612
1610
|
i > 0 && '/',
|
|
1613
1611
|
" ",
|
|
1614
1612
|
bc)); })));
|
|
@@ -1624,28 +1622,28 @@ var Component$32 = function (_a) {
|
|
|
1624
1622
|
queryParams,
|
|
1625
1623
|
lastIndexBC
|
|
1626
1624
|
]);
|
|
1627
|
-
return React.createElement("div", { className: styles$
|
|
1625
|
+
return React.createElement("div", { className: styles$2T.breadcrumbComponent }, breadCrumbsRender);
|
|
1628
1626
|
};
|
|
1629
1627
|
/**
|
|
1630
1628
|
* Atom UI of breadcrumb
|
|
1631
1629
|
*/
|
|
1632
1630
|
var Breadcrumb = Component$32;
|
|
1633
1631
|
|
|
1634
|
-
var styles$
|
|
1632
|
+
var styles$2S = {"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
1633
|
|
|
1636
1634
|
var Component$31 = function (_a) {
|
|
1637
1635
|
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$
|
|
1636
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$2S['magneto-ui-button'], " ").concat(addHover ? styles$2S['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1637
|
+
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2S['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1638
|
+
buttonText && React.createElement("p", { className: styles$2S['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1639
|
+
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2S['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1642
1640
|
};
|
|
1643
1641
|
/**
|
|
1644
1642
|
* UI Atom Component of Save Button
|
|
1645
1643
|
*/
|
|
1646
1644
|
var Button = Component$31;
|
|
1647
1645
|
|
|
1648
|
-
var styles$
|
|
1646
|
+
var styles$2R = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1649
1647
|
|
|
1650
1648
|
var Component$30 = function (_a) {
|
|
1651
1649
|
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 +1653,19 @@ var Component$30 = function (_a) {
|
|
|
1655
1653
|
onClick();
|
|
1656
1654
|
}
|
|
1657
1655
|
}, [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$
|
|
1656
|
+
return (React.createElement("a", { className: "".concat(className ? className : styles$2R['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1657
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2R['button-link__icon'] })),
|
|
1658
|
+
buttonText && React.createElement("p", { className: styles$2R['button-link__text'] }, buttonText),
|
|
1659
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2R['button-link__icon'] }))));
|
|
1662
1660
|
};
|
|
1663
1661
|
/**
|
|
1664
1662
|
* UI Atom Component of Save Button
|
|
1665
1663
|
*/
|
|
1666
1664
|
var ButtonLink = Component$30;
|
|
1667
1665
|
|
|
1668
|
-
var styles$
|
|
1666
|
+
var styles$2Q = {"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
1667
|
|
|
1670
|
-
var cx$1c = classNames.bind(styles$
|
|
1668
|
+
var cx$1c = classNames.bind(styles$2Q);
|
|
1671
1669
|
var defaultCheck = function (_a) {
|
|
1672
1670
|
var type = _a.type, checked = _a.checked;
|
|
1673
1671
|
if (type === 'background')
|
|
@@ -1719,9 +1717,9 @@ var context$2 = /*#__PURE__*/Object.freeze({
|
|
|
1719
1717
|
useCollapse: useCollapse
|
|
1720
1718
|
});
|
|
1721
1719
|
|
|
1722
|
-
var styles$
|
|
1720
|
+
var styles$2P = {"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
1721
|
|
|
1724
|
-
var cx$1b = classNames.bind(styles$
|
|
1722
|
+
var cx$1b = classNames.bind(styles$2P);
|
|
1725
1723
|
var Component$2_ = function (_a) {
|
|
1726
1724
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1727
1725
|
var open = useCollapse().open;
|
|
@@ -1740,9 +1738,9 @@ var Component$2_ = function (_a) {
|
|
|
1740
1738
|
*/
|
|
1741
1739
|
var CollapseBody = Component$2_;
|
|
1742
1740
|
|
|
1743
|
-
var styles$
|
|
1741
|
+
var styles$2O = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
|
|
1744
1742
|
|
|
1745
|
-
var cx$1a = classNames.bind(styles$
|
|
1743
|
+
var cx$1a = classNames.bind(styles$2O);
|
|
1746
1744
|
var Component$2Z = function (_a) {
|
|
1747
1745
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
1748
1746
|
return (React.createElement("header", __assign({ className: cx$1a('magneto-ui-collapse-header', className) }, props), children));
|
|
@@ -1752,9 +1750,9 @@ var Component$2Z = function (_a) {
|
|
|
1752
1750
|
*/
|
|
1753
1751
|
var CollapseHeader = Component$2Z;
|
|
1754
1752
|
|
|
1755
|
-
var styles$
|
|
1753
|
+
var styles$2N = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
|
|
1756
1754
|
|
|
1757
|
-
var cx$19 = classNames.bind(styles$
|
|
1755
|
+
var cx$19 = classNames.bind(styles$2N);
|
|
1758
1756
|
var Component$2Y = function (_a) {
|
|
1759
1757
|
var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
|
|
1760
1758
|
var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -1780,7 +1778,7 @@ var Component$2X = function (_a) {
|
|
|
1780
1778
|
*/
|
|
1781
1779
|
var Collapse = Object.assign(Component$2X, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
|
|
1782
1780
|
|
|
1783
|
-
var styles$
|
|
1781
|
+
var styles$2M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1784
1782
|
|
|
1785
1783
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1786
1784
|
var Component$2W = function (_a) {
|
|
@@ -1788,7 +1786,7 @@ var Component$2W = function (_a) {
|
|
|
1788
1786
|
var currentHigherMax = useMemo(function () {
|
|
1789
1787
|
return current > max;
|
|
1790
1788
|
}, [current, max]);
|
|
1791
|
-
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1789
|
+
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$2M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2M['error-label'] : '') },
|
|
1792
1790
|
nf.format(current),
|
|
1793
1791
|
React.createElement("span", null,
|
|
1794
1792
|
" / ",
|
|
@@ -1796,23 +1794,23 @@ var Component$2W = function (_a) {
|
|
|
1796
1794
|
};
|
|
1797
1795
|
var ComparativeCounter = Component$2W;
|
|
1798
1796
|
|
|
1799
|
-
var styles$
|
|
1797
|
+
var styles$2L = {"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
1798
|
|
|
1801
1799
|
var Component$2V = function (_a) {
|
|
1802
1800
|
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
1801
|
var disabledArrow = useMemo(function () {
|
|
1804
1802
|
if (disabled)
|
|
1805
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1803
|
+
return (React.createElement(IconItem, { className: styles$2L['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1806
1804
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1807
1805
|
}, [disabled]);
|
|
1808
|
-
return (React.createElement("div", { className: styles$
|
|
1809
|
-
React.createElement("select", { className: styles$
|
|
1810
|
-
React.createElement("option", { className: styles$
|
|
1806
|
+
return (React.createElement("div", { className: styles$2L['magneto-ui--date-dropdown__wrapper'] },
|
|
1807
|
+
React.createElement("select", { className: styles$2L["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1808
|
+
React.createElement("option", { className: styles$2L['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1811
1809
|
dateOptions.map(function (_a) {
|
|
1812
1810
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1813
|
-
return (React.createElement("option", { className: styles$
|
|
1811
|
+
return (React.createElement("option", { className: styles$2L['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1814
1812
|
})),
|
|
1815
|
-
React.createElement("span", { className: styles$
|
|
1813
|
+
React.createElement("span", { className: styles$2L['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1816
1814
|
};
|
|
1817
1815
|
var DateDropdown = Component$2V;
|
|
1818
1816
|
|
|
@@ -1869,7 +1867,7 @@ var fixArrayDate = function (array) {
|
|
|
1869
1867
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1870
1868
|
};
|
|
1871
1869
|
|
|
1872
|
-
var styles$
|
|
1870
|
+
var styles$2K = {"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
1871
|
|
|
1874
1872
|
// placeholder to every input.
|
|
1875
1873
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1980,50 +1978,50 @@ var Component$2U = function (_a) {
|
|
|
1980
1978
|
}
|
|
1981
1979
|
}, []);
|
|
1982
1980
|
return (React.createElement("div", { className: [
|
|
1983
|
-
styles$
|
|
1981
|
+
styles$2K['date-input'],
|
|
1984
1982
|
className,
|
|
1985
|
-
fit ? styles$
|
|
1986
|
-
hasError ? styles$
|
|
1983
|
+
fit ? styles$2K['date-input--fit'] : '',
|
|
1984
|
+
hasError ? styles$2K['date-input--error'] : ''
|
|
1987
1985
|
].join(' ') },
|
|
1988
|
-
React.createElement("div", { className: styles$
|
|
1986
|
+
React.createElement("div", { className: styles$2K['date-input__left'], onClick: function () {
|
|
1989
1987
|
var _a;
|
|
1990
1988
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1991
1989
|
} }),
|
|
1992
1990
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
1993
1991
|
[2, 4].includes(index) ? (
|
|
1994
1992
|
// 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$
|
|
1993
|
+
React.createElement("span", { className: [styles$2K['date-input__separator'], value ? styles$2K['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
1994
|
+
React.createElement("input", { className: styles$2K['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" }))); }),
|
|
1995
|
+
React.createElement("div", { className: styles$2K['date-input__right'], onClick: function () {
|
|
1998
1996
|
var _a;
|
|
1999
1997
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2000
1998
|
} })));
|
|
2001
1999
|
};
|
|
2002
2000
|
var DateInput = Component$2U;
|
|
2003
2001
|
|
|
2004
|
-
var style$
|
|
2002
|
+
var style$15 = {"divider":"mg_divider_divider_1vn87"};
|
|
2005
2003
|
|
|
2006
2004
|
var Component$2T = function (_a) {
|
|
2007
2005
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
2008
2006
|
var inlineStyle = direction == 'HORIZONTAL'
|
|
2009
2007
|
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
2010
2008
|
: { width: 1, margin: "0px ".concat(spacing, "px ") };
|
|
2011
|
-
return React.createElement("div", { style: inlineStyle, className: style$
|
|
2009
|
+
return React.createElement("div", { style: inlineStyle, className: style$15.divider });
|
|
2012
2010
|
};
|
|
2013
2011
|
/**
|
|
2014
2012
|
* Atom UI Divider Component
|
|
2015
2013
|
*/
|
|
2016
2014
|
var Divider = Component$2T;
|
|
2017
2015
|
|
|
2018
|
-
var styles$
|
|
2016
|
+
var styles$2J = {"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
2017
|
|
|
2020
2018
|
var Component$2S = function (_a) {
|
|
2021
2019
|
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$
|
|
2020
|
+
return (React.createElement("div", { className: styles$2J['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React.createElement("span", { key: index, className: styles$2J['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
2023
2021
|
};
|
|
2024
2022
|
var DotsLoader = Component$2S;
|
|
2025
2023
|
|
|
2026
|
-
var styles$
|
|
2024
|
+
var styles$2I = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
2027
2025
|
|
|
2028
2026
|
var Component$2R = function (_a) {
|
|
2029
2027
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -2039,38 +2037,38 @@ var Component$2R = function (_a) {
|
|
|
2039
2037
|
height: '15px'
|
|
2040
2038
|
};
|
|
2041
2039
|
}, [size]);
|
|
2042
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
2040
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2I["".concat(classMUI, "-flat-loader")] }));
|
|
2043
2041
|
};
|
|
2044
2042
|
var FlatLoader = Component$2R;
|
|
2045
2043
|
|
|
2046
|
-
var styles$
|
|
2044
|
+
var styles$2H = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
2047
2045
|
|
|
2048
2046
|
var Component$2Q = function (_a) {
|
|
2049
2047
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
2050
2048
|
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$
|
|
2049
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$2H.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
2050
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2H['headerTabComponent__count'] }),
|
|
2051
|
+
React.createElement("p", { className: styles$2H['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$2H.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
2052
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2H['headerTabComponent__count'] }),
|
|
2053
|
+
React.createElement("p", { className: styles$2H['headerTabComponent__text'] }, tabText)))));
|
|
2056
2054
|
};
|
|
2057
2055
|
/**
|
|
2058
2056
|
* UI Atom component for HeaderTab
|
|
2059
2057
|
*/
|
|
2060
2058
|
var HeaderTab = Component$2Q;
|
|
2061
2059
|
|
|
2062
|
-
var styles$
|
|
2060
|
+
var styles$2G = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2063
2061
|
|
|
2064
2062
|
var Image = function (_a) {
|
|
2065
2063
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2066
2064
|
return (React.createElement(React.Fragment, null,
|
|
2067
2065
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2068
|
-
playIcon && React.createElement("div", { className: styles$
|
|
2066
|
+
playIcon && React.createElement("div", { className: styles$2G['magneto-ui-play-button'] }, playIcon)));
|
|
2069
2067
|
};
|
|
2070
2068
|
|
|
2071
|
-
var style$
|
|
2069
|
+
var style$14 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
|
|
2072
2070
|
|
|
2073
|
-
var cx$18 = classNames.bind(style$
|
|
2071
|
+
var cx$18 = classNames.bind(style$14);
|
|
2074
2072
|
var Component$2P = function (_a) {
|
|
2075
2073
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
2076
2074
|
return (React.createElement("button", __assign({ className: cx$18('magneto-ui-input-file-button', className) }, props), children));
|
|
@@ -2080,9 +2078,9 @@ var Component$2P = function (_a) {
|
|
|
2080
2078
|
*/
|
|
2081
2079
|
var InputFileButton = Component$2P;
|
|
2082
2080
|
|
|
2083
|
-
var style$
|
|
2081
|
+
var style$13 = {"magneto-ui-input-file-container":"mg_input_file_container_magneto-ui-input-file-container_1b7ef"};
|
|
2084
2082
|
|
|
2085
|
-
var cx$17 = classNames.bind(style$
|
|
2083
|
+
var cx$17 = classNames.bind(style$13);
|
|
2086
2084
|
var Component$2O = function (_a) {
|
|
2087
2085
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2088
2086
|
return (React.createElement("div", __assign({ className: cx$17('magneto-ui-input-file-container', className) }, props), children));
|
|
@@ -2092,9 +2090,9 @@ var Component$2O = function (_a) {
|
|
|
2092
2090
|
*/
|
|
2093
2091
|
var InputFileContainer = Component$2O;
|
|
2094
2092
|
|
|
2095
|
-
var style$
|
|
2093
|
+
var style$12 = {"magneto-ui-input-file":"mg_input_file_magneto-ui-input-file_18kpr"};
|
|
2096
2094
|
|
|
2097
|
-
var cx$16 = classNames.bind(style$
|
|
2095
|
+
var cx$16 = classNames.bind(style$12);
|
|
2098
2096
|
var Component$2N = function (_a) {
|
|
2099
2097
|
var children = _a.children, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["children", "className", "onChange"]);
|
|
2100
2098
|
var inputFileRef = useRef(null);
|
|
@@ -2130,39 +2128,39 @@ var InputFile = Object.assign(Component$2N, {
|
|
|
2130
2128
|
Container: InputFileContainer
|
|
2131
2129
|
});
|
|
2132
2130
|
|
|
2133
|
-
var style$
|
|
2131
|
+
var style$11 = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
2134
2132
|
|
|
2135
2133
|
var InputSearch = function (_a) {
|
|
2136
2134
|
var _b = _a.inputValue, inputValue = _b === void 0 ? '' : _b, onChange = _a.onChange, closeOnClick = _a.closeOnClick, placeholder = _a.placeholder, searchOnClick = _a.searchOnClick;
|
|
2137
2135
|
var hasASearchFunction = useMemo(function () {
|
|
2138
2136
|
if (searchOnClick) {
|
|
2139
|
-
return (React.createElement("button", { className: style$
|
|
2140
|
-
React.createElement(IconItem, { className: style$
|
|
2137
|
+
return (React.createElement("button", { className: style$11["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
|
|
2138
|
+
React.createElement(IconItem, { className: style$11["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
|
|
2141
2139
|
}
|
|
2142
|
-
return (React.createElement(IconItem, { className: style$
|
|
2140
|
+
return (React.createElement(IconItem, { className: style$11["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
|
|
2143
2141
|
}, [searchOnClick]);
|
|
2144
|
-
return (React.createElement("div", { className: style$
|
|
2145
|
-
React.createElement("input", { className: style$
|
|
2146
|
-
inputValue.length !== 0 ? (React.createElement("button", { className: style$
|
|
2142
|
+
return (React.createElement("div", { className: style$11["".concat(classMUI, "-container")] },
|
|
2143
|
+
React.createElement("input", { className: style$11["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
|
|
2144
|
+
inputValue.length !== 0 ? (React.createElement("button", { className: style$11["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
|
|
2147
2145
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
2148
2146
|
};
|
|
2149
2147
|
|
|
2150
|
-
var styles$
|
|
2148
|
+
var styles$2F = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
2151
2149
|
|
|
2152
2150
|
var Component$2M = function (_a) {
|
|
2153
2151
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
2154
2152
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
2155
|
-
return (React.createElement("div", { className: styles$
|
|
2153
|
+
return (React.createElement("div", { className: styles$2F['magneto-ui-job-company-logo'] },
|
|
2156
2154
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
2157
2155
|
}
|
|
2158
|
-
return React.createElement("div", { className: styles$
|
|
2156
|
+
return React.createElement("div", { className: styles$2F['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
2159
2157
|
};
|
|
2160
2158
|
/**
|
|
2161
2159
|
* UI Atom component of Company Logo
|
|
2162
2160
|
*/
|
|
2163
2161
|
var JobCompanyLogo = Component$2M;
|
|
2164
2162
|
|
|
2165
|
-
var styles$
|
|
2163
|
+
var styles$2E = {"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
2164
|
|
|
2167
2165
|
var Component$2L = function (_a) {
|
|
2168
2166
|
var title = _a.title, styles = _a.styles;
|
|
@@ -2188,16 +2186,16 @@ var Component$2J = function (_a) {
|
|
|
2188
2186
|
if (isHidden || !offerCompanyName)
|
|
2189
2187
|
return React.createElement(Fragment, null);
|
|
2190
2188
|
if (offerCompanyLink) {
|
|
2191
|
-
return (React.createElement("a", { className: styles$
|
|
2189
|
+
return (React.createElement("a", { className: styles$2E['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
2192
2190
|
}
|
|
2193
|
-
return React.createElement("h2", { className: styles$
|
|
2191
|
+
return React.createElement("h2", { className: styles$2E['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
2194
2192
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
2195
2193
|
var GenerateTitle = function () {
|
|
2196
2194
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
2197
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
2198
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
2195
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$2E['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2196
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$2E['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2199
2197
|
};
|
|
2200
|
-
return (React.createElement("div", { className: styles$
|
|
2198
|
+
return (React.createElement("div", { className: styles$2E['magneto-ui-job-header'] },
|
|
2201
2199
|
GenerateTitle(),
|
|
2202
2200
|
showCompanyName));
|
|
2203
2201
|
};
|
|
@@ -2206,7 +2204,7 @@ var Component$2J = function (_a) {
|
|
|
2206
2204
|
*/
|
|
2207
2205
|
var JobHeader = Component$2J;
|
|
2208
2206
|
|
|
2209
|
-
var styles$
|
|
2207
|
+
var styles$2D = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
2210
2208
|
|
|
2211
2209
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2212
2210
|
var toCSSVariables = function (input) {
|
|
@@ -2225,7 +2223,7 @@ var toCSSVariables = function (input) {
|
|
|
2225
2223
|
var Component$2I = function (_a) {
|
|
2226
2224
|
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
2225
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
2228
|
-
return (React.createElement("a", { className: styles$
|
|
2226
|
+
return (React.createElement("a", { className: styles$2D.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
2229
2227
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
2230
2228
|
!isMobile && React.createElement("p", null, text)));
|
|
2231
2229
|
};
|
|
@@ -2234,11 +2232,11 @@ var Component$2I = function (_a) {
|
|
|
2234
2232
|
*/
|
|
2235
2233
|
var Link = Component$2I;
|
|
2236
2234
|
|
|
2237
|
-
var styles$
|
|
2235
|
+
var styles$2C = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
2238
2236
|
|
|
2239
2237
|
var Component$2H = function (_a) {
|
|
2240
2238
|
var loadingIcon = _a.loadingIcon;
|
|
2241
|
-
return (React.createElement("div", { className: styles$
|
|
2239
|
+
return (React.createElement("div", { className: styles$2C.loadingComponent },
|
|
2242
2240
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
2243
2241
|
};
|
|
2244
2242
|
/**
|
|
@@ -2246,7 +2244,7 @@ var Component$2H = function (_a) {
|
|
|
2246
2244
|
*/
|
|
2247
2245
|
var Loading = Component$2H;
|
|
2248
2246
|
|
|
2249
|
-
var style
|
|
2247
|
+
var style$10 = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
2250
2248
|
|
|
2251
2249
|
var Component$2G = function (_a) {
|
|
2252
2250
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
@@ -2258,11 +2256,11 @@ var Component$2G = function (_a) {
|
|
|
2258
2256
|
var logoWidth = useMemo(function () { return (isoView ? 'magneto-ui-isologo' : 'magneto-ui-logo'); }, [isoView]);
|
|
2259
2257
|
if (!logoSrc && !showDefaultFallback)
|
|
2260
2258
|
return null;
|
|
2261
|
-
return (React.createElement("img", { className: style
|
|
2259
|
+
return (React.createElement("img", { className: style$10[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
2262
2260
|
};
|
|
2263
2261
|
var LogoComponent = Component$2G;
|
|
2264
2262
|
|
|
2265
|
-
var styles$
|
|
2263
|
+
var styles$2B = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
2266
2264
|
|
|
2267
2265
|
var Component$2F = function (_a) {
|
|
2268
2266
|
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 +2275,21 @@ var Component$2F = function (_a) {
|
|
|
2277
2275
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
2278
2276
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
2279
2277
|
};
|
|
2280
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
2278
|
+
return (React.createElement("button", { className: "".concat(styles$2B.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2B.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
2281
2279
|
};
|
|
2282
2280
|
/**
|
|
2283
2281
|
* Atom UI component of button for general purpose
|
|
2284
2282
|
*/
|
|
2285
2283
|
var MainButton = Component$2F;
|
|
2286
2284
|
|
|
2287
|
-
var styles$
|
|
2285
|
+
var styles$2A = {"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
2286
|
|
|
2289
|
-
var styles$
|
|
2287
|
+
var styles$2z = {"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
2288
|
|
|
2291
2289
|
var Component$2E = function (_a) {
|
|
2292
2290
|
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$
|
|
2291
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$2z['magneto-ui--search-item']), href: url },
|
|
2292
|
+
React.createElement("p", { className: styles$2z['magneto-ui--search-item__text'] }, tag),
|
|
2295
2293
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
2296
2294
|
};
|
|
2297
2295
|
/**
|
|
@@ -2306,21 +2304,21 @@ var MegaMenuTab = function (_a) {
|
|
|
2306
2304
|
return '';
|
|
2307
2305
|
return ArrowDown2;
|
|
2308
2306
|
}, [selected, showArrow]);
|
|
2309
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2310
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
2307
|
+
return (React.createElement("div", { className: "".concat(styles$2A["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2A["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
2308
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2A["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2A["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
2311
2309
|
};
|
|
2312
2310
|
|
|
2313
|
-
var styles$
|
|
2311
|
+
var styles$2y = {"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
2312
|
|
|
2315
2313
|
var Component$2D = function (_a) {
|
|
2316
2314
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
2317
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2315
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2y, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
2318
2316
|
React.createElement("div", { className: CNM.get({
|
|
2319
|
-
styles: styles$
|
|
2317
|
+
styles: styles$2y,
|
|
2320
2318
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
2321
2319
|
}) },
|
|
2322
2320
|
React.createElement("div", { className: CNM.get({
|
|
2323
|
-
styles: styles$
|
|
2321
|
+
styles: styles$2y,
|
|
2324
2322
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
2325
2323
|
}) }, children))));
|
|
2326
2324
|
};
|
|
@@ -2329,7 +2327,7 @@ var Component$2D = function (_a) {
|
|
|
2329
2327
|
*/
|
|
2330
2328
|
var MenuDropdownList = Component$2D;
|
|
2331
2329
|
|
|
2332
|
-
var styles$
|
|
2330
|
+
var styles$2x = {"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
2331
|
|
|
2334
2332
|
var Component$2C = function (_a) {
|
|
2335
2333
|
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 +2344,13 @@ var Component$2C = function (_a) {
|
|
|
2346
2344
|
var handleButtonClick = useCallback(function (e) {
|
|
2347
2345
|
e.stopPropagation();
|
|
2348
2346
|
}, []);
|
|
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$
|
|
2347
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
2348
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__content'] }) },
|
|
2349
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__container'] }) },
|
|
2352
2350
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2353
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2351
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__title'] }) }, title),
|
|
2354
2352
|
React.createElement("div", { className: CNM.get({
|
|
2355
|
-
styles: styles$
|
|
2353
|
+
styles: styles$2x,
|
|
2356
2354
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
2357
2355
|
}) },
|
|
2358
2356
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -2364,18 +2362,18 @@ var Component$2C = function (_a) {
|
|
|
2364
2362
|
*/
|
|
2365
2363
|
var MenuDropdown = Component$2C;
|
|
2366
2364
|
|
|
2367
|
-
var style
|
|
2365
|
+
var style$$ = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
2368
2366
|
|
|
2369
2367
|
var MenuItem = function (_a) {
|
|
2370
2368
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive;
|
|
2371
|
-
var menuActive = isActive ? style
|
|
2369
|
+
var menuActive = isActive ? style$$['is-active'] : '';
|
|
2372
2370
|
return (React.createElement("div", null,
|
|
2373
|
-
React.createElement("a", { href: url, className: "".concat(style
|
|
2371
|
+
React.createElement("a", { href: url, className: "".concat(style$$['magneto-ui-menu-item'], " ").concat(menuActive) },
|
|
2374
2372
|
React.createElement(IconItem, { icon: ArrowRight2, hover: false }),
|
|
2375
2373
|
React.createElement("p", null, text))));
|
|
2376
2374
|
};
|
|
2377
2375
|
|
|
2378
|
-
var styles$
|
|
2376
|
+
var styles$2w = {"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
2377
|
|
|
2380
2378
|
var MultiRangeSlider = function (_a) {
|
|
2381
2379
|
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 +2431,39 @@ var MultiRangeSlider = function (_a) {
|
|
|
2433
2431
|
var handleMouseUpValues = useCallback(function () {
|
|
2434
2432
|
onChange({ min: minVal, max: maxVal });
|
|
2435
2433
|
}, [minVal, maxVal, onChange]);
|
|
2436
|
-
return (React.createElement("div", { className: styles$
|
|
2434
|
+
return (React.createElement("div", { className: styles$2w.container },
|
|
2437
2435
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2438
2436
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
2439
2437
|
setMinVal(value);
|
|
2440
2438
|
event.target.value = value.toString();
|
|
2441
|
-
}, className: "\n ".concat(styles$
|
|
2439
|
+
}, className: "\n ".concat(styles$2w.thumb, " \n ").concat(styles$2w.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$2w.zIndex_5 : '', "\n ") }),
|
|
2442
2440
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2443
2441
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
2444
2442
|
setMaxVal(value);
|
|
2445
2443
|
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$
|
|
2444
|
+
}, className: "".concat(styles$2w.thumb, " ").concat(styles$2w.zIndex_4) }),
|
|
2445
|
+
React.createElement("div", { style: { width: size }, className: styles$2w.slider },
|
|
2446
|
+
React.createElement("div", { className: styles$2w.track }),
|
|
2447
|
+
React.createElement("div", { ref: range, className: styles$2w.range }),
|
|
2448
|
+
showValues && (React.createElement("div", { className: styles$2w.values },
|
|
2449
|
+
React.createElement("div", { className: styles$2w.left_value }, hasCurrency),
|
|
2450
|
+
React.createElement("div", { className: styles$2w.right_value }, maxVal.toLocaleString()))))));
|
|
2453
2451
|
};
|
|
2454
2452
|
|
|
2455
|
-
var styles$
|
|
2453
|
+
var styles$2v = {"content":"mg_paragraph_content_1mtnz"};
|
|
2456
2454
|
|
|
2457
2455
|
var Component$2B = function (_a) {
|
|
2458
2456
|
var paragraph = _a.paragraph;
|
|
2459
|
-
return React.createElement("p", { className: styles$
|
|
2457
|
+
return React.createElement("p", { className: styles$2v.content }, paragraph);
|
|
2460
2458
|
};
|
|
2461
2459
|
var Paragraph = memo(Component$2B);
|
|
2462
2460
|
|
|
2463
|
-
var
|
|
2461
|
+
var style$_ = {"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
2462
|
|
|
2465
2463
|
var Component$2A = function (_a) {
|
|
2466
|
-
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
|
|
2464
|
+
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;
|
|
2467
2465
|
var showMenu = show ? 'show' : 'hidden';
|
|
2468
|
-
var staticContentClass = staticContent ?
|
|
2466
|
+
var staticContentClass = staticContent ? style$_['static-content'] : '';
|
|
2469
2467
|
var _c = useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
2470
2468
|
useEffect(function () {
|
|
2471
2469
|
if (show) {
|
|
@@ -2477,9 +2475,9 @@ var Component$2A = function (_a) {
|
|
|
2477
2475
|
}, 300);
|
|
2478
2476
|
return function () { return clearTimeout(timer); };
|
|
2479
2477
|
}, [show]);
|
|
2480
|
-
return (React.createElement("div", { style: { width: widthBase }, className: [
|
|
2481
|
-
React.createElement("div", { className: "".concat(
|
|
2482
|
-
React.createElement("div", {
|
|
2478
|
+
return (React.createElement("div", { style: { width: widthBase }, className: [style$_['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
2479
|
+
React.createElement("div", { className: "".concat(style$_['magneto-ui-popover'], " ").concat(style$_[positionX], " ").concat(style$_[positionY], " ").concat(style$_[showMenu]) }, hideComponent && content),
|
|
2480
|
+
React.createElement("div", { className: style$_['magneto-ui-popover-children'] }, children)));
|
|
2483
2481
|
};
|
|
2484
2482
|
/**
|
|
2485
2483
|
* Atom Ui component of popover
|
|
@@ -4161,7 +4159,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
4161
4159
|
return React.createElement("div", { className: style$P["".concat(classMUI, "-filter-container")] }, children);
|
|
4162
4160
|
};
|
|
4163
4161
|
|
|
4164
|
-
var styles$1S = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-
|
|
4162
|
+
var styles$1S = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
4165
4163
|
|
|
4166
4164
|
var FilterMenuItem = function (_a) {
|
|
4167
4165
|
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,7 +4168,7 @@ var FilterMenuItem = function (_a) {
|
|
|
4170
4168
|
return React.createElement(IconItem, { icon: SmallClose, size: 17 });
|
|
4171
4169
|
if (!hasTotal || hiddenCount)
|
|
4172
4170
|
return React.createElement(Fragment, null);
|
|
4173
|
-
return React.createElement("
|
|
4171
|
+
return React.createElement("output", null, formatNumber(total));
|
|
4174
4172
|
}, [total, isApplied, hasTotal, hiddenCount]);
|
|
4175
4173
|
var disabled = useMemo(function () {
|
|
4176
4174
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
@@ -4189,7 +4187,7 @@ var FilterMenuItem = function (_a) {
|
|
|
4189
4187
|
displayOutput));
|
|
4190
4188
|
};
|
|
4191
4189
|
|
|
4192
|
-
var styles$1R = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-
|
|
4190
|
+
var styles$1R = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
4193
4191
|
|
|
4194
4192
|
var FilterSearchItem = function (_a) {
|
|
4195
4193
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
@@ -5686,11 +5684,10 @@ var SimilarJobsCard = function (_a) {
|
|
|
5686
5684
|
React.createElement(IconItem, { className: "".concat(styles$1e["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
5687
5685
|
};
|
|
5688
5686
|
|
|
5689
|
-
var style$z = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-
|
|
5687
|
+
var style$z = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
5690
5688
|
|
|
5691
5689
|
var SortMenu = function (_a) {
|
|
5692
5690
|
var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
5693
|
-
var buttonTextRef = useRef(null);
|
|
5694
5691
|
var listMenuProps = useMemo(function () {
|
|
5695
5692
|
return {
|
|
5696
5693
|
orderFields: orderFields,
|
|
@@ -5699,16 +5696,9 @@ var SortMenu = function (_a) {
|
|
|
5699
5696
|
textOrderFilter: textOrderFilter
|
|
5700
5697
|
};
|
|
5701
5698
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
5702
|
-
|
|
5703
|
-
if (buttonTextRef.current) {
|
|
5704
|
-
var rect = buttonTextRef.current.getBoundingClientRect();
|
|
5705
|
-
return rect.width + 42;
|
|
5706
|
-
}
|
|
5707
|
-
return 180;
|
|
5708
|
-
};
|
|
5709
|
-
return (React.createElement(Popover, { widthBase: getButtonWidth(), show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom", style: { height: '75%' } },
|
|
5699
|
+
return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
5710
5700
|
React.createElement("button", { className: "".concat(style$z['magneto-ui-btn-menu'], " ").concat(loading && style$z.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
5711
|
-
React.createElement("p", { className: style$z['magneto-ui-btn-text']
|
|
5701
|
+
React.createElement("p", { className: style$z['magneto-ui-btn-text'] }, textOrderFilter),
|
|
5712
5702
|
React.createElement(IconItem, __assign({}, menuSortButton, { isRotate: clickOut })))));
|
|
5713
5703
|
};
|
|
5714
5704
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
@@ -6220,8 +6210,8 @@ var styles$Y = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
|
6220
6210
|
|
|
6221
6211
|
var cx$v = classNames.bind(styles$Y);
|
|
6222
6212
|
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));
|
|
6213
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
6214
|
+
return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$v('summary-modal', className), mobileDrawerClassName: cx$v('summary-drawer') }, props), children));
|
|
6225
6215
|
};
|
|
6226
6216
|
var ApplicationSummary = Object.assign(Component$16, {
|
|
6227
6217
|
Section: ApplicationSection,
|
|
@@ -6328,71 +6318,38 @@ var Component$13 = function (_a) {
|
|
|
6328
6318
|
};
|
|
6329
6319
|
var DrawerMenu = Component$13;
|
|
6330
6320
|
|
|
6331
|
-
var styles$V = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-
|
|
6321
|
+
var styles$V = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
6332
6322
|
|
|
6333
6323
|
var FilterCard = function (_a) {
|
|
6334
|
-
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,
|
|
6335
|
-
var _d = useState(
|
|
6336
|
-
|
|
6324
|
+
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, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
6325
|
+
var _d = useState([]), options = _d[0], setOptions = _d[1];
|
|
6326
|
+
useEffect(function () {
|
|
6327
|
+
var appliedOptions = values.filter(function (opt) { return opt.isApplied; });
|
|
6328
|
+
var unAppliedOptions = values.filter(function (opt) { return !opt.isApplied; });
|
|
6329
|
+
setOptions(__spreadArray(__spreadArray([], appliedOptions, true), unAppliedOptions, true));
|
|
6330
|
+
}, [values]);
|
|
6337
6331
|
var hasSearch = useMemo(function () { return renderType === ERenderType.multiSelect; }, [renderType]);
|
|
6338
6332
|
var hasTotal = useMemo(function () { return !values.find(function (value) { return value.isApplied; }); }, [values]);
|
|
6339
|
-
var appliedOption = useMemo(function () { return options.find(function (_a) {
|
|
6340
|
-
var isApplied = _a.isApplied;
|
|
6341
|
-
return isApplied;
|
|
6342
|
-
}); }, [options]);
|
|
6343
|
-
var hasntOptions = useMemo(function () { return options.every(function (_a) {
|
|
6344
|
-
var total = _a.total;
|
|
6345
|
-
return total == 0 || total == undefined;
|
|
6346
|
-
}); }, [options]);
|
|
6347
|
-
var isInteractiveSection = useMemo(function () { return !hasntOptions && !appliedOption; }, [hasntOptions, appliedOption]);
|
|
6348
6333
|
var handleSearch = useCallback(function (event) {
|
|
6349
6334
|
event.preventDefault();
|
|
6335
|
+
var appliedOptions = values.filter(function (opt) { return opt.isApplied; });
|
|
6350
6336
|
var searchedOptions = values.filter(function (opt) { return opt.label.toLowerCase().includes(event.target.value.toLowerCase()); });
|
|
6351
|
-
setOptions(searchedOptions);
|
|
6337
|
+
setOptions(__spreadArray(__spreadArray([], appliedOptions, true), searchedOptions, true));
|
|
6352
6338
|
}, [values, setOptions]);
|
|
6353
|
-
var handleShowItems = useCallback(function () {
|
|
6354
|
-
if (!showItems)
|
|
6355
|
-
setCurrentOpenFilter(index);
|
|
6356
|
-
else
|
|
6357
|
-
setCurrentOpenFilter(99);
|
|
6358
|
-
setShowItems(!showItems);
|
|
6359
|
-
}, [showItems, index, setCurrentOpenFilter]);
|
|
6360
|
-
var renderItem = useCallback(function (opt, key) {
|
|
6361
|
-
if (key === void 0) { key = 0; }
|
|
6362
|
-
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
6363
|
-
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
6364
|
-
}, [hasTotal, setIsApplied, props]);
|
|
6365
|
-
var optionsRendered = useMemo(function () {
|
|
6366
|
-
if (appliedOption)
|
|
6367
|
-
return renderItem(appliedOption);
|
|
6368
|
-
if (hasntOptions)
|
|
6369
|
-
return React.createElement(Fragment, null);
|
|
6370
|
-
return options.map(renderItem);
|
|
6371
|
-
}, [options, appliedOption, renderItem, hasntOptions]);
|
|
6372
|
-
useEffect(function () {
|
|
6373
|
-
if (appliedOption != undefined)
|
|
6374
|
-
setShowItems(true);
|
|
6375
|
-
}, [appliedOption]);
|
|
6376
|
-
useEffect(function () {
|
|
6377
|
-
setOptions(values);
|
|
6378
|
-
}, [values]);
|
|
6379
|
-
useEffect(function () {
|
|
6380
|
-
if (!appliedOption && !hasntOptions && showFilters != showItems)
|
|
6381
|
-
setShowItems(showFilters);
|
|
6382
|
-
}, [showFilters, appliedOption, hasntOptions, showItems]);
|
|
6383
6339
|
if (!values.length)
|
|
6384
6340
|
return React.createElement(Fragment, null);
|
|
6385
|
-
return (React.createElement("article", { className: "".concat(styles$V[
|
|
6386
|
-
React.createElement("div", { className:
|
|
6341
|
+
return (React.createElement("article", { className: "".concat(styles$V['magneto-ui-filter-card'], " ").concat(hasSearch && styles$V.hasSearch) },
|
|
6342
|
+
React.createElement("div", { className: styles$V['magneto-ui-filter-card_header'] },
|
|
6387
6343
|
React.createElement("p", null, label),
|
|
6388
|
-
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6389
|
-
|
|
6390
|
-
|
|
6391
|
-
|
|
6392
|
-
|
|
6344
|
+
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
6345
|
+
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
6346
|
+
React.createElement("div", { className: styles$V['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
6347
|
+
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
6348
|
+
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
6349
|
+
}))));
|
|
6393
6350
|
};
|
|
6394
6351
|
|
|
6395
|
-
var styles$U = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-
|
|
6352
|
+
var styles$U = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
6396
6353
|
|
|
6397
6354
|
var FilterHeader = function (_a) {
|
|
6398
6355
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -6416,9 +6373,7 @@ var FilterHeader = function (_a) {
|
|
|
6416
6373
|
}, [filterSummary]);
|
|
6417
6374
|
return (React.createElement("article", { className: styles$U['magneto-ui-filter-header'] },
|
|
6418
6375
|
React.createElement("div", { className: styles$U['magneto-ui-filter-header_title'] },
|
|
6419
|
-
React.createElement("p", null,
|
|
6420
|
-
React.createElement(IconItem, { icon: FilterIcon, size: 16 }),
|
|
6421
|
-
title),
|
|
6376
|
+
React.createElement("p", null, title),
|
|
6422
6377
|
displayBtnClear),
|
|
6423
6378
|
switchText && (React.createElement(Switch
|
|
6424
6379
|
//TODO: review isActive, setIsActive
|
|
@@ -9260,13 +9215,13 @@ var Component$5 = function () {
|
|
|
9260
9215
|
};
|
|
9261
9216
|
var MegaMenuSocialHeader = Component$5;
|
|
9262
9217
|
|
|
9263
|
-
var styles$4 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-
|
|
9218
|
+
var styles$4 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-header_miizb","mega-menu-main-header__main":"mg_mega_menu_main_header_mega-menu-main-header_main_miizb","mega-menu-main-header__menu":"mg_mega_menu_main_header_mega-menu-main-header_menu_miizb","mega-menu-main-header__search":"mg_mega_menu_main_header_mega-menu-main-header_search_miizb","mega-menu-main-header__search-button":"mg_mega_menu_main_header_mega-menu-main-header_search-button_miizb","mega-menu-main-header__login":"mg_mega_menu_main_header_mega-menu-main-header_login_miizb"};
|
|
9264
9219
|
|
|
9265
9220
|
var Component$4 = function (_a) {
|
|
9266
9221
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
9267
9222
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
9268
9223
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
9269
|
-
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps
|
|
9224
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
|
|
9270
9225
|
var popoverRef = useMegaMenuJobs().popoverRef;
|
|
9271
9226
|
var listMenuUserProps = useLoggedInUser();
|
|
9272
9227
|
var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
@@ -9298,7 +9253,6 @@ var Component$4 = function (_a) {
|
|
|
9298
9253
|
LogoutHeaderMobileSearchbar,
|
|
9299
9254
|
LogoutHeaderMenuButton,
|
|
9300
9255
|
React.createElement("a", { href: homeUrl }, renderLogo),
|
|
9301
|
-
selectCountry && React.createElement(Select2, __assign({ haveTags: false, isMultiple: false }, selectCountry)),
|
|
9302
9256
|
React.createElement("div", { className: styles$4['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
9303
9257
|
React.createElement("div", { className: styles$4['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React.createElement(React.Fragment, null,
|
|
9304
9258
|
loginAction,
|
|
@@ -9536,11 +9490,10 @@ var CardByRenderType = function (_a) {
|
|
|
9536
9490
|
return React.createElement(CardByRenderType, __assign({ renderType: renderType }, props));
|
|
9537
9491
|
};
|
|
9538
9492
|
|
|
9539
|
-
var styles$1 = {"magneto-iu-side-filter":"mg_side_filter_magneto-iu-side-
|
|
9493
|
+
var styles$1 = {"magneto-iu-side-filter":"mg_side_filter_magneto-iu-side-filter_11nkr","open":"mg_side_filter_open_11nkr","magneto-ui-side-filter_btn__close":"mg_side_filter_magneto-ui-side-filter_btn_close_11nkr","magneto-ui-side-filter_btn__main":"mg_side_filter_magneto-ui-side-filter_btn_main_11nkr","btn_main-open":"mg_side_filter_btn_main-open_11nkr","magneto-iu-side-filter_content":"mg_side_filter_magneto-iu-side-filter_content_11nkr","magneto-iu-side-filter_background":"mg_side_filter_magneto-iu-side-filter_background_11nkr","fadeIn":"mg_side_filter_fadeIn_11nkr"};
|
|
9540
9494
|
|
|
9541
9495
|
var SideFilter = function (_a) {
|
|
9542
9496
|
var title = _a.title, _b = _a.filters, filters = _b === void 0 ? [] : _b, totalAppliedFilters = _a.totalAppliedFilters, filterSummary = _a.filterSummary, buttonText = _a.buttonText, loading = _a.loading, isFiltersOpen = _a.isFiltersOpen, textBtnMain = _a.textBtnMain, titleBtnClose = _a.titleBtnClose, setIsFiltersOpen = _a.setIsFiltersOpen, setIsApplied = _a.setIsApplied, clearFilters = _a.clearFilters, unApplyWithChild = _a.unApplyWithChild, getOptionsOnLoad = _a.getOptionsOnLoad, getOptionsOnSearch = _a.getOptionsOnSearch;
|
|
9543
|
-
var _c = useState(99), currentOpenFilter = _c[0], setCurrentOpenFilter = _c[1];
|
|
9544
9497
|
var cardProps = useMemo(function () {
|
|
9545
9498
|
return {
|
|
9546
9499
|
setIsApplied: setIsApplied,
|
|
@@ -9562,9 +9515,9 @@ var SideFilter = function (_a) {
|
|
|
9562
9515
|
var displayFilters = useMemo(function () {
|
|
9563
9516
|
var renderFilters = filters.length ? filters : defaultFilters;
|
|
9564
9517
|
return renderFilters === null || renderFilters === void 0 ? void 0 : renderFilters.map(function (item, i) {
|
|
9565
|
-
return
|
|
9518
|
+
return React.createElement(CardByRenderType, __assign({ key: "".concat(i, "-").concat(item.field) }, item, cardProps));
|
|
9566
9519
|
});
|
|
9567
|
-
}, [filters, cardProps
|
|
9520
|
+
}, [filters, cardProps]);
|
|
9568
9521
|
var displayBtnMain = useMemo(function () {
|
|
9569
9522
|
if (!totalAppliedFilters)
|
|
9570
9523
|
return React.createElement(Fragment, null);
|
|
@@ -9592,12 +9545,11 @@ var SideFilter = function (_a) {
|
|
|
9592
9545
|
displayBackground));
|
|
9593
9546
|
};
|
|
9594
9547
|
|
|
9595
|
-
var styles = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-
|
|
9548
|
+
var styles = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-menu_11tya","magneto-ui-section-filter":"mg_sort_bar_magneto-ui-section-filter_11tya","magneto-ui-main-title":"mg_sort_bar_magneto-ui-main-title_11tya","magneto-ui-btn-text":"mg_sort_bar_magneto-ui-btn-text_11tya","magneto-ui-tooltip-quotas":"mg_sort_bar_magneto-ui-tooltip-quotas_11tya","magneto-ui-btn-menu":"mg_sort_bar_magneto-ui-btn-menu_11tya","magneto-ui-section-menu":"mg_sort_bar_magneto-ui-section-menu_11tya","magneto-ui-btn-order":"mg_sort_bar_magneto-ui-btn-order_11tya","hidden":"mg_sort_bar_hidden_11tya"};
|
|
9596
9549
|
|
|
9597
9550
|
var SortBar = function (_a) {
|
|
9598
9551
|
var textSortButton = _a.textSortButton, mainTitle = _a.mainTitle, filterSummary = _a.filterSummary, textOrderFilter = _a.textOrderFilter, orderFields = _a.orderFields, orderByText = _a.orderByText, loading = _a.loading, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, setIsFiltersOpen = _a.setIsFiltersOpen, orderFilter = _a.orderFilter, setFilter = _a.setFilter, emptyVacant = _a.emptyVacant, infoMessageQuotas = _a.infoMessageQuotas, widthInfoMessage = _a.widthInfoMessage;
|
|
9599
9552
|
var _c = useState(false), showMenu = _c[0], setShowMenu = _c[1];
|
|
9600
|
-
var _d = useState(false), rotateOrderIcon = _d[0], setRotateOrderIcon = _d[1];
|
|
9601
9553
|
var tooltip = useMediaQuery(React.createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
|
|
9602
9554
|
React.createElement("div", { className: "".concat(styles['magneto-ui-tooltip-quotas']) },
|
|
9603
9555
|
React.createElement("span", null, "?"))), { sm: React.createElement(Fragment, null) });
|
|
@@ -9609,18 +9561,14 @@ var SortBar = function (_a) {
|
|
|
9609
9561
|
var mainTitleByMediaQuery = useMediaQuery(React.createElement("h1", { className: styles['magneto-ui-main-title'] }, mainTitle), {
|
|
9610
9562
|
md: React.createElement(Fragment, null)
|
|
9611
9563
|
});
|
|
9612
|
-
var handleOrder = useCallback(function () {
|
|
9613
|
-
orderFilter();
|
|
9614
|
-
setRotateOrderIcon(!rotateOrderIcon);
|
|
9615
|
-
}, [rotateOrderIcon, orderFilter]);
|
|
9616
9564
|
var sortBarButtonAltRender = useMemo(function () {
|
|
9617
9565
|
if (emptyVacant)
|
|
9618
9566
|
return;
|
|
9619
9567
|
return (React.createElement("div", { className: styles['magneto-ui-section-menu'] },
|
|
9620
9568
|
sortMenu,
|
|
9621
|
-
React.createElement("button", { className: "".concat(styles['magneto-ui-btn-order'], " ").concat(styles.hidden), title: titleBtnOrder, onClick:
|
|
9622
|
-
React.createElement(IconItem, __assign({
|
|
9623
|
-
}, [emptyVacant, sortMenu, titleBtnOrder
|
|
9569
|
+
React.createElement("button", { className: "".concat(styles['magneto-ui-btn-order'], " ").concat(styles.hidden), title: titleBtnOrder, onClick: orderFilter },
|
|
9570
|
+
React.createElement(IconItem, __assign({}, iconFilterOrder)))));
|
|
9571
|
+
}, [emptyVacant, orderFilter, sortMenu, titleBtnOrder]);
|
|
9624
9572
|
return (React.createElement(Fragment, null,
|
|
9625
9573
|
React.createElement("div", { className: styles['magneto-ui-sort-menu'] },
|
|
9626
9574
|
React.createElement("div", { className: styles['magneto-ui-section-filter'] },
|
|
@@ -9632,7 +9580,7 @@ var SortBar = function (_a) {
|
|
|
9632
9580
|
React.createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
|
|
9633
9581
|
};
|
|
9634
9582
|
|
|
9635
|
-
var style$3 = {"magneto-ui-vacant-positions-layout":"mg_vacant_positions_magneto-ui-vacant-positions-
|
|
9583
|
+
var style$3 = {"magneto-ui-vacant-positions-layout":"mg_vacant_positions_magneto-ui-vacant-positions-layout_1h3y8","magneto-ui-vacant-positions-layout-top-container":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container_1h3y8","magneto-ui-vacant-positions-layout-top-container__back-button":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container_back-button_1h3y8","magneto-ui-vacant-positions-layout-top-container--description":"mg_vacant_positions_magneto-ui-vacant-positions-layout-top-container--description_1h3y8","magneto-ui-vacant-positions-layout-view-more-container":"mg_vacant_positions_magneto-ui-vacant-positions-layout-view-more-container_1h3y8","magneto-ui-vacant-positions-layout-view-more-container__button":"mg_vacant_positions_magneto-ui-vacant-positions-layout-view-more-container_button_1h3y8"};
|
|
9636
9584
|
|
|
9637
9585
|
var Muiclass = 'magneto-ui';
|
|
9638
9586
|
var VacantPositions = function (_a) {
|