magneto365.ui 2.58.0 → 2.59.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +334 -299
- package/dist/cjs/index.js.map +1 -1
- 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/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +1 -1
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +1 -1
- 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 +334 -300
- package/dist/esm/index.js.map +1 -1
- 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/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +1 -1
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +1 -1
- 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 +39 -3
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -268,7 +268,7 @@ var Component$2A = function (_a) {
|
|
|
268
268
|
*/
|
|
269
269
|
var IconItem = Component$2A;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$2n = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -450,7 +450,7 @@ var MouseCircleBlackOutline = "https://static.magneto365.com/lib/assets/857856a2
|
|
|
450
450
|
|
|
451
451
|
var NoLogo = "https://static.magneto365.com/lib/assets/59640db832ea39ed.svg";
|
|
452
452
|
|
|
453
|
-
var Notification = "https://static.magneto365.com/lib/assets/5eba6f5b4b3b6b4a.svg";
|
|
453
|
+
var Notification$1 = "https://static.magneto365.com/lib/assets/5eba6f5b4b3b6b4a.svg";
|
|
454
454
|
|
|
455
455
|
var People = "https://static.magneto365.com/lib/assets/2e770553beadad6c.svg";
|
|
456
456
|
|
|
@@ -544,9 +544,9 @@ var Component$2z = function (_a) {
|
|
|
544
544
|
var handleError = function () {
|
|
545
545
|
setImageError(true);
|
|
546
546
|
};
|
|
547
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
547
|
+
return (React__default["default"].createElement("div", { className: styles$2n.avatarComponent, onClick: onClick },
|
|
548
548
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
549
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
549
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2n['magneto-ui-default-avatar'] },
|
|
550
550
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
551
551
|
};
|
|
552
552
|
/**
|
|
@@ -554,12 +554,12 @@ var Component$2z = function (_a) {
|
|
|
554
554
|
*/
|
|
555
555
|
var Avatar = Component$2z;
|
|
556
556
|
|
|
557
|
-
var styles$
|
|
557
|
+
var styles$2m = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
558
558
|
|
|
559
559
|
var Component$2y = function (_a) {
|
|
560
560
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
561
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
562
|
-
React__default["default"].createElement("span", { className: styles$
|
|
561
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2m['badge-count'], " ").concat(className) },
|
|
562
|
+
React__default["default"].createElement("span", { className: styles$2m['badge-count__animation'] }),
|
|
563
563
|
number && number));
|
|
564
564
|
};
|
|
565
565
|
var Badge = Component$2y;
|
|
@@ -679,9 +679,9 @@ var SignUpButtonStyle = {
|
|
|
679
679
|
}
|
|
680
680
|
};
|
|
681
681
|
|
|
682
|
-
var styles$
|
|
682
|
+
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"};
|
|
683
683
|
|
|
684
|
-
var styles$
|
|
684
|
+
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"};
|
|
685
685
|
|
|
686
686
|
var ShareIcons = {
|
|
687
687
|
Facebook: {
|
|
@@ -714,39 +714,39 @@ var Component$2x = function (_a) {
|
|
|
714
714
|
};
|
|
715
715
|
if (component)
|
|
716
716
|
return component;
|
|
717
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
718
|
-
React__default["default"].createElement("div", { id: styles$
|
|
717
|
+
return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui-actions'] },
|
|
718
|
+
React__default["default"].createElement("div", { id: styles$2k['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
719
719
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
720
|
-
React__default["default"].createElement("button", { className: styles$
|
|
720
|
+
React__default["default"].createElement("button", { className: styles$2k['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
721
721
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
722
722
|
} },
|
|
723
723
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
724
724
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
725
725
|
actionsLinkList.map(function (_a, index) {
|
|
726
726
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
727
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
727
|
+
return (React__default["default"].createElement("a", { className: styles$2k['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
728
728
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
729
729
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
730
730
|
}),
|
|
731
|
-
React__default["default"].createElement("div", { className: styles$
|
|
732
|
-
React__default["default"].createElement("p", { className: styles$
|
|
733
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
731
|
+
React__default["default"].createElement("div", { className: styles$2k['magneto-ui-actions__header'] },
|
|
732
|
+
React__default["default"].createElement("p", { className: styles$2k['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
733
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2k['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
734
734
|
};
|
|
735
735
|
var ShareLinksAction = function (_a) {
|
|
736
736
|
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;
|
|
737
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
738
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
737
|
+
return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui-actions'] },
|
|
738
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$2k['magneto-ui-actions__share'] }, shareProps)),
|
|
739
739
|
shareLinks.map(function (_a, index) {
|
|
740
740
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
741
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
741
|
+
return (React__default["default"].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(' ') },
|
|
742
742
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
743
743
|
React__default["default"].createElement("span", null, title)));
|
|
744
744
|
}),
|
|
745
|
-
React__default["default"].createElement("div", { className: styles$
|
|
746
|
-
React__default["default"].createElement("p", { className: styles$
|
|
747
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
748
|
-
React__default["default"].createElement("div", { className: styles$
|
|
749
|
-
React__default["default"].createElement("button", { className: styles$
|
|
745
|
+
React__default["default"].createElement("div", { className: styles$2k['magneto-ui-actions__header'] },
|
|
746
|
+
React__default["default"].createElement("p", { className: styles$2k['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
747
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2k['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
748
|
+
React__default["default"].createElement("div", { className: styles$2k['magneto-ui-actions__back'] },
|
|
749
|
+
React__default["default"].createElement("button", { className: styles$2k['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
750
750
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
751
751
|
backText)));
|
|
752
752
|
};
|
|
@@ -971,11 +971,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
971
971
|
};
|
|
972
972
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
973
973
|
|
|
974
|
-
var styles$
|
|
974
|
+
var styles$2j = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
975
975
|
|
|
976
976
|
var Component$2t = function (_a) {
|
|
977
977
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
978
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
978
|
+
return (React__default["default"].createElement("div", { className: styles$2j.BreadcrumbsComponent },
|
|
979
979
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
980
980
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
981
981
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -985,45 +985,45 @@ var Component$2t = function (_a) {
|
|
|
985
985
|
*/
|
|
986
986
|
var Breadcrumbs = Component$2t;
|
|
987
987
|
|
|
988
|
-
var styles$
|
|
988
|
+
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"};
|
|
989
989
|
|
|
990
990
|
var CitiesDetailDrawer = function (_a) {
|
|
991
991
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
992
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
993
|
-
React__default["default"].createElement("div", { className: styles$
|
|
992
|
+
return (React__default["default"].createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
993
|
+
React__default["default"].createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
994
994
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
996
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
995
|
+
React__default["default"].createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
996
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
997
997
|
cities &&
|
|
998
998
|
cities.map(function (_a, index) {
|
|
999
999
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
1000
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1000
|
+
return (React__default["default"].createElement("div", { className: styles$2i['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
1001
1001
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
1002
1002
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
1003
1003
|
})))) : null));
|
|
1004
1004
|
};
|
|
1005
1005
|
|
|
1006
|
-
var styles$
|
|
1006
|
+
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"};
|
|
1007
1007
|
|
|
1008
1008
|
var Component$2s = function (_a) {
|
|
1009
1009
|
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;
|
|
1010
1010
|
var disabledArrow = React.useMemo(function () {
|
|
1011
1011
|
if (disabled)
|
|
1012
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1012
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2h['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1013
1013
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1014
1014
|
}, [disabled]);
|
|
1015
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1016
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1017
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1015
|
+
return (React__default["default"].createElement("div", { className: styles$2h['magneto-ui--date-dropdown__wrapper'] },
|
|
1016
|
+
React__default["default"].createElement("select", { className: styles$2h["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1017
|
+
React__default["default"].createElement("option", { className: styles$2h['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1018
1018
|
dateOptions.map(function (_a) {
|
|
1019
1019
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1020
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1020
|
+
return (React__default["default"].createElement("option", { className: styles$2h['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1021
1021
|
})),
|
|
1022
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1022
|
+
React__default["default"].createElement("span", { className: styles$2h['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1023
1023
|
};
|
|
1024
1024
|
var DateDropdown = Component$2s;
|
|
1025
1025
|
|
|
1026
|
-
var styles$
|
|
1026
|
+
var styles$2g = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1027
1027
|
|
|
1028
1028
|
var defaultValue$1 = function (value) {
|
|
1029
1029
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -1062,7 +1062,7 @@ var Component$2r = function (_a) {
|
|
|
1062
1062
|
}
|
|
1063
1063
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1064
1064
|
}, [disabled]);
|
|
1065
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1065
|
+
return (React__default["default"].createElement("div", { className: styles$2g['magneto-ui--date-picker__wrapper'] },
|
|
1066
1066
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1067
1067
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1068
1068
|
};
|
|
@@ -1180,7 +1180,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1180
1180
|
_c)
|
|
1181
1181
|
};
|
|
1182
1182
|
|
|
1183
|
-
var styles$
|
|
1183
|
+
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"};
|
|
1184
1184
|
|
|
1185
1185
|
var Component$2p = function (_a) {
|
|
1186
1186
|
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;
|
|
@@ -1188,7 +1188,7 @@ var Component$2p = function (_a) {
|
|
|
1188
1188
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1189
1189
|
var componentProps = React.useMemo(function () {
|
|
1190
1190
|
var className = CNM.get({
|
|
1191
|
-
styles: styles$
|
|
1191
|
+
styles: styles$2f,
|
|
1192
1192
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1193
1193
|
});
|
|
1194
1194
|
if (isUrl)
|
|
@@ -1210,11 +1210,11 @@ var Component$2p = function (_a) {
|
|
|
1210
1210
|
}
|
|
1211
1211
|
return;
|
|
1212
1212
|
}, [loading, variant]);
|
|
1213
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1214
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1213
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action', className] }) },
|
|
1214
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action__container'] }) },
|
|
1215
1215
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1216
1216
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1217
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1217
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-action__title'] }) }, title),
|
|
1218
1218
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1219
1219
|
};
|
|
1220
1220
|
/**
|
|
@@ -1222,36 +1222,36 @@ var Component$2p = function (_a) {
|
|
|
1222
1222
|
*/
|
|
1223
1223
|
var ExpandableInfoAction = Component$2p;
|
|
1224
1224
|
|
|
1225
|
-
var styles$
|
|
1225
|
+
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"};
|
|
1226
1226
|
|
|
1227
1227
|
var Component$2o = function (_a) {
|
|
1228
1228
|
var sections = _a.sections, footer = _a.footer;
|
|
1229
1229
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1230
1230
|
return CNM.get({
|
|
1231
|
-
styles: styles$
|
|
1231
|
+
styles: styles$2e,
|
|
1232
1232
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1233
1233
|
});
|
|
1234
1234
|
}, []);
|
|
1235
1235
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1236
1236
|
return CNM.get({
|
|
1237
|
-
styles: styles$
|
|
1237
|
+
styles: styles$2e,
|
|
1238
1238
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1239
1239
|
});
|
|
1240
1240
|
}, []);
|
|
1241
1241
|
var itemStyles = React.useCallback(function (first) {
|
|
1242
1242
|
return CNM.get({
|
|
1243
|
-
styles: styles$
|
|
1243
|
+
styles: styles$2e,
|
|
1244
1244
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1245
1245
|
});
|
|
1246
1246
|
}, []);
|
|
1247
1247
|
var textStyles = React.useCallback(function (bold) {
|
|
1248
1248
|
return CNM.get({
|
|
1249
|
-
styles: styles$
|
|
1249
|
+
styles: styles$2e,
|
|
1250
1250
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1251
1251
|
});
|
|
1252
1252
|
}, []);
|
|
1253
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1254
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1253
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details'] }) },
|
|
1254
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1255
1255
|
sections.map(function (section, index) {
|
|
1256
1256
|
var _a, _b;
|
|
1257
1257
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1265,8 +1265,8 @@ var Component$2o = function (_a) {
|
|
|
1265
1265
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1266
1266
|
})));
|
|
1267
1267
|
}),
|
|
1268
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1269
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1268
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__footer'] }) },
|
|
1269
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$2e, cls: ['expandable-info-details__action'] }) }))))));
|
|
1270
1270
|
};
|
|
1271
1271
|
/**
|
|
1272
1272
|
* Molecule UI child component of expandable info
|
|
@@ -1292,7 +1292,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1292
1292
|
_a$3)
|
|
1293
1293
|
};
|
|
1294
1294
|
|
|
1295
|
-
var styles$
|
|
1295
|
+
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"};
|
|
1296
1296
|
|
|
1297
1297
|
var Component$2n = function (_a) {
|
|
1298
1298
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -1307,11 +1307,11 @@ var Component$2n = function (_a) {
|
|
|
1307
1307
|
}, [variant]);
|
|
1308
1308
|
if (!title)
|
|
1309
1309
|
return null;
|
|
1310
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1311
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1310
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-message', className] }) },
|
|
1311
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-message__container'] }) },
|
|
1312
1312
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1313
1313
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1314
|
-
styles: styles$
|
|
1314
|
+
styles: styles$2d,
|
|
1315
1315
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1316
1316
|
}) }, title))));
|
|
1317
1317
|
};
|
|
@@ -1320,7 +1320,7 @@ var Component$2n = function (_a) {
|
|
|
1320
1320
|
*/
|
|
1321
1321
|
var ExpandableInfoMessage = Component$2n;
|
|
1322
1322
|
|
|
1323
|
-
var styles$
|
|
1323
|
+
var styles$2c = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1324
1324
|
|
|
1325
1325
|
var Component$2m = function (_a) {
|
|
1326
1326
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -1330,7 +1330,7 @@ var Component$2m = function (_a) {
|
|
|
1330
1330
|
}, []);
|
|
1331
1331
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1332
1332
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1333
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1333
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2c, cls: ['expandable-info-modal'] }) },
|
|
1334
1334
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1335
1335
|
};
|
|
1336
1336
|
/**
|
|
@@ -1338,20 +1338,20 @@ var Component$2m = function (_a) {
|
|
|
1338
1338
|
*/
|
|
1339
1339
|
var ExpandableInfoModal = Component$2m;
|
|
1340
1340
|
|
|
1341
|
-
var styles$
|
|
1341
|
+
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"};
|
|
1342
1342
|
|
|
1343
1343
|
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"};
|
|
1344
1344
|
|
|
1345
|
-
var styles$
|
|
1345
|
+
var styles$2a = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1346
1346
|
|
|
1347
1347
|
var Image = function (_a) {
|
|
1348
1348
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1349
1349
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1350
1350
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1351
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1351
|
+
playIcon && React__default["default"].createElement("div", { className: styles$2a['magneto-ui-play-button'] }, playIcon)));
|
|
1352
1352
|
};
|
|
1353
1353
|
|
|
1354
|
-
var styles$
|
|
1354
|
+
var styles$29 = {"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"};
|
|
1355
1355
|
|
|
1356
1356
|
var MegaMenuCard = function (_a) {
|
|
1357
1357
|
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;
|
|
@@ -1361,19 +1361,19 @@ var MegaMenuCard = function (_a) {
|
|
|
1361
1361
|
onClick();
|
|
1362
1362
|
}
|
|
1363
1363
|
}, [onClick]);
|
|
1364
|
-
var rigthArrow = (React__default["default"].createElement("div", { className: styles$
|
|
1364
|
+
var rigthArrow = (React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__arrow"] },
|
|
1365
1365
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
1366
1366
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
1367
1367
|
md: rigthArrow
|
|
1368
1368
|
});
|
|
1369
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1370
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1369
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$29["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1370
|
+
icon && (React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__icon"] },
|
|
1371
1371
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1372
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1373
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1374
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1375
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1376
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1372
|
+
logo && (React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__logo"] },
|
|
1373
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$29["magneto-ui-mega-menu-card__logo"] }))),
|
|
1374
|
+
React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__content"] },
|
|
1375
|
+
React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__title"] }, title),
|
|
1376
|
+
React__default["default"].createElement("div", { className: styles$29["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1377
1377
|
maximumFractionDigits: 3
|
|
1378
1378
|
}), " cupos"))),
|
|
1379
1379
|
arrow));
|
|
@@ -1394,7 +1394,7 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1394
1394
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$U["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1395
1395
|
};
|
|
1396
1396
|
|
|
1397
|
-
var styles$
|
|
1397
|
+
var styles$28 = {"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"};
|
|
1398
1398
|
|
|
1399
1399
|
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"};
|
|
1400
1400
|
|
|
@@ -1446,19 +1446,19 @@ var withMegaMenuContainer = function (WrappedComponent) {
|
|
|
1446
1446
|
setShowDrawer(!showDrawer);
|
|
1447
1447
|
}, [showDrawer, sideProps]);
|
|
1448
1448
|
var renderCards = useMediaQuery(React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1449
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1449
|
+
React__default["default"].createElement("div", { className: styles$28['mega-menu-side-container__side'] },
|
|
1450
1450
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1451
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1451
|
+
React__default["default"].createElement("div", { className: styles$28['mega-menu-side-container__main'] },
|
|
1452
1452
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))), {
|
|
1453
1453
|
md: (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1454
1454
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: function (index) {
|
|
1455
1455
|
sideProps.onSelectCard && sideProps.onSelectCard(index);
|
|
1456
1456
|
toogleDrawer(index);
|
|
1457
1457
|
} })),
|
|
1458
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
1458
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$28['mega-menu-side-container__main'] },
|
|
1459
1459
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })))
|
|
1460
1460
|
});
|
|
1461
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1461
|
+
return React__default["default"].createElement("div", { className: styles$28['mega-menu-side-container'] }, renderCards);
|
|
1462
1462
|
};
|
|
1463
1463
|
return Component;
|
|
1464
1464
|
};
|
|
@@ -1466,7 +1466,7 @@ var withMegaMenuContainer = function (WrappedComponent) {
|
|
|
1466
1466
|
var Component$2k = function (_a) {
|
|
1467
1467
|
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;
|
|
1468
1468
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1469
|
-
styles: styles$
|
|
1469
|
+
styles: styles$2b,
|
|
1470
1470
|
cls: [
|
|
1471
1471
|
'expandable-info-popover',
|
|
1472
1472
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1474,7 +1474,7 @@ var Component$2k = function (_a) {
|
|
|
1474
1474
|
]
|
|
1475
1475
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1476
1476
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1477
|
-
styles: styles$
|
|
1477
|
+
styles: styles$2b,
|
|
1478
1478
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1479
1479
|
}) }),
|
|
1480
1480
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1489,13 +1489,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
1489
1489
|
coin: CoinBlackOutline
|
|
1490
1490
|
};
|
|
1491
1491
|
|
|
1492
|
-
var styles$
|
|
1492
|
+
var styles$27 = {"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"};
|
|
1493
1493
|
|
|
1494
1494
|
var Component$2j = function (_a) {
|
|
1495
1495
|
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;
|
|
1496
1496
|
var styleGenerator = React.useCallback(function (base) {
|
|
1497
1497
|
return CNM.get({
|
|
1498
|
-
styles: styles$
|
|
1498
|
+
styles: styles$27,
|
|
1499
1499
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1500
1500
|
});
|
|
1501
1501
|
}, [variant]);
|
|
@@ -1527,7 +1527,7 @@ var Component$2j = function (_a) {
|
|
|
1527
1527
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1528
1528
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1529
1529
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1530
|
-
styles: styles$
|
|
1530
|
+
styles: styles$27,
|
|
1531
1531
|
cls: [
|
|
1532
1532
|
'expandable-info-toggler__summary',
|
|
1533
1533
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1542,7 +1542,7 @@ var Component$2j = function (_a) {
|
|
|
1542
1542
|
*/
|
|
1543
1543
|
var ExpandableInfoToggler = Component$2j;
|
|
1544
1544
|
|
|
1545
|
-
var styles$
|
|
1545
|
+
var styles$26 = {"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"};
|
|
1546
1546
|
|
|
1547
1547
|
var Component$2i = function (_a) {
|
|
1548
1548
|
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;
|
|
@@ -1558,9 +1558,9 @@ var Component$2i = function (_a) {
|
|
|
1558
1558
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1559
1559
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1560
1560
|
});
|
|
1561
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1561
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$26, cls: ['expandable-info'] }) },
|
|
1562
1562
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1563
|
-
styles: styles$
|
|
1563
|
+
styles: styles$26,
|
|
1564
1564
|
cls: [
|
|
1565
1565
|
'expandable-info__container',
|
|
1566
1566
|
"expandable-info__container--".concat(variant),
|
|
@@ -1570,7 +1570,7 @@ var Component$2i = function (_a) {
|
|
|
1570
1570
|
}) },
|
|
1571
1571
|
container,
|
|
1572
1572
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1573
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1573
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$26, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1574
1574
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1575
1575
|
};
|
|
1576
1576
|
/**
|
|
@@ -1604,7 +1604,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1604
1604
|
return React__default["default"].createElement("div", { className: style$R["".concat(classMUI, "-filter-container")] }, children);
|
|
1605
1605
|
};
|
|
1606
1606
|
|
|
1607
|
-
var styles$
|
|
1607
|
+
var styles$25 = {"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"};
|
|
1608
1608
|
|
|
1609
1609
|
var FilterMenuItem = function (_a) {
|
|
1610
1610
|
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"]);
|
|
@@ -1619,49 +1619,49 @@ var FilterMenuItem = function (_a) {
|
|
|
1619
1619
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1620
1620
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1621
1621
|
var className = React.useMemo(function () {
|
|
1622
|
-
return isApplied ? styles$
|
|
1622
|
+
return isApplied ? styles$25.selected : isSearched ? styles$25.isSearched : hiddenCount ? '' : !total && styles$25.disabled;
|
|
1623
1623
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1624
1624
|
var handleClick = React.useCallback(function () {
|
|
1625
1625
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1626
1626
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1627
1627
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1628
1628
|
if (loading)
|
|
1629
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1630
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1629
|
+
return React__default["default"].createElement("div", { className: styles$25.skeleton });
|
|
1630
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$25['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1631
1631
|
React__default["default"].createElement("span", null, label),
|
|
1632
1632
|
displayOutput));
|
|
1633
1633
|
};
|
|
1634
1634
|
|
|
1635
|
-
var styles$
|
|
1635
|
+
var styles$24 = {"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"};
|
|
1636
1636
|
|
|
1637
1637
|
var FilterSearchItem = function (_a) {
|
|
1638
1638
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1639
1639
|
var inputRef = React.useRef(null);
|
|
1640
1640
|
if (loading)
|
|
1641
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1641
|
+
return (React__default["default"].createElement("div", { className: styles$24.skeleton },
|
|
1642
1642
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1643
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1643
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$24['magneto-ui-filter-search'], " ").concat(disabled ? styles$24.disabled : '') },
|
|
1644
1644
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1645
1645
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1646
1646
|
};
|
|
1647
1647
|
|
|
1648
|
-
var styles$
|
|
1648
|
+
var styles$23 = {"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"};
|
|
1649
1649
|
|
|
1650
1650
|
var Component$2h = function (_a) {
|
|
1651
1651
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1652
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1653
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1652
|
+
return (React__default["default"].createElement("div", { className: styles$23['fraud-card-job'] },
|
|
1653
|
+
React__default["default"].createElement("div", { className: styles$23['fraud-card-job__header'] },
|
|
1654
1654
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1655
1655
|
React__default["default"].createElement("h4", null, title)),
|
|
1656
1656
|
React__default["default"].createElement("div", null,
|
|
1657
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1658
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1657
|
+
React__default["default"].createElement("p", { className: styles$23['fraud-card-job__text'] }, content),
|
|
1658
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$23['fraud-card-job__link'], href: link },
|
|
1659
1659
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1660
1660
|
linkText))));
|
|
1661
1661
|
};
|
|
1662
1662
|
var FraudCardJob = Component$2h;
|
|
1663
1663
|
|
|
1664
|
-
var styles$
|
|
1664
|
+
var styles$22 = {"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"};
|
|
1665
1665
|
|
|
1666
1666
|
var Component$2g = function (_a) {
|
|
1667
1667
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -1673,17 +1673,17 @@ var Component$2g = function (_a) {
|
|
|
1673
1673
|
return searchList;
|
|
1674
1674
|
}, [searchList, showFullList]);
|
|
1675
1675
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1676
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1677
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1678
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1676
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$22['magneto-ui-frequent-search'] },
|
|
1677
|
+
React__default["default"].createElement("h2", { className: styles$22['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1678
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1679
1679
|
var props = __rest(_a, []);
|
|
1680
1680
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1681
1681
|
})),
|
|
1682
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1682
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$22['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1683
1683
|
showMore,
|
|
1684
1684
|
" (",
|
|
1685
1685
|
searchList.length,
|
|
1686
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1686
|
+
")")) : (React__default["default"].createElement("button", { className: styles$22['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1687
1687
|
};
|
|
1688
1688
|
/**
|
|
1689
1689
|
* UI Atom component of Frequent Search
|
|
@@ -1701,18 +1701,18 @@ var Component$2f = function (_a) {
|
|
|
1701
1701
|
};
|
|
1702
1702
|
var HeaderDrawerCompany = Component$2f;
|
|
1703
1703
|
|
|
1704
|
-
var styles$
|
|
1704
|
+
var styles$21 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1705
1705
|
|
|
1706
1706
|
var Component$2e = function (_a) {
|
|
1707
1707
|
var children = _a.children;
|
|
1708
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1708
|
+
return React__default["default"].createElement("div", { className: styles$21.TabComponent }, children);
|
|
1709
1709
|
};
|
|
1710
1710
|
/**
|
|
1711
1711
|
* Molecule UI for Tab
|
|
1712
1712
|
*/
|
|
1713
1713
|
var Tab = Component$2e;
|
|
1714
1714
|
|
|
1715
|
-
var styles$
|
|
1715
|
+
var styles$20 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1716
1716
|
|
|
1717
1717
|
var toCSSVariables = function (input) {
|
|
1718
1718
|
var output = {};
|
|
@@ -1731,18 +1731,18 @@ var Component$2d = function (_a) {
|
|
|
1731
1731
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1732
1732
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1733
1733
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1734
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1734
|
+
return (React__default["default"].createElement("div", { className: styles$20.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1735
1735
|
};
|
|
1736
1736
|
/**
|
|
1737
1737
|
* Molecule UI component for Tab Button
|
|
1738
1738
|
*/
|
|
1739
1739
|
var TabButton = Component$2d;
|
|
1740
1740
|
|
|
1741
|
-
var styles$
|
|
1741
|
+
var styles$1$ = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1742
1742
|
|
|
1743
1743
|
var Component$2c = function (_a) {
|
|
1744
1744
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1745
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1745
|
+
return (React__default["default"].createElement("div", { className: styles$1$.HeaderDrawerTabsComponent },
|
|
1746
1746
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1747
1747
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1748
1748
|
React__default["default"].createElement(Tab, null,
|
|
@@ -1751,11 +1751,11 @@ var Component$2c = function (_a) {
|
|
|
1751
1751
|
};
|
|
1752
1752
|
var HeaderDrawerTabs = Component$2c;
|
|
1753
1753
|
|
|
1754
|
-
var styles$
|
|
1754
|
+
var styles$1_ = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1755
1755
|
|
|
1756
1756
|
var Component$2b = function (_a) {
|
|
1757
1757
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1758
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1758
|
+
return (React__default["default"].createElement("div", { className: styles$1_.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1759
1759
|
var headerTabProps = __rest(_a, []);
|
|
1760
1760
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1761
1761
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1768,7 +1768,7 @@ var Component$2b = function (_a) {
|
|
|
1768
1768
|
*/
|
|
1769
1769
|
var HeaderTabs = Component$2b;
|
|
1770
1770
|
|
|
1771
|
-
var styles$
|
|
1771
|
+
var styles$1Z = {"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"};
|
|
1772
1772
|
|
|
1773
1773
|
var Input = function (_a) {
|
|
1774
1774
|
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"]);
|
|
@@ -1803,26 +1803,26 @@ var Input = function (_a) {
|
|
|
1803
1803
|
setInputValue(e.target.value);
|
|
1804
1804
|
}, [onChange]);
|
|
1805
1805
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1806
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1806
|
+
React__default["default"].createElement("div", { className: styles$1Z["".concat(classMUI, "-input")] },
|
|
1807
1807
|
React__default["default"].createElement("div", null,
|
|
1808
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1808
|
+
React__default["default"].createElement("div", { className: styles$1Z["".concat(classMUI, "-input--container")] },
|
|
1809
1809
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1810
1810
|
left: hideIcon ? '10px' : '40px',
|
|
1811
1811
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1812
1812
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1813
|
-
}, className: styles$
|
|
1813
|
+
}, className: styles$1Z["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1814
1814
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1815
1815
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1816
|
-
}, disabled: disabled, className: styles$
|
|
1817
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1818
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1816
|
+
}, disabled: disabled, className: styles$1Z["".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" })),
|
|
1817
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1Z["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1818
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1Z["".concat(classMUI, "-input--container__icon-action")] },
|
|
1819
1819
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1820
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1821
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1820
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1Z["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1Z['footer-without-error'] : '') },
|
|
1821
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1Z["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1822
1822
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1823
1823
|
};
|
|
1824
1824
|
|
|
1825
|
-
var styles$
|
|
1825
|
+
var styles$1Y = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1826
1826
|
|
|
1827
1827
|
var Component$2a = function (_a) {
|
|
1828
1828
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1838,11 +1838,11 @@ var Component$2a = function (_a) {
|
|
|
1838
1838
|
height: '15px'
|
|
1839
1839
|
};
|
|
1840
1840
|
}, [size]);
|
|
1841
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1841
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1Y["".concat(classMUI, "-flat-loader")] }));
|
|
1842
1842
|
};
|
|
1843
1843
|
var FlatLoader = Component$2a;
|
|
1844
1844
|
|
|
1845
|
-
var styles$
|
|
1845
|
+
var styles$1X = {"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"};
|
|
1846
1846
|
|
|
1847
1847
|
var InputPlus = function (_a) {
|
|
1848
1848
|
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;
|
|
@@ -1886,23 +1886,23 @@ var InputPlus = function (_a) {
|
|
|
1886
1886
|
}
|
|
1887
1887
|
}
|
|
1888
1888
|
}, [disabledBtn, handleSubmmit]);
|
|
1889
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1889
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1X["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1890
1890
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1891
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1891
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1X["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1X.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1X['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1892
1892
|
};
|
|
1893
1893
|
|
|
1894
|
-
var styles$
|
|
1894
|
+
var styles$1W = {"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"};
|
|
1895
1895
|
|
|
1896
1896
|
var style$P = {"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"};
|
|
1897
1897
|
|
|
1898
|
-
var styles$
|
|
1898
|
+
var styles$1V = {"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"};
|
|
1899
1899
|
|
|
1900
1900
|
var Tooltip = function (_a) {
|
|
1901
1901
|
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;
|
|
1902
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1903
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1902
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1V['tooltip-container'], " ").concat(styles$1V["tooltip-".concat(position)]) },
|
|
1903
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1V['tooltip'], " ").concat(styles$1V["tooltip-".concat(position)]) },
|
|
1904
1904
|
children,
|
|
1905
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
1905
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1V['tooltip-text'], " ").concat(styles$1V["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1906
1906
|
};
|
|
1907
1907
|
|
|
1908
1908
|
var Component$29 = function (_a) {
|
|
@@ -1937,20 +1937,20 @@ var Component$28 = function (_a) {
|
|
|
1937
1937
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1938
1938
|
var ActionLink = function (_a) {
|
|
1939
1939
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1940
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
1940
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1W['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1941
1941
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1942
1942
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1943
1943
|
};
|
|
1944
1944
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1945
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1946
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1947
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1945
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-actions'] },
|
|
1946
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1W['magneto-ui__external-child'] }, externalButtonChild),
|
|
1947
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1948
1948
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1949
1949
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1950
1950
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1951
1951
|
filteredActionsLinkList.map(function (_a) {
|
|
1952
1952
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1953
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1953
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1954
1954
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1955
1955
|
}))));
|
|
1956
1956
|
};
|
|
@@ -1959,13 +1959,13 @@ var Component$28 = function (_a) {
|
|
|
1959
1959
|
*/
|
|
1960
1960
|
var JobActions = Component$28;
|
|
1961
1961
|
|
|
1962
|
-
var styles$
|
|
1962
|
+
var styles$1U = {"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"};
|
|
1963
1963
|
|
|
1964
1964
|
var Component$27 = function (_a) {
|
|
1965
1965
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1966
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1967
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1968
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1966
|
+
return (React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-apply-card'] },
|
|
1967
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-apply-card__wrapper'] },
|
|
1968
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-apply-card__header'] },
|
|
1969
1969
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1970
1970
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1971
1971
|
offerApplyElements
|
|
@@ -1975,11 +1975,11 @@ var Component$27 = function (_a) {
|
|
|
1975
1975
|
})
|
|
1976
1976
|
.map(function (_a) {
|
|
1977
1977
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1978
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1978
|
+
return (React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1979
1979
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1980
1980
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1981
1981
|
})),
|
|
1982
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1982
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1U['magneto-ui__external-child'] }, externalChild))));
|
|
1983
1983
|
};
|
|
1984
1984
|
/**
|
|
1985
1985
|
* UI Molecule Component for Job Apply Card
|
|
@@ -2068,13 +2068,13 @@ var JobCard = function (_a) {
|
|
|
2068
2068
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
2069
2069
|
};
|
|
2070
2070
|
|
|
2071
|
-
var styles$
|
|
2071
|
+
var styles$1T = {"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"};
|
|
2072
2072
|
|
|
2073
2073
|
var Component$26 = function (_a) {
|
|
2074
2074
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2075
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2075
|
+
return (React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-company-header'] },
|
|
2076
2076
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2077
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2077
|
+
React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-company-header__data-actions'] },
|
|
2078
2078
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2079
2079
|
isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2080
2080
|
};
|
|
@@ -2083,11 +2083,11 @@ var Component$26 = function (_a) {
|
|
|
2083
2083
|
*/
|
|
2084
2084
|
var JobCompanyHeader = Component$26;
|
|
2085
2085
|
|
|
2086
|
-
var styles$
|
|
2086
|
+
var styles$1S = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2087
2087
|
|
|
2088
2088
|
var Component$25 = function (_a) {
|
|
2089
2089
|
var offerDescription = _a.offerDescription;
|
|
2090
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2090
|
+
return (React__default["default"].createElement("div", { className: styles$1S['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
2091
2091
|
};
|
|
2092
2092
|
/**
|
|
2093
2093
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -2107,7 +2107,7 @@ var JobDetailContainer = function (_a) {
|
|
|
2107
2107
|
children));
|
|
2108
2108
|
};
|
|
2109
2109
|
|
|
2110
|
-
var styles$
|
|
2110
|
+
var styles$1R = {"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"};
|
|
2111
2111
|
|
|
2112
2112
|
var Component$24 = function (_a) {
|
|
2113
2113
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -2119,15 +2119,15 @@ var Component$24 = function (_a) {
|
|
|
2119
2119
|
var offerDetailText = _a.offerDetailText;
|
|
2120
2120
|
return !!offerDetailText && index !== 1;
|
|
2121
2121
|
});
|
|
2122
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2123
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2122
|
+
return (React__default["default"].createElement("div", { className: styles$1R['magneto-ui-job-details'] },
|
|
2123
|
+
React__default["default"].createElement("div", { className: styles$1R['magneto-ui-job-details__wrapper'] },
|
|
2124
2124
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2125
2125
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2126
2126
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2127
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2128
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2127
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1R['magneto-ui-job-details__item-detail'] },
|
|
2128
|
+
React__default["default"].createElement("div", { className: styles$1R['magneto-ui-job-details__item-detail-icon'] },
|
|
2129
2129
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2130
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2130
|
+
React__default["default"].createElement("p", { className: styles$1R['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2131
2131
|
})),
|
|
2132
2132
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2133
2133
|
};
|
|
@@ -2137,7 +2137,7 @@ var Component$24 = function (_a) {
|
|
|
2137
2137
|
Component$24.displayName = 'JobDetails';
|
|
2138
2138
|
var JobDetails = Component$24;
|
|
2139
2139
|
|
|
2140
|
-
var styles$
|
|
2140
|
+
var styles$1Q = {"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"};
|
|
2141
2141
|
|
|
2142
2142
|
var Component$23 = function (_a) {
|
|
2143
2143
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -2150,18 +2150,18 @@ var Component$23 = function (_a) {
|
|
|
2150
2150
|
title: title
|
|
2151
2151
|
});
|
|
2152
2152
|
});
|
|
2153
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2153
|
+
return (React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-footer-card'] },
|
|
2154
2154
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2155
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2155
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-footer-card__icons'] },
|
|
2156
2156
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2157
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2157
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-footer-card__wrapper'] },
|
|
2158
2158
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2159
2159
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2160
2160
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2161
2161
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2162
2162
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2163
2163
|
})),
|
|
2164
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2164
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui__share-button'] },
|
|
2165
2165
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2166
2166
|
};
|
|
2167
2167
|
/**
|
|
@@ -2169,7 +2169,7 @@ var Component$23 = function (_a) {
|
|
|
2169
2169
|
*/
|
|
2170
2170
|
var JobFooterCard = Component$23;
|
|
2171
2171
|
|
|
2172
|
-
var styles$
|
|
2172
|
+
var styles$1P = {"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"};
|
|
2173
2173
|
|
|
2174
2174
|
var Component$22 = function (_a) {
|
|
2175
2175
|
var name = _a.name, score = _a.score;
|
|
@@ -2207,21 +2207,21 @@ var Component$22 = function (_a) {
|
|
|
2207
2207
|
4: 'four'
|
|
2208
2208
|
};
|
|
2209
2209
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2210
|
-
var fillAnimation = animationApplied ? styles$
|
|
2211
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2212
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2210
|
+
var fillAnimation = animationApplied ? styles$1P[levelClass] : '';
|
|
2211
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1P['magneto-ui-skill'] },
|
|
2212
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-skill__wrapper'] },
|
|
2213
2213
|
React__default["default"].createElement("p", null, name),
|
|
2214
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2214
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1P['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1P['magneto-ui-skill--no-animation']) }))));
|
|
2215
2215
|
};
|
|
2216
2216
|
var Skill = Component$22;
|
|
2217
2217
|
|
|
2218
|
-
var styles$
|
|
2218
|
+
var styles$1O = {"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"};
|
|
2219
2219
|
|
|
2220
2220
|
var Component$21 = function (_a) {
|
|
2221
2221
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2222
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2222
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-job-skills-card'] },
|
|
2223
2223
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2224
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2224
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2225
2225
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2226
2226
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2227
2227
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2232,7 +2232,7 @@ var Component$21 = function (_a) {
|
|
|
2232
2232
|
*/
|
|
2233
2233
|
var JobSkillsCard = Component$21;
|
|
2234
2234
|
|
|
2235
|
-
var styles$
|
|
2235
|
+
var styles$1N = {"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"};
|
|
2236
2236
|
|
|
2237
2237
|
var JobVideo = function (_a) {
|
|
2238
2238
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2247,7 +2247,7 @@ var JobVideo = function (_a) {
|
|
|
2247
2247
|
setLoadVideo && setLoadVideo(false);
|
|
2248
2248
|
}
|
|
2249
2249
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2250
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2250
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1N[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2251
2251
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2252
2252
|
};
|
|
2253
2253
|
|
|
@@ -2382,7 +2382,7 @@ var useMegaMenuMain = function () {
|
|
|
2382
2382
|
return mainHeaderProps;
|
|
2383
2383
|
};
|
|
2384
2384
|
|
|
2385
|
-
var styles$
|
|
2385
|
+
var styles$1M = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2386
2386
|
|
|
2387
2387
|
var Component$1Y = function (_a) {
|
|
2388
2388
|
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;
|
|
@@ -2392,10 +2392,10 @@ var Component$1Y = function (_a) {
|
|
|
2392
2392
|
onClick();
|
|
2393
2393
|
}
|
|
2394
2394
|
}, [onClick]);
|
|
2395
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2396
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2397
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2398
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2395
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1M['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2396
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1M['button-link__icon'] })),
|
|
2397
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1M['button-link__text'] }, buttonText),
|
|
2398
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1M['button-link__icon'] }))));
|
|
2399
2399
|
};
|
|
2400
2400
|
/**
|
|
2401
2401
|
* UI Atom Component of Save Button
|
|
@@ -2427,7 +2427,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2427
2427
|
React__default["default"].createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2428
2428
|
};
|
|
2429
2429
|
|
|
2430
|
-
var styles$
|
|
2430
|
+
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"};
|
|
2431
2431
|
|
|
2432
2432
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2433
2433
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2446,27 +2446,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2446
2446
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2447
2447
|
}, [showContent]);
|
|
2448
2448
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2449
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2450
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2451
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2452
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2453
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2454
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2449
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1L["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2450
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1L["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2451
|
+
React__default["default"].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 }))),
|
|
2452
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1L["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1L["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2453
|
+
React__default["default"].createElement("div", { className: styles$1L["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2454
|
+
React__default["default"].createElement("div", { className: styles$1L["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2455
2455
|
event.stopPropagation();
|
|
2456
2456
|
} }, children))));
|
|
2457
2457
|
};
|
|
2458
2458
|
|
|
2459
|
-
var styles$
|
|
2459
|
+
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"};
|
|
2460
2460
|
|
|
2461
2461
|
var MenuSearch = function (_a) {
|
|
2462
2462
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2463
2463
|
var onBlur = React.useCallback(function () {
|
|
2464
2464
|
handleOnBlur && handleOnBlur();
|
|
2465
2465
|
}, [handleOnBlur]);
|
|
2466
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2467
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2466
|
+
return (React__default["default"].createElement("div", { className: styles$1K['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2467
|
+
React__default["default"].createElement("div", { className: styles$1K['magneto-ui-menu-search_container'] },
|
|
2468
2468
|
children,
|
|
2469
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2469
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K['magneto-ui-menu-search_content'], " ").concat(show && styles$1K.open) }, content))));
|
|
2470
2470
|
};
|
|
2471
2471
|
|
|
2472
2472
|
var iconByType = {
|
|
@@ -2477,7 +2477,7 @@ var iconByType = {
|
|
|
2477
2477
|
};
|
|
2478
2478
|
var transitionDuration = 300;
|
|
2479
2479
|
|
|
2480
|
-
var styles$
|
|
2480
|
+
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"};
|
|
2481
2481
|
|
|
2482
2482
|
var Component$1X = function (_a) {
|
|
2483
2483
|
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;
|
|
@@ -2491,7 +2491,7 @@ var Component$1X = function (_a) {
|
|
|
2491
2491
|
}); }, []);
|
|
2492
2492
|
var containerStyles = React.useMemo(function () {
|
|
2493
2493
|
return CNM.get({
|
|
2494
|
-
styles: styles$
|
|
2494
|
+
styles: styles$1J,
|
|
2495
2495
|
cls: [
|
|
2496
2496
|
'message__container',
|
|
2497
2497
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2499,7 +2499,7 @@ var Component$1X = function (_a) {
|
|
|
2499
2499
|
]
|
|
2500
2500
|
});
|
|
2501
2501
|
}, [type, toggleAnimation]);
|
|
2502
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2502
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1J, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2503
2503
|
React.useEffect(function () {
|
|
2504
2504
|
if (!localVisible)
|
|
2505
2505
|
return;
|
|
@@ -2531,9 +2531,9 @@ var Component$1X = function (_a) {
|
|
|
2531
2531
|
setIsAnimating(visible);
|
|
2532
2532
|
}, [isAnimating, visible]);
|
|
2533
2533
|
return localVisible
|
|
2534
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2534
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1J, cls: [className] }) },
|
|
2535
2535
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2536
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2536
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1J, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2537
2537
|
React__default["default"].createElement("div", null,
|
|
2538
2538
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2539
2539
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2544,11 +2544,11 @@ var Component$1X = function (_a) {
|
|
|
2544
2544
|
*/
|
|
2545
2545
|
var Message = Component$1X;
|
|
2546
2546
|
|
|
2547
|
-
var styles$
|
|
2547
|
+
var styles$1I = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2548
2548
|
|
|
2549
2549
|
var Component$1W = function (_a) {
|
|
2550
2550
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2551
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2551
|
+
return (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-mobile-job-details-header'] },
|
|
2552
2552
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2553
2553
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2554
2554
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2558,7 +2558,7 @@ var Component$1W = function (_a) {
|
|
|
2558
2558
|
*/
|
|
2559
2559
|
var MobileJobDetailsHeader = Component$1W;
|
|
2560
2560
|
|
|
2561
|
-
var styles$
|
|
2561
|
+
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"};
|
|
2562
2562
|
|
|
2563
2563
|
var Component$1V = function (_a) {
|
|
2564
2564
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -2582,20 +2582,20 @@ var Component$1V = function (_a) {
|
|
|
2582
2582
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2583
2583
|
}
|
|
2584
2584
|
}, [focusSearchInput]);
|
|
2585
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2585
|
+
return (React__default["default"].createElement("div", { className: styles$1H.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2586
2586
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2587
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2588
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2587
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1H['search-badge'] }),
|
|
2588
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1H['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2589
2589
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2590
2590
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2591
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2591
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1H['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2592
2592
|
};
|
|
2593
2593
|
/**
|
|
2594
2594
|
* Molecule UI component for MobileSearchbar
|
|
2595
2595
|
*/
|
|
2596
2596
|
var MobileSearchbar = Component$1V;
|
|
2597
2597
|
|
|
2598
|
-
var styles$
|
|
2598
|
+
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"};
|
|
2599
2599
|
|
|
2600
2600
|
var Modal = function (_a) {
|
|
2601
2601
|
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;
|
|
@@ -2608,21 +2608,21 @@ var Modal = function (_a) {
|
|
|
2608
2608
|
if (!isOpen)
|
|
2609
2609
|
return null;
|
|
2610
2610
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2611
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2612
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2613
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2611
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1G["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2612
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1G["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2613
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1G["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2614
2614
|
children,
|
|
2615
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2615
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1G["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2616
2616
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2617
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2617
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1G["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2618
2618
|
};
|
|
2619
2619
|
var Title = function (_a) {
|
|
2620
2620
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2621
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2621
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1G["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2622
2622
|
};
|
|
2623
2623
|
var Description = function (_a) {
|
|
2624
2624
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2625
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2625
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1G["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2626
2626
|
};
|
|
2627
2627
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2628
2628
|
|
|
@@ -2635,22 +2635,22 @@ var Component$1U = function (_a) {
|
|
|
2635
2635
|
};
|
|
2636
2636
|
var ModalResponsive = Component$1U;
|
|
2637
2637
|
|
|
2638
|
-
var styles$
|
|
2638
|
+
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"};
|
|
2639
2639
|
|
|
2640
2640
|
var BtnPagination = function (_a) {
|
|
2641
2641
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2642
2642
|
var displayContent = React.useMemo(function () {
|
|
2643
2643
|
if (loading && value && current === value)
|
|
2644
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2644
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1F['magneto-ui-btn-pagination_spinner'] });
|
|
2645
2645
|
return value;
|
|
2646
2646
|
}, [loading, current, value]);
|
|
2647
2647
|
var pageQueryParam = 'paginator[page]=';
|
|
2648
2648
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2649
2649
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2650
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2651
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2650
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1F['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2651
|
+
React__default["default"].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 },
|
|
2652
2652
|
displayContent,
|
|
2653
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2653
|
+
displayIcon))) : (React__default["default"].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 },
|
|
2654
2654
|
displayContent,
|
|
2655
2655
|
displayIcon))));
|
|
2656
2656
|
};
|
|
@@ -2701,7 +2701,7 @@ var createPagination = function (_a) {
|
|
|
2701
2701
|
};
|
|
2702
2702
|
};
|
|
2703
2703
|
|
|
2704
|
-
var styles$
|
|
2704
|
+
var styles$1E = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2705
2705
|
|
|
2706
2706
|
var Pagination = function (_a) {
|
|
2707
2707
|
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;
|
|
@@ -2720,16 +2720,16 @@ var Pagination = function (_a) {
|
|
|
2720
2720
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2721
2721
|
if (total <= pageSize)
|
|
2722
2722
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2723
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2723
|
+
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-pagination'] },
|
|
2724
2724
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2725
2725
|
React__default["default"].createElement("ul", null,
|
|
2726
2726
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2727
2727
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2728
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2728
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1E['magneto-ui-pagination_ellipsis'] }))),
|
|
2729
2729
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2730
2730
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2731
2731
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2732
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2732
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1E['magneto-ui-pagination_ellipsis'] }),
|
|
2733
2733
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2734
2734
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2735
2735
|
};
|
|
@@ -2749,7 +2749,7 @@ var generateID = function () {
|
|
|
2749
2749
|
return uniqueID;
|
|
2750
2750
|
};
|
|
2751
2751
|
|
|
2752
|
-
var styles$
|
|
2752
|
+
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"};
|
|
2753
2753
|
|
|
2754
2754
|
var Component$1T = function (_a) {
|
|
2755
2755
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -2779,17 +2779,17 @@ var Component$1T = function (_a) {
|
|
|
2779
2779
|
}
|
|
2780
2780
|
return { backgroundColor: '#c4c4c4' };
|
|
2781
2781
|
}, [color, score, spanHover]);
|
|
2782
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2782
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-score-level'] },
|
|
2783
2783
|
React__default["default"].createElement("p", null, name),
|
|
2784
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2784
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-score-level__summary'] },
|
|
2785
2785
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2786
2786
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2787
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2787
|
+
React__default["default"].createElement("button", { className: styles$1D['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2788
2788
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2789
2789
|
};
|
|
2790
2790
|
var ScoreLevel = Component$1T;
|
|
2791
2791
|
|
|
2792
|
-
var styles$
|
|
2792
|
+
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"};
|
|
2793
2793
|
|
|
2794
2794
|
var Component$1S = function (_a) {
|
|
2795
2795
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -2806,15 +2806,15 @@ var Component$1S = function (_a) {
|
|
|
2806
2806
|
}
|
|
2807
2807
|
return { backgroundColor: '#c4c4c4' };
|
|
2808
2808
|
}, [color, scoreValue]);
|
|
2809
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2809
|
+
return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-score-level'] },
|
|
2810
2810
|
React__default["default"].createElement("p", null, name),
|
|
2811
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2811
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-score-level__summary'] },
|
|
2812
2812
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2813
2813
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2814
2814
|
};
|
|
2815
2815
|
var ScoreLevelStatic = Component$1S;
|
|
2816
2816
|
|
|
2817
|
-
var styles$
|
|
2817
|
+
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"};
|
|
2818
2818
|
|
|
2819
2819
|
var Component$1R = function (_a) {
|
|
2820
2820
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -2832,13 +2832,13 @@ var Component$1R = function (_a) {
|
|
|
2832
2832
|
setSearchValue('');
|
|
2833
2833
|
onSearch('');
|
|
2834
2834
|
};
|
|
2835
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2835
|
+
return (React__default["default"].createElement("div", { className: styles$1B.SearchbarComponent },
|
|
2836
2836
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2837
2837
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2838
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2839
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2838
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1B['SearchbarComponent__badge'] }),
|
|
2839
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-searchbar-buttons'] },
|
|
2840
2840
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2841
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2841
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1B['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2842
2842
|
React__default["default"].createElement("span", null, "|"))),
|
|
2843
2843
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2844
2844
|
};
|
|
@@ -2847,17 +2847,17 @@ var Component$1R = function (_a) {
|
|
|
2847
2847
|
*/
|
|
2848
2848
|
var Searchbar = Component$1R;
|
|
2849
2849
|
|
|
2850
|
-
var styles$
|
|
2850
|
+
var styles$1A = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2851
2851
|
|
|
2852
2852
|
var Component$1Q = function (_a) {
|
|
2853
2853
|
var props = __rest(_a, []);
|
|
2854
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2855
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2854
|
+
return (React__default["default"].createElement("div", { className: styles$1A['search-button'] },
|
|
2855
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1A['search-button__badge'] }),
|
|
2856
2856
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2857
2857
|
};
|
|
2858
2858
|
var SearchButton = Component$1Q;
|
|
2859
2859
|
|
|
2860
|
-
var styles$
|
|
2860
|
+
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"};
|
|
2861
2861
|
|
|
2862
2862
|
var SimilarJobsCard = function (_a) {
|
|
2863
2863
|
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;
|
|
@@ -2867,12 +2867,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2867
2867
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2868
2868
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2869
2869
|
}, [cities, salary, experience]);
|
|
2870
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2871
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2870
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2871
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2872
2872
|
React__default["default"].createElement("div", null,
|
|
2873
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2874
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2875
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2873
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2874
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2875
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2876
2876
|
};
|
|
2877
2877
|
|
|
2878
2878
|
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"};
|
|
@@ -2894,7 +2894,7 @@ var SortMenu = function (_a) {
|
|
|
2894
2894
|
};
|
|
2895
2895
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2896
2896
|
|
|
2897
|
-
var styles$
|
|
2897
|
+
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"};
|
|
2898
2898
|
|
|
2899
2899
|
var TextArea = function (_a) {
|
|
2900
2900
|
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"]);
|
|
@@ -2920,15 +2920,15 @@ var TextArea = function (_a) {
|
|
|
2920
2920
|
return;
|
|
2921
2921
|
setShowPlaceholder(scrollTop === 0);
|
|
2922
2922
|
}, [showPlaceholder]);
|
|
2923
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2924
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2923
|
+
return (React__default["default"].createElement("div", { className: styles$1y["".concat(classMUI, "-text-area")] },
|
|
2924
|
+
React__default["default"].createElement("div", { className: styles$1y["".concat(classMUI, "-text-area--container")] },
|
|
2925
2925
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2926
2926
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2927
2927
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2928
|
-
}, className: styles$
|
|
2929
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2930
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2931
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2928
|
+
}, className: styles$1y["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2929
|
+
React__default["default"].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 }))),
|
|
2930
|
+
React__default["default"].createElement("div", { className: styles$1y["".concat(classMUI, "-text-area__footer")] },
|
|
2931
|
+
React__default["default"].createElement("span", { className: styles$1y["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2932
2932
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2933
2933
|
};
|
|
2934
2934
|
|
|
@@ -2954,7 +2954,7 @@ var Component$1P = function (_a) {
|
|
|
2954
2954
|
};
|
|
2955
2955
|
var TimelineEvent = Component$1P;
|
|
2956
2956
|
|
|
2957
|
-
var styles$
|
|
2957
|
+
var styles$1x = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2958
2958
|
|
|
2959
2959
|
var Component$1O = function (_a) {
|
|
2960
2960
|
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;
|
|
@@ -2979,7 +2979,7 @@ var Component$1O = function (_a) {
|
|
|
2979
2979
|
}
|
|
2980
2980
|
return false;
|
|
2981
2981
|
};
|
|
2982
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2982
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1x['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2983
2983
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2984
2984
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2985
2985
|
})));
|
|
@@ -3005,9 +3005,9 @@ var userMenuAnalystIcons = {
|
|
|
3005
3005
|
rateUsHelp: Messages2BlackOutline
|
|
3006
3006
|
};
|
|
3007
3007
|
|
|
3008
|
-
var styles$
|
|
3008
|
+
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"};
|
|
3009
3009
|
|
|
3010
|
-
var styles$
|
|
3010
|
+
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"};
|
|
3011
3011
|
|
|
3012
3012
|
var Component$1M = function (_a) {
|
|
3013
3013
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -3023,12 +3023,12 @@ var Component$1M = function (_a) {
|
|
|
3023
3023
|
}
|
|
3024
3024
|
}, [handleModal, handleMenuOpen, option]);
|
|
3025
3025
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3026
|
-
styles: styles$
|
|
3026
|
+
styles: styles$1v,
|
|
3027
3027
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3028
3028
|
}) },
|
|
3029
3029
|
prefix,
|
|
3030
3030
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
3031
|
-
styles: styles$
|
|
3031
|
+
styles: styles$1v,
|
|
3032
3032
|
cls: ['user-menu-analyst-option-default__container']
|
|
3033
3033
|
}), 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 }),
|
|
3034
3034
|
suffix));
|
|
@@ -3038,16 +3038,16 @@ var Component$1M = function (_a) {
|
|
|
3038
3038
|
*/
|
|
3039
3039
|
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1M);
|
|
3040
3040
|
|
|
3041
|
-
var styles$
|
|
3041
|
+
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"};
|
|
3042
3042
|
|
|
3043
3043
|
var Component$1L = function (_a) {
|
|
3044
3044
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3045
3045
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3046
|
-
styles: styles$
|
|
3046
|
+
styles: styles$1u,
|
|
3047
3047
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3048
3048
|
}) },
|
|
3049
3049
|
prefix,
|
|
3050
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3050
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3051
3051
|
suffix));
|
|
3052
3052
|
};
|
|
3053
3053
|
/**
|
|
@@ -3055,12 +3055,12 @@ var Component$1L = function (_a) {
|
|
|
3055
3055
|
*/
|
|
3056
3056
|
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1L);
|
|
3057
3057
|
|
|
3058
|
-
var styles$
|
|
3058
|
+
var styles$1t = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3059
3059
|
|
|
3060
3060
|
var Component$1K = function (_a) {
|
|
3061
3061
|
var option = _a.option, className = _a.className;
|
|
3062
3062
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3063
|
-
styles: styles$
|
|
3063
|
+
styles: styles$1t,
|
|
3064
3064
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3065
3065
|
}) },
|
|
3066
3066
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -3116,26 +3116,26 @@ var optionTypes = (_b = {},
|
|
|
3116
3116
|
_b);
|
|
3117
3117
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3118
3118
|
|
|
3119
|
-
var styles$
|
|
3119
|
+
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"};
|
|
3120
3120
|
|
|
3121
3121
|
var Component$1I = function (_a) {
|
|
3122
3122
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3123
3123
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3124
3124
|
return (React__default["default"].createElement("div", null,
|
|
3125
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3125
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3126
3126
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3127
3127
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3128
|
-
styles: styles$
|
|
3128
|
+
styles: styles$1s,
|
|
3129
3129
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3130
3130
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3131
3131
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3132
|
-
styles: styles$
|
|
3132
|
+
styles: styles$1s,
|
|
3133
3133
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3134
3134
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3135
3135
|
};
|
|
3136
3136
|
var UserMenuAnalystTitle = Component$1I;
|
|
3137
3137
|
|
|
3138
|
-
var styles$
|
|
3138
|
+
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"};
|
|
3139
3139
|
|
|
3140
3140
|
var Component$1H = function (_a) {
|
|
3141
3141
|
var _b;
|
|
@@ -3163,13 +3163,13 @@ var Component$1H = function (_a) {
|
|
|
3163
3163
|
var OptionType = getOptionType(option.type);
|
|
3164
3164
|
if (!OptionType)
|
|
3165
3165
|
return null;
|
|
3166
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3167
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3166
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__object'] }) },
|
|
3167
|
+
React__default["default"].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__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3168
3168
|
}
|
|
3169
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3169
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3170
3170
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3171
3171
|
}, className: CNM.get({
|
|
3172
|
-
styles: styles$
|
|
3172
|
+
styles: styles$1r,
|
|
3173
3173
|
cls: [
|
|
3174
3174
|
'user-menu-analyst-option__dropdown',
|
|
3175
3175
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3178,7 +3178,7 @@ var Component$1H = function (_a) {
|
|
|
3178
3178
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3179
3179
|
var _a;
|
|
3180
3180
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3181
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3181
|
+
item.title && (React__default["default"].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 :
|
|
3182
3182
|
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1H, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3183
3183
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3184
3184
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -3193,11 +3193,11 @@ var UserMenuAnalystOption = Component$1H;
|
|
|
3193
3193
|
var Component$1G = function (_a) {
|
|
3194
3194
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3195
3195
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3196
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3196
|
+
return (React__default["default"].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) {
|
|
3197
3197
|
var _a;
|
|
3198
3198
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3199
3199
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3200
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3200
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3201
3201
|
React__default["default"].createElement(Divider, null)))));
|
|
3202
3202
|
})));
|
|
3203
3203
|
};
|
|
@@ -3206,7 +3206,7 @@ var Component$1G = function (_a) {
|
|
|
3206
3206
|
*/
|
|
3207
3207
|
var UserMenuAnalystOptions = Component$1G;
|
|
3208
3208
|
|
|
3209
|
-
var styles$
|
|
3209
|
+
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"};
|
|
3210
3210
|
|
|
3211
3211
|
var Component$1F = function (_a) {
|
|
3212
3212
|
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;
|
|
@@ -3226,22 +3226,22 @@ var Component$1F = function (_a) {
|
|
|
3226
3226
|
: action.data;
|
|
3227
3227
|
}
|
|
3228
3228
|
}, [action, queryString]);
|
|
3229
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3230
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3231
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3229
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst'] }) },
|
|
3230
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__header'] }) },
|
|
3231
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user'] }) },
|
|
3232
3232
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3233
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3234
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3235
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3236
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3233
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info'] }) },
|
|
3234
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3235
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3236
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3237
3237
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3238
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3238
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3239
3239
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3240
|
-
styles: styles$
|
|
3240
|
+
styles: styles$1q,
|
|
3241
3241
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3242
3242
|
}), optionClassNames: {
|
|
3243
|
-
link: CNM.get({ styles: styles$
|
|
3244
|
-
dropdown: CNM.get({ styles: styles$
|
|
3243
|
+
link: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__company-link'] }),
|
|
3244
|
+
dropdown: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3245
3245
|
} }))),
|
|
3246
3246
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3247
3247
|
};
|
|
@@ -3250,11 +3250,11 @@ var Component$1F = function (_a) {
|
|
|
3250
3250
|
*/
|
|
3251
3251
|
var UserMenuAnalyst = Component$1F;
|
|
3252
3252
|
|
|
3253
|
-
var styles$
|
|
3253
|
+
var styles$1p = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3254
3254
|
|
|
3255
3255
|
var Component$1E = function (_a) {
|
|
3256
3256
|
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;
|
|
3257
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3257
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3258
3258
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3259
3259
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3260
3260
|
};
|
|
@@ -3263,12 +3263,12 @@ var Component$1E = function (_a) {
|
|
|
3263
3263
|
*/
|
|
3264
3264
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1E);
|
|
3265
3265
|
|
|
3266
|
-
var styles$
|
|
3266
|
+
var styles$1o = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3267
3267
|
|
|
3268
3268
|
var Component$1D = function (_a) {
|
|
3269
3269
|
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;
|
|
3270
3270
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3271
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3271
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1o, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3272
3272
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3273
3273
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3274
3274
|
};
|
|
@@ -3301,19 +3301,19 @@ var Component$1C = function (_a) {
|
|
|
3301
3301
|
*/
|
|
3302
3302
|
var UserMenuWrapperAnalyst = Component$1C;
|
|
3303
3303
|
|
|
3304
|
-
var styles$
|
|
3304
|
+
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"};
|
|
3305
3305
|
|
|
3306
|
-
var styles$
|
|
3306
|
+
var styles$1m = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3307
3307
|
|
|
3308
|
-
var cx$B = classNames.bind(styles$
|
|
3308
|
+
var cx$B = classNames.bind(styles$1m);
|
|
3309
3309
|
var AlertJobStatusContainer = function (_a) {
|
|
3310
3310
|
var className = _a.className, children = _a.children;
|
|
3311
3311
|
return React__default["default"].createElement("div", { className: cx$B('alert-job__content', className) }, children);
|
|
3312
3312
|
};
|
|
3313
3313
|
|
|
3314
|
-
var styles$
|
|
3314
|
+
var styles$1l = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3315
3315
|
|
|
3316
|
-
var cx$A = classNames.bind(styles$
|
|
3316
|
+
var cx$A = classNames.bind(styles$1l);
|
|
3317
3317
|
var alertIcons = {
|
|
3318
3318
|
success: Checked2,
|
|
3319
3319
|
warning: Warning3D
|
|
@@ -3325,7 +3325,7 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3325
3325
|
return (React__default["default"].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" }));
|
|
3326
3326
|
};
|
|
3327
3327
|
|
|
3328
|
-
var cx$z = classNames.bind(styles$
|
|
3328
|
+
var cx$z = classNames.bind(styles$1n);
|
|
3329
3329
|
var Component$1B = function (_a) {
|
|
3330
3330
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3331
3331
|
return React__default["default"].createElement("div", { className: cx$z('alert-job', className, type) }, children);
|
|
@@ -3336,11 +3336,11 @@ var AlertJobStatus = Object.assign(Component$1B, {
|
|
|
3336
3336
|
Text: Text$1
|
|
3337
3337
|
});
|
|
3338
3338
|
|
|
3339
|
-
var styles$
|
|
3339
|
+
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"};
|
|
3340
3340
|
|
|
3341
|
-
var styles$
|
|
3341
|
+
var styles$1j = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3342
3342
|
|
|
3343
|
-
var cx$y = classNames.bind(styles$
|
|
3343
|
+
var cx$y = classNames.bind(styles$1j);
|
|
3344
3344
|
var Component$1A = function (_a) {
|
|
3345
3345
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3346
3346
|
if (hideLogo)
|
|
@@ -3349,7 +3349,7 @@ var Component$1A = function (_a) {
|
|
|
3349
3349
|
};
|
|
3350
3350
|
var SimilarCardLogo = Component$1A;
|
|
3351
3351
|
|
|
3352
|
-
var cx$x = classNames.bind(styles$
|
|
3352
|
+
var cx$x = classNames.bind(styles$1k);
|
|
3353
3353
|
var Component$1z = function (_a) {
|
|
3354
3354
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3355
3355
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
@@ -3357,7 +3357,7 @@ var Component$1z = function (_a) {
|
|
|
3357
3357
|
};
|
|
3358
3358
|
var SimilarCardIcon = Component$1z;
|
|
3359
3359
|
|
|
3360
|
-
var cx$w = classNames.bind(styles$
|
|
3360
|
+
var cx$w = classNames.bind(styles$1k);
|
|
3361
3361
|
var Component$1y = function (_a) {
|
|
3362
3362
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3363
3363
|
return (React__default["default"].createElement("a", { className: cx$w("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -3368,17 +3368,51 @@ var SimilarCard = Object.assign(Component$1y, {
|
|
|
3368
3368
|
Icon: SimilarCardIcon
|
|
3369
3369
|
});
|
|
3370
3370
|
|
|
3371
|
+
var ModalPortal = function (_a) {
|
|
3372
|
+
var children = _a.children;
|
|
3373
|
+
var portalNode = React.useRef(null);
|
|
3374
|
+
var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
|
|
3375
|
+
React.useEffect(function () {
|
|
3376
|
+
if (!document)
|
|
3377
|
+
return;
|
|
3378
|
+
portalNode.current = document.createElement('div');
|
|
3379
|
+
portalNode.current.classList.add('modal-ui-drawer');
|
|
3380
|
+
document.body.appendChild(portalNode.current);
|
|
3381
|
+
setMounted(true);
|
|
3382
|
+
}, []);
|
|
3383
|
+
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
3384
|
+
};
|
|
3385
|
+
|
|
3386
|
+
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"};
|
|
3387
|
+
|
|
3388
|
+
var Notification = function (_a) {
|
|
3389
|
+
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;
|
|
3390
|
+
React.useEffect(function () {
|
|
3391
|
+
if (autoCloseDuration > 0) {
|
|
3392
|
+
var timer_1 = setTimeout(onClose, autoCloseDuration);
|
|
3393
|
+
return function () { return clearTimeout(timer_1); };
|
|
3394
|
+
}
|
|
3395
|
+
}, [autoCloseDuration, onClose]);
|
|
3396
|
+
return (React__default["default"].createElement(ModalPortal, null,
|
|
3397
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1i.notification, " ").concat(styles$1i[position], " ").concat(className), role: "alert" },
|
|
3398
|
+
React__default["default"].createElement("div", { className: styles$1i['notification__content'] },
|
|
3399
|
+
React__default["default"].createElement("div", { className: styles$1i['notification__message'] }, message),
|
|
3400
|
+
React__default["default"].createElement("button", { className: styles$1i['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3401
|
+
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
3402
|
+
extraContent && extraContent)));
|
|
3403
|
+
};
|
|
3404
|
+
|
|
3371
3405
|
var Component$1x = function (_a) {
|
|
3372
3406
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3373
3407
|
var component = React.useMemo(function () {
|
|
3374
3408
|
var _a, _b, _c;
|
|
3375
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3409
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container'] }) },
|
|
3376
3410
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3377
3411
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3378
3412
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3379
3413
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3380
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3381
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3414
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3415
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2l, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3382
3416
|
});
|
|
3383
3417
|
return container;
|
|
3384
3418
|
};
|
|
@@ -3553,7 +3587,7 @@ var UserAnalystProps = {
|
|
|
3553
3587
|
email: 'gabriel@me.com',
|
|
3554
3588
|
title: 'Comfama'
|
|
3555
3589
|
};
|
|
3556
|
-
var UserNotificationProps = { iconProps: { icon: Notification, size: 20 }, href: '#' };
|
|
3590
|
+
var UserNotificationProps = { iconProps: { icon: Notification$1, size: 20 }, href: '#' };
|
|
3557
3591
|
var UserMenuAnalystProps = {
|
|
3558
3592
|
user: UserAnalystProps,
|
|
3559
3593
|
action: {
|
|
@@ -5391,7 +5425,7 @@ var Component$V = function (_a) {
|
|
|
5391
5425
|
React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5392
5426
|
headerLogo),
|
|
5393
5427
|
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__user-menu'] }) },
|
|
5394
|
-
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5428
|
+
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification$1, size: 20 } }, userNotificationProps)),
|
|
5395
5429
|
React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5396
5430
|
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5397
5431
|
};
|
|
@@ -5467,7 +5501,7 @@ var Component$T = function (_a) {
|
|
|
5467
5501
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5468
5502
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5469
5503
|
React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5470
|
-
React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
5504
|
+
fraudCardJobProps && React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
5471
5505
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5472
5506
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5473
5507
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -6023,7 +6057,7 @@ var Component$K = function (_a) {
|
|
|
6023
6057
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
6024
6058
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
6025
6059
|
jobSkillsCardProps && React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
6026
|
-
React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
6060
|
+
fraudCardJobProps && React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
6027
6061
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps, { isApplied: isApplied })),
|
|
6028
6062
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
6029
6063
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
@@ -8439,6 +8473,7 @@ exports.MultipleSelectionEntry = MultipleSelectionEntry;
|
|
|
8439
8473
|
exports.NavMenuAnalyst = NavMenuAnalyst;
|
|
8440
8474
|
exports.NavMenuAnalystRegionModal = NavMenuAnalystRegionModal;
|
|
8441
8475
|
exports.NavMenuDrawerAnalyst = NavMenuDrawerAnalyst;
|
|
8476
|
+
exports.Notification = Notification;
|
|
8442
8477
|
exports.OneSelectionEntry = OneSelectionEntry;
|
|
8443
8478
|
exports.Pagination = Pagination;
|
|
8444
8479
|
exports.Paragraph = Paragraph;
|