magneto365.ui 2.58.1 → 2.59.1
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 +496 -438
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +26 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/Notification/Notification.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/Notification/Notification.interface.d.ts +35 -0
- package/dist/cjs/types/components/UI/molecules/Notification/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +3 -1
- package/dist/cjs/types/components/hoc/index.d.ts +1 -1
- package/dist/cjs/types/components/hoc/megaMenu/withSideCards.d.ts +9 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCards.desktop.d.ts +8 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCardsDrawer.mobile.d.ts +8 -0
- package/dist/cjs/types/components/hoc/megaMenu/withSideCardsMobile.d.ts +9 -0
- package/dist/cjs/types/constants/stories/index.d.ts +1 -0
- package/dist/cjs/types/constants/stories/notification.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +495 -438
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +26 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSideCards/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/Notification/Notification.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/Notification/Notification.interface.d.ts +35 -0
- package/dist/esm/types/components/UI/molecules/Notification/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +3 -1
- package/dist/esm/types/components/hoc/index.d.ts +1 -1
- package/dist/esm/types/components/hoc/megaMenu/withSideCards.d.ts +9 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCards.desktop.d.ts +8 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCardsDrawer.mobile.d.ts +8 -0
- package/dist/esm/types/components/hoc/megaMenu/withSideCardsMobile.d.ts +9 -0
- package/dist/esm/types/constants/stories/index.d.ts +1 -0
- package/dist/esm/types/constants/stories/notification.constants.d.ts +2 -0
- package/dist/index.d.ts +69 -5
- package/package.json +1 -1
- package/dist/cjs/types/components/hoc/megaMenu/withContainer.d.ts +0 -7
- package/dist/esm/types/components/hoc/megaMenu/withContainer.d.ts +0 -7
package/dist/esm/index.js
CHANGED
|
@@ -259,7 +259,7 @@ var Component$2A = function (_a) {
|
|
|
259
259
|
*/
|
|
260
260
|
var IconItem = Component$2A;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2n = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -441,7 +441,7 @@ var MouseCircleBlackOutline = "https://static.magneto365.com/lib/assets/857856a2
|
|
|
441
441
|
|
|
442
442
|
var NoLogo = "https://static.magneto365.com/lib/assets/59640db832ea39ed.svg";
|
|
443
443
|
|
|
444
|
-
var Notification = "https://static.magneto365.com/lib/assets/5eba6f5b4b3b6b4a.svg";
|
|
444
|
+
var Notification$1 = "https://static.magneto365.com/lib/assets/5eba6f5b4b3b6b4a.svg";
|
|
445
445
|
|
|
446
446
|
var People = "https://static.magneto365.com/lib/assets/2e770553beadad6c.svg";
|
|
447
447
|
|
|
@@ -535,9 +535,9 @@ var Component$2z = function (_a) {
|
|
|
535
535
|
var handleError = function () {
|
|
536
536
|
setImageError(true);
|
|
537
537
|
};
|
|
538
|
-
return (React.createElement("div", { className: styles$
|
|
538
|
+
return (React.createElement("div", { className: styles$2n.avatarComponent, onClick: onClick },
|
|
539
539
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
540
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
540
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2n['magneto-ui-default-avatar'] },
|
|
541
541
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
542
542
|
};
|
|
543
543
|
/**
|
|
@@ -545,12 +545,12 @@ var Component$2z = function (_a) {
|
|
|
545
545
|
*/
|
|
546
546
|
var Avatar = Component$2z;
|
|
547
547
|
|
|
548
|
-
var styles$
|
|
548
|
+
var styles$2m = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
549
549
|
|
|
550
550
|
var Component$2y = function (_a) {
|
|
551
551
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
552
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
553
|
-
React.createElement("span", { className: styles$
|
|
552
|
+
return (React.createElement("p", { className: "".concat(styles$2m['badge-count'], " ").concat(className) },
|
|
553
|
+
React.createElement("span", { className: styles$2m['badge-count__animation'] }),
|
|
554
554
|
number && number));
|
|
555
555
|
};
|
|
556
556
|
var Badge = Component$2y;
|
|
@@ -670,9 +670,9 @@ var SignUpButtonStyle = {
|
|
|
670
670
|
}
|
|
671
671
|
};
|
|
672
672
|
|
|
673
|
-
var styles$
|
|
673
|
+
var styles$2l = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
674
674
|
|
|
675
|
-
var styles$
|
|
675
|
+
var styles$2k = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
676
676
|
|
|
677
677
|
var ShareIcons = {
|
|
678
678
|
Facebook: {
|
|
@@ -705,39 +705,39 @@ var Component$2x = function (_a) {
|
|
|
705
705
|
};
|
|
706
706
|
if (component)
|
|
707
707
|
return component;
|
|
708
|
-
return (React.createElement("div", { className: styles$
|
|
709
|
-
React.createElement("div", { id: styles$
|
|
708
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-actions'] },
|
|
709
|
+
React.createElement("div", { id: styles$2k['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
710
710
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
711
|
-
React.createElement("button", { className: styles$
|
|
711
|
+
React.createElement("button", { className: styles$2k['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
712
712
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
713
713
|
} },
|
|
714
714
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
715
715
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
716
716
|
actionsLinkList.map(function (_a, index) {
|
|
717
717
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
718
|
-
return (React.createElement("a", { className: styles$
|
|
718
|
+
return (React.createElement("a", { className: styles$2k['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
719
719
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
720
720
|
React.createElement("p", { key: index }, text)));
|
|
721
721
|
}),
|
|
722
|
-
React.createElement("div", { className: styles$
|
|
723
|
-
React.createElement("p", { className: styles$
|
|
724
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
722
|
+
React.createElement("div", { className: styles$2k['magneto-ui-actions__header'] },
|
|
723
|
+
React.createElement("p", { className: styles$2k['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
724
|
+
offerCompanyName ? React.createElement("p", { className: styles$2k['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
725
725
|
};
|
|
726
726
|
var ShareLinksAction = function (_a) {
|
|
727
727
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
728
|
-
return (React.createElement("div", { className: styles$
|
|
729
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
728
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-actions'] },
|
|
729
|
+
React.createElement(ShareButton, __assign({ className: styles$2k['magneto-ui-actions__share'] }, shareProps)),
|
|
730
730
|
shareLinks.map(function (_a, index) {
|
|
731
731
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
732
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
732
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2k['magneto-ui-actions__link'], styles$2k['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
733
733
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
734
734
|
React.createElement("span", null, title)));
|
|
735
735
|
}),
|
|
736
|
-
React.createElement("div", { className: styles$
|
|
737
|
-
React.createElement("p", { className: styles$
|
|
738
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
739
|
-
React.createElement("div", { className: styles$
|
|
740
|
-
React.createElement("button", { className: styles$
|
|
736
|
+
React.createElement("div", { className: styles$2k['magneto-ui-actions__header'] },
|
|
737
|
+
React.createElement("p", { className: styles$2k['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
738
|
+
offerCompanyName ? React.createElement("p", { className: styles$2k['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
739
|
+
React.createElement("div", { className: styles$2k['magneto-ui-actions__back'] },
|
|
740
|
+
React.createElement("button", { className: styles$2k['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
741
741
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
742
742
|
backText)));
|
|
743
743
|
};
|
|
@@ -962,11 +962,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
962
962
|
};
|
|
963
963
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
964
964
|
|
|
965
|
-
var styles$
|
|
965
|
+
var styles$2j = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
966
966
|
|
|
967
967
|
var Component$2t = function (_a) {
|
|
968
968
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
969
|
-
return (React.createElement("div", { className: styles$
|
|
969
|
+
return (React.createElement("div", { className: styles$2j.BreadcrumbsComponent },
|
|
970
970
|
React.createElement("a", { href: homeUrl },
|
|
971
971
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
972
972
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -976,45 +976,45 @@ var Component$2t = function (_a) {
|
|
|
976
976
|
*/
|
|
977
977
|
var Breadcrumbs = Component$2t;
|
|
978
978
|
|
|
979
|
-
var styles$
|
|
979
|
+
var styles$2i = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
980
980
|
|
|
981
981
|
var CitiesDetailDrawer = function (_a) {
|
|
982
982
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
983
|
-
return (React.createElement("div", { className: styles$
|
|
984
|
-
React.createElement("div", { className: styles$
|
|
983
|
+
return (React.createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
984
|
+
React.createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
985
985
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
986
|
-
React.createElement("div", { className: styles$
|
|
987
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
986
|
+
React.createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
987
|
+
isRemote && (React.createElement("p", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
988
988
|
cities &&
|
|
989
989
|
cities.map(function (_a, index) {
|
|
990
990
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
991
|
-
return (React.createElement("div", { className: styles$
|
|
991
|
+
return (React.createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
992
992
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
993
993
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
994
994
|
})))) : null));
|
|
995
995
|
};
|
|
996
996
|
|
|
997
|
-
var styles$
|
|
997
|
+
var styles$2h = {"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"};
|
|
998
998
|
|
|
999
999
|
var Component$2s = function (_a) {
|
|
1000
1000
|
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;
|
|
1001
1001
|
var disabledArrow = useMemo(function () {
|
|
1002
1002
|
if (disabled)
|
|
1003
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1003
|
+
return (React.createElement(IconItem, { className: styles$2h['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1004
1004
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1005
1005
|
}, [disabled]);
|
|
1006
|
-
return (React.createElement("div", { className: styles$
|
|
1007
|
-
React.createElement("select", { className: styles$
|
|
1008
|
-
React.createElement("option", { className: styles$
|
|
1006
|
+
return (React.createElement("div", { className: styles$2h['magneto-ui--date-dropdown__wrapper'] },
|
|
1007
|
+
React.createElement("select", { className: styles$2h["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1008
|
+
React.createElement("option", { className: styles$2h['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1009
1009
|
dateOptions.map(function (_a) {
|
|
1010
1010
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1011
|
-
return (React.createElement("option", { className: styles$
|
|
1011
|
+
return (React.createElement("option", { className: styles$2h['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1012
1012
|
})),
|
|
1013
|
-
React.createElement("span", { className: styles$
|
|
1013
|
+
React.createElement("span", { className: styles$2h['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1014
1014
|
};
|
|
1015
1015
|
var DateDropdown = Component$2s;
|
|
1016
1016
|
|
|
1017
|
-
var styles$
|
|
1017
|
+
var styles$2g = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1018
1018
|
|
|
1019
1019
|
var defaultValue$1 = function (value) {
|
|
1020
1020
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -1053,7 +1053,7 @@ var Component$2r = function (_a) {
|
|
|
1053
1053
|
}
|
|
1054
1054
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1055
1055
|
}, [disabled]);
|
|
1056
|
-
return (React.createElement("div", { className: styles$
|
|
1056
|
+
return (React.createElement("div", { className: styles$2g['magneto-ui--date-picker__wrapper'] },
|
|
1057
1057
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1058
1058
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1059
1059
|
};
|
|
@@ -1171,7 +1171,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1171
1171
|
_c)
|
|
1172
1172
|
};
|
|
1173
1173
|
|
|
1174
|
-
var styles$
|
|
1174
|
+
var styles$2f = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1175
1175
|
|
|
1176
1176
|
var Component$2p = function (_a) {
|
|
1177
1177
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
@@ -1179,7 +1179,7 @@ var Component$2p = function (_a) {
|
|
|
1179
1179
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1180
1180
|
var componentProps = useMemo(function () {
|
|
1181
1181
|
var className = CNM.get({
|
|
1182
|
-
styles: styles$
|
|
1182
|
+
styles: styles$2f,
|
|
1183
1183
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1184
1184
|
});
|
|
1185
1185
|
if (isUrl)
|
|
@@ -1201,11 +1201,11 @@ var Component$2p = function (_a) {
|
|
|
1201
1201
|
}
|
|
1202
1202
|
return;
|
|
1203
1203
|
}, [loading, variant]);
|
|
1204
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1205
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1204
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action', className] }) },
|
|
1205
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action__container'] }) },
|
|
1206
1206
|
React.createElement(Component, __assign({}, componentProps),
|
|
1207
1207
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1208
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1208
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action__title'] }) }, title),
|
|
1209
1209
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1210
1210
|
};
|
|
1211
1211
|
/**
|
|
@@ -1213,36 +1213,36 @@ var Component$2p = function (_a) {
|
|
|
1213
1213
|
*/
|
|
1214
1214
|
var ExpandableInfoAction = Component$2p;
|
|
1215
1215
|
|
|
1216
|
-
var styles$
|
|
1216
|
+
var styles$2e = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1217
1217
|
|
|
1218
1218
|
var Component$2o = function (_a) {
|
|
1219
1219
|
var sections = _a.sections, footer = _a.footer;
|
|
1220
1220
|
var sectionStyles = useCallback(function (multiple) {
|
|
1221
1221
|
return CNM.get({
|
|
1222
|
-
styles: styles$
|
|
1222
|
+
styles: styles$2e,
|
|
1223
1223
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1224
1224
|
});
|
|
1225
1225
|
}, []);
|
|
1226
1226
|
var subSectionStyles = useCallback(function (initial) {
|
|
1227
1227
|
return CNM.get({
|
|
1228
|
-
styles: styles$
|
|
1228
|
+
styles: styles$2e,
|
|
1229
1229
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1230
1230
|
});
|
|
1231
1231
|
}, []);
|
|
1232
1232
|
var itemStyles = useCallback(function (first) {
|
|
1233
1233
|
return CNM.get({
|
|
1234
|
-
styles: styles$
|
|
1234
|
+
styles: styles$2e,
|
|
1235
1235
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1236
1236
|
});
|
|
1237
1237
|
}, []);
|
|
1238
1238
|
var textStyles = useCallback(function (bold) {
|
|
1239
1239
|
return CNM.get({
|
|
1240
|
-
styles: styles$
|
|
1240
|
+
styles: styles$2e,
|
|
1241
1241
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1242
1242
|
});
|
|
1243
1243
|
}, []);
|
|
1244
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1245
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1244
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details'] }) },
|
|
1245
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1246
1246
|
sections.map(function (section, index) {
|
|
1247
1247
|
var _a, _b;
|
|
1248
1248
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1256,8 +1256,8 @@ var Component$2o = function (_a) {
|
|
|
1256
1256
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1257
1257
|
})));
|
|
1258
1258
|
}),
|
|
1259
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1260
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1259
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__footer'] }) },
|
|
1260
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__action'] }) }))))));
|
|
1261
1261
|
};
|
|
1262
1262
|
/**
|
|
1263
1263
|
* Molecule UI child component of expandable info
|
|
@@ -1283,7 +1283,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1283
1283
|
_a$3)
|
|
1284
1284
|
};
|
|
1285
1285
|
|
|
1286
|
-
var styles$
|
|
1286
|
+
var styles$2d = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
1287
1287
|
|
|
1288
1288
|
var Component$2n = function (_a) {
|
|
1289
1289
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -1298,11 +1298,11 @@ var Component$2n = function (_a) {
|
|
|
1298
1298
|
}, [variant]);
|
|
1299
1299
|
if (!title)
|
|
1300
1300
|
return null;
|
|
1301
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1302
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1301
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-message', className] }) },
|
|
1302
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-message__container'] }) },
|
|
1303
1303
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1304
1304
|
React.createElement("span", { className: CNM.get({
|
|
1305
|
-
styles: styles$
|
|
1305
|
+
styles: styles$2d,
|
|
1306
1306
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1307
1307
|
}) }, title))));
|
|
1308
1308
|
};
|
|
@@ -1311,7 +1311,7 @@ var Component$2n = function (_a) {
|
|
|
1311
1311
|
*/
|
|
1312
1312
|
var ExpandableInfoMessage = Component$2n;
|
|
1313
1313
|
|
|
1314
|
-
var styles$
|
|
1314
|
+
var styles$2c = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1315
1315
|
|
|
1316
1316
|
var Component$2m = function (_a) {
|
|
1317
1317
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -1321,7 +1321,7 @@ var Component$2m = function (_a) {
|
|
|
1321
1321
|
}, []);
|
|
1322
1322
|
return (React.createElement(React.Fragment, null,
|
|
1323
1323
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1324
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1324
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2c, cls: ['expandable-info-modal'] }) },
|
|
1325
1325
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1326
1326
|
};
|
|
1327
1327
|
/**
|
|
@@ -1329,70 +1329,32 @@ var Component$2m = function (_a) {
|
|
|
1329
1329
|
*/
|
|
1330
1330
|
var ExpandableInfoModal = Component$2m;
|
|
1331
1331
|
|
|
1332
|
-
var styles$
|
|
1333
|
-
|
|
1334
|
-
var style$U = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
|
|
1332
|
+
var styles$2b = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1335
1333
|
|
|
1336
|
-
var styles$
|
|
1334
|
+
var styles$2a = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
1337
1335
|
|
|
1338
|
-
var
|
|
1339
|
-
var
|
|
1340
|
-
return (React.createElement(
|
|
1341
|
-
React.createElement("
|
|
1342
|
-
|
|
1336
|
+
var DesktopSideCards = function (_a) {
|
|
1337
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1338
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] },
|
|
1339
|
+
React.createElement("div", { className: styles$2a['mega-menu-side-container__side'] },
|
|
1340
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1341
|
+
React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1342
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1343
1343
|
};
|
|
1344
1344
|
|
|
1345
|
-
var
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
if (onClick != null) {
|
|
1351
|
-
event.preventDefault();
|
|
1352
|
-
onClick();
|
|
1353
|
-
}
|
|
1354
|
-
}, [onClick]);
|
|
1355
|
-
var rigthArrow = (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__arrow"] },
|
|
1356
|
-
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
1357
|
-
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
1358
|
-
md: rigthArrow
|
|
1359
|
-
});
|
|
1360
|
-
return (React.createElement("a", { className: "".concat(styles$28["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1361
|
-
icon && (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__icon"] },
|
|
1362
|
-
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1363
|
-
logo && (React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__logo"] },
|
|
1364
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$28["magneto-ui-mega-menu-card__logo"] }))),
|
|
1365
|
-
React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__content"] },
|
|
1366
|
-
React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__title"] }, title),
|
|
1367
|
-
React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1368
|
-
maximumFractionDigits: 3
|
|
1369
|
-
}), " cupos"))),
|
|
1370
|
-
arrow));
|
|
1345
|
+
var MobileSideCards = function (_a) {
|
|
1346
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1347
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1348
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$2a['mega-menu-side-container__side'] },
|
|
1349
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1371
1350
|
};
|
|
1372
1351
|
|
|
1373
|
-
var
|
|
1374
|
-
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b;
|
|
1375
|
-
var _c = useState(initValue || 0), selected = _c[0], setSelected = _c[1];
|
|
1376
|
-
var handleClick = useCallback(function (index) { return function () {
|
|
1377
|
-
setSelected(index);
|
|
1378
|
-
onSelectCard && onSelectCard(index);
|
|
1379
|
-
}; }, [onSelectCard]);
|
|
1380
|
-
return (React.createElement("ul", { className: "".concat(style$U["mega-menu-side-cards"]) },
|
|
1381
|
-
jobs &&
|
|
1382
|
-
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
1383
|
-
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$U["mega-menu-side-cards__card"], " ").concat(selected == key ? style$U["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
|
|
1384
|
-
action && (React.createElement("li", null,
|
|
1385
|
-
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$U["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1386
|
-
};
|
|
1387
|
-
|
|
1388
|
-
var styles$27 = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_16koz"};
|
|
1389
|
-
|
|
1390
|
-
var style$T = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_1fo3s","is-active":"mg_mega_menu_drawer_item_is-active_1fo3s","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_1fo3s","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_1fo3s","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_1fo3s","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_1fo3s","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_1fo3s","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_1fo3s","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_1fo3s"};
|
|
1352
|
+
var style$U = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1391
1353
|
|
|
1392
1354
|
var Component$2l = function (_a) {
|
|
1393
1355
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1394
1356
|
var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1395
|
-
var menuActive = isActive ? style$
|
|
1357
|
+
var menuActive = isActive ? style$U['is-active'] : '';
|
|
1396
1358
|
var toggleDrawer = useCallback(function () {
|
|
1397
1359
|
setOpenDrawer(!openDrawer);
|
|
1398
1360
|
}, [openDrawer]);
|
|
@@ -1403,53 +1365,56 @@ var Component$2l = function (_a) {
|
|
|
1403
1365
|
toggleDrawer();
|
|
1404
1366
|
}
|
|
1405
1367
|
}, [content, onClickOption, toggleDrawer]);
|
|
1406
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
1407
|
-
React.createElement("a", { onClick: anchorAction, className: "".concat(style$
|
|
1408
|
-
React.createElement("div", { className: style$
|
|
1409
|
-
React.createElement(IconItem, { className: style$
|
|
1368
|
+
return (React.createElement("div", { className: "".concat(style$U['mega-menu-drawer-item']) },
|
|
1369
|
+
React.createElement("a", { onClick: anchorAction, className: "".concat(style$U['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
|
|
1370
|
+
React.createElement("div", { className: style$U['mega-menu-drawer-item__action'] },
|
|
1371
|
+
React.createElement(IconItem, { className: style$U['mega-menu-drawer-item__action--icon'], icon: icon, hover: false, size: 18 }),
|
|
1410
1372
|
React.createElement("p", null, text)),
|
|
1411
|
-
React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$
|
|
1373
|
+
React.createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$U['mega-menu-drawer-item__arrow'], size: 18 })),
|
|
1412
1374
|
content && (React.createElement(MegaMenuJobsDrawer, { content: content.child, isOpen: openDrawer, title: content.title, toggleDrawer: toggleDrawer }))));
|
|
1413
1375
|
};
|
|
1414
1376
|
var MegaMenuJobsDrawer = function (_a) {
|
|
1415
1377
|
var title = _a.title, content = _a.content, isOpen = _a.isOpen, toggleDrawer = _a.toggleDrawer;
|
|
1416
|
-
return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$
|
|
1417
|
-
React.createElement("div", { className: style$
|
|
1418
|
-
React.createElement("button", { className: style$
|
|
1419
|
-
React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$
|
|
1420
|
-
React.createElement("p", { className: style$
|
|
1421
|
-
React.createElement("div", { className: "".concat(style$
|
|
1378
|
+
return (React.createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$U['mega-menu-drawer'] },
|
|
1379
|
+
React.createElement("div", { className: style$U['item-drawer__header'] },
|
|
1380
|
+
React.createElement("button", { className: style$U['item-drawer__back'], onClick: toggleDrawer },
|
|
1381
|
+
React.createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$U['item-drawer__back-arrow'], size: 18 })),
|
|
1382
|
+
React.createElement("p", { className: style$U['item-drawer__title'] }, title)),
|
|
1383
|
+
React.createElement("div", { className: "".concat(style$U['item-drawer__content']) }, content)));
|
|
1422
1384
|
};
|
|
1423
1385
|
var MegaMenuDrawerItem = Object.assign(Component$2l, {
|
|
1424
1386
|
Drawer: MegaMenuJobsDrawer
|
|
1425
1387
|
});
|
|
1426
1388
|
|
|
1427
1389
|
var Drawer = MegaMenuDrawerItem.Drawer;
|
|
1428
|
-
var
|
|
1390
|
+
var MobileSideCardsDrawer = function (_a) {
|
|
1391
|
+
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1392
|
+
var _b = useState(false), showDrawer = _b[0], setShowDrawer = _b[1];
|
|
1393
|
+
var _c = useState(''), title = _c[0], setTitle = _c[1];
|
|
1394
|
+
var updateDrawerContent = useCallback(function (index) {
|
|
1395
|
+
var _a, _b;
|
|
1396
|
+
if (sideProps.onSelectCard)
|
|
1397
|
+
sideProps.onSelectCard(index);
|
|
1398
|
+
setTitle((_b = (_a = sideProps.jobs.at(index)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '');
|
|
1399
|
+
}, [sideProps]);
|
|
1400
|
+
var toogleDrawer = useCallback(function () { return setShowDrawer(!showDrawer); }, [showDrawer]);
|
|
1401
|
+
var onSelectSideCard = useCallback(function (index) {
|
|
1402
|
+
updateDrawerContent(index);
|
|
1403
|
+
toogleDrawer();
|
|
1404
|
+
}, [toogleDrawer, updateDrawerContent]);
|
|
1405
|
+
return (React.createElement("div", { className: styles$2a['mega-menu-side-container'] },
|
|
1406
|
+
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1407
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$2a['mega-menu-side-container__main'] },
|
|
1408
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1409
|
+
};
|
|
1410
|
+
|
|
1411
|
+
var withMegaMenuSideCards = function (WrappedComponent) {
|
|
1429
1412
|
var Component = function (_a) {
|
|
1430
|
-
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1431
|
-
var
|
|
1432
|
-
|
|
1433
|
-
var toogleDrawer = useCallback(function (index) {
|
|
1434
|
-
var _a, _b;
|
|
1435
|
-
sideProps.onSelectCard && sideProps.onSelectCard(index !== null && index !== void 0 ? index : 0);
|
|
1436
|
-
setTitle((_b = (_a = sideProps.jobs.at(index !== null && index !== void 0 ? index : 0)) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '');
|
|
1437
|
-
setShowDrawer(!showDrawer);
|
|
1438
|
-
}, [showDrawer, sideProps]);
|
|
1439
|
-
var renderCards = useMediaQuery(React.createElement(React.Fragment, null,
|
|
1440
|
-
React.createElement("div", { className: styles$27['mega-menu-side-container__side'] },
|
|
1441
|
-
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1442
|
-
React.createElement("div", { className: styles$27['mega-menu-side-container__main'] },
|
|
1443
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))), {
|
|
1444
|
-
md: (React.createElement(React.Fragment, null,
|
|
1445
|
-
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: function (index) {
|
|
1446
|
-
sideProps.onSelectCard && sideProps.onSelectCard(index);
|
|
1447
|
-
toogleDrawer(index);
|
|
1448
|
-
} })),
|
|
1449
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$27['mega-menu-side-container__main'] },
|
|
1450
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })))
|
|
1413
|
+
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, _b = _a.withDrawerAction, withDrawerAction = _b === void 0 ? true : _b, _c = _a.showContent, showContent = _c === void 0 ? false : _c;
|
|
1414
|
+
var renderCards = useMediaQuery(React.createElement(DesktopSideCards, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps })), {
|
|
1415
|
+
md: withDrawerAction ? (React.createElement(MobileSideCardsDrawer, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps }))) : (React.createElement(MobileSideCards, __assign({}, { WrappedComponent: WrappedComponent, sideProps: sideProps, wrapperProps: wrapperProps, showContent: showContent })))
|
|
1451
1416
|
});
|
|
1452
|
-
return
|
|
1417
|
+
return renderCards;
|
|
1453
1418
|
};
|
|
1454
1419
|
return Component;
|
|
1455
1420
|
};
|
|
@@ -1457,7 +1422,7 @@ var withMegaMenuContainer = function (WrappedComponent) {
|
|
|
1457
1422
|
var Component$2k = function (_a) {
|
|
1458
1423
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
1459
1424
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1460
|
-
styles: styles$
|
|
1425
|
+
styles: styles$2b,
|
|
1461
1426
|
cls: [
|
|
1462
1427
|
'expandable-info-popover',
|
|
1463
1428
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1465,7 +1430,7 @@ var Component$2k = function (_a) {
|
|
|
1465
1430
|
]
|
|
1466
1431
|
}), content: React.createElement(React.Fragment, null,
|
|
1467
1432
|
React.createElement("span", { className: CNM.get({
|
|
1468
|
-
styles: styles$
|
|
1433
|
+
styles: styles$2b,
|
|
1469
1434
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1470
1435
|
}) }),
|
|
1471
1436
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1480,13 +1445,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
1480
1445
|
coin: CoinBlackOutline
|
|
1481
1446
|
};
|
|
1482
1447
|
|
|
1483
|
-
var styles$
|
|
1448
|
+
var styles$29 = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1484
1449
|
|
|
1485
1450
|
var Component$2j = function (_a) {
|
|
1486
1451
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
1487
1452
|
var styleGenerator = useCallback(function (base) {
|
|
1488
1453
|
return CNM.get({
|
|
1489
|
-
styles: styles$
|
|
1454
|
+
styles: styles$29,
|
|
1490
1455
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1491
1456
|
});
|
|
1492
1457
|
}, [variant]);
|
|
@@ -1518,7 +1483,7 @@ var Component$2j = function (_a) {
|
|
|
1518
1483
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1519
1484
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1520
1485
|
React.createElement("div", { className: CNM.get({
|
|
1521
|
-
styles: styles$
|
|
1486
|
+
styles: styles$29,
|
|
1522
1487
|
cls: [
|
|
1523
1488
|
'expandable-info-toggler__summary',
|
|
1524
1489
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1533,7 +1498,7 @@ var Component$2j = function (_a) {
|
|
|
1533
1498
|
*/
|
|
1534
1499
|
var ExpandableInfoToggler = Component$2j;
|
|
1535
1500
|
|
|
1536
|
-
var styles$
|
|
1501
|
+
var styles$28 = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1537
1502
|
|
|
1538
1503
|
var Component$2i = function (_a) {
|
|
1539
1504
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
@@ -1549,9 +1514,9 @@ var Component$2i = function (_a) {
|
|
|
1549
1514
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1550
1515
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1551
1516
|
});
|
|
1552
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1517
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info'] }) },
|
|
1553
1518
|
React.createElement("div", { className: CNM.get({
|
|
1554
|
-
styles: styles$
|
|
1519
|
+
styles: styles$28,
|
|
1555
1520
|
cls: [
|
|
1556
1521
|
'expandable-info__container',
|
|
1557
1522
|
"expandable-info__container--".concat(variant),
|
|
@@ -1561,7 +1526,7 @@ var Component$2i = function (_a) {
|
|
|
1561
1526
|
}) },
|
|
1562
1527
|
container,
|
|
1563
1528
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1564
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1529
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1565
1530
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1566
1531
|
};
|
|
1567
1532
|
/**
|
|
@@ -1569,7 +1534,7 @@ var Component$2i = function (_a) {
|
|
|
1569
1534
|
*/
|
|
1570
1535
|
var ExpandableInfo = Component$2i;
|
|
1571
1536
|
|
|
1572
|
-
var style$
|
|
1537
|
+
var style$T = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1573
1538
|
|
|
1574
1539
|
var FilterActions = function (_a) {
|
|
1575
1540
|
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
@@ -1583,19 +1548,19 @@ var FilterActions = function (_a) {
|
|
|
1583
1548
|
}); });
|
|
1584
1549
|
var actions = useMemo(function () {
|
|
1585
1550
|
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1586
|
-
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$
|
|
1551
|
+
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$T["filter-actions__action"], " ").concat(selected == index ? style$T["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1587
1552
|
}, [allAction, handleClickAction, selected]);
|
|
1588
|
-
return React.createElement("nav", { className: style$
|
|
1553
|
+
return React.createElement("nav", { className: style$T['filter-actions'] }, actions);
|
|
1589
1554
|
};
|
|
1590
1555
|
|
|
1591
|
-
var style$
|
|
1556
|
+
var style$S = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1592
1557
|
|
|
1593
1558
|
var FilterContainerMenu = function (_a) {
|
|
1594
1559
|
var children = _a.children;
|
|
1595
|
-
return React.createElement("div", { className: style$
|
|
1560
|
+
return React.createElement("div", { className: style$S["".concat(classMUI, "-filter-container")] }, children);
|
|
1596
1561
|
};
|
|
1597
1562
|
|
|
1598
|
-
var styles$
|
|
1563
|
+
var styles$27 = {"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"};
|
|
1599
1564
|
|
|
1600
1565
|
var FilterMenuItem = function (_a) {
|
|
1601
1566
|
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"]);
|
|
@@ -1610,49 +1575,49 @@ var FilterMenuItem = function (_a) {
|
|
|
1610
1575
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1611
1576
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1612
1577
|
var className = useMemo(function () {
|
|
1613
|
-
return isApplied ? styles$
|
|
1578
|
+
return isApplied ? styles$27.selected : isSearched ? styles$27.isSearched : hiddenCount ? '' : !total && styles$27.disabled;
|
|
1614
1579
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1615
1580
|
var handleClick = useCallback(function () {
|
|
1616
1581
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1617
1582
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1618
1583
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1619
1584
|
if (loading)
|
|
1620
|
-
return React.createElement("div", { className: styles$
|
|
1621
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1585
|
+
return React.createElement("div", { className: styles$27.skeleton });
|
|
1586
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$27['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1622
1587
|
React.createElement("span", null, label),
|
|
1623
1588
|
displayOutput));
|
|
1624
1589
|
};
|
|
1625
1590
|
|
|
1626
|
-
var styles$
|
|
1591
|
+
var styles$26 = {"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"};
|
|
1627
1592
|
|
|
1628
1593
|
var FilterSearchItem = function (_a) {
|
|
1629
1594
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1630
1595
|
var inputRef = useRef(null);
|
|
1631
1596
|
if (loading)
|
|
1632
|
-
return (React.createElement("div", { className: styles$
|
|
1597
|
+
return (React.createElement("div", { className: styles$26.skeleton },
|
|
1633
1598
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1634
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1599
|
+
return (React.createElement("div", { className: "".concat(styles$26['magneto-ui-filter-search'], " ").concat(disabled ? styles$26.disabled : '') },
|
|
1635
1600
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1636
1601
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1637
1602
|
};
|
|
1638
1603
|
|
|
1639
|
-
var styles$
|
|
1604
|
+
var styles$25 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
1640
1605
|
|
|
1641
1606
|
var Component$2h = function (_a) {
|
|
1642
1607
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1643
|
-
return (React.createElement("div", { className: styles$
|
|
1644
|
-
React.createElement("div", { className: styles$
|
|
1608
|
+
return (React.createElement("div", { className: styles$25['fraud-card-job'] },
|
|
1609
|
+
React.createElement("div", { className: styles$25['fraud-card-job__header'] },
|
|
1645
1610
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1646
1611
|
React.createElement("h4", null, title)),
|
|
1647
1612
|
React.createElement("div", null,
|
|
1648
|
-
React.createElement("p", { className: styles$
|
|
1649
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1613
|
+
React.createElement("p", { className: styles$25['fraud-card-job__text'] }, content),
|
|
1614
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$25['fraud-card-job__link'], href: link },
|
|
1650
1615
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1651
1616
|
linkText))));
|
|
1652
1617
|
};
|
|
1653
1618
|
var FraudCardJob = Component$2h;
|
|
1654
1619
|
|
|
1655
|
-
var styles$
|
|
1620
|
+
var styles$24 = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1656
1621
|
|
|
1657
1622
|
var Component$2g = function (_a) {
|
|
1658
1623
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -1664,46 +1629,46 @@ var Component$2g = function (_a) {
|
|
|
1664
1629
|
return searchList;
|
|
1665
1630
|
}, [searchList, showFullList]);
|
|
1666
1631
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1667
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1668
|
-
React.createElement("h2", { className: styles$
|
|
1669
|
-
React.createElement("div", { className: styles$
|
|
1632
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$24['magneto-ui-frequent-search'] },
|
|
1633
|
+
React.createElement("h2", { className: styles$24['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1634
|
+
React.createElement("div", { className: styles$24['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1670
1635
|
var props = __rest(_a, []);
|
|
1671
1636
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1672
1637
|
})),
|
|
1673
|
-
React.createElement("div", { className: styles$
|
|
1638
|
+
React.createElement("div", { className: styles$24['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$24['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1674
1639
|
showMore,
|
|
1675
1640
|
" (",
|
|
1676
1641
|
searchList.length,
|
|
1677
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1642
|
+
")")) : (React.createElement("button", { className: styles$24['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1678
1643
|
};
|
|
1679
1644
|
/**
|
|
1680
1645
|
* UI Atom component of Frequent Search
|
|
1681
1646
|
*/
|
|
1682
1647
|
var FrequentSearch = Component$2g;
|
|
1683
1648
|
|
|
1684
|
-
var style$
|
|
1649
|
+
var style$R = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1685
1650
|
|
|
1686
1651
|
var Component$2f = function (_a) {
|
|
1687
1652
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1688
|
-
return (React.createElement("div", { className: style$
|
|
1653
|
+
return (React.createElement("div", { className: style$R['header-drawer-company'] },
|
|
1689
1654
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1690
1655
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1691
1656
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1692
1657
|
};
|
|
1693
1658
|
var HeaderDrawerCompany = Component$2f;
|
|
1694
1659
|
|
|
1695
|
-
var styles$
|
|
1660
|
+
var styles$23 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1696
1661
|
|
|
1697
1662
|
var Component$2e = function (_a) {
|
|
1698
1663
|
var children = _a.children;
|
|
1699
|
-
return React.createElement("div", { className: styles$
|
|
1664
|
+
return React.createElement("div", { className: styles$23.TabComponent }, children);
|
|
1700
1665
|
};
|
|
1701
1666
|
/**
|
|
1702
1667
|
* Molecule UI for Tab
|
|
1703
1668
|
*/
|
|
1704
1669
|
var Tab = Component$2e;
|
|
1705
1670
|
|
|
1706
|
-
var styles$
|
|
1671
|
+
var styles$22 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1707
1672
|
|
|
1708
1673
|
var toCSSVariables = function (input) {
|
|
1709
1674
|
var output = {};
|
|
@@ -1722,18 +1687,18 @@ var Component$2d = function (_a) {
|
|
|
1722
1687
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1723
1688
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1724
1689
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1725
|
-
return (React.createElement("div", { className: styles$
|
|
1690
|
+
return (React.createElement("div", { className: styles$22.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1726
1691
|
};
|
|
1727
1692
|
/**
|
|
1728
1693
|
* Molecule UI component for Tab Button
|
|
1729
1694
|
*/
|
|
1730
1695
|
var TabButton = Component$2d;
|
|
1731
1696
|
|
|
1732
|
-
var styles$
|
|
1697
|
+
var styles$21 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1733
1698
|
|
|
1734
1699
|
var Component$2c = function (_a) {
|
|
1735
1700
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1736
|
-
return (React.createElement("div", { className: styles$
|
|
1701
|
+
return (React.createElement("div", { className: styles$21.HeaderDrawerTabsComponent },
|
|
1737
1702
|
React.createElement("a", { href: homeUrl },
|
|
1738
1703
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1739
1704
|
React.createElement(Tab, null,
|
|
@@ -1742,11 +1707,11 @@ var Component$2c = function (_a) {
|
|
|
1742
1707
|
};
|
|
1743
1708
|
var HeaderDrawerTabs = Component$2c;
|
|
1744
1709
|
|
|
1745
|
-
var styles$
|
|
1710
|
+
var styles$20 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1746
1711
|
|
|
1747
1712
|
var Component$2b = function (_a) {
|
|
1748
1713
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1749
|
-
return (React.createElement("div", { className: styles$
|
|
1714
|
+
return (React.createElement("div", { className: styles$20.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1750
1715
|
var headerTabProps = __rest(_a, []);
|
|
1751
1716
|
return (React.createElement(React.Fragment, { key: index },
|
|
1752
1717
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1759,7 +1724,7 @@ var Component$2b = function (_a) {
|
|
|
1759
1724
|
*/
|
|
1760
1725
|
var HeaderTabs = Component$2b;
|
|
1761
1726
|
|
|
1762
|
-
var styles$
|
|
1727
|
+
var styles$1$ = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1763
1728
|
|
|
1764
1729
|
var Input = function (_a) {
|
|
1765
1730
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -1794,26 +1759,26 @@ var Input = function (_a) {
|
|
|
1794
1759
|
setInputValue(e.target.value);
|
|
1795
1760
|
}, [onChange]);
|
|
1796
1761
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1797
|
-
React.createElement("div", { className: styles$
|
|
1762
|
+
React.createElement("div", { className: styles$1$["".concat(classMUI, "-input")] },
|
|
1798
1763
|
React.createElement("div", null,
|
|
1799
|
-
React.createElement("div", { className: styles$
|
|
1764
|
+
React.createElement("div", { className: styles$1$["".concat(classMUI, "-input--container")] },
|
|
1800
1765
|
React.createElement("label", { htmlFor: name, style: {
|
|
1801
1766
|
left: hideIcon ? '10px' : '40px',
|
|
1802
1767
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1803
1768
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1804
|
-
}, className: styles$
|
|
1769
|
+
}, className: styles$1$["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1805
1770
|
React.createElement("input", __assign({}, props, { style: {
|
|
1806
1771
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1807
|
-
}, disabled: disabled, className: styles$
|
|
1808
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1809
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1772
|
+
}, disabled: disabled, className: styles$1$["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
1773
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1$["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1774
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1$["".concat(classMUI, "-input--container__icon-action")] },
|
|
1810
1775
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1811
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1812
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1776
|
+
React.createElement("div", { className: "".concat(styles$1$["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1$['footer-without-error'] : '') },
|
|
1777
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1$["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1813
1778
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1814
1779
|
};
|
|
1815
1780
|
|
|
1816
|
-
var styles$
|
|
1781
|
+
var styles$1_ = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1817
1782
|
|
|
1818
1783
|
var Component$2a = function (_a) {
|
|
1819
1784
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1829,11 +1794,11 @@ var Component$2a = function (_a) {
|
|
|
1829
1794
|
height: '15px'
|
|
1830
1795
|
};
|
|
1831
1796
|
}, [size]);
|
|
1832
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1797
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1_["".concat(classMUI, "-flat-loader")] }));
|
|
1833
1798
|
};
|
|
1834
1799
|
var FlatLoader = Component$2a;
|
|
1835
1800
|
|
|
1836
|
-
var styles$
|
|
1801
|
+
var styles$1Z = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1837
1802
|
|
|
1838
1803
|
var InputPlus = function (_a) {
|
|
1839
1804
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -1877,42 +1842,42 @@ var InputPlus = function (_a) {
|
|
|
1877
1842
|
}
|
|
1878
1843
|
}
|
|
1879
1844
|
}, [disabledBtn, handleSubmmit]);
|
|
1880
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1845
|
+
return (React.createElement("div", { className: "".concat(styles$1Z["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1881
1846
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1882
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1847
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1Z["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1Z.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1Z['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1883
1848
|
};
|
|
1884
1849
|
|
|
1885
|
-
var styles$
|
|
1850
|
+
var styles$1Y = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1886
1851
|
|
|
1887
|
-
var style$
|
|
1852
|
+
var style$Q = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1888
1853
|
|
|
1889
|
-
var styles$
|
|
1854
|
+
var styles$1X = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
1890
1855
|
|
|
1891
1856
|
var Tooltip = function (_a) {
|
|
1892
1857
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1893
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1894
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1858
|
+
return (React.createElement("div", { className: "".concat(styles$1X['tooltip-container'], " ").concat(styles$1X["tooltip-".concat(position)]) },
|
|
1859
|
+
React.createElement("div", { className: "".concat(styles$1X['tooltip'], " ").concat(styles$1X["tooltip-".concat(position)]) },
|
|
1895
1860
|
children,
|
|
1896
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1861
|
+
visible && (React.createElement("span", { className: "".concat(styles$1X['tooltip-text'], " ").concat(styles$1X["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1897
1862
|
};
|
|
1898
1863
|
|
|
1899
1864
|
var Component$29 = function (_a) {
|
|
1900
1865
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1901
1866
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1902
|
-
return (React.createElement(Popover, { className: [style$
|
|
1867
|
+
return (React.createElement(Popover, { className: [style$Q['popover'], !show ? style$Q['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$Q['content'], classNameContent].join(' ') },
|
|
1903
1868
|
shareLinks.map(function (_a, index) {
|
|
1904
1869
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1905
1870
|
return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1906
|
-
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1871
|
+
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$Q['content__link'], onClick: function () { return setShow(false); } },
|
|
1907
1872
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1908
1873
|
React.createElement("span", null, title))));
|
|
1909
1874
|
}),
|
|
1910
|
-
React.createElement("li", { className: style$
|
|
1875
|
+
React.createElement("li", { className: style$Q['content__share'] },
|
|
1911
1876
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1912
1877
|
rest.onCopySuccess();
|
|
1913
1878
|
} })))) },
|
|
1914
1879
|
React.createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
|
|
1915
|
-
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$
|
|
1880
|
+
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$Q['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1916
1881
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1917
1882
|
};
|
|
1918
1883
|
Component$29.displayName = 'SharePopover';
|
|
@@ -1928,20 +1893,20 @@ var Component$28 = function (_a) {
|
|
|
1928
1893
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1929
1894
|
var ActionLink = function (_a) {
|
|
1930
1895
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1931
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1896
|
+
var iconContent = (React.createElement("a", { className: styles$1Y['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1932
1897
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1933
1898
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1934
1899
|
};
|
|
1935
1900
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1936
|
-
return (React.createElement("div", { className: styles$
|
|
1937
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1938
|
-
React.createElement("div", { className: styles$
|
|
1901
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-actions'] },
|
|
1902
|
+
!isApplied && React.createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, externalButtonChild),
|
|
1903
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1939
1904
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1940
1905
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1941
1906
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1942
1907
|
filteredActionsLinkList.map(function (_a) {
|
|
1943
1908
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1944
|
-
return (React.createElement("div", { className: styles$
|
|
1909
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1945
1910
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1946
1911
|
}))));
|
|
1947
1912
|
};
|
|
@@ -1950,13 +1915,13 @@ var Component$28 = function (_a) {
|
|
|
1950
1915
|
*/
|
|
1951
1916
|
var JobActions = Component$28;
|
|
1952
1917
|
|
|
1953
|
-
var styles$
|
|
1918
|
+
var styles$1W = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1954
1919
|
|
|
1955
1920
|
var Component$27 = function (_a) {
|
|
1956
1921
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1957
|
-
return (React.createElement("div", { className: styles$
|
|
1958
|
-
React.createElement("div", { className: styles$
|
|
1959
|
-
React.createElement("div", { className: styles$
|
|
1922
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card'] },
|
|
1923
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__wrapper'] },
|
|
1924
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__header'] },
|
|
1960
1925
|
React.createElement("p", null, offerApplyHeader),
|
|
1961
1926
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1962
1927
|
offerApplyElements
|
|
@@ -1966,18 +1931,18 @@ var Component$27 = function (_a) {
|
|
|
1966
1931
|
})
|
|
1967
1932
|
.map(function (_a) {
|
|
1968
1933
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1969
|
-
return (React.createElement("div", { className: styles$
|
|
1934
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1970
1935
|
React.createElement("p", null, offerApplyLabel),
|
|
1971
1936
|
React.createElement("p", null, offerApplyInfo)));
|
|
1972
1937
|
})),
|
|
1973
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1938
|
+
!isApplied && React.createElement("div", { id: styles$1W['magneto-ui__external-child'] }, externalChild))));
|
|
1974
1939
|
};
|
|
1975
1940
|
/**
|
|
1976
1941
|
* UI Molecule Component for Job Apply Card
|
|
1977
1942
|
*/
|
|
1978
1943
|
var JobApplyCard = Component$27;
|
|
1979
1944
|
|
|
1980
|
-
var style$
|
|
1945
|
+
var style$P = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1981
1946
|
|
|
1982
1947
|
var JobCardDesktop = function (_a) {
|
|
1983
1948
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1988,43 +1953,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1988
1953
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1989
1954
|
}, [cities]);
|
|
1990
1955
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1991
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1992
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1993
|
-
React.createElement("div", { className: style$
|
|
1994
|
-
React.createElement("img", { className: style$
|
|
1995
|
-
React.createElement("div", { className: style$
|
|
1996
|
-
React.createElement("div", { className: style$
|
|
1956
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$P["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$P[workSeen] : '', " ").concat(jobOpen ? style$P[jobOpen] : '') },
|
|
1957
|
+
!isCompanyPage && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row1")] },
|
|
1958
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--brand")] },
|
|
1959
|
+
React.createElement("img", { className: style$P["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1960
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--data")] },
|
|
1961
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row2")] },
|
|
1997
1962
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1998
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1963
|
+
React.createElement("h2", { className: "".concat(style$P["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1999
1964
|
React.createElement("h3", null, companyName),
|
|
2000
1965
|
React.createElement("p", null, formatPublishDate),
|
|
2001
|
-
urgent && (React.createElement("div", { className: style$
|
|
1966
|
+
urgent && (React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
2002
1967
|
React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
2003
1968
|
React.createElement("p", null, urgent)))),
|
|
2004
|
-
React.createElement("div", { className: style$
|
|
1969
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row3")] },
|
|
2005
1970
|
React.createElement("p", null,
|
|
2006
1971
|
citiesformatted,
|
|
2007
1972
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
2008
|
-
React.createElement("div", { className: style$
|
|
1973
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--row4")] },
|
|
2009
1974
|
React.createElement("p", null, infoRow4))),
|
|
2010
|
-
React.createElement("div", { className: style$
|
|
1975
|
+
React.createElement("div", { className: style$P["".concat(classMUI, "-card-jobs--arrow")] },
|
|
2011
1976
|
React.createElement(IconItem, { icon: ArrowRight2 }))));
|
|
2012
1977
|
};
|
|
2013
1978
|
|
|
2014
|
-
var style$
|
|
1979
|
+
var style$O = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
2015
1980
|
|
|
2016
1981
|
var JobCardMobile = function (_a) {
|
|
2017
1982
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
2018
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
2019
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
2020
|
-
React.createElement("div", { className: style$
|
|
2021
|
-
React.createElement("img", { className: style$
|
|
2022
|
-
React.createElement("div", { className: style$
|
|
2023
|
-
React.createElement("div", { className: style$
|
|
1983
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$O["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
|
|
1984
|
+
!isCompanyPage && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1985
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1986
|
+
React.createElement("img", { className: style$O["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1987
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1988
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
2024
1989
|
React.createElement("div", null,
|
|
2025
1990
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
2026
|
-
React.createElement("h2", { className: "".concat(style$
|
|
2027
|
-
React.createElement("div", { className: style$
|
|
1991
|
+
React.createElement("h2", { className: "".concat(style$O["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1992
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
2028
1993
|
React.createElement("h3", null,
|
|
2029
1994
|
companyName,
|
|
2030
1995
|
","),
|
|
@@ -2059,13 +2024,13 @@ var JobCard = function (_a) {
|
|
|
2059
2024
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
2060
2025
|
};
|
|
2061
2026
|
|
|
2062
|
-
var styles$
|
|
2027
|
+
var styles$1V = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
2063
2028
|
|
|
2064
2029
|
var Component$26 = function (_a) {
|
|
2065
2030
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2066
|
-
return (React.createElement("div", { className: styles$
|
|
2031
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-company-header'] },
|
|
2067
2032
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2068
|
-
React.createElement("div", { className: styles$
|
|
2033
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-company-header__data-actions'] },
|
|
2069
2034
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2070
2035
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2071
2036
|
};
|
|
@@ -2074,31 +2039,31 @@ var Component$26 = function (_a) {
|
|
|
2074
2039
|
*/
|
|
2075
2040
|
var JobCompanyHeader = Component$26;
|
|
2076
2041
|
|
|
2077
|
-
var styles$
|
|
2042
|
+
var styles$1U = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2078
2043
|
|
|
2079
2044
|
var Component$25 = function (_a) {
|
|
2080
2045
|
var offerDescription = _a.offerDescription;
|
|
2081
|
-
return (React.createElement("div", { className: styles$
|
|
2046
|
+
return (React.createElement("div", { className: styles$1U['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2082
2047
|
};
|
|
2083
2048
|
/**
|
|
2084
2049
|
* UI Molecule Component for Job Detail Card Header
|
|
2085
2050
|
*/
|
|
2086
2051
|
var JobDetailCard = Component$25;
|
|
2087
2052
|
|
|
2088
|
-
var style$
|
|
2053
|
+
var style$N = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2089
2054
|
|
|
2090
2055
|
var JobDetailContainer = function (_a) {
|
|
2091
2056
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
2092
2057
|
var toggleMenu = useMemo(function () {
|
|
2093
|
-
return isOpen ? style$
|
|
2058
|
+
return isOpen ? style$N['is-open'] : '';
|
|
2094
2059
|
}, [isOpen]);
|
|
2095
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2096
|
-
React.createElement("button", { type: "button", onClick: onClose, className: style$
|
|
2060
|
+
return (React.createElement("div", { className: "".concat(style$N["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
2061
|
+
React.createElement("button", { type: "button", onClick: onClose, className: style$N["".concat(classMUI, "-job-detail-container--btn")] },
|
|
2097
2062
|
React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
2098
2063
|
children));
|
|
2099
2064
|
};
|
|
2100
2065
|
|
|
2101
|
-
var styles$
|
|
2066
|
+
var styles$1T = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
2102
2067
|
|
|
2103
2068
|
var Component$24 = function (_a) {
|
|
2104
2069
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -2110,15 +2075,15 @@ var Component$24 = function (_a) {
|
|
|
2110
2075
|
var offerDetailText = _a.offerDetailText;
|
|
2111
2076
|
return !!offerDetailText && index !== 1;
|
|
2112
2077
|
});
|
|
2113
|
-
return (React.createElement("div", { className: styles$
|
|
2114
|
-
React.createElement("div", { className: styles$
|
|
2078
|
+
return (React.createElement("div", { className: styles$1T['magneto-ui-job-details'] },
|
|
2079
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-details__wrapper'] },
|
|
2115
2080
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2116
2081
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2117
2082
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2118
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2119
|
-
React.createElement("div", { className: styles$
|
|
2083
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1T['magneto-ui-job-details__item-detail'] },
|
|
2084
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-details__item-detail-icon'] },
|
|
2120
2085
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2121
|
-
React.createElement("p", { className: styles$
|
|
2086
|
+
React.createElement("p", { className: styles$1T['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2122
2087
|
})),
|
|
2123
2088
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2124
2089
|
};
|
|
@@ -2128,7 +2093,7 @@ var Component$24 = function (_a) {
|
|
|
2128
2093
|
Component$24.displayName = 'JobDetails';
|
|
2129
2094
|
var JobDetails = Component$24;
|
|
2130
2095
|
|
|
2131
|
-
var styles$
|
|
2096
|
+
var styles$1S = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2132
2097
|
|
|
2133
2098
|
var Component$23 = function (_a) {
|
|
2134
2099
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -2141,18 +2106,18 @@ var Component$23 = function (_a) {
|
|
|
2141
2106
|
title: title
|
|
2142
2107
|
});
|
|
2143
2108
|
});
|
|
2144
|
-
return (React.createElement("div", { className: styles$
|
|
2109
|
+
return (React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card'] },
|
|
2145
2110
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2146
|
-
React.createElement("div", { className: styles$
|
|
2111
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card__icons'] },
|
|
2147
2112
|
React.createElement("p", null, offerFooterHeader),
|
|
2148
|
-
React.createElement("div", { className: styles$
|
|
2113
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-footer-card__wrapper'] },
|
|
2149
2114
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2150
2115
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2151
2116
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2152
2117
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2153
2118
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2154
2119
|
})),
|
|
2155
|
-
React.createElement("div", { className: styles$
|
|
2120
|
+
React.createElement("div", { className: styles$1S['magneto-ui__share-button'] },
|
|
2156
2121
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2157
2122
|
};
|
|
2158
2123
|
/**
|
|
@@ -2160,7 +2125,7 @@ var Component$23 = function (_a) {
|
|
|
2160
2125
|
*/
|
|
2161
2126
|
var JobFooterCard = Component$23;
|
|
2162
2127
|
|
|
2163
|
-
var styles$
|
|
2128
|
+
var styles$1R = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2164
2129
|
|
|
2165
2130
|
var Component$22 = function (_a) {
|
|
2166
2131
|
var name = _a.name, score = _a.score;
|
|
@@ -2198,21 +2163,21 @@ var Component$22 = function (_a) {
|
|
|
2198
2163
|
4: 'four'
|
|
2199
2164
|
};
|
|
2200
2165
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2201
|
-
var fillAnimation = animationApplied ? styles$
|
|
2202
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2203
|
-
React.createElement("div", { className: styles$
|
|
2166
|
+
var fillAnimation = animationApplied ? styles$1R[levelClass] : '';
|
|
2167
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1R['magneto-ui-skill'] },
|
|
2168
|
+
React.createElement("div", { className: styles$1R['magneto-ui-skill__wrapper'] },
|
|
2204
2169
|
React.createElement("p", null, name),
|
|
2205
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2170
|
+
React.createElement("div", { className: "".concat(styles$1R['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1R['magneto-ui-skill--no-animation']) }))));
|
|
2206
2171
|
};
|
|
2207
2172
|
var Skill = Component$22;
|
|
2208
2173
|
|
|
2209
|
-
var styles$
|
|
2174
|
+
var styles$1Q = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2210
2175
|
|
|
2211
2176
|
var Component$21 = function (_a) {
|
|
2212
2177
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2213
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2178
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1Q['magneto-ui-job-skills-card'] },
|
|
2214
2179
|
React.createElement("p", null, offerSkillsLabel),
|
|
2215
|
-
React.createElement("div", { className: styles$
|
|
2180
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2216
2181
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2217
2182
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2218
2183
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2223,7 +2188,7 @@ var Component$21 = function (_a) {
|
|
|
2223
2188
|
*/
|
|
2224
2189
|
var JobSkillsCard = Component$21;
|
|
2225
2190
|
|
|
2226
|
-
var styles$
|
|
2191
|
+
var styles$1P = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2227
2192
|
|
|
2228
2193
|
var JobVideo = function (_a) {
|
|
2229
2194
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2238,15 +2203,15 @@ var JobVideo = function (_a) {
|
|
|
2238
2203
|
setLoadVideo && setLoadVideo(false);
|
|
2239
2204
|
}
|
|
2240
2205
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2241
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2206
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1P[videoClassName] })) : (React.createElement("div", { className: styles$1P['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2242
2207
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2243
2208
|
};
|
|
2244
2209
|
|
|
2245
|
-
var style$
|
|
2210
|
+
var style$M = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2246
2211
|
|
|
2247
2212
|
var Component$20 = function (_a) {
|
|
2248
2213
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2249
|
-
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$
|
|
2214
|
+
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$M['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2250
2215
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2251
2216
|
return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2252
2217
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
@@ -2254,27 +2219,27 @@ var Component$20 = function (_a) {
|
|
|
2254
2219
|
};
|
|
2255
2220
|
var ListIconLink = Component$20;
|
|
2256
2221
|
|
|
2257
|
-
var style$
|
|
2222
|
+
var style$L = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2258
2223
|
|
|
2259
2224
|
var Component$1$ = function (_a) {
|
|
2260
2225
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2261
|
-
var menuActive = isActive ? style$
|
|
2262
|
-
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$
|
|
2226
|
+
var menuActive = isActive ? style$L['isActive'] : '';
|
|
2227
|
+
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2263
2228
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2264
|
-
React.createElement("p", { className: style$
|
|
2229
|
+
React.createElement("p", { className: style$L['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$L['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2265
2230
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2266
|
-
React.createElement("p", { className: style$
|
|
2231
|
+
React.createElement("p", { className: style$L['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2267
2232
|
};
|
|
2268
2233
|
var MenuIcon = Component$1$;
|
|
2269
2234
|
|
|
2270
|
-
var style$
|
|
2235
|
+
var style$K = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2271
2236
|
|
|
2272
2237
|
var Component$1_ = function (_a) {
|
|
2273
2238
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2274
2239
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2275
2240
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2276
2241
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2277
|
-
return (React.createElement("div", { className: style$
|
|
2242
|
+
return (React.createElement("div", { className: style$K['mangeto-ui-list-menu-icons'] },
|
|
2278
2243
|
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2279
2244
|
userMenu.map(function (_a, i) {
|
|
2280
2245
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2301,23 +2266,23 @@ var Component$1Z = function (_a) {
|
|
|
2301
2266
|
};
|
|
2302
2267
|
var ListMenuItems = Component$1Z;
|
|
2303
2268
|
|
|
2304
|
-
var style$
|
|
2269
|
+
var style$J = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2305
2270
|
|
|
2306
2271
|
var ListMenuText = function (_a) {
|
|
2307
2272
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2308
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2309
|
-
React.createElement("p", { className: "".concat(style$
|
|
2273
|
+
return (React.createElement("div", { className: "".concat(style$J["".concat(classMUI, "-list-menu")]) },
|
|
2274
|
+
React.createElement("p", { className: "".concat(style$J["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2310
2275
|
links.map(function (_a, i) {
|
|
2311
2276
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2312
2277
|
return isCreateAccount
|
|
2313
|
-
? tag && (React.createElement("div", { key: i, className: "".concat(style$
|
|
2314
|
-
React.createElement("button", { title: tag, className: "".concat(style$
|
|
2278
|
+
? tag && (React.createElement("div", { key: i, className: "".concat(style$J["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2279
|
+
React.createElement("button", { title: tag, className: "".concat(style$J["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2315
2280
|
isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
|
|
2316
|
-
: tag && (React.createElement("a", { className: "".concat(style$
|
|
2281
|
+
: tag && (React.createElement("a", { className: "".concat(style$J["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2317
2282
|
})));
|
|
2318
2283
|
};
|
|
2319
2284
|
|
|
2320
|
-
var style$
|
|
2285
|
+
var style$I = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2321
2286
|
|
|
2322
2287
|
var ListSortMenu = function (_a) {
|
|
2323
2288
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2325,24 +2290,61 @@ var ListSortMenu = function (_a) {
|
|
|
2325
2290
|
setFilter({ key: key });
|
|
2326
2291
|
setShowPopover(false);
|
|
2327
2292
|
}, [setFilter, setShowPopover]);
|
|
2328
|
-
return (React.createElement("div", { className: style$
|
|
2293
|
+
return (React.createElement("div", { className: style$I['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2329
2294
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2330
2295
|
return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2331
2296
|
})));
|
|
2332
2297
|
};
|
|
2333
2298
|
|
|
2334
|
-
var style$
|
|
2299
|
+
var style$H = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2335
2300
|
|
|
2336
2301
|
var MagnetoResolution = function (_a) {
|
|
2337
2302
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2338
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2339
|
-
React.createElement("img", { className: "".concat(style$
|
|
2340
|
-
React.createElement("p", { className: "".concat(style$
|
|
2303
|
+
return (React.createElement("div", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution")]) },
|
|
2304
|
+
React.createElement("img", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2305
|
+
React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2341
2306
|
resolutionText,
|
|
2342
|
-
React.createElement("a", { className: "".concat(style$
|
|
2307
|
+
React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2308
|
+
};
|
|
2309
|
+
|
|
2310
|
+
var styles$1O = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2311
|
+
|
|
2312
|
+
var Image = function (_a) {
|
|
2313
|
+
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2314
|
+
return (React.createElement(React.Fragment, null,
|
|
2315
|
+
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2316
|
+
playIcon && React.createElement("div", { className: styles$1O['magneto-ui-play-button'] }, playIcon)));
|
|
2317
|
+
};
|
|
2318
|
+
|
|
2319
|
+
var styles$1N = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
2320
|
+
|
|
2321
|
+
var MegaMenuCard = function (_a) {
|
|
2322
|
+
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
2323
|
+
var handleClick = useCallback(function (event) {
|
|
2324
|
+
if (onClick != null) {
|
|
2325
|
+
event.preventDefault();
|
|
2326
|
+
onClick();
|
|
2327
|
+
}
|
|
2328
|
+
}, [onClick]);
|
|
2329
|
+
var rigthArrow = (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__arrow"] },
|
|
2330
|
+
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2331
|
+
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2332
|
+
md: rigthArrow
|
|
2333
|
+
});
|
|
2334
|
+
return (React.createElement("a", { className: "".concat(styles$1N["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2335
|
+
icon && (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__icon"] },
|
|
2336
|
+
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2337
|
+
logo && (React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__logo"] },
|
|
2338
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1N["magneto-ui-mega-menu-card__logo"] }))),
|
|
2339
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__content"] },
|
|
2340
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__title"] }, title),
|
|
2341
|
+
React.createElement("div", { className: styles$1N["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2342
|
+
maximumFractionDigits: 3
|
|
2343
|
+
}), " cupos"))),
|
|
2344
|
+
arrow));
|
|
2343
2345
|
};
|
|
2344
2346
|
|
|
2345
|
-
var style$
|
|
2347
|
+
var style$G = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2346
2348
|
|
|
2347
2349
|
var initialContext = {
|
|
2348
2350
|
socialHeaderProps: {
|
|
@@ -2373,7 +2375,7 @@ var useMegaMenuMain = function () {
|
|
|
2373
2375
|
return mainHeaderProps;
|
|
2374
2376
|
};
|
|
2375
2377
|
|
|
2376
|
-
var styles$
|
|
2378
|
+
var styles$1M = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2377
2379
|
|
|
2378
2380
|
var Component$1Y = function (_a) {
|
|
2379
2381
|
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;
|
|
@@ -2383,10 +2385,10 @@ var Component$1Y = function (_a) {
|
|
|
2383
2385
|
onClick();
|
|
2384
2386
|
}
|
|
2385
2387
|
}, [onClick]);
|
|
2386
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2387
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2388
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2389
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2388
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1M['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2389
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1M['button-link__icon'] })),
|
|
2390
|
+
buttonText && React.createElement("p", { className: styles$1M['button-link__text'] }, buttonText),
|
|
2391
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1M['button-link__icon'] }))));
|
|
2390
2392
|
};
|
|
2391
2393
|
/**
|
|
2392
2394
|
* UI Atom Component of Save Button
|
|
@@ -2394,31 +2396,32 @@ var Component$1Y = function (_a) {
|
|
|
2394
2396
|
var ButtonLink = Component$1Y;
|
|
2395
2397
|
|
|
2396
2398
|
var MegaMenuJobsTabs = function () {
|
|
2397
|
-
var _a
|
|
2398
|
-
var
|
|
2399
|
+
var _a, _b;
|
|
2400
|
+
var _c = useState(0), selectedTab = _c[0], setSelectedTab = _c[1];
|
|
2401
|
+
var _d = useMegaMenuJobs(), tabs = _d.tabs, onChangeTab = _d.onChangeTab, allJobsAction = _d.allJobsAction;
|
|
2399
2402
|
var onClickTab = useCallback(function (index) { return function () {
|
|
2400
2403
|
setSelectedTab(index);
|
|
2401
2404
|
onChangeTab && onChangeTab(index);
|
|
2402
2405
|
}; }, [onChangeTab]);
|
|
2403
2406
|
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2404
2407
|
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2405
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2408
|
+
return (React.createElement("div", { className: "".concat(style$G["mega-menu-jobs-tabs__container"]) },
|
|
2406
2409
|
React.createElement("nav", null,
|
|
2407
|
-
React.createElement("ul", { className: "".concat(style$
|
|
2410
|
+
React.createElement("ul", { className: "".concat(style$G["mega-menu-jobs-tabs"]) },
|
|
2408
2411
|
tabs &&
|
|
2409
2412
|
tabs.map(function (_a, index) {
|
|
2410
2413
|
var label = _a.label, url = _a.url;
|
|
2411
2414
|
return (React.createElement("li", { key: index },
|
|
2412
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2415
|
+
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$G["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$G["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2413
2416
|
}),
|
|
2414
2417
|
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2415
2418
|
React.createElement("li", null,
|
|
2416
|
-
React.createElement(SearchItem, { tag:
|
|
2419
|
+
React.createElement(SearchItem, { tag: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', url: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '' })))),
|
|
2417
2420
|
React.createElement(Divider, null),
|
|
2418
|
-
React.createElement("div", { className: "".concat(style$
|
|
2421
|
+
React.createElement("div", { className: "".concat(style$G["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2419
2422
|
};
|
|
2420
2423
|
|
|
2421
|
-
var styles$
|
|
2424
|
+
var styles$1L = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
2422
2425
|
|
|
2423
2426
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2424
2427
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2437,27 +2440,47 @@ var MegaMenuPopover = function (_a) {
|
|
|
2437
2440
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2438
2441
|
}, [showContent]);
|
|
2439
2442
|
return (React.createElement(React.Fragment, null,
|
|
2440
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2441
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2442
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2443
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2444
|
-
React.createElement("div", { className: styles$
|
|
2445
|
-
React.createElement("div", { className: styles$
|
|
2443
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1L["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2444
|
+
React.createElement("p", { className: "".concat(styles$1L["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2445
|
+
React.createElement(IconItem, { className: "".concat(styles$1L["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1L["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2446
|
+
React.createElement("div", { className: "".concat(styles$1L["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1L["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2447
|
+
React.createElement("div", { className: styles$1L["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2448
|
+
React.createElement("div", { className: styles$1L["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2446
2449
|
event.stopPropagation();
|
|
2447
2450
|
} }, children))));
|
|
2448
2451
|
};
|
|
2449
2452
|
|
|
2450
|
-
var
|
|
2453
|
+
var style$F = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
|
|
2454
|
+
|
|
2455
|
+
var MegaMenuSideCards = function (_a) {
|
|
2456
|
+
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b, cardsRef = _a.cardsRef;
|
|
2457
|
+
var _c = useState(initValue || 0), selected = _c[0], setSelected = _c[1];
|
|
2458
|
+
var handleClick = useCallback(function (index) { return function () {
|
|
2459
|
+
setSelected(index);
|
|
2460
|
+
onSelectCard && onSelectCard(index);
|
|
2461
|
+
}; }, [onSelectCard]);
|
|
2462
|
+
useImperativeHandle(cardsRef, function () { return ({
|
|
2463
|
+
setSelectedCard: function (index) { return setSelected(index); }
|
|
2464
|
+
}); });
|
|
2465
|
+
return (React.createElement("ul", { className: "".concat(style$F["mega-menu-side-cards"]) },
|
|
2466
|
+
jobs &&
|
|
2467
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
2468
|
+
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$F["mega-menu-side-cards__card"], " ").concat(selected == key ? style$F["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
|
|
2469
|
+
action && (React.createElement("li", null,
|
|
2470
|
+
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$F["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2471
|
+
};
|
|
2472
|
+
|
|
2473
|
+
var styles$1K = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
2451
2474
|
|
|
2452
2475
|
var MenuSearch = function (_a) {
|
|
2453
2476
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2454
2477
|
var onBlur = useCallback(function () {
|
|
2455
2478
|
handleOnBlur && handleOnBlur();
|
|
2456
2479
|
}, [handleOnBlur]);
|
|
2457
|
-
return (React.createElement("div", { className: styles$
|
|
2458
|
-
React.createElement("div", { className: styles$
|
|
2480
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2481
|
+
React.createElement("div", { className: styles$1K['magneto-ui-menu-search_container'] },
|
|
2459
2482
|
children,
|
|
2460
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2483
|
+
React.createElement("div", { className: "".concat(styles$1K['magneto-ui-menu-search_content'], " ").concat(show && styles$1K.open) }, content))));
|
|
2461
2484
|
};
|
|
2462
2485
|
|
|
2463
2486
|
var iconByType = {
|
|
@@ -2468,7 +2491,7 @@ var iconByType = {
|
|
|
2468
2491
|
};
|
|
2469
2492
|
var transitionDuration = 300;
|
|
2470
2493
|
|
|
2471
|
-
var styles$
|
|
2494
|
+
var styles$1J = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2472
2495
|
|
|
2473
2496
|
var Component$1X = function (_a) {
|
|
2474
2497
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
@@ -2482,7 +2505,7 @@ var Component$1X = function (_a) {
|
|
|
2482
2505
|
}); }, []);
|
|
2483
2506
|
var containerStyles = useMemo(function () {
|
|
2484
2507
|
return CNM.get({
|
|
2485
|
-
styles: styles$
|
|
2508
|
+
styles: styles$1J,
|
|
2486
2509
|
cls: [
|
|
2487
2510
|
'message__container',
|
|
2488
2511
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2490,7 +2513,7 @@ var Component$1X = function (_a) {
|
|
|
2490
2513
|
]
|
|
2491
2514
|
});
|
|
2492
2515
|
}, [type, toggleAnimation]);
|
|
2493
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2516
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1J, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2494
2517
|
useEffect(function () {
|
|
2495
2518
|
if (!localVisible)
|
|
2496
2519
|
return;
|
|
@@ -2522,9 +2545,9 @@ var Component$1X = function (_a) {
|
|
|
2522
2545
|
setIsAnimating(visible);
|
|
2523
2546
|
}, [isAnimating, visible]);
|
|
2524
2547
|
return localVisible
|
|
2525
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2548
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1J, cls: [className] }) },
|
|
2526
2549
|
React.createElement("div", { className: containerStyles },
|
|
2527
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2550
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1J, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2528
2551
|
React.createElement("div", null,
|
|
2529
2552
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2530
2553
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2535,11 +2558,11 @@ var Component$1X = function (_a) {
|
|
|
2535
2558
|
*/
|
|
2536
2559
|
var Message = Component$1X;
|
|
2537
2560
|
|
|
2538
|
-
var styles$
|
|
2561
|
+
var styles$1I = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2539
2562
|
|
|
2540
2563
|
var Component$1W = function (_a) {
|
|
2541
2564
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2542
|
-
return (React.createElement("div", { className: styles$
|
|
2565
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-mobile-job-details-header'] },
|
|
2543
2566
|
React.createElement("button", { onClick: onClick },
|
|
2544
2567
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2545
2568
|
React.createElement("p", null, returnText)));
|
|
@@ -2549,7 +2572,7 @@ var Component$1W = function (_a) {
|
|
|
2549
2572
|
*/
|
|
2550
2573
|
var MobileJobDetailsHeader = Component$1W;
|
|
2551
2574
|
|
|
2552
|
-
var styles$
|
|
2575
|
+
var styles$1H = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2553
2576
|
|
|
2554
2577
|
var Component$1V = function (_a) {
|
|
2555
2578
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -2573,20 +2596,20 @@ var Component$1V = function (_a) {
|
|
|
2573
2596
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2574
2597
|
}
|
|
2575
2598
|
}, [focusSearchInput]);
|
|
2576
|
-
return (React.createElement("div", { className: styles$
|
|
2599
|
+
return (React.createElement("div", { className: styles$1H.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2577
2600
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2578
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2579
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2601
|
+
searchValue && React.createElement("div", { className: styles$1H['search-badge'] }),
|
|
2602
|
+
React.createElement(MainButton, __assign({ className: styles$1H['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2580
2603
|
React.createElement("label", { htmlFor: "search" }),
|
|
2581
2604
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2582
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2605
|
+
React.createElement(MainButton, __assign({ className: styles$1H['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2583
2606
|
};
|
|
2584
2607
|
/**
|
|
2585
2608
|
* Molecule UI component for MobileSearchbar
|
|
2586
2609
|
*/
|
|
2587
2610
|
var MobileSearchbar = Component$1V;
|
|
2588
2611
|
|
|
2589
|
-
var styles$
|
|
2612
|
+
var styles$1G = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2590
2613
|
|
|
2591
2614
|
var Modal = function (_a) {
|
|
2592
2615
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
@@ -2599,21 +2622,21 @@ var Modal = function (_a) {
|
|
|
2599
2622
|
if (!isOpen)
|
|
2600
2623
|
return null;
|
|
2601
2624
|
return (React.createElement(Fragment, null,
|
|
2602
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2603
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2604
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2625
|
+
React.createElement("div", { className: "".concat(styles$1G["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2626
|
+
title ? React.createElement("h2", { className: "".concat(styles$1G["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2627
|
+
description ? React.createElement("p", { className: "".concat(styles$1G["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2605
2628
|
children,
|
|
2606
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2629
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1G["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2607
2630
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2608
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2631
|
+
React.createElement("span", { className: "".concat(styles$1G["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2609
2632
|
};
|
|
2610
2633
|
var Title = function (_a) {
|
|
2611
2634
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2612
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2635
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1G["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2613
2636
|
};
|
|
2614
2637
|
var Description = function (_a) {
|
|
2615
2638
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2616
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2639
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1G["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2617
2640
|
};
|
|
2618
2641
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2619
2642
|
|
|
@@ -2626,22 +2649,22 @@ var Component$1U = function (_a) {
|
|
|
2626
2649
|
};
|
|
2627
2650
|
var ModalResponsive = Component$1U;
|
|
2628
2651
|
|
|
2629
|
-
var styles$
|
|
2652
|
+
var styles$1F = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2630
2653
|
|
|
2631
2654
|
var BtnPagination = function (_a) {
|
|
2632
2655
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2633
2656
|
var displayContent = useMemo(function () {
|
|
2634
2657
|
if (loading && value && current === value)
|
|
2635
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2658
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1F['magneto-ui-btn-pagination_spinner'] });
|
|
2636
2659
|
return value;
|
|
2637
2660
|
}, [loading, current, value]);
|
|
2638
2661
|
var pageQueryParam = 'paginator[page]=';
|
|
2639
2662
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2640
2663
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2641
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2642
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2664
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1F['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2665
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1F['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1F['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1F['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1F['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2643
2666
|
displayContent,
|
|
2644
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2667
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1F['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1F['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1F['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1F['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2645
2668
|
displayContent,
|
|
2646
2669
|
displayIcon))));
|
|
2647
2670
|
};
|
|
@@ -2692,7 +2715,7 @@ var createPagination = function (_a) {
|
|
|
2692
2715
|
};
|
|
2693
2716
|
};
|
|
2694
2717
|
|
|
2695
|
-
var styles$
|
|
2718
|
+
var styles$1E = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2696
2719
|
|
|
2697
2720
|
var Pagination = function (_a) {
|
|
2698
2721
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -2711,16 +2734,16 @@ var Pagination = function (_a) {
|
|
|
2711
2734
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2712
2735
|
if (total <= pageSize)
|
|
2713
2736
|
return React.createElement(Fragment, null);
|
|
2714
|
-
return (React.createElement("div", { className: styles$
|
|
2737
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-pagination'] },
|
|
2715
2738
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2716
2739
|
React.createElement("ul", null,
|
|
2717
2740
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2718
2741
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2719
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2742
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1E['magneto-ui-pagination_ellipsis'] }))),
|
|
2720
2743
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2721
2744
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2722
2745
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2723
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2746
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1E['magneto-ui-pagination_ellipsis'] }),
|
|
2724
2747
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2725
2748
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2726
2749
|
};
|
|
@@ -2740,7 +2763,7 @@ var generateID = function () {
|
|
|
2740
2763
|
return uniqueID;
|
|
2741
2764
|
};
|
|
2742
2765
|
|
|
2743
|
-
var styles$
|
|
2766
|
+
var styles$1D = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2744
2767
|
|
|
2745
2768
|
var Component$1T = function (_a) {
|
|
2746
2769
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -2770,17 +2793,17 @@ var Component$1T = function (_a) {
|
|
|
2770
2793
|
}
|
|
2771
2794
|
return { backgroundColor: '#c4c4c4' };
|
|
2772
2795
|
}, [color, score, spanHover]);
|
|
2773
|
-
return (React.createElement("div", { className: styles$
|
|
2796
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-score-level'] },
|
|
2774
2797
|
React.createElement("p", null, name),
|
|
2775
|
-
React.createElement("div", { className: styles$
|
|
2798
|
+
React.createElement("div", { className: styles$1D['magneto-ui-score-level__summary'] },
|
|
2776
2799
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2777
2800
|
React.createElement("p", null, labelScore)),
|
|
2778
|
-
React.createElement("button", { className: styles$
|
|
2801
|
+
React.createElement("button", { className: styles$1D['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2779
2802
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2780
2803
|
};
|
|
2781
2804
|
var ScoreLevel = Component$1T;
|
|
2782
2805
|
|
|
2783
|
-
var styles$
|
|
2806
|
+
var styles$1C = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2784
2807
|
|
|
2785
2808
|
var Component$1S = function (_a) {
|
|
2786
2809
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -2797,15 +2820,15 @@ var Component$1S = function (_a) {
|
|
|
2797
2820
|
}
|
|
2798
2821
|
return { backgroundColor: '#c4c4c4' };
|
|
2799
2822
|
}, [color, scoreValue]);
|
|
2800
|
-
return (React.createElement("div", { className: styles$
|
|
2823
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-score-level'] },
|
|
2801
2824
|
React.createElement("p", null, name),
|
|
2802
|
-
React.createElement("div", { className: styles$
|
|
2825
|
+
React.createElement("div", { className: styles$1C['magneto-ui-score-level__summary'] },
|
|
2803
2826
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2804
2827
|
React.createElement("p", null, labelScore))));
|
|
2805
2828
|
};
|
|
2806
2829
|
var ScoreLevelStatic = Component$1S;
|
|
2807
2830
|
|
|
2808
|
-
var styles$
|
|
2831
|
+
var styles$1B = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2809
2832
|
|
|
2810
2833
|
var Component$1R = function (_a) {
|
|
2811
2834
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -2823,13 +2846,13 @@ var Component$1R = function (_a) {
|
|
|
2823
2846
|
setSearchValue('');
|
|
2824
2847
|
onSearch('');
|
|
2825
2848
|
};
|
|
2826
|
-
return (React.createElement("div", { className: styles$
|
|
2849
|
+
return (React.createElement("div", { className: styles$1B.SearchbarComponent },
|
|
2827
2850
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2828
2851
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2829
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2830
|
-
React.createElement("div", { className: styles$
|
|
2852
|
+
searchValue && React.createElement("div", { className: styles$1B['SearchbarComponent__badge'] }),
|
|
2853
|
+
React.createElement("div", { className: styles$1B['magneto-ui-searchbar-buttons'] },
|
|
2831
2854
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2832
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2855
|
+
React.createElement(MainButton, __assign({ className: styles$1B['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2833
2856
|
React.createElement("span", null, "|"))),
|
|
2834
2857
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2835
2858
|
};
|
|
@@ -2838,17 +2861,17 @@ var Component$1R = function (_a) {
|
|
|
2838
2861
|
*/
|
|
2839
2862
|
var Searchbar = Component$1R;
|
|
2840
2863
|
|
|
2841
|
-
var styles$
|
|
2864
|
+
var styles$1A = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2842
2865
|
|
|
2843
2866
|
var Component$1Q = function (_a) {
|
|
2844
2867
|
var props = __rest(_a, []);
|
|
2845
|
-
return (React.createElement("div", { className: styles$
|
|
2846
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2868
|
+
return (React.createElement("div", { className: styles$1A['search-button'] },
|
|
2869
|
+
props.searchValue && React.createElement("div", { className: styles$1A['search-button__badge'] }),
|
|
2847
2870
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2848
2871
|
};
|
|
2849
2872
|
var SearchButton = Component$1Q;
|
|
2850
2873
|
|
|
2851
|
-
var styles$
|
|
2874
|
+
var styles$1z = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2852
2875
|
|
|
2853
2876
|
var SimilarJobsCard = function (_a) {
|
|
2854
2877
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -2858,12 +2881,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2858
2881
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2859
2882
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2860
2883
|
}, [cities, salary, experience]);
|
|
2861
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2862
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2884
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2885
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2863
2886
|
React.createElement("div", null,
|
|
2864
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2865
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2866
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2887
|
+
React.createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2888
|
+
React.createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2889
|
+
React.createElement(IconItem, { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2867
2890
|
};
|
|
2868
2891
|
|
|
2869
2892
|
var style$D = {"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"};
|
|
@@ -2885,7 +2908,7 @@ var SortMenu = function (_a) {
|
|
|
2885
2908
|
};
|
|
2886
2909
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2887
2910
|
|
|
2888
|
-
var styles$
|
|
2911
|
+
var styles$1y = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2889
2912
|
|
|
2890
2913
|
var TextArea = function (_a) {
|
|
2891
2914
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -2911,15 +2934,15 @@ var TextArea = function (_a) {
|
|
|
2911
2934
|
return;
|
|
2912
2935
|
setShowPlaceholder(scrollTop === 0);
|
|
2913
2936
|
}, [showPlaceholder]);
|
|
2914
|
-
return (React.createElement("div", { className: styles$
|
|
2915
|
-
React.createElement("div", { className: styles$
|
|
2937
|
+
return (React.createElement("div", { className: styles$1y["".concat(classMUI, "-text-area")] },
|
|
2938
|
+
React.createElement("div", { className: styles$1y["".concat(classMUI, "-text-area--container")] },
|
|
2916
2939
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2917
2940
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2918
2941
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2919
|
-
}, className: styles$
|
|
2920
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2921
|
-
React.createElement("div", { className: styles$
|
|
2922
|
-
React.createElement("span", { className: styles$
|
|
2942
|
+
}, className: styles$1y["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2943
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1y["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2944
|
+
React.createElement("div", { className: styles$1y["".concat(classMUI, "-text-area__footer")] },
|
|
2945
|
+
React.createElement("span", { className: styles$1y["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2923
2946
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2924
2947
|
};
|
|
2925
2948
|
|
|
@@ -2945,7 +2968,7 @@ var Component$1P = function (_a) {
|
|
|
2945
2968
|
};
|
|
2946
2969
|
var TimelineEvent = Component$1P;
|
|
2947
2970
|
|
|
2948
|
-
var styles$
|
|
2971
|
+
var styles$1x = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2949
2972
|
|
|
2950
2973
|
var Component$1O = function (_a) {
|
|
2951
2974
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
@@ -2970,7 +2993,7 @@ var Component$1O = function (_a) {
|
|
|
2970
2993
|
}
|
|
2971
2994
|
return false;
|
|
2972
2995
|
};
|
|
2973
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2996
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1x['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2974
2997
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2975
2998
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2976
2999
|
})));
|
|
@@ -2996,9 +3019,9 @@ var userMenuAnalystIcons = {
|
|
|
2996
3019
|
rateUsHelp: Messages2BlackOutline
|
|
2997
3020
|
};
|
|
2998
3021
|
|
|
2999
|
-
var styles$
|
|
3022
|
+
var styles$1w = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
3000
3023
|
|
|
3001
|
-
var styles$
|
|
3024
|
+
var styles$1v = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
3002
3025
|
|
|
3003
3026
|
var Component$1M = function (_a) {
|
|
3004
3027
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -3014,12 +3037,12 @@ var Component$1M = function (_a) {
|
|
|
3014
3037
|
}
|
|
3015
3038
|
}, [handleModal, handleMenuOpen, option]);
|
|
3016
3039
|
return (React.createElement("span", { className: CNM.get({
|
|
3017
|
-
styles: styles$
|
|
3040
|
+
styles: styles$1v,
|
|
3018
3041
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3019
3042
|
}) },
|
|
3020
3043
|
prefix,
|
|
3021
3044
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
3022
|
-
styles: styles$
|
|
3045
|
+
styles: styles$1v,
|
|
3023
3046
|
cls: ['user-menu-analyst-option-default__container']
|
|
3024
3047
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
3025
3048
|
suffix));
|
|
@@ -3029,16 +3052,16 @@ var Component$1M = function (_a) {
|
|
|
3029
3052
|
*/
|
|
3030
3053
|
var UserMenuAnalystOptionDefault = React.memo(Component$1M);
|
|
3031
3054
|
|
|
3032
|
-
var styles$
|
|
3055
|
+
var styles$1u = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
3033
3056
|
|
|
3034
3057
|
var Component$1L = function (_a) {
|
|
3035
3058
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3036
3059
|
return (React.createElement("span", { className: CNM.get({
|
|
3037
|
-
styles: styles$
|
|
3060
|
+
styles: styles$1u,
|
|
3038
3061
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3039
3062
|
}) },
|
|
3040
3063
|
prefix,
|
|
3041
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3064
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3042
3065
|
suffix));
|
|
3043
3066
|
};
|
|
3044
3067
|
/**
|
|
@@ -3046,12 +3069,12 @@ var Component$1L = function (_a) {
|
|
|
3046
3069
|
*/
|
|
3047
3070
|
var UserMenuAnalystOptionHover = React.memo(Component$1L);
|
|
3048
3071
|
|
|
3049
|
-
var styles$
|
|
3072
|
+
var styles$1t = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3050
3073
|
|
|
3051
3074
|
var Component$1K = function (_a) {
|
|
3052
3075
|
var option = _a.option, className = _a.className;
|
|
3053
3076
|
return (React.createElement("span", { className: CNM.get({
|
|
3054
|
-
styles: styles$
|
|
3077
|
+
styles: styles$1t,
|
|
3055
3078
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3056
3079
|
}) },
|
|
3057
3080
|
React.createElement("p", null, option.title)));
|
|
@@ -3107,26 +3130,26 @@ var optionTypes = (_b = {},
|
|
|
3107
3130
|
_b);
|
|
3108
3131
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3109
3132
|
|
|
3110
|
-
var styles$
|
|
3133
|
+
var styles$1s = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
3111
3134
|
|
|
3112
3135
|
var Component$1I = function (_a) {
|
|
3113
3136
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3114
3137
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3115
3138
|
return (React.createElement("div", null,
|
|
3116
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3139
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3117
3140
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3118
3141
|
React.createElement("span", { className: CNM.get({
|
|
3119
|
-
styles: styles$
|
|
3142
|
+
styles: styles$1s,
|
|
3120
3143
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3121
3144
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3122
3145
|
React.createElement("span", { className: CNM.get({
|
|
3123
|
-
styles: styles$
|
|
3146
|
+
styles: styles$1s,
|
|
3124
3147
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3125
3148
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3126
3149
|
};
|
|
3127
3150
|
var UserMenuAnalystTitle = Component$1I;
|
|
3128
3151
|
|
|
3129
|
-
var styles$
|
|
3152
|
+
var styles$1r = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
3130
3153
|
|
|
3131
3154
|
var Component$1H = function (_a) {
|
|
3132
3155
|
var _b;
|
|
@@ -3154,13 +3177,13 @@ var Component$1H = function (_a) {
|
|
|
3154
3177
|
var OptionType = getOptionType(option.type);
|
|
3155
3178
|
if (!OptionType)
|
|
3156
3179
|
return null;
|
|
3157
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3158
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3180
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__object'] }) },
|
|
3181
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1r, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3159
3182
|
}
|
|
3160
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3183
|
+
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3161
3184
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3162
3185
|
}, className: CNM.get({
|
|
3163
|
-
styles: styles$
|
|
3186
|
+
styles: styles$1r,
|
|
3164
3187
|
cls: [
|
|
3165
3188
|
'user-menu-analyst-option__dropdown',
|
|
3166
3189
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3169,7 +3192,7 @@ var Component$1H = function (_a) {
|
|
|
3169
3192
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3170
3193
|
var _a;
|
|
3171
3194
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3172
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3195
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
3173
3196
|
_a.map(function (child, j) { return (React.createElement(Component$1H, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3174
3197
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3175
3198
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -3184,11 +3207,11 @@ var UserMenuAnalystOption = Component$1H;
|
|
|
3184
3207
|
var Component$1G = function (_a) {
|
|
3185
3208
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3186
3209
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3187
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3210
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3188
3211
|
var _a;
|
|
3189
3212
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3190
3213
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3191
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3214
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3192
3215
|
React.createElement(Divider, null)))));
|
|
3193
3216
|
})));
|
|
3194
3217
|
};
|
|
@@ -3197,7 +3220,7 @@ var Component$1G = function (_a) {
|
|
|
3197
3220
|
*/
|
|
3198
3221
|
var UserMenuAnalystOptions = Component$1G;
|
|
3199
3222
|
|
|
3200
|
-
var styles$
|
|
3223
|
+
var styles$1q = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
3201
3224
|
|
|
3202
3225
|
var Component$1F = function (_a) {
|
|
3203
3226
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
@@ -3217,22 +3240,22 @@ var Component$1F = function (_a) {
|
|
|
3217
3240
|
: action.data;
|
|
3218
3241
|
}
|
|
3219
3242
|
}, [action, queryString]);
|
|
3220
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3221
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3222
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3243
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst'] }) },
|
|
3244
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__header'] }) },
|
|
3245
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user'] }) },
|
|
3223
3246
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3224
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3225
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3226
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3227
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3247
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info'] }) },
|
|
3248
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3249
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3250
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3228
3251
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3229
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3252
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3230
3253
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3231
|
-
styles: styles$
|
|
3254
|
+
styles: styles$1q,
|
|
3232
3255
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3233
3256
|
}), optionClassNames: {
|
|
3234
|
-
link: CNM.get({ styles: styles$
|
|
3235
|
-
dropdown: CNM.get({ styles: styles$
|
|
3257
|
+
link: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__company-link'] }),
|
|
3258
|
+
dropdown: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3236
3259
|
} }))),
|
|
3237
3260
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3238
3261
|
};
|
|
@@ -3241,11 +3264,11 @@ var Component$1F = function (_a) {
|
|
|
3241
3264
|
*/
|
|
3242
3265
|
var UserMenuAnalyst = Component$1F;
|
|
3243
3266
|
|
|
3244
|
-
var styles$
|
|
3267
|
+
var styles$1p = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3245
3268
|
|
|
3246
3269
|
var Component$1E = function (_a) {
|
|
3247
3270
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
3248
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3271
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3249
3272
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3250
3273
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3251
3274
|
};
|
|
@@ -3254,12 +3277,12 @@ var Component$1E = function (_a) {
|
|
|
3254
3277
|
*/
|
|
3255
3278
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1E);
|
|
3256
3279
|
|
|
3257
|
-
var styles$
|
|
3280
|
+
var styles$1o = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3258
3281
|
|
|
3259
3282
|
var Component$1D = function (_a) {
|
|
3260
3283
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
3261
3284
|
return (React.createElement(React.Fragment, null,
|
|
3262
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3285
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1o, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3263
3286
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3264
3287
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3265
3288
|
};
|
|
@@ -3292,19 +3315,19 @@ var Component$1C = function (_a) {
|
|
|
3292
3315
|
*/
|
|
3293
3316
|
var UserMenuWrapperAnalyst = Component$1C;
|
|
3294
3317
|
|
|
3295
|
-
var styles$
|
|
3318
|
+
var styles$1n = {"alert-job":"mg_alert_job_status_alert-job_1lsa1","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_1lsa1","normal":"mg_alert_job_status_normal_1lsa1","warning":"mg_alert_job_status_warning_1lsa1"};
|
|
3296
3319
|
|
|
3297
|
-
var styles$
|
|
3320
|
+
var styles$1m = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3298
3321
|
|
|
3299
|
-
var cx$B = classNames.bind(styles$
|
|
3322
|
+
var cx$B = classNames.bind(styles$1m);
|
|
3300
3323
|
var AlertJobStatusContainer = function (_a) {
|
|
3301
3324
|
var className = _a.className, children = _a.children;
|
|
3302
3325
|
return React.createElement("div", { className: cx$B('alert-job__content', className) }, children);
|
|
3303
3326
|
};
|
|
3304
3327
|
|
|
3305
|
-
var styles$
|
|
3328
|
+
var styles$1l = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3306
3329
|
|
|
3307
|
-
var cx$A = classNames.bind(styles$
|
|
3330
|
+
var cx$A = classNames.bind(styles$1l);
|
|
3308
3331
|
var alertIcons = {
|
|
3309
3332
|
success: Checked2,
|
|
3310
3333
|
warning: Warning3D
|
|
@@ -3316,7 +3339,7 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3316
3339
|
return (React.createElement("img", { style: customWidth, className: cx$A('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3317
3340
|
};
|
|
3318
3341
|
|
|
3319
|
-
var cx$z = classNames.bind(styles$
|
|
3342
|
+
var cx$z = classNames.bind(styles$1n);
|
|
3320
3343
|
var Component$1B = function (_a) {
|
|
3321
3344
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3322
3345
|
return React.createElement("div", { className: cx$z('alert-job', className, type) }, children);
|
|
@@ -3327,11 +3350,11 @@ var AlertJobStatus = Object.assign(Component$1B, {
|
|
|
3327
3350
|
Text: Text$1
|
|
3328
3351
|
});
|
|
3329
3352
|
|
|
3330
|
-
var styles$
|
|
3353
|
+
var styles$1k = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
3331
3354
|
|
|
3332
|
-
var styles$
|
|
3355
|
+
var styles$1j = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3333
3356
|
|
|
3334
|
-
var cx$y = classNames.bind(styles$
|
|
3357
|
+
var cx$y = classNames.bind(styles$1j);
|
|
3335
3358
|
var Component$1A = function (_a) {
|
|
3336
3359
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3337
3360
|
if (hideLogo)
|
|
@@ -3340,7 +3363,7 @@ var Component$1A = function (_a) {
|
|
|
3340
3363
|
};
|
|
3341
3364
|
var SimilarCardLogo = Component$1A;
|
|
3342
3365
|
|
|
3343
|
-
var cx$x = classNames.bind(styles$
|
|
3366
|
+
var cx$x = classNames.bind(styles$1k);
|
|
3344
3367
|
var Component$1z = function (_a) {
|
|
3345
3368
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3346
3369
|
return (React.createElement(React.Fragment, null,
|
|
@@ -3348,7 +3371,7 @@ var Component$1z = function (_a) {
|
|
|
3348
3371
|
};
|
|
3349
3372
|
var SimilarCardIcon = Component$1z;
|
|
3350
3373
|
|
|
3351
|
-
var cx$w = classNames.bind(styles$
|
|
3374
|
+
var cx$w = classNames.bind(styles$1k);
|
|
3352
3375
|
var Component$1y = function (_a) {
|
|
3353
3376
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3354
3377
|
return (React.createElement("a", { className: cx$w("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -3359,17 +3382,51 @@ var SimilarCard = Object.assign(Component$1y, {
|
|
|
3359
3382
|
Icon: SimilarCardIcon
|
|
3360
3383
|
});
|
|
3361
3384
|
|
|
3385
|
+
var ModalPortal = function (_a) {
|
|
3386
|
+
var children = _a.children;
|
|
3387
|
+
var portalNode = useRef(null);
|
|
3388
|
+
var _b = useState(false), mounted = _b[0], setMounted = _b[1];
|
|
3389
|
+
useEffect(function () {
|
|
3390
|
+
if (!document)
|
|
3391
|
+
return;
|
|
3392
|
+
portalNode.current = document.createElement('div');
|
|
3393
|
+
portalNode.current.classList.add('modal-ui-drawer');
|
|
3394
|
+
document.body.appendChild(portalNode.current);
|
|
3395
|
+
setMounted(true);
|
|
3396
|
+
}, []);
|
|
3397
|
+
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
3398
|
+
};
|
|
3399
|
+
|
|
3400
|
+
var styles$1i = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
3401
|
+
|
|
3402
|
+
var Notification = function (_a) {
|
|
3403
|
+
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
3404
|
+
useEffect(function () {
|
|
3405
|
+
if (autoCloseDuration > 0) {
|
|
3406
|
+
var timer_1 = setTimeout(onClose, autoCloseDuration);
|
|
3407
|
+
return function () { return clearTimeout(timer_1); };
|
|
3408
|
+
}
|
|
3409
|
+
}, [autoCloseDuration, onClose]);
|
|
3410
|
+
return (React.createElement(ModalPortal, null,
|
|
3411
|
+
React.createElement("div", { className: "".concat(styles$1i.notification, " ").concat(styles$1i[position], " ").concat(className), role: "alert" },
|
|
3412
|
+
React.createElement("div", { className: styles$1i['notification__content'] },
|
|
3413
|
+
React.createElement("div", { className: styles$1i['notification__message'] }, message),
|
|
3414
|
+
React.createElement("button", { className: styles$1i['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3415
|
+
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3416
|
+
extraContent && extraContent)));
|
|
3417
|
+
};
|
|
3418
|
+
|
|
3362
3419
|
var Component$1x = function (_a) {
|
|
3363
3420
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3364
3421
|
var component = useMemo(function () {
|
|
3365
3422
|
var _a, _b, _c;
|
|
3366
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3423
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container'] }) },
|
|
3367
3424
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3368
3425
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3369
3426
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3370
3427
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3371
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3372
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3428
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3429
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3373
3430
|
});
|
|
3374
3431
|
return container;
|
|
3375
3432
|
};
|
|
@@ -3544,7 +3601,7 @@ var UserAnalystProps = {
|
|
|
3544
3601
|
email: 'gabriel@me.com',
|
|
3545
3602
|
title: 'Comfama'
|
|
3546
3603
|
};
|
|
3547
|
-
var UserNotificationProps = { iconProps: { icon: Notification, size: 20 }, href: '#' };
|
|
3604
|
+
var UserNotificationProps = { iconProps: { icon: Notification$1, size: 20 }, href: '#' };
|
|
3548
3605
|
var UserMenuAnalystProps = {
|
|
3549
3606
|
user: UserAnalystProps,
|
|
3550
3607
|
action: {
|
|
@@ -5382,7 +5439,7 @@ var Component$V = function (_a) {
|
|
|
5382
5439
|
React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5383
5440
|
headerLogo),
|
|
5384
5441
|
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__user-menu'] }) },
|
|
5385
|
-
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5442
|
+
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification$1, size: 20 } }, userNotificationProps)),
|
|
5386
5443
|
React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5387
5444
|
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5388
5445
|
};
|
|
@@ -5715,7 +5772,7 @@ var MagnetoSocialMedia = function (_a) {
|
|
|
5715
5772
|
}))));
|
|
5716
5773
|
};
|
|
5717
5774
|
|
|
5718
|
-
var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-
|
|
5775
|
+
var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_4a8aq","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_4a8aq","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_4a8aq","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_4a8aq","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_4a8aq"};
|
|
5719
5776
|
|
|
5720
5777
|
var MegaMenuCards = function (_a) {
|
|
5721
5778
|
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _b = _a.maxCards, maxCards = _b === void 0 ? 39 : _b;
|
|
@@ -8123,7 +8180,7 @@ var Component$1 = function (props) {
|
|
|
8123
8180
|
var MegaMenu = Object.assign(Component$1, {
|
|
8124
8181
|
Cards: MegaMenuCards,
|
|
8125
8182
|
Card: MegaMenuCard,
|
|
8126
|
-
SideCards:
|
|
8183
|
+
SideCards: withMegaMenuSideCards(MegaMenuCards)
|
|
8127
8184
|
});
|
|
8128
8185
|
|
|
8129
8186
|
var showDetailByWindow = function (elementID) {
|
|
@@ -8307,5 +8364,5 @@ var Component = function (_a) {
|
|
|
8307
8364
|
};
|
|
8308
8365
|
var SuggestedJobsPage = Component;
|
|
8309
8366
|
|
|
8310
|
-
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut,
|
|
8367
|
+
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8311
8368
|
//# sourceMappingURL=index.js.map
|