magneto365.ui 2.69.0-beta.2 → 2.69.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 +176 -228
- 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/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 +176 -228
- 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/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 +0 -15
- package/package.json +1 -1
- package/dist/assets/3c9ef5949d25901a.svg +0 -11
- package/dist/assets/a9f25ebc43dd2922.svg +0 -9
package/dist/cjs/index.js
CHANGED
|
@@ -269,7 +269,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
269
269
|
return component;
|
|
270
270
|
};
|
|
271
271
|
|
|
272
|
-
var styles$
|
|
272
|
+
var styles$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"};
|
|
273
273
|
|
|
274
274
|
function formatNumber(num) {
|
|
275
275
|
if (typeof num !== 'number')
|
|
@@ -316,7 +316,7 @@ var classNames = {
|
|
|
316
316
|
}
|
|
317
317
|
};
|
|
318
318
|
|
|
319
|
-
var cx$1d = classNames.bind(styles$
|
|
319
|
+
var cx$1d = classNames.bind(styles$2Y);
|
|
320
320
|
var Component$37 = function (_a) {
|
|
321
321
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
|
|
322
322
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -335,7 +335,7 @@ var Component$37 = function (_a) {
|
|
|
335
335
|
*/
|
|
336
336
|
var IconItem = Component$37;
|
|
337
337
|
|
|
338
|
-
var styles$
|
|
338
|
+
var styles$2X = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
339
339
|
|
|
340
340
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
341
341
|
|
|
@@ -377,6 +377,8 @@ var ArrowRight2 = "https://static.magneto365.com/lib/assets/ce1843403fbc32ff.svg
|
|
|
377
377
|
|
|
378
378
|
var ArrowRightWhite = "https://static.magneto365.com/lib/assets/cc2f903ba305015e.svg";
|
|
379
379
|
|
|
380
|
+
var ArrowSwapVertical = "https://static.magneto365.com/lib/assets/11314346afd968cf.svg";
|
|
381
|
+
|
|
380
382
|
var Bell = "https://static.magneto365.com/lib/assets/b8b5d3e12f55ef1a.svg";
|
|
381
383
|
|
|
382
384
|
var BookBlueBold = "https://static.magneto365.com/lib/assets/1d63e2974f98ed3e.svg";
|
|
@@ -661,19 +663,15 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
661
663
|
|
|
662
664
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
663
665
|
|
|
664
|
-
var FilterIcon = "https://static.magneto365.com/lib/assets/a9f25ebc43dd2922.svg";
|
|
665
|
-
|
|
666
|
-
var SortIcon = "https://static.magneto365.com/lib/assets/3c9ef5949d25901a.svg";
|
|
667
|
-
|
|
668
666
|
var Component$36 = function (_a) {
|
|
669
667
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
670
668
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
671
669
|
var handleError = function () {
|
|
672
670
|
setImageError(true);
|
|
673
671
|
};
|
|
674
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
672
|
+
return (React__default["default"].createElement("div", { className: styles$2X.avatarComponent, onClick: onClick },
|
|
675
673
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
676
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
674
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2X['magneto-ui-default-avatar'] },
|
|
677
675
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
678
676
|
};
|
|
679
677
|
/**
|
|
@@ -681,17 +679,17 @@ var Component$36 = function (_a) {
|
|
|
681
679
|
*/
|
|
682
680
|
var Avatar = Component$36;
|
|
683
681
|
|
|
684
|
-
var styles$
|
|
682
|
+
var styles$2W = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
685
683
|
|
|
686
684
|
var Component$35 = function (_a) {
|
|
687
685
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
688
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
689
|
-
React__default["default"].createElement("span", { className: styles$
|
|
686
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2W['badge-count'], " ").concat(className) },
|
|
687
|
+
React__default["default"].createElement("span", { className: styles$2W['badge-count__animation'] }),
|
|
690
688
|
number && number));
|
|
691
689
|
};
|
|
692
690
|
var Badge = Component$35;
|
|
693
691
|
|
|
694
|
-
var styles$
|
|
692
|
+
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"};
|
|
695
693
|
|
|
696
694
|
var numberToCurrency = function (currency, withSymbol) {
|
|
697
695
|
if (withSymbol === void 0) { withSymbol = true; }
|
|
@@ -729,14 +727,14 @@ var Component$34 = function (_a) {
|
|
|
729
727
|
}
|
|
730
728
|
}, [isHover]);
|
|
731
729
|
var popoverContent = React.useMemo(function () {
|
|
732
|
-
return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
730
|
+
return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$2V['magneto-ui-chart-bar__popover'], " ").concat(styles$2V["popover-".concat(popoverPosition)]) },
|
|
733
731
|
React__default["default"].createElement("div", null, "".concat(numberToCurrency(minRange), " - ").concat(numberToCurrency(maxRange))),
|
|
734
732
|
React__default["default"].createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
|
|
735
733
|
}, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
|
|
736
734
|
return (React__default["default"].createElement("div", { style: {
|
|
737
735
|
height: Math.max((percentage / maxPercentage) * maxHeight, 1)
|
|
738
|
-
}, ref: barRef, className: styles$
|
|
739
|
-
React__default["default"].createElement("div", { className: styles$
|
|
736
|
+
}, ref: barRef, className: styles$2V['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
|
|
737
|
+
React__default["default"].createElement("div", { className: styles$2V['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
|
|
740
738
|
popoverContent));
|
|
741
739
|
};
|
|
742
740
|
var BarChart = Component$34;
|
|
@@ -1137,7 +1135,7 @@ var menuSortButton = {
|
|
|
1137
1135
|
size: 17
|
|
1138
1136
|
};
|
|
1139
1137
|
var iconFilterOrder = {
|
|
1140
|
-
icon:
|
|
1138
|
+
icon: ArrowSwapVertical,
|
|
1141
1139
|
hover: false,
|
|
1142
1140
|
size: 20
|
|
1143
1141
|
};
|
|
@@ -1561,7 +1559,7 @@ var CNM = /** @class */ (function () {
|
|
|
1561
1559
|
return CNM;
|
|
1562
1560
|
}());
|
|
1563
1561
|
|
|
1564
|
-
var styles$
|
|
1562
|
+
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"};
|
|
1565
1563
|
|
|
1566
1564
|
var Component$33 = function (_a) {
|
|
1567
1565
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1583,10 +1581,10 @@ var Component$33 = function (_a) {
|
|
|
1583
1581
|
var _a;
|
|
1584
1582
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1585
1583
|
}, [percent, validateCompleted]);
|
|
1586
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1587
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1584
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2U, cls: [className] }) },
|
|
1585
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2U, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1588
1586
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1589
|
-
styles: styles$
|
|
1587
|
+
styles: styles$2U,
|
|
1590
1588
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1591
1589
|
}) }))));
|
|
1592
1590
|
};
|
|
@@ -1595,7 +1593,7 @@ var Component$33 = function (_a) {
|
|
|
1595
1593
|
*/
|
|
1596
1594
|
var BarLoader = Component$33;
|
|
1597
1595
|
|
|
1598
|
-
var styles$
|
|
1596
|
+
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"};
|
|
1599
1597
|
|
|
1600
1598
|
var Component$32 = function (_a) {
|
|
1601
1599
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
@@ -1603,7 +1601,7 @@ var Component$32 = function (_a) {
|
|
|
1603
1601
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1604
1602
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1605
1603
|
var haveDetailTitle = detailTitle !== '';
|
|
1606
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1604
|
+
var detailTileStyle = detailTitle ? styles$2T['no-transform'] : '';
|
|
1607
1605
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1608
1606
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1609
1607
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1615,9 +1613,9 @@ var Component$32 = function (_a) {
|
|
|
1615
1613
|
"/ ",
|
|
1616
1614
|
href)));
|
|
1617
1615
|
}),
|
|
1618
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
1616
|
+
React__default["default"].createElement("p", { className: "".concat(styles$2T['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1619
1617
|
"/ ",
|
|
1620
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1618
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2T['magneto-ui-bc-active'] : '', " ").concat(styles$2T['magneto-ui-bc']), key: i },
|
|
1621
1619
|
i > 0 && '/',
|
|
1622
1620
|
" ",
|
|
1623
1621
|
bc)); })));
|
|
@@ -1633,28 +1631,28 @@ var Component$32 = function (_a) {
|
|
|
1633
1631
|
queryParams,
|
|
1634
1632
|
lastIndexBC
|
|
1635
1633
|
]);
|
|
1636
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1634
|
+
return React__default["default"].createElement("div", { className: styles$2T.breadcrumbComponent }, breadCrumbsRender);
|
|
1637
1635
|
};
|
|
1638
1636
|
/**
|
|
1639
1637
|
* Atom UI of breadcrumb
|
|
1640
1638
|
*/
|
|
1641
1639
|
var Breadcrumb = Component$32;
|
|
1642
1640
|
|
|
1643
|
-
var styles$
|
|
1641
|
+
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"};
|
|
1644
1642
|
|
|
1645
1643
|
var Component$31 = function (_a) {
|
|
1646
1644
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
1647
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1648
|
-
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1649
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1650
|
-
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1645
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2S['magneto-ui-button'], " ").concat(addHover ? styles$2S['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1646
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2S['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1647
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2S['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1648
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2S['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1651
1649
|
};
|
|
1652
1650
|
/**
|
|
1653
1651
|
* UI Atom Component of Save Button
|
|
1654
1652
|
*/
|
|
1655
1653
|
var Button = Component$31;
|
|
1656
1654
|
|
|
1657
|
-
var styles$
|
|
1655
|
+
var styles$2R = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1658
1656
|
|
|
1659
1657
|
var Component$30 = function (_a) {
|
|
1660
1658
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
@@ -1664,19 +1662,19 @@ var Component$30 = function (_a) {
|
|
|
1664
1662
|
onClick();
|
|
1665
1663
|
}
|
|
1666
1664
|
}, [onClick]);
|
|
1667
|
-
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$
|
|
1668
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1669
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1670
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1665
|
+
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2R['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1666
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2R['button-link__icon'] })),
|
|
1667
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2R['button-link__text'] }, buttonText),
|
|
1668
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2R['button-link__icon'] }))));
|
|
1671
1669
|
};
|
|
1672
1670
|
/**
|
|
1673
1671
|
* UI Atom Component of Save Button
|
|
1674
1672
|
*/
|
|
1675
1673
|
var ButtonLink = Component$30;
|
|
1676
1674
|
|
|
1677
|
-
var styles$
|
|
1675
|
+
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"};
|
|
1678
1676
|
|
|
1679
|
-
var cx$1c = classNames.bind(styles$
|
|
1677
|
+
var cx$1c = classNames.bind(styles$2Q);
|
|
1680
1678
|
var defaultCheck = function (_a) {
|
|
1681
1679
|
var type = _a.type, checked = _a.checked;
|
|
1682
1680
|
if (type === 'background')
|
|
@@ -1728,9 +1726,9 @@ var context$2 = /*#__PURE__*/Object.freeze({
|
|
|
1728
1726
|
useCollapse: useCollapse
|
|
1729
1727
|
});
|
|
1730
1728
|
|
|
1731
|
-
var styles$
|
|
1729
|
+
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"};
|
|
1732
1730
|
|
|
1733
|
-
var cx$1b = classNames.bind(styles$
|
|
1731
|
+
var cx$1b = classNames.bind(styles$2P);
|
|
1734
1732
|
var Component$2_ = function (_a) {
|
|
1735
1733
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
1736
1734
|
var open = useCollapse().open;
|
|
@@ -1749,9 +1747,9 @@ var Component$2_ = function (_a) {
|
|
|
1749
1747
|
*/
|
|
1750
1748
|
var CollapseBody = Component$2_;
|
|
1751
1749
|
|
|
1752
|
-
var styles$
|
|
1750
|
+
var styles$2O = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
|
|
1753
1751
|
|
|
1754
|
-
var cx$1a = classNames.bind(styles$
|
|
1752
|
+
var cx$1a = classNames.bind(styles$2O);
|
|
1755
1753
|
var Component$2Z = function (_a) {
|
|
1756
1754
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
1757
1755
|
return (React__default["default"].createElement("header", __assign({ className: cx$1a('magneto-ui-collapse-header', className) }, props), children));
|
|
@@ -1761,9 +1759,9 @@ var Component$2Z = function (_a) {
|
|
|
1761
1759
|
*/
|
|
1762
1760
|
var CollapseHeader = Component$2Z;
|
|
1763
1761
|
|
|
1764
|
-
var styles$
|
|
1762
|
+
var styles$2N = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
|
|
1765
1763
|
|
|
1766
|
-
var cx$19 = classNames.bind(styles$
|
|
1764
|
+
var cx$19 = classNames.bind(styles$2N);
|
|
1767
1765
|
var Component$2Y = function (_a) {
|
|
1768
1766
|
var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
|
|
1769
1767
|
var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
|
|
@@ -1789,7 +1787,7 @@ var Component$2X = function (_a) {
|
|
|
1789
1787
|
*/
|
|
1790
1788
|
var Collapse = Object.assign(Component$2X, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
|
|
1791
1789
|
|
|
1792
|
-
var styles$
|
|
1790
|
+
var styles$2M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1793
1791
|
|
|
1794
1792
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1795
1793
|
var Component$2W = function (_a) {
|
|
@@ -1797,7 +1795,7 @@ var Component$2W = function (_a) {
|
|
|
1797
1795
|
var currentHigherMax = React.useMemo(function () {
|
|
1798
1796
|
return current > max;
|
|
1799
1797
|
}, [current, max]);
|
|
1800
|
-
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1798
|
+
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2M['error-label'] : '') },
|
|
1801
1799
|
nf.format(current),
|
|
1802
1800
|
React__default["default"].createElement("span", null,
|
|
1803
1801
|
" / ",
|
|
@@ -1805,23 +1803,23 @@ var Component$2W = function (_a) {
|
|
|
1805
1803
|
};
|
|
1806
1804
|
var ComparativeCounter = Component$2W;
|
|
1807
1805
|
|
|
1808
|
-
var styles$
|
|
1806
|
+
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"};
|
|
1809
1807
|
|
|
1810
1808
|
var Component$2V = function (_a) {
|
|
1811
1809
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
1812
1810
|
var disabledArrow = React.useMemo(function () {
|
|
1813
1811
|
if (disabled)
|
|
1814
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1812
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2L['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1815
1813
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1816
1814
|
}, [disabled]);
|
|
1817
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1818
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1819
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1815
|
+
return (React__default["default"].createElement("div", { className: styles$2L['magneto-ui--date-dropdown__wrapper'] },
|
|
1816
|
+
React__default["default"].createElement("select", { className: styles$2L["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1817
|
+
React__default["default"].createElement("option", { className: styles$2L['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1820
1818
|
dateOptions.map(function (_a) {
|
|
1821
1819
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1822
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1820
|
+
return (React__default["default"].createElement("option", { className: styles$2L['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1823
1821
|
})),
|
|
1824
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1822
|
+
React__default["default"].createElement("span", { className: styles$2L['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1825
1823
|
};
|
|
1826
1824
|
var DateDropdown = Component$2V;
|
|
1827
1825
|
|
|
@@ -1878,7 +1876,7 @@ var fixArrayDate = function (array) {
|
|
|
1878
1876
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1879
1877
|
};
|
|
1880
1878
|
|
|
1881
|
-
var styles$
|
|
1879
|
+
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"};
|
|
1882
1880
|
|
|
1883
1881
|
// placeholder to every input.
|
|
1884
1882
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1989,50 +1987,50 @@ var Component$2U = function (_a) {
|
|
|
1989
1987
|
}
|
|
1990
1988
|
}, []);
|
|
1991
1989
|
return (React__default["default"].createElement("div", { className: [
|
|
1992
|
-
styles$
|
|
1990
|
+
styles$2K['date-input'],
|
|
1993
1991
|
className,
|
|
1994
|
-
fit ? styles$
|
|
1995
|
-
hasError ? styles$
|
|
1992
|
+
fit ? styles$2K['date-input--fit'] : '',
|
|
1993
|
+
hasError ? styles$2K['date-input--error'] : ''
|
|
1996
1994
|
].join(' ') },
|
|
1997
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1995
|
+
React__default["default"].createElement("div", { className: styles$2K['date-input__left'], onClick: function () {
|
|
1998
1996
|
var _a;
|
|
1999
1997
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2000
1998
|
} }),
|
|
2001
1999
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
2002
2000
|
[2, 4].includes(index) ? (
|
|
2003
2001
|
// include / separator in date (DD / MM / YYYY)
|
|
2004
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
2005
|
-
React__default["default"].createElement("input", { className: styles$
|
|
2006
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2002
|
+
React__default["default"].createElement("span", { className: [styles$2K['date-input__separator'], value ? styles$2K['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
2003
|
+
React__default["default"].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" }))); }),
|
|
2004
|
+
React__default["default"].createElement("div", { className: styles$2K['date-input__right'], onClick: function () {
|
|
2007
2005
|
var _a;
|
|
2008
2006
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2009
2007
|
} })));
|
|
2010
2008
|
};
|
|
2011
2009
|
var DateInput = Component$2U;
|
|
2012
2010
|
|
|
2013
|
-
var style$
|
|
2011
|
+
var style$15 = {"divider":"mg_divider_divider_1vn87"};
|
|
2014
2012
|
|
|
2015
2013
|
var Component$2T = function (_a) {
|
|
2016
2014
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
2017
2015
|
var inlineStyle = direction == 'HORIZONTAL'
|
|
2018
2016
|
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
2019
2017
|
: { width: 1, margin: "0px ".concat(spacing, "px ") };
|
|
2020
|
-
return React__default["default"].createElement("div", { style: inlineStyle, className: style$
|
|
2018
|
+
return React__default["default"].createElement("div", { style: inlineStyle, className: style$15.divider });
|
|
2021
2019
|
};
|
|
2022
2020
|
/**
|
|
2023
2021
|
* Atom UI Divider Component
|
|
2024
2022
|
*/
|
|
2025
2023
|
var Divider = Component$2T;
|
|
2026
2024
|
|
|
2027
|
-
var styles$
|
|
2025
|
+
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"};
|
|
2028
2026
|
|
|
2029
2027
|
var Component$2S = function (_a) {
|
|
2030
2028
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
2031
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2029
|
+
return (React__default["default"].createElement("div", { className: styles$2J['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2J['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
2032
2030
|
};
|
|
2033
2031
|
var DotsLoader = Component$2S;
|
|
2034
2032
|
|
|
2035
|
-
var styles$
|
|
2033
|
+
var styles$2I = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
2036
2034
|
|
|
2037
2035
|
var Component$2R = function (_a) {
|
|
2038
2036
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -2048,38 +2046,38 @@ var Component$2R = function (_a) {
|
|
|
2048
2046
|
height: '15px'
|
|
2049
2047
|
};
|
|
2050
2048
|
}, [size]);
|
|
2051
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
2049
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2I["".concat(classMUI, "-flat-loader")] }));
|
|
2052
2050
|
};
|
|
2053
2051
|
var FlatLoader = Component$2R;
|
|
2054
2052
|
|
|
2055
|
-
var styles$
|
|
2053
|
+
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"};
|
|
2056
2054
|
|
|
2057
2055
|
var Component$2Q = function (_a) {
|
|
2058
2056
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
2059
2057
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
2060
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
2061
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
2062
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2063
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
2064
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2058
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2H.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
2059
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2H['headerTabComponent__count'] }),
|
|
2060
|
+
React__default["default"].createElement("p", { className: styles$2H['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2H.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
2061
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2H['headerTabComponent__count'] }),
|
|
2062
|
+
React__default["default"].createElement("p", { className: styles$2H['headerTabComponent__text'] }, tabText)))));
|
|
2065
2063
|
};
|
|
2066
2064
|
/**
|
|
2067
2065
|
* UI Atom component for HeaderTab
|
|
2068
2066
|
*/
|
|
2069
2067
|
var HeaderTab = Component$2Q;
|
|
2070
2068
|
|
|
2071
|
-
var styles$
|
|
2069
|
+
var styles$2G = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2072
2070
|
|
|
2073
2071
|
var Image = function (_a) {
|
|
2074
2072
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2075
2073
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2076
2074
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2077
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
2075
|
+
playIcon && React__default["default"].createElement("div", { className: styles$2G['magneto-ui-play-button'] }, playIcon)));
|
|
2078
2076
|
};
|
|
2079
2077
|
|
|
2080
|
-
var style$
|
|
2078
|
+
var style$14 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
|
|
2081
2079
|
|
|
2082
|
-
var cx$18 = classNames.bind(style$
|
|
2080
|
+
var cx$18 = classNames.bind(style$14);
|
|
2083
2081
|
var Component$2P = function (_a) {
|
|
2084
2082
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
2085
2083
|
return (React__default["default"].createElement("button", __assign({ className: cx$18('magneto-ui-input-file-button', className) }, props), children));
|
|
@@ -2089,9 +2087,9 @@ var Component$2P = function (_a) {
|
|
|
2089
2087
|
*/
|
|
2090
2088
|
var InputFileButton = Component$2P;
|
|
2091
2089
|
|
|
2092
|
-
var style$
|
|
2090
|
+
var style$13 = {"magneto-ui-input-file-container":"mg_input_file_container_magneto-ui-input-file-container_1b7ef"};
|
|
2093
2091
|
|
|
2094
|
-
var cx$17 = classNames.bind(style$
|
|
2092
|
+
var cx$17 = classNames.bind(style$13);
|
|
2095
2093
|
var Component$2O = function (_a) {
|
|
2096
2094
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2097
2095
|
return (React__default["default"].createElement("div", __assign({ className: cx$17('magneto-ui-input-file-container', className) }, props), children));
|
|
@@ -2101,9 +2099,9 @@ var Component$2O = function (_a) {
|
|
|
2101
2099
|
*/
|
|
2102
2100
|
var InputFileContainer = Component$2O;
|
|
2103
2101
|
|
|
2104
|
-
var style$
|
|
2102
|
+
var style$12 = {"magneto-ui-input-file":"mg_input_file_magneto-ui-input-file_18kpr"};
|
|
2105
2103
|
|
|
2106
|
-
var cx$16 = classNames.bind(style$
|
|
2104
|
+
var cx$16 = classNames.bind(style$12);
|
|
2107
2105
|
var Component$2N = function (_a) {
|
|
2108
2106
|
var children = _a.children, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["children", "className", "onChange"]);
|
|
2109
2107
|
var inputFileRef = React.useRef(null);
|
|
@@ -2139,39 +2137,39 @@ var InputFile = Object.assign(Component$2N, {
|
|
|
2139
2137
|
Container: InputFileContainer
|
|
2140
2138
|
});
|
|
2141
2139
|
|
|
2142
|
-
var style$
|
|
2140
|
+
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"};
|
|
2143
2141
|
|
|
2144
2142
|
var InputSearch = function (_a) {
|
|
2145
2143
|
var _b = _a.inputValue, inputValue = _b === void 0 ? '' : _b, onChange = _a.onChange, closeOnClick = _a.closeOnClick, placeholder = _a.placeholder, searchOnClick = _a.searchOnClick;
|
|
2146
2144
|
var hasASearchFunction = React.useMemo(function () {
|
|
2147
2145
|
if (searchOnClick) {
|
|
2148
|
-
return (React__default["default"].createElement("button", { className: style$
|
|
2149
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
2146
|
+
return (React__default["default"].createElement("button", { className: style$11["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
|
|
2147
|
+
React__default["default"].createElement(IconItem, { className: style$11["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
|
|
2150
2148
|
}
|
|
2151
|
-
return (React__default["default"].createElement(IconItem, { className: style$
|
|
2149
|
+
return (React__default["default"].createElement(IconItem, { className: style$11["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
|
|
2152
2150
|
}, [searchOnClick]);
|
|
2153
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2154
|
-
React__default["default"].createElement("input", { className: style$
|
|
2155
|
-
inputValue.length !== 0 ? (React__default["default"].createElement("button", { className: style$
|
|
2151
|
+
return (React__default["default"].createElement("div", { className: style$11["".concat(classMUI, "-container")] },
|
|
2152
|
+
React__default["default"].createElement("input", { className: style$11["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
|
|
2153
|
+
inputValue.length !== 0 ? (React__default["default"].createElement("button", { className: style$11["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
|
|
2156
2154
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
2157
2155
|
};
|
|
2158
2156
|
|
|
2159
|
-
var styles$
|
|
2157
|
+
var styles$2F = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
2160
2158
|
|
|
2161
2159
|
var Component$2M = function (_a) {
|
|
2162
2160
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
2163
2161
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
2164
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2162
|
+
return (React__default["default"].createElement("div", { className: styles$2F['magneto-ui-job-company-logo'] },
|
|
2165
2163
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
2166
2164
|
}
|
|
2167
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
2165
|
+
return React__default["default"].createElement("div", { className: styles$2F['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
2168
2166
|
};
|
|
2169
2167
|
/**
|
|
2170
2168
|
* UI Atom component of Company Logo
|
|
2171
2169
|
*/
|
|
2172
2170
|
var JobCompanyLogo = Component$2M;
|
|
2173
2171
|
|
|
2174
|
-
var styles$
|
|
2172
|
+
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"};
|
|
2175
2173
|
|
|
2176
2174
|
var Component$2L = function (_a) {
|
|
2177
2175
|
var title = _a.title, styles = _a.styles;
|
|
@@ -2197,16 +2195,16 @@ var Component$2J = function (_a) {
|
|
|
2197
2195
|
if (isHidden || !offerCompanyName)
|
|
2198
2196
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2199
2197
|
if (offerCompanyLink) {
|
|
2200
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2198
|
+
return (React__default["default"].createElement("a", { className: styles$2E['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
2201
2199
|
}
|
|
2202
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
2200
|
+
return React__default["default"].createElement("h2", { className: styles$2E['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
2203
2201
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
2204
2202
|
var GenerateTitle = function () {
|
|
2205
2203
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
2206
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
2207
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
2204
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2E['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2205
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2E['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
2208
2206
|
};
|
|
2209
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2207
|
+
return (React__default["default"].createElement("div", { className: styles$2E['magneto-ui-job-header'] },
|
|
2210
2208
|
GenerateTitle(),
|
|
2211
2209
|
showCompanyName));
|
|
2212
2210
|
};
|
|
@@ -2215,7 +2213,7 @@ var Component$2J = function (_a) {
|
|
|
2215
2213
|
*/
|
|
2216
2214
|
var JobHeader = Component$2J;
|
|
2217
2215
|
|
|
2218
|
-
var styles$
|
|
2216
|
+
var styles$2D = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
2219
2217
|
|
|
2220
2218
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
2221
2219
|
var toCSSVariables = function (input) {
|
|
@@ -2234,7 +2232,7 @@ var toCSSVariables = function (input) {
|
|
|
2234
2232
|
var Component$2I = function (_a) {
|
|
2235
2233
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
2236
2234
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
2237
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2235
|
+
return (React__default["default"].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 },
|
|
2238
2236
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
2239
2237
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
2240
2238
|
};
|
|
@@ -2243,11 +2241,11 @@ var Component$2I = function (_a) {
|
|
|
2243
2241
|
*/
|
|
2244
2242
|
var Link = Component$2I;
|
|
2245
2243
|
|
|
2246
|
-
var styles$
|
|
2244
|
+
var styles$2C = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
2247
2245
|
|
|
2248
2246
|
var Component$2H = function (_a) {
|
|
2249
2247
|
var loadingIcon = _a.loadingIcon;
|
|
2250
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2248
|
+
return (React__default["default"].createElement("div", { className: styles$2C.loadingComponent },
|
|
2251
2249
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
2252
2250
|
};
|
|
2253
2251
|
/**
|
|
@@ -2255,7 +2253,7 @@ var Component$2H = function (_a) {
|
|
|
2255
2253
|
*/
|
|
2256
2254
|
var Loading = Component$2H;
|
|
2257
2255
|
|
|
2258
|
-
var style
|
|
2256
|
+
var style$10 = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
2259
2257
|
|
|
2260
2258
|
var Component$2G = function (_a) {
|
|
2261
2259
|
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;
|
|
@@ -2267,11 +2265,11 @@ var Component$2G = function (_a) {
|
|
|
2267
2265
|
var logoWidth = React.useMemo(function () { return (isoView ? 'magneto-ui-isologo' : 'magneto-ui-logo'); }, [isoView]);
|
|
2268
2266
|
if (!logoSrc && !showDefaultFallback)
|
|
2269
2267
|
return null;
|
|
2270
|
-
return (React__default["default"].createElement("img", { className: style
|
|
2268
|
+
return (React__default["default"].createElement("img", { className: style$10[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
2271
2269
|
};
|
|
2272
2270
|
var LogoComponent = Component$2G;
|
|
2273
2271
|
|
|
2274
|
-
var styles$
|
|
2272
|
+
var styles$2B = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
2275
2273
|
|
|
2276
2274
|
var Component$2F = function (_a) {
|
|
2277
2275
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -2286,21 +2284,21 @@ var Component$2F = function (_a) {
|
|
|
2286
2284
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
2287
2285
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
2288
2286
|
};
|
|
2289
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2287
|
+
return (React__default["default"].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()));
|
|
2290
2288
|
};
|
|
2291
2289
|
/**
|
|
2292
2290
|
* Atom UI component of button for general purpose
|
|
2293
2291
|
*/
|
|
2294
2292
|
var MainButton = Component$2F;
|
|
2295
2293
|
|
|
2296
|
-
var styles$
|
|
2294
|
+
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"};
|
|
2297
2295
|
|
|
2298
|
-
var styles$
|
|
2296
|
+
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"};
|
|
2299
2297
|
|
|
2300
2298
|
var Component$2E = function (_a) {
|
|
2301
2299
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
2302
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
2303
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2300
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$2z['magneto-ui--search-item']), href: url },
|
|
2301
|
+
React__default["default"].createElement("p", { className: styles$2z['magneto-ui--search-item__text'] }, tag),
|
|
2304
2302
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
2305
2303
|
};
|
|
2306
2304
|
/**
|
|
@@ -2315,21 +2313,21 @@ var MegaMenuTab = function (_a) {
|
|
|
2315
2313
|
return '';
|
|
2316
2314
|
return ArrowDown2;
|
|
2317
2315
|
}, [selected, showArrow]);
|
|
2318
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2319
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
2316
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2A["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2A["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
2317
|
+
React__default["default"].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")] : '') })));
|
|
2320
2318
|
};
|
|
2321
2319
|
|
|
2322
|
-
var styles$
|
|
2320
|
+
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"};
|
|
2323
2321
|
|
|
2324
2322
|
var Component$2D = function (_a) {
|
|
2325
2323
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
2326
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2324
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2y, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
2327
2325
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2328
|
-
styles: styles$
|
|
2326
|
+
styles: styles$2y,
|
|
2329
2327
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
2330
2328
|
}) },
|
|
2331
2329
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2332
|
-
styles: styles$
|
|
2330
|
+
styles: styles$2y,
|
|
2333
2331
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
2334
2332
|
}) }, children))));
|
|
2335
2333
|
};
|
|
@@ -2338,7 +2336,7 @@ var Component$2D = function (_a) {
|
|
|
2338
2336
|
*/
|
|
2339
2337
|
var MenuDropdownList = Component$2D;
|
|
2340
2338
|
|
|
2341
|
-
var styles$
|
|
2339
|
+
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"};
|
|
2342
2340
|
|
|
2343
2341
|
var Component$2C = function (_a) {
|
|
2344
2342
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
@@ -2355,13 +2353,13 @@ var Component$2C = function (_a) {
|
|
|
2355
2353
|
var handleButtonClick = React.useCallback(function (e) {
|
|
2356
2354
|
e.stopPropagation();
|
|
2357
2355
|
}, []);
|
|
2358
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2359
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2360
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2356
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
2357
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__content'] }) },
|
|
2358
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__container'] }) },
|
|
2361
2359
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
2362
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2360
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2x, cls: ['menu-dropdown__title'] }) }, title),
|
|
2363
2361
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2364
|
-
styles: styles$
|
|
2362
|
+
styles: styles$2x,
|
|
2365
2363
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
2366
2364
|
}) },
|
|
2367
2365
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -2373,18 +2371,18 @@ var Component$2C = function (_a) {
|
|
|
2373
2371
|
*/
|
|
2374
2372
|
var MenuDropdown = Component$2C;
|
|
2375
2373
|
|
|
2376
|
-
var style
|
|
2374
|
+
var style$$ = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
2377
2375
|
|
|
2378
2376
|
var MenuItem = function (_a) {
|
|
2379
2377
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive;
|
|
2380
|
-
var menuActive = isActive ? style
|
|
2378
|
+
var menuActive = isActive ? style$$['is-active'] : '';
|
|
2381
2379
|
return (React__default["default"].createElement("div", null,
|
|
2382
|
-
React__default["default"].createElement("a", { href: url, className: "".concat(style
|
|
2380
|
+
React__default["default"].createElement("a", { href: url, className: "".concat(style$$['magneto-ui-menu-item'], " ").concat(menuActive) },
|
|
2383
2381
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, hover: false }),
|
|
2384
2382
|
React__default["default"].createElement("p", null, text))));
|
|
2385
2383
|
};
|
|
2386
2384
|
|
|
2387
|
-
var styles$
|
|
2385
|
+
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"};
|
|
2388
2386
|
|
|
2389
2387
|
var MultiRangeSlider = function (_a) {
|
|
2390
2388
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -2442,39 +2440,39 @@ var MultiRangeSlider = function (_a) {
|
|
|
2442
2440
|
var handleMouseUpValues = React.useCallback(function () {
|
|
2443
2441
|
onChange({ min: minVal, max: maxVal });
|
|
2444
2442
|
}, [minVal, maxVal, onChange]);
|
|
2445
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2443
|
+
return (React__default["default"].createElement("div", { className: styles$2w.container },
|
|
2446
2444
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2447
2445
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
2448
2446
|
setMinVal(value);
|
|
2449
2447
|
event.target.value = value.toString();
|
|
2450
|
-
}, className: "\n ".concat(styles$
|
|
2448
|
+
}, className: "\n ".concat(styles$2w.thumb, " \n ").concat(styles$2w.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$2w.zIndex_5 : '', "\n ") }),
|
|
2451
2449
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
2452
2450
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
2453
2451
|
setMaxVal(value);
|
|
2454
2452
|
event.target.value = value.toString();
|
|
2455
|
-
}, className: "".concat(styles$
|
|
2456
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
2457
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2458
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
2459
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
2460
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2461
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2453
|
+
}, className: "".concat(styles$2w.thumb, " ").concat(styles$2w.zIndex_4) }),
|
|
2454
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$2w.slider },
|
|
2455
|
+
React__default["default"].createElement("div", { className: styles$2w.track }),
|
|
2456
|
+
React__default["default"].createElement("div", { ref: range, className: styles$2w.range }),
|
|
2457
|
+
showValues && (React__default["default"].createElement("div", { className: styles$2w.values },
|
|
2458
|
+
React__default["default"].createElement("div", { className: styles$2w.left_value }, hasCurrency),
|
|
2459
|
+
React__default["default"].createElement("div", { className: styles$2w.right_value }, maxVal.toLocaleString()))))));
|
|
2462
2460
|
};
|
|
2463
2461
|
|
|
2464
|
-
var styles$
|
|
2462
|
+
var styles$2v = {"content":"mg_paragraph_content_1mtnz"};
|
|
2465
2463
|
|
|
2466
2464
|
var Component$2B = function (_a) {
|
|
2467
2465
|
var paragraph = _a.paragraph;
|
|
2468
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
2466
|
+
return React__default["default"].createElement("p", { className: styles$2v.content }, paragraph);
|
|
2469
2467
|
};
|
|
2470
2468
|
var Paragraph = React.memo(Component$2B);
|
|
2471
2469
|
|
|
2472
|
-
var
|
|
2470
|
+
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"};
|
|
2473
2471
|
|
|
2474
2472
|
var Component$2A = function (_a) {
|
|
2475
|
-
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
|
|
2473
|
+
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;
|
|
2476
2474
|
var showMenu = show ? 'show' : 'hidden';
|
|
2477
|
-
var staticContentClass = staticContent ?
|
|
2475
|
+
var staticContentClass = staticContent ? style$_['static-content'] : '';
|
|
2478
2476
|
var _c = React.useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
2479
2477
|
React.useEffect(function () {
|
|
2480
2478
|
if (show) {
|
|
@@ -2486,9 +2484,9 @@ var Component$2A = function (_a) {
|
|
|
2486
2484
|
}, 300);
|
|
2487
2485
|
return function () { return clearTimeout(timer); };
|
|
2488
2486
|
}, [show]);
|
|
2489
|
-
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [
|
|
2490
|
-
React__default["default"].createElement("div", { className: "".concat(
|
|
2491
|
-
React__default["default"].createElement("div", {
|
|
2487
|
+
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [style$_['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
2488
|
+
React__default["default"].createElement("div", { className: "".concat(style$_['magneto-ui-popover'], " ").concat(style$_[positionX], " ").concat(style$_[positionY], " ").concat(style$_[showMenu]) }, hideComponent && content),
|
|
2489
|
+
React__default["default"].createElement("div", { className: style$_['magneto-ui-popover-children'] }, children)));
|
|
2492
2490
|
};
|
|
2493
2491
|
/**
|
|
2494
2492
|
* Atom Ui component of popover
|
|
@@ -4170,7 +4168,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
4170
4168
|
return React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-filter-container")] }, children);
|
|
4171
4169
|
};
|
|
4172
4170
|
|
|
4173
|
-
var styles$1S = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-
|
|
4171
|
+
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"};
|
|
4174
4172
|
|
|
4175
4173
|
var FilterMenuItem = function (_a) {
|
|
4176
4174
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -4179,7 +4177,7 @@ var FilterMenuItem = function (_a) {
|
|
|
4179
4177
|
return React__default["default"].createElement(IconItem, { icon: SmallClose, size: 17 });
|
|
4180
4178
|
if (!hasTotal || hiddenCount)
|
|
4181
4179
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4182
|
-
return React__default["default"].createElement("
|
|
4180
|
+
return React__default["default"].createElement("output", null, formatNumber(total));
|
|
4183
4181
|
}, [total, isApplied, hasTotal, hiddenCount]);
|
|
4184
4182
|
var disabled = React.useMemo(function () {
|
|
4185
4183
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
@@ -4198,7 +4196,7 @@ var FilterMenuItem = function (_a) {
|
|
|
4198
4196
|
displayOutput));
|
|
4199
4197
|
};
|
|
4200
4198
|
|
|
4201
|
-
var styles$1R = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-
|
|
4199
|
+
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"};
|
|
4202
4200
|
|
|
4203
4201
|
var FilterSearchItem = function (_a) {
|
|
4204
4202
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
@@ -5695,11 +5693,10 @@ var SimilarJobsCard = function (_a) {
|
|
|
5695
5693
|
React__default["default"].createElement(IconItem, { className: "".concat(styles$1e["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
5696
5694
|
};
|
|
5697
5695
|
|
|
5698
|
-
var style$z = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-
|
|
5696
|
+
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"};
|
|
5699
5697
|
|
|
5700
5698
|
var SortMenu = function (_a) {
|
|
5701
5699
|
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;
|
|
5702
|
-
var buttonTextRef = React.useRef(null);
|
|
5703
5700
|
var listMenuProps = React.useMemo(function () {
|
|
5704
5701
|
return {
|
|
5705
5702
|
orderFields: orderFields,
|
|
@@ -5708,16 +5705,9 @@ var SortMenu = function (_a) {
|
|
|
5708
5705
|
textOrderFilter: textOrderFilter
|
|
5709
5706
|
};
|
|
5710
5707
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
5711
|
-
|
|
5712
|
-
if (buttonTextRef.current) {
|
|
5713
|
-
var rect = buttonTextRef.current.getBoundingClientRect();
|
|
5714
|
-
return rect.width + 42;
|
|
5715
|
-
}
|
|
5716
|
-
return 180;
|
|
5717
|
-
};
|
|
5718
|
-
return (React__default["default"].createElement(Popover, { widthBase: getButtonWidth(), show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom", style: { height: '75%' } },
|
|
5708
|
+
return (React__default["default"].createElement(Popover, { widthBase: 180, show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
5719
5709
|
React__default["default"].createElement("button", { className: "".concat(style$z['magneto-ui-btn-menu'], " ").concat(loading && style$z.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
5720
|
-
React__default["default"].createElement("p", { className: style$z['magneto-ui-btn-text']
|
|
5710
|
+
React__default["default"].createElement("p", { className: style$z['magneto-ui-btn-text'] }, textOrderFilter),
|
|
5721
5711
|
React__default["default"].createElement(IconItem, __assign({}, menuSortButton, { isRotate: clickOut })))));
|
|
5722
5712
|
};
|
|
5723
5713
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
@@ -6337,71 +6327,38 @@ var Component$13 = function (_a) {
|
|
|
6337
6327
|
};
|
|
6338
6328
|
var DrawerMenu = Component$13;
|
|
6339
6329
|
|
|
6340
|
-
var styles$V = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-
|
|
6330
|
+
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"};
|
|
6341
6331
|
|
|
6342
6332
|
var FilterCard = function (_a) {
|
|
6343
|
-
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,
|
|
6344
|
-
var _d = React.useState(
|
|
6345
|
-
|
|
6333
|
+
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"]);
|
|
6334
|
+
var _d = React.useState([]), options = _d[0], setOptions = _d[1];
|
|
6335
|
+
React.useEffect(function () {
|
|
6336
|
+
var appliedOptions = values.filter(function (opt) { return opt.isApplied; });
|
|
6337
|
+
var unAppliedOptions = values.filter(function (opt) { return !opt.isApplied; });
|
|
6338
|
+
setOptions(__spreadArray(__spreadArray([], appliedOptions, true), unAppliedOptions, true));
|
|
6339
|
+
}, [values]);
|
|
6346
6340
|
var hasSearch = React.useMemo(function () { return renderType === ERenderType.multiSelect; }, [renderType]);
|
|
6347
6341
|
var hasTotal = React.useMemo(function () { return !values.find(function (value) { return value.isApplied; }); }, [values]);
|
|
6348
|
-
var appliedOption = React.useMemo(function () { return options.find(function (_a) {
|
|
6349
|
-
var isApplied = _a.isApplied;
|
|
6350
|
-
return isApplied;
|
|
6351
|
-
}); }, [options]);
|
|
6352
|
-
var hasntOptions = React.useMemo(function () { return options.every(function (_a) {
|
|
6353
|
-
var total = _a.total;
|
|
6354
|
-
return total == 0 || total == undefined;
|
|
6355
|
-
}); }, [options]);
|
|
6356
|
-
var isInteractiveSection = React.useMemo(function () { return !hasntOptions && !appliedOption; }, [hasntOptions, appliedOption]);
|
|
6357
6342
|
var handleSearch = React.useCallback(function (event) {
|
|
6358
6343
|
event.preventDefault();
|
|
6344
|
+
var appliedOptions = values.filter(function (opt) { return opt.isApplied; });
|
|
6359
6345
|
var searchedOptions = values.filter(function (opt) { return opt.label.toLowerCase().includes(event.target.value.toLowerCase()); });
|
|
6360
|
-
setOptions(searchedOptions);
|
|
6346
|
+
setOptions(__spreadArray(__spreadArray([], appliedOptions, true), searchedOptions, true));
|
|
6361
6347
|
}, [values, setOptions]);
|
|
6362
|
-
var handleShowItems = React.useCallback(function () {
|
|
6363
|
-
if (!showItems)
|
|
6364
|
-
setCurrentOpenFilter(index);
|
|
6365
|
-
else
|
|
6366
|
-
setCurrentOpenFilter(99);
|
|
6367
|
-
setShowItems(!showItems);
|
|
6368
|
-
}, [showItems, index, setCurrentOpenFilter]);
|
|
6369
|
-
var renderItem = React.useCallback(function (opt, key) {
|
|
6370
|
-
if (key === void 0) { key = 0; }
|
|
6371
|
-
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
6372
|
-
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
6373
|
-
}, [hasTotal, setIsApplied, props]);
|
|
6374
|
-
var optionsRendered = React.useMemo(function () {
|
|
6375
|
-
if (appliedOption)
|
|
6376
|
-
return renderItem(appliedOption);
|
|
6377
|
-
if (hasntOptions)
|
|
6378
|
-
return React__default["default"].createElement(React.Fragment, null);
|
|
6379
|
-
return options.map(renderItem);
|
|
6380
|
-
}, [options, appliedOption, renderItem, hasntOptions]);
|
|
6381
|
-
React.useEffect(function () {
|
|
6382
|
-
if (appliedOption != undefined)
|
|
6383
|
-
setShowItems(true);
|
|
6384
|
-
}, [appliedOption]);
|
|
6385
|
-
React.useEffect(function () {
|
|
6386
|
-
setOptions(values);
|
|
6387
|
-
}, [values]);
|
|
6388
|
-
React.useEffect(function () {
|
|
6389
|
-
if (!appliedOption && !hasntOptions && showFilters != showItems)
|
|
6390
|
-
setShowItems(showFilters);
|
|
6391
|
-
}, [showFilters, appliedOption, hasntOptions, showItems]);
|
|
6392
6348
|
if (!values.length)
|
|
6393
6349
|
return React__default["default"].createElement(React.Fragment, null);
|
|
6394
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$V[
|
|
6395
|
-
React__default["default"].createElement("div", { className:
|
|
6350
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$V['magneto-ui-filter-card'], " ").concat(hasSearch && styles$V.hasSearch) },
|
|
6351
|
+
React__default["default"].createElement("div", { className: styles$V['magneto-ui-filter-card_header'] },
|
|
6396
6352
|
React__default["default"].createElement("p", null, label),
|
|
6397
|
-
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
6398
|
-
|
|
6399
|
-
|
|
6400
|
-
|
|
6401
|
-
|
|
6353
|
+
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
6354
|
+
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
6355
|
+
React__default["default"].createElement("div", { className: styles$V['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
6356
|
+
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
6357
|
+
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
6358
|
+
}))));
|
|
6402
6359
|
};
|
|
6403
6360
|
|
|
6404
|
-
var styles$U = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-
|
|
6361
|
+
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"};
|
|
6405
6362
|
|
|
6406
6363
|
var FilterHeader = function (_a) {
|
|
6407
6364
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -6425,9 +6382,7 @@ var FilterHeader = function (_a) {
|
|
|
6425
6382
|
}, [filterSummary]);
|
|
6426
6383
|
return (React__default["default"].createElement("article", { className: styles$U['magneto-ui-filter-header'] },
|
|
6427
6384
|
React__default["default"].createElement("div", { className: styles$U['magneto-ui-filter-header_title'] },
|
|
6428
|
-
React__default["default"].createElement("p", null,
|
|
6429
|
-
React__default["default"].createElement(IconItem, { icon: FilterIcon, size: 16 }),
|
|
6430
|
-
title),
|
|
6385
|
+
React__default["default"].createElement("p", null, title),
|
|
6431
6386
|
displayBtnClear),
|
|
6432
6387
|
switchText && (React__default["default"].createElement(Switch
|
|
6433
6388
|
//TODO: review isActive, setIsActive
|
|
@@ -9269,13 +9224,13 @@ var Component$5 = function () {
|
|
|
9269
9224
|
};
|
|
9270
9225
|
var MegaMenuSocialHeader = Component$5;
|
|
9271
9226
|
|
|
9272
|
-
var styles$4 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main-
|
|
9227
|
+
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"};
|
|
9273
9228
|
|
|
9274
9229
|
var Component$4 = function (_a) {
|
|
9275
9230
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
9276
9231
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
9277
9232
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
9278
|
-
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps
|
|
9233
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
|
|
9279
9234
|
var popoverRef = useMegaMenuJobs().popoverRef;
|
|
9280
9235
|
var listMenuUserProps = useLoggedInUser();
|
|
9281
9236
|
var _e = listMenuUserProps.profileImage, profileImage = _e === void 0 ? {} : _e, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
@@ -9307,7 +9262,6 @@ var Component$4 = function (_a) {
|
|
|
9307
9262
|
LogoutHeaderMobileSearchbar,
|
|
9308
9263
|
LogoutHeaderMenuButton,
|
|
9309
9264
|
React__default["default"].createElement("a", { href: homeUrl }, renderLogo),
|
|
9310
|
-
selectCountry && React__default["default"].createElement(Select2, __assign({ haveTags: false, isMultiple: false }, selectCountry)),
|
|
9311
9265
|
React__default["default"].createElement("div", { className: styles$4['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
9312
9266
|
React__default["default"].createElement("div", { className: styles$4['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
9313
9267
|
loginAction,
|
|
@@ -9545,11 +9499,10 @@ var CardByRenderType = function (_a) {
|
|
|
9545
9499
|
return React__default["default"].createElement(CardByRenderType, __assign({ renderType: renderType }, props));
|
|
9546
9500
|
};
|
|
9547
9501
|
|
|
9548
|
-
var styles$1 = {"magneto-iu-side-filter":"mg_side_filter_magneto-iu-side-
|
|
9502
|
+
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"};
|
|
9549
9503
|
|
|
9550
9504
|
var SideFilter = function (_a) {
|
|
9551
9505
|
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;
|
|
9552
|
-
var _c = React.useState(99), currentOpenFilter = _c[0], setCurrentOpenFilter = _c[1];
|
|
9553
9506
|
var cardProps = React.useMemo(function () {
|
|
9554
9507
|
return {
|
|
9555
9508
|
setIsApplied: setIsApplied,
|
|
@@ -9571,9 +9524,9 @@ var SideFilter = function (_a) {
|
|
|
9571
9524
|
var displayFilters = React.useMemo(function () {
|
|
9572
9525
|
var renderFilters = filters.length ? filters : defaultFilters;
|
|
9573
9526
|
return renderFilters === null || renderFilters === void 0 ? void 0 : renderFilters.map(function (item, i) {
|
|
9574
|
-
return
|
|
9527
|
+
return React__default["default"].createElement(CardByRenderType, __assign({ key: "".concat(i, "-").concat(item.field) }, item, cardProps));
|
|
9575
9528
|
});
|
|
9576
|
-
}, [filters, cardProps
|
|
9529
|
+
}, [filters, cardProps]);
|
|
9577
9530
|
var displayBtnMain = React.useMemo(function () {
|
|
9578
9531
|
if (!totalAppliedFilters)
|
|
9579
9532
|
return React__default["default"].createElement(React.Fragment, null);
|
|
@@ -9601,12 +9554,11 @@ var SideFilter = function (_a) {
|
|
|
9601
9554
|
displayBackground));
|
|
9602
9555
|
};
|
|
9603
9556
|
|
|
9604
|
-
var styles = {"magneto-ui-sort-menu":"mg_sort_bar_magneto-ui-sort-
|
|
9557
|
+
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"};
|
|
9605
9558
|
|
|
9606
9559
|
var SortBar = function (_a) {
|
|
9607
9560
|
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;
|
|
9608
9561
|
var _c = React.useState(false), showMenu = _c[0], setShowMenu = _c[1];
|
|
9609
|
-
var _d = React.useState(false), rotateOrderIcon = _d[0], setRotateOrderIcon = _d[1];
|
|
9610
9562
|
var tooltip = useMediaQuery(React__default["default"].createElement(Tooltip, { title: infoMessageQuotas || '', position: "bottom", width: widthInfoMessage },
|
|
9611
9563
|
React__default["default"].createElement("div", { className: "".concat(styles['magneto-ui-tooltip-quotas']) },
|
|
9612
9564
|
React__default["default"].createElement("span", null, "?"))), { sm: React__default["default"].createElement(React.Fragment, null) });
|
|
@@ -9618,18 +9570,14 @@ var SortBar = function (_a) {
|
|
|
9618
9570
|
var mainTitleByMediaQuery = useMediaQuery(React__default["default"].createElement("h1", { className: styles['magneto-ui-main-title'] }, mainTitle), {
|
|
9619
9571
|
md: React__default["default"].createElement(React.Fragment, null)
|
|
9620
9572
|
});
|
|
9621
|
-
var handleOrder = React.useCallback(function () {
|
|
9622
|
-
orderFilter();
|
|
9623
|
-
setRotateOrderIcon(!rotateOrderIcon);
|
|
9624
|
-
}, [rotateOrderIcon, orderFilter]);
|
|
9625
9573
|
var sortBarButtonAltRender = React.useMemo(function () {
|
|
9626
9574
|
if (emptyVacant)
|
|
9627
9575
|
return;
|
|
9628
9576
|
return (React__default["default"].createElement("div", { className: styles['magneto-ui-section-menu'] },
|
|
9629
9577
|
sortMenu,
|
|
9630
|
-
React__default["default"].createElement("button", { className: "".concat(styles['magneto-ui-btn-order'], " ").concat(styles.hidden), title: titleBtnOrder, onClick:
|
|
9631
|
-
React__default["default"].createElement(IconItem, __assign({
|
|
9632
|
-
}, [emptyVacant, sortMenu, titleBtnOrder
|
|
9578
|
+
React__default["default"].createElement("button", { className: "".concat(styles['magneto-ui-btn-order'], " ").concat(styles.hidden), title: titleBtnOrder, onClick: orderFilter },
|
|
9579
|
+
React__default["default"].createElement(IconItem, __assign({}, iconFilterOrder)))));
|
|
9580
|
+
}, [emptyVacant, orderFilter, sortMenu, titleBtnOrder]);
|
|
9633
9581
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
9634
9582
|
React__default["default"].createElement("div", { className: styles['magneto-ui-sort-menu'] },
|
|
9635
9583
|
React__default["default"].createElement("div", { className: styles['magneto-ui-section-filter'] },
|
|
@@ -9641,7 +9589,7 @@ var SortBar = function (_a) {
|
|
|
9641
9589
|
React__default["default"].createElement(MobileSortMenu, { isOpen: showMenu, orderFields: orderFields, orderByText: orderByText, textOrderFilter: textOrderFilter, titleBtnOrder: titleBtnOrder, onClose: function () { return setShowMenu(!showMenu); }, setFilter: setFilter, orderFilter: orderFilter, setShowPopover: setShowMenu })));
|
|
9642
9590
|
};
|
|
9643
9591
|
|
|
9644
|
-
var style$3 = {"magneto-ui-vacant-positions-layout":"mg_vacant_positions_magneto-ui-vacant-positions-
|
|
9592
|
+
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"};
|
|
9645
9593
|
|
|
9646
9594
|
var Muiclass = 'magneto-ui';
|
|
9647
9595
|
var VacantPositions = function (_a) {
|