magneto365.ui 2.50.4 → 2.52.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 +808 -789
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/cjs/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/cjs/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +807 -790
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/ToggleButton/ToggleButton.interface.d.ts +9 -4
- package/dist/esm/types/components/UI/atoms/index.d.ts +4 -3
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/ToggleButtonList.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/ToggleButtonList/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +3 -2
- package/dist/esm/types/constants/stories/toggleButton.constants.d.ts +2 -0
- package/dist/index.d.ts +156 -101
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$29 = function (_a) {
|
|
245
245
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$28 = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$29;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$25 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -513,21 +513,21 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
513
513
|
|
|
514
514
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
515
515
|
|
|
516
|
-
var Component$
|
|
516
|
+
var Component$28 = function (_a) {
|
|
517
517
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
518
518
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
519
519
|
var handleError = function () {
|
|
520
520
|
setImageError(true);
|
|
521
521
|
};
|
|
522
|
-
return (React.createElement("div", { className: styles$
|
|
522
|
+
return (React.createElement("div", { className: styles$25.avatarComponent, onClick: onClick },
|
|
523
523
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
524
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
524
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$25['magneto-ui-default-avatar'] },
|
|
525
525
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
526
526
|
};
|
|
527
527
|
/**
|
|
528
528
|
* UI Atom component of Avatar
|
|
529
529
|
*/
|
|
530
|
-
var Avatar = Component$
|
|
530
|
+
var Avatar = Component$28;
|
|
531
531
|
|
|
532
532
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
533
533
|
|
|
@@ -644,9 +644,9 @@ var SignUpButtonStyle = {
|
|
|
644
644
|
}
|
|
645
645
|
};
|
|
646
646
|
|
|
647
|
-
var styles$
|
|
647
|
+
var styles$24 = {"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"};
|
|
648
648
|
|
|
649
|
-
var styles$
|
|
649
|
+
var styles$23 = {"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"};
|
|
650
650
|
|
|
651
651
|
var ShareIcons = {
|
|
652
652
|
Facebook: {
|
|
@@ -666,7 +666,7 @@ var ShareIcons = {
|
|
|
666
666
|
}
|
|
667
667
|
};
|
|
668
668
|
|
|
669
|
-
var Component$
|
|
669
|
+
var Component$27 = function (_a) {
|
|
670
670
|
var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
671
671
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
672
672
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -679,46 +679,46 @@ var Component$26 = function (_a) {
|
|
|
679
679
|
};
|
|
680
680
|
if (component)
|
|
681
681
|
return component;
|
|
682
|
-
return (React.createElement("div", { className: styles$
|
|
683
|
-
React.createElement("div", { id: styles$
|
|
682
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
683
|
+
React.createElement("div", { id: styles$23['magneto-ui__external-child'] }, externalButtonChild),
|
|
684
684
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
685
|
-
React.createElement("button", { className: styles$
|
|
685
|
+
React.createElement("button", { className: styles$23['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
686
686
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
687
687
|
} },
|
|
688
688
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
689
689
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
690
690
|
actionsLinkList.map(function (_a, index) {
|
|
691
691
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
692
|
-
return (React.createElement("a", { className: styles$
|
|
692
|
+
return (React.createElement("a", { className: styles$23['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
693
693
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
694
694
|
React.createElement("p", { key: index }, text)));
|
|
695
695
|
}),
|
|
696
|
-
React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("p", { className: styles$
|
|
698
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
696
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
697
|
+
React.createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
698
|
+
offerCompanyName ? React.createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
699
699
|
};
|
|
700
700
|
var ShareLinksAction = function (_a) {
|
|
701
701
|
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;
|
|
702
|
-
return (React.createElement("div", { className: styles$
|
|
703
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
702
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-actions'] },
|
|
703
|
+
React.createElement(ShareButton, __assign({ className: styles$23['magneto-ui-actions__share'] }, shareProps)),
|
|
704
704
|
shareLinks.map(function (_a, index) {
|
|
705
705
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
706
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
706
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$23['magneto-ui-actions__link'], styles$23['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
707
707
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
708
708
|
React.createElement("span", null, title)));
|
|
709
709
|
}),
|
|
710
|
-
React.createElement("div", { className: styles$
|
|
711
|
-
React.createElement("p", { className: styles$
|
|
712
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
713
|
-
React.createElement("div", { className: styles$
|
|
714
|
-
React.createElement("button", { className: styles$
|
|
710
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__header'] },
|
|
711
|
+
React.createElement("p", { className: styles$23['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
712
|
+
offerCompanyName ? React.createElement("p", { className: styles$23['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
713
|
+
React.createElement("div", { className: styles$23['magneto-ui-actions__back'] },
|
|
714
|
+
React.createElement("button", { className: styles$23['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
715
715
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
716
716
|
backText)));
|
|
717
717
|
};
|
|
718
718
|
/**
|
|
719
719
|
* UI Molecule componet of Actions
|
|
720
720
|
*/
|
|
721
|
-
var Actions = Object.assign(Component$
|
|
721
|
+
var Actions = Object.assign(Component$27, { ShareLinks: ShareLinksAction });
|
|
722
722
|
|
|
723
723
|
var style$Z = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
724
724
|
|
|
@@ -744,7 +744,7 @@ var alertIcons = {
|
|
|
744
744
|
warning: Warning,
|
|
745
745
|
error: Error
|
|
746
746
|
};
|
|
747
|
-
var Component$
|
|
747
|
+
var Component$26 = function (_a) {
|
|
748
748
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
749
749
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
750
750
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -756,7 +756,7 @@ var Component$25 = function (_a) {
|
|
|
756
756
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
757
757
|
extraButton));
|
|
758
758
|
};
|
|
759
|
-
var Alert = Component$
|
|
759
|
+
var Alert = Component$26;
|
|
760
760
|
|
|
761
761
|
var style$X = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
762
762
|
|
|
@@ -844,7 +844,7 @@ var classNames = {
|
|
|
844
844
|
};
|
|
845
845
|
|
|
846
846
|
var cx$f = classNames.bind(style$W);
|
|
847
|
-
var Component$
|
|
847
|
+
var Component$25 = function (_a) {
|
|
848
848
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
849
849
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
850
850
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -880,7 +880,7 @@ var Component$24 = function (_a) {
|
|
|
880
880
|
/**
|
|
881
881
|
* Molecule UI component for Mobile Drawer
|
|
882
882
|
*/
|
|
883
|
-
var MobileDrawer = Component$
|
|
883
|
+
var MobileDrawer = Component$25;
|
|
884
884
|
|
|
885
885
|
var style$V = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
886
886
|
|
|
@@ -936,11 +936,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
936
936
|
};
|
|
937
937
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
938
938
|
|
|
939
|
-
var styles$
|
|
939
|
+
var styles$22 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
940
940
|
|
|
941
|
-
var Component$
|
|
941
|
+
var Component$24 = function (_a) {
|
|
942
942
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
943
|
-
return (React.createElement("div", { className: styles$
|
|
943
|
+
return (React.createElement("div", { className: styles$22.BreadcrumbsComponent },
|
|
944
944
|
React.createElement("a", { href: homeUrl },
|
|
945
945
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
946
946
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -948,52 +948,52 @@ var Component$23 = function (_a) {
|
|
|
948
948
|
/**
|
|
949
949
|
* Molecule UI component for breadcrums information
|
|
950
950
|
*/
|
|
951
|
-
var Breadcrumbs = Component$
|
|
951
|
+
var Breadcrumbs = Component$24;
|
|
952
952
|
|
|
953
|
-
var styles$
|
|
953
|
+
var styles$21 = {"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"};
|
|
954
954
|
|
|
955
955
|
var CitiesDetailDrawer = function (_a) {
|
|
956
956
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
957
|
-
return (React.createElement("div", { className: styles$
|
|
958
|
-
React.createElement("div", { className: styles$
|
|
957
|
+
return (React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
958
|
+
React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
959
959
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
960
|
-
React.createElement("div", { className: styles$
|
|
961
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
960
|
+
React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
961
|
+
isRemote && (React.createElement("p", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
962
962
|
cities &&
|
|
963
963
|
cities.map(function (_a, index) {
|
|
964
964
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
965
|
-
return (React.createElement("div", { className: styles$
|
|
965
|
+
return (React.createElement("div", { className: styles$21['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
966
966
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
967
967
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
968
968
|
})))) : null));
|
|
969
969
|
};
|
|
970
970
|
|
|
971
|
-
var styles$
|
|
971
|
+
var styles$20 = {"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"};
|
|
972
972
|
|
|
973
|
-
var Component$
|
|
973
|
+
var Component$23 = function (_a) {
|
|
974
974
|
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;
|
|
975
975
|
var disabledArrow = useMemo(function () {
|
|
976
976
|
if (disabled)
|
|
977
|
-
return (React.createElement(IconItem, { className: styles$
|
|
977
|
+
return (React.createElement(IconItem, { className: styles$20['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
978
978
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
979
979
|
}, [disabled]);
|
|
980
|
-
return (React.createElement("div", { className: styles$
|
|
981
|
-
React.createElement("select", { className: styles$
|
|
982
|
-
React.createElement("option", { className: styles$
|
|
980
|
+
return (React.createElement("div", { className: styles$20['magneto-ui--date-dropdown__wrapper'] },
|
|
981
|
+
React.createElement("select", { className: styles$20["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
982
|
+
React.createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
983
983
|
dateOptions.map(function (_a) {
|
|
984
984
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
985
|
-
return (React.createElement("option", { className: styles$
|
|
985
|
+
return (React.createElement("option", { className: styles$20['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
986
986
|
})),
|
|
987
|
-
React.createElement("span", { className: styles$
|
|
987
|
+
React.createElement("span", { className: styles$20['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
988
988
|
};
|
|
989
|
-
var DateDropdown = Component$
|
|
989
|
+
var DateDropdown = Component$23;
|
|
990
990
|
|
|
991
|
-
var styles$
|
|
991
|
+
var styles$1$ = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
992
992
|
|
|
993
993
|
var defaultValue$1 = function (value) {
|
|
994
994
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
995
995
|
};
|
|
996
|
-
var Component$
|
|
996
|
+
var Component$22 = function (_a) {
|
|
997
997
|
var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
998
998
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
999
999
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1027,16 +1027,16 @@ var Component$21 = function (_a) {
|
|
|
1027
1027
|
}
|
|
1028
1028
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1029
1029
|
}, [disabled]);
|
|
1030
|
-
return (React.createElement("div", { className: styles$
|
|
1030
|
+
return (React.createElement("div", { className: styles$1$['magneto-ui--date-picker__wrapper'] },
|
|
1031
1031
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1032
1032
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1033
1033
|
};
|
|
1034
|
-
var DatePicker = Component$
|
|
1034
|
+
var DatePicker = Component$22;
|
|
1035
1035
|
|
|
1036
1036
|
var style$U = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1037
1037
|
|
|
1038
1038
|
var DEFAULT_PADDING = 20;
|
|
1039
|
-
var Component$
|
|
1039
|
+
var Component$21 = function (_a) {
|
|
1040
1040
|
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
1041
1041
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1042
1042
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1082,7 +1082,7 @@ var Component$20 = function (_a) {
|
|
|
1082
1082
|
/**
|
|
1083
1083
|
* Molecule UI component for Drawer
|
|
1084
1084
|
*/
|
|
1085
|
-
var Drawer = Component$
|
|
1085
|
+
var Drawer = Component$21;
|
|
1086
1086
|
|
|
1087
1087
|
var style$T = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1088
1088
|
|
|
@@ -1145,15 +1145,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1145
1145
|
_c)
|
|
1146
1146
|
};
|
|
1147
1147
|
|
|
1148
|
-
var styles$
|
|
1148
|
+
var styles$1_ = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1149
1149
|
|
|
1150
|
-
var Component$
|
|
1150
|
+
var Component$20 = function (_a) {
|
|
1151
1151
|
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;
|
|
1152
1152
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1153
1153
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1154
1154
|
var componentProps = useMemo(function () {
|
|
1155
1155
|
var className = CNM.get({
|
|
1156
|
-
styles: styles$
|
|
1156
|
+
styles: styles$1_,
|
|
1157
1157
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1158
1158
|
});
|
|
1159
1159
|
if (isUrl)
|
|
@@ -1175,48 +1175,48 @@ var Component$1$ = function (_a) {
|
|
|
1175
1175
|
}
|
|
1176
1176
|
return;
|
|
1177
1177
|
}, [loading, variant]);
|
|
1178
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1179
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1178
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action', className] }) },
|
|
1179
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__container'] }) },
|
|
1180
1180
|
React.createElement(Component, __assign({}, componentProps),
|
|
1181
1181
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1182
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1182
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-action__title'] }) }, title),
|
|
1183
1183
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1184
1184
|
};
|
|
1185
1185
|
/**
|
|
1186
1186
|
* Molecule UI child component of expandable info
|
|
1187
1187
|
*/
|
|
1188
|
-
var ExpandableInfoAction = Component$
|
|
1188
|
+
var ExpandableInfoAction = Component$20;
|
|
1189
1189
|
|
|
1190
|
-
var styles$
|
|
1190
|
+
var styles$1Z = {"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"};
|
|
1191
1191
|
|
|
1192
|
-
var Component$
|
|
1192
|
+
var Component$1$ = function (_a) {
|
|
1193
1193
|
var sections = _a.sections, footer = _a.footer;
|
|
1194
1194
|
var sectionStyles = useCallback(function (multiple) {
|
|
1195
1195
|
return CNM.get({
|
|
1196
|
-
styles: styles$
|
|
1196
|
+
styles: styles$1Z,
|
|
1197
1197
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1198
1198
|
});
|
|
1199
1199
|
}, []);
|
|
1200
1200
|
var subSectionStyles = useCallback(function (initial) {
|
|
1201
1201
|
return CNM.get({
|
|
1202
|
-
styles: styles$
|
|
1202
|
+
styles: styles$1Z,
|
|
1203
1203
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1204
1204
|
});
|
|
1205
1205
|
}, []);
|
|
1206
1206
|
var itemStyles = useCallback(function (first) {
|
|
1207
1207
|
return CNM.get({
|
|
1208
|
-
styles: styles$
|
|
1208
|
+
styles: styles$1Z,
|
|
1209
1209
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1210
1210
|
});
|
|
1211
1211
|
}, []);
|
|
1212
1212
|
var textStyles = useCallback(function (bold) {
|
|
1213
1213
|
return CNM.get({
|
|
1214
|
-
styles: styles$
|
|
1214
|
+
styles: styles$1Z,
|
|
1215
1215
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1216
1216
|
});
|
|
1217
1217
|
}, []);
|
|
1218
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1219
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1218
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details'] }) },
|
|
1219
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1220
1220
|
sections.map(function (section, index) {
|
|
1221
1221
|
var _a, _b;
|
|
1222
1222
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1230,13 +1230,13 @@ var Component$1_ = function (_a) {
|
|
|
1230
1230
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1231
1231
|
})));
|
|
1232
1232
|
}),
|
|
1233
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1234
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1233
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__footer'] }) },
|
|
1234
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-details__action'] }) }))))));
|
|
1235
1235
|
};
|
|
1236
1236
|
/**
|
|
1237
1237
|
* Molecule UI child component of expandable info
|
|
1238
1238
|
*/
|
|
1239
|
-
var ExpandableInfoDetails = Component$
|
|
1239
|
+
var ExpandableInfoDetails = Component$1$;
|
|
1240
1240
|
|
|
1241
1241
|
var EExpandableInfoVariant;
|
|
1242
1242
|
(function (EExpandableInfoVariant) {
|
|
@@ -1257,9 +1257,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1257
1257
|
_a$3)
|
|
1258
1258
|
};
|
|
1259
1259
|
|
|
1260
|
-
var styles$
|
|
1260
|
+
var styles$1Y = {"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"};
|
|
1261
1261
|
|
|
1262
|
-
var Component$
|
|
1262
|
+
var Component$1_ = function (_a) {
|
|
1263
1263
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1264
1264
|
var icon = useCallback(function (icon) {
|
|
1265
1265
|
if (icon) {
|
|
@@ -1272,22 +1272,22 @@ var Component$1Z = function (_a) {
|
|
|
1272
1272
|
}, [variant]);
|
|
1273
1273
|
if (!title)
|
|
1274
1274
|
return null;
|
|
1275
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1276
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1275
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message', className] }) },
|
|
1276
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-message__container'] }) },
|
|
1277
1277
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1278
1278
|
React.createElement("span", { className: CNM.get({
|
|
1279
|
-
styles: styles$
|
|
1279
|
+
styles: styles$1Y,
|
|
1280
1280
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1281
1281
|
}) }, title))));
|
|
1282
1282
|
};
|
|
1283
1283
|
/**
|
|
1284
1284
|
* Molecule UI child component of expandable info
|
|
1285
1285
|
*/
|
|
1286
|
-
var ExpandableInfoMessage = Component$
|
|
1286
|
+
var ExpandableInfoMessage = Component$1_;
|
|
1287
1287
|
|
|
1288
|
-
var styles$
|
|
1288
|
+
var styles$1X = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1289
1289
|
|
|
1290
|
-
var Component$
|
|
1290
|
+
var Component$1Z = function (_a) {
|
|
1291
1291
|
var toggler = _a.toggler, details = _a.details;
|
|
1292
1292
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1293
1293
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1295,28 +1295,28 @@ var Component$1Y = function (_a) {
|
|
|
1295
1295
|
}, []);
|
|
1296
1296
|
return (React.createElement(React.Fragment, null,
|
|
1297
1297
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1298
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1298
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1X, cls: ['expandable-info-modal'] }) },
|
|
1299
1299
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1300
1300
|
};
|
|
1301
1301
|
/**
|
|
1302
1302
|
* Molecule UI child component of expandable info
|
|
1303
1303
|
*/
|
|
1304
|
-
var ExpandableInfoModal = Component$
|
|
1304
|
+
var ExpandableInfoModal = Component$1Z;
|
|
1305
1305
|
|
|
1306
|
-
var styles$
|
|
1306
|
+
var styles$1W = {"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"};
|
|
1307
1307
|
|
|
1308
1308
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1309
1309
|
|
|
1310
|
-
var styles$
|
|
1310
|
+
var styles$1V = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1311
1311
|
|
|
1312
1312
|
var Image = function (_a) {
|
|
1313
1313
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1314
1314
|
return (React.createElement(React.Fragment, null,
|
|
1315
1315
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1316
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1316
|
+
playIcon && React.createElement("div", { className: styles$1V['magneto-ui-play-button'] }, playIcon)));
|
|
1317
1317
|
};
|
|
1318
1318
|
|
|
1319
|
-
var styles$
|
|
1319
|
+
var styles$1U = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1320
1320
|
|
|
1321
1321
|
var MegaMenuCard = function (_a) {
|
|
1322
1322
|
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;
|
|
@@ -1326,17 +1326,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1326
1326
|
onClick();
|
|
1327
1327
|
}
|
|
1328
1328
|
}, [onClick]);
|
|
1329
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1330
|
-
icon && (React.createElement("div", { className: styles$
|
|
1329
|
+
return (React.createElement("a", { className: "".concat(styles$1U["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1330
|
+
icon && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__icon"] },
|
|
1331
1331
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1332
|
-
logo && (React.createElement("div", { className: styles$
|
|
1333
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1334
|
-
React.createElement("div", { className: styles$
|
|
1335
|
-
React.createElement("div", { className: styles$
|
|
1336
|
-
React.createElement("div", { className: styles$
|
|
1332
|
+
logo && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__logo"] },
|
|
1333
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1U["magneto-ui-mega-menu-card__logo"] }))),
|
|
1334
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__content"] },
|
|
1335
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__title"] }, title),
|
|
1336
|
+
React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1337
1337
|
maximumFractionDigits: 3
|
|
1338
1338
|
}), " cupos"))),
|
|
1339
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1339
|
+
showRigthArrow && (React.createElement("div", { className: styles$1U["magneto-ui-mega-menu-card__arrow"] },
|
|
1340
1340
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
@@ -1355,24 +1355,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1355
1355
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1356
1356
|
};
|
|
1357
1357
|
|
|
1358
|
-
var styles$
|
|
1358
|
+
var styles$1T = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1359
1359
|
|
|
1360
1360
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1361
1361
|
var Component = function (_a) {
|
|
1362
1362
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1363
|
-
return (React.createElement("div", { className: styles$
|
|
1364
|
-
React.createElement("div", { className: styles$
|
|
1363
|
+
return (React.createElement("div", { className: styles$1T['mega-menu-side-container'] },
|
|
1364
|
+
React.createElement("div", { className: styles$1T['mega-menu-side-container__side'] },
|
|
1365
1365
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1366
|
-
React.createElement("div", { className: styles$
|
|
1366
|
+
React.createElement("div", { className: styles$1T['mega-menu-side-container__main'] },
|
|
1367
1367
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1368
1368
|
};
|
|
1369
1369
|
return Component;
|
|
1370
1370
|
};
|
|
1371
1371
|
|
|
1372
|
-
var Component$
|
|
1372
|
+
var Component$1Y = function (_a) {
|
|
1373
1373
|
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;
|
|
1374
1374
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1375
|
-
styles: styles$
|
|
1375
|
+
styles: styles$1W,
|
|
1376
1376
|
cls: [
|
|
1377
1377
|
'expandable-info-popover',
|
|
1378
1378
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1380,7 +1380,7 @@ var Component$1X = function (_a) {
|
|
|
1380
1380
|
]
|
|
1381
1381
|
}), content: React.createElement(React.Fragment, null,
|
|
1382
1382
|
React.createElement("span", { className: CNM.get({
|
|
1383
|
-
styles: styles$
|
|
1383
|
+
styles: styles$1W,
|
|
1384
1384
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1385
1385
|
}) }),
|
|
1386
1386
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1389,19 +1389,19 @@ var Component$1X = function (_a) {
|
|
|
1389
1389
|
/**
|
|
1390
1390
|
* Molecule UI child component of expandable info
|
|
1391
1391
|
*/
|
|
1392
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1392
|
+
var ExpandableInfoPopover = withClickOut(Component$1Y);
|
|
1393
1393
|
|
|
1394
1394
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1395
1395
|
coin: CoinBlackOutline
|
|
1396
1396
|
};
|
|
1397
1397
|
|
|
1398
|
-
var styles$
|
|
1398
|
+
var styles$1S = {"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"};
|
|
1399
1399
|
|
|
1400
|
-
var Component$
|
|
1400
|
+
var Component$1X = function (_a) {
|
|
1401
1401
|
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;
|
|
1402
1402
|
var styleGenerator = useCallback(function (base) {
|
|
1403
1403
|
return CNM.get({
|
|
1404
|
-
styles: styles$
|
|
1404
|
+
styles: styles$1S,
|
|
1405
1405
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1406
1406
|
});
|
|
1407
1407
|
}, [variant]);
|
|
@@ -1433,7 +1433,7 @@ var Component$1W = function (_a) {
|
|
|
1433
1433
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1434
1434
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1435
1435
|
React.createElement("div", { className: CNM.get({
|
|
1436
|
-
styles: styles$
|
|
1436
|
+
styles: styles$1S,
|
|
1437
1437
|
cls: [
|
|
1438
1438
|
'expandable-info-toggler__summary',
|
|
1439
1439
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1446,11 +1446,11 @@ var Component$1W = function (_a) {
|
|
|
1446
1446
|
/**
|
|
1447
1447
|
* Molecule UI child component of expandable info
|
|
1448
1448
|
*/
|
|
1449
|
-
var ExpandableInfoToggler = Component$
|
|
1449
|
+
var ExpandableInfoToggler = Component$1X;
|
|
1450
1450
|
|
|
1451
|
-
var styles$
|
|
1451
|
+
var styles$1R = {"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"};
|
|
1452
1452
|
|
|
1453
|
-
var Component$
|
|
1453
|
+
var Component$1W = function (_a) {
|
|
1454
1454
|
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;
|
|
1455
1455
|
var togglerProps = useMemo(function () { return ({
|
|
1456
1456
|
details: details,
|
|
@@ -1464,9 +1464,9 @@ var Component$1V = function (_a) {
|
|
|
1464
1464
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1465
1465
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1466
1466
|
});
|
|
1467
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1467
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info'] }) },
|
|
1468
1468
|
React.createElement("div", { className: CNM.get({
|
|
1469
|
-
styles: styles$
|
|
1469
|
+
styles: styles$1R,
|
|
1470
1470
|
cls: [
|
|
1471
1471
|
'expandable-info__container',
|
|
1472
1472
|
"expandable-info__container--".concat(variant),
|
|
@@ -1476,22 +1476,41 @@ var Component$1V = function (_a) {
|
|
|
1476
1476
|
}) },
|
|
1477
1477
|
container,
|
|
1478
1478
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1479
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1479
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1480
1480
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1481
1481
|
};
|
|
1482
1482
|
/**
|
|
1483
1483
|
* Molecule UI component for expandable info
|
|
1484
1484
|
*/
|
|
1485
|
-
var ExpandableInfo = Component$
|
|
1485
|
+
var ExpandableInfo = Component$1W;
|
|
1486
|
+
|
|
1487
|
+
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1488
|
+
|
|
1489
|
+
var FilterActions = function (_a) {
|
|
1490
|
+
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
1491
|
+
var _b = useState(0), selected = _b[0], setSelected = _b[1];
|
|
1492
|
+
var handleClickAction = useCallback(function (index, letter) { return function () {
|
|
1493
|
+
setSelected(index);
|
|
1494
|
+
onClickAction(index, letter);
|
|
1495
|
+
}; }, [onClickAction]);
|
|
1496
|
+
useImperativeHandle(filtersRef, function () { return ({
|
|
1497
|
+
restartFilters: function () { return setSelected(0); }
|
|
1498
|
+
}); });
|
|
1499
|
+
var actions = useMemo(function () {
|
|
1500
|
+
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1501
|
+
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$R["filter-actions__action"], " ").concat(selected == index ? style$R["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1502
|
+
}, [allAction, handleClickAction, selected]);
|
|
1503
|
+
return React.createElement("nav", { className: style$R['filter-actions'] }, actions);
|
|
1504
|
+
};
|
|
1486
1505
|
|
|
1487
|
-
var style$
|
|
1506
|
+
var style$Q = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1488
1507
|
|
|
1489
1508
|
var FilterContainerMenu = function (_a) {
|
|
1490
1509
|
var children = _a.children;
|
|
1491
|
-
return React.createElement("div", { className: style$
|
|
1510
|
+
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1492
1511
|
};
|
|
1493
1512
|
|
|
1494
|
-
var styles$
|
|
1513
|
+
var styles$1Q = {"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"};
|
|
1495
1514
|
|
|
1496
1515
|
var FilterMenuItem = function (_a) {
|
|
1497
1516
|
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"]);
|
|
@@ -1506,35 +1525,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1506
1525
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1507
1526
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1508
1527
|
var className = useMemo(function () {
|
|
1509
|
-
return isApplied ? styles$
|
|
1528
|
+
return isApplied ? styles$1Q.selected : isSearched ? styles$1Q.isSearched : hiddenCount ? '' : !total && styles$1Q.disabled;
|
|
1510
1529
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1511
1530
|
var handleClick = useCallback(function () {
|
|
1512
1531
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1513
1532
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1514
1533
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1515
1534
|
if (loading)
|
|
1516
|
-
return React.createElement("div", { className: styles$
|
|
1517
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1535
|
+
return React.createElement("div", { className: styles$1Q.skeleton });
|
|
1536
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1Q['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1518
1537
|
React.createElement("span", null, label),
|
|
1519
1538
|
displayOutput));
|
|
1520
1539
|
};
|
|
1521
1540
|
|
|
1522
|
-
var styles$
|
|
1541
|
+
var styles$1P = {"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"};
|
|
1523
1542
|
|
|
1524
1543
|
var FilterSearchItem = function (_a) {
|
|
1525
1544
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1526
1545
|
var inputRef = useRef(null);
|
|
1527
1546
|
if (loading)
|
|
1528
|
-
return (React.createElement("div", { className: styles$
|
|
1547
|
+
return (React.createElement("div", { className: styles$1P.skeleton },
|
|
1529
1548
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1530
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1549
|
+
return (React.createElement("div", { className: "".concat(styles$1P['magneto-ui-filter-search'], " ").concat(disabled ? styles$1P.disabled : '') },
|
|
1531
1550
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1532
1551
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1533
1552
|
};
|
|
1534
1553
|
|
|
1535
|
-
var styles$
|
|
1554
|
+
var styles$1O = {"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"};
|
|
1536
1555
|
|
|
1537
|
-
var Component$
|
|
1556
|
+
var Component$1V = function (_a) {
|
|
1538
1557
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1539
1558
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1540
1559
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1544,46 +1563,46 @@ var Component$1U = function (_a) {
|
|
|
1544
1563
|
return searchList;
|
|
1545
1564
|
}, [searchList, showFullList]);
|
|
1546
1565
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1547
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1548
|
-
React.createElement("h2", { className: styles$
|
|
1549
|
-
React.createElement("div", { className: styles$
|
|
1566
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1O['magneto-ui-frequent-search'] },
|
|
1567
|
+
React.createElement("h2", { className: styles$1O['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1568
|
+
React.createElement("div", { className: styles$1O['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1550
1569
|
var props = __rest(_a, []);
|
|
1551
1570
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1552
1571
|
})),
|
|
1553
|
-
React.createElement("div", { className: styles$
|
|
1572
|
+
React.createElement("div", { className: styles$1O['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1554
1573
|
showMore,
|
|
1555
1574
|
" (",
|
|
1556
1575
|
searchList.length,
|
|
1557
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1576
|
+
")")) : (React.createElement("button", { className: styles$1O['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1558
1577
|
};
|
|
1559
1578
|
/**
|
|
1560
1579
|
* UI Atom component of Frequent Search
|
|
1561
1580
|
*/
|
|
1562
|
-
var FrequentSearch = Component$
|
|
1581
|
+
var FrequentSearch = Component$1V;
|
|
1563
1582
|
|
|
1564
|
-
var style$
|
|
1583
|
+
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1565
1584
|
|
|
1566
|
-
var Component$
|
|
1585
|
+
var Component$1U = function (_a) {
|
|
1567
1586
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1568
|
-
return (React.createElement("div", { className: style$
|
|
1587
|
+
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1569
1588
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1570
1589
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1571
1590
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1572
1591
|
};
|
|
1573
|
-
var HeaderDrawerCompany = Component$
|
|
1592
|
+
var HeaderDrawerCompany = Component$1U;
|
|
1574
1593
|
|
|
1575
|
-
var styles$
|
|
1594
|
+
var styles$1N = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1576
1595
|
|
|
1577
|
-
var Component$
|
|
1596
|
+
var Component$1T = function (_a) {
|
|
1578
1597
|
var children = _a.children;
|
|
1579
|
-
return React.createElement("div", { className: styles$
|
|
1598
|
+
return React.createElement("div", { className: styles$1N.TabComponent }, children);
|
|
1580
1599
|
};
|
|
1581
1600
|
/**
|
|
1582
1601
|
* Molecule UI for Tab
|
|
1583
1602
|
*/
|
|
1584
|
-
var Tab = Component$
|
|
1603
|
+
var Tab = Component$1T;
|
|
1585
1604
|
|
|
1586
|
-
var styles$
|
|
1605
|
+
var styles$1M = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1587
1606
|
|
|
1588
1607
|
var toCSSVariables = function (input) {
|
|
1589
1608
|
var output = {};
|
|
@@ -1598,35 +1617,35 @@ var toCSSVariables = function (input) {
|
|
|
1598
1617
|
return output;
|
|
1599
1618
|
};
|
|
1600
1619
|
|
|
1601
|
-
var Component$
|
|
1620
|
+
var Component$1S = function (_a) {
|
|
1602
1621
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1603
1622
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1604
1623
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1605
|
-
return (React.createElement("div", { className: styles$
|
|
1624
|
+
return (React.createElement("div", { className: styles$1M.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1606
1625
|
};
|
|
1607
1626
|
/**
|
|
1608
1627
|
* Molecule UI component for Tab Button
|
|
1609
1628
|
*/
|
|
1610
|
-
var TabButton = Component$
|
|
1629
|
+
var TabButton = Component$1S;
|
|
1611
1630
|
|
|
1612
|
-
var styles$
|
|
1631
|
+
var styles$1L = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1613
1632
|
|
|
1614
|
-
var Component$
|
|
1633
|
+
var Component$1R = function (_a) {
|
|
1615
1634
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1616
|
-
return (React.createElement("div", { className: styles$
|
|
1635
|
+
return (React.createElement("div", { className: styles$1L.HeaderDrawerTabsComponent },
|
|
1617
1636
|
React.createElement("a", { href: homeUrl },
|
|
1618
1637
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1619
1638
|
React.createElement(Tab, null,
|
|
1620
1639
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1621
1640
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1622
1641
|
};
|
|
1623
|
-
var HeaderDrawerTabs = Component$
|
|
1642
|
+
var HeaderDrawerTabs = Component$1R;
|
|
1624
1643
|
|
|
1625
|
-
var styles$
|
|
1644
|
+
var styles$1K = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1626
1645
|
|
|
1627
|
-
var Component$
|
|
1646
|
+
var Component$1Q = function (_a) {
|
|
1628
1647
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1629
|
-
return (React.createElement("div", { className: styles$
|
|
1648
|
+
return (React.createElement("div", { className: styles$1K.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1630
1649
|
var headerTabProps = __rest(_a, []);
|
|
1631
1650
|
return (React.createElement(React.Fragment, { key: index },
|
|
1632
1651
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1637,9 +1656,9 @@ var Component$1P = function (_a) {
|
|
|
1637
1656
|
/**
|
|
1638
1657
|
* Molecule UI component for header tabs information`
|
|
1639
1658
|
*/
|
|
1640
|
-
var HeaderTabs = Component$
|
|
1659
|
+
var HeaderTabs = Component$1Q;
|
|
1641
1660
|
|
|
1642
|
-
var styles$
|
|
1661
|
+
var styles$1J = {"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"};
|
|
1643
1662
|
|
|
1644
1663
|
var Input = function (_a) {
|
|
1645
1664
|
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"]);
|
|
@@ -1674,28 +1693,28 @@ var Input = function (_a) {
|
|
|
1674
1693
|
setInputValue(e.target.value);
|
|
1675
1694
|
}, [onChange]);
|
|
1676
1695
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1677
|
-
React.createElement("div", { className: styles$
|
|
1696
|
+
React.createElement("div", { className: styles$1J["".concat(classMUI, "-input")] },
|
|
1678
1697
|
React.createElement("div", null,
|
|
1679
|
-
React.createElement("div", { className: styles$
|
|
1698
|
+
React.createElement("div", { className: styles$1J["".concat(classMUI, "-input--container")] },
|
|
1680
1699
|
React.createElement("label", { htmlFor: name, style: {
|
|
1681
1700
|
left: hideIcon ? '10px' : '40px',
|
|
1682
1701
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1683
1702
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1684
|
-
}, className: styles$
|
|
1703
|
+
}, className: styles$1J["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1685
1704
|
React.createElement("input", __assign({}, props, { style: {
|
|
1686
1705
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1687
|
-
}, disabled: disabled, className: styles$
|
|
1688
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1689
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1706
|
+
}, disabled: disabled, className: styles$1J["".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" })),
|
|
1707
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1J["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1708
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1J["".concat(classMUI, "-input--container__icon-action")] },
|
|
1690
1709
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1691
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1692
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1710
|
+
React.createElement("div", { className: "".concat(styles$1J["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1J['footer-without-error'] : '') },
|
|
1711
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1J["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1693
1712
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1694
1713
|
};
|
|
1695
1714
|
|
|
1696
|
-
var styles$
|
|
1715
|
+
var styles$1I = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1697
1716
|
|
|
1698
|
-
var Component$
|
|
1717
|
+
var Component$1P = function (_a) {
|
|
1699
1718
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1700
1719
|
var loadingSize = useMemo(function () {
|
|
1701
1720
|
if (size) {
|
|
@@ -1709,11 +1728,11 @@ var Component$1O = function (_a) {
|
|
|
1709
1728
|
height: '15px'
|
|
1710
1729
|
};
|
|
1711
1730
|
}, [size]);
|
|
1712
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1731
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1I["".concat(classMUI, "-flat-loader")] }));
|
|
1713
1732
|
};
|
|
1714
|
-
var FlatLoader = Component$
|
|
1733
|
+
var FlatLoader = Component$1P;
|
|
1715
1734
|
|
|
1716
|
-
var styles$
|
|
1735
|
+
var styles$1H = {"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"};
|
|
1717
1736
|
|
|
1718
1737
|
var InputPlus = function (_a) {
|
|
1719
1738
|
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;
|
|
@@ -1757,23 +1776,23 @@ var InputPlus = function (_a) {
|
|
|
1757
1776
|
}
|
|
1758
1777
|
}
|
|
1759
1778
|
}, [disabledBtn, handleSubmmit]);
|
|
1760
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1779
|
+
return (React.createElement("div", { className: "".concat(styles$1H["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1761
1780
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1762
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1781
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1H["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1H.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1H['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1763
1782
|
};
|
|
1764
1783
|
|
|
1765
|
-
var styles$
|
|
1784
|
+
var styles$1G = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1766
1785
|
|
|
1767
|
-
var style$
|
|
1786
|
+
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1768
1787
|
|
|
1769
|
-
var Component$
|
|
1788
|
+
var Component$1O = function (_a) {
|
|
1770
1789
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1771
1790
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1772
|
-
return (React.createElement(Popover, { className: [style$
|
|
1791
|
+
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
1773
1792
|
shareLinks.map(function (_a, index) {
|
|
1774
1793
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1775
1794
|
return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1776
|
-
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1795
|
+
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$O['content__link'], onClick: function () { return setShow(false); } },
|
|
1777
1796
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1778
1797
|
React.createElement("span", null, title))));
|
|
1779
1798
|
}),
|
|
@@ -1781,13 +1800,13 @@ var Component$1N = function (_a) {
|
|
|
1781
1800
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1782
1801
|
rest.onCopySuccess();
|
|
1783
1802
|
} })))) },
|
|
1784
|
-
React.createElement("button", __assign({}, btnProps, { className: [style$
|
|
1803
|
+
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1785
1804
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1786
1805
|
};
|
|
1787
|
-
Component$
|
|
1788
|
-
var SharePopover = Component$
|
|
1806
|
+
Component$1O.displayName = 'SharePopover';
|
|
1807
|
+
var SharePopover = Component$1O;
|
|
1789
1808
|
|
|
1790
|
-
var Component$
|
|
1809
|
+
var Component$1N = function (_a) {
|
|
1791
1810
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1792
1811
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1793
1812
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1795,30 +1814,30 @@ var Component$1M = function (_a) {
|
|
|
1795
1814
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1796
1815
|
}); });
|
|
1797
1816
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1798
|
-
return (React.createElement("div", { className: styles$
|
|
1799
|
-
React.createElement("div", { id: styles$
|
|
1800
|
-
React.createElement("div", { className: styles$
|
|
1817
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-actions'] },
|
|
1818
|
+
React.createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalButtonChild),
|
|
1819
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1801
1820
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1802
1821
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1803
1822
|
filteredActionsLinkList.map(function (_a) {
|
|
1804
1823
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1805
|
-
return (React.createElement("div", { className: styles$
|
|
1806
|
-
React.createElement("a", { className: styles$
|
|
1824
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1825
|
+
React.createElement("a", { className: styles$1G['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1807
1826
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1808
1827
|
}))));
|
|
1809
1828
|
};
|
|
1810
1829
|
/**
|
|
1811
1830
|
* UI Molecule Component for Jobs Actions
|
|
1812
1831
|
*/
|
|
1813
|
-
var JobActions = Component$
|
|
1832
|
+
var JobActions = Component$1N;
|
|
1814
1833
|
|
|
1815
|
-
var styles$
|
|
1834
|
+
var styles$1F = {"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"};
|
|
1816
1835
|
|
|
1817
|
-
var Component$
|
|
1836
|
+
var Component$1M = function (_a) {
|
|
1818
1837
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1819
|
-
return (React.createElement("div", { className: styles$
|
|
1820
|
-
React.createElement("div", { className: styles$
|
|
1821
|
-
React.createElement("div", { className: styles$
|
|
1838
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card'] },
|
|
1839
|
+
React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__wrapper'] },
|
|
1840
|
+
React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__header'] },
|
|
1822
1841
|
React.createElement("p", null, offerApplyHeader),
|
|
1823
1842
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1824
1843
|
offerApplyElements
|
|
@@ -1828,18 +1847,18 @@ var Component$1L = function (_a) {
|
|
|
1828
1847
|
})
|
|
1829
1848
|
.map(function (_a) {
|
|
1830
1849
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1831
|
-
return (React.createElement("div", { className: styles$
|
|
1850
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1832
1851
|
React.createElement("p", null, offerApplyLabel),
|
|
1833
1852
|
React.createElement("p", null, offerApplyInfo)));
|
|
1834
1853
|
})),
|
|
1835
|
-
React.createElement("div", { id: styles$
|
|
1854
|
+
React.createElement("div", { id: styles$1F['magneto-ui__external-child'] }, externalChild))));
|
|
1836
1855
|
};
|
|
1837
1856
|
/**
|
|
1838
1857
|
* UI Molecule Component for Job Apply Card
|
|
1839
1858
|
*/
|
|
1840
|
-
var JobApplyCard = Component$
|
|
1859
|
+
var JobApplyCard = Component$1M;
|
|
1841
1860
|
|
|
1842
|
-
var style$
|
|
1861
|
+
var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1843
1862
|
|
|
1844
1863
|
var JobCardDesktop = function (_a) {
|
|
1845
1864
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1850,43 +1869,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1850
1869
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1851
1870
|
}, [cities]);
|
|
1852
1871
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1853
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1854
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1855
|
-
React.createElement("div", { className: style$
|
|
1856
|
-
React.createElement("img", { className: style$
|
|
1857
|
-
React.createElement("div", { className: style$
|
|
1858
|
-
React.createElement("div", { className: style$
|
|
1872
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
|
|
1873
|
+
!isCompanyPage && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row1")] },
|
|
1874
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--brand")] },
|
|
1875
|
+
React.createElement("img", { className: style$N["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1876
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--data")] },
|
|
1877
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2")] },
|
|
1859
1878
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1860
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1879
|
+
React.createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1861
1880
|
React.createElement("h3", null, companyName),
|
|
1862
1881
|
React.createElement("p", null, formatPublishDate),
|
|
1863
|
-
urgent && (React.createElement("div", { className: style$
|
|
1882
|
+
urgent && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1864
1883
|
React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1865
1884
|
React.createElement("p", null, urgent)))),
|
|
1866
|
-
React.createElement("div", { className: style$
|
|
1885
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row3")] },
|
|
1867
1886
|
React.createElement("p", null,
|
|
1868
1887
|
citiesformatted,
|
|
1869
1888
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1870
|
-
React.createElement("div", { className: style$
|
|
1889
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--row4")] },
|
|
1871
1890
|
React.createElement("p", null, infoRow4))),
|
|
1872
|
-
React.createElement("div", { className: style$
|
|
1891
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1873
1892
|
React.createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1874
1893
|
};
|
|
1875
1894
|
|
|
1876
|
-
var style$
|
|
1895
|
+
var style$M = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
1877
1896
|
|
|
1878
1897
|
var JobCardMobile = function (_a) {
|
|
1879
1898
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
1880
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1881
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1882
|
-
React.createElement("div", { className: style$
|
|
1883
|
-
React.createElement("img", { className: style$
|
|
1884
|
-
React.createElement("div", { className: style$
|
|
1885
|
-
React.createElement("div", { className: style$
|
|
1899
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$M[workSeen] : '', " ").concat(jobOpen ? style$M[jobOpen] : '') },
|
|
1900
|
+
!isCompanyPage && (React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1901
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1902
|
+
React.createElement("img", { className: style$M["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1903
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1904
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1886
1905
|
React.createElement("div", null,
|
|
1887
1906
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
1888
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1889
|
-
React.createElement("div", { className: style$
|
|
1907
|
+
React.createElement("h2", { className: "".concat(style$M["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1908
|
+
React.createElement("div", { className: style$M["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
1890
1909
|
React.createElement("h3", null,
|
|
1891
1910
|
companyName,
|
|
1892
1911
|
","),
|
|
@@ -1921,46 +1940,46 @@ var JobCard = function (_a) {
|
|
|
1921
1940
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1922
1941
|
};
|
|
1923
1942
|
|
|
1924
|
-
var styles$
|
|
1943
|
+
var styles$1E = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1925
1944
|
|
|
1926
|
-
var Component$
|
|
1945
|
+
var Component$1L = function (_a) {
|
|
1927
1946
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1928
|
-
return (React.createElement("div", { className: styles$
|
|
1947
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-job-company-header'] },
|
|
1929
1948
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1930
1949
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1931
1950
|
};
|
|
1932
1951
|
/**
|
|
1933
1952
|
* UI Molecule component for Company Job Header
|
|
1934
1953
|
*/
|
|
1935
|
-
var JobCompanyHeader = Component$
|
|
1954
|
+
var JobCompanyHeader = Component$1L;
|
|
1936
1955
|
|
|
1937
|
-
var styles$
|
|
1956
|
+
var styles$1D = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1938
1957
|
|
|
1939
|
-
var Component$
|
|
1958
|
+
var Component$1K = function (_a) {
|
|
1940
1959
|
var offerDescription = _a.offerDescription;
|
|
1941
|
-
return (React.createElement("div", { className: styles$
|
|
1960
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1942
1961
|
};
|
|
1943
1962
|
/**
|
|
1944
1963
|
* UI Molecule Component for Job Detail Card Header
|
|
1945
1964
|
*/
|
|
1946
|
-
var JobDetailCard = Component$
|
|
1965
|
+
var JobDetailCard = Component$1K;
|
|
1947
1966
|
|
|
1948
|
-
var style$
|
|
1967
|
+
var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
1949
1968
|
|
|
1950
1969
|
var JobDetailContainer = function (_a) {
|
|
1951
1970
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
1952
1971
|
var toggleMenu = useMemo(function () {
|
|
1953
|
-
return isOpen ? style$
|
|
1972
|
+
return isOpen ? style$L['is-open'] : '';
|
|
1954
1973
|
}, [isOpen]);
|
|
1955
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
1956
|
-
React.createElement("button", { type: "button", onClick: onClose, className: style$
|
|
1974
|
+
return (React.createElement("div", { className: "".concat(style$L["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
1975
|
+
React.createElement("button", { type: "button", onClick: onClose, className: style$L["".concat(classMUI, "-job-detail-container--btn")] },
|
|
1957
1976
|
React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
1958
1977
|
children));
|
|
1959
1978
|
};
|
|
1960
1979
|
|
|
1961
|
-
var styles$
|
|
1980
|
+
var styles$1C = {"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"};
|
|
1962
1981
|
|
|
1963
|
-
var Component$
|
|
1982
|
+
var Component$1J = function (_a) {
|
|
1964
1983
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1965
1984
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1966
1985
|
icon: iconList && iconList[index],
|
|
@@ -1970,27 +1989,27 @@ var Component$1I = function (_a) {
|
|
|
1970
1989
|
var offerDetailText = _a.offerDetailText;
|
|
1971
1990
|
return !!offerDetailText && index !== 1;
|
|
1972
1991
|
});
|
|
1973
|
-
return (React.createElement("div", { className: styles$
|
|
1974
|
-
React.createElement("div", { className: styles$
|
|
1992
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-job-details'] },
|
|
1993
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-details__wrapper'] },
|
|
1975
1994
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1976
1995
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1977
1996
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1978
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1979
|
-
React.createElement("div", { className: styles$
|
|
1997
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1C['magneto-ui-job-details__item-detail'] },
|
|
1998
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-details__item-detail-icon'] },
|
|
1980
1999
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
1981
|
-
React.createElement("p", { className: styles$
|
|
2000
|
+
React.createElement("p", { className: styles$1C['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
1982
2001
|
})),
|
|
1983
2002
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
1984
2003
|
};
|
|
1985
2004
|
/**
|
|
1986
2005
|
* UI Molecule component for Job Detail
|
|
1987
2006
|
*/
|
|
1988
|
-
Component$
|
|
1989
|
-
var JobDetails = Component$
|
|
2007
|
+
Component$1J.displayName = 'JobDetails';
|
|
2008
|
+
var JobDetails = Component$1J;
|
|
1990
2009
|
|
|
1991
|
-
var styles$
|
|
2010
|
+
var styles$1B = {"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"};
|
|
1992
2011
|
|
|
1993
|
-
var Component$
|
|
2012
|
+
var Component$1I = function (_a) {
|
|
1994
2013
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
1995
2014
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
1996
2015
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2001,28 +2020,28 @@ var Component$1H = function (_a) {
|
|
|
2001
2020
|
title: title
|
|
2002
2021
|
});
|
|
2003
2022
|
});
|
|
2004
|
-
return (React.createElement("div", { className: styles$
|
|
2023
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card'] },
|
|
2005
2024
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2006
|
-
React.createElement("div", { className: styles$
|
|
2025
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card__icons'] },
|
|
2007
2026
|
React.createElement("p", null, offerFooterHeader),
|
|
2008
|
-
React.createElement("div", { className: styles$
|
|
2027
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-footer-card__wrapper'] },
|
|
2009
2028
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2010
2029
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2011
2030
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2012
2031
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2013
2032
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2014
2033
|
})),
|
|
2015
|
-
React.createElement("div", { className: styles$
|
|
2034
|
+
React.createElement("div", { className: styles$1B['magneto-ui__share-button'] },
|
|
2016
2035
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2017
2036
|
};
|
|
2018
2037
|
/**
|
|
2019
2038
|
* UI Molecule component for Job Footer Card
|
|
2020
2039
|
*/
|
|
2021
|
-
var JobFooterCard = Component$
|
|
2040
|
+
var JobFooterCard = Component$1I;
|
|
2022
2041
|
|
|
2023
|
-
var styles$
|
|
2042
|
+
var styles$1A = {"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"};
|
|
2024
2043
|
|
|
2025
|
-
var Component$
|
|
2044
|
+
var Component$1H = function (_a) {
|
|
2026
2045
|
var name = _a.name, score = _a.score;
|
|
2027
2046
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2028
2047
|
var skillRef = useRef(null);
|
|
@@ -2058,21 +2077,21 @@ var Component$1G = function (_a) {
|
|
|
2058
2077
|
4: 'four'
|
|
2059
2078
|
};
|
|
2060
2079
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2061
|
-
var fillAnimation = animationApplied ? styles$
|
|
2062
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2063
|
-
React.createElement("div", { className: styles$
|
|
2080
|
+
var fillAnimation = animationApplied ? styles$1A[levelClass] : '';
|
|
2081
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1A['magneto-ui-skill'] },
|
|
2082
|
+
React.createElement("div", { className: styles$1A['magneto-ui-skill__wrapper'] },
|
|
2064
2083
|
React.createElement("p", null, name),
|
|
2065
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2084
|
+
React.createElement("div", { className: "".concat(styles$1A['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1A['magneto-ui-skill--no-animation']) }))));
|
|
2066
2085
|
};
|
|
2067
|
-
var Skill = Component$
|
|
2086
|
+
var Skill = Component$1H;
|
|
2068
2087
|
|
|
2069
|
-
var styles$
|
|
2088
|
+
var styles$1z = {"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"};
|
|
2070
2089
|
|
|
2071
|
-
var Component$
|
|
2090
|
+
var Component$1G = function (_a) {
|
|
2072
2091
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2073
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2092
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1z['magneto-ui-job-skills-card'] },
|
|
2074
2093
|
React.createElement("p", null, offerSkillsLabel),
|
|
2075
|
-
React.createElement("div", { className: styles$
|
|
2094
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2076
2095
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2077
2096
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2078
2097
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2081,9 +2100,9 @@ var Component$1F = function (_a) {
|
|
|
2081
2100
|
/**
|
|
2082
2101
|
* UI Molecule component of Job Skills Card
|
|
2083
2102
|
*/
|
|
2084
|
-
var JobSkillsCard = Component$
|
|
2103
|
+
var JobSkillsCard = Component$1G;
|
|
2085
2104
|
|
|
2086
|
-
var styles$
|
|
2105
|
+
var styles$1y = {"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"};
|
|
2087
2106
|
|
|
2088
2107
|
var JobVideo = function (_a) {
|
|
2089
2108
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2098,43 +2117,43 @@ var JobVideo = function (_a) {
|
|
|
2098
2117
|
setLoadVideo && setLoadVideo(false);
|
|
2099
2118
|
}
|
|
2100
2119
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2101
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2120
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1y[videoClassName] })) : (React.createElement("div", { className: styles$1y['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2102
2121
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2103
2122
|
};
|
|
2104
2123
|
|
|
2105
|
-
var style$
|
|
2124
|
+
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2106
2125
|
|
|
2107
|
-
var Component$
|
|
2126
|
+
var Component$1F = function (_a) {
|
|
2108
2127
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2109
|
-
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$
|
|
2128
|
+
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2110
2129
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2111
2130
|
return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2112
2131
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2113
2132
|
})));
|
|
2114
2133
|
};
|
|
2115
|
-
var ListIconLink = Component$
|
|
2134
|
+
var ListIconLink = Component$1F;
|
|
2116
2135
|
|
|
2117
|
-
var style$
|
|
2136
|
+
var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2118
2137
|
|
|
2119
|
-
var Component$
|
|
2138
|
+
var Component$1E = function (_a) {
|
|
2120
2139
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2121
|
-
var menuActive = isActive ? style$
|
|
2122
|
-
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$
|
|
2140
|
+
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2141
|
+
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2123
2142
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2124
|
-
React.createElement("p", { className: style$
|
|
2143
|
+
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2125
2144
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2126
|
-
React.createElement("p", { className: style$
|
|
2145
|
+
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2127
2146
|
};
|
|
2128
|
-
var MenuIcon = Component$
|
|
2147
|
+
var MenuIcon = Component$1E;
|
|
2129
2148
|
|
|
2130
|
-
var style$
|
|
2149
|
+
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2131
2150
|
|
|
2132
|
-
var Component$
|
|
2151
|
+
var Component$1D = function (_a) {
|
|
2133
2152
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2134
2153
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2135
2154
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2136
2155
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2137
|
-
return (React.createElement("div", { className: style$
|
|
2156
|
+
return (React.createElement("div", { className: style$I['mangeto-ui-list-menu-icons'] },
|
|
2138
2157
|
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2139
2158
|
userMenu.map(function (_a, i) {
|
|
2140
2159
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2150,34 +2169,34 @@ var Component$1C = function (_a) {
|
|
|
2150
2169
|
React.createElement(Divider, null),
|
|
2151
2170
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2152
2171
|
};
|
|
2153
|
-
var ListMenuIcons = Component$
|
|
2172
|
+
var ListMenuIcons = Component$1D;
|
|
2154
2173
|
|
|
2155
|
-
var Component$
|
|
2174
|
+
var Component$1C = function (_a) {
|
|
2156
2175
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2157
2176
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2158
2177
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2159
2178
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2160
2179
|
})));
|
|
2161
2180
|
};
|
|
2162
|
-
var ListMenuItems = Component$
|
|
2181
|
+
var ListMenuItems = Component$1C;
|
|
2163
2182
|
|
|
2164
|
-
var style$
|
|
2183
|
+
var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2165
2184
|
|
|
2166
2185
|
var ListMenuText = function (_a) {
|
|
2167
2186
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2168
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2169
|
-
React.createElement("p", { className: "".concat(style$
|
|
2187
|
+
return (React.createElement("div", { className: "".concat(style$H["".concat(classMUI, "-list-menu")]) },
|
|
2188
|
+
React.createElement("p", { className: "".concat(style$H["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2170
2189
|
links.map(function (_a, i) {
|
|
2171
2190
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2172
2191
|
return isCreateAccount
|
|
2173
|
-
? tag && (React.createElement("div", { key: i, className: "".concat(style$
|
|
2174
|
-
React.createElement("button", { title: tag, className: "".concat(style$
|
|
2192
|
+
? tag && (React.createElement("div", { key: i, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2193
|
+
React.createElement("button", { title: tag, className: "".concat(style$H["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2175
2194
|
isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
|
|
2176
|
-
: tag && (React.createElement("a", { className: "".concat(style$
|
|
2195
|
+
: tag && (React.createElement("a", { className: "".concat(style$H["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2177
2196
|
})));
|
|
2178
2197
|
};
|
|
2179
2198
|
|
|
2180
|
-
var style$
|
|
2199
|
+
var style$G = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2181
2200
|
|
|
2182
2201
|
var ListSortMenu = function (_a) {
|
|
2183
2202
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2185,24 +2204,24 @@ var ListSortMenu = function (_a) {
|
|
|
2185
2204
|
setFilter({ key: key });
|
|
2186
2205
|
setShowPopover(false);
|
|
2187
2206
|
}, [setFilter, setShowPopover]);
|
|
2188
|
-
return (React.createElement("div", { className: style$
|
|
2207
|
+
return (React.createElement("div", { className: style$G['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2189
2208
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2190
2209
|
return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2191
2210
|
})));
|
|
2192
2211
|
};
|
|
2193
2212
|
|
|
2194
|
-
var style$
|
|
2213
|
+
var style$F = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2195
2214
|
|
|
2196
2215
|
var MagnetoResolution = function (_a) {
|
|
2197
2216
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2198
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2199
|
-
React.createElement("img", { className: "".concat(style$
|
|
2200
|
-
React.createElement("p", { className: "".concat(style$
|
|
2217
|
+
return (React.createElement("div", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution")]) },
|
|
2218
|
+
React.createElement("img", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2219
|
+
React.createElement("p", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2201
2220
|
resolutionText,
|
|
2202
|
-
React.createElement("a", { className: "".concat(style$
|
|
2221
|
+
React.createElement("a", { className: "".concat(style$F["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2203
2222
|
};
|
|
2204
2223
|
|
|
2205
|
-
var style$
|
|
2224
|
+
var style$E = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2206
2225
|
|
|
2207
2226
|
var initialContext = {
|
|
2208
2227
|
socialHeaderProps: {
|
|
@@ -2233,9 +2252,9 @@ var useMegaMenuMain = function () {
|
|
|
2233
2252
|
return mainHeaderProps;
|
|
2234
2253
|
};
|
|
2235
2254
|
|
|
2236
|
-
var styles$
|
|
2255
|
+
var styles$1x = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2237
2256
|
|
|
2238
|
-
var Component$
|
|
2257
|
+
var Component$1B = function (_a) {
|
|
2239
2258
|
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;
|
|
2240
2259
|
var handleClick = useCallback(function (event) {
|
|
2241
2260
|
if (onClick) {
|
|
@@ -2243,15 +2262,15 @@ var Component$1A = function (_a) {
|
|
|
2243
2262
|
onClick();
|
|
2244
2263
|
}
|
|
2245
2264
|
}, [onClick]);
|
|
2246
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2247
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2248
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2249
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2265
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1x['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2266
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1x['button-link__icon'] })),
|
|
2267
|
+
buttonText && React.createElement("p", { className: styles$1x['button-link__text'] }, buttonText),
|
|
2268
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1x['button-link__icon'] }))));
|
|
2250
2269
|
};
|
|
2251
2270
|
/**
|
|
2252
2271
|
* UI Atom Component of Save Button
|
|
2253
2272
|
*/
|
|
2254
|
-
var ButtonLink = Component$
|
|
2273
|
+
var ButtonLink = Component$1B;
|
|
2255
2274
|
|
|
2256
2275
|
var MegaMenuJobsTabs = function () {
|
|
2257
2276
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2262,23 +2281,23 @@ var MegaMenuJobsTabs = function () {
|
|
|
2262
2281
|
}; }, [onChangeTab]);
|
|
2263
2282
|
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2264
2283
|
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2265
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2284
|
+
return (React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__container"]) },
|
|
2266
2285
|
React.createElement("nav", null,
|
|
2267
|
-
React.createElement("ul", { className: "".concat(style$
|
|
2286
|
+
React.createElement("ul", { className: "".concat(style$E["mega-menu-jobs-tabs"]) },
|
|
2268
2287
|
tabs &&
|
|
2269
2288
|
tabs.map(function (_a, index) {
|
|
2270
2289
|
var label = _a.label, url = _a.url;
|
|
2271
2290
|
return (React.createElement("li", { key: index },
|
|
2272
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2291
|
+
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$E["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$E["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2273
2292
|
}),
|
|
2274
2293
|
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2275
2294
|
React.createElement("li", null,
|
|
2276
2295
|
React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2277
2296
|
React.createElement(Divider, null),
|
|
2278
|
-
React.createElement("div", { className: "".concat(style$
|
|
2297
|
+
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2279
2298
|
};
|
|
2280
2299
|
|
|
2281
|
-
var styles$
|
|
2300
|
+
var styles$1w = {"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"};
|
|
2282
2301
|
|
|
2283
2302
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2284
2303
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2297,27 +2316,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2297
2316
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2298
2317
|
}, [showContent]);
|
|
2299
2318
|
return (React.createElement(React.Fragment, null,
|
|
2300
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2301
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2302
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2303
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2304
|
-
React.createElement("div", { className: styles$
|
|
2305
|
-
React.createElement("div", { className: styles$
|
|
2319
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1w["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2320
|
+
React.createElement("p", { className: "".concat(styles$1w["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2321
|
+
React.createElement(IconItem, { className: "".concat(styles$1w["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2322
|
+
React.createElement("div", { className: "".concat(styles$1w["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1w["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2323
|
+
React.createElement("div", { className: styles$1w["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2324
|
+
React.createElement("div", { className: styles$1w["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2306
2325
|
event.stopPropagation();
|
|
2307
2326
|
} }, children))));
|
|
2308
2327
|
};
|
|
2309
2328
|
|
|
2310
|
-
var styles$
|
|
2329
|
+
var styles$1v = {"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"};
|
|
2311
2330
|
|
|
2312
2331
|
var MenuSearch = function (_a) {
|
|
2313
2332
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2314
2333
|
var onBlur = useCallback(function () {
|
|
2315
2334
|
handleOnBlur && handleOnBlur();
|
|
2316
2335
|
}, [handleOnBlur]);
|
|
2317
|
-
return (React.createElement("div", { className: styles$
|
|
2318
|
-
React.createElement("div", { className: styles$
|
|
2336
|
+
return (React.createElement("div", { className: styles$1v['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2337
|
+
React.createElement("div", { className: styles$1v['magneto-ui-menu-search_container'] },
|
|
2319
2338
|
children,
|
|
2320
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2339
|
+
React.createElement("div", { className: "".concat(styles$1v['magneto-ui-menu-search_content'], " ").concat(show && styles$1v.open) }, content))));
|
|
2321
2340
|
};
|
|
2322
2341
|
|
|
2323
2342
|
var iconByType = {
|
|
@@ -2328,9 +2347,9 @@ var iconByType = {
|
|
|
2328
2347
|
};
|
|
2329
2348
|
var transitionDuration = 300;
|
|
2330
2349
|
|
|
2331
|
-
var styles$
|
|
2350
|
+
var styles$1u = {"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"};
|
|
2332
2351
|
|
|
2333
|
-
var Component$
|
|
2352
|
+
var Component$1A = function (_a) {
|
|
2334
2353
|
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;
|
|
2335
2354
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2336
2355
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2342,7 +2361,7 @@ var Component$1z = function (_a) {
|
|
|
2342
2361
|
}); }, []);
|
|
2343
2362
|
var containerStyles = useMemo(function () {
|
|
2344
2363
|
return CNM.get({
|
|
2345
|
-
styles: styles$
|
|
2364
|
+
styles: styles$1u,
|
|
2346
2365
|
cls: [
|
|
2347
2366
|
'message__container',
|
|
2348
2367
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2350,7 +2369,7 @@ var Component$1z = function (_a) {
|
|
|
2350
2369
|
]
|
|
2351
2370
|
});
|
|
2352
2371
|
}, [type, toggleAnimation]);
|
|
2353
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2372
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1u, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2354
2373
|
useEffect(function () {
|
|
2355
2374
|
if (!localVisible)
|
|
2356
2375
|
return;
|
|
@@ -2382,9 +2401,9 @@ var Component$1z = function (_a) {
|
|
|
2382
2401
|
setIsAnimating(visible);
|
|
2383
2402
|
}, [isAnimating, visible]);
|
|
2384
2403
|
return localVisible
|
|
2385
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2404
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1u, cls: [className] }) },
|
|
2386
2405
|
React.createElement("div", { className: containerStyles },
|
|
2387
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2406
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1u, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2388
2407
|
React.createElement("div", null,
|
|
2389
2408
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2390
2409
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2393,13 +2412,13 @@ var Component$1z = function (_a) {
|
|
|
2393
2412
|
/**
|
|
2394
2413
|
* Molecule UI component for Message
|
|
2395
2414
|
*/
|
|
2396
|
-
var Message = Component$
|
|
2415
|
+
var Message = Component$1A;
|
|
2397
2416
|
|
|
2398
|
-
var styles$
|
|
2417
|
+
var styles$1t = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2399
2418
|
|
|
2400
|
-
var Component$
|
|
2419
|
+
var Component$1z = function (_a) {
|
|
2401
2420
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2402
|
-
return (React.createElement("div", { className: styles$
|
|
2421
|
+
return (React.createElement("div", { className: styles$1t['magneto-ui-mobile-job-details-header'] },
|
|
2403
2422
|
React.createElement("button", { onClick: onClick },
|
|
2404
2423
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2405
2424
|
React.createElement("p", null, returnText)));
|
|
@@ -2407,11 +2426,11 @@ var Component$1y = function (_a) {
|
|
|
2407
2426
|
/**
|
|
2408
2427
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2409
2428
|
*/
|
|
2410
|
-
var MobileJobDetailsHeader = Component$
|
|
2429
|
+
var MobileJobDetailsHeader = Component$1z;
|
|
2411
2430
|
|
|
2412
|
-
var styles$
|
|
2431
|
+
var styles$1s = {"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"};
|
|
2413
2432
|
|
|
2414
|
-
var Component$
|
|
2433
|
+
var Component$1y = function (_a) {
|
|
2415
2434
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2416
2435
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2417
2436
|
var searchInputRef = useRef(null);
|
|
@@ -2433,20 +2452,20 @@ var Component$1x = function (_a) {
|
|
|
2433
2452
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2434
2453
|
}
|
|
2435
2454
|
}, [focusSearchInput]);
|
|
2436
|
-
return (React.createElement("div", { className: styles$
|
|
2455
|
+
return (React.createElement("div", { className: styles$1s.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2437
2456
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2438
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2439
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2457
|
+
searchValue && React.createElement("div", { className: styles$1s['search-badge'] }),
|
|
2458
|
+
React.createElement(MainButton, __assign({ className: styles$1s['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2440
2459
|
React.createElement("label", { htmlFor: "search" }),
|
|
2441
2460
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2442
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2461
|
+
React.createElement(MainButton, __assign({ className: styles$1s['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2443
2462
|
};
|
|
2444
2463
|
/**
|
|
2445
2464
|
* Molecule UI component for MobileSearchbar
|
|
2446
2465
|
*/
|
|
2447
|
-
var MobileSearchbar = Component$
|
|
2466
|
+
var MobileSearchbar = Component$1y;
|
|
2448
2467
|
|
|
2449
|
-
var styles$
|
|
2468
|
+
var styles$1r = {"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"};
|
|
2450
2469
|
|
|
2451
2470
|
var Modal = function (_a) {
|
|
2452
2471
|
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;
|
|
@@ -2459,40 +2478,40 @@ var Modal = function (_a) {
|
|
|
2459
2478
|
if (!isOpen)
|
|
2460
2479
|
return null;
|
|
2461
2480
|
return (React.createElement(Fragment, null,
|
|
2462
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2463
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2464
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2481
|
+
React.createElement("div", { className: "".concat(styles$1r["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2482
|
+
title ? React.createElement("h2", { className: "".concat(styles$1r["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2483
|
+
description ? React.createElement("p", { className: "".concat(styles$1r["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2465
2484
|
children,
|
|
2466
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2485
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1r["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2467
2486
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2468
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2487
|
+
React.createElement("span", { className: "".concat(styles$1r["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2469
2488
|
};
|
|
2470
2489
|
var Title = function (_a) {
|
|
2471
2490
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2472
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2491
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2473
2492
|
};
|
|
2474
2493
|
var Description = function (_a) {
|
|
2475
2494
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2476
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2495
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1r["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2477
2496
|
};
|
|
2478
2497
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2479
2498
|
|
|
2480
|
-
var styles$
|
|
2499
|
+
var styles$1q = {"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"};
|
|
2481
2500
|
|
|
2482
2501
|
var BtnPagination = function (_a) {
|
|
2483
2502
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2484
2503
|
var displayContent = useMemo(function () {
|
|
2485
2504
|
if (loading && value && current === value)
|
|
2486
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2505
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1q['magneto-ui-btn-pagination_spinner'] });
|
|
2487
2506
|
return value;
|
|
2488
2507
|
}, [loading, current, value]);
|
|
2489
2508
|
var pageQueryParam = 'paginator[page]=';
|
|
2490
2509
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2491
2510
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2492
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2493
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2511
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1q['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2512
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2494
2513
|
displayContent,
|
|
2495
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2514
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1q['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1q['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1q['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1q['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2496
2515
|
displayContent,
|
|
2497
2516
|
displayIcon))));
|
|
2498
2517
|
};
|
|
@@ -2543,7 +2562,7 @@ var createPagination = function (_a) {
|
|
|
2543
2562
|
};
|
|
2544
2563
|
};
|
|
2545
2564
|
|
|
2546
|
-
var styles$
|
|
2565
|
+
var styles$1p = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2547
2566
|
|
|
2548
2567
|
var Pagination = function (_a) {
|
|
2549
2568
|
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;
|
|
@@ -2562,25 +2581,25 @@ var Pagination = function (_a) {
|
|
|
2562
2581
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2563
2582
|
if (total <= pageSize)
|
|
2564
2583
|
return React.createElement(Fragment, null);
|
|
2565
|
-
return (React.createElement("div", { className: styles$
|
|
2584
|
+
return (React.createElement("div", { className: styles$1p['magneto-ui-pagination'] },
|
|
2566
2585
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2567
2586
|
React.createElement("ul", null,
|
|
2568
2587
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2569
2588
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2570
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2589
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }))),
|
|
2571
2590
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2572
2591
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2573
2592
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2574
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2593
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1p['magneto-ui-pagination_ellipsis'] }),
|
|
2575
2594
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2576
2595
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2577
2596
|
};
|
|
2578
2597
|
|
|
2579
|
-
var style$
|
|
2598
|
+
var style$D = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
|
|
2580
2599
|
|
|
2581
2600
|
var RightsReservedText = function (_a) {
|
|
2582
2601
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2583
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2602
|
+
return (React.createElement("div", { className: "".concat(style$D["".concat(classMUI, "-rights-reserved")]) },
|
|
2584
2603
|
React.createElement("p", null, magnetoRightsText)));
|
|
2585
2604
|
};
|
|
2586
2605
|
|
|
@@ -2591,9 +2610,9 @@ var generateID = function () {
|
|
|
2591
2610
|
return uniqueID;
|
|
2592
2611
|
};
|
|
2593
2612
|
|
|
2594
|
-
var styles$
|
|
2613
|
+
var styles$1o = {"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"};
|
|
2595
2614
|
|
|
2596
|
-
var Component$
|
|
2615
|
+
var Component$1x = function (_a) {
|
|
2597
2616
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2598
2617
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2599
2618
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2621,19 +2640,19 @@ var Component$1w = function (_a) {
|
|
|
2621
2640
|
}
|
|
2622
2641
|
return { backgroundColor: '#c4c4c4' };
|
|
2623
2642
|
}, [color, score, spanHover]);
|
|
2624
|
-
return (React.createElement("div", { className: styles$
|
|
2643
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2625
2644
|
React.createElement("p", null, name),
|
|
2626
|
-
React.createElement("div", { className: styles$
|
|
2645
|
+
React.createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2627
2646
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2628
2647
|
React.createElement("p", null, labelScore)),
|
|
2629
|
-
React.createElement("button", { className: styles$
|
|
2648
|
+
React.createElement("button", { className: styles$1o['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2630
2649
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2631
2650
|
};
|
|
2632
|
-
var ScoreLevel = Component$
|
|
2651
|
+
var ScoreLevel = Component$1x;
|
|
2633
2652
|
|
|
2634
|
-
var styles$
|
|
2653
|
+
var styles$1n = {"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"};
|
|
2635
2654
|
|
|
2636
|
-
var Component$
|
|
2655
|
+
var Component$1w = function (_a) {
|
|
2637
2656
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2638
2657
|
var labelScore = useMemo(function () {
|
|
2639
2658
|
return levels[scoreValue - 1];
|
|
@@ -2648,17 +2667,17 @@ var Component$1v = function (_a) {
|
|
|
2648
2667
|
}
|
|
2649
2668
|
return { backgroundColor: '#c4c4c4' };
|
|
2650
2669
|
}, [color, scoreValue]);
|
|
2651
|
-
return (React.createElement("div", { className: styles$
|
|
2670
|
+
return (React.createElement("div", { className: styles$1n['magneto-ui-score-level'] },
|
|
2652
2671
|
React.createElement("p", null, name),
|
|
2653
|
-
React.createElement("div", { className: styles$
|
|
2672
|
+
React.createElement("div", { className: styles$1n['magneto-ui-score-level__summary'] },
|
|
2654
2673
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2655
2674
|
React.createElement("p", null, labelScore))));
|
|
2656
2675
|
};
|
|
2657
|
-
var ScoreLevelStatic = Component$
|
|
2676
|
+
var ScoreLevelStatic = Component$1w;
|
|
2658
2677
|
|
|
2659
|
-
var styles$
|
|
2678
|
+
var styles$1m = {"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"};
|
|
2660
2679
|
|
|
2661
|
-
var Component$
|
|
2680
|
+
var Component$1v = function (_a) {
|
|
2662
2681
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2663
2682
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2664
2683
|
useEffect(function () {
|
|
@@ -2674,32 +2693,32 @@ var Component$1u = function (_a) {
|
|
|
2674
2693
|
setSearchValue('');
|
|
2675
2694
|
onSearch('');
|
|
2676
2695
|
};
|
|
2677
|
-
return (React.createElement("div", { className: styles$
|
|
2696
|
+
return (React.createElement("div", { className: styles$1m.SearchbarComponent },
|
|
2678
2697
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2679
2698
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2680
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2681
|
-
React.createElement("div", { className: styles$
|
|
2699
|
+
searchValue && React.createElement("div", { className: styles$1m['SearchbarComponent__badge'] }),
|
|
2700
|
+
React.createElement("div", { className: styles$1m['magneto-ui-searchbar-buttons'] },
|
|
2682
2701
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2683
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2702
|
+
React.createElement(MainButton, __assign({ className: styles$1m['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2684
2703
|
React.createElement("span", null, "|"))),
|
|
2685
2704
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2686
2705
|
};
|
|
2687
2706
|
/**
|
|
2688
2707
|
* UI Molecule of a searchbar
|
|
2689
2708
|
*/
|
|
2690
|
-
var Searchbar = Component$
|
|
2709
|
+
var Searchbar = Component$1v;
|
|
2691
2710
|
|
|
2692
|
-
var styles$
|
|
2711
|
+
var styles$1l = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2693
2712
|
|
|
2694
|
-
var Component$
|
|
2713
|
+
var Component$1u = function (_a) {
|
|
2695
2714
|
var props = __rest(_a, []);
|
|
2696
|
-
return (React.createElement("div", { className: styles$
|
|
2697
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2715
|
+
return (React.createElement("div", { className: styles$1l['search-button'] },
|
|
2716
|
+
props.searchValue && React.createElement("div", { className: styles$1l['search-button__badge'] }),
|
|
2698
2717
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2699
2718
|
};
|
|
2700
|
-
var SearchButton = Component$
|
|
2719
|
+
var SearchButton = Component$1u;
|
|
2701
2720
|
|
|
2702
|
-
var styles$
|
|
2721
|
+
var styles$1k = {"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"};
|
|
2703
2722
|
|
|
2704
2723
|
var SimilarJobsCard = function (_a) {
|
|
2705
2724
|
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;
|
|
@@ -2709,15 +2728,15 @@ var SimilarJobsCard = function (_a) {
|
|
|
2709
2728
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2710
2729
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2711
2730
|
}, [cities, salary, experience]);
|
|
2712
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2713
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2731
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2732
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2714
2733
|
React.createElement("div", null,
|
|
2715
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2716
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2717
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2734
|
+
React.createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2735
|
+
React.createElement("p", { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2736
|
+
React.createElement(IconItem, { className: "".concat(styles$1k["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2718
2737
|
};
|
|
2719
2738
|
|
|
2720
|
-
var style$
|
|
2739
|
+
var style$C = {"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"};
|
|
2721
2740
|
|
|
2722
2741
|
var SortMenu = function (_a) {
|
|
2723
2742
|
var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
@@ -2730,13 +2749,13 @@ var SortMenu = function (_a) {
|
|
|
2730
2749
|
};
|
|
2731
2750
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2732
2751
|
return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2733
|
-
React.createElement("button", { className: "".concat(style$
|
|
2734
|
-
React.createElement("p", { className: style$
|
|
2752
|
+
React.createElement("button", { className: "".concat(style$C['magneto-ui-btn-menu'], " ").concat(loading && style$C.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2753
|
+
React.createElement("p", { className: style$C['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2735
2754
|
React.createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2736
2755
|
};
|
|
2737
2756
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2738
2757
|
|
|
2739
|
-
var styles$
|
|
2758
|
+
var styles$1j = {"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"};
|
|
2740
2759
|
|
|
2741
2760
|
var TextArea = function (_a) {
|
|
2742
2761
|
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"]);
|
|
@@ -2762,39 +2781,57 @@ var TextArea = function (_a) {
|
|
|
2762
2781
|
return;
|
|
2763
2782
|
setShowPlaceholder(scrollTop === 0);
|
|
2764
2783
|
}, [showPlaceholder]);
|
|
2765
|
-
return (React.createElement("div", { className: styles$
|
|
2766
|
-
React.createElement("div", { className: styles$
|
|
2784
|
+
return (React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area")] },
|
|
2785
|
+
React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area--container")] },
|
|
2767
2786
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2768
2787
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2769
2788
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2770
|
-
}, className: styles$
|
|
2771
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2772
|
-
React.createElement("div", { className: styles$
|
|
2773
|
-
React.createElement("span", { className: styles$
|
|
2789
|
+
}, className: styles$1j["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2790
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1j["".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 }))),
|
|
2791
|
+
React.createElement("div", { className: styles$1j["".concat(classMUI, "-text-area__footer")] },
|
|
2792
|
+
React.createElement("span", { className: styles$1j["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2774
2793
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2775
2794
|
};
|
|
2776
2795
|
|
|
2777
|
-
var style$
|
|
2796
|
+
var style$B = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
|
|
2778
2797
|
|
|
2779
2798
|
var timelineIcons = {
|
|
2780
2799
|
checked: Checked,
|
|
2781
2800
|
current: Clock,
|
|
2782
2801
|
blocked: Lock
|
|
2783
2802
|
};
|
|
2784
|
-
var Component$
|
|
2803
|
+
var Component$1t = function (_a) {
|
|
2785
2804
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2786
2805
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2787
|
-
var titleStyle = style$
|
|
2788
|
-
var subtitleStyle = style$
|
|
2789
|
-
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2790
|
-
React.createElement("div", { className: style$
|
|
2791
|
-
React.createElement("div", { className: "".concat(style$
|
|
2792
|
-
React.createElement(IconItem, { className: style$
|
|
2793
|
-
React.createElement("div", { className: style$
|
|
2794
|
-
React.createElement("p", { className: "".concat(style$
|
|
2795
|
-
React.createElement("p", { className: "".concat(style$
|
|
2796
|
-
};
|
|
2797
|
-
var TimelineEvent = Component$
|
|
2806
|
+
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2807
|
+
var subtitleStyle = style$B["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2808
|
+
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$B["".concat(classMUI, "-timeline-event")] },
|
|
2809
|
+
React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__icon")] },
|
|
2810
|
+
React.createElement("div", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$B[status]) }),
|
|
2811
|
+
React.createElement(IconItem, { className: style$B["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2812
|
+
React.createElement("div", { className: style$B["".concat(classMUI, "-timeline-event__text")] },
|
|
2813
|
+
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2814
|
+
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2815
|
+
};
|
|
2816
|
+
var TimelineEvent = Component$1t;
|
|
2817
|
+
|
|
2818
|
+
var styles$1i = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2819
|
+
|
|
2820
|
+
var Component$1s = function (_a) {
|
|
2821
|
+
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;
|
|
2822
|
+
var _d = useState(null), selectedValue = _d[0], setSelectedValue = _d[1];
|
|
2823
|
+
var onHandleChange = function (value) {
|
|
2824
|
+
if (!(value === null || value === void 0 ? void 0 : value.name))
|
|
2825
|
+
return;
|
|
2826
|
+
onChange(value);
|
|
2827
|
+
setSelectedValue(value);
|
|
2828
|
+
};
|
|
2829
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1i['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2830
|
+
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2831
|
+
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === id, key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2832
|
+
})));
|
|
2833
|
+
};
|
|
2834
|
+
var ToggleButtonList = Component$1s;
|
|
2798
2835
|
|
|
2799
2836
|
var styles$1h = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2800
2837
|
|
|
@@ -3121,36 +3158,17 @@ var Component$1g = function (_a) {
|
|
|
3121
3158
|
*/
|
|
3122
3159
|
var UserMenuWrapperAnalyst = Component$1g;
|
|
3123
3160
|
|
|
3124
|
-
var style$B = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
3125
|
-
|
|
3126
|
-
var FilterActions = function (_a) {
|
|
3127
|
-
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
3128
|
-
var _b = useState(0), selected = _b[0], setSelected = _b[1];
|
|
3129
|
-
var handleClickAction = useCallback(function (index, letter) { return function () {
|
|
3130
|
-
setSelected(index);
|
|
3131
|
-
onClickAction(index, letter);
|
|
3132
|
-
}; }, [onClickAction]);
|
|
3133
|
-
useImperativeHandle(filtersRef, function () { return ({
|
|
3134
|
-
restartFilters: function () { return setSelected(0); }
|
|
3135
|
-
}); });
|
|
3136
|
-
var actions = useMemo(function () {
|
|
3137
|
-
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
3138
|
-
return values.map(function (letter, index) { return (React.createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$B["filter-actions__action"], " ").concat(selected == index ? style$B["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
3139
|
-
}, [allAction, handleClickAction, selected]);
|
|
3140
|
-
return React.createElement("nav", { className: style$B['filter-actions'] }, actions);
|
|
3141
|
-
};
|
|
3142
|
-
|
|
3143
3161
|
var Component$1f = function (_a) {
|
|
3144
3162
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3145
3163
|
var component = useMemo(function () {
|
|
3146
3164
|
var _a, _b, _c;
|
|
3147
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3165
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container'] }) },
|
|
3148
3166
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3149
3167
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3150
3168
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3151
3169
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3152
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3153
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3170
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3171
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$24, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3154
3172
|
});
|
|
3155
3173
|
return container;
|
|
3156
3174
|
};
|
|
@@ -4106,6 +4124,60 @@ var Component$1a = function (_a) {
|
|
|
4106
4124
|
*/
|
|
4107
4125
|
var Breadcrumb = Component$1a;
|
|
4108
4126
|
|
|
4127
|
+
var styles$13 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4128
|
+
|
|
4129
|
+
var Component$19 = function (_a) {
|
|
4130
|
+
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4131
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$13['magneto-ui-button'], " ").concat(addHover ? styles$13['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4132
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] })),
|
|
4133
|
+
buttonText && React.createElement("p", { className: styles$13['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4134
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$13['magneto-ui-button__icon'] }))));
|
|
4135
|
+
};
|
|
4136
|
+
/**
|
|
4137
|
+
* UI Atom Component of Save Button
|
|
4138
|
+
*/
|
|
4139
|
+
var Button = Component$19;
|
|
4140
|
+
|
|
4141
|
+
var styles$12 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4142
|
+
|
|
4143
|
+
var nf = new Intl.NumberFormat('de-DE');
|
|
4144
|
+
var Component$18 = function (_a) {
|
|
4145
|
+
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4146
|
+
var currentHigherMax = useMemo(function () {
|
|
4147
|
+
return current > max;
|
|
4148
|
+
}, [current, max]);
|
|
4149
|
+
return (React.createElement("p", { className: "".concat(styles$12["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$12['error-label'] : '') },
|
|
4150
|
+
nf.format(current),
|
|
4151
|
+
React.createElement("span", null,
|
|
4152
|
+
" / ",
|
|
4153
|
+
nf.format(max))));
|
|
4154
|
+
};
|
|
4155
|
+
var ComparativeCounter = Component$18;
|
|
4156
|
+
|
|
4157
|
+
var styles$11 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
4158
|
+
|
|
4159
|
+
var cx$e = classNames.bind(styles$11);
|
|
4160
|
+
var defaultCheck = function (_a) {
|
|
4161
|
+
var type = _a.type, checked = _a.checked;
|
|
4162
|
+
if (type === 'background')
|
|
4163
|
+
return;
|
|
4164
|
+
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$e('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
4165
|
+
};
|
|
4166
|
+
var Component$17 = function (_a) {
|
|
4167
|
+
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4168
|
+
return (React.createElement("label", { className: cx$e('checkbox', "checkbox--".concat(display), className, {
|
|
4169
|
+
'checkbox--checked': checked,
|
|
4170
|
+
'checkbox--background': type === 'background'
|
|
4171
|
+
}), "data-name": "checkbox-container", htmlFor: id },
|
|
4172
|
+
renderCheck({ checked: checked, type: type }),
|
|
4173
|
+
React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
4174
|
+
var target = _a.target;
|
|
4175
|
+
return onChange(target.checked);
|
|
4176
|
+
}, type: "checkbox", id: id }, rest)),
|
|
4177
|
+
children));
|
|
4178
|
+
};
|
|
4179
|
+
var Checkbox = Component$17;
|
|
4180
|
+
|
|
4109
4181
|
var DateArray = /** @class */ (function () {
|
|
4110
4182
|
function DateArray(array) {
|
|
4111
4183
|
this.day = NaN;
|
|
@@ -4159,7 +4231,7 @@ var fixArrayDate = function (array) {
|
|
|
4159
4231
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4160
4232
|
};
|
|
4161
4233
|
|
|
4162
|
-
var styles$
|
|
4234
|
+
var styles$10 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4163
4235
|
|
|
4164
4236
|
// placeholder to every input.
|
|
4165
4237
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4167,7 +4239,7 @@ var stringArraytoDate = function (array) {
|
|
|
4167
4239
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4168
4240
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4169
4241
|
};
|
|
4170
|
-
var Component$
|
|
4242
|
+
var Component$16 = function (_a) {
|
|
4171
4243
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4172
4244
|
// Represent the value of every input field (there are 8 in total).
|
|
4173
4245
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4270,30 +4342,30 @@ var Component$19 = function (_a) {
|
|
|
4270
4342
|
}
|
|
4271
4343
|
}, []);
|
|
4272
4344
|
return (React.createElement("div", { className: [
|
|
4273
|
-
styles$
|
|
4345
|
+
styles$10['date-input'],
|
|
4274
4346
|
className,
|
|
4275
|
-
fit ? styles$
|
|
4276
|
-
hasError ? styles$
|
|
4347
|
+
fit ? styles$10['date-input--fit'] : '',
|
|
4348
|
+
hasError ? styles$10['date-input--error'] : ''
|
|
4277
4349
|
].join(' ') },
|
|
4278
|
-
React.createElement("div", { className: styles$
|
|
4350
|
+
React.createElement("div", { className: styles$10['date-input__left'], onClick: function () {
|
|
4279
4351
|
var _a;
|
|
4280
4352
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4281
4353
|
} }),
|
|
4282
4354
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4283
4355
|
[2, 4].includes(index) ? (
|
|
4284
4356
|
// include / separator in date (DD / MM / YYYY)
|
|
4285
|
-
React.createElement("span", { className: [styles$
|
|
4286
|
-
React.createElement("input", { className: styles$
|
|
4287
|
-
React.createElement("div", { className: styles$
|
|
4357
|
+
React.createElement("span", { className: [styles$10['date-input__separator'], value ? styles$10['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4358
|
+
React.createElement("input", { className: styles$10['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4359
|
+
React.createElement("div", { className: styles$10['date-input__right'], onClick: function () {
|
|
4288
4360
|
var _a;
|
|
4289
4361
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4290
4362
|
} })));
|
|
4291
4363
|
};
|
|
4292
|
-
var DateInput = Component$
|
|
4364
|
+
var DateInput = Component$16;
|
|
4293
4365
|
|
|
4294
4366
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4295
4367
|
|
|
4296
|
-
var Component$
|
|
4368
|
+
var Component$15 = function (_a) {
|
|
4297
4369
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4298
4370
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4299
4371
|
return React.createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4301,21 +4373,21 @@ var Component$18 = function (_a) {
|
|
|
4301
4373
|
/**
|
|
4302
4374
|
* Atom UI Divider Component
|
|
4303
4375
|
*/
|
|
4304
|
-
var Divider = Component$
|
|
4376
|
+
var Divider = Component$15;
|
|
4305
4377
|
|
|
4306
|
-
var styles
|
|
4378
|
+
var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1a6hv"};
|
|
4307
4379
|
|
|
4308
|
-
var Component$
|
|
4380
|
+
var Component$14 = function (_a) {
|
|
4309
4381
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
4310
4382
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4311
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles
|
|
4312
|
-
React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles
|
|
4383
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4384
|
+
React.createElement("p", null, tabText))) : (React.createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4313
4385
|
React.createElement("p", null, tabText)))));
|
|
4314
4386
|
};
|
|
4315
4387
|
/**
|
|
4316
4388
|
* UI Atom component for HeaderTab
|
|
4317
4389
|
*/
|
|
4318
|
-
var HeaderTab = Component$
|
|
4390
|
+
var HeaderTab = Component$14;
|
|
4319
4391
|
|
|
4320
4392
|
var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
4321
4393
|
|
|
@@ -4334,94 +4406,94 @@ var InputSearch = function (_a) {
|
|
|
4334
4406
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4335
4407
|
};
|
|
4336
4408
|
|
|
4337
|
-
var styles$
|
|
4409
|
+
var styles$_ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4338
4410
|
|
|
4339
|
-
var Component$
|
|
4411
|
+
var Component$13 = function (_a) {
|
|
4340
4412
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4341
4413
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4342
|
-
return (React.createElement("div", { className: styles$
|
|
4414
|
+
return (React.createElement("div", { className: styles$_['magneto-ui-job-company-logo'] },
|
|
4343
4415
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4344
4416
|
}
|
|
4345
|
-
return React.createElement("div", { className: styles$
|
|
4417
|
+
return React.createElement("div", { className: styles$_['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4346
4418
|
};
|
|
4347
4419
|
/**
|
|
4348
4420
|
* UI Atom component of Company Logo
|
|
4349
4421
|
*/
|
|
4350
|
-
var JobCompanyLogo = Component$
|
|
4422
|
+
var JobCompanyLogo = Component$13;
|
|
4351
4423
|
|
|
4352
|
-
var styles$
|
|
4424
|
+
var styles$Z = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
4353
4425
|
|
|
4354
|
-
var Component$
|
|
4426
|
+
var Component$12 = function (_a) {
|
|
4355
4427
|
var title = _a.title, styles = _a.styles;
|
|
4356
4428
|
return React.createElement("h1", { className: styles }, title && title);
|
|
4357
4429
|
};
|
|
4358
4430
|
/**
|
|
4359
4431
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4360
4432
|
*/
|
|
4361
|
-
var MainTitleJobDetails = Component$
|
|
4433
|
+
var MainTitleJobDetails = Component$12;
|
|
4362
4434
|
|
|
4363
|
-
var Component$
|
|
4435
|
+
var Component$11 = function (_a) {
|
|
4364
4436
|
var title = _a.title, styles = _a.styles;
|
|
4365
4437
|
return React.createElement("p", { className: styles }, title && title);
|
|
4366
4438
|
};
|
|
4367
4439
|
/**
|
|
4368
4440
|
* UI Children P Component for JobDetailsDrawer
|
|
4369
4441
|
*/
|
|
4370
|
-
var SubTitleJobDetails = Component$
|
|
4442
|
+
var SubTitleJobDetails = Component$11;
|
|
4371
4443
|
|
|
4372
|
-
var Component$
|
|
4444
|
+
var Component$10 = function (_a) {
|
|
4373
4445
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4374
4446
|
var showCompanyName = useMemo(function () {
|
|
4375
4447
|
if (isHidden || !offerCompanyName)
|
|
4376
4448
|
return React.createElement(Fragment, null);
|
|
4377
4449
|
if (offerCompanyLink) {
|
|
4378
|
-
return (React.createElement("a", { className: styles$
|
|
4450
|
+
return (React.createElement("a", { className: styles$Z['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4379
4451
|
}
|
|
4380
|
-
return React.createElement("h2", { className: styles$
|
|
4452
|
+
return React.createElement("h2", { className: styles$Z['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4381
4453
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4382
4454
|
var GenerateTitle = function () {
|
|
4383
4455
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4384
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
4385
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
4456
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4457
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$Z['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4386
4458
|
};
|
|
4387
|
-
return (React.createElement("div", { className: styles$
|
|
4459
|
+
return (React.createElement("div", { className: styles$Z['magneto-ui-job-header'] },
|
|
4388
4460
|
GenerateTitle(),
|
|
4389
4461
|
showCompanyName));
|
|
4390
4462
|
};
|
|
4391
4463
|
/**
|
|
4392
4464
|
* UI Atom component of Job Header
|
|
4393
4465
|
*/
|
|
4394
|
-
var JobHeader = Component$
|
|
4466
|
+
var JobHeader = Component$10;
|
|
4395
4467
|
|
|
4396
|
-
var styles
|
|
4468
|
+
var styles$Y = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4397
4469
|
|
|
4398
|
-
var Component
|
|
4470
|
+
var Component$$ = function (_a) {
|
|
4399
4471
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4400
4472
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4401
|
-
return (React.createElement("a", { className: styles
|
|
4473
|
+
return (React.createElement("a", { className: styles$Y.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4402
4474
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4403
4475
|
!isMobile && React.createElement("p", null, text)));
|
|
4404
4476
|
};
|
|
4405
4477
|
/**
|
|
4406
4478
|
* Atomic UI component for Link
|
|
4407
4479
|
*/
|
|
4408
|
-
var Link = Component
|
|
4480
|
+
var Link = Component$$;
|
|
4409
4481
|
|
|
4410
|
-
var styles$
|
|
4482
|
+
var styles$X = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4411
4483
|
|
|
4412
|
-
var Component$
|
|
4484
|
+
var Component$_ = function (_a) {
|
|
4413
4485
|
var loadingIcon = _a.loadingIcon;
|
|
4414
|
-
return (React.createElement("div", { className: styles$
|
|
4486
|
+
return (React.createElement("div", { className: styles$X.loadingComponent },
|
|
4415
4487
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
4416
4488
|
};
|
|
4417
4489
|
/**
|
|
4418
4490
|
* Atom UI component of loading icon for general purpose
|
|
4419
4491
|
*/
|
|
4420
|
-
var Loading = Component$
|
|
4492
|
+
var Loading = Component$_;
|
|
4421
4493
|
|
|
4422
4494
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4423
4495
|
|
|
4424
|
-
var Component$
|
|
4496
|
+
var Component$Z = function (_a) {
|
|
4425
4497
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
4426
4498
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4427
4499
|
var handleError = function () {
|
|
@@ -4433,11 +4505,11 @@ var Component$10 = function (_a) {
|
|
|
4433
4505
|
return null;
|
|
4434
4506
|
return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4435
4507
|
};
|
|
4436
|
-
var LogoComponent = Component$
|
|
4508
|
+
var LogoComponent = Component$Z;
|
|
4437
4509
|
|
|
4438
|
-
var styles$
|
|
4510
|
+
var styles$W = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4439
4511
|
|
|
4440
|
-
var Component
|
|
4512
|
+
var Component$Y = function (_a) {
|
|
4441
4513
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4442
4514
|
var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4443
4515
|
var renderContent = function () {
|
|
@@ -4450,35 +4522,56 @@ var Component$$ = function (_a) {
|
|
|
4450
4522
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4451
4523
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
4452
4524
|
};
|
|
4453
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4525
|
+
return (React.createElement("button", { className: "".concat(styles$W.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$W.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4454
4526
|
};
|
|
4455
4527
|
/**
|
|
4456
4528
|
* Atom UI component of button for general purpose
|
|
4457
4529
|
*/
|
|
4458
|
-
var MainButton = Component
|
|
4530
|
+
var MainButton = Component$Y;
|
|
4459
4531
|
|
|
4460
|
-
var styles$
|
|
4532
|
+
var styles$V = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4461
4533
|
|
|
4462
|
-
var
|
|
4534
|
+
var styles$U = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4535
|
+
|
|
4536
|
+
var Component$X = function (_a) {
|
|
4537
|
+
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4538
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$U['magneto-ui--search-item']), href: url },
|
|
4539
|
+
React.createElement("p", { className: styles$U['magneto-ui--search-item__text'] }, tag),
|
|
4540
|
+
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4541
|
+
};
|
|
4542
|
+
/**
|
|
4543
|
+
* UI Atom component of Search Item
|
|
4544
|
+
*/
|
|
4545
|
+
var SearchItem = Component$X;
|
|
4546
|
+
|
|
4547
|
+
var MegaMenuTab = function (_a) {
|
|
4548
|
+
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4549
|
+
return (React.createElement("div", { className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4550
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$V["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$V["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4551
|
+
};
|
|
4552
|
+
|
|
4553
|
+
var styles$T = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4554
|
+
|
|
4555
|
+
var Component$W = function (_a) {
|
|
4463
4556
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4464
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4557
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4465
4558
|
React.createElement("div", { className: CNM.get({
|
|
4466
|
-
styles: styles$
|
|
4559
|
+
styles: styles$T,
|
|
4467
4560
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4468
4561
|
}) },
|
|
4469
4562
|
React.createElement("div", { className: CNM.get({
|
|
4470
|
-
styles: styles$
|
|
4563
|
+
styles: styles$T,
|
|
4471
4564
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4472
4565
|
}) }, children))));
|
|
4473
4566
|
};
|
|
4474
4567
|
/**
|
|
4475
4568
|
* Atom UI child component of menu dropdown
|
|
4476
4569
|
*/
|
|
4477
|
-
var MenuDropdownList = Component$
|
|
4570
|
+
var MenuDropdownList = Component$W;
|
|
4478
4571
|
|
|
4479
|
-
var styles$
|
|
4572
|
+
var styles$S = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4480
4573
|
|
|
4481
|
-
var Component$
|
|
4574
|
+
var Component$V = function (_a) {
|
|
4482
4575
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4483
4576
|
var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4484
4577
|
var toggleOptions = useCallback(function () {
|
|
@@ -4493,13 +4586,13 @@ var Component$Z = function (_a) {
|
|
|
4493
4586
|
var handleButtonClick = useCallback(function (e) {
|
|
4494
4587
|
e.stopPropagation();
|
|
4495
4588
|
}, []);
|
|
4496
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4497
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4498
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4589
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4590
|
+
React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__content'] }) },
|
|
4591
|
+
React.createElement("div", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__container'] }) },
|
|
4499
4592
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4500
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4593
|
+
React.createElement("span", { className: CNM.get({ styles: styles$S, cls: ['menu-dropdown__title'] }) }, title),
|
|
4501
4594
|
React.createElement("div", { className: CNM.get({
|
|
4502
|
-
styles: styles$
|
|
4595
|
+
styles: styles$S,
|
|
4503
4596
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4504
4597
|
}) },
|
|
4505
4598
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4509,7 +4602,7 @@ var Component$Z = function (_a) {
|
|
|
4509
4602
|
/**
|
|
4510
4603
|
* Atom UI component of menu dropdown
|
|
4511
4604
|
*/
|
|
4512
|
-
var MenuDropdown = Component$
|
|
4605
|
+
var MenuDropdown = Component$V;
|
|
4513
4606
|
|
|
4514
4607
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4515
4608
|
|
|
@@ -4522,7 +4615,7 @@ var MenuItem = function (_a) {
|
|
|
4522
4615
|
React.createElement("p", null, text))));
|
|
4523
4616
|
};
|
|
4524
4617
|
|
|
4525
|
-
var styles$
|
|
4618
|
+
var styles$R = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4526
4619
|
|
|
4527
4620
|
var MultiRangeSlider = function (_a) {
|
|
4528
4621
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4580,36 +4673,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4580
4673
|
var handleMouseUpValues = useCallback(function () {
|
|
4581
4674
|
onChange({ min: minVal, max: maxVal });
|
|
4582
4675
|
}, [minVal, maxVal, onChange]);
|
|
4583
|
-
return (React.createElement("div", { className: styles$
|
|
4676
|
+
return (React.createElement("div", { className: styles$R.container },
|
|
4584
4677
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4585
4678
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4586
4679
|
setMinVal(value);
|
|
4587
4680
|
event.target.value = value.toString();
|
|
4588
|
-
}, className: "\n ".concat(styles$
|
|
4681
|
+
}, className: "\n ".concat(styles$R.thumb, " \n ").concat(styles$R.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$R.zIndex_5 : '', "\n ") }),
|
|
4589
4682
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4590
4683
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4591
4684
|
setMaxVal(value);
|
|
4592
4685
|
event.target.value = value.toString();
|
|
4593
|
-
}, className: "".concat(styles$
|
|
4594
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
4595
|
-
React.createElement("div", { className: styles$
|
|
4596
|
-
React.createElement("div", { ref: range, className: styles$
|
|
4597
|
-
showValues && (React.createElement("div", { className: styles$
|
|
4598
|
-
React.createElement("div", { className: styles$
|
|
4599
|
-
React.createElement("div", { className: styles$
|
|
4686
|
+
}, className: "".concat(styles$R.thumb, " ").concat(styles$R.zIndex_4) }),
|
|
4687
|
+
React.createElement("div", { style: { width: size }, className: styles$R.slider },
|
|
4688
|
+
React.createElement("div", { className: styles$R.track }),
|
|
4689
|
+
React.createElement("div", { ref: range, className: styles$R.range }),
|
|
4690
|
+
showValues && (React.createElement("div", { className: styles$R.values },
|
|
4691
|
+
React.createElement("div", { className: styles$R.left_value }, hasCurrency),
|
|
4692
|
+
React.createElement("div", { className: styles$R.right_value }, maxVal.toLocaleString()))))));
|
|
4600
4693
|
};
|
|
4601
4694
|
|
|
4602
|
-
var styles$
|
|
4695
|
+
var styles$Q = {"content":"mg_paragraph_content_1mtnz"};
|
|
4603
4696
|
|
|
4604
|
-
var Component$
|
|
4697
|
+
var Component$U = function (_a) {
|
|
4605
4698
|
var paragraph = _a.paragraph;
|
|
4606
|
-
return React.createElement("p", { className: styles$
|
|
4699
|
+
return React.createElement("p", { className: styles$Q.content }, paragraph);
|
|
4607
4700
|
};
|
|
4608
|
-
var Paragraph = memo(Component$
|
|
4701
|
+
var Paragraph = memo(Component$U);
|
|
4609
4702
|
|
|
4610
4703
|
var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4611
4704
|
|
|
4612
|
-
var Component$
|
|
4705
|
+
var Component$T = function (_a) {
|
|
4613
4706
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4614
4707
|
var showMenu = show ? 'show' : 'hidden';
|
|
4615
4708
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4631,7 +4724,7 @@ var Component$X = function (_a) {
|
|
|
4631
4724
|
* Atom Ui component of popover
|
|
4632
4725
|
*
|
|
4633
4726
|
*/
|
|
4634
|
-
var Popover = Component$
|
|
4727
|
+
var Popover = Component$T;
|
|
4635
4728
|
|
|
4636
4729
|
var ERadioType;
|
|
4637
4730
|
(function (ERadioType) {
|
|
@@ -4639,12 +4732,12 @@ var ERadioType;
|
|
|
4639
4732
|
ERadioType["button"] = "button";
|
|
4640
4733
|
})(ERadioType || (ERadioType = {}));
|
|
4641
4734
|
|
|
4642
|
-
var styles$
|
|
4735
|
+
var styles$P = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4643
4736
|
|
|
4644
|
-
var Component$
|
|
4737
|
+
var Component$S = function (_a) {
|
|
4645
4738
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4646
4739
|
return (React.createElement("label", { className: CNM.get({
|
|
4647
|
-
styles: styles$
|
|
4740
|
+
styles: styles$P,
|
|
4648
4741
|
cls: [
|
|
4649
4742
|
'radio-button',
|
|
4650
4743
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4654,34 +4747,34 @@ var Component$W = function (_a) {
|
|
|
4654
4747
|
}), htmlFor: id },
|
|
4655
4748
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4656
4749
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4657
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4750
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4658
4751
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4659
4752
|
};
|
|
4660
4753
|
/**
|
|
4661
4754
|
* Atom UI component of radio button
|
|
4662
4755
|
*/
|
|
4663
|
-
var RadioButton = Component$
|
|
4756
|
+
var RadioButton = Component$S;
|
|
4664
4757
|
|
|
4665
|
-
var styles$
|
|
4758
|
+
var styles$O = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4666
4759
|
|
|
4667
|
-
var Component$
|
|
4760
|
+
var Component$R = function (_a) {
|
|
4668
4761
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4669
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
4762
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$O, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4670
4763
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4671
4764
|
React.createElement("div", { className: CNM.get({
|
|
4672
|
-
styles: styles$
|
|
4765
|
+
styles: styles$O,
|
|
4673
4766
|
cls: [
|
|
4674
4767
|
'radio-default__indicator',
|
|
4675
4768
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4676
4769
|
indicatorClassName
|
|
4677
4770
|
]
|
|
4678
4771
|
}) }),
|
|
4679
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4772
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$O, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4680
4773
|
};
|
|
4681
4774
|
/**
|
|
4682
4775
|
* Molecule UI component for radio default
|
|
4683
4776
|
*/
|
|
4684
|
-
var RadioDefault = Component$
|
|
4777
|
+
var RadioDefault = Component$R;
|
|
4685
4778
|
|
|
4686
4779
|
var _a;
|
|
4687
4780
|
var radioTypes = (_a = {},
|
|
@@ -4690,7 +4783,7 @@ var radioTypes = (_a = {},
|
|
|
4690
4783
|
_a);
|
|
4691
4784
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4692
4785
|
|
|
4693
|
-
var Component$
|
|
4786
|
+
var Component$Q = function (_a) {
|
|
4694
4787
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4695
4788
|
var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4696
4789
|
if (!RadioType)
|
|
@@ -4700,52 +4793,39 @@ var Component$U = function (_a) {
|
|
|
4700
4793
|
/**
|
|
4701
4794
|
* Atom UI component of radio
|
|
4702
4795
|
*/
|
|
4703
|
-
var Radio = Component$
|
|
4796
|
+
var Radio = Component$Q;
|
|
4704
4797
|
|
|
4705
|
-
var styles$
|
|
4798
|
+
var styles$N = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4706
4799
|
|
|
4707
|
-
var Component$
|
|
4800
|
+
var Component$P = function (_a) {
|
|
4708
4801
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4709
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
4710
|
-
React.createElement("div", { className: styles$
|
|
4802
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$N['magneto-ui-save-button'], " ").concat(addHover && styles$N['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4803
|
+
React.createElement("div", { className: styles$N['button-content'] },
|
|
4711
4804
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4712
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4805
|
+
buttonText && React.createElement("p", { className: styles$N['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4713
4806
|
};
|
|
4714
4807
|
/**
|
|
4715
4808
|
* UI Atom Component of Save Button
|
|
4716
4809
|
*/
|
|
4717
|
-
var SaveButton = Component$
|
|
4810
|
+
var SaveButton = Component$P;
|
|
4718
4811
|
|
|
4719
|
-
var styles$
|
|
4812
|
+
var styles$M = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4720
4813
|
|
|
4721
|
-
var Component$
|
|
4722
|
-
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4723
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$R['magneto-ui--search-item']), href: url },
|
|
4724
|
-
React.createElement("p", { className: styles$R['magneto-ui--search-item__text'] }, tag),
|
|
4725
|
-
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4726
|
-
};
|
|
4727
|
-
/**
|
|
4728
|
-
* UI Atom component of Search Item
|
|
4729
|
-
*/
|
|
4730
|
-
var SearchItem = Component$S;
|
|
4731
|
-
|
|
4732
|
-
var styles$Q = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4733
|
-
|
|
4734
|
-
var Component$R = function (_a) {
|
|
4814
|
+
var Component$O = function (_a) {
|
|
4735
4815
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4736
4816
|
var handleCopyClick = function () {
|
|
4737
4817
|
if (detailUrl) {
|
|
4738
4818
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4739
4819
|
}
|
|
4740
4820
|
};
|
|
4741
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4742
|
-
React.createElement("div", { className: styles$
|
|
4821
|
+
return (React.createElement("button", { className: "".concat(styles$M['magneto-ui-share-button'], " ").concat(addHover && styles$M['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4822
|
+
React.createElement("div", { className: styles$M['button-content'] },
|
|
4743
4823
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4744
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4824
|
+
buttonText && React.createElement("p", { className: styles$M['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4745
4825
|
};
|
|
4746
|
-
var ShareButton = Component$
|
|
4826
|
+
var ShareButton = Component$O;
|
|
4747
4827
|
|
|
4748
|
-
var styles$
|
|
4828
|
+
var styles$L = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4749
4829
|
|
|
4750
4830
|
var Switch = function (_a) {
|
|
4751
4831
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4759,10 +4839,10 @@ var Switch = function (_a) {
|
|
|
4759
4839
|
setChecked(function (state) { return !state; });
|
|
4760
4840
|
setIsActive(!isActive);
|
|
4761
4841
|
}, [isDisabled, setIsActive, isActive]);
|
|
4762
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4763
|
-
React.createElement("label", { className: styles$
|
|
4842
|
+
return (React.createElement("div", { className: "".concat(styles$L['magneto-ui-switch_container'], " ").concat(className) },
|
|
4843
|
+
React.createElement("label", { className: styles$L['magneto-ui-switch'] },
|
|
4764
4844
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4765
|
-
React.createElement("span", { className: "".concat(styles$
|
|
4845
|
+
React.createElement("span", { className: "".concat(styles$L['magneto-ui-slider'], " ").concat(styles$L['magneto-ui-round']) })),
|
|
4766
4846
|
title && React.createElement("p", null, title)));
|
|
4767
4847
|
};
|
|
4768
4848
|
|
|
@@ -4775,11 +4855,10 @@ var Tags = function (_a) {
|
|
|
4775
4855
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4776
4856
|
};
|
|
4777
4857
|
|
|
4778
|
-
var styles$
|
|
4858
|
+
var styles$K = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
4779
4859
|
|
|
4780
|
-
var Component$
|
|
4781
|
-
var className = _a.className, _b = _a.color, color = _b === void 0 ? '
|
|
4782
|
-
var _d = useState(''), isSelected = _d[0], setIsSelected = _d[1];
|
|
4860
|
+
var Component$N = function (_a) {
|
|
4861
|
+
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
4783
4862
|
var isColorDark = function (color) {
|
|
4784
4863
|
var hex = color.replace('#', '');
|
|
4785
4864
|
var r = parseInt(hex.substring(0, 2), 16);
|
|
@@ -4790,16 +4869,14 @@ var Component$Q = function (_a) {
|
|
|
4790
4869
|
};
|
|
4791
4870
|
var handleClick = useCallback(function (_a) {
|
|
4792
4871
|
var id = _a.id, name = _a.name;
|
|
4793
|
-
if (
|
|
4794
|
-
setIsSelected('');
|
|
4872
|
+
if (currentSelect) {
|
|
4795
4873
|
onChange({ id: id, name: undefined });
|
|
4796
4874
|
return;
|
|
4797
4875
|
}
|
|
4798
4876
|
onChange({ id: id, name: name });
|
|
4799
|
-
|
|
4800
|
-
}, [currentSelect, isSelected, onChange]);
|
|
4877
|
+
}, [currentSelect, onChange]);
|
|
4801
4878
|
var selectStyles = useMemo(function () {
|
|
4802
|
-
if (
|
|
4879
|
+
if (currentSelect) {
|
|
4803
4880
|
return {
|
|
4804
4881
|
backgroundColor: color,
|
|
4805
4882
|
color: isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000',
|
|
@@ -4810,19 +4887,21 @@ var Component$Q = function (_a) {
|
|
|
4810
4887
|
backgroundColor: baseColor,
|
|
4811
4888
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4812
4889
|
};
|
|
4813
|
-
}, [baseColor, color, currentSelect
|
|
4814
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4890
|
+
}, [baseColor, color, currentSelect]);
|
|
4891
|
+
return (React.createElement("button", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$K['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
4892
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$K["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$K['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4893
|
+
name));
|
|
4815
4894
|
};
|
|
4816
|
-
var ToggleButton = Component$
|
|
4895
|
+
var ToggleButton = Component$N;
|
|
4817
4896
|
|
|
4818
|
-
var styles$
|
|
4897
|
+
var styles$J = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4819
4898
|
|
|
4820
|
-
var Component$
|
|
4899
|
+
var Component$M = function (_a) {
|
|
4821
4900
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4822
4901
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4823
4902
|
sm: null
|
|
4824
4903
|
});
|
|
4825
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
4904
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$J, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4826
4905
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4827
4906
|
userInfo,
|
|
4828
4907
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4830,45 +4909,7 @@ var Component$P = function (_a) {
|
|
|
4830
4909
|
/**
|
|
4831
4910
|
* Atom UI component of user menu button analyst
|
|
4832
4911
|
*/
|
|
4833
|
-
var UserMenuButtonAnalyst = Component$
|
|
4834
|
-
|
|
4835
|
-
var styles$M = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4836
|
-
|
|
4837
|
-
var nf = new Intl.NumberFormat('de-DE');
|
|
4838
|
-
var Component$O = function (_a) {
|
|
4839
|
-
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4840
|
-
var currentHigherMax = useMemo(function () {
|
|
4841
|
-
return current > max;
|
|
4842
|
-
}, [current, max]);
|
|
4843
|
-
return (React.createElement("p", { className: "".concat(styles$M["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$M['error-label'] : '') },
|
|
4844
|
-
nf.format(current),
|
|
4845
|
-
React.createElement("span", null,
|
|
4846
|
-
" / ",
|
|
4847
|
-
nf.format(max))));
|
|
4848
|
-
};
|
|
4849
|
-
var ComparativeCounter = Component$O;
|
|
4850
|
-
|
|
4851
|
-
var styles$L = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4852
|
-
|
|
4853
|
-
var MegaMenuTab = function (_a) {
|
|
4854
|
-
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4855
|
-
return (React.createElement("div", { className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4856
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$L["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$L["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4857
|
-
};
|
|
4858
|
-
|
|
4859
|
-
var styles$K = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4860
|
-
|
|
4861
|
-
var Component$N = function (_a) {
|
|
4862
|
-
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4863
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$K['magneto-ui-button'], " ").concat(addHover ? styles$K['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4864
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] })),
|
|
4865
|
-
buttonText && React.createElement("p", { className: styles$K['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4866
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$K['magneto-ui-button__icon'] }))));
|
|
4867
|
-
};
|
|
4868
|
-
/**
|
|
4869
|
-
* UI Atom Component of Save Button
|
|
4870
|
-
*/
|
|
4871
|
-
var Button = Component$N;
|
|
4912
|
+
var UserMenuButtonAnalyst = Component$M;
|
|
4872
4913
|
|
|
4873
4914
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4874
4915
|
|
|
@@ -4896,7 +4937,7 @@ var BrandMenu = function (_a) {
|
|
|
4896
4937
|
|
|
4897
4938
|
var style$t = {};
|
|
4898
4939
|
|
|
4899
|
-
var Component$
|
|
4940
|
+
var Component$L = function (_a) {
|
|
4900
4941
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4901
4942
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4902
4943
|
var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4904,11 +4945,11 @@ var Component$M = function (_a) {
|
|
|
4904
4945
|
});
|
|
4905
4946
|
return React.createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
4906
4947
|
};
|
|
4907
|
-
var DatePickerResponsiveComponent = Component$
|
|
4948
|
+
var DatePickerResponsiveComponent = Component$L;
|
|
4908
4949
|
|
|
4909
4950
|
var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
4910
4951
|
|
|
4911
|
-
var Component$
|
|
4952
|
+
var Component$K = function (_a) {
|
|
4912
4953
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
4913
4954
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
4914
4955
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -4927,9 +4968,9 @@ var Component$L = function (_a) {
|
|
|
4927
4968
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4928
4969
|
React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
4929
4970
|
};
|
|
4930
|
-
var DrawerMenu = Component$
|
|
4971
|
+
var DrawerMenu = Component$K;
|
|
4931
4972
|
|
|
4932
|
-
var styles$
|
|
4973
|
+
var styles$I = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
4933
4974
|
|
|
4934
4975
|
var FilterCard = function (_a) {
|
|
4935
4976
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -4949,18 +4990,18 @@ var FilterCard = function (_a) {
|
|
|
4949
4990
|
}, [values, setOptions]);
|
|
4950
4991
|
if (!values.length)
|
|
4951
4992
|
return React.createElement(Fragment, null);
|
|
4952
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
4953
|
-
React.createElement("div", { className: styles$
|
|
4993
|
+
return (React.createElement("article", { className: "".concat(styles$I['magneto-ui-filter-card'], " ").concat(hasSearch && styles$I.hasSearch) },
|
|
4994
|
+
React.createElement("div", { className: styles$I['magneto-ui-filter-card_header'] },
|
|
4954
4995
|
React.createElement("p", null, label),
|
|
4955
4996
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4956
4997
|
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4957
|
-
React.createElement("div", { className: styles$
|
|
4998
|
+
React.createElement("div", { className: styles$I['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4958
4999
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4959
5000
|
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4960
5001
|
}))));
|
|
4961
5002
|
};
|
|
4962
5003
|
|
|
4963
|
-
var styles$
|
|
5004
|
+
var styles$H = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
4964
5005
|
|
|
4965
5006
|
var FilterHeader = function (_a) {
|
|
4966
5007
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4969,28 +5010,28 @@ var FilterHeader = function (_a) {
|
|
|
4969
5010
|
buttonText: buttonText,
|
|
4970
5011
|
title: buttonText,
|
|
4971
5012
|
iconProps: { icon: Broom, size: 18 },
|
|
4972
|
-
className: styles$
|
|
5013
|
+
className: styles$H['magneto-ui-filter-header_btn'],
|
|
4973
5014
|
disabled: !totalApplied,
|
|
4974
5015
|
onClick: function () { return clearFilters(); }
|
|
4975
5016
|
};
|
|
4976
5017
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4977
5018
|
var displayBtnClear = useMemo(function () {
|
|
4978
|
-
return (React.createElement("div", { className: styles$
|
|
5019
|
+
return (React.createElement("div", { className: styles$H['magneto-ui-filter-header_clean'] },
|
|
4979
5020
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4980
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
5021
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$H.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4981
5022
|
}, [totalApplied, mainBtnProps]);
|
|
4982
5023
|
var displayFilterSummary = useMemo(function () {
|
|
4983
|
-
return React.createElement("span", { className: styles$
|
|
5024
|
+
return React.createElement("span", { className: styles$H['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4984
5025
|
}, [filterSummary]);
|
|
4985
|
-
return (React.createElement("article", { className: styles$
|
|
4986
|
-
React.createElement("div", { className: styles$
|
|
5026
|
+
return (React.createElement("article", { className: styles$H['magneto-ui-filter-header'] },
|
|
5027
|
+
React.createElement("div", { className: styles$H['magneto-ui-filter-header_title'] },
|
|
4987
5028
|
React.createElement("p", null, title),
|
|
4988
5029
|
displayBtnClear),
|
|
4989
5030
|
switchText && (React.createElement(Switch
|
|
4990
5031
|
//TODO: review isActive, setIsActive
|
|
4991
5032
|
, {
|
|
4992
5033
|
//TODO: review isActive, setIsActive
|
|
4993
|
-
title: switchText, className: styles$
|
|
5034
|
+
title: switchText, className: styles$H['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
4994
5035
|
displayFilterSummary));
|
|
4995
5036
|
};
|
|
4996
5037
|
|
|
@@ -5050,9 +5091,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5050
5091
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
5051
5092
|
};
|
|
5052
5093
|
|
|
5053
|
-
var styles$
|
|
5094
|
+
var styles$G = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
5054
5095
|
|
|
5055
|
-
var Component$
|
|
5096
|
+
var Component$J = function (_a) {
|
|
5056
5097
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5057
5098
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5058
5099
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5062,26 +5103,26 @@ var Component$K = function (_a) {
|
|
|
5062
5103
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5063
5104
|
sm: null
|
|
5064
5105
|
});
|
|
5065
|
-
return (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
5066
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5067
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5106
|
+
return (React.createElement("header", { className: CNM.get({ styles: styles$G, cls: ['header-analyst', className] }) },
|
|
5107
|
+
React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) },
|
|
5108
|
+
React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__main-menu'] }) },
|
|
5068
5109
|
React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5069
5110
|
headerLogo),
|
|
5070
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5111
|
+
React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__user-menu'] }) },
|
|
5071
5112
|
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5072
5113
|
React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5073
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5114
|
+
React.createElement("div", { className: CNM.get({ styles: styles$G, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5074
5115
|
};
|
|
5075
5116
|
/**
|
|
5076
5117
|
* Organism UI component of header analyst
|
|
5077
5118
|
*/
|
|
5078
|
-
var HeaderAnalyst = Component$
|
|
5119
|
+
var HeaderAnalyst = Component$J;
|
|
5079
5120
|
|
|
5080
|
-
var styles$
|
|
5121
|
+
var styles$F = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5081
5122
|
|
|
5082
5123
|
var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5083
5124
|
|
|
5084
|
-
var Component$
|
|
5125
|
+
var Component$I = function () {
|
|
5085
5126
|
var skeletonCard = (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5086
5127
|
React.createElement("span", { className: style$o.skeleton }),
|
|
5087
5128
|
React.createElement("span", { className: style$o.skeleton }),
|
|
@@ -5105,9 +5146,9 @@ var Component$J = function () {
|
|
|
5105
5146
|
/**
|
|
5106
5147
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5107
5148
|
*/
|
|
5108
|
-
var JobDetailsSkeleton = Component$
|
|
5149
|
+
var JobDetailsSkeleton = Component$I;
|
|
5109
5150
|
|
|
5110
|
-
var styles$
|
|
5151
|
+
var styles$E = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5111
5152
|
|
|
5112
5153
|
var SimilarJobs = function (_a) {
|
|
5113
5154
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5115,8 +5156,8 @@ var SimilarJobs = function (_a) {
|
|
|
5115
5156
|
var pageExists = false;
|
|
5116
5157
|
if (similarJobsCard.length <= 0)
|
|
5117
5158
|
return null;
|
|
5118
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5119
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
5159
|
+
return (React.createElement("div", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5160
|
+
React.createElement("h3", { className: "".concat(styles$E["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5120
5161
|
similarJobsCard.map(function (_a) {
|
|
5121
5162
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5122
5163
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5124,7 +5165,7 @@ var SimilarJobs = function (_a) {
|
|
|
5124
5165
|
pageExists ));
|
|
5125
5166
|
};
|
|
5126
5167
|
|
|
5127
|
-
var Component$
|
|
5168
|
+
var Component$H = function (_a) {
|
|
5128
5169
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5129
5170
|
var jobDetailsRef = useRef(null);
|
|
5130
5171
|
useEffect(function () {
|
|
@@ -5135,11 +5176,11 @@ var Component$I = function (_a) {
|
|
|
5135
5176
|
if (isLoading)
|
|
5136
5177
|
return React.createElement(JobDetailsSkeleton, null);
|
|
5137
5178
|
return (React.createElement(Fragment, null,
|
|
5138
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
5139
|
-
React.createElement("div", { className: styles$
|
|
5179
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$F.JobDetailsDrawerComponent },
|
|
5180
|
+
React.createElement("div", { className: styles$F['JobHeaderCardWrapper'] },
|
|
5140
5181
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5141
5182
|
React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5142
|
-
React.createElement("div", { className: styles$
|
|
5183
|
+
React.createElement("div", { className: styles$F['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5143
5184
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5144
5185
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5145
5186
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5152,11 +5193,11 @@ var Component$I = function (_a) {
|
|
|
5152
5193
|
/**
|
|
5153
5194
|
* UI Organism Component for JobDetailsDrawer
|
|
5154
5195
|
*/
|
|
5155
|
-
var JobDetailsDrawer = Component$
|
|
5196
|
+
var JobDetailsDrawer = Component$H;
|
|
5156
5197
|
|
|
5157
|
-
var styles$
|
|
5198
|
+
var styles$D = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5158
5199
|
|
|
5159
|
-
var Component$
|
|
5200
|
+
var Component$G = function (_a) {
|
|
5160
5201
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
5161
5202
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5162
5203
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5188,28 +5229,28 @@ var Component$H = function (_a) {
|
|
|
5188
5229
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5189
5230
|
md: null
|
|
5190
5231
|
});
|
|
5191
|
-
return (React.createElement("header", { className: styles$
|
|
5232
|
+
return (React.createElement("header", { className: styles$D.LoginHeaderComponent },
|
|
5192
5233
|
loginHeaderMobileSearchbar,
|
|
5193
|
-
React.createElement("div", { className: styles$
|
|
5194
|
-
React.createElement("div", { className: styles$
|
|
5195
|
-
React.createElement("div", { className: styles$
|
|
5234
|
+
React.createElement("div", { className: styles$D['magneto-ui-first-row'] }),
|
|
5235
|
+
React.createElement("div", { className: styles$D['magneto-ui-second-row'] },
|
|
5236
|
+
React.createElement("div", { className: styles$D['magneto-ui-left-section'] },
|
|
5196
5237
|
loginHeaderMenuButton,
|
|
5197
5238
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5198
5239
|
loginHeaderMobileSearchbarButton),
|
|
5199
|
-
React.createElement("div", { className: styles$
|
|
5200
|
-
React.createElement("div", { className: styles$
|
|
5240
|
+
React.createElement("div", { className: styles$D['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5241
|
+
React.createElement("div", { className: styles$D['magneto-ui-user-section'] },
|
|
5201
5242
|
loginHeaderOptionTabs,
|
|
5202
5243
|
loginHeaderPopover)),
|
|
5203
|
-
React.createElement("div", { className: styles$
|
|
5244
|
+
React.createElement("div", { className: styles$D['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5204
5245
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5205
5246
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5206
5247
|
};
|
|
5207
5248
|
/**
|
|
5208
5249
|
* UI Organism Component for LoginHeader
|
|
5209
5250
|
*/
|
|
5210
|
-
var LoginHeader = Component$
|
|
5251
|
+
var LoginHeader = Component$G;
|
|
5211
5252
|
|
|
5212
|
-
var styles$
|
|
5253
|
+
var styles$C = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5213
5254
|
|
|
5214
5255
|
var Muiclass$3 = 'magneto-ui';
|
|
5215
5256
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5219,7 +5260,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5219
5260
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5220
5261
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5221
5262
|
var haveGif = useMemo(function () {
|
|
5222
|
-
return gif ? styles$
|
|
5263
|
+
return gif ? styles$C['have-gif'] : '';
|
|
5223
5264
|
}, [gif]);
|
|
5224
5265
|
var toggleSearchBar = function () {
|
|
5225
5266
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5247,30 +5288,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5247
5288
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5248
5289
|
md: null
|
|
5249
5290
|
});
|
|
5250
|
-
return (React.createElement("header", { className: styles$
|
|
5291
|
+
return (React.createElement("header", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5251
5292
|
LogoutHeaderMobileSearchbar,
|
|
5252
|
-
React.createElement("div", { className: styles$
|
|
5253
|
-
React.createElement("div", { className: styles$
|
|
5293
|
+
React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5294
|
+
React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5254
5295
|
LoginHeaderMenuButton,
|
|
5255
5296
|
React.createElement("a", { href: homeUrl },
|
|
5256
5297
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5257
5298
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5258
|
-
React.createElement("img", { className: styles$
|
|
5259
|
-
gif && (React.createElement("img", { className: styles$
|
|
5299
|
+
React.createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5300
|
+
gif && (React.createElement("img", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5260
5301
|
LogoutHeaderMobileSearchbarButton),
|
|
5261
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5262
|
-
React.createElement("div", { className: styles$
|
|
5302
|
+
React.createElement("div", { className: "".concat(styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5303
|
+
React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5263
5304
|
!gif && loginHeaderOptionTabs,
|
|
5264
5305
|
" ",
|
|
5265
5306
|
loginHeaderPopover)),
|
|
5266
|
-
React.createElement("div", { className: styles$
|
|
5307
|
+
React.createElement("div", { className: styles$C["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5267
5308
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5268
5309
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5269
5310
|
};
|
|
5270
5311
|
|
|
5271
|
-
var styles$
|
|
5312
|
+
var styles$B = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5272
5313
|
|
|
5273
|
-
var Component$
|
|
5314
|
+
var Component$F = function (_a) {
|
|
5274
5315
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
5275
5316
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5276
5317
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5313,29 +5354,29 @@ var Component$G = function (_a) {
|
|
|
5313
5354
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5314
5355
|
md: null
|
|
5315
5356
|
});
|
|
5316
|
-
return (React.createElement("header", { className: styles$
|
|
5357
|
+
return (React.createElement("header", { className: styles$B.LogoutHeaderComponent },
|
|
5317
5358
|
LogoutHeaderMobileSearchbar,
|
|
5318
|
-
React.createElement("div", { className: styles$
|
|
5319
|
-
React.createElement("div", { className: styles$
|
|
5320
|
-
React.createElement("div", { className: styles$
|
|
5359
|
+
React.createElement("div", { className: styles$B['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5360
|
+
React.createElement("div", { className: styles$B['magneto-ui-second-row'] },
|
|
5361
|
+
React.createElement("div", { className: styles$B['magneto-ui-left-section'] },
|
|
5321
5362
|
LogoutHeaderMenuButton,
|
|
5322
5363
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5323
5364
|
LogoutHeaderMobileSearchbarButton),
|
|
5324
|
-
React.createElement("div", { className: styles$
|
|
5365
|
+
React.createElement("div", { className: styles$B['magneto-ui-middle-section'] },
|
|
5325
5366
|
LogoutHeaderSearchbar,
|
|
5326
5367
|
" ",
|
|
5327
5368
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5328
|
-
React.createElement("div", { className: styles$
|
|
5369
|
+
React.createElement("div", { className: styles$B['magneto-ui-right-section'] },
|
|
5329
5370
|
LogoutHeaderLinkSignIn,
|
|
5330
5371
|
LogoutHeaderButtonSignUp)),
|
|
5331
|
-
React.createElement("div", { className: styles$
|
|
5372
|
+
React.createElement("div", { className: styles$B['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5332
5373
|
};
|
|
5333
5374
|
/**
|
|
5334
5375
|
* UI Header Organisim for 1024 resolution/size
|
|
5335
5376
|
*/
|
|
5336
|
-
var LogoutHeader = Component$
|
|
5377
|
+
var LogoutHeader = Component$F;
|
|
5337
5378
|
|
|
5338
|
-
var styles$
|
|
5379
|
+
var styles$A = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5339
5380
|
|
|
5340
5381
|
var Muiclass$2 = 'magneto-ui';
|
|
5341
5382
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5366,24 +5407,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5366
5407
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5367
5408
|
md: null
|
|
5368
5409
|
});
|
|
5369
|
-
return (React.createElement("header", { className: styles$
|
|
5410
|
+
return (React.createElement("header", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5370
5411
|
LogoutHeaderMobileSearchbar,
|
|
5371
|
-
React.createElement("div", { className: styles$
|
|
5372
|
-
React.createElement("div", { className: styles$
|
|
5412
|
+
React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5413
|
+
React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5373
5414
|
LogoutHeaderMenuButton,
|
|
5374
5415
|
React.createElement("a", { href: homeUrl },
|
|
5375
5416
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5376
5417
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5377
|
-
React.createElement("img", { className: styles$
|
|
5378
|
-
gif && (React.createElement("img", { className: styles$
|
|
5418
|
+
React.createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5419
|
+
gif && (React.createElement("img", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5379
5420
|
LogoutHeaderMobileSearchbarButton),
|
|
5380
|
-
React.createElement("div", { className: styles$
|
|
5421
|
+
React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5381
5422
|
LogoutHeaderSearchbar,
|
|
5382
5423
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5383
|
-
React.createElement("div", { className: styles$
|
|
5424
|
+
React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5384
5425
|
LogoutHeaderLinkSignIn,
|
|
5385
5426
|
LogoutHeaderButtonSignUp)),
|
|
5386
|
-
React.createElement("div", { className: styles$
|
|
5427
|
+
React.createElement("div", { className: styles$A["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5387
5428
|
};
|
|
5388
5429
|
|
|
5389
5430
|
var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5415,28 +5456,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5415
5456
|
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5416
5457
|
};
|
|
5417
5458
|
|
|
5418
|
-
var styles$
|
|
5459
|
+
var styles$z = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5419
5460
|
|
|
5420
|
-
var Component$
|
|
5461
|
+
var Component$E = function (_a) {
|
|
5421
5462
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5422
5463
|
var handleOptionClick = function (optionValue) {
|
|
5423
5464
|
handleOnClick(optionValue);
|
|
5424
5465
|
};
|
|
5425
5466
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5426
|
-
return (React.createElement("div", { className: styles$
|
|
5427
|
-
React.createElement("ul", { className: styles$
|
|
5467
|
+
return (React.createElement("div", { className: styles$z['magneto-ui--date-options'] },
|
|
5468
|
+
React.createElement("ul", { className: styles$z['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5428
5469
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5429
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
5470
|
+
return (React.createElement("li", { className: "".concat(styles$z['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$z['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5430
5471
|
}))));
|
|
5431
5472
|
};
|
|
5432
5473
|
/**
|
|
5433
5474
|
* UI Atom component of Date Option
|
|
5434
5475
|
*/
|
|
5435
|
-
var DateOptions = Component$
|
|
5476
|
+
var DateOptions = Component$E;
|
|
5436
5477
|
|
|
5437
|
-
var styles$
|
|
5478
|
+
var styles$y = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5438
5479
|
|
|
5439
|
-
var Component$
|
|
5480
|
+
var Component$D = function (_a) {
|
|
5440
5481
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5441
5482
|
var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5442
5483
|
var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5458,23 +5499,23 @@ var Component$E = function (_a) {
|
|
|
5458
5499
|
setInitialSelectedOption(null);
|
|
5459
5500
|
}
|
|
5460
5501
|
}, [disabled]);
|
|
5461
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5462
|
-
React.createElement("div", { className: styles$
|
|
5502
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$y['magneto-ui--date-selection'] },
|
|
5503
|
+
React.createElement("div", { className: styles$y['magneto-ui--date-selection__header'] },
|
|
5463
5504
|
React.createElement("h2", null, selectionHeader)),
|
|
5464
|
-
React.createElement("div", { className: styles$
|
|
5505
|
+
React.createElement("div", { className: styles$y['magneto-ui--date-selection__options'] },
|
|
5465
5506
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5466
|
-
React.createElement("div", { className: styles$
|
|
5467
|
-
React.createElement("button", { className: styles$
|
|
5468
|
-
React.createElement("button", { className: styles$
|
|
5507
|
+
React.createElement("div", { className: styles$y['magneto-ui--date-selection__btn--wrapper'] },
|
|
5508
|
+
React.createElement("button", { className: styles$y['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5509
|
+
React.createElement("button", { className: styles$y['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5469
5510
|
};
|
|
5470
|
-
var DateSelection = Component$
|
|
5511
|
+
var DateSelection = Component$D;
|
|
5471
5512
|
|
|
5472
|
-
var styles$
|
|
5513
|
+
var styles$x = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5473
5514
|
|
|
5474
5515
|
var defaultValue = function (value) {
|
|
5475
5516
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5476
5517
|
};
|
|
5477
|
-
var Component$
|
|
5518
|
+
var Component$C = function (_a) {
|
|
5478
5519
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5479
5520
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5480
5521
|
var valueClass = '-value';
|
|
@@ -5539,41 +5580,41 @@ var Component$D = function (_a) {
|
|
|
5539
5580
|
}
|
|
5540
5581
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5541
5582
|
}, [disabled]);
|
|
5542
|
-
return (React.createElement("section", { className: styles$
|
|
5543
|
-
React.createElement("div", { className: styles$
|
|
5544
|
-
React.createElement("div", { className: styles$
|
|
5545
|
-
React.createElement("span", { className: styles$
|
|
5546
|
-
React.createElement("p", { className: styles$
|
|
5547
|
-
React.createElement("span", { className: styles$
|
|
5583
|
+
return (React.createElement("section", { className: styles$x['magneto-ui--mobile-date-picker'] },
|
|
5584
|
+
React.createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5585
|
+
React.createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5586
|
+
React.createElement("span", { className: styles$x["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5587
|
+
React.createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5588
|
+
React.createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5548
5589
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5549
|
-
React.createElement("div", { className: styles$
|
|
5550
|
-
React.createElement("div", { className: styles$
|
|
5551
|
-
React.createElement("span", { className: styles$
|
|
5552
|
-
React.createElement("p", { className: styles$
|
|
5553
|
-
React.createElement("span", { className: styles$
|
|
5590
|
+
React.createElement("div", { className: styles$x["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5591
|
+
React.createElement("div", { className: styles$x['magneto-ui--mobile-date-picker__input'] },
|
|
5592
|
+
React.createElement("span", { className: styles$x["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5593
|
+
React.createElement("p", { className: styles$x['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5594
|
+
React.createElement("span", { className: styles$x["".concat(iconClass)] }, disabledArrow)),
|
|
5554
5595
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5555
5596
|
};
|
|
5556
|
-
var MobileDatePicker = Component$
|
|
5597
|
+
var MobileDatePicker = Component$C;
|
|
5557
5598
|
|
|
5558
|
-
var Component$
|
|
5599
|
+
var Component$B = function (_a) {
|
|
5559
5600
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5560
5601
|
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5561
5602
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5562
5603
|
};
|
|
5563
|
-
var MobileDrawerMenu = Component$
|
|
5604
|
+
var MobileDrawerMenu = Component$B;
|
|
5564
5605
|
|
|
5565
|
-
var styles$
|
|
5606
|
+
var styles$w = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5566
5607
|
|
|
5567
|
-
var Component$
|
|
5608
|
+
var Component$A = function (_a) {
|
|
5568
5609
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5569
5610
|
var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5570
5611
|
var onOpenClick = function () {
|
|
5571
5612
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5572
5613
|
};
|
|
5573
|
-
var showButtonContainer = onClose ? styles$
|
|
5574
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5575
|
-
React.createElement("div", { id: styles$
|
|
5576
|
-
React.createElement("div", { className: styles$
|
|
5614
|
+
var showButtonContainer = onClose ? styles$w['showContainer'] : styles$w['hideContainer'];
|
|
5615
|
+
return (React.createElement("div", { className: "".concat(styles$w.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5616
|
+
React.createElement("div", { id: styles$w['magneto-ui__external-child'] }, externalButtonChild),
|
|
5617
|
+
React.createElement("div", { className: styles$w['DrawerButtonWrapper'] },
|
|
5577
5618
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
5578
5619
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
5579
5620
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5582,11 +5623,11 @@ var Component$B = function (_a) {
|
|
|
5582
5623
|
/**
|
|
5583
5624
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5584
5625
|
*/
|
|
5585
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5626
|
+
var MobileJobDetailsActionsBar = Component$A;
|
|
5586
5627
|
|
|
5587
5628
|
var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5588
5629
|
|
|
5589
|
-
var Component$
|
|
5630
|
+
var Component$z = function () {
|
|
5590
5631
|
var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5591
5632
|
React.createElement("span", { className: style$l.skeleton }),
|
|
5592
5633
|
React.createElement("span", { className: style$l.skeleton }),
|
|
@@ -5610,7 +5651,7 @@ var Component$A = function () {
|
|
|
5610
5651
|
/**
|
|
5611
5652
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5612
5653
|
*/
|
|
5613
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5654
|
+
var MobileJobDetailsDrawerSkeleton = Component$z;
|
|
5614
5655
|
|
|
5615
5656
|
var SwipeMode;
|
|
5616
5657
|
(function (SwipeMode) {
|
|
@@ -5680,7 +5721,7 @@ var Swipe = function (_a) {
|
|
|
5680
5721
|
} }))));
|
|
5681
5722
|
};
|
|
5682
5723
|
|
|
5683
|
-
var Component$
|
|
5724
|
+
var Component$y = function (_a) {
|
|
5684
5725
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5685
5726
|
var handleClose = useCallback(function () {
|
|
5686
5727
|
if (onClose) {
|
|
@@ -5729,7 +5770,7 @@ var Component$z = function (_a) {
|
|
|
5729
5770
|
/**
|
|
5730
5771
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5731
5772
|
*/
|
|
5732
|
-
var MobileJobDetailsDrawer = Component$
|
|
5773
|
+
var MobileJobDetailsDrawer = Component$y;
|
|
5733
5774
|
|
|
5734
5775
|
var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5735
5776
|
|
|
@@ -5751,7 +5792,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5751
5792
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5752
5793
|
};
|
|
5753
5794
|
|
|
5754
|
-
var Component$
|
|
5795
|
+
var Component$x = function (_a) {
|
|
5755
5796
|
var props = __rest(_a, []);
|
|
5756
5797
|
var _b = useState(0), step = _b[0], setStep = _b[1];
|
|
5757
5798
|
return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5759,7 +5800,7 @@ var Component$y = function (_a) {
|
|
|
5759
5800
|
/**
|
|
5760
5801
|
* Organism UI component of analyst template
|
|
5761
5802
|
*/
|
|
5762
|
-
var ModalAnalyst = Component$
|
|
5803
|
+
var ModalAnalyst = Component$x;
|
|
5763
5804
|
|
|
5764
5805
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5765
5806
|
|
|
@@ -5980,18 +6021,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5980
6021
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5981
6022
|
};
|
|
5982
6023
|
|
|
5983
|
-
var styles$
|
|
6024
|
+
var styles$v = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
5984
6025
|
|
|
5985
|
-
var Component$
|
|
6026
|
+
var Component$w = function (_a) {
|
|
5986
6027
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
5987
6028
|
if (!title)
|
|
5988
6029
|
return null;
|
|
5989
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6030
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
|
|
5990
6031
|
};
|
|
5991
6032
|
/**
|
|
5992
6033
|
* Organism UI child component of nav menu analyst
|
|
5993
6034
|
*/
|
|
5994
|
-
var NavMenuAnalystDivider = Component$
|
|
6035
|
+
var NavMenuAnalystDivider = Component$w;
|
|
5995
6036
|
|
|
5996
6037
|
var navMenuAnalystIcons = {
|
|
5997
6038
|
home: {
|
|
@@ -6040,9 +6081,9 @@ var navMenuAnalystIcons = {
|
|
|
6040
6081
|
}
|
|
6041
6082
|
};
|
|
6042
6083
|
|
|
6043
|
-
var styles$
|
|
6084
|
+
var styles$u = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
6044
6085
|
|
|
6045
|
-
var Component$
|
|
6086
|
+
var Component$v = function (_a) {
|
|
6046
6087
|
var _b;
|
|
6047
6088
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
6048
6089
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -6125,7 +6166,7 @@ var Component$w = function (_a) {
|
|
|
6125
6166
|
}
|
|
6126
6167
|
}, [option.data, queryString, useQueryString]);
|
|
6127
6168
|
var linkStyles = CNM.get({
|
|
6128
|
-
styles: styles$
|
|
6169
|
+
styles: styles$u,
|
|
6129
6170
|
cls: [
|
|
6130
6171
|
'nav-menu-analyst-option__link',
|
|
6131
6172
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6133,7 +6174,7 @@ var Component$w = function (_a) {
|
|
|
6133
6174
|
]
|
|
6134
6175
|
});
|
|
6135
6176
|
var dropdownStyles = CNM.get({
|
|
6136
|
-
styles: styles$
|
|
6177
|
+
styles: styles$u,
|
|
6137
6178
|
cls: [
|
|
6138
6179
|
'nav-menu-analyst-option__dropdown',
|
|
6139
6180
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6151,21 +6192,21 @@ var Component$w = function (_a) {
|
|
|
6151
6192
|
}
|
|
6152
6193
|
return (React.createElement("div", { title: option.title, ref: optionRef },
|
|
6153
6194
|
React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6154
|
-
styles: styles$
|
|
6195
|
+
styles: styles$u,
|
|
6155
6196
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6156
6197
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6157
6198
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6158
6199
|
size: 18
|
|
6159
6200
|
} }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6160
|
-
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$
|
|
6161
|
-
item.children.map(function (child, j) { return (React.createElement(Component$
|
|
6201
|
+
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6202
|
+
item.children.map(function (child, j) { return (React.createElement(Component$v, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
6162
6203
|
};
|
|
6163
6204
|
/**
|
|
6164
6205
|
* Organism UI child component of nav menu analyst
|
|
6165
6206
|
*/
|
|
6166
|
-
var NavMenuAnalystOption = Component$
|
|
6207
|
+
var NavMenuAnalystOption = Component$v;
|
|
6167
6208
|
|
|
6168
|
-
var styles$
|
|
6209
|
+
var styles$t = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
6169
6210
|
|
|
6170
6211
|
var useAnalystModal = function (modals) {
|
|
6171
6212
|
var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6209,7 +6250,7 @@ var AnalystProvider = function (_a) {
|
|
|
6209
6250
|
};
|
|
6210
6251
|
var useAnalyst = function () { return useContext(AnalystContext); };
|
|
6211
6252
|
|
|
6212
|
-
var Component$
|
|
6253
|
+
var Component$u = function (_a) {
|
|
6213
6254
|
var _b, _c;
|
|
6214
6255
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
6215
6256
|
var containerRef = useRef(null);
|
|
@@ -6239,17 +6280,17 @@ var Component$v = function (_a) {
|
|
|
6239
6280
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6240
6281
|
};
|
|
6241
6282
|
return (React.createElement("div", { className: CNM.get({
|
|
6242
|
-
styles: styles$
|
|
6283
|
+
styles: styles$t,
|
|
6243
6284
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6244
6285
|
}) },
|
|
6245
|
-
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
6286
|
+
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__header'] }) },
|
|
6246
6287
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6247
|
-
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6248
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6288
|
+
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__container'] }) },
|
|
6289
|
+
React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__section'] }) },
|
|
6249
6290
|
React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6250
6291
|
section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6251
6292
|
React.createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
6252
|
-
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6293
|
+
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__region'] }) },
|
|
6253
6294
|
React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6254
6295
|
icons: {
|
|
6255
6296
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6260,27 +6301,27 @@ var Component$v = function (_a) {
|
|
|
6260
6301
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6261
6302
|
} }))),
|
|
6262
6303
|
React.createElement("footer", { className: CNM.get({
|
|
6263
|
-
styles: styles$
|
|
6304
|
+
styles: styles$t,
|
|
6264
6305
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6265
|
-
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6306
|
+
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6266
6307
|
React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6267
6308
|
option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6268
6309
|
};
|
|
6269
6310
|
/**
|
|
6270
6311
|
* Organism UI component of navigation menu analyst
|
|
6271
6312
|
*/
|
|
6272
|
-
var NavMenuAnalyst = Component$
|
|
6313
|
+
var NavMenuAnalyst = Component$u;
|
|
6273
6314
|
|
|
6274
|
-
var styles$
|
|
6315
|
+
var styles$s = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
6275
6316
|
|
|
6276
|
-
var Component$
|
|
6317
|
+
var Component$t = function (_a) {
|
|
6277
6318
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6278
6319
|
var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6279
|
-
styles: styles$
|
|
6320
|
+
styles: styles$s,
|
|
6280
6321
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6281
6322
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6282
6323
|
sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6283
|
-
styles: styles$
|
|
6324
|
+
styles: styles$s,
|
|
6284
6325
|
cls: [
|
|
6285
6326
|
'nav-menu-analyst-region-modal-content__button',
|
|
6286
6327
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6288,34 +6329,34 @@ var Component$u = function (_a) {
|
|
|
6288
6329
|
}), onClick: function () { return handleClose(null); } }))
|
|
6289
6330
|
});
|
|
6290
6331
|
return (React.createElement(React.Fragment, null,
|
|
6291
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6332
|
+
React.createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6292
6333
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6293
6334
|
return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6294
6335
|
icon: flag,
|
|
6295
6336
|
alt: lang,
|
|
6296
|
-
className: CNM.get({ styles: styles$
|
|
6297
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6337
|
+
className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6338
|
+
}, childrenClassName: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6298
6339
|
var lang = _a.lang;
|
|
6299
6340
|
return lang === defaultRegion;
|
|
6300
6341
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6301
6342
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6302
6343
|
React.createElement("span", null, name)));
|
|
6303
6344
|
})),
|
|
6304
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6345
|
+
React.createElement("div", { className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6305
6346
|
cancelButton,
|
|
6306
6347
|
React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6307
|
-
styles: styles$
|
|
6348
|
+
styles: styles$s,
|
|
6308
6349
|
cls: [
|
|
6309
6350
|
'nav-menu-analyst-region-modal-content__button',
|
|
6310
6351
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6311
6352
|
]
|
|
6312
6353
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6313
6354
|
};
|
|
6314
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6355
|
+
var NavMenuAnalystRegionModalContent = Component$t;
|
|
6315
6356
|
|
|
6316
|
-
var styles$
|
|
6357
|
+
var styles$r = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6317
6358
|
|
|
6318
|
-
var Component$
|
|
6359
|
+
var Component$s = function (_a) {
|
|
6319
6360
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6320
6361
|
var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6321
6362
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6323,9 +6364,9 @@ var Component$t = function (_a) {
|
|
|
6323
6364
|
setSelectedRegion(null);
|
|
6324
6365
|
handleRegionChange(region);
|
|
6325
6366
|
}, [handleRegionChange]);
|
|
6326
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6367
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6327
6368
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6328
|
-
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6369
|
+
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$r, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6329
6370
|
React.createElement("h2", null, regionModal.title),
|
|
6330
6371
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6331
6372
|
});
|
|
@@ -6334,24 +6375,24 @@ var Component$t = function (_a) {
|
|
|
6334
6375
|
/**
|
|
6335
6376
|
* Organism UI child component of nav menu analyst
|
|
6336
6377
|
*/
|
|
6337
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6378
|
+
var NavMenuAnalystRegionModal = Component$s;
|
|
6338
6379
|
|
|
6339
|
-
var styles$
|
|
6380
|
+
var styles$q = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6340
6381
|
|
|
6341
|
-
var Component$
|
|
6382
|
+
var Component$r = function (_a) {
|
|
6342
6383
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6343
6384
|
var handleClose = useCallback(function () {
|
|
6344
6385
|
if (onClose) {
|
|
6345
6386
|
onClose();
|
|
6346
6387
|
}
|
|
6347
6388
|
}, [onClose]);
|
|
6348
|
-
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6389
|
+
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$q, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6349
6390
|
React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6350
6391
|
};
|
|
6351
6392
|
/**
|
|
6352
6393
|
* Organism UI component of navigation menu analyst
|
|
6353
6394
|
*/
|
|
6354
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6395
|
+
var NavMenuDrawerAnalyst = Component$r;
|
|
6355
6396
|
|
|
6356
6397
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6357
6398
|
|
|
@@ -6560,13 +6601,13 @@ var SelectContext = React.createContext({
|
|
|
6560
6601
|
});
|
|
6561
6602
|
var useSelectContext = function () { return useContext(SelectContext); };
|
|
6562
6603
|
|
|
6563
|
-
var styles$
|
|
6604
|
+
var styles$p = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
|
|
6564
6605
|
|
|
6565
|
-
var cx$
|
|
6606
|
+
var cx$d = classNames.bind(styles$p);
|
|
6566
6607
|
var getDefaulSelected = function (selected) {
|
|
6567
6608
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6568
6609
|
};
|
|
6569
|
-
var Component$
|
|
6610
|
+
var Component$q = function (_a) {
|
|
6570
6611
|
var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
|
|
6571
6612
|
var ref = useRef({ onChange: onChange, id: generateID() });
|
|
6572
6613
|
useEffect(function () {
|
|
@@ -6581,29 +6622,29 @@ var Component$r = function (_a) {
|
|
|
6581
6622
|
});
|
|
6582
6623
|
}, [open]);
|
|
6583
6624
|
if (!readOnly) {
|
|
6584
|
-
return (React.createElement("div", { className: cx$
|
|
6625
|
+
return (React.createElement("div", { className: cx$d('select-input', className, {
|
|
6585
6626
|
'select-input--with-icon': actionIcon !== undefined,
|
|
6586
6627
|
'select-input--no-placeholder': placeholder.length === 0,
|
|
6587
6628
|
'select-input--disabled': disabled
|
|
6588
6629
|
}), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
|
|
6589
6630
|
React.createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
|
|
6590
6631
|
}
|
|
6591
|
-
return (React.createElement("button", { className: cx$
|
|
6592
|
-
React.createElement("div", { className: cx$
|
|
6593
|
-
placeholder.length > 0 ? (React.createElement("span", { className: cx$
|
|
6632
|
+
return (React.createElement("button", { className: cx$d('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
|
|
6633
|
+
React.createElement("div", { className: cx$d('select-button__input') },
|
|
6634
|
+
placeholder.length > 0 ? (React.createElement("span", { className: cx$d('select-button__placeholder', {
|
|
6594
6635
|
'select-button__placeholder--open': open,
|
|
6595
6636
|
'select-button__placeholder--selected': selected.length > 0
|
|
6596
6637
|
}) }, placeholder)) : null,
|
|
6597
|
-
selected.length > 0 ? (React.createElement("span", { className: cx$
|
|
6638
|
+
selected.length > 0 ? (React.createElement("span", { className: cx$d('select-button__value', {
|
|
6598
6639
|
'select-button__placeholder--open': open
|
|
6599
6640
|
}) }, getLabel(selected))) : null),
|
|
6600
6641
|
actionIcon ? React.createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6601
6642
|
};
|
|
6602
|
-
var SelectInput = Component$
|
|
6643
|
+
var SelectInput = Component$q;
|
|
6603
6644
|
|
|
6604
|
-
var styles$
|
|
6645
|
+
var styles$o = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6605
6646
|
|
|
6606
|
-
var cx$
|
|
6647
|
+
var cx$c = classNames.bind(styles$o);
|
|
6607
6648
|
var SelectClickout = function (_a) {
|
|
6608
6649
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6609
6650
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -6620,43 +6661,19 @@ var SelectClickout = function (_a) {
|
|
|
6620
6661
|
ref.current.onSwitch(false);
|
|
6621
6662
|
}, [clickOut]);
|
|
6622
6663
|
if (open)
|
|
6623
|
-
return React.createElement("div", { className: cx$
|
|
6664
|
+
return React.createElement("div", { className: cx$c('select-click-out') }, children);
|
|
6624
6665
|
return null;
|
|
6625
6666
|
};
|
|
6626
6667
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6627
6668
|
|
|
6628
|
-
var styles$
|
|
6669
|
+
var styles$n = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
6629
6670
|
|
|
6630
|
-
var cx$
|
|
6671
|
+
var cx$b = classNames.bind(styles$n);
|
|
6631
6672
|
var SelectDrawer = function (_a) {
|
|
6632
6673
|
var className = _a.className, children = _a.children;
|
|
6633
6674
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6634
|
-
return (React.createElement(MobileDrawer, { className: cx$
|
|
6635
|
-
};
|
|
6636
|
-
|
|
6637
|
-
var styles$n = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
6638
|
-
|
|
6639
|
-
var cx$b = classNames.bind(styles$n);
|
|
6640
|
-
var defaultCheck = function (_a) {
|
|
6641
|
-
var type = _a.type, checked = _a.checked;
|
|
6642
|
-
if (type === 'background')
|
|
6643
|
-
return;
|
|
6644
|
-
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$b('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
6645
|
-
};
|
|
6646
|
-
var Component$q = function (_a) {
|
|
6647
|
-
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
6648
|
-
return (React.createElement("label", { className: cx$b('checkbox', "checkbox--".concat(display), className, {
|
|
6649
|
-
'checkbox--checked': checked,
|
|
6650
|
-
'checkbox--background': type === 'background'
|
|
6651
|
-
}), "data-name": "checkbox-container", htmlFor: id },
|
|
6652
|
-
renderCheck({ checked: checked, type: type }),
|
|
6653
|
-
React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
|
|
6654
|
-
var target = _a.target;
|
|
6655
|
-
return onChange(target.checked);
|
|
6656
|
-
}, type: "checkbox", id: id }, rest)),
|
|
6657
|
-
children));
|
|
6675
|
+
return (React.createElement(MobileDrawer, { className: cx$b('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6658
6676
|
};
|
|
6659
|
-
var Checkbox = Component$q;
|
|
6660
6677
|
|
|
6661
6678
|
var styles$m = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
|
|
6662
6679
|
|
|
@@ -7770,5 +7787,5 @@ var Component = function (_a) {
|
|
|
7770
7787
|
};
|
|
7771
7788
|
var SuggestedJobsPage = Component;
|
|
7772
7789
|
|
|
7773
|
-
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7790
|
+
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7774
7791
|
//# sourceMappingURL=index.js.map
|